@charset "UTF-8";
@import "/Portal/css/fonts.css";
/*! jQuery UI - v1.14.1 - 2025-08-25
* https://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright OpenJS Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/Portal/css/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/Portal/css/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("/Portal/css/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("/Portal/css/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("/Portal/css/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/Portal/css/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("/Portal/css/images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:2px solid currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.2rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.3rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:placeholder-glow 2s ease-in-out infinite;animation:placeholder-glow 2s ease-in-out infinite}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:placeholder-wave 2s linear infinite;animation:placeholder-wave 2s linear infinite}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .multiselect-container .input-group {
        margin: 5px
    }

    .multiselect-container > li, .multiselect-container > li > a {
        padding: 0
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 3px 20px;
            height: 100%;
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer
        }

        .multiselect-container > li > a > label {
            margin: 0;
            height: 100%;
            cursor: pointer;
            font-weight: 400;
            padding: 3px 20px 3px 40px
        }

            .multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
                margin: 0
            }

            .multiselect-container > li > a > label > input[type=checkbox] {
                margin-bottom: 5px
            }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

/**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
    color: rgba(0,0,0, 0.87);
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after,
    *:first-letter {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
html {
    width: 100%;
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

/*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

/*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
main {
    display: block;
}

/*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
*[hidden] {
    display: none !important;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */



  
/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
}

.mdl-typography--display-4-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
    opacity: 0.54;
}

.mdl-typography--display-3 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
}

.mdl-typography--display-3-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    opacity: 0.54;
}

.mdl-typography--display-2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
}

.mdl-typography--display-2-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    opacity: 0.54;
}

.mdl-typography--display-1 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
}

.mdl-typography--display-1-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    opacity: 0.54;
}

.mdl-typography--headline {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
}

.mdl-typography--headline-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.87;
}

.mdl-typography--title {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
}

.mdl-typography--title-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    opacity: 0.87;
}

.mdl-typography--subhead {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
}

.mdl-typography--subhead-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    opacity: 0.87;
}

.mdl-typography--body-2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
}

.mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.mdl-typography--body-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.mdl-typography--body-2-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.mdl-typography--body-1-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.mdl-typography--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.mdl-typography--caption-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.mdl-typography--caption-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54;
}

.mdl-typography--caption-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54;
}

.mdl-typography--menu {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

.mdl-typography--menu-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87;
}

.mdl-typography--button {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
}

.mdl-typography--button-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87;
}

.mdl-typography--text-left {
    text-align: left;
}

.mdl-typography--text-right {
    text-align: right;
}

.mdl-typography--text-center {
    text-align: center;
}

.mdl-typography--text-justify {
    text-align: justify;
}

.mdl-typography--text-nowrap {
    white-space: nowrap;
}

.mdl-typography--text-lowercase {
    text-transform: lowercase;
}

.mdl-typography--text-uppercase {
    text-transform: uppercase;
}

.mdl-typography--text-capitalize {
    text-transform: capitalize;
}

.mdl-typography--font-thin {
    font-weight: 200 !important;
}

.mdl-typography--font-light {
    font-weight: 300 !important;
}

.mdl-typography--font-regular {
    font-weight: 400 !important;
}

.mdl-typography--font-medium {
    font-weight: 500 !important;
}

.mdl-typography--font-bold {
    font-weight: 700 !important;
}

.mdl-typography--font-black {
    font-weight: 900 !important;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-color-text--red {
    color: rgb(244,67,54) !important;
}

.mdl-color--red {
    background-color: rgb(244,67,54) !important;
}

.mdl-color-text--red-50 {
    color: rgb(255,235,238) !important;
}

.mdl-color--red-50 {
    background-color: rgb(255,235,238) !important;
}

.mdl-color-text--red-100 {
    color: rgb(255,205,210) !important;
}

.mdl-color--red-100 {
    background-color: rgb(255,205,210) !important;
}

.mdl-color-text--red-200 {
    color: rgb(239,154,154) !important;
}

.mdl-color--red-200 {
    background-color: rgb(239,154,154) !important;
}

.mdl-color-text--red-300 {
    color: rgb(229,115,115) !important;
}

.mdl-color--red-300 {
    background-color: rgb(229,115,115) !important;
}

.mdl-color-text--red-400 {
    color: rgb(239,83,80) !important;
}

.mdl-color--red-400 {
    background-color: rgb(239,83,80) !important;
}

.mdl-color-text--red-500 {
    color: rgb(244,67,54) !important;
}

.mdl-color--red-500 {
    background-color: rgb(244,67,54) !important;
}

.mdl-color-text--red-600 {
    color: rgb(229,57,53) !important;
}

.mdl-color--red-600 {
    background-color: rgb(229,57,53) !important;
}

.mdl-color-text--red-700 {
    color: rgb(211,47,47) !important;
}

.mdl-color--red-700 {
    background-color: rgb(211,47,47) !important;
}

.mdl-color-text--red-800 {
    color: rgb(198,40,40) !important;
}

.mdl-color--red-800 {
    background-color: rgb(198,40,40) !important;
}

.mdl-color-text--red-900 {
    color: rgb(183,28,28) !important;
}

.mdl-color--red-900 {
    background-color: rgb(183,28,28) !important;
}

.mdl-color-text--red-A100 {
    color: rgb(255,138,128) !important;
}

.mdl-color--red-A100 {
    background-color: rgb(255,138,128) !important;
}

.mdl-color-text--red-A200 {
    color: rgb(255,82,82) !important;
}

.mdl-color--red-A200 {
    background-color: rgb(255,82,82) !important;
}

.mdl-color-text--red-A400 {
    color: rgb(255,23,68) !important;
}

.mdl-color--red-A400 {
    background-color: rgb(255,23,68) !important;
}

.mdl-color-text--red-A700 {
    color: rgb(213,0,0) !important;
}

.mdl-color--red-A700 {
    background-color: rgb(213,0,0) !important;
}

.mdl-color-text--pink {
    color: rgb(233,30,99) !important;
}

.mdl-color--pink {
    background-color: rgb(233,30,99) !important;
}

.mdl-color-text--pink-50 {
    color: rgb(252,228,236) !important;
}

.mdl-color--pink-50 {
    background-color: rgb(252,228,236) !important;
}

.mdl-color-text--pink-100 {
    color: rgb(248,187,208) !important;
}

.mdl-color--pink-100 {
    background-color: rgb(248,187,208) !important;
}

.mdl-color-text--pink-200 {
    color: rgb(244,143,177) !important;
}

.mdl-color--pink-200 {
    background-color: rgb(244,143,177) !important;
}

.mdl-color-text--pink-300 {
    color: rgb(240,98,146) !important;
}

.mdl-color--pink-300 {
    background-color: rgb(240,98,146) !important;
}

.mdl-color-text--pink-400 {
    color: rgb(236,64,122) !important;
}

.mdl-color--pink-400 {
    background-color: rgb(236,64,122) !important;
}

.mdl-color-text--pink-500 {
    color: rgb(233,30,99) !important;
}

.mdl-color--pink-500 {
    background-color: rgb(233,30,99) !important;
}

.mdl-color-text--pink-600 {
    color: rgb(216,27,96) !important;
}

.mdl-color--pink-600 {
    background-color: rgb(216,27,96) !important;
}

.mdl-color-text--pink-700 {
    color: rgb(194,24,91) !important;
}

.mdl-color--pink-700 {
    background-color: rgb(194,24,91) !important;
}

.mdl-color-text--pink-800 {
    color: rgb(173,20,87) !important;
}

.mdl-color--pink-800 {
    background-color: rgb(173,20,87) !important;
}

.mdl-color-text--pink-900 {
    color: rgb(136,14,79) !important;
}

.mdl-color--pink-900 {
    background-color: rgb(136,14,79) !important;
}

.mdl-color-text--pink-A100 {
    color: rgb(255,128,171) !important;
}

.mdl-color--pink-A100 {
    background-color: rgb(255,128,171) !important;
}

.mdl-color-text--pink-A200 {
    color: rgb(255,64,129) !important;
}

.mdl-color--pink-A200 {
    background-color: rgb(255,64,129) !important;
}

.mdl-color-text--pink-A400 {
    color: rgb(245,0,87) !important;
}

.mdl-color--pink-A400 {
    background-color: rgb(245,0,87) !important;
}

.mdl-color-text--pink-A700 {
    color: rgb(197,17,98) !important;
}

.mdl-color--pink-A700 {
    background-color: rgb(197,17,98) !important;
}

.mdl-color-text--purple {
    color: rgb(156,39,176) !important;
}

.mdl-color--purple {
    background-color: rgb(156,39,176) !important;
}

.mdl-color-text--purple-50 {
    color: rgb(243,229,245) !important;
}

.mdl-color--purple-50 {
    background-color: rgb(243,229,245) !important;
}

.mdl-color-text--purple-100 {
    color: rgb(225,190,231) !important;
}

.mdl-color--purple-100 {
    background-color: rgb(225,190,231) !important;
}

.mdl-color-text--purple-200 {
    color: rgb(206,147,216) !important;
}

.mdl-color--purple-200 {
    background-color: rgb(206,147,216) !important;
}

.mdl-color-text--purple-300 {
    color: rgb(186,104,200) !important;
}

.mdl-color--purple-300 {
    background-color: rgb(186,104,200) !important;
}

.mdl-color-text--purple-400 {
    color: rgb(171,71,188) !important;
}

.mdl-color--purple-400 {
    background-color: rgb(171,71,188) !important;
}

.mdl-color-text--purple-500 {
    color: rgb(156,39,176) !important;
}

.mdl-color--purple-500 {
    background-color: rgb(156,39,176) !important;
}

.mdl-color-text--purple-600 {
    color: rgb(142,36,170) !important;
}

.mdl-color--purple-600 {
    background-color: rgb(142,36,170) !important;
}

.mdl-color-text--purple-700 {
    color: rgb(123,31,162) !important;
}

.mdl-color--purple-700 {
    background-color: rgb(123,31,162) !important;
}

.mdl-color-text--purple-800 {
    color: rgb(106,27,154) !important;
}

.mdl-color--purple-800 {
    background-color: rgb(106,27,154) !important;
}

.mdl-color-text--purple-900 {
    color: rgb(74,20,140) !important;
}

.mdl-color--purple-900 {
    background-color: rgb(74,20,140) !important;
}

.mdl-color-text--purple-A100 {
    color: rgb(234,128,252) !important;
}

.mdl-color--purple-A100 {
    background-color: rgb(234,128,252) !important;
}

.mdl-color-text--purple-A200 {
    color: rgb(224,64,251) !important;
}

.mdl-color--purple-A200 {
    background-color: rgb(224,64,251) !important;
}

.mdl-color-text--purple-A400 {
    color: rgb(213,0,249) !important;
}

.mdl-color--purple-A400 {
    background-color: rgb(213,0,249) !important;
}

.mdl-color-text--purple-A700 {
    color: rgb(170,0,255) !important;
}

.mdl-color--purple-A700 {
    background-color: rgb(170,0,255) !important;
}

.mdl-color-text--deep-purple {
    color: rgb(103,58,183) !important;
}

.mdl-color--deep-purple {
    background-color: rgb(103,58,183) !important;
}

.mdl-color-text--deep-purple-50 {
    color: rgb(237,231,246) !important;
}

.mdl-color--deep-purple-50 {
    background-color: rgb(237,231,246) !important;
}

.mdl-color-text--deep-purple-100 {
    color: rgb(209,196,233) !important;
}

.mdl-color--deep-purple-100 {
    background-color: rgb(209,196,233) !important;
}

.mdl-color-text--deep-purple-200 {
    color: rgb(179,157,219) !important;
}

.mdl-color--deep-purple-200 {
    background-color: rgb(179,157,219) !important;
}

.mdl-color-text--deep-purple-300 {
    color: rgb(149,117,205) !important;
}

.mdl-color--deep-purple-300 {
    background-color: rgb(149,117,205) !important;
}

.mdl-color-text--deep-purple-400 {
    color: rgb(126,87,194) !important;
}

.mdl-color--deep-purple-400 {
    background-color: rgb(126,87,194) !important;
}

.mdl-color-text--deep-purple-500 {
    color: rgb(103,58,183) !important;
}

.mdl-color--deep-purple-500 {
    background-color: rgb(103,58,183) !important;
}

.mdl-color-text--deep-purple-600 {
    color: rgb(94,53,177) !important;
}

.mdl-color--deep-purple-600 {
    background-color: rgb(94,53,177) !important;
}

.mdl-color-text--deep-purple-700 {
    color: rgb(81,45,168) !important;
}

.mdl-color--deep-purple-700 {
    background-color: rgb(81,45,168) !important;
}

.mdl-color-text--deep-purple-800 {
    color: rgb(69,39,160) !important;
}

.mdl-color--deep-purple-800 {
    background-color: rgb(69,39,160) !important;
}

.mdl-color-text--deep-purple-900 {
    color: rgb(49,27,146) !important;
}

.mdl-color--deep-purple-900 {
    background-color: rgb(49,27,146) !important;
}

.mdl-color-text--deep-purple-A100 {
    color: rgb(179,136,255) !important;
}

.mdl-color--deep-purple-A100 {
    background-color: rgb(179,136,255) !important;
}

.mdl-color-text--deep-purple-A200 {
    color: rgb(124,77,255) !important;
}

.mdl-color--deep-purple-A200 {
    background-color: rgb(124,77,255) !important;
}

.mdl-color-text--deep-purple-A400 {
    color: rgb(101,31,255) !important;
}

.mdl-color--deep-purple-A400 {
    background-color: rgb(101,31,255) !important;
}

.mdl-color-text--deep-purple-A700 {
    color: rgb(98,0,234) !important;
}

.mdl-color--deep-purple-A700 {
    background-color: rgb(98,0,234) !important;
}

.mdl-color-text--indigo {
    color: rgb(63,81,181) !important;
}

.mdl-color--indigo {
    background-color: rgb(63,81,181) !important;
}

.mdl-color-text--indigo-50 {
    color: rgb(232,234,246) !important;
}

.mdl-color--indigo-50 {
    background-color: rgb(232,234,246) !important;
}

.mdl-color-text--indigo-100 {
    color: rgb(197,202,233) !important;
}

.mdl-color--indigo-100 {
    background-color: rgb(197,202,233) !important;
}

.mdl-color-text--indigo-200 {
    color: rgb(159,168,218) !important;
}

.mdl-color--indigo-200 {
    background-color: rgb(159,168,218) !important;
}

.mdl-color-text--indigo-300 {
    color: rgb(121,134,203) !important;
}

.mdl-color--indigo-300 {
    background-color: rgb(121,134,203) !important;
}

.mdl-color-text--indigo-400 {
    color: rgb(92,107,192) !important;
}

.mdl-color--indigo-400 {
    background-color: rgb(92,107,192) !important;
}

.mdl-color-text--indigo-500 {
    color: rgb(63,81,181) !important;
}

.mdl-color--indigo-500 {
    background-color: rgb(63,81,181) !important;
}

.mdl-color-text--indigo-600 {
    color: rgb(57,73,171) !important;
}

.mdl-color--indigo-600 {
    background-color: rgb(57,73,171) !important;
}

.mdl-color-text--indigo-700 {
    color: rgb(48,63,159) !important;
}

.mdl-color--indigo-700 {
    background-color: rgb(48,63,159) !important;
}

.mdl-color-text--indigo-800 {
    color: rgb(40,53,147) !important;
}

.mdl-color--indigo-800 {
    background-color: rgb(40,53,147) !important;
}

.mdl-color-text--indigo-900 {
    color: rgb(26,35,126) !important;
}

.mdl-color--indigo-900 {
    background-color: rgb(26,35,126) !important;
}

.mdl-color-text--indigo-A100 {
    color: rgb(140,158,255) !important;
}

.mdl-color--indigo-A100 {
    background-color: rgb(140,158,255) !important;
}

.mdl-color-text--indigo-A200 {
    color: rgb(83,109,254) !important;
}

.mdl-color--indigo-A200 {
    background-color: rgb(83,109,254) !important;
}

.mdl-color-text--indigo-A400 {
    color: rgb(61,90,254) !important;
}

.mdl-color--indigo-A400 {
    background-color: rgb(61,90,254) !important;
}

.mdl-color-text--indigo-A700 {
    color: rgb(48,79,254) !important;
}

.mdl-color--indigo-A700 {
    background-color: rgb(48,79,254) !important;
}

.mdl-color-text--blue {
    color: rgb(33,150,243) !important;
}

.mdl-color--blue {
    background-color: rgb(33,150,243) !important;
}

.mdl-color-text--blue-50 {
    color: rgb(227,242,253) !important;
}

.mdl-color--blue-50 {
    background-color: rgb(227,242,253) !important;
}

.mdl-color-text--blue-100 {
    color: rgb(187,222,251) !important;
}

.mdl-color--blue-100 {
    background-color: rgb(187,222,251) !important;
}

.mdl-color-text--blue-200 {
    color: rgb(144,202,249) !important;
}

.mdl-color--blue-200 {
    background-color: rgb(144,202,249) !important;
}

.mdl-color-text--blue-300 {
    color: rgb(100,181,246) !important;
}

.mdl-color--blue-300 {
    background-color: rgb(100,181,246) !important;
}

.mdl-color-text--blue-400 {
    color: rgb(66,165,245) !important;
}

.mdl-color--blue-400 {
    background-color: rgb(66,165,245) !important;
}

.mdl-color-text--blue-500 {
    color: rgb(33,150,243) !important;
}

.mdl-color--blue-500 {
    background-color: rgb(33,150,243) !important;
}

.mdl-color-text--blue-600 {
    color: rgb(30,136,229) !important;
}

.mdl-color--blue-600 {
    background-color: rgb(30,136,229) !important;
}

.mdl-color-text--blue-700 {
    color: rgb(25,118,210) !important;
}

.mdl-color--blue-700 {
    background-color: rgb(25,118,210) !important;
}

.mdl-color-text--blue-800 {
    color: rgb(21,101,192) !important;
}

.mdl-color--blue-800 {
    background-color: rgb(21,101,192) !important;
}

.mdl-color-text--blue-900 {
    color: rgb(13,71,161) !important;
}

.mdl-color--blue-900 {
    background-color: rgb(13,71,161) !important;
}

.mdl-color-text--blue-A100 {
    color: rgb(130,177,255) !important;
}

.mdl-color--blue-A100 {
    background-color: rgb(130,177,255) !important;
}

.mdl-color-text--blue-A200 {
    color: rgb(68,138,255) !important;
}

.mdl-color--blue-A200 {
    background-color: rgb(68,138,255) !important;
}

.mdl-color-text--blue-A400 {
    color: rgb(41,121,255) !important;
}

.mdl-color--blue-A400 {
    background-color: rgb(41,121,255) !important;
}

.mdl-color-text--blue-A700 {
    color: rgb(41,98,255) !important;
}

.mdl-color--blue-A700 {
    background-color: rgb(41,98,255) !important;
}

.mdl-color-text--light-blue {
    color: rgb(3,169,244) !important;
}

.mdl-color--light-blue {
    background-color: rgb(3,169,244) !important;
}

.mdl-color-text--light-blue-50 {
    color: rgb(225,245,254) !important;
}

.mdl-color--light-blue-50 {
    background-color: rgb(225,245,254) !important;
}

.mdl-color-text--light-blue-100 {
    color: rgb(179,229,252) !important;
}

.mdl-color--light-blue-100 {
    background-color: rgb(179,229,252) !important;
}

.mdl-color-text--light-blue-200 {
    color: rgb(129,212,250) !important;
}

.mdl-color--light-blue-200 {
    background-color: rgb(129,212,250) !important;
}

.mdl-color-text--light-blue-300 {
    color: rgb(79,195,247) !important;
}

.mdl-color--light-blue-300 {
    background-color: rgb(79,195,247) !important;
}

.mdl-color-text--light-blue-400 {
    color: rgb(41,182,246) !important;
}

.mdl-color--light-blue-400 {
    background-color: rgb(41,182,246) !important;
}

.mdl-color-text--light-blue-500 {
    color: rgb(3,169,244) !important;
}

.mdl-color--light-blue-500 {
    background-color: rgb(3,169,244) !important;
}

.mdl-color-text--light-blue-600 {
    color: rgb(3,155,229) !important;
}

.mdl-color--light-blue-600 {
    background-color: rgb(3,155,229) !important;
}

.mdl-color-text--light-blue-700 {
    color: rgb(2,136,209) !important;
}

.mdl-color--light-blue-700 {
    background-color: rgb(2,136,209) !important;
}

.mdl-color-text--light-blue-800 {
    color: rgb(2,119,189) !important;
}

.mdl-color--light-blue-800 {
    background-color: rgb(2,119,189) !important;
}

.mdl-color-text--light-blue-900 {
    color: rgb(1,87,155) !important;
}

.mdl-color--light-blue-900 {
    background-color: rgb(1,87,155) !important;
}

.mdl-color-text--light-blue-A100 {
    color: rgb(128,216,255) !important;
}

.mdl-color--light-blue-A100 {
    background-color: rgb(128,216,255) !important;
}

.mdl-color-text--light-blue-A200 {
    color: rgb(64,196,255) !important;
}

.mdl-color--light-blue-A200 {
    background-color: rgb(64,196,255) !important;
}

.mdl-color-text--light-blue-A400 {
    color: rgb(0,176,255) !important;
}

.mdl-color--light-blue-A400 {
    background-color: rgb(0,176,255) !important;
}

.mdl-color-text--light-blue-A700 {
    color: rgb(0,145,234) !important;
}

.mdl-color--light-blue-A700 {
    background-color: rgb(0,145,234) !important;
}

.mdl-color-text--cyan {
    color: rgb(0,188,212) !important;
}

.mdl-color--cyan {
    background-color: rgb(0,188,212) !important;
}

.mdl-color-text--cyan-50 {
    color: rgb(224,247,250) !important;
}

.mdl-color--cyan-50 {
    background-color: rgb(224,247,250) !important;
}

.mdl-color-text--cyan-100 {
    color: rgb(178,235,242) !important;
}

.mdl-color--cyan-100 {
    background-color: rgb(178,235,242) !important;
}

.mdl-color-text--cyan-200 {
    color: rgb(128,222,234) !important;
}

.mdl-color--cyan-200 {
    background-color: rgb(128,222,234) !important;
}

.mdl-color-text--cyan-300 {
    color: rgb(77,208,225) !important;
}

.mdl-color--cyan-300 {
    background-color: rgb(77,208,225) !important;
}

.mdl-color-text--cyan-400 {
    color: rgb(38,198,218) !important;
}

.mdl-color--cyan-400 {
    background-color: rgb(38,198,218) !important;
}

.mdl-color-text--cyan-500 {
    color: rgb(0,188,212) !important;
}

.mdl-color--cyan-500 {
    background-color: rgb(0,188,212) !important;
}

.mdl-color-text--cyan-600 {
    color: rgb(0,172,193) !important;
}

.mdl-color--cyan-600 {
    background-color: rgb(0,172,193) !important;
}

.mdl-color-text--cyan-700 {
    color: rgb(0,151,167) !important;
}

.mdl-color--cyan-700 {
    background-color: rgb(0,151,167) !important;
}

.mdl-color-text--cyan-800 {
    color: rgb(0,131,143) !important;
}

.mdl-color--cyan-800 {
    background-color: rgb(0,131,143) !important;
}

.mdl-color-text--cyan-900 {
    color: rgb(0,96,100) !important;
}

.mdl-color--cyan-900 {
    background-color: rgb(0,96,100) !important;
}

.mdl-color-text--cyan-A100 {
    color: rgb(132,255,255) !important;
}

.mdl-color--cyan-A100 {
    background-color: rgb(132,255,255) !important;
}

.mdl-color-text--cyan-A200 {
    color: rgb(24,255,255) !important;
}

.mdl-color--cyan-A200 {
    background-color: rgb(24,255,255) !important;
}

.mdl-color-text--cyan-A400 {
    color: rgb(0,229,255) !important;
}

.mdl-color--cyan-A400 {
    background-color: rgb(0,229,255) !important;
}

.mdl-color-text--cyan-A700 {
    color: rgb(0,184,212) !important;
}

.mdl-color--cyan-A700 {
    background-color: rgb(0,184,212) !important;
}

.mdl-color-text--teal {
    color: rgb(0,150,136) !important;
}

.mdl-color--teal {
    background-color: rgb(0,150,136) !important;
}

.mdl-color-text--teal-50 {
    color: rgb(224,242,241) !important;
}

.mdl-color--teal-50 {
    background-color: rgb(224,242,241) !important;
}

.mdl-color-text--teal-100 {
    color: rgb(178,223,219) !important;
}

.mdl-color--teal-100 {
    background-color: rgb(178,223,219) !important;
}

.mdl-color-text--teal-200 {
    color: rgb(128,203,196) !important;
}

.mdl-color--teal-200 {
    background-color: rgb(128,203,196) !important;
}

.mdl-color-text--teal-300 {
    color: rgb(77,182,172) !important;
}

.mdl-color--teal-300 {
    background-color: rgb(77,182,172) !important;
}

.mdl-color-text--teal-400 {
    color: rgb(38,166,154) !important;
}

.mdl-color--teal-400 {
    background-color: rgb(38,166,154) !important;
}

.mdl-color-text--teal-500 {
    color: rgb(0,150,136) !important;
}

.mdl-color--teal-500 {
    background-color: rgb(0,150,136) !important;
}

.mdl-color-text--teal-600 {
    color: rgb(0,137,123) !important;
}

.mdl-color--teal-600 {
    background-color: rgb(0,137,123) !important;
}

.mdl-color-text--teal-700 {
    color: rgb(0,121,107) !important;
}

.mdl-color--teal-700 {
    background-color: rgb(0,121,107) !important;
}

.mdl-color-text--teal-800 {
    color: rgb(0,105,92) !important;
}

.mdl-color--teal-800 {
    background-color: rgb(0,105,92) !important;
}

.mdl-color-text--teal-900 {
    color: rgb(0,77,64) !important;
}

.mdl-color--teal-900 {
    background-color: rgb(0,77,64) !important;
}

.mdl-color-text--teal-A100 {
    color: rgb(167,255,235) !important;
}

.mdl-color--teal-A100 {
    background-color: rgb(167,255,235) !important;
}

.mdl-color-text--teal-A200 {
    color: rgb(100,255,218) !important;
}

.mdl-color--teal-A200 {
    background-color: rgb(100,255,218) !important;
}

.mdl-color-text--teal-A400 {
    color: rgb(29,233,182) !important;
}

.mdl-color--teal-A400 {
    background-color: rgb(29,233,182) !important;
}

.mdl-color-text--teal-A700 {
    color: rgb(0,191,165) !important;
}

.mdl-color--teal-A700 {
    background-color: rgb(0,191,165) !important;
}

.mdl-color-text--green {
    color: rgb(76,175,80) !important;
}

.mdl-color--green {
    background-color: rgb(76,175,80) !important;
}

.mdl-color-text--green-50 {
    color: rgb(232,245,233) !important;
}

.mdl-color--green-50 {
    background-color: rgb(232,245,233) !important;
}

.mdl-color-text--green-100 {
    color: rgb(200,230,201) !important;
}

.mdl-color--green-100 {
    background-color: rgb(200,230,201) !important;
}

.mdl-color-text--green-200 {
    color: rgb(165,214,167) !important;
}

.mdl-color--green-200 {
    background-color: rgb(165,214,167) !important;
}

.mdl-color-text--green-300 {
    color: rgb(129,199,132) !important;
}

.mdl-color--green-300 {
    background-color: rgb(129,199,132) !important;
}

.mdl-color-text--green-400 {
    color: rgb(102,187,106) !important;
}

.mdl-color--green-400 {
    background-color: rgb(102,187,106) !important;
}

.mdl-color-text--green-500 {
    color: rgb(76,175,80) !important;
}

.mdl-color--green-500 {
    background-color: rgb(76,175,80) !important;
}

.mdl-color-text--green-600 {
    color: rgb(67,160,71) !important;
}

.mdl-color--green-600 {
    background-color: rgb(67,160,71) !important;
}

.mdl-color-text--green-700 {
    color: rgb(56,142,60) !important;
}

.mdl-color--green-700 {
    background-color: rgb(56,142,60) !important;
}

.mdl-color-text--green-800 {
    color: rgb(46,125,50) !important;
}

.mdl-color--green-800 {
    background-color: rgb(46,125,50) !important;
}

.mdl-color-text--green-900 {
    color: rgb(27,94,32) !important;
}

.mdl-color--green-900 {
    background-color: rgb(27,94,32) !important;
}

.mdl-color-text--green-A100 {
    color: rgb(185,246,202) !important;
}

.mdl-color--green-A100 {
    background-color: rgb(185,246,202) !important;
}

.mdl-color-text--green-A200 {
    color: rgb(105,240,174) !important;
}

.mdl-color--green-A200 {
    background-color: rgb(105,240,174) !important;
}

.mdl-color-text--green-A400 {
    color: rgb(0,230,118) !important;
}

.mdl-color--green-A400 {
    background-color: rgb(0,230,118) !important;
}

.mdl-color-text--green-A700 {
    color: rgb(0,200,83) !important;
}

.mdl-color--green-A700 {
    background-color: rgb(0,200,83) !important;
}

.mdl-color-text--light-green {
    color: rgb(139,195,74) !important;
}

.mdl-color--light-green {
    background-color: rgb(139,195,74) !important;
}

.mdl-color-text--light-green-50 {
    color: rgb(241,248,233) !important;
}

.mdl-color--light-green-50 {
    background-color: rgb(241,248,233) !important;
}

.mdl-color-text--light-green-100 {
    color: rgb(220,237,200) !important;
}

.mdl-color--light-green-100 {
    background-color: rgb(220,237,200) !important;
}

.mdl-color-text--light-green-200 {
    color: rgb(197,225,165) !important;
}

.mdl-color--light-green-200 {
    background-color: rgb(197,225,165) !important;
}

.mdl-color-text--light-green-300 {
    color: rgb(174,213,129) !important;
}

.mdl-color--light-green-300 {
    background-color: rgb(174,213,129) !important;
}

.mdl-color-text--light-green-400 {
    color: rgb(156,204,101) !important;
}

.mdl-color--light-green-400 {
    background-color: rgb(156,204,101) !important;
}

.mdl-color-text--light-green-500 {
    color: rgb(139,195,74) !important;
}

.mdl-color--light-green-500 {
    background-color: rgb(139,195,74) !important;
}

.mdl-color-text--light-green-600 {
    color: rgb(124,179,66) !important;
}

.mdl-color--light-green-600 {
    background-color: rgb(124,179,66) !important;
}

.mdl-color-text--light-green-700 {
    color: rgb(104,159,56) !important;
}

.mdl-color--light-green-700 {
    background-color: rgb(104,159,56) !important;
}

.mdl-color-text--light-green-800 {
    color: rgb(85,139,47) !important;
}

.mdl-color--light-green-800 {
    background-color: rgb(85,139,47) !important;
}

.mdl-color-text--light-green-900 {
    color: rgb(51,105,30) !important;
}

.mdl-color--light-green-900 {
    background-color: rgb(51,105,30) !important;
}

.mdl-color-text--light-green-A100 {
    color: rgb(204,255,144) !important;
}

.mdl-color--light-green-A100 {
    background-color: rgb(204,255,144) !important;
}

.mdl-color-text--light-green-A200 {
    color: rgb(178,255,89) !important;
}

.mdl-color--light-green-A200 {
    background-color: rgb(178,255,89) !important;
}

.mdl-color-text--light-green-A400 {
    color: rgb(118,255,3) !important;
}

.mdl-color--light-green-A400 {
    background-color: rgb(118,255,3) !important;
}

.mdl-color-text--light-green-A700 {
    color: rgb(100,221,23) !important;
}

.mdl-color--light-green-A700 {
    background-color: rgb(100,221,23) !important;
}

.mdl-color-text--lime {
    color: rgb(205,220,57) !important;
}

.mdl-color--lime {
    background-color: rgb(205,220,57) !important;
}

.mdl-color-text--lime-50 {
    color: rgb(249,251,231) !important;
}

.mdl-color--lime-50 {
    background-color: rgb(249,251,231) !important;
}

.mdl-color-text--lime-100 {
    color: rgb(240,244,195) !important;
}

.mdl-color--lime-100 {
    background-color: rgb(240,244,195) !important;
}

.mdl-color-text--lime-200 {
    color: rgb(230,238,156) !important;
}

.mdl-color--lime-200 {
    background-color: rgb(230,238,156) !important;
}

.mdl-color-text--lime-300 {
    color: rgb(220,231,117) !important;
}

.mdl-color--lime-300 {
    background-color: rgb(220,231,117) !important;
}

.mdl-color-text--lime-400 {
    color: rgb(212,225,87) !important;
}

.mdl-color--lime-400 {
    background-color: rgb(212,225,87) !important;
}

.mdl-color-text--lime-500 {
    color: rgb(205,220,57) !important;
}

.mdl-color--lime-500 {
    background-color: rgb(205,220,57) !important;
}

.mdl-color-text--lime-600 {
    color: rgb(192,202,51) !important;
}

.mdl-color--lime-600 {
    background-color: rgb(192,202,51) !important;
}

.mdl-color-text--lime-700 {
    color: rgb(175,180,43) !important;
}

.mdl-color--lime-700 {
    background-color: rgb(175,180,43) !important;
}

.mdl-color-text--lime-800 {
    color: rgb(158,157,36) !important;
}

.mdl-color--lime-800 {
    background-color: rgb(158,157,36) !important;
}

.mdl-color-text--lime-900 {
    color: rgb(130,119,23) !important;
}

.mdl-color--lime-900 {
    background-color: rgb(130,119,23) !important;
}

.mdl-color-text--lime-A100 {
    color: rgb(244,255,129) !important;
}

.mdl-color--lime-A100 {
    background-color: rgb(244,255,129) !important;
}

.mdl-color-text--lime-A200 {
    color: rgb(238,255,65) !important;
}

.mdl-color--lime-A200 {
    background-color: rgb(238,255,65) !important;
}

.mdl-color-text--lime-A400 {
    color: rgb(198,255,0) !important;
}

.mdl-color--lime-A400 {
    background-color: rgb(198,255,0) !important;
}

.mdl-color-text--lime-A700 {
    color: rgb(174,234,0) !important;
}

.mdl-color--lime-A700 {
    background-color: rgb(174,234,0) !important;
}

.mdl-color-text--yellow {
    color: rgb(255,235,59) !important;
}

.mdl-color--yellow {
    background-color: rgb(255,235,59) !important;
}

.mdl-color-text--yellow-50 {
    color: rgb(255,253,231) !important;
}

.mdl-color--yellow-50 {
    background-color: rgb(255,253,231) !important;
}

.mdl-color-text--yellow-100 {
    color: rgb(255,249,196) !important;
}

.mdl-color--yellow-100 {
    background-color: rgb(255,249,196) !important;
}

.mdl-color-text--yellow-200 {
    color: rgb(255,245,157) !important;
}

.mdl-color--yellow-200 {
    background-color: rgb(255,245,157) !important;
}

.mdl-color-text--yellow-300 {
    color: rgb(255,241,118) !important;
}

.mdl-color--yellow-300 {
    background-color: rgb(255,241,118) !important;
}

.mdl-color-text--yellow-400 {
    color: rgb(255,238,88) !important;
}

.mdl-color--yellow-400 {
    background-color: rgb(255,238,88) !important;
}

.mdl-color-text--yellow-500 {
    color: rgb(255,235,59) !important;
}

.mdl-color--yellow-500 {
    background-color: rgb(255,235,59) !important;
}

.mdl-color-text--yellow-600 {
    color: rgb(253,216,53) !important;
}

.mdl-color--yellow-600 {
    background-color: rgb(253,216,53) !important;
}

.mdl-color-text--yellow-700 {
    color: rgb(251,192,45) !important;
}

.mdl-color--yellow-700 {
    background-color: rgb(251,192,45) !important;
}

.mdl-color-text--yellow-800 {
    color: rgb(249,168,37) !important;
}

.mdl-color--yellow-800 {
    background-color: rgb(249,168,37) !important;
}

.mdl-color-text--yellow-900 {
    color: rgb(245,127,23) !important;
}

.mdl-color--yellow-900 {
    background-color: rgb(245,127,23) !important;
}

.mdl-color-text--yellow-A100 {
    color: rgb(255,255,141) !important;
}

.mdl-color--yellow-A100 {
    background-color: rgb(255,255,141) !important;
}

.mdl-color-text--yellow-A200 {
    color: rgb(255,255,0) !important;
}

.mdl-color--yellow-A200 {
    background-color: rgb(255,255,0) !important;
}

.mdl-color-text--yellow-A400 {
    color: rgb(255,234,0) !important;
}

.mdl-color--yellow-A400 {
    background-color: rgb(255,234,0) !important;
}

.mdl-color-text--yellow-A700 {
    color: rgb(255,214,0) !important;
}

.mdl-color--yellow-A700 {
    background-color: rgb(255,214,0) !important;
}

.mdl-color-text--amber {
    color: rgb(255,193,7) !important;
}

.mdl-color--amber {
    background-color: rgb(255,193,7) !important;
}

.mdl-color-text--amber-50 {
    color: rgb(255,248,225) !important;
}

.mdl-color--amber-50 {
    background-color: rgb(255,248,225) !important;
}

.mdl-color-text--amber-100 {
    color: rgb(255,236,179) !important;
}

.mdl-color--amber-100 {
    background-color: rgb(255,236,179) !important;
}

.mdl-color-text--amber-200 {
    color: rgb(255,224,130) !important;
}

.mdl-color--amber-200 {
    background-color: rgb(255,224,130) !important;
}

.mdl-color-text--amber-300 {
    color: rgb(255,213,79) !important;
}

.mdl-color--amber-300 {
    background-color: rgb(255,213,79) !important;
}

.mdl-color-text--amber-400 {
    color: rgb(255,202,40) !important;
}

.mdl-color--amber-400 {
    background-color: rgb(255,202,40) !important;
}

.mdl-color-text--amber-500 {
    color: rgb(255,193,7) !important;
}

.mdl-color--amber-500 {
    background-color: rgb(255,193,7) !important;
}

.mdl-color-text--amber-600 {
    color: rgb(255,179,0) !important;
}

.mdl-color--amber-600 {
    background-color: rgb(255,179,0) !important;
}

.mdl-color-text--amber-700 {
    color: rgb(255,160,0) !important;
}

.mdl-color--amber-700 {
    background-color: rgb(255,160,0) !important;
}

.mdl-color-text--amber-800 {
    color: rgb(255,143,0) !important;
}

.mdl-color--amber-800 {
    background-color: rgb(255,143,0) !important;
}

.mdl-color-text--amber-900 {
    color: rgb(255,111,0) !important;
}

.mdl-color--amber-900 {
    background-color: rgb(255,111,0) !important;
}

.mdl-color-text--amber-A100 {
    color: rgb(255,229,127) !important;
}

.mdl-color--amber-A100 {
    background-color: rgb(255,229,127) !important;
}

.mdl-color-text--amber-A200 {
    color: rgb(255,215,64) !important;
}

.mdl-color--amber-A200 {
    background-color: rgb(255,215,64) !important;
}

.mdl-color-text--amber-A400 {
    color: rgb(255,196,0) !important;
}

.mdl-color--amber-A400 {
    background-color: rgb(255,196,0) !important;
}

.mdl-color-text--amber-A700 {
    color: rgb(255,171,0) !important;
}

.mdl-color--amber-A700 {
    background-color: rgb(255,171,0) !important;
}

.mdl-color-text--orange {
    color: rgb(255,152,0) !important;
}

.mdl-color--orange {
    background-color: rgb(255,152,0) !important;
}

.mdl-color-text--orange-50 {
    color: rgb(255,243,224) !important;
}

.mdl-color--orange-50 {
    background-color: rgb(255,243,224) !important;
}

.mdl-color-text--orange-100 {
    color: rgb(255,224,178) !important;
}

.mdl-color--orange-100 {
    background-color: rgb(255,224,178) !important;
}

.mdl-color-text--orange-200 {
    color: rgb(255,204,128) !important;
}

.mdl-color--orange-200 {
    background-color: rgb(255,204,128) !important;
}

.mdl-color-text--orange-300 {
    color: rgb(255,183,77) !important;
}

.mdl-color--orange-300 {
    background-color: rgb(255,183,77) !important;
}

.mdl-color-text--orange-400 {
    color: rgb(255,167,38) !important;
}

.mdl-color--orange-400 {
    background-color: rgb(255,167,38) !important;
}

.mdl-color-text--orange-500 {
    color: rgb(255,152,0) !important;
}

.mdl-color--orange-500 {
    background-color: rgb(255,152,0) !important;
}

.mdl-color-text--orange-600 {
    color: rgb(251,140,0) !important;
}

.mdl-color--orange-600 {
    background-color: rgb(251,140,0) !important;
}

.mdl-color-text--orange-700 {
    color: rgb(245,124,0) !important;
}

.mdl-color--orange-700 {
    background-color: rgb(245,124,0) !important;
}

.mdl-color-text--orange-800 {
    color: rgb(239,108,0) !important;
}

.mdl-color--orange-800 {
    background-color: rgb(239,108,0) !important;
}

.mdl-color-text--orange-900 {
    color: rgb(230,81,0) !important;
}

.mdl-color--orange-900 {
    background-color: rgb(230,81,0) !important;
}

.mdl-color-text--orange-A100 {
    color: rgb(255,209,128) !important;
}

.mdl-color--orange-A100 {
    background-color: rgb(255,209,128) !important;
}

.mdl-color-text--orange-A200 {
    color: rgb(255,171,64) !important;
}

.mdl-color--orange-A200 {
    background-color: rgb(255,171,64) !important;
}

.mdl-color-text--orange-A400 {
    color: rgb(255,145,0) !important;
}

.mdl-color--orange-A400 {
    background-color: rgb(255,145,0) !important;
}

.mdl-color-text--orange-A700 {
    color: rgb(255,109,0) !important;
}

.mdl-color--orange-A700 {
    background-color: rgb(255,109,0) !important;
}

.mdl-color-text--deep-orange {
    color: rgb(255,87,34) !important;
}

.mdl-color--deep-orange {
    background-color: rgb(255,87,34) !important;
}

.mdl-color-text--deep-orange-50 {
    color: rgb(251,233,231) !important;
}

.mdl-color--deep-orange-50 {
    background-color: rgb(251,233,231) !important;
}

.mdl-color-text--deep-orange-100 {
    color: rgb(255,204,188) !important;
}

.mdl-color--deep-orange-100 {
    background-color: rgb(255,204,188) !important;
}

.mdl-color-text--deep-orange-200 {
    color: rgb(255,171,145) !important;
}

.mdl-color--deep-orange-200 {
    background-color: rgb(255,171,145) !important;
}

.mdl-color-text--deep-orange-300 {
    color: rgb(255,138,101) !important;
}

.mdl-color--deep-orange-300 {
    background-color: rgb(255,138,101) !important;
}

.mdl-color-text--deep-orange-400 {
    color: rgb(255,112,67) !important;
}

.mdl-color--deep-orange-400 {
    background-color: rgb(255,112,67) !important;
}

.mdl-color-text--deep-orange-500 {
    color: rgb(255,87,34) !important;
}

.mdl-color--deep-orange-500 {
    background-color: rgb(255,87,34) !important;
}

.mdl-color-text--deep-orange-600 {
    color: rgb(244,81,30) !important;
}

.mdl-color--deep-orange-600 {
    background-color: rgb(244,81,30) !important;
}

.mdl-color-text--deep-orange-700 {
    color: rgb(230,74,25) !important;
}

.mdl-color--deep-orange-700 {
    background-color: rgb(230,74,25) !important;
}

.mdl-color-text--deep-orange-800 {
    color: rgb(216,67,21) !important;
}

.mdl-color--deep-orange-800 {
    background-color: rgb(216,67,21) !important;
}

.mdl-color-text--deep-orange-900 {
    color: rgb(191,54,12) !important;
}

.mdl-color--deep-orange-900 {
    background-color: rgb(191,54,12) !important;
}

.mdl-color-text--deep-orange-A100 {
    color: rgb(255,158,128) !important;
}

.mdl-color--deep-orange-A100 {
    background-color: rgb(255,158,128) !important;
}

.mdl-color-text--deep-orange-A200 {
    color: rgb(255,110,64) !important;
}

.mdl-color--deep-orange-A200 {
    background-color: rgb(255,110,64) !important;
}

.mdl-color-text--deep-orange-A400 {
    color: rgb(255,61,0) !important;
}

.mdl-color--deep-orange-A400 {
    background-color: rgb(255,61,0) !important;
}

.mdl-color-text--deep-orange-A700 {
    color: rgb(221,44,0) !important;
}

.mdl-color--deep-orange-A700 {
    background-color: rgb(221,44,0) !important;
}

.mdl-color-text--brown {
    color: rgb(121,85,72) !important;
}

.mdl-color--brown {
    background-color: rgb(121,85,72) !important;
}

.mdl-color-text--brown-50 {
    color: rgb(239,235,233) !important;
}

.mdl-color--brown-50 {
    background-color: rgb(239,235,233) !important;
}

.mdl-color-text--brown-100 {
    color: rgb(215,204,200) !important;
}

.mdl-color--brown-100 {
    background-color: rgb(215,204,200) !important;
}

.mdl-color-text--brown-200 {
    color: rgb(188,170,164) !important;
}

.mdl-color--brown-200 {
    background-color: rgb(188,170,164) !important;
}

.mdl-color-text--brown-300 {
    color: rgb(161,136,127) !important;
}

.mdl-color--brown-300 {
    background-color: rgb(161,136,127) !important;
}

.mdl-color-text--brown-400 {
    color: rgb(141,110,99) !important;
}

.mdl-color--brown-400 {
    background-color: rgb(141,110,99) !important;
}

.mdl-color-text--brown-500 {
    color: rgb(121,85,72) !important;
}

.mdl-color--brown-500 {
    background-color: rgb(121,85,72) !important;
}

.mdl-color-text--brown-600 {
    color: rgb(109,76,65) !important;
}

.mdl-color--brown-600 {
    background-color: rgb(109,76,65) !important;
}

.mdl-color-text--brown-700 {
    color: rgb(93,64,55) !important;
}

.mdl-color--brown-700 {
    background-color: rgb(93,64,55) !important;
}

.mdl-color-text--brown-800 {
    color: rgb(78,52,46) !important;
}

.mdl-color--brown-800 {
    background-color: rgb(78,52,46) !important;
}

.mdl-color-text--brown-900 {
    color: rgb(62,39,35) !important;
}

.mdl-color--brown-900 {
    background-color: rgb(62,39,35) !important;
}

.mdl-color-text--grey {
    color: rgb(158,158,158) !important;
}

.mdl-color--grey {
    background-color: rgb(158,158,158) !important;
}

.mdl-color-text--grey-50 {
    color: rgb(250,250,250) !important;
}

.mdl-color--grey-50 {
    background-color: rgb(250,250,250) !important;
}

.mdl-color-text--grey-100 {
    color: rgb(245,245,245) !important;
}

.mdl-color--grey-100 {
    background-color: rgb(245,245,245) !important;
}

.mdl-color-text--grey-200 {
    color: rgb(238,238,238) !important;
}

.mdl-color--grey-200 {
    background-color: rgb(238,238,238) !important;
}

.mdl-color-text--grey-300 {
    color: rgb(224,224,224) !important;
}

.mdl-color--grey-300 {
    background-color: rgb(224,224,224) !important;
}

.mdl-color-text--grey-400 {
    color: rgb(189,189,189) !important;
}

.mdl-color--grey-400 {
    background-color: rgb(189,189,189) !important;
}

.mdl-color-text--grey-500 {
    color: rgb(158,158,158) !important;
}

.mdl-color--grey-500 {
    background-color: rgb(158,158,158) !important;
}

.mdl-color-text--grey-600 {
    color: rgb(117,117,117) !important;
}

.mdl-color--grey-600 {
    background-color: rgb(117,117,117) !important;
}

.mdl-color-text--grey-700 {
    color: rgb(97,97,97) !important;
}

.mdl-color--grey-700 {
    background-color: rgb(97,97,97) !important;
}

.mdl-color-text--grey-800 {
    color: rgb(66,66,66) !important;
}

.mdl-color--grey-800 {
    background-color: rgb(66,66,66) !important;
}

.mdl-color-text--grey-900 {
    color: rgb(33,33,33) !important;
}

.mdl-color--grey-900 {
    background-color: rgb(33,33,33) !important;
}

.mdl-color-text--blue-grey {
    color: rgb(96,125,139) !important;
}

.mdl-color--blue-grey {
    background-color: rgb(96,125,139) !important;
}

.mdl-color-text--blue-grey-50 {
    color: rgb(236,239,241) !important;
}

.mdl-color--blue-grey-50 {
    background-color: rgb(236,239,241) !important;
}

.mdl-color-text--blue-grey-100 {
    color: rgb(207,216,220) !important;
}

.mdl-color--blue-grey-100 {
    background-color: rgb(207,216,220) !important;
}

.mdl-color-text--blue-grey-200 {
    color: rgb(176,190,197) !important;
}

.mdl-color--blue-grey-200 {
    background-color: rgb(176,190,197) !important;
}

.mdl-color-text--blue-grey-300 {
    color: rgb(144,164,174) !important;
}

.mdl-color--blue-grey-300 {
    background-color: rgb(144,164,174) !important;
}

.mdl-color-text--blue-grey-400 {
    color: rgb(120,144,156) !important;
}

.mdl-color--blue-grey-400 {
    background-color: rgb(120,144,156) !important;
}

.mdl-color-text--blue-grey-500 {
    color: rgb(96,125,139) !important;
}

.mdl-color--blue-grey-500 {
    background-color: rgb(96,125,139) !important;
}

.mdl-color-text--blue-grey-600 {
    color: rgb(84,110,122) !important;
}

.mdl-color--blue-grey-600 {
    background-color: rgb(84,110,122) !important;
}

.mdl-color-text--blue-grey-700 {
    color: rgb(69,90,100) !important;
}

.mdl-color--blue-grey-700 {
    background-color: rgb(69,90,100) !important;
}

.mdl-color-text--blue-grey-800 {
    color: rgb(55,71,79) !important;
}

.mdl-color--blue-grey-800 {
    background-color: rgb(55,71,79) !important;
}

.mdl-color-text--blue-grey-900 {
    color: rgb(38,50,56) !important;
}

.mdl-color--blue-grey-900 {
    background-color: rgb(38,50,56) !important;
}

.mdl-color--black {
    background-color: rgb(0,0,0) !important;
}

.mdl-color-text--black {
    color: rgb(0,0,0) !important;
}

.mdl-color--white {
    background-color: rgb(255,255,255) !important;
}

.mdl-color-text--white {
    color: rgb(255,255,255) !important;
}

.mdl-color--primary {
    background-color: rgb(63,81,181) !important;
}

.mdl-color--primary-contrast {
    background-color: rgb(255,255,255) !important;
}

.mdl-color--primary-dark {
    background-color: rgb(48,63,159) !important;
}

.mdl-color--accent {
    background-color: rgb(255,64,129) !important;
}

.mdl-color--accent-contrast {
    background-color: rgb(255,255,255) !important;
}

.mdl-color-text--primary {
    color: rgb(63,81,181) !important;
}

.mdl-color-text--primary-contrast {
    color: rgb(255,255,255) !important;
}

.mdl-color-text--primary-dark {
    color: rgb(48,63,159) !important;
}

.mdl-color-text--accent {
    color: rgb(255,64,129) !important;
}

.mdl-color-text--accent-contrast {
    color: rgb(255,255,255) !important;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-ripple {
    background: rgb(0,0,0);
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden;
}

    .mdl-ripple.is-animating {
        transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .mdl-ripple.is-visible {
        opacity: 0.3;
    }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-animation--default {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px;
}

    .mdl-badge:not([data-badge]) {
        margin-right: auto;
    }

    .mdl-badge[data-badge]:after {
        content: attr(data-badge);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: -11px;
        right: -24px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;
        font-size: 12px;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: rgb(255,64,129);
        color: rgb(255,255,255);
    }

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px;
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255,64,129);
    background: rgba(255,255,255,0.2);
    box-shadow: 0 0 1px gray;
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px;
}

    .mdl-badge.mdl-badge--overlap:after {
        right: -10px;
    }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-button {
    background: transparent;
    border: none;
    border-radius: 2px;
    color: rgb(0,0,0);
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
}

    .mdl-button::-moz-focus-inner {
        border: 0;
    }

    .mdl-button:hover {
        background-color: rgba(158,158,158, 0.20);
    }

    .mdl-button:focus:not(:active) {
        background-color: rgba(0,0,0, 0.12);
    }

    .mdl-button:active {
        background-color: rgba(158,158,158, 0.40);
    }

    .mdl-button.mdl-button--colored {
        color: rgb(63,81,181);
    }

        .mdl-button.mdl-button--colored:focus:not(:active) {
            background-color: rgba(0,0,0, 0.12);
        }

input.mdl-button[type="submit"] {
    -webkit-appearance: none;
}

.mdl-button--raised {
    background: rgba(158,158,158, 0.20);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

    .mdl-button--raised:active {
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        background-color: rgba(158,158,158, 0.40);
    }

    .mdl-button--raised:focus:not(:active) {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
        background-color: rgba(158,158,158, 0.40);
    }

    .mdl-button--raised.mdl-button--colored {
        background: rgb(63,81,181);
        color: rgb(255,255,255);
    }

        .mdl-button--raised.mdl-button--colored:hover {
            background-color: rgb(63,81,181);
        }

        .mdl-button--raised.mdl-button--colored:active {
            background-color: rgb(63,81,181);
        }

        .mdl-button--raised.mdl-button--colored:focus:not(:active) {
            background-color: rgb(63,81,181);
        }

        .mdl-button--raised.mdl-button--colored .mdl-ripple {
            background: rgb(255,255,255);
        }

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158,158,158, 0.20);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

    .mdl-button--fab .material-icons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px);
        line-height: 24px;
        width: 24px;
    }

    .mdl-button--fab.mdl-button--mini-fab {
        height: 40px;
        min-width: 40px;
        width: 40px;
    }

    .mdl-button--fab .mdl-button__ripple-container {
        border-radius: 50%;
        -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    }

    .mdl-button--fab:active {
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        background-color: rgba(158,158,158, 0.40);
    }

    .mdl-button--fab:focus:not(:active) {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
        background-color: rgba(158,158,158, 0.40);
    }

    .mdl-button--fab.mdl-button--colored {
        background: rgb(255,64,129);
        color: rgb(255,255,255);
    }

        .mdl-button--fab.mdl-button--colored:hover {
            background-color: rgb(255,64,129);
        }

        .mdl-button--fab.mdl-button--colored:focus:not(:active) {
            background-color: rgb(255,64,129);
        }

        .mdl-button--fab.mdl-button--colored:active {
            background-color: rgb(255,64,129);
        }

        .mdl-button--fab.mdl-button--colored .mdl-ripple {
            background: rgb(255,255,255);
        }

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal;
}

    .mdl-button--icon .material-icons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px);
        line-height: 24px;
        width: 24px;
    }

    .mdl-button--icon.mdl-button--mini-icon {
        height: 24px;
        min-width: 24px;
        width: 24px;
    }

        .mdl-button--icon.mdl-button--mini-icon .material-icons {
            top: 0px;
            left: 0px;
        }

    .mdl-button--icon .mdl-button__ripple-container {
        border-radius: 50%;
        -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    }

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent;
}

.mdl-button--primary.mdl-button--primary {
    color: rgb(63,81,181);
}

    .mdl-button--primary.mdl-button--primary .mdl-ripple {
        background: rgb(255,255,255);
    }

    .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
        color: rgb(255,255,255);
        background-color: rgb(63,81,181);
    }

.mdl-button--accent.mdl-button--accent {
    color: rgb(255,64,129);
}

    .mdl-button--accent.mdl-button--accent .mdl-ripple {
        background: rgb(255,255,255);
    }

    .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
        color: rgb(255,255,255);
        background-color: rgb(255,64,129);
    }

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0,0,0, 0.26);
    cursor: default;
    background-color: transparent;
}

.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26);
}

.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26);
    box-shadow: none;
}

.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0,0,0, 0.26);
}

.mdl-button .material-icons {
    vertical-align: middle;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: rgb(255,255,255);
    border-radius: 2px;
    box-sizing: border-box;
}

.mdl-card__media {
    background-color: rgb(255,64,129);
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box;
}

.mdl-card__title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgb(0,0,0);
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box;
}

    .mdl-card__title.mdl-card--border {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

.mdl-card__title-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0;
}

.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0,0,0, 0.54);
    margin: 0;
}

.mdl-card__supporting-text {
    color: rgba(0,0,0, 0.54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px 16px;
    width: 90%;
}

    .mdl-card__supporting-text.mdl-card--border {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

.mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 8px;
    box-sizing: border-box;
}

    .mdl-card__actions.mdl-card--border {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

.mdl-card--expand {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
}

    .mdl-checkbox.is-upgraded {
        padding-left: 24px;
    }

.mdl-checkbox__input {
    line-height: 24px;
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0,0,0, 0.54);
    border-radius: 2px;
    z-index: 2;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(63,81,181);
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26);
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: transparent;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .mdl-checkbox__ripple-container .mdl-ripple {
        background: rgb(63,81,181);
    }

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto;
}

    fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
    .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
        background: transparent;
    }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-chip {
    height: 32px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0,0,0, 0.87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap;
}

.mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
}

.mdl-chip__action {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0,0,0, 0.87);
    border: none;
    outline: none;
    overflow: hidden;
}

.mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
}

.mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-chip:active {
    background-color: #d6d6d6;
}

.mdl-chip--deletable {
    padding-right: 4px;
}

.mdl-chip--contact {
    padding-left: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: rgb(255,255,255);
}

    .mdl-data-table thead {
        padding-bottom: 3px;
    }

        .mdl-data-table thead .mdl-data-table__select {
            margin-top: 0;
        }

    .mdl-data-table tbody tr {
        position: relative;
        height: 48px;
        transition-duration: 0.28s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: background-color;
    }

        .mdl-data-table tbody tr.is-selected {
            background-color: #e0e0e0;
        }

        .mdl-data-table tbody tr:hover {
            background-color: #eeeeee;
        }

    .mdl-data-table td, .mdl-data-table th {
        padding: 0 18px 12px 18px;
        text-align: right;
    }

        .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
            padding-left: 24px;
        }

        .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
            padding-right: 24px;
        }

    .mdl-data-table td {
        position: relative;
        vertical-align: middle;
        height: 48px;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        padding-top: 12px;
        box-sizing: border-box;
    }

        .mdl-data-table td .mdl-data-table__select {
            vertical-align: middle;
        }

    .mdl-data-table th {
        position: relative;
        vertical-align: bottom;
        text-overflow: ellipsis;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        letter-spacing: 0;
        height: 48px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.54);
        padding-bottom: 8px;
        box-sizing: border-box;
    }

        .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
            color: rgba(0, 0, 0, 0.87);
        }

            .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
                font-family: 'Material Icons';
                font-weight: normal;
                font-style: normal;
                font-size: 24px;
                line-height: 1;
                letter-spacing: normal;
                text-transform: none;
                display: inline-block;
                word-wrap: normal;
                -moz-font-feature-settings: 'liga';
                font-feature-settings: 'liga';
                -webkit-font-feature-settings: 'liga';
                -webkit-font-smoothing: antialiased;
                font-size: 16px;
                content: "\e5d8";
                margin-right: 5px;
                vertical-align: sub;
            }

            .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
                cursor: pointer;
            }

                .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
                    color: rgba(0, 0, 0, 0.26);
                }

            .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
                content: "\e5db";
            }

.mdl-data-table__select {
    width: 16px;
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px;
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem;
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .mdl-dialog__actions > * {
        margin-right: 8px;
        height: 36px;
    }

        .mdl-dialog__actions > *:first-child {
            margin-right: 0;
        }

.mdl-dialog__actions--full-width {
    padding: 0 0 8px 0;
}

    .mdl-dialog__actions--full-width > * {
        height: 48px;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-right: 16px;
        margin-right: 0;
        text-align: right;
    }

.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0,0,0, 0.54);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-mega-footer {
    padding: 16px 40px;
    color: rgb(158,158,158);
    background-color: rgb(66,66,66);
}

.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
    content: '';
    display: block;
    clear: both;
}

.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
    margin-bottom: 16px;
}

.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
    margin-bottom: 16px;
}

    .mdl-mega-footer--right-section a,
    .mdl-mega-footer__right-section a {
        display: block;
        margin-bottom: 16px;
        color: inherit;
        text-decoration: none;
    }

@media screen and (min-width: 760px) {
    .mdl-mega-footer--left-section,
    .mdl-mega-footer__left-section {
        float: left;
    }

    .mdl-mega-footer--right-section,
    .mdl-mega-footer__right-section {
        float: right;
    }

        .mdl-mega-footer--right-section a,
        .mdl-mega-footer__right-section a {
            display: inline-block;
            margin-left: 16px;
            line-height: 36px;
            vertical-align: middle;
        }
}

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: rgb(158,158,158);
    border: none;
}

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
    display: block;
    position: relative;
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer__drop-down-section {
        width: 33%;
    }

        .mdl-mega-footer--drop-down-section:nth-child(1),
        .mdl-mega-footer--drop-down-section:nth-child(2),
        .mdl-mega-footer__drop-down-section:nth-child(1),
        .mdl-mega-footer__drop-down-section:nth-child(2) {
            float: left;
        }

        .mdl-mega-footer--drop-down-section:nth-child(3),
        .mdl-mega-footer__drop-down-section:nth-child(3) {
            float: right;
        }

            .mdl-mega-footer--drop-down-section:nth-child(3):after,
            .mdl-mega-footer__drop-down-section:nth-child(3):after {
                clear: right;
            }

        .mdl-mega-footer--drop-down-section:nth-child(4),
        .mdl-mega-footer__drop-down-section:nth-child(4) {
            clear: right;
            float: right;
        }

    .mdl-mega-footer--middle-section:after,
    .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both;
    }

    .mdl-mega-footer--bottom-section,
    .mdl-mega-footer__bottom-section {
        padding-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section,
    .mdl-mega-footer__drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left;
    }
}

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: 0;
    margin-top: -16px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
        font-family: 'Material Icons';
        content: '\E5CE';
    }

    .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
    .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
        display: none;
    }

    .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
        font-family: 'Material Icons';
        content: '\E5CF';
    }

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgb(224,224,224);
}

    .mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 23.8px;
        height: 23.8px;
        background-size: cover;
    }

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 32px;
}

    .mdl-mega-footer--link-list:after,
    .mdl-mega-footer__link-list:after {
        clear: both;
        display: block;
        content: '';
    }

    .mdl-mega-footer--link-list li,
    .mdl-mega-footer__link-list li {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        line-height: 20px;
    }

    .mdl-mega-footer--link-list a,
    .mdl-mega-footer__link-list a {
        color: inherit;
        text-decoration: none;
        white-space: nowrap;
    }

@media screen and (min-width: 760px) {
    .mdl-mega-footer--heading-checkbox,
    .mdl-mega-footer__heading-checkbox {
        display: none;
    }

        .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
        .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
        .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
        .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
            content: '';
        }

        .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
        .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
        .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
        .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
        .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
        .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
        .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
        .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
            display: block;
        }

        .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
        .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
        .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
        .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
            content: '';
        }
}

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px;
}

.mdl-logo {
    margin-bottom: 16px;
    color: white;
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
}

@media screen and (min-width: 760px) {
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px;
    }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-mini-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: rgb(158,158,158);
    background-color: rgb(66,66,66);
}

    .mdl-mini-footer:after {
        content: '';
        display: block;
    }

    .mdl-mini-footer .mdl-logo {
        line-height: 36px;
    }

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .mdl-mini-footer--link-list li,
    .mdl-mini-footer__link-list li {
        margin-bottom: 0;
        margin-right: 16px;
    }

@media screen and (min-width: 760px) {
    .mdl-mini-footer--link-list li,
    .mdl-mini-footer__link-list li {
        line-height: 36px;
    }
}

.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: rgb(158,158,158);
    border: none;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0;
}

.mdl-icon-toggle__input {
    line-height: 32px;
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: rgb(97,97,97);
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .mdl-icon-toggle__label.material-icons {
        line-height: 32px;
        font-size: 24px;
    }

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: rgb(63,81,181);
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
    transition: none;
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0,0,0, 0.12);
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63,81,181, 0.26);
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .mdl-icon-toggle__ripple-container .mdl-ripple {
        background: rgb(97,97,97);
    }

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto;
}

    .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
        background: transparent;
    }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none;
}

.mdl-list__item {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    box-sizing: border-box;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    cursor: default;
    color: rgba(0,0,0, 0.87);
    overflow: hidden;
}

    .mdl-list__item .mdl-list__item-primary-content {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        text-decoration: none;
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
            margin-right: 32px;
        }

        .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
            margin-right: 16px;
        }

    .mdl-list__item .mdl-list__item-secondary-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-left: 16px;
    }

        .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
            display: inline;
        }

        .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
            font-size: 12px;
            font-weight: 400;
            line-height: 1;
            letter-spacing: 0;
            color: rgba(0,0,0, 0.54);
        }

        .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
            padding: 0 0 0 16px;
        }

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: rgb(117,117,117);
}

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: rgb(117,117,117);
    font-size: 40px;
    color: white;
}

.mdl-list__item--two-line {
    height: 72px;
}

    .mdl-list__item--two-line .mdl-list__item-primary-content {
        height: 36px;
        line-height: 20px;
        display: block;
    }

        .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
            float: left;
        }

        .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
            float: left;
            margin-top: 6px;
        }

        .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
            height: 36px;
        }

        .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0;
            line-height: 18px;
            color: rgba(0,0,0, 0.54);
            display: block;
            padding: 0;
        }

.mdl-list__item--three-line {
    height: 88px;
}

    .mdl-list__item--three-line .mdl-list__item-primary-content {
        height: 52px;
        line-height: 20px;
        display: block;
    }

        .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
        .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
            float: left;
        }

    .mdl-list__item--three-line .mdl-list__item-secondary-content {
        height: 52px;
    }

    .mdl-list__item--three-line .mdl-list__item-text-body {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        line-height: 18px;
        height: 52px;
        color: rgba(0,0,0, 0.54);
        display: block;
        padding: 0;
    }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1;
}

    .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
        z-index: 999;
        visibility: visible;
    }

.mdl-menu__outline {
    display: block;
    background: rgb(255,255,255);
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999;
}

.mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1;
}

.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999;
}

.mdl-menu.is-animating {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0;
}

.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0;
}

.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto;
}

.mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0,0,0, 0.87);
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: rgb(189,189,189);
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1;
}

.mdl-menu__item::-moz-focus-inner {
    border: 0;
}

.mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0,0,0, 0.12);
}

.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
    color: rgb(189,189,189);
    background-color: transparent;
    cursor: auto;
}

    .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
        background-color: transparent;
    }

    .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
        background-color: transparent;
    }

    .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
        background: transparent;
    }

.mdl-menu__item:hover {
    background-color: rgb(238,238,238);
}

.mdl-menu__item:focus {
    outline: none;
    background-color: rgb(238,238,238);
}

.mdl-menu__item:active {
    background-color: rgb(224,224,224);
}

.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%;
}

    .mdl-progress > .bar {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 0%;
        transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .mdl-progress > .progressbar {
        background-color: rgb(63,81,181);
        z-index: 1;
        left: 0;
    }

    .mdl-progress > .bufferbar {
        background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
        z-index: 0;
        left: 0;
    }

    .mdl-progress > .auxbar {
        right: 0;
    }

@supports (-webkit-appearance: none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
    .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
        background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
        -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
    }
}

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
}

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
    background-color: rgb(63,81,181);
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-image: none;
    background-color: rgb(63,81,181);
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 25%;
        width: 75%;
    }

    75% {
        left: 100%;
        width: 0%;
    }
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 25%;
        width: 75%;
    }

    75% {
        left: 100%;
        width: 0%;
    }
}

@-webkit-keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 0%;
        width: 0%;
    }

    75% {
        left: 0%;
        width: 25%;
    }

    100% {
        left: 100%;
        width: 0%;
    }
}

@keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 0%;
        width: 0%;
    }

    75% {
        left: 0%;
        width: 25%;
    }

    100% {
        left: 100%;
        width: 0%;
    }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
}

.mdl-navigation__link {
    color: rgb(66,66,66);
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

    .mdl-navigation__link .material-icons {
        vertical-align: middle;
    }

.mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

    .mdl-layout.is-small-screen .mdl-layout--large-screen-only {
        display: none;
    }

    .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
        display: none;
    }

.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.mdl-layout__title,
.mdl-layout-title {
    display: block;
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    box-sizing: border-box;
}

.mdl-layout-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mdl-layout__drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-right: 1px solid rgb(224,224,224);
    background: rgb(250,250,250);
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: rgb(66,66,66);
    overflow: visible;
    overflow-y: auto;
    z-index: 5;
}

    .mdl-layout__drawer.is-visible {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

        .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
            overflow: hidden;
        }

    .mdl-layout__drawer > * {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .mdl-layout__drawer > .mdl-layout__title,
    .mdl-layout__drawer > .mdl-layout-title {
        line-height: 64px;
        padding-left: 40px;
    }

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer > .mdl-layout__title,
    .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px;
    }
}

.mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 16px;
}

    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        display: block;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 16px 40px;
        margin: 0;
        color: #757575;
    }

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px 16px;
    }
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: rgb(224,224,224);
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: rgb(224,224,224);
    color: rgb(0,0,0);
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: rgb(255,255,255);
    z-index: 4;
}

.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: rgb(255,255,255);
    background-color: inherit;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
        line-height: 54px;
    }

    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
    .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
    .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none;
    }
}

.mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: rgb(63,81,181);
    color: rgb(255,255,255);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: max-height, box-shadow;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        min-height: 56px;
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px);
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px;
    }
}

.mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px;
    }
}

.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none;
}

.mdl-layout__header.is-compact {
    max-height: 64px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact {
        max-height: 56px;
    }
}

.mdl-layout__header.is-compact.has-tabs {
    height: 112px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: none;
    }

    .mdl-layout--fixed-header > .mdl-layout__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none;
}

.mdl-layout__header--seamed {
    box-shadow: none;
}

.mdl-layout__header--scroll {
    box-shadow: none;
}

.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden;
}

    .mdl-layout__header--waterfall.is-casting-shadow {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }

    .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

.mdl-layout__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px;
}

.mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px;
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px;
    }

    .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px;
    }
}

.mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%;
}

.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px;
    }
}

.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: rgb(255,255,255);
    line-height: 64px;
    padding: 0 24px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px;
    }
}

.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

    .mdl-layout__obfuscator.is-visible {
        background-color: rgba(0, 0, 0, 0.5);
        visibility: visible;
    }

@supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none;
    }

        .mdl-layout__obfuscator.is-visible {
            pointer-events: auto;
            opacity: 1;
        }
}

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}

.mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px;
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible;
}

@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0;
    }

    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgb(63,81,181);
    overflow-y: hidden;
    overflow-x: scroll;
}

    .mdl-layout__tab-bar::-webkit-scrollbar {
        display: none;
    }

.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px);
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px);
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px;
    }

    .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px;
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0;
}

.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: rgb(63,81,181);
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px;
}

    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
    .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
        position: relative;
        left: -4px;
    }

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
        width: 60px;
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none;
}

.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px;
}

.mdl-layout__tab-bar-button.is-active {
    color: rgb(255,255,255);
}

.mdl-layout__tab-bar-left-button {
    left: 0;
}

.mdl-layout__tab-bar-right-button {
    right: 0;
}

.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255,255,255, 0.6);
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab {
        padding: 0 12px 0 12px;
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: rgb(255,255,255);
}

    .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
        height: 2px;
        width: 100%;
        display: block;
        content: " ";
        bottom: 0;
        left: 0;
        position: absolute;
        background: rgb(255,64,129);
        -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
        animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
        transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    }

.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

    .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
        background-color: rgb(255,255,255);
    }

.mdl-layout__tab-panel {
    display: block;
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none;
}

    .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
        display: block;
    }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-radio {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0;
}

    .mdl-radio.is-upgraded {
        padding-left: 24px;
    }

.mdl-radio__button {
    line-height: 24px;
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0,0,0, 0.54);
    border-radius: 50%;
    z-index: 2;
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgb(63,81,181);
}

.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: rgb(63,81,181);
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}

.mdl-radio__label {
    cursor: pointer;
}

fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .mdl-radio__ripple-container .mdl-ripple {
        background: rgb(63,81,181);
    }

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
.mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto;
}

    fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
    .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
        background: transparent;
    }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
    -ms-appearance: none;
    height: 32px;
    margin: 0;
}

.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px;
}

    .mdl-slider.is-upgraded {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 2px;
        background: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        outline: 0;
        padding: 0;
        color: rgb(63,81,181);
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        z-index: 1;
        cursor: pointer;
        /**************************** Tracks ****************************/
        /**************************** Thumbs ****************************/
        /**************************** 0-value ****************************/
        /**************************** Disabled ****************************/
    }

        .mdl-slider.is-upgraded::-moz-focus-outer {
            border: 0;
        }

        .mdl-slider.is-upgraded::-ms-tooltip {
            display: none;
        }

        .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
            background: transparent;
        }

        .mdl-slider.is-upgraded::-moz-range-track {
            background: transparent;
            border: none;
        }

        .mdl-slider.is-upgraded::-ms-track {
            background: none;
            color: transparent;
            height: 2px;
            width: 100%;
            border: none;
        }

        .mdl-slider.is-upgraded::-ms-fill-lower {
            padding: 0;
            background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0);
        }

        .mdl-slider.is-upgraded::-ms-fill-upper {
            padding: 0;
            background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0);
        }

        .mdl-slider.is-upgraded::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 12px;
            height: 12px;
            box-sizing: border-box;
            border-radius: 50%;
            background: rgb(63,81,181);
            border: none;
            transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .mdl-slider.is-upgraded::-moz-range-thumb {
            -moz-appearance: none;
            width: 12px;
            height: 12px;
            box-sizing: border-box;
            border-radius: 50%;
            background-image: none;
            background: rgb(63,81,181);
            border: none;
        }

        .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
            box-shadow: 0 0 0 10px rgba(63,81,181, 0.26);
        }

        .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
            box-shadow: 0 0 0 10px rgba(63,81,181, 0.26);
        }

        .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
            background-image: none;
            background: rgb(63,81,181);
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

        .mdl-slider.is-upgraded:active::-moz-range-thumb {
            background-image: none;
            background: rgb(63,81,181);
            transform: scale(1.5);
        }

        .mdl-slider.is-upgraded::-ms-thumb {
            width: 32px;
            height: 32px;
            border: none;
            border-radius: 50%;
            background: rgb(63,81,181);
            transform: scale(0.375);
            transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
            background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%);
            transform: scale(1);
        }

        .mdl-slider.is-upgraded:active::-ms-thumb {
            background: rgb(63,81,181);
            transform: scale(0.5625);
        }

        .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
            border: 2px solid rgba(0,0,0, 0.26);
            background: transparent;
        }

        .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
            border: 2px solid rgba(0,0,0, 0.26);
            background: transparent;
        }

        .mdl-slider.is-upgraded.is-lowest-value +
        .mdl-slider__background-flex > .mdl-slider__background-upper {
            left: 6px;
        }

        .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
            box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
            background: rgba(0,0,0, 0.12);
        }

        .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
            box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
            background: rgba(0,0,0, 0.12);
        }

        .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
            border: 1.6px solid rgba(0,0,0, 0.26);
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

        .mdl-slider.is-upgraded.is-lowest-value:active +
        .mdl-slider__background-flex > .mdl-slider__background-upper {
            left: 9px;
        }

        .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
            border: 1.5px solid rgba(0,0,0, 0.26);
            transform: scale(1.5);
        }

        .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
            background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%);
        }

        .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
            background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%);
            transform: scale(1);
        }

        .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
            transform: scale(0.5625);
            background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%);
        }

        .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
            background: transparent;
        }

        .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
            margin-left: 6px;
        }

        .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
            margin-left: 9px;
        }

        .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
            -webkit-transform: scale(0.667);
            transform: scale(0.667);
            background: rgba(0,0,0, 0.26);
        }

        .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
            transform: scale(0.667);
            background: rgba(0,0,0, 0.26);
        }

        .mdl-slider.is-upgraded:disabled +
        .mdl-slider__background-flex > .mdl-slider__background-lower {
            background-color: rgba(0,0,0, 0.26);
            left: -6px;
        }

        .mdl-slider.is-upgraded:disabled +
        .mdl-slider__background-flex > .mdl-slider__background-upper {
            left: 6px;
        }

        .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
            border: 3px solid rgba(0,0,0, 0.26);
            background: transparent;
            -webkit-transform: scale(0.667);
            transform: scale(0.667);
        }

        .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
            border: 3px solid rgba(0,0,0, 0.26);
            background: transparent;
            transform: scale(0.667);
        }

        .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
        .mdl-slider__background-flex > .mdl-slider__background-upper {
            left: 6px;
        }

        .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
            transform: scale(0.25);
            background: rgba(0,0,0, 0.26);
        }

        .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
            transform: scale(0.25);
            background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%);
        }

        .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
            margin-right: 6px;
            background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0);
        }

        .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
            margin-left: 6px;
        }

        .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
            margin-left: 6px;
        }

.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none;
}

.mdl-slider__container {
    height: 18px;
    position: relative;
    background: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.mdl-slider__background-flex {
    background: transparent;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
}

.mdl-slider__background-lower {
    background: rgb(63,81,181);
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
}

.mdl-slider__background-upper {
    background: rgba(0,0,0, 0.26);
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    will-change: transform;
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none;
}

@media (max-width: 479px) {
    .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px;
    }
}

@media (min-width: 480px) {
    .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px);
    }
}

.mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 480px) {
    .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: white;
    float: left;
}

.mdl-snackbar__action {
    background: transparent;
    border: none;
    color: rgb(255,64,129);
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

    .mdl-snackbar__action::-moz-focus-inner {
        border: 0;
    }

    .mdl-snackbar__action:not([aria-hidden]) {
        opacity: 1;
        pointer-events: auto;
    }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
}

    .mdl-spinner:not(.is-upgraded).is-active:after {
        content: "Loading...";
    }

    .mdl-spinner.is-upgraded.is-active {
        -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
        animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
    }

@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.mdl-spinner__layer-1 {
    border-color: rgb(66,165,245);
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: rgb(63,81,181);
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.mdl-spinner__layer-2 {
    border-color: rgb(244,67,54);
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: rgb(63,81,181);
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.mdl-spinner__layer-3 {
    border-color: rgb(253,216,53);
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: rgb(63,81,181);
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.mdl-spinner__layer-4 {
    border-color: rgb(76,175,80);
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: rgb(63,81,181);
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99;
    }

    25% {
        opacity: 0.99;
    }

    26% {
        opacity: 0;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0.99;
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99;
    }

    25% {
        opacity: 0.99;
    }

    26% {
        opacity: 0;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0.99;
    }
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: 0.99;
    }

    50% {
        opacity: 0.99;
    }

    51% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: 0.99;
    }

    50% {
        opacity: 0.99;
    }

    51% {
        opacity: 0;
    }
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 0.99;
    }

    75% {
        opacity: 0.99;
    }

    76% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 0.99;
    }

    75% {
        opacity: 0.99;
    }

    76% {
        opacity: 0;
    }
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 0.99;
    }

    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 0.99;
    }

    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0;
    }
}

/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

    .mdl-spinner__gap-patch .mdl-spinner__circle {
        width: 1000%;
        left: -450%;
    }

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

    .mdl-spinner__circle-clipper.mdl-spinner__left {
        float: left;
    }

    .mdl-spinner__circle-clipper.mdl-spinner__right {
        float: right;
    }

    .mdl-spinner__circle-clipper .mdl-spinner__circle {
        width: 200%;
    }

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    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;
    left: 0;
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg);
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg);
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .mdl-switch.is-upgraded {
        padding-left: 28px;
    }

.mdl-switch__input {
    line-height: 24px;
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-switch__track {
    background: rgba(0,0,0, 0.26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer;
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63,81,181, 0.5);
}

.mdl-switch__track fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0,0,0, 0.12);
    cursor: auto;
}

.mdl-switch__thumb {
    background: rgb(250,250,250);
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left;
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(63,81,181);
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__thumb {
    background: rgb(189,189,189);
    cursor: auto;
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26);
}

.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    left: 24px;
}

    .mdl-switch__label fieldset[disabled] .mdl-switch,
    .mdl-switch.is-disabled .mdl-switch__label {
        color: rgb(189,189,189);
        cursor: auto;
    }

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    transition-duration: 0.40s;
    transition-timing-function: step-end;
    transition-property: left;
}

    .mdl-switch__ripple-container .mdl-ripple {
        background: rgb(63,81,181);
    }

    .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
    .mdl-switch.is-disabled .mdl-switch__ripple-container {
        cursor: auto;
    }

        fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
        .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
            background: transparent;
        }

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tabs {
    display: block;
    width: 100%;
}

.mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0 0 0 0;
    margin: 0;
    border-bottom: 1px solid rgb(224,224,224);
}

.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0,0,0, 0.54);
    overflow: hidden;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0,0,0, 0.87);
}

    .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
        height: 2px;
        width: 100%;
        display: block;
        content: " ";
        bottom: 0px;
        left: 0px;
        position: absolute;
        background: rgb(63,81,181);
        -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
        animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
        transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    }

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
}

    .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
        background: rgb(63,81,181);
    }

.mdl-tabs__panel {
    display: block;
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none;
}

    .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
        display: block;
    }

@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}

    .mdl-textfield .mdl-button {
        position: absolute;
        bottom: 20px;
    }

.mdl-textfield--align-right {
    text-align: right;
}

.mdl-textfield--full-width {
    width: 100%;
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px;
}

    .mdl-textfield--expandable .mdl-button--icon {
        top: 16px;
    }

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0,0,0, 0.12);
    display: block;
    font-size: 16px;
    font-family: "Helvetica", "Arial", sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: none;
    text-align: left;
    color: inherit;
}

    .mdl-textfield__input[type="number"] {
        -moz-appearance: textfield;
    }

        .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none;
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: rgb(213,0,0);
    box-shadow: none;
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26);
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block;
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0,0,0, 0.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden;
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none;
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0,0,0, 0.26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(63,81,181);
    font-size: 12px;
    top: 4px;
    visibility: visible;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: rgb(213,0,0);
    font-size: 12px;
}

.mdl-textfield__label:after {
    background-color: rgb(63,81,181);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px;
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%;
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: rgb(213,0,0);
}

.mdl-textfield__error {
    color: rgb(213,0,0);
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block;
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible;
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 0.1px;
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px;
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tooltip {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97,97,97, 0.9);
    border-radius: 2px;
    color: rgb(255,255,255);
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center;
}

    .mdl-tooltip.is-active {
        -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
        animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
    }

.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .mdl-grid.mdl-grid--no-spacing {
        padding: 0;
    }

.mdl-cell {
    box-sizing: border-box;
}

.mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0;
}

.mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

@media (max-width: 479px) {
    .mdl-grid {
        padding: 8px;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 100%;
    }

    .mdl-cell--hide-phone {
        display: none !important;
    }

    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%;
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    .mdl-grid {
        padding: 8px;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 50%;
    }

    .mdl-cell--hide-tablet {
        display: none !important;
    }

    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%;
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%;
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%;
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%;
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%;
    }
}

@media (min-width: 840px) {
    .mdl-grid {
        padding: 8px;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%;
    }

    .mdl-cell--hide-desktop {
        display: none !important;
    }

    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%;
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%;
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%;
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%;
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%;
    }

    .mdl-cell--8-offset,
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%;
    }

    .mdl-cell--9-offset,
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%;
    }

    .mdl-cell--10-offset,
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%;
    }

    .mdl-cell--11-offset,
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%;
    }
}



body {
    height: 100%;
    width: 100%;
    font-style: normal;
    background: #f8f8f8;
}


/**
  * Styles for HTML elements
  */


@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    opacity: 0.54;
    font-size: 0.6em;
}

h1 {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    margin-top: 24px;
    margin-bottom: 24px;
}

h2 {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h3 {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h4 {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 24px;
    margin-bottom: 16px;
}

h5 {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-top: 24px;
    margin-bottom: 16px;
}

h6 {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    margin-top: 24px;
    margin-bottom: 16px;
}

p {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    margin-bottom: 16px;
}

a {
   
    font-weight: 500;
}

blockquote {
    font-family: 'Linotype-TradeGothicLTPro-Light';
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.35;
    letter-spacing: 0.08em;
}

    blockquote:before {
        position: absolute;
        left: -0.5em;
        content: '�';
    }

    blockquote:after {
        content: '�';
        margin-left: -0.05em;
    }

mark {
    background-color: #f4ff81;
}

dt {
    font-weight: 700;
}

address {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-style: normal;
}

ul, ol {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}


ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
 cite, em, var, address, dfn {
    font-style: normal;
}

a {
    cursor: pointer;
    text-decoration:none;
    color: #878800;
}

    a:hover {
       color: #939;
    }

    a u:hover, a b:hover {
        color: #939;
    }

body {
    margin: 0;
    padding: 0;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f8f8f8;
}


h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.04;
}

.darkbordered .mdl-textfield__input {
    background: rgba(0, 0, 0, 0.09);
    padding: 16px 10px 0px 10px;
    border-radius: 4px 4px 0 0;
    height: 56px;
    border-bottom: solid 1px #666366;
}

.darkbordered .mdl-textfield__label {
    margin: 0;
    top: 35px;
    padding: 0 10px;
    color: #555;
}

.darkbordered .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.darkbordered .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.darkbordered .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #696969;
    font-size: 12px;
    top: 20px;
    visibility: visible;
}

.darkbordered .mdl-textfield {
    width: 100%;
    padding: 15px 0 15px 0;
}

.darkbordered .mdl-textfield__label:after {
    bottom: 15px;
}

.darkbordered .mdl-textfield .mdl-button {
    position: absolute;
    bottom: 25px;
    right: 20px;
}

.darkbordered {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

    .darkbordered .getmdl-select .mdl-icon-toggle__label {
        margin-top: -40px;
        float: right;
    }

.mdl-checkbox__label {
    color: #696969;
}

.FooterMain {
    padding: 1rem;
    padding-top: 2rem;
}

section.skinny-footer {
    padding: 0;
    display: flex;
    width: 100%;
}

.group-links {
    margin: 0;
    display: flex;
    justify-content: center;
    padding: 15px 0;
    flex-wrap: wrap;
}

    .group-links > li {
        display: inline-block;
        padding: 0 .5rem;
    }

        .group-links > li > a {
            color: #696969;
            padding: .5rem 0;
            font-size: 13px;
        }

.FooterMain .group-links > li > a {
    color: #3A4D13;
    text-decoration: underline;
}
    .FooterMain .group-links > li > a:hover{
        color:#939;
    }

    .copyright {
        display: flex;
        justify-content: center;
        padding: 6px 0;
    }

    .copyright > p {
        color: #696969;
        margin: 0;
        font-size: 13px;
    }

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
    width: 100%;
    border-radius: 0;
}

.toast.toast-error {
    background-color: #AF0220;
}

#toast-container > div {
    opacity: 1;
    padding: 20px 15px 20px 50px;
}

.modalNoti.modal {
    padding-right: 0px !important;
    background: #fff;
}

    .modalNoti.modal .modal-dialog {
        margin: 0;
        height: 100%;
        max-width: 100vw;
        width: 100%;
    }

    .modalNoti.modal .modal-content {
        border-radius: 0;
        background-clip: border-box;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        min-height: 100%;
        padding: 60px 0;
        text-align: center;
        position: relative;
    }

    .modalNoti.modal .modal-body h4 {
        color: #333;
        font-size: 20px;
        letter-spacing: 0.25px;
        line-height: 24px;
        text-align: center;
        margin: 0px 0px 50px 0px;
    }

.modalNoti .close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #4D4D4D;
    opacity: 1;
    font-size: 28px;
    font-family: initial;
}

    .modalNoti .close span {
        font-size: 12px;
        display: block;
        letter-spacing: 0.4px;
        line-height: 16px;
    }

.modalNoti .modal-footer {
    padding: 0px;
    border: 0px;
    text-align: center;
    justify-content: center;
}

    .modalNoti .modal-footer button {
        float: none;
    }

.btnsbtGreen {
    display: inline-block;
    background: #215ed9;
    border-radius: 4px;
    color: #fff;
    min-width: 103px;
    font-size: 14px;
    min-height: 42px;
    text-transform: uppercase;
}

.btnGreenbox {
    text-align: right;
    margin-top: 30px;
    float: left;
    width: 100%;
}

    .btnGreenbox > button {
        margin-left: 20px;
    }

.centerpopup {
    margin: auto;
    text-align: left;
}

.btncancelGreen {
    color: #088856;
}

.ngapp_wrapper {
    width: 100%;
    float: left;
}

.profiletxtfieldnew {
    width: 100%;
    float: left;
    padding: 15px 0 0;
    background: rgba(0, 0, 0, 0.09);
    border-radius: 4px 4px 0 0;
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative;
}

    .profiletxtfieldnew .dropdown_boxp {
        width: 100%;
        float: left;
        margin: 0px !important;
        padding: 0px !important;
        color: #333233;
        font-size: 15px;
    }

        .profiletxtfieldnew .dropdown_boxp .md-select-value > span {
            padding-left: 10px;
            color: #555;
        }

        .profiletxtfieldnew .dropdown_boxp .md-select-value, .profiletxtfieldnew .dropdown_boxp .md-select-value {
            padding-bottom: 10px !important;
            padding-top: 4px !important;
        }

        .profiletxtfieldnew .dropdown_boxp label {
            padding-left: 15px !important;
            margin-bottom: -4px;
            color: #666366 !important;
            font-size: 15px;
        }

.md-select-menu-container {
    z-index: 99999 !important;
}

md-backdrop.md-select-backdrop {
    z-index: 9999 !important;
}

md-select.md-default-theme .md-select-value, md-select .md-select-value {
    border-bottom-color: rgb(97, 97, 97);
}

.modal-body .form-group {
    margin-bottom: 0rem;
}

.group-links > li > span {
    color: #666;
}


/* Main css starts here */
* {
    font-family: 'Linotype-TradeGothicLTPro-Light' !important;
}

html, body {
    font-family: 'Linotype-TradeGothicLTPro-Light' !important;
    font-size: 16px;
    color: #1A1A1A;
    margin: 0;
    padding: 0;
    height: 100%;
}

br {
    display: block;
    content: "";
    line-height: normal; /* Set normal line height */
    height: 5px;
}

button, select, html, textarea, input {
    font-family: 'Linotype-TradeGothicLTPro-Light' !important;
}






header.ShortHeader {
    box-shadow: 0 0 2px -2px rgba(0,0,0,.2), 0 0 0 0 rgba(0,0,0,.14), 0 0 5px 0 rgba(0,0,0,.12);
}

header.HeaderMain, header.ShortHeader {
    padding: 3px 0;
    background: #fff;
    min-height: 55px;
}

a#logo-container {
    text-align: left;
    float: left;
    display: block;
    position: relative;
    top: 0;
    display: inline-flex;
    align-items: center;
    margin-left: 0px;
}

a .logo_Name {
    padding: 10px;
    color: #058905;
    font-size: 15px;
    font-weight: 600;
}

.bldrtxtlogo {
    border-radius: 50px;
    border: 1px solid #ccc;
    padding: 4px 10px;
    font-size: 14px;
    margin-left: 30px;
    color: #222;
}

.brand-logo img {
    width: 95px;
    height: 50px;
}

.mobilemenu {
    display: none;
}

.TranparentPaper {
    margin: 0px 0px 10px;
    padding: 55px 0;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
}

    .TranparentPaper > h1 {
        color: #4C4C4C;
        font-size: 29px;
        letter-spacing: 0.25px;
        margin: 12px 0;
        text-align: center;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .TranparentPaper > h3 {
        color: #696969;
        font-size: 20px;
        letter-spacing: 0.25px;
        margin: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        width: 100%;
    }

.cardEle {
    border: 1px solid #DCDCDC;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 3rem;
    justify-content: center;
    text-align: center;
    margin: 1rem 0;
}

    .cardEle > .cardheader {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .cardEle > .cardbody {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

        .cardEle > .cardbody > h3 {
            color: #333333;
            font-size: 24px;
            text-align: center;
            margin: 25px 0 25px 0;
        }

        .cardEle > .cardbody > p {
            color: #333333;
            font-size: 15px;
            line-height: 24px;
            text-align: center;
        }

.iconPlace {
    height: 72px;
    width: 72px;
    border-radius: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .iconPlace > i {
        color: #ffffff;
        font-size: 32px;
    }

.colorblue {
    background-color: #0C75DF;
}

.colorgreen {
    background-color: #215ed9;
}

.colororange {
    background-color: #DC7300;
}

.colormaroon {
    background-color: #AF0220;
}

.paybilltopspace {
    margin-top: 50px;
    position: relative;
}

.wrapper-box {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.MuiPaper {
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    background-color: #ffffff;
}

.shortpaperarea {
    padding: 30px 4rem;
    text-align: left;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex: 1 1;
}

h1.titlehead {
    color: #003399;
    font-size: 29px;
    margin: 0;
    padding: 10px 0rem 20px 0rem;
    width: 100%;
}

.submit-button {
    background: #215ed9;
    border-radius: 2px;
    color: #ffffff;
    float: right;
    font-size: 14px;
    margin-bottom: 0;
    padding: 3px 27px;
    text-align: center;
    min-width: 115px;
    text-transform: capitalize;
    text-decoration: none !important;
}

button.submit-button.btn.btn-default.wizard-button-back,
button.submit-button.btn.btn-default.wizard-button-exit {
    background: none;
    border: none;
    box-shadow: none;
    color: #215ed9;
}

span.wizardstepTxt {
    position: absolute;
    top: 15px;
    left: 55px;
    font-size: 17px;
    color: #696969;
}

.containerWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.wizard-step > .singleAc > p {
    font-size: 16px;
    color: #696969;
}

.textboxHeader {
    margin: 20px 0 -10px 0;
    font-size: 16px;
    color: #696969;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

    .textboxHeader > button {
        display: inline-flex;
        align-items: center;
    }

        .textboxHeader > button > i {
            color: #b3b3b3;
            font-size: 19px;
            cursor: pointer;
        }

.rightArea .enrollboxarea {
    padding: 30px 0 0 50px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .rightArea .enrollboxarea b {
        font-size: 20px;
        color: #4c4c4c;
        margin: 0 0 15px;
        padding: 0;
        display: block;
        font-weight: bold;
    }

    .rightArea .enrollboxarea p {
        color: #696969;
        font-size: 16px;
        letter-spacing: .4px;
        line-height: 24px;
        margin: 0;
        padding: 0;
        text-align: left;
    }

.ChatbotArea {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 35px 15px;
    display: flex;
}

.ChatbotArea, .chatbotcontainer {
    display: flex;
}

.chatbotcontainer {
    background-color: #0C75DF;
    justify-content: center;
    padding: 18px;
    border-radius: 80%;
    max-width: 76px;
}

.ChatbotArea h5 {
    font-size: 16px;
    color: #003399;
    text-align: center;
    padding: 10px 0;
    margin-top: 0px;
}

.chatbotcontainer > i {
    font-size: 40px;
    color: #fff;
}

.inputbtn > i {
    color: #b3b3b3
}

.PhoneBoxLeft {
    width: 30%;
    padding: 0px 10px 0 0;
    float: left;
}

.PhoneBoxRight {
    width: 70%;
    padding: 0px 0 0 10px;
    float: left;
}

.NotifQuery {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 10px 0;
}

    .NotifQuery > span {
        color: #003399;
        font-size: 16px;
    }

    .NotifQuery > button > i {
        color: #b3b3b3;
        font-size: 19px;
    }

.checkboxarea {
    padding: 7px 0;
    display: flex;
    width: 100%;
}

.SectionDisplay {
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 0px;
    display: flex;
}

.IconSection {
    display: inline-flex;
}

.SectionDisplay .jssText {
    flex: 1;
    padding: 25px 0px 15px 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: 16px;
    border-bottom: 1px solid #ccc;
}

.ListAssign {
    flex-wrap: wrap;
    flex: 1 1;
    display: flex;
}

h5.jssh5 {
    color: #333333;
    width: 100%;
    margin: 0;
    display: flex;
    font-size: 15px;
}

.jssAddress {
    width: 100%;
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: 0 !important;
    font-style: normal;
    font-weight: 400;
    color: #808080;
}

.jssText > button {
    color: #0C75DF;
    font-size: 14px;
}

.RegisterSuccess {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.successHead {
    margin: 30px 0 0;
}

    .successHead, .successHead > .successtext {
        color: #003399;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }

.iconsuccess {
    margin-bottom: 0;
    color: #fff;
    justify-content: center;
    background-color: #215ed9;
    border-radius: 80%;
    width: 90px;
    height: 90px;
    font-size: 45px;
    align-items: center;
}

.successHead > .successtext {
    font-size: 29px;
    margin-top: 30px;
    margin-bottom: 0;
}

.buttonareasuccess, .iconsuccess {
    display: flex;
}

.successarea {
    margin: 0 auto;
}

.registerSuccess .successview {
    padding: 0 30px;
    width: 100%;
    display: flex;
    text-align: center;
    font-size: 16px;
    max-width: 90%;
    margin: 20px auto;
}

.registeremailarea {
    background-color: rgba(194,220,247,0.25);
    max-width: 85%;
    margin: 2rem auto;
    padding: 20px 2rem;
}

    .registeremailarea > h3 {
        color: #696969;
        font-size: 20px;
        letter-spacing: 0.25px;
        line-height: 32px;
        text-align: center;
        margin: 20px 0;
    }

.registerSuccess {
    display: flex;
    width: 100%;
}

    .registerSuccess .successview > p {
        font-size: 15px;
        color: #696969;
        margin: 0;
    }

.RadioBoxArea {
    display: flex;
    width: 100%;
    padding: 10px 0;
}

.grtxt {
    font-size: 16px;
    color: #696969;
}

.ButtonsArea {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

/* Pradeep css starts here */

/* Header navigation css */

.tipTop {
    margin: 0;
    padding: 0px;
    list-style: none;
    float: right;
}

    .tipTop li {
        float: left;
        list-style: none;
        position: relative;
    }

        .tipTop li.dropdown {
            border: 1px solid #DFDFDF;
            border-radius: 5px;
            margin: 0px 10px;
        }

        .tipTop li:nth-last-child(1):after, .tipTop li:nth-child(1):after {
            display: none;
        }

ul.tipTop li a {
    color: #215ed9;
    font-size: 15px;
    padding: .7rem 0rem;
    text-transform: capitalize;
    font-weight: 600;
}

    ul.tipTop li a i.material-icons {
        vertical-align: top
    }

button.toast-close-button {
    font-family: initial;
}

.UserNameMain {
    padding-right: 15px;
    color: #215ed9;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
}

.navbar.bg-light .navbar-nav.right_nav .nav-item a {
    color: #696969;
}

.bg-light.fixed {
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: slide-navDown .3s ease-out;
    animation: slide-navDown .3s ease-out;
    box-shadow: 0 0 4px #9a9a9a !important;
}

.tipTop .dropdown-menu.show {
    right: 0;
}

.tipTop .dropdown-menu.show {
    display: block;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    min-width: 100% !important;
    right: 0 !IMPORTANT;
    left: auto !important;
}

ul.tipTop li .dropdown-item {
    color: #215ed9;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 5px 10px;
}

    ul.tipTop li .dropdown-item:hover, ul.tipTop li .dropdown-item:hover > i {
        color: #ffffff;
        background: #0c75df;
    }

.tipTop .dropdown-toggle::after {
    display: none;
}

.clrgreen {
    color: #215ed9;
    margin-right: 10px;
}

.mdl-badge[data-badge]:after {
    background-color: #215ed9;
}

.navbar_wrapper {
    background: #ffffff !important;
    font-weight: 300;
    padding: 0px;
    /* height: 54px; */
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

ul.navbar-nav {
    width: 100%;
    float: left;
    flex-wrap: wrap;
}

.navbar_wrapper ul.navbar-nav > li > a {
    padding: 15px 15px !important;
    color: #1A1A1A !important;
    font-size: 14px;
    display: inline-flex;
    text-transform: uppercase;
    position: relative;
    text-decoration: none !important;
}

.navbar_wrapper ul li .dropdown-menu a {
    padding: 10px 15px !important;
    background: none;
    border: none;
    font-weight: 400;
    display: block;
}

.navbar_wrapper ul li a.active {
    background: transparent;
    color: #1A1A1A !important;
}

    .navbar_wrapper ul li a.active:before {
        border-bottom: 3px solid #CFDF00;
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

.navbar-expand-sm .navbar-nav .dropdown-menu {
    width: 100%;
}

.navbar_wrapper .dropdown, .navbar_wrapper .dropup {
    position: relative;
}

.navbar_wrapper a.dropdown-toggle i {
    float: right;
    padding-left: 4px;
}

.navbar_wrapper .dropdown-toggle::after {
    display: none;
}

.nav-item .dropdown.show {
    position: static;
}

.navbar .navbar-nav .dropdown-menu {
    width: auto;
    border-radius: 4px;
    z-index: 1110;
    border-top: 1px solid lightgray;
    box-shadow: 0 10px 10px -10px hsla(0, 0%, 56.5%, .5);
    margin-top: 0px;
    background: #fff;
}

.dropdown-menu.MegaMenu ul.list-group li.list-group-item:hover {
    background: #dedfe3;
}

.dropdown-menu.MegaMenu ul.list-group li.list-group-item {
    margin: 0;
    border-radius: 0px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #E5E5E5;
    text-align: left !important;
    padding: 0px !important;
}

.MegaMenu > .container ul.list-group > li.list-group-item {
    padding: 0;
    background: none;
    border: none;
}

.MegaMenu > .container ul.list-group > li.list-group-item {
    padding: 0;
    background: none;
    border: none;
}

.dropdown .MegaMenu .list-group .dropdown-item:hover,
.dropdown .MegaMenu .list-group .dropdown-item:focus,
.dropdown .MegaMenu .list-group .dropdown-item:visited,
.dropdown .MegaMenu .list-group .dropdown-item:active {
    background: none;
    background-color: transparent
}

.MegaMenu .list-group a.dropdown-item {
    padding: 10px 15px;
    background: none;
    border: none;
    color: #1A1A1A;
    font-weight: 400;
    display: block;
    font-size: 16px;
}

ul.right_nav {
    float: right;
    width: auto;
}

.right_nav li a > i {
    padding: 3px 8px 0px 0px !important;
    float: left;
    font-size: 19px;
}

/*End Navigation */

.AccountslctClass {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

    .AccountslctClass > .getmdl-select .mdl-textfield__label:after {
        background-color: rgb(63,81,181);
        bottom: 13px;
    }

    .AccountslctClass .bootstrap-select > .dropdown-menu > p {
        display: flex;
        justify-content: flex-start;
        padding: 10px 15px;
        margin: 0;
        border-top: solid 1px #dcdcdc;
    }

        .AccountslctClass .bootstrap-select > .dropdown-menu > p > a {
            color: #0c75df;
            text-transform: capitalize;
        }

    .AccountslctClass .dropdown-menu span.text .maindrop {
        margin: 0;
        font-size: 16px;
        color: #696969;
        display: block;
        padding: 7px 0 5px 0;
    }

    .AccountslctClass .dropdown-menu span.text > .address {
        margin: 0;
        font-size: 12px;
        color: #696969;
        line-height: 1.141;
        padding: 3px 0;
        display: block;
    }

    .AccountslctClass .dropdown-menu span.text .smallcontent {
        color: #696969;
        font-size: 12px;
        line-height: 1.141;
        padding: 5px 0 7px 0;
        display: block;
    }

    .AccountslctClass .dropdown-menu .default-chip {
        background-color: #0096C4;
        border-radius: 16px;
        display: inline-flex;
        padding: 6px 15px;
    }

        .AccountslctClass .dropdown-menu .default-chip > span {
            font-size: 12px;
            color: #fff;
            line-height: 1.141;
        }

    .AccountslctClass .dropdown-menu .dropdown-item.active, .AccountslctClass .dropdown-menu .dropdown-item:active {
        text-decoration: none;
        background-color: #f9f9f9;
    }

    .AccountslctClass > h3 {
        font-size: 17px;
        padding: 0px 10px;
        color: #696969;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .AccountslctClass .bootstrap-select {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 300px !important;
        max-width: 300px;
        margin: 0;
        padding: 5px 0;
    }

    .AccountslctClass > .bootstrap-select > .dropdown-toggle {
        cursor: pointer;
        border: 1px solid #666366;
        padding: 5px 27px 1px 10px !important;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 32px;
        white-space: nowrap;
        font-size: 13px;
        color: #696969;
        height: 32px;
        background-color: #fff;
    }

    .AccountslctClass > .bootstrap-select .mdl-icon-toggle__label {
        position: absolute;
        right: 0;
        top: -1px;
    }

    .AccountslctClass > .dropdown > button.dropdown-toggle:after {
        display: none;
    }

.filter-option-inner-inner > .default-chip {
    display: none;
}

.AccountslctClass .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.AccountslctClass .bootstrap-select .dropdown-menu {
    padding: 0;
}

    .AccountslctClass .bootstrap-select .dropdown-menu .dropdown-item {
        padding: 15px 1.5rem;
    }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #ffffff;
    border-color: #d3d9df;
    border-radius: 2px;
}

ul.navbar-nav {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
}
/** CSS for My profile -- Edited By pradeep **/
.page_headingp {
    background: #fff;
    clear: both;
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 15%);
    padding: 6px 0 6px;
}

    .page_headingp h2 {
        margin: 0;
        color: #333;
        font-size: 20px;
        font-weight: bold;
        text-transform: capitalize;
        padding: 0px 25px;
    }


/************* CSS for My profile -- Edited By pradeep ****************/
.mid_sectionp {
    margin: 30px 0;
    min-height: 65vh;
}

.lft_profile_sec {
    background: #fff;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    border-radius: 4px;
    float: left;
    width: 100%;
}
/* Account page */
.profiledata-row {
    float: left;
    width: 100%;
    padding: 20px 15px;
    text-align: left;
    color: #696969;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    font-size: 16px;
}

    .profiledata-row h3 {
        margin: 0;
        vertical-align: middle;
        color: #696969;
        text-transform: capitalize;
        font-size: 13px;
    }

    .profiledata-row span {
        margin: 0;
        vertical-align: middle;
    }

    .profiledata-row a {
        margin: 0;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 14px;
    }

.profileEdit {
    justify-content: flex-end;
    display: flex;
}

.edit_clickp {
    color: #4d4d4d;
}

.profiletxtfield {
    width: 100%;
    float: left;
}

.profileEditbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px;
}

.profileEditboxrest {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px;
}

.input_sec_leftp {
    float: left;
    width: 55%;
    flex-wrap: wrap;
}

.btn_right_secp {
    float: right;
    width: 45%;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.btn_right_secprest {
    display: none;
    width: 100% !Important;
}

    .btn_right_secprest .save_btnp {
        min-width: 95px !important;
    }

    .btn_right_secprest .cncl_btnp {
        margin-right: 13px !Important;
    }

.cncl_btnp {
    color: #215ed9 !important;
    margin-right: 20px;
}

.save_btnp {
    background-color: #215ed9 !important;
    min-width: 133px;
    border-radius: 2px;
}

.profiledata-row:nth-child(even) {
    background-color: #F5F5F5;
    border-bottom: solid 1px #e5e5e7;
}

.half_fieldp {
    max-width: 50%;
    padding-right: 15px;
}

.right_profile_sec {
    background: #fff;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    border-radius: 4px;
    float: left;
    width: 100%;
    padding: 20px;
}

.faq_right h3 {
    color: #4C4C4C;
    font-size: 29px;
    letter-spacing: 0.25px;
    line-height: 40px;
    margin: 0px;
    border-bottom: 1px solid #e8e8e8;
    display: inline-block;
    padding-bottom: 10px;
}

.faq_right ul {
    clear: both;
    padding: 10px 0px 10px 0px;
}

    .faq_right ul li a {
        color: #4C4C4C;
        display: block;
        padding: 22px 0;
        font-size: 17px;
        border-bottom: 1px solid #E5E5E7;
        letter-spacing: 0.25px;
        line-height: 24px;
    }

        .faq_right ul li a i {
            float: right;
            color: #b5b5b5;
        }

a.viewmorefaq {
    color: #215ed9;
    font-size: 14px;
    letter-spacing: 1.25px;
    line-height: 18px;
    text-align: center;
    display: block;
    margin: 19px 0 10px;
    text-transform: uppercase;
}

.mysrvc_wrapper {
    clear: both;
    margin-top: 40px;
    float: left;
}

.mysrvc_txt h5 {
    color: #003399;
    font-size: 20px;
    letter-spacing: 0.25px;
    line-height: 24px;
}

.mysrvc_txt p {
    color: #696969;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    max-width: 90%;
}

    .mysrvc_txt p a {
        color: #0C75DF;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 24px;
        text-decoration: underline;
    }

.pwd_pro_secp .input_sec_leftp {
    width: 100%;
}

.pwd_pro_secp .btn_right_secp {
    width: 100%;
    margin-top: 20px
}

.address_topp {
    padding: 8px 15px 0;
}

.myprofile-card > .mdl-card__title {
    background: #0c75df;
}

.card_secp {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.address_topp h5 {
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 24px;
    margin: 8px 0;
}

.address_topp i {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
}

.address_topp p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0;
}

.address_bottomp i {
    color: #696969;
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-transform: uppercase;
}

.address_bottomp p {
    color: #696969;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin: 8px 0 15px;
}

.address_bottomp .enrollbtn {
    color: #0C75DF;
    font-size: 16px;
    display: inline-flex;
    float: left;
    width: 100%;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: left;
    margin: 12px 0 15px;
    text-decoration: underline;
}

.defaultbtnp {
    display: inline-flex;
    float: left;
    width: auto;
    padding: 5px 10px !important;
    height: auto;
    line-height: normal;
    border-radius: 16px;
    background-color: #0096C4;
    color: #fff !important;
    font-size: 14px;
}

.toggle_nvp {
    position: absolute;
    right: 10px;
    top: 16px;
}

    .toggle_nvp button i {
        font-size: 25px;
    }

    .toggle_nvp .mdl-menu__outline {
        border-radius: 4px;
        border: 1px solid #E5E5E7;
    }

    .toggle_nvp .mdl-menu {
        padding: 0 !important;
        overflow: hidden;
        border-radius: 4px;
    }

    .toggle_nvp .mdl-menu__item {
        height: 38px;
        line-height: 38px;
        color: #696969;
        font-size: 16px;
    }

.card_secp > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}

    .card_secp > ul > li {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

.myprofile-card {
    min-height: 410px;
    width: 100%;
    box-shadow: 0 0 0 0 !important;
    border: 1px solid #DCDCDC;
    padding-right: 0px;
    border-radius: 4px;
}

.addsrvc_box {
    display: inline-flex;
    height: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    vertical-align: middle;
    cursor: pointer;
    min-height: 410px;
}

.srvc_box {
    width: 100%;
    float: left;
    text-align: center;
}

    .srvc_box p {
        margin-bottom: 0;
        color: #dedede;
    }

        .srvc_box p > i {
            font-size: 42px;
        }

    .srvc_box b {
        color: #215ed9;
        font-size: 14px;
        line-height: 18px;
        font-family: 'Interstate-light';
        text-transform: uppercase;
    }

.clraddbtn {
    color: #215ed9;
    font-size: 27px;
}

.toggle_nvp ul li a {
    display: block;
}

.boxpopupp {
    display: none;
}

.resi_boxp {
    display: block;
}

.add_info_wrap > p {
    color: #696969 !important;
    font-size: 16px;
    text-align: left !important;
    margin: 10px 0 !important;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.lbl_boxtop > label {
    margin: 10px 40px 8px 0;
    color: #666366;
    font-size: 16px;
    letter-spacing: 0.53px;
    line-height: 24px;
}

.state_widthp {
    max-width: 58%;
    margin-right: 4%;
}

.zip_widthp {
    max-width: 38%;
}

.acc_info_wrap h5 {
    color: #003399;
    font-size: 20px;
    letter-spacing: 0.25px;
    line-height: 24px;
}

.acc_info_wrap p {
    color: #696969;
    font-size: 16px !important;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: left !important;
    margin-bottom: 10px !important;
}

.checkbox_opp {
    float: left;
    width: 100%;
    margin: 20px 0 50px;
}

    .checkbox_opp > label {
        margin-top: 15px;
        color: #666366;
        letter-spacing: 0.53px;
        line-height: 24px;
        font-size: 16px;
    }

.half_fieldleftp {
    max-width: 50%;
    padding-right: 8px;
}

.half_fieldrightp {
    max-width: 50%;
    padding-left: 8px;
}

.account_overp {
    background: #0C75DF;
}

.acc_dashp {
    text-align: center;
    color: #fff;
    padding: 50px 0;
}

    .acc_dashp h5 {
        font-size: 17px;
        letter-spacing: 0.4px;
        font-weight: normal;
        line-height: 24px;
        margin: 0px 0 25px 0;
        text-align: center;
    }

    .acc_dashp span {
        font-size: 12px;
        line-height: 16px;
    }

    .acc_dashp h4 {
        font-size: 29px;
        letter-spacing: 0.4px;
        line-height: 40px;
        margin: 0px 0 25px 0;
        text-align: center;
    }

    .acc_dashp p {
        font-size: 17px;
        letter-spacing: 0.4px;
        line-height: 24px;
        text-align: center;
    }

.meter_number {
    margin-bottom: 25px;
    margin-top: 20px;
}

    .meter_number span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 20px;
    }

    .meter_number > span > i {
        font-size: 17px;
        margin-right: 5px;
    }

.btn_bottomp .btn_overbox {
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 20px;
    font-size: 14px;
    background-color: #1E4B78 !important;
    min-width: 208px;
}

.address_bottomp {
    padding-left: 15px;
}

.acc_dashp a {
    color: #fff;
    position: relative;
    top: 3px;
}

    .acc_dashp a > i {
        font-size: 18px;
    }

.accover_wrapper {
    float: left;
    width: 100%;
}

    .accover_wrapper h5 {
        color: #003399;
        font-size: 20px;
        letter-spacing: 0.25px;
        line-height: 24px;
        padding: 60px 0 30px;
        clear: both;
        margin: 0px;
    }

.pro_wrapper {
    background: #fff;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    border-radius: 4px;
    float: left;
    width: 100%;
}

.enrollrightp {
    justify-content: flex-end;
    display: flex;
}

    .enrollrightp .btn_overrightp {
        color: #0C75DF !important;
        text-decoration: underline;
        font-size: 16px;
        text-transform: inherit;
    }

    .enrollrightp label.mdl-switch {
        margin-top: 5px;
        margin-bottom: 5PX;
    }

/*11-08-2019*/
.add_g_acctovrw {
    margin-top: 0 !important;
    text-transform: uppercase;
}

.srvc_box b > i {
    vertical-align: middle;
    top: -1px;
    position: relative;
    font-size: 18px;
}

.nick_boxp {
    box-sizing: border-box;
    height: 214px;
    width: 100%;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    background-color: #FFFFFF;
    position: relative;
    padding: 0 33px;
}

    .nick_boxp h3 {
        color: #4C4C4C;
        font-size: 17px;
        letter-spacing: 0.25px;
        margin-bottom: 5px;
        line-height: 24px;
    }

    .nick_boxp span {
        color: #696969;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 24px;
    }

    .nick_boxp p {
        color: #696969;
        font-size: 14px;
        margin: 7px 0;
        letter-spacing: 0.5px;
        line-height: 24px;
    }

    .nick_boxp .defaultbtnp {
        margin-top: 10px;
    }

.paper_billingp {
    margin-top: 20px;
}

.paper_billingp {
    margin-top: 65px;
}

.paper_contentp {
    padding: 40px 0px 40px 60px;
}

    .paper_contentp h4 {
        color: #4C4C4C;
        margin: 0px;
        font-size: 17px;
        letter-spacing: 0.25px;
        line-height: 24px
    }

    .paper_contentp p {
        color: #696969;
        font-size: 16px;
        margin: 6px 0 25px;
        letter-spacing: 0.5px;
        line-height: 24px
    }

    .paper_contentp .mdl-button--colored {
        background-color: #0C75DF !important;
        min-width: 155px;
    }

.paper_billingp img {
    max-width: 100%;
    padding: 30px;
}

.nick_boxp .mdl-menu {
    width: 200px !important;
    padding: 0px;
}

.nick_boxp ul li {
    color: #696969;
    font-size: 16px;
}
/*udpate*/
.acc_mngp {
    margin-top: 40px !important;
    float: left;
    width: 100%;
}

.card_secp > ul > li.removerightspace {
    margin-right: 0px !important;
}

.btn_right_secp .cncl_btnp {
    margin-right: 45px;
}

.edit_svvwrapperp {
    float: left;
    width: 100%;
}

/*13-08-2019*/
.regis_wrapradio p {
    color: #696969;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin: 20px 0;
}

.regis_radioboxtop > label {
    margin-right: 40px;
    margin-bottom: 15px;
    color: #696969;
    font-size: 16px;
    margin-top: 5px;
}

.regis_radiobox {
    display: none;
}

.PhoneBoxLeftp {
    width: 70%;
    padding: 0px 10px 0 0px;
    float: left;
}

.PhoneBoxRightp {
    width: 30%;
    padding: 0px 0px 0 10px;
    float: left;
}

span.smalltxtchildp {
    color: #262526;
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    bottom: 0;
    left: 0;
}

.secu_registerp h5 {
    color: #4C4C4C;
    font-size: 17px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin: 30px 0px 5px;
}

.leftsec_halfp {
    width: 55%;
    padding: 0px 10px 0 0px;
    float: left;
}

.rightsec_halfp {
    width: 45%;
    padding: 0px 0px 0 10px;
    float: left;
}

.guestuser_wrapp .acut_box {
    height: 235px;
}

.navbar_wrapper ul.right_nav li a {
}

a.lnk_chckavaip {
    position: absolute;
    font-size: 13px;
    right: 2px;
    top: -4px;
    color: #0c75df;
    text-decoration: underline;
}
/*  pradeep  css ends here */


/*------------- Start Notification Prefrences By Varun ----------------*/

.MuiPaperNotification {
    box-shadow: none;
    border: none;
    border-radius: 0px;
    background-color: transparent;
}

.accordion-toggle:after {
    font-family: 'Material Icons';
    content: "\e5cf" !important;
    float: right;
    position: absolute;
    top: 40px;
    right: 20px;
    height: 24px;
    width: 24px;
    font-size: 29px;
    line-height: 100%;
    color: #DBDBDB;
}

.notificationAccordion .accordion-group {
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.notificationAccordion .accordion-heading a {
    color: #003399;
    font-size: 20px;
    line-height: 30px;
    padding: 25px;
    display: block;
    letter-spacing: 0.25px;
    position: relative;
}

    .notificationAccordion .accordion-heading a span {
        display: block;
        color: #999999;
        font-size: 16px;
        letter-spacing: 0.5px;
    }

.notificationAccordion .mdl-chip {
    position: absolute;
    right: 50px;
    top: 41px;
    height: 24px;
    width: 40px;
    padding: 0px;
    text-align: center;
}

    .notificationAccordion .mdl-chip .mdl-chip__text {
        color: #696969;
        font-size: 13px;
        letter-spacing: 0.4px;
        line-height: 24px;
        font-weight: normal;
    }

.mdl-chip.on {
    background-color: #16B646;
}

    .mdl-chip.on .mdl-chip__text {
        color: #fff;
    }

.quiteHour {
    display: block;
    padding: 25px;
}

    .quiteHour h4 {
        color: #003399;
        font-size: 17px;
        line-height: 24px;
        display: block;
        letter-spacing: 0.25px;
        margin: 0px 0px 10px 0px;
    }

    .quiteHour span {
        color: #696969;
        font-size: 16px;
        line-height: 24px;
        display: block;
        letter-spacing: 0.25px;
    }

        .quiteHour span a {
            color: #0C75DF;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: 0.25px;
            text-decoration: underline;
            margin-left: 10px;
        }

.btnMngProfile {
    background-color: #0C75DF !important;
    letter-spacing: 1.25px;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
    padding: 2px 0px !important;
    height: auto;
    min-height: auto;
}

.mt20 {
    margin-top: 20px;
}

.modalNoti.modal {
    padding-right: 0px !important;
}

    .modalNoti.modal .modal-dialog {
        margin: 0;
        height: 100%;
        max-width: 100vw;
        width: 100%;
    }

    .modalNoti.modal .modal-content {
        border-radius: 0;
        background-clip: border-box;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        min-height: 100%;
        padding: 60px 0;
        text-align: center;
        position: relative;
    }

    .modalNoti.modal .modal-body h4 {
        color: #333;
        letter-spacing: 0.25px;
        margin: 0px 0px 20px 0px;
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        text-transform: uppercase;
    }

.boxTime {
    margin: 0px auto;
    width: 400px;
}

    .boxTime h5 {
        color: #003399;
        font-size: 20px;
        letter-spacing: 0.25px;
        line-height: 24px;
        margin: 0px 0px 0px 0px;
        display: block;
        float: left;
        width: 100%;
        text-align: left;
        padding-left: 15px;
    }

.modalNoti .modal-footer {
    padding: 0px;
    border: 0px;
    text-align: center;
    justify-content: center;
}

    .modalNoti .modal-footer button {
        float: none;
        margin-left: 20px;
    }

.btnGreen {
    display: flex;
    width: 100%;
    justify-content: center;
}

    .btnGreen button {
        color: #FFFFFF;
        font-size: 14px;
        letter-spacing: 1.25px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        padding: 11px 35px;
        border-radius: 2px;
        margin-left: 20px;
    }

button.btn.btn-default.btnModalCancel {
    background: #fff !important;
    color: #215ed9;
}

.modalNoti .close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #4D4D4D;
    opacity: 1;
    font-size: 40px;
}

    .modalNoti .close span {
        font-size: 12px;
        display: block;
        letter-spacing: 0.4px;
        line-height: 16px;
    }

.accordion-innerNotification {
    padding: 0px 25px 25px 25px;
}

    .accordion-innerNotification .form-group {
        margin-bottom: 0px;
    }

.mdl-switch {
    width: auto;
    float: right;
    margin-right: 35px;
    margin-top: 30px;
}

.billingInfoNoti {
    display: block;
    width: 100%;
}

.modal-bodyNoti .mdl-textfield__input {
    padding-top: 3px;
}

/*------------- End Notification Prefrences By Varun ----------------*/

/*------------------ Start ACC Setting Address --------------------*/

.acut_btn_defaults {
    background-color: #0096C4 !important;
}

.add_g_userMailing p {
    width: auto;
    line-height: 18px;
    vertical-align: top;
}

    .add_g_userMailing p i {
        position: static;
        vertical-align: top;
    }

    .add_g_userMailing p a {
        color: #215ed9;
    }

.add_mailAddress {
    display: block;
    width: 100%;
}

.lbl_boxtopRadio h5, .comm_boxp h5 {
    color: #003399;
    margin: 0px 0px 15px 0px;
    font-size: 20px;
    letter-spacing: 0.25px;
    line-height: 24px;
}

.comm_boxp h5 {
    margin: 0px 0px 5px 0px;
}

.lbl_boxtopRadio .mdl-radio__label {
    color: #666366;
    font-size: 16px;
    letter-spacing: 0.53px;
    line-height: 24px;
}

.lbl_boxtopRadio .mdl-radio {
    margin-right: 20px;
}

.lbl_boxtopRadioContent {
    display: block;
    width: 100%;
    margin-top: 64px;
}

    .lbl_boxtopRadioContent .mdl-textfield__label {
        font-size: 15px;
        color: #6B686B;
    }

    .lbl_boxtopRadioContent .form-group {
        margin-bottom: 0px !important;
    }

.bottomLabel {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
}

    .bottomLabel label {
        margin: 0px 0px 20px 0px;
    }

.lbl_boxtopRadioContent .mdl-checkbox__box-outline, .lbl_boxtopRadio .mdl-radio__outer-circle {
    border: 2px solid #DBDBDB;
}

.lbl_boxtopRadioContent .btnGreenbox button {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    padding: 9px 25px;
    width: auto;
    min-width: auto;
    height: auto;
    line-height: 100%;
    margin-left: 20px;
}

    .lbl_boxtopRadioContent .btnGreenbox button.btnModalCancel:hover, .lbl_boxtopRadioContent .btnGreenbox button.btnModalCancel:focus {
        background: transparent;
    }

.lbl_boxtopRadioContent .btnGreenbox {
    margin-top: 20px;
}

.MailingPointer {
    cursor: pointer;
}

/*------------------ END ACC Setting Address --------------------*/
/*--------------------------------B.S. Acut_setting css-------------------------------*/
.acut_setting p {
    color: #4C4C4C;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 35px;
    margin-top: 0px;
    letter-spacing: 0.5px;
}

.acut_box {
    box-sizing: border-box;
    height: 214px;
    width: 100%;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    background-color: #FFFFFF;
    position: relative;
}

    .acut_box h3 {
        color: #4C4C4C;
        font-size: 17px;
        letter-spacing: 0.25px;
        line-height: 24px;
        padding: 0px 33px;
        margin-bottom: 10px;
    }

    .acut_box p {
        color: #696969;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 24px;
        margin-bottom: 3px;
        padding: 0px 33px;
    }

.acut_btn_green {
    border-radius: 16px;
    background-color: #008800 !important;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin: 10px 33px;
    height: 26px;
    text-transform: capitalize;
}

.acut_btn_orange {
    border-radius: 16px;
    background-color: #E68600 !important;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin: 10px 33px;
    height: 26px;
    text-transform: capitalize;
}

.acut_box_guest {
    box-sizing: border-box;
    height: 214px;
    width: 100%;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-top: 27px;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

i.add_acut_icon {
    font-size: 40px;
    margin-bottom: 25px;
    color: #dbdbdb;
}

.acut_box_guest p {
    color: #215ed9;
    font-size: 14px;
    position: static;
    width: auto;
    margin: 0px auto;
    vertical-align: top;
    line-height: 19px;
}

i.add_plus_icon {
    font-size: 18px;
    vertical-align: top;
}

.popup_dots {
    position: absolute;
    right: 10px;
    top: 10px;
}

.acut_box .mdl-menu__container.is-upgraded.is-visible {
    left: 124px !important;
}

.acut_box .mdl-menu__outline.mdl-menu--bottom-right {
    width: 200px !important;
    border-radius: 4px;
    border: 1px solid #E5E5E7;
}

.acut_box .mdl-menu {
    width: 200px !important;
    padding: 0px;
}

.acut_box ul li {
    color: #696969;
    font-size: 16px;
}

.acut_box .mdl-menu__item:hover {
    border-bottom: 1px solid #E5E5E7;
}


.alert_popup .modal-header {
    border-bottom: 0px;
}

    .alert_popup .modal-header h4.modal-title {
        margin-top: 0px;
        color: #696969;
        font-size: 17px;
        line-height: 24px;
    }

.alert_popup .modal-body {
    color: #696969;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding-top: 0px;
}

.alert_popup button, .alert_popup button:hover {
    background: none;
    color: #005984;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: right;
    border: 0px;
}

.alert_popup .btn-danger:not(:disabled):not(.disabled).active, .alert_popup .btn-danger:not(:disabled):not(.disabled):active {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #005984;
}

    .alert_popup .btn-danger:not(:disabled):not(.disabled).active:focus, .alert_popup .btn-danger:not(:disabled):not(.disabled):active:focus {
        box-shadow: none;
    }

.alert_popup .modal-footer {
    border-top: 0px;
    padding-top: 0px;
}

.alert_popup .modal-dialog {
    width: 365px;
    margin: auto;
    box-shadow: 0 24px 48px 0 rgba(0,0,0,0.15);
    border-radius: 4px;
    background: none;
}

.alert_popup .close, .alert_popup .close:hover {
    color: #a9a8a8;
    font-size: 26px;
    font-family: initial;
}

.modal-backdrop {
    background-color: #fff;
}

    .modal-backdrop.show {
        opacity: .7;
        background-color: rgba(0, 0, 0, 0.5);
    }

.modal_top {
    margin: 0px auto;
}

    .modal_top p {
        text-align: left;
        color: #767676;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 24px;
    }

.modal_poup_box .form-group {
    width: 100%;
    margin-bottom: 0px;
}

.centerpopup.modal_top h4 {
    width: 100%;
}

.modal_role {
    width: 100%;
}

    .modal_role p a {
        min-width: 27px;
        margin-left: 8px;
    }

    .modal_role .help_qus {
        position: absolute;
        color: #b3b3b3;
    }

.modal_poup_box .darkbordered .getmdl-select .mdl-icon-toggle__label {
    margin-right: 9px;
}

.modal_top .modal_role > p {
    color: #003399 !important;
    font-size: 20px !important;
    letter-spacing: 0.25px;
    line-height: 24px;
    position: static;
    vertical-align: top;
    margin: -20px 0px 15px 0px !important;
    display: flex;
}

.gj-picker-md.datetimepicker [role=header] {
    display: none !important;
}

.gj-picker-md table tr td.selected.gj-cursor-pointer div {
    background-color: #EEE !important;
    color: #000 !important;
}

.gj-picker.gj-picker-md.datepicker.gj-unselectable {
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    padding: 15px 20px;
}

.gj-datepicker-md [role=right-icon] {
    right: 15px !important;
    top: 15px !important;
    color: #4d4d4d !important;
}

.gj-picker-md table tr td div, .gj-picker-md table tr th div {
    color: #696969;
    font-size: 12px !important;
    letter-spacing: 0.4px;
    font-weight: normal;
}

.gj-picker div[role=navigator] div[role=period] {
    color: #696969;
    font-size: 16px;
    text-align: center;
    font-weight: normal !important;
}

.gj-picker-md table tr td.today div {
    color: #FFF !important;
    background: #215ed9 !important;
    border-radius: 50%;
}

/*--------------------------------B.S. Acut_setting css-------------------------------*/

.elctricUsage-outer {
    padding: 0px 25px;
}

.elctricUsage {
    display: block;
    border-top: 1px solid #E5E5E5;
    padding-top: 25px;
    padding-bottom: 10px;
}

    .elctricUsage p {
        color: #666366;
        font-size: 16px;
        letter-spacing: 0.53px;
        line-height: 24px;
        margin: 4px 10px 0px 0px;
        display: inline-block;
        vertical-align: top;
    }

    .elctricUsage span.elctricAmount {
        display: inline-block;
        border: 1px solid #666366;
        border-radius: 4px;
        color: #333233;
        font-size: 15px;
        letter-spacing: 0.14px;
        vertical-align: top;
        padding: 5px 21px 5px 10px;
    }

        .elctricUsage span.elctricAmount i {
            vertical-align: top;
            line-height: 100%;
            font-size: 20px;
        }

span.addRow {
    color: #0C75DF;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}

.supportelement {
    position: relative;
}

span.removeRow {
    position: absolute;
    left: 0px;
    color: #c1c1c1;
    width: 22px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    top: 29px;
}
/*------------- End Notification Prefrences By Varun ----------------*/

/* css for multiselect */
p.multiSel {
    margin: 0;
    height: 35px;
}

.dropdownmultiselect {
    width: 100%;
    margin: 0px 0;
}

.dropdown dd, .dropdown dt {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: 0px;
    padding: 0px;
}

.dropdown dd {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.dropdown dt a span {
    cursor: pointer;
    display: block;
    margin: 0px;
    padding: 8px 15px;
    position: absolute;
    text-align: left;
    width: 100%;
}

.dropdown a .multiSel > span {
    cursor: pointer;
    display: inline-flex;
    margin: 0px;
    padding: 0 0px 0 3px;
    text-align: center;
    position: relative;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.dropdown dd ul {
    top: -15px;
    color: #666666;
    display: none;
    position: absolute;
    width: 100%;
    list-style: none;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    max-height: 300px;
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #DCDCDC;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    border-radius: 0 0 4px 4px;
    z-index: 1200;
}

.dropdown span.value {
    display: none;
    border-radius: 3px;
    margin: 0px;
    padding: 0px;
}

.dropdown dd ul li a {
    display: block;
    margin: 0px;
    padding: 0px;
}

    .dropdown dd ul li a:hover {
        background-color: #fff;
        margin: 0px;
        padding: 0px;
    }

.counter {
    color: #003399;
}

.dropdownmultiselect > .dropdown .multiSelect > ul > li > p {
    text-align: left;
    margin-bottom: 16px;
    font-size: 14px;
    padding-left: 24px;
}

.dropdownmultiselect > .dropdown .multiSelect > ul > li > span {
    font-size: 14px;
    padding-left: 24px;
}
/* css for multiselect */

.mdl-switch__ripple-container .mdl-ripple {
    background: #0C75DF;
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: #0C75DF;
}

.mdl-switch__ripple-container .mdl-ripple {
    background: #0C75DF;
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: #0C75DF;
}

.profiletxtfieldnewTime {
    text-align: left;
}

    .profiletxtfieldnewTime md-input-container.dropdown_boxp.md-input-focused label, .profiletxtfieldnewTime md-input-container.dropdown_boxp.md-input-has-value label {
        display: none;
    }

.mdl-radio__inner-circle, .mdl-radio__ripple-container .mdl-ripple {
    background: #0C75DF !important;
}

.mdl-radio.is-checked .mdl-radio__outer-circle, .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #0C75DF !important;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #0C75DF;
}

input.elctricAmountField {
    display: inline-block;
    border: 1px solid #666366;
    border-radius: 4px;
    color: #333233;
    font-size: 15px;
    letter-spacing: 0.14px;
    vertical-align: top;
    padding: 5px 15px 5px 15px;
    width: 76px !important;
    text-align: center;
}

    input.elctricAmountField:focus {
        outline: none;
    }

.quiteHourTop {
    background: url(/Portal/eMobAssets/images/bell-icon.png) right top no-repeat;
    background-size: 110px;
}

button.btn-primary:hover, button.btn-primary:active, button.btn-primary:focus {
    color: #fff;
    background-color: #215ed9;
    border-color: #215ed9;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    background-color: #215ed9;
    border-color: #215ed9;
    box-shadow: #215ed9;
}

.gstCntnt {
    font-size: 16px;
}

.titleheadBorder {
    margin: 0px 0px 20px 0px !important;
    border-bottom: 1px solid #D8D8D8;
}


/* 13-08-2019 */
.accordion-heading .mdl-switch {
    position: absolute;
    right: 50px;
    top: 13px;
}

.alert_popup {
    text-align: center;
    padding: 0 !important;
}

    .alert_popup:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .alert_popup .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

.accordion-group > .accordion-heading {
    position: relative;
}

.toast-close-button {
    top: 0;
}

.supportHelp {
    display: block;
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.serviceCard {
    width: 100%;
    display: block;
    padding-bottom: 40px;
    padding-top: 90px;
}

    .serviceCard ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .serviceCard ul li:first-child {
            margin-left: 0px;
        }

        .serviceCard ul li a {
            display: block;
            padding: 30px 0px;
            text-align: center;
            border-radius: 4px;
            background-color: #FFFFFF;
            box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
        }

            .serviceCard ul li a span {
                color: #4C4C4C;
                font-size: 16px;
                letter-spacing: 0.2px;
                line-height: 24px;
                text-align: center;
                display: block;
                margin: 20px 0px 0px 0px;
            }

        .serviceCard ul li:last-child {
            margin-right: 0px;
        }

        .serviceCard ul li {
            display: inline-block;
            width: 22%;
            vertical-align: top;
            margin: 0px 18px 35px 18px;
        }

.supportHeading {
    display: block;
    width: 100%;
    text-align: center;
}

    .supportHeading h5 {
        color: #4C4C4C;
        font-size: 24px;
        letter-spacing: 0.3px;
        line-height: 24px;
        text-align: center;
        margin: 0px 0px 20px 0px;
    }

    .supportHeading p {
        color: #4C4C4C;
        font-size: 16px;
        letter-spacing: 0.2px;
        line-height: 19px;
        text-align: center;
    }

.supportContactBox {
    width: 100%;
    margin: 60px auto 0px auto;
    display: inline-block;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,0.07);
    border-radius: 4px;
    background-color: #FFFFFF;
    position: relative;
}

.supportBoxForm {
    width: 50%;
    display: block;
    padding: 40px;
    float: left;
    text-align: left;
}

.supportBoxChat {
    width: 50%;
    display: inline-block;
    padding: 40px;
    border-radius: 0 4px 4px 0;
    background-color: #F3F8FD;
    text-align: left;
    position: absolute;
    right: 0px;
    height: 100%;
}

.supportBoxForm i {
    color: #4C4C4C;
    font-size: 20px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin-bottom: 15px;
    display: block;
    text-align: left;
}

.supportBoxForm .form-group {
    margin-bottom: 0px;
}

.supportBoxForm textarea {
    width: 100%;
    float: left;
    padding: 15px 0 0;
    background: rgba(0, 0, 0, 0.09);
    border-radius: 4px 4px 0 0;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    border-bottom: solid 1px #666366;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    padding: 10px;
    font-size: 16px;
    color: #6B686B;
    height: 150px;
}

span.attachment {
    color: #696969;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    display: block;
    margin: 7px 0px 10px 0px;
    float: left;
    width: 100%;
}

button.btn-send {
    display: inline-block;
    height: auto;
    padding: 10px 30px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    background-color: #215ed9;
    letter-spacing: 1.25px;
    margin-top: 30px;
}

.chatBox {
    display: block;
    padding: 0px 10px 10px 0px;
}

.chatIntro {
    color: #4C4C4C;
    font-size: 20px;
    letter-spacing: 0.25px;
    line-height: 100%;
    vertical-align: top;
    display: block;
    margin: 0px 0px 15px 0px;
}

.phoneIntro {
    color: #696969;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 0px;
}

.contactBox {
    display: block;
    padding: 0px 10px 10px 0px;
    margin-top: 30px;
}

    .contactBox a {
        color: #0C75DF;
        text-decoration: underline;
        margin-bottom: 30px;
        display: block;
    }

.chatIntro i {
    vertical-align: top;
}


/*------------ 10 feb Varun --------------*/

.breadCrumbArea {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 2rem 0;
    padding: 0;
}

    .breadCrumbArea ul {
        width: 100%;
    }

        .breadCrumbArea ul li {
            display: inline-block;
            vertical-align: top;
            font-size: 15px;
            color: #4c4c4c;
        }

    .breadCrumbArea a {
        text-decoration: underline;
        color: #005984;
    }

.HelpHeading {
    color: #039;
    font-size: 24px;
    margin: 0;
    text-align: left;
    padding-bottom: 20px;
}

.right_profile_sec {
    text-align: left;
}

.links_sidebar {
    padding: 0 10px;
}

    .links_sidebar h3 {
        color: #4c4c4c;
        font-size: 29px;
        letter-spacing: .25px;
        line-height: 40px;
        margin: 0;
        border-bottom: 1px solid #e8e8e8;
        display: inline-block;
        padding-bottom: 10px;
    }

.ContactBox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 3rem 0 1rem;
}

    .ContactBox > h5 {
        font-size: 20px;
        color: #4c4c4c;
        margin: 0;
        padding: 0 15px;
    }

    .ContactBox > p {
        color: #696969;
        font-size: 16px;
        margin: 0;
        padding: 10px 0 0 40px;
    }

    .ContactBox > label {
        color: #0c75df;
        margin: 0;
        font-size: 16px;
        padding: 10px 0 10px 40px;
    }

    .ContactBox > label {
        text-decoration: underline;
    }

.notificationAccordion.faQsAccordion .accordion-heading a {
    padding: 15px 24px;
}

    .notificationAccordion.faQsAccordion .accordion-heading a span {
        color: #696969;
        letter-spacing: 0px;
    }

.notificationAccordion.faQsAccordion .accordion-group {
    box-shadow: none;
    border-bottom: 1px solid #DCDCDC;
    border-radius: 0;
    margin-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.accordion-faqs {
    background: #f3f8fd;
    font-size: 14px;
    padding: 24px 24px 24px;
}

    .accordion-faqs p {
        margin: 0px;
        color: #696969;
    }

.faQsAccordion .accordion-toggle:after {
    top: 19px;
    color: #696969;
    font-size: 25px;
}

.faQsAccordion {
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.07);
    border-radius: 4px;
}

.copyright > p {
    text-align: center;
}

.OutageWrap {
    display: block;
    width: 100%;
    height: calc(100% - 145px);
    float: left;
}

    .outageWrapper, .OutageWrap .OutageContained {
        height: 100%;
    }

.outagearea.outagearea {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: -48px;
}

.jss213 {
    padding-right: 0;
    padding-left: 0px;
}

.outagedetailsarea {
    color: #fff;
    width: 100%;
    background: #fff;
    height: 100%;
    position: relative;
    z-index: 9;
    overflow: auto;
}

.outagetopsection {
    text-align: left;
    color: #fff;
    float: left;
    width: 100%;
    padding: 10px 10px 10px 20px;
    margin: 15px 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
}

.searchportfoliooutage {
    float: left;
    position: relative;
    width: 83%;
}

    .searchportfoliooutage .searchtextfield {
        margin-bottom: 0 !important;
        display: flex !important;
        width: 100%;
        margin: 0 !important;
        float: left;
    }

.MuiFormControl-root {
    border: 0;
    margin: 0;
    display: inline-flex;
    padding: 0;
    position: relative;
    min-width: 0;
    flex-direction: column;
    vertical-align: top;
}

.searchportfoliooutage .searchtextfield div {
    border-radius: 4px;
    background: #fff;
}

.MuiInputBase-root {
    color: rgba(0, 0, 0, 0.87);
    cursor: text;
    display: inline-flex;
    font-size: 1rem;
    box-sizing: border-box;
    align-items: center;
    line-height: 1.1875em;
}

.MuiFilledInput-root {
    position: relative;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    background-color: rgba(0, 0, 0, 0.09);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.searchportfoliooutage .searchtextfield input[type=text] {
    min-height: 19px;
    font-size: 14px;
    padding: 11px 12px 10px !important;
    border: 1px solid #666366;
    border-radius: 4px;
    background: #fff;
}

.MuiInputBase-input {
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: 1.1875em;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    min-width: 0;
    background: none;
    box-sizing: content-box;
    -webkit-tap-highlight-color: transparent;
}

.searchportfoliooutage .searchicon {
    position: absolute;
    right: 9px;
    top: 9px;
    color: #000;
}

.muiRow {
    margin-left: 0px;
    margin-right: 0px;
}

.outagetopsection > span {
    display: -webkit-flex;
    display: flex;
    width: 15%;
    margin-left: 2%;
    max-width: 50px;
    border-radius: 4px;
}

.gridicon {
    float: left;
    width: 100%;
    border-radius: 4px;
    color: #666366;
    text-align: center;
    display: block;
    padding: 8px 0;
    margin-left: 0;
    border: 1px solid #dcdcdc;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.15);
    cursor: pointer;
}

.outagetopsection .mdl-radio__label {
    color: #696969;
}

.outage_radio {
    margin: 20px 0 -7px;
    padding: 0;
    float: left;
    width: 100%;
}

    .outage_radio .mdl-radio {
        margin-right: 15px;
    }

.outagestatusarea {
    background-color: #005984;
    width: 100%;
    padding: 15px 0;
    display: -webkit-flex;
    display: flex;
    color: #fff;
    text-align: center;
}

.outagedata {
    margin: 0;
    padding: 0;
}

.outagedataicon {
    display: block;
    font-size: 26px;
}

.outagedatatoptext {
    display: block;
    padding: 9px 0 4px;
    font-size: 20px;
}

.outagedatabottomtext {
    display: block;
    font-size: 12px;
}

.outagebottomsection {
    background: #fff;
    float: left;
    padding: 0 0 25px;
    width: 100%;
    text-align: center;
    font-size: 15px;
}

a.btn-primary {
    background: #215ed9 !important;
    FONT-SIZE: 14px;
    letter-spacing: 1px;
    display: inline-block;
    box-shadow: none;
    border: 0px;
    padding: .54rem 2.14rem !important;
    border-radius: 4px;
}

a.signupoutagealerts {
    color: #005984;
    display: block;
    margin-top: 10px;
}

.updatearea {
    margin: 10px 0px 0px 0px;
    padding: 0;
    color: #696969;
    font-size: 12px;
    display: block;
}

.report_outage {
    margin-top: 25px !important;
}

.OutageContained {
    box-shadow: 0 3px 6px #adadad;
}

.OutagesAccordion {
    text-align: left;
}

.notificationAccordion.faQsAccordion.OutagesAccordion .accordion-heading a {
    padding: 10px 24px;
}

.faQsAccordion.OutagesAccordion .accordion-toggle:after {
    top: 14px;
    color: #696969;
    font-size: 25px;
}

.faQsAccordion.OutagesAccordion a span {
    color: #4C4C4C !important;
    font-size: 17px;
}

.expansioncontent {
    display: block;
    padding: 8px 24px 24px;
}

.customers_list {
    margin: 0;
    width: 100%;
    float: left;
}

.BoundaryLine {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
}

    .BoundaryLine > label {
        height: 7px;
        width: 30px;
        background-color: #2996cc;
        display: inline-block;
        margin: 0;
        -webkit-flex-wrap: WRAP;
        flex-wrap: WRAP;
    }

.expansioncontent .BoundaryLine > span {
    display: inline-block;
    padding-left: 10px;
}

.customers_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .customers_list ul li {
        margin: 0;
        padding: 8px 0;
        float: left;
        width: 50%;
        font-size: 15px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
    }

        .customers_list ul li > img {
            margin-right: 7px;
            display: -webkit-flex;
            display: flex;
            height: 26px;
        }

.OutageWrap .OutageContained {
    z-index: 9;
}

.notificationAccordion.faQsAccordion.OutagesAccordion .accordion-group {
    float: left;
    width: 100%;
}

.weatherleg {
    margin: 5px 0 15px;
    float: left;
    width: 100%;
}

    .weatherleg > div {
        float: left;
        padding-left: 0px;
    }

    .weatherleg span {
        margin: 0;
        padding: 0;
        font-size: 15px;
        color: #696969;
    }

    .weatherleg img {
        width: 100%;
        height: 24px;
    }

.successarea i {
    font-size: 13px;
    color: #696969;
}

.GMapBox, .mapArea {
    height: 100%;
}

.SnackAlert {
    position: absolute;
    top: 2rem;
    right: 2rem;
    background: #5cb85c;
    padding: 5px 12px;
    border-radius: 40px;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

    .SnackAlert > i {
        vertical-align: middle;
        font-size: 18px;
        cursor: pointer;
    }

    .SnackAlert label {
        margin: 0px 6px 0px 0px;
    }

.Heading_Text {
    text-align: left;
    padding: 0 0 7px;
}

    .Heading_Text p {
        color: #666666;
        font-size: 24px;
        padding-bottom: 20px;
    }

.MuiGrid-spacing-xs-4 {
    width: calc(100% + 32px);
    margin: -16px;
}

.MuiGrid-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.MuiPaper-rounded {
    max-width: 345px;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    overflow: hidden;
    border-radius: 4px;
}

.MuiCardMedia-root {
    height: 140px;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.SideBadge {
    position: absolute;
    right: 0;
    top: 15px;
    background: url(/Portal/eMobAssets/images/pinkStrip.png) left top no-repeat;
    width: 112px;
    padding: 0 10px;
    height: 64px;
    background-size: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-content: center;
    align-content: center;
}

    .SideBadge > h3 {
        color: #fff;
        font-size: 20px;
        margin: 0;
    }

    .SideBadge > p {
        color: #fff;
        font-size: 12px;
        margin: 0;
    }

.CardContent-root {
    padding: 16px;
}

    .CardContent-root h2 {
        font-size: 19px;
        text-align: left;
        margin-bottom: 15px;
        color: #003399;
        margin-top: 0px;
        line-height: 1.33;
    }

    .CardContent-root p {
        color: #696969;
        height: 75px;
        overflow: hidden;
        font-size: 16px;
        text-align: left;
        letter-spacing: .4px;
        font-weight: 400;
        line-height: 1.5;
    }

.CardBottom {
    padding: 10px 5px 25px 14px !important;
    min-height: 65px;
    align-items: center;
    display: flex;
}

    .CardBottom > a {
        color: #0c75df !important;
        text-transform: uppercase;
        text-decoration: underline;
        font-size: 13px;
    }

.badge.badge-pill, .badgeswrapper {
    display: -webkit-flex;
    display: flex;
}

.badgeswrapper {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.badge.badge-pill.badge-green {
    background: #5cb85c;
}

.badgeswrapper .badge.badge-pill {
    padding: 7px 15px;
    margin: 0 5px;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 400;
    color: #fff;
}

.badge.badge-pill {
    padding: 10px 15px;
    margin: 0 10px 0 5px;
    font-size: 13px;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: .9px;
    color: #fff;
}

    .badge.badge-pill.badge-orange {
        background: #f0ac4d;
    }

.loadButton {
    display: block;
    width: 100%;
    text-align: center;
    padding: 45px 0px;
}

    .loadButton a {
        display: inline-block;
        color: #215ed9;
        border: 1px solid rgba(8, 136, 86, 0.5);
        font-size: 15px;
        min-width: 64px;
        box-sizing: border-box;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        font-weight: 500;
        line-height: 1.75;
        border-radius: 4px;
        text-transform: uppercase;
        padding: 7px 35px;
    }

        .loadButton a:hover {
            border: 1px solid #215ed9;
            background-color: rgba(8, 136, 86, 0.08);
        }

.MegaMenu .list-group a.dropdown-item.active {
}

.servicesTab md-tabs[md-border-bottom] md-tabs-wrapper {
    border: 0px;
}

.servicesTab .md-tab {
    float: none;
    font-size: 16px;
    max-width: 100% !important;
}

.servicesTab md-pagination-wrapper {
    width: 100%;
    text-align: center;
    height: auto;
    justify-content: center;
}

.servicesTab md-tabs.md-default-theme .md-tab .md-ripple-container, .servicesTab md-tabs .md-tab .md-ripple-container {
    color: #003399;
}

.servicesTab md-tabs.md-default-theme md-ink-bar, .servicesTab md-tabs md-ink-bar {
    color: #003399;
    background: #003399;
}

.servoTab {
    padding: 24px 10px 0px 10px;
}

.CenterBoxContent {
    -webkit-justify-content: center;
    justify-content: center;
}

.ServiceCard {
    max-width: 100%;
    margin: 15px 0;
    text-align: left;
    padding: 10px 7px;
    min-height: 246px;
    border: 1px solid #dcdcdc;
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
    border-radius: 4px;
}

    .ServiceCard .ServiceCardContent {
        padding-bottom: 5px !important;
        min-height: 190px;
        padding: 12px;
    }

.ServiceCardContent i {
    font-size: 30px !important;
}

.ServiceCardContent h3, .ServiceCardContent i {
    color: #4c4c4c;
    font-size: 19px;
    letter-spacing: .4px;
}

.ServiceCardContent h3 {
    margin-top: 11px;
    margin-bottom: 0.35em;
    line-height: 1.5;
}

.ServiceCardContent p {
    color: #696969;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
}

.CardAnchor {
    display: flex;
    padding: 8px;
    align-items: center;
}

    .CardAnchor > a {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        color: #215ed9;
        padding: 6px 35px;
        font-size: 14px;
        text-transform: uppercase;
    }

.trackTable table {
    width: 100%;
    font-size: 15px;
    /* text-align: left; */
}

    .trackTable table th {
        font-size: 13px;
        text-align: left;
        text-transform: uppercase;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .trackTable table td {
        text-align: left;
    }

        .trackTable table td span.badge {
            color: #ffffff;
        }

.servicesTab .mdl-tabs__tab-bar {
    border: 0px;
}

.servicesTab a.mdl-tabs__tab {
    font-size: 16px;
}

.servicesTab .mdl-tabs__tab.is-active {
    color: #003399 !important;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    background: #003399 !important;
}

.trackTable {
    padding-top: 39px;
}

    .trackTable .mdl-menu__outline, .trackTable .mdl-menu {
        width: 100%;
    }

    .trackTable .material-icons {
        color: rgba(0,0,0, 0.54);
    }

    .trackTable table tr:nth-of-type(odd) {
        background-color: #fafafa;
    }

    .trackTable table thead tr {
        background: #fff !important;
    }

    .trackTable table {
        box-shadow: none !important;
        /*border-left: 0px;
    border-right: 0px;*/
    }

.trackTableService {
    padding-top: 0px;
}

.mdl-tabs-service {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}

.mdl-tabs__tab-barService {
    justify-content: left;
}

.autopbuttonarea {
    text-align: center;
    position: absolute;
    top: 26px;
    right: 23px;
}

.autopaydisable {
    color: #fff !important;
    letter-spacing: 1px;
    font-size: 14px;
    border-radius: 2px;
    width: 155px;
    padding: 8px 20px !important;
    background-color: #b2e2cf;
    cursor: default;
}

.autopayenable, .autopayenable:hover {
    color: #fff !important;
    width: 165px;
    letter-spacing: 1px;
    font-size: 14px;
    border-radius: 2px !important;
    background-color: #215ed9 !important;
    box-shadow: none !important;
}

.paratext {
    text-align: left;
    padding: 10px 0;
    color: #696969;
    font-size: 16px;
    letter-spacing: .4px;
}

    .paratext p {
        font-size: 16px;
        color: #696969;
    }

    .paratext a {
        color: #0c75df;
        letter-spacing: .43px;
    }

/* Edited by Pradeep CSS 10-02-2020 */
.JumboBox {
    padding: 0 15px 10px !important;
    height: 320px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    float: left;
    width: 100%;
    margin: 5px 0 15px;
    border-radius: 5px;
}

.acc_dashmain {
    color: #4e4e4e !important;
}

.acc_dashhomep {
    text-align: center;
    color: #fff;
    padding: 50px 0;
}

    .acc_dashhomep h5 {
        font-size: 17px;
        letter-spacing: .4px;
        font-weight: 400;
        line-height: 24px;
        margin: 0 0 15px;
        text-align: center;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .acc_dashhomep h4 {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .acc_dashhomep p {
        font-size: 17px;
        line-height: 24px;
    }

.btn_bottomp {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 10px 0 5px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.acc_dashhomep a {
    color: #fff;
    position: relative;
    top: 3px;
}

.makebtn {
    padding: 9px 35px;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: #215ed9;
    color: #fff;
    position: relative;
    top: 3px;
    font-size: 16px;
}

.billView {
    display: block;
    width: 100%;
    margin-top: 8px;
}

    .billView a {
        font-size: 16px;
        letter-spacing: .43px;
        line-height: 24px;
        text-align: center;
        clear: both;
    }

        .billView a, .billView a:focus, .billView a:hover {
            color: #0C75DF !important;
            text-decoration: underline;
        }

.MiniBox_Right {
    border: solid 1px #dcdcdc;
    float: left;
    width: 100%;
    padding: 2rem 25px;
    margin: 5px 0 15px 0;
    background: #ffffff;
    border-radius: 5px;
}

    .MiniBox_Right > ul.list-group > .list-group-item {
        color: #005984;
        font-size: 17px;
        z-index: 0;
        display: flex;
        align-items: center;
        border: none;
        padding: 10px 0;
    }

        .MiniBox_Right > ul.list-group > .list-group-item i {
            font-size: 27px;
            padding: 0 15px 0 0;
        }

.material-icons {
    vertical-align: bottom;
}

.Quick_LinkBox {
    height: 320px;
}

.colorb {
    color: #4a4a4a;
}

.Quick_LinkBox > h3 {
    text-align: left;
    margin: 0;
    color: #4c4c4c;
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 10px;
}

.Quick_LinkBox > .list-group a {
    border: solid 0px #ffffff;
    text-align: left;
    border-radius: 0;
    font-size: 16px;
    text-decoration: underline;
    color: #0c75df;
}

.list-group-item > div {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
}

.listboxitems {
    display: flex;
    text-align: left;
    flex: 1;
    justify-content: flex-end;
    flex-wrap: wrap;
}

    .listboxitems > h5 {
        margin: 0;
    }

    .listboxitems.rightsect {
        text-align: right;
    }

        .listboxitems.rightsect > a {
            color: #005984 !important;
            font-size: 16px;
            font-weight: 400;
        }

.commoncard_sec {
    border: solid 1px #d0d0d0;
    margin: 35px 0;
    padding: 2.5rem 30px;
    position: relative;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,0.15);
    text-align: left;
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
}

.cls_right {
    position: absolute;
    right: 5px;
    top: 5px;
    color: rgba(0, 0, 0, 0.54);
}

.didyouknow h5 {
    margin: 0;
    padding-bottom: 15px;
    text-transform: inherit;
    color: #003399;
}

.didyouknow p {
    color: #696969;
    font-size: 16px;
}

.mng_btn button {
    color: #215ed9;
    border: 1px solid rgba(8, 136, 86, 0.5);
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
}

.prgm_heading {
    color: #003399;
    margin-bottom: 25px;
}

.DashboardCardHeader {
    padding: 30px 25px;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    background-color: #ffffff;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: solid 1px #dcdcdc;
}

    .DashboardCardHeader > i {
        color: #696969;
        font-size: 31px;
        display: flex;
        justify-content: center;
    }

.cardbox {
    border: solid 1px #dcdcdc;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
}

.CardHeadArea {
    padding: 0px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .CardHeadArea h3 {
        color: #696969;
        width: 100%;
        display: flex;
        font-size: 26px;
        margin: 0;
    }

    .CardHeadArea p {
        color: #696969;
        font-size: 14px;
        margin: 5px 0 0 0;
    }

.prgrmlists_wrap {
    padding: 30px 10px;
}

.ProgramLists {
    display: flex;
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
}

    .ProgramLists .btn-white {
        background: #fff !important;
        color: #215ed9 !important;
        border-radius: 4px;
        float: left;
        border: 1px solid #215ed9 !important;
    }

    .ProgramLists > li {
        display: flex;
        margin: 0;
        flex-wrap: wrap;
        width: 50%;
        padding: 0px 10px;
        position: relative;
    }

        .ProgramLists > li > p {
            color: #696969;
            width: 100%;
            margin: 0px 0;
            display: flex;
            font-size: 13px;
            text-transform: uppercase;
            justify-content: center;
        }

        .ProgramLists > li:after {
            content: '';
            border-right: solid 1px #dcdcdc;
            height: 100%;
            top: 0;
            position: absolute;
            right: -1px;
        }

        .ProgramLists > li:nth-last-child(1):after {
            display: none;
        }

.Contentdisplaybox {
    flex-wrap: wrap;
    display: flex;
    width: 100%;
}

    .Contentdisplaybox > div {
        justify-content: center;
        display: flex;
        width: 100%;
    }

        .Contentdisplaybox > div h3 {
            color: #0c75df;
            display: flex;
            padding: 10px 0 20px 0;
            font-size: 36px;
            line-height: 1.141;
            justify-content: center;
            margin: 0px;
        }

.primarybtnhome button {
    min-width: 150px;
}

.primarybtn {
    color: #fff;
    border-radius: 4px;
    background-color: #215ed9 !important;
}

.outline_button {
    color: #215ed9;
    border: 1px solid rgba(8, 136, 86, 0.5);
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
}
/* Billing CSS */
.crentbill_tabs_wrapper {
    width: 100%;
    background: #fff;
    float: left;
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}

.account_overp {
    background: #0c75df;
    border-radius: 5px 5px 0 0;
}

.viewbillp {
    text-align: center;
    padding: 50px 0;
    WIDTH: 100%;
    display: block;
    color: #fff;
}

    .viewbillp > h4 {
        letter-spacing: .4px;
        text-align: center;
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .viewbillp p {
        font-size: 17px;
        line-height: 24px;
    }

.btn_bottomp .payBtn {
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 20px;
    font-size: 14px;
    min-width: 208px;
    color: #fff;
    background-color: #1e4b78;
    padding: 8px 0;
    text-transform: uppercase;
}

.right_profile_sec {
    background: #fff;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    border-radius: 4px;
    float: left;
    width: 100%;
    padding: 20px;
    text-align: left;
}

.links_sidebar {
    padding: 0 10px;
}

    .links_sidebar h3 {
        color: #4C4C4C;
        font-size: 29px;
        letter-spacing: 0.25px;
        line-height: 40px;
        margin: 0px;
        border-bottom: 1px solid #e8e8e8;
        display: inline-block;
        padding-bottom: 10px;
    }

    .links_sidebar > ul {
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .links_sidebar > ul > li {
            width: 100%;
            display: flex;
            position: relative;
            box-sizing: border-box;
            text-align: left;
            align-items: center;
            padding-top: 8px;
            padding-bottom: 8px;
            justify-content: flex-start;
            text-decoration: none;
        }

            .links_sidebar > ul > li > a {
                color: #0C75DF;
                text-decoration: underline;
                display: block;
                font-size: 16px;
                letter-spacing: .5px;
            }

.BudgetBillingRightbox {
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: WRAP;
    justify-content: center;
    padding-bottom: 3rem;
}

.acc_mngp {
    margin-top: 40px;
}

.BudgetBillingRightbox img {
    width: 100%;
}

.BudgetBillingRightbox h4 {
    text-align: center;
    margin: 10px 0;
    font-size: 20px;
    color: #4c4c4c;
    width: 100%;
}

.BudgetBillingRightbox p {
    font-size: 16px;
    color: #868484;
    text-align: center;
    margin-bottom: 16px;
    width: 100%;
}

.BudgetBillingRightbox button {
    width: 70%;
}

/* view bill table */
.viewbilltbl table {
    width: 100%;
    box-shadow: 0 0 0 0 !important;
}

    .viewbilltbl table tr th, .viewbilltbl table tr td {
        text-align: left;
        color: #696969;
        font-size: 16px;
        height: auto;
        line-height: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .viewbilltbl table tr th {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 12px;
    }

.dropdownsd {
    transition-duration: 331ms;
    display: none;
}

    .dropdownsd td:first-child {
        display: none;
    }

.dropdownsdshow {
    display: table-row;
}


.expandedbill {
    padding: 0;
    margin: 0px auto;
    display: block;
    width: 100%;
    float: left;
    border-top: solid 1px #dcdcdc;
    max-width: 1109px;
}

.expandedbill_inner {
    width: 100%;
    background: #f5fcfd;
    padding: 25px 115px 25px 66px;
    font-size: 14px;
    display: inline-block;
    float: left;
}

    .expandedbill_inner .borderBottom {
        border-bottom: 1px solid #dadada;
    }

    .expandedbill_inner .Leftbill {
        text-align: left;
        margin: 0;
        padding: 10px 10px;
        color: #696969;
        font-size: 16px;
    }

    .expandedbill_inner .Rightbill {
        text-align: right;
        color: #525252;
        margin: 0;
        padding: 10px 10px;
        font-size: 16px;
    }

table > thead > tr > th > span, table > thead > tr > th {
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 13px;
    color: #696969 !important;
    font-weight: 400;
}

.dropdownsd td {
    padding: 0px !important;
}

.content_expend {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    float: left;
}

.total_amt div {
    font-weight: bold;
}

.expandedbill a {
    color: #0c75df;
    text-decoration: underline;
}

.viewbilltbl table tr td p {
    margin-bottom: 0px;
    font-size: 16px;
}

    .viewbilltbl table tr td p span {
        font-size: 14px;
    }


.tableFooter {
    float: left;
    width: 100%;
    padding: 20px 25px;
    background: #fff;
    /* border: 0.5px solid #ececec; */
    border-top: 0px;
    /* border-top: 1px solid rgba(0, 0, 0, 0.12); */
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.tablePagination {
    float: right;
}

span.typeError {
    vertical-align: top;
    float: right;
}

    span.typeError a {
        color: #969696;
        /* font-size: 23px; */
        display: inline-block;
        margin: 0px 0px 0px 10px;
    }

        span.typeError a.active {
            color: #696969;
        }

        span.typeError a i {
            font-size: 25px;
        }

span.dataCount {
    color: #696969;
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin: 5px 20px 5px 0px;
}

.row_perpagesec {
    float: left;
    margin-right: 40px;
    color: #696969;
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    margin-top: -3px;
}

    .row_perpagesec md-select {
        padding: 0px;
        margin: 2px 0 0 5px;
        float: left;
        text-align: left;
    }

    .row_perpagesec .md-select-value {
        min-width: auto !important
    }

.boxwithbgpayment {
    background-color: #f3fbfd;
    padding: 15px 4rem;
    width: 100%;
    margin-bottom: 20px;
}

    .boxwithbgpayment em {
        padding: 0;
        margin: 15px 0 10px;
        font-size: 20px;
        width: 100%;
        float: left;
    }

    .boxwithbgpayment > span {
        padding: 5px 0 8px;
        font-size: 17px;
        margin: 0;
        color: #666;
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
    }

        .boxwithbgpayment > span button {
            color: #003399;
            text-decoration: none;
        }

.leftrightspace {
    padding-left: 0px;
    padding-right: 0px;
}

    .leftrightspace h1, .leftrightspace .wizard-steps-panel, .leftrightspace .wizardstepTxt, .leftrightpadding, .stepperWrapper .modal-footer.leftrightpadding {
        padding-left: 4rem;
        padding-right: 4rem;
    }

        .leftrightspace .wizard-steps-panel:after {
            margin-left: 4rem;
            margin-right: 4rem;
        }

.pmt_amtsec {
    margin-top: 20px;
    float: left;
    width: 100%;
}

    .pmt_amtsec h3 {
        font-size: 17px;
        padding: 0;
        margin: 20px 0 10px;
        display: flex;
        width: 100%;
    }

    .pmt_amtsec md-radio-group {
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }

md-radio-button .md-label {
    font-size: 16px;
}

.amtinptbox {
    width: 50%;
}

.amtdue {
    float: right;
}

.tblpopup .modal-header {
    border-bottom: 0px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 20px !important;
}

.tblpopup .modal-dialog {
    max-width: inherit;
    width: auto;
}

.tblpopup .viewbilltbl table {
    max-width: 680px;
}

.tblpopup .modal-body {
    padding: 0px;
}

.tblpopup .viewbilltbl table tr td {
    white-space: normal;
}

button.deltebtn {
    color: rgba(0, 0, 0, 0.54);
}

.tblpopup .modal-footer {
    text-align: right;
    padding-right: 19px;
}

.tblpopup .tableFooter {
    padding: 12px 25px;
}

button.helpico {
    color: rgba(0, 0, 0, 0.54);
    margin-bottom: -15px !important;
    margin-top: -13px !important;
}

.rightAreasuccess .enrollboxarea {
    padding: 30px 0 0 50px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .rightAreasuccess .enrollboxarea b {
        font-size: 20px;
        color: #4c4c4c;
        margin: 0 0 15px;
        padding: 0;
        display: block;
        font-weight: bold;
    }

    .rightAreasuccess .enrollboxarea p {
        color: #696969;
        font-size: 16px;
        letter-spacing: .4px;
        line-height: 24px;
        margin: 0;
        padding: 0;
        text-align: left;
    }

.buttoncommsuccess {
    margin: 0 auto 40px;
    width: 100%;
    text-align: right;
    padding: 0 39px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

    .buttoncommsuccess .btn-primary {
        color: #fff;
        background-color: #215ed9;
        border-color: #215ed9;
        padding: .54rem 2.14rem !important;
        font-size: 16px;
    }

.dis_steps p {
    position: relative;
    margin: 0;
    padding: 30px 0px 30px;
    text-align: center;
    color: #696969;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 24px;
    font-weight: 500;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.registerSuccess .successviewpost {
    padding: 0 30px 10px;
    position: relative;
    margin: 20px auto 40px;
}

.registerSuccess .successview:after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    border-bottom: 1px solid #c3c3c3;
    bottom: -20px;
}

.viewBillBlue {
    max-width: 100%;
}

.stepperWrapper .modal-footer {
    padding: 15px 0 0;
    margin: 10px 0 0;
}

.removebordr {
    border-top: 0px !important;
}

.wizard-buttons button {
    text-transform: uppercase;
    padding: .54rem 2.14rem !important;
    font-size: 14px;
}

.tblautopay table {
    border-left: 0px !important;
    border-right: 0px !important;
}

.withoutcheckbox.dropdownsd td:first-child {
    display: table-cell;
}

.statusinfo {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .statusinfo > i {
        padding-right: 5px;
    }

.tbscustom {
    border-bottom: 2px solid #e6e6e6 !important;
    min-height: 64px;
    height: 64px;
    margin-bottom: 12px;
    float: left;
}

    .tbscustom a {
        padding: 10px 40px;
        height: 64px;
        font-weight: normal !important;
    }

/*------- END CSS PRADEEP 11-02-2020 ----------*/

.searchaddnewproperty .searchicon {
    position: absolute;
    right: 9px;
    top: 15px;
    color: #696969;
    font-size: 30px;
}

.wizard-steps-panel:after {
    display: none;
}

.blueMini {
    font-size: 17px;
    padding: 0;
    margin: 0px 0 0px;
    color: #003399;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
}

.addressNewproperty {
    border-bottom: 0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .addressNewproperty h5 {
        color: #4c4c4c;
        font-size: 17px;
        margin: 15px 0px 10px 0px;
    }

    .addressNewproperty p {
        color: #696969;
        font-size: 16px;
    }

.blueBig {
    font-size: 20px;
    padding-bottom: 10px !important;
    float: left;
}

.mt0 {
    margin-top: 0px;
}

.unitaddsection p {
    color: #696969;
    font-size: 15px;
}

.mdl-radio__label {
    color: #696969;
}

.mt20 {
    margin-top: 20px;
}

.gridBox {
    padding: 20px 5px;
}

    .gridBox .viewbilltbl table tr th {
        font-size: 13px;
    }

        .gridBox .viewbilltbl table tr td:nth-child(1), .gridBox .viewbilltbl table tr th:nth-child(1) {
            width: 5% !important;
            padding-left: 17px !important;
            text-align: left !important;
        }

        .gridBox .viewbilltbl table tr td:nth-child(2), .gridBox .viewbilltbl table tr th:nth-child(2) {
            width: 65% !important;
            padding-left: 17px !important;
            text-align: left !important;
        }

    .gridBox .viewbilltbl table tr td, .outage_tabs_wrapper table tr th {
        width: 10%;
        padding-left: 17px !important;
        text-align: left !important;
    }

    .gridBox .viewbilltbl table tr {
        position: relative;
    }

    .gridBox .viewbilltbl .tableHide tr td:nth-child(1) {
        /* width: 6.3%!important; */
        padding: 0 18px 12px 18px !important;
    }

        .gridBox .viewbilltbl .tableHide tr td:nth-child(1) span {
            visibility: hidden;
        }

table.tableHide tr:nth-child(1) td {
    border-top: 0px;
}

table.tableHide tr:nth-child(odd) td {
    background-color: #f5f5f5;
}

table.tableHide tr:last-child td {
    border-top: 0px;
}


#sidebar_wrapper_box1 {
    background: #fff;
    height: 100%;
    right: 0;
    position: fixed;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    width: 40%;
    z-index: 100000;
    margin-top: 0;
    margin-right: -670px;
    top: 0;
    box-shadow: 3px 3px 7px #000;
    max-width: 650px;
    z-index: 9999;
}

#wrapper_box1.toggled #sidebar_wrapper_box1 {
    margin-right: 0;
    padding: 30px;
    overflow: auto;
}

.forSidebar_backdrop {
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    display: none;
}

.slideHeader {
    display: flex;
    margin-bottom: 30px;
}

nav#menu-wrap1 .popup_dots {
    top: 22px;
    right: 20px;
    color: rgba(0, 0, 0, 0.54);
}

.servicepopupcontent {
    margin: 0;
    width: 100%;
}

    .servicepopupcontent h5 {
        font-size: 24px;
        letter-spacing: .4px;
        line-height: 32px;
        color: #003399;
        margin: 0px;
    }

.addresssvc {
    color: #696969;
    letter-spacing: .4px;
    line-height: 24px;
    margin-bottom: 22px;
    font-size: 16px;
}

.successMsg {
    text-align: left;
    padding: 0;
    letter-spacing: .4px;
    line-height: 24px;
    color: #696969;
    font-size: 16px;
    margin-bottom: 15px;
}

.bottomservicepopcontent {
    padding: 15px 0;
}

    .bottomservicepopcontent h6 {
        font-size: 20px;
        letter-spacing: .4px;
        margin: 0;
        display: block;
        width: 100%;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        color: #003399;
        font-weight: 400;
        line-height: 1.5;
    }

    .bottomservicepopcontent p {
        text-align: left;
        padding: 0px 0 17px;
        padding-left: 30px;
        margin-bottom: 20px;
        letter-spacing: .4px;
        line-height: 24px;
        color: #696969;
        font-size: 16px;
    }

    .bottomservicepopcontent .material-icons {
        vertical-align: top;
        margin-top: 3px;
        margin-right: 5px;
    }

    .bottomservicepopcontent p i {
        display: block;
        color: #4c4c4c;
        /* margin: 1px 0 6px; */
        font-size: 17px;
    }

.trackrequestlinks {
    padding: 0 0 10px;
    width: 100%;
    float: left;
}

    .trackrequestlinks ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .trackrequestlinks ul li {
            margin: 0;
            padding: 0 30px 0 0;
            width: auto;
            float: left;
        }

            .trackrequestlinks ul li a {
                margin: 0;
                text-decoration: none;
                text-decoration: underline;
                color: #0c75df;
                padding: 10px 0;
                display: block;
                text-align: left;
                font-size: 15px;
            }

.trackclosebutton {
    display: block;
    text-align: left;
    margin: 20px 0;
    float: left;
    width: 100%;
}

.popupCloseBtn {
    color: #fff;
    background-color: #215ed9;
    padding: 6px 16px;
    font-size: 15px;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-weight: 500;
    line-height: 1.75;
    border-radius: 4px;
    text-transform: uppercase;
    border: 0px;
}

.mdl-menu__container {
    width: 200px !important;
    position: absolute;
    right: 0px !important;
}

div#editMailingAddress .modal_top p {
    margin-bottom: 10px;
}
/* .modal-footer div { */
/* padding-right: 0px; */
/* } */
.halfFull {
    display: block;
    width: 100%;
}

    .halfFull .leftP {
        padding-left: 0px;
        float: left;
    }

    .halfFull .rightP {
        padding-right: 0px;
        float: right;
    }

.tableManage tr th:nth-child(1), .tableManage tr td:nth-child(1) {
    width: 40%;
}

.tableManage tr th:nth-child(4), .tableManage tr td:nth-child(4) {
    width: 10%;
}

.right-top-selectTop {
    display: block;
    width: 100%;
    padding: 19px 0px;
}

    .right-top-selectTop ul {
        display: block;
        width: 100%;
        margin: 0px;
        padding: 0px;
        list-style: none;
        text-align: right;
    }

        .right-top-selectTop ul li {
            display: inline-block;
            width: 36%;
            margin: 0px;
            vertical-align: top;
            padding: 0px;
        }

    .right-top-selectTop .form-group {
        margin: 0px;
    }

        .right-top-selectTop .form-group, .right-top-selectTop .form-group .mdl-textfield {
            margin: 0px;
            padding: 0px;
        }

    .right-top-selectTop input {
        height: 42px !important;
        padding: 11px 12px 10px !important;
        border: 1px solid #666366;
        border-radius: 4px !important;
        background: #fff !important;
    }

    .right-top-selectTop .darkbordered .mdl-textfield__label {
        top: 9px;
    }

    .right-top-selectTop .darkbordered .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .right-top-selectTop .darkbordered .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
        top: -4px !important;
    }

    .right-top-selectTop .darkbordered .mdl-textfield__label:after {
        bottom: 0px;
    }

    .right-top-selectTop i {
        position: absolute;
        top: 10px;
        right: 5px;
    }

    .right-top-selectTop button {
        background: #215ed9 !important;
        FONT-SIZE: 14px;
        letter-spacing: 1px;
        box-shadow: none;
        border-radius: 4px;
        border-color: #215ed9 !important;
        text-transform: uppercase;
        padding: 0.64rem 2.14rem !important;
        vertical-align: top;
        width: 100%;
    }

    .right-top-selectTop ul li:first-child {
        padding-right: 8px;
    }

    .right-top-selectTop ul li:last-child {
        padding-left: 8px;
    }

.mb10 {
    margin-bottom: 10px !important;
}

.row .tCenter {
    text-align: center !important;
}

.mdl-menu__item {
    font-size: 15px;
}

.chsText {
    margin: 0;
    padding: 0 0 10px;
    color: #696969;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 24px;
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

.mt20 {
    margin-top: 20px;
}

.unitToAdd {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.turnonserviceseperate {
    margin: 15px 0 0;
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
    float: left;
    width: 100%;
}

    .turnonserviceseperate b {
        color: #4c4c4c;
        font-size: 17px;
        letter-spacing: .4px;
        line-height: 24px;
        margin: 0;
        padding: 0;
        display: block;
    }

    .turnonserviceseperate fieldset {
        width: 100%;
        margin: 8px 0px 0px 0px;
        margin-left: 0;
        margin-right: 0;
    }

        .turnonserviceseperate fieldset label {
            width: 50%;
            float: left;
            margin-bottom: 15px;
        }

.unitToAdd .turnonserviceseperate:last-child {
    border: 0px;
}



/*----  Pradeep 13 feb 2020 -----*/
.addbnklink {
    font-size: 16px;
    color: #0c75df !important;
    text-decoration: underline !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: none;
}

.addaccountdisclaimer {
    padding: 10px 0;
    display: inline-flex;
    width: 100%;
    float: left;
}

    .addaccountdisclaimer > span {
        font-size: 16px;
        color: #696969;
        margin-left: 5px;
    }

.bnkinfor {
    width: 100%;
}

.AcceptedCardsList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    margin: 20px 0 10px;
}

    .AcceptedCardsList > label {
        font-size: 16px;
        color: #4c4c4c;
        margin: 0;
    }

    .AcceptedCardsList > ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

        .AcceptedCardsList > ul > li {
            padding: 0px 7px;
        }

            .AcceptedCardsList > ul > li > img {
                max-width: 45px;
            }

.CardvalidityDetails {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.CardExpirySection {
    width: 70%;
    padding: 0 10px 0 0;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

.CardCvvSection {
    width: 30%;
    padding: 0 0 0 10px;
    display: flex;
    align-items: center;
}

.CardExpirySection .CardMonth {
    display: flex;
    width: 45%;
}

.CardExpirySection .CardYear {
    display: flex;
    width: 45%;
}

.CardExpirySection > p {
    display: flex;
    width: 10%;
    align-items: center;
    margin: 0 !important;
    justify-content: center;
}

.CardCvvSection > p {
    color: #696969;
    font-size: 14px;
    margin: 0;
    padding: 0px 5px;
}

.enrolsucess {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .enrolsucess em {
        padding: 0;
        margin: 20px 0 10px 0;
        font-size: 17px;
        display: flex;
        width: 100%;
    }

    .enrolsucess .successView {
        display: flex;
        width: 100%;
        align-items: center;
        align-content: flex-end;
    }

        .enrolsucess .successView address {
            text-align: right;
            padding-top: 30px;
            color: #808080;
            width: 100%;
            font-size: 13px;
        }

.disabled.autopaydisable {
    pointer-events: none;
}

.lvlpaylnk {
    color: #003399;
    border: 1px solid rgba(0, 51, 153, 0.5);
}

.popalertdelete .modal-title {
    color: rgba(0, 0, 0, 0.87) !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
}

.popalertdelete button, .popalertdelete button:hover {
    color: #215ed9;
    text-transform: uppercase;
}

ul.tooltipcustcss {
    padding: 0px;
    border-radius: 5px;
    min-width: 220px;
    left: 0px !important;
}

    ul.tooltipcustcss li {
        font-size: 16px;
    }

.WrapperCard {
    display: flex;
    margin: 30px 0 0 0;
    width: 100%;
    background: #f5fcfd;
    padding: 20px 20px;
    font-size: 14px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.LeftSection {
    width: 35%;
    display: flex;
    padding: 5px 10px;
    color: #696969;
    font-size: 16px;
}

.RightSection {
    width: 65%;
    font-size: 16px;
    display: flex;
    color: #696969;
    padding: 5px 10px;
}

.EAPModalBody {
    width: 100%;
    margin: 30px 0;
    float: left;
}

    .EAPModalBody h3 {
        padding: 0;
        margin: 15px 0 30px 0;
        color: #003399;
        font-size: 21px;
        display: flex;
        text-transform: capitalize;
    }

p.btn_radio {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    margin-left: -10px;
}

span.pw_logo_foot {
    float: right;
    padding: 10px 0px;
}

    span.pw_logo_foot a {
        cursor: pointer;
    }

.pw_logo_foot img {
    vertical-align: middle;
    width: 120px;
    display: inline-block;
    height: 20px;
}


/*css 13-02-2020 */

/* CSS Edited By Pradeep form Usage page*/
.UsageTopCards {
    border: solid 1px #dcdcdc;
    background: #fff;
    padding: 16px;
    border-radius: 4px;
    position: relative;
}

    .UsageTopCards .tooltipwrap {
        position: absolute;
        top: 8px;
        right: 4px;
    }

    .UsageTopCards p {
        padding: 5px 10px 0;
        margin-bottom: 8px;
        position: relative;
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        color: rgba(0, 0, 0, 0.87);
    }

    .UsageTopCards .TopCardValue {
        font-size: 23px;
        margin: 0;
        text-align: center;
        color: #4c4c4c;
        padding: 15px 0 15px;
        display: inline-flex;
        justify-content: center;
        width: 100%;
    }

.tooltipwrap {
    margin: -2px 0 0px;
    padding: 0px;
    width: auto;
    min-width: 30px;
    height: 30px;
    min-height: auto;
    background: none !important;
    border-radius: 50%;
    position: absolute;
}

.UsageTopCards .TopCardValue span {
    float: left;
}

.tabs_content {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 30px;
    border-radius: 4px;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
}

.tabscustom {
    float: left;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0px;
}

    .tabscustom a {
        padding: 12px 35px;
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        font-size: 16px;
    }

        .tabscustom a.mdl-tabs__tab.is-active {
            color: #003399 !important;
        }

        .tabscustom a i {
            padding-right: 10px;
        }


.eff_subHeadings {
    color: #039;
    font-size: 20px !important;
    letter-spacing: .25px;
    margin: 0;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 50px 0 20px;
}

.card_box_wrapper {
    margin: 10px 0 30px 0px;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
    background: #fff;
    border-radius: 4px;
}

.card_box {
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
}

    .card_box img {
        height: 156px;
        position: relative;
        background-size: 100%;
        max-width: 100%;
    }

.card_content {
    padding: 16px 16px;
}

    .card_content h3 {
        color: #003399;
        font-size: 17px;
        text-align: left;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .card_content p {
        color: #696969;
        font-size: 16px;
        text-align: left;
        letter-spacing: .4px;
    }

.electtop {
    padding: 35px 40px;
    float: left;
    width: 100%;
}

.usagegroupbtncom ul {
    border-radius: 5px;
    float: left;
    border: 1px solid #dbdbdb;
    background: #fff;
    margin-right: 20px;
}

    .usagegroupbtncom ul li {
        float: left;
        text-align: center;
    }

        .usagegroupbtncom ul li a {
            text-decoration: none;
            display: inline-flex;
            vertical-align: middle;
            min-height: 36px;
            justify-content: center;
            align-items: center;
            padding: 0 14px;
            line-height: 36px;
            font-size: 15px;
        }

        .usagegroupbtncom ul li.active {
            background: #dbdbdb;
        }

.usagethirdbtn ul li {
    border-left: 1px solid #dbdbdb;
}

    .usagethirdbtn ul li:first-child {
        border-left: 0px;
    }

.usagefirstbtn, .usagethirdbtn {
    margin-right: 20px;
    float: left;
}

.electtop_right {
    display: inline-flex;
    float: right;
}

.selectrightboxp {
    float: right;
    width: 208px;
}

    .selectrightboxp md-select {
        margin: 0px;
        border: 1px solid #dbdbdb;
        padding: 5px 10px;
        border-radius: 4px;
        height: 38px;
    }

.chartsec {
    float: left;
    width: 100%;
}
/* This will disable the panel animation */
.tablswrapper md-tabs [role="tabpanel"] {
    transition: none;
}

/* This will disable the `ink-bar` animation (border-bottom of selected tab) */
.tablswrapper md-tabs md-ink-bar {
    transition: none;
}

.rightselect {
    display: inline-flex;
    justify-content: space-evenly;
    float: right;
    align-items: baseline;
    font-size: 16px;
    position: absolute;
    right: 0px;
    top: 15px;
    z-index: 9;
}

    .rightselect > label {
        margin-right: 10px;
    }

    .rightselect md-select {
        width: 170px;
        margin: 0px;
        color: #003399 !important;
    }

.DownloadSection {
    border-top: solid 1px #e6e6e6;
    padding: 25px 2rem;
    text-align: left;
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

    .DownloadSection a {
        color: #003399;
        font-size: 16px;
        align-items: center;
        display: inline-flex;
        padding: 0px 10px;
    }

        .DownloadSection a > i {
            vertical-align: middle;
            color: #003399;
        }

    .DownloadSection p > span {
        padding-left: 20px;
        font-size: 15px;
        color: #777777;
        vertical-align: middle;
    }

.GreenButtonImg {
    height: 25px;
    margin-right: 6px;
}

.effi_wrapper {
    float: left;
    width: 100%;
}

.next_previouslnk {
    float: left;
    padding-left: 20px;
    position: relative;
    z-index: 9;
}

    .next_previouslnk.next_lnk {
        float: right;
        padding-right: 20px;
    }

    .next_previouslnk a {
        color: #003399;
        font-size: 16px;
        display: inline-flex;
        align-items: center;
    }
/* End CSS Edited By Pradeep form Usage page*/
.chart_section {
    height: 330px;
}

.chart_space {
    height: 330px;
    text-align: center;
    color: red;
    padding-top: 160px;
    display: none;
}

.chart_footer {
    padding: 15px 35px 15px 96px;
    float: left;
    width: 100%;
}

    .chart_footer ul li {
        float: left;
        width: 25%;
        border-left: 1px solid #ccc;
        padding-left: 15px;
    }

        .chart_footer ul li label {
            margin-bottom: 0px;
        }

        .chart_footer ul li span {
            display: block;
            color: #ccc;
        }

.DownloadSection.dwnusage a {
    color: #005882;
}

    .DownloadSection.dwnusage a > i {
        vertical-align: middle;
        color: #005882;
    }

.tabscssusage {
    min-height: 607px !important;
}

.modal-open .md-panel-outer-wrapper {
    z-index: 999999 !important;
}


.CalendarCustusage {
    background-color: #fff;
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .CalendarCustusage > div {
        padding-right: 0;
        border: 0px;
    }

    .CalendarCustusage input {
        border: 0 !important;
        padding-left: 8px;
        font-size: 14px;
    }

    .CalendarCustusage .gj-datepicker-md [role=right-icon] {
        right: 0px !important;
        top: 3px !important;
        color: #4d4d4d !important;
    }

.solarcalendar {
    width: auto;
    white-space: normal;
    display: inline-flex;
    align-items: center;
}

    .solarcalendar .CalendarCustusage {
        border: 0px;
    }

        .solarcalendar .CalendarCustusage input {
            text-align: right;
            padding-right: 40px;
            width: 140px;
            font-size: 16px;
        }

span.prdtime {
    float: left;
    font-size: 16px;
}

.prdtime i {
    float: right;
    margin-right: 0px;
    position: relative;
    z-index: 9;
    margin-left: 17px;
    font-style: normal;
}

md-select .md-select-value.md-select-placeholder {
    color: rgba(0, 0, 0, 1);
}

.actusage {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.com_prd_date {
    font-size: 16px;
    color: #696969;
}

.sndalrtright {
    max-width: 100px;
    margin-left: 20px;
}

    .sndalrtright > div {
        margin-top: -10px;
    }

.fieldwithcheckbox {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    float: left;
}

    .fieldwithcheckbox > label {
        float: left;
        width: auto;
    }

    .fieldwithcheckbox .profiletxtfieldnew {
        max-width: 50%;
        margin-left: 10px;
    }

.radio2opt {
    margin-top: 25px;
    float: left;
    width: 100%;
}





/* Pradeep Css */
.trgt_ext_wrap {
    padding-top: 30px;
}

.builder_brdr {
    box-shadow: 0px 0px 1.5px #888888;
    background: #fff;
    border-radius: 6px;
}

.ur_proj_sec {
    box-shadow: 0px 0px 1.5px #888888;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: #f3f8f8;
    border-radius: 5px;
    overflow: hidden;
}

.proj_head_box {
    background: #215ed9;
    float: left;
    width: 100%;
    color: #fff;
    padding: 20px;
    border-bottom: 1px solid #c5c5c5;
}

.btndesign {
    border: solid 1px #dcdcdc;
    float: left;
    padding: 5px 12px;
    background: #fff;
    color: #222;
    border-radius: 50px;
    font-size: 14px;
}

.proj_list_box_wrap {
    padding: 5px 20px 5px;
    float: left;
    width: 100%;
}

.proj_list_box {
    float: left;
    width: 100%;
    padding: 20px 10px 19px 0;
    border-bottom: 1px solid #cacaca;
}

    .proj_list_box label {
        margin: 0px;
        padding: 0px;
    }

    .proj_list_box p {
        margin-bottom: 0px;
        font-size: 16px;
        color: #222;
    }

.proj_list_box_wrap .proj_list_box:last-child {
    border-bottom: 0px;
}

.proj_head_box h5 {
    margin: 0px;
    padding: 8px 0 14px;
    font-size: 18px;
    font-weight: normal;
}

.trgt_status_flag.builder_brdr {
    float: left;
    width: 100%;
    padding: 20px 20px;
}

.sts_chng {
    display: inline-flex;
    align-items: center;
    color: #215ed9;
    font-size: 13px;
}

    .sts_chng span.material-icons {
        padding-right: 8px;
    }

.trgt_status_flag h4 {
    color: #222;
    font-size: 20px;
    margin: 15px 0;
    padding: 0px;
    line-height: normal;
}

body p {
    font-size: 16px;
}

.trgt_todo_list {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.head_todo_trgt {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0px 20px;
    float: left;
    background: #f7f7f7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .head_todo_trgt h2 {
        font-size: 17px;
        margin: 0px;
        padding: 0px;
        display: inline-flex;
        align-items: center;
        text-transform: uppercase;
        color: #222;
        line-height: 44px;
    }

        .head_todo_trgt h2 span.material-icons {
            padding-right: 10px;
            font-size: 22px;
        }

.noti_trgt_todo {
    background: #df0700;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.trgt_listsec_wrap {
    float: left;
    width: 100%;
}

.trgt_listsec {
    padding: 25px 25px;
    border-top: 1px solid #ccc;
    float: left;
    width: 100%;
    display: inline-flex;
    align-items: flex-start;
}

.trgt_firstico {
    width: 70px;
    float: left;
}

    .trgt_firstico .material-icons {
        background: #f5f5f5;
        padding: 10PX;
        border-radius: 50px;
        color: #000;
        font-size: 24px;
    }

.trgt_second_cntnt {
    width: 100%;
    float: left;
}

    .trgt_second_cntnt h5 {
        margin: 0px;
        padding: 4px 0 7px;
        color: #000;
        font-size: 16px;
    }

span.due_txt {
    font-size: 14px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.trgt_second_cntnt p {
    margin: 0px;
    padding: 10px 0 15px;
    float: left;
    width: 100%;
}

.trgt_second_cntnt a {
    color: #215ed9;
    text-decoration: underline;
}

.your_cont_list_wrap {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.15);
}

.your_cont_list {
    float: left;
    width: 100%;
    padding: 20px;
    background: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.your_cont_detls {
    float: left;
    width: 100%;
    padding: 20px;
    background: #f3f9fd;
}

.your_cont_list h5 {
    font-size: 16px;
    margin: 5px 0 10px;
    padding: 0px;
    line-height: normal;
    text-transform: uppercase;
}

.your_cont_list span {
    font-size: 13px;
}

.your_cont_list h6 {
    margin: 0px;
    padding: 5px 0 0 0;
    color: #222;
    font-size: 14px;
}

.list_cont_rep strong {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
}

.list_cont_rep p {
    font-size: 14px;
}

.cont_listbtn {
    padding: 25px 20px;
    float: left;
    width: 100%;
}

    .cont_listbtn a, .cont_listbtn a:hover {
        background: #215ed9;
        width: 100%;
        float: left;
        display: block;
        padding: 10px;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        text-transform: uppercase;
        font-size: 14px;
    }


.town-center_firstbox {
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
    margin-bottom: 15px;
}

    .town-center_firstbox h5 {
        margin: 0;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        color: #333333;
        display: flex;
        justify-content: space-between;
    }

        .town-center_firstbox h5 span {
            white-space: nowrap;
            font-weight: 400;
            text-transform: initial;
        }

    .town-center_firstbox .town_mid_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #F5F5F5;
        margin: 15px -15px -15px;
        padding: 15px 15px;
        border-radius: 0 0 6px 6px;
    }

    .town-center_firstbox .town_mid_box__trans {
        background: transparent;
        margin: 0;
        padding: 15px 0 0;
    }

    .town-center_firstbox .town_mid_box del {
        margin-left: 10px;
    }

    .town-center_firstbox .town_mid_box p {
        font-size: 14px;
        line-height: 24px;
        color: #333333;
        margin: 0px;
    }

        .town-center_firstbox .town_mid_box p strong {
            font-weight: 400;
        }

    .town-center_firstbox .btn_availabl {
        background: #067106;
    }

    .town-center_firstbox.border-0 {
        border: 0;
    }

        .town-center_firstbox.border-0 .town_mid_box {
            margin: 15px -30px -15px;
            padding: 15px 30px;
        }

        .town-center_firstbox.border-0 p {
            font-size: 14px;
        }

.dir-btn-group {
    display: flex;
    /*margin: 0 20px;*/
}

    .dir-btn-group button {
        border: 1px solid #ccc;
        background: transparent;
        border-radius: 5px;
        height: 40px;
        margin-top: 10px;
        margin-left: 20px;
    }

    .dir-btn-group .direction {
        background: #215ed9;
        font-weight: normal;
        /*margin: 10px 0px !important;*/
        border: 1px solid #215ed9;
        height: 40px;
        line-height: 24px;
        text-decoration: auto;
        color: #fff !important;
        text-transform: uppercase;
        border-radius: 4px;
        align-items: center;
        display: inline-flex;
        width: 100%;
        justify-content: center;
    }

        .dir-btn-group .direction img {
            margin-left: 5px;
        }

.direction-para {
    text-align: center;
    display: block;
    font-size: 11px;
}

.charges-type {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    margin: 15px 15px 0;
}

.charges-type-list {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    justify-content: space-around;
}

    .charges-type-list li:first-child {
        font-weight: 700;
    }

.membership {
    background: #F5F5F5;
    padding: 25px;
}

    .membership p {
        font-size: 14px;
        margin: 4px 0 0;
    }

    .membership h5 {
        margin: 0;
        font-weight: bold;
        font-size: 17px;
        color: #333;
        text-transform: uppercase;
    }

    .membership .membership-list {
        display: flex;
        margin-top: 10px;
        justify-content: space-between;
    }

        .membership .membership-list li a {
            color: #215ed9;
            text-decoration: underline;
        }

.rating-heading {
    font-weight: bold;
    color: #333;
    font-size: 15px;
    margin: 15px 20px 10px;
    line-height: 18px;
    text-transform: uppercase;
}

.custom-ratings {
    margin: 0 20px 10px;
    font-size: 12px;
}

    .custom-ratings span {
        color: #215ed9;
        vertical-align: text-bottom;
        font-size: 20px;
    }

    .custom-ratings u {
        margin: 0 5px;
    }

    .custom-ratings a {
        color: #1982C5;
    }

.custom-hour {
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    margin: 0;
    font-size: 16px;
    padding: 10px 20px;
}

    .custom-hour span {
        font-weight: 600;
        color: #333;
        margin-right: 10px;
    }

    .custom-hour i {
        margin-left: 10px;
        vertical-align: baseline;
    }

.address-list {
    display: flex;
    flex-direction: column;
    margin: 0 15px;
}

    .address-list li {
        margin: 15px 0 0;
        display: flex;
    }

        .address-list li .material-icons {
            font-size: 20px;
            margin-top: 5px;
            margin-right: 7px;
        }

.charge-btn-group {
    display: flex;
    justify-content: center;
    margin: 15px 20px 0;
}

    .charge-btn-group .btn {
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        min-width: 140px;
        margin: 0 10px;
    }

    .charge-btn-group a {
        border: 1px solid #215ed9;
        color: #215ed9 !important;
    }

    .charge-btn-group .btn-charge {
        background: #215ed9;
    }

.charge-modal .close {
    position: absolute;
    right: 20px;
    font-size: 25px;
    top: 10px;
    opacity: 1;
    text-shadow: none;
}

.charge-modal .modal-content,
.bill-modal .modal-content {
    box-shadow: 0px 24px 48px rgb(0 0 0 / 15%);
    border-radius: 16px;
    border: 0;
    padding: 25px 30px;
}

    .charge-modal .modal-content h4,
    .bill-modal .modal-content h4 {
        margin: 0;
        color: #333;
        font-size: 22px;
    }

    .charge-modal .modal-content h5 {
        margin: 15px 0 30px;
        color: #767676;
        font-size: 16px;
    }

    .charge-modal .modal-content a {
        color: #1982C5;
        text-decoration: underline;
        font-size: 14px;
    }

.login-btn-group {
    color: #1982C5;
    margin: 20px 0;
}

    .login-btn-group button {
        width: 80%;
        font-weight: bold;
        background: #215ed9;
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 28px;
    }

    .login-btn-group .material-icons {
        display: inline-block;
        margin-left: 20px;
        vertical-align: middle;
    }

.connect-charger-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .connect-charger-group strong {
        display: block;
        color: #333;
        margin: 15px 0;
    }

    .connect-charger-group p {
        font-size: 14px;
        margin: 0 0 5px;
    }

    .connect-charger-group h3 {
        font-weight: 600;
        font-size: 16px;
        color: #333;
    }

    .connect-charger-group .swap-btn,
    .tesla-modal-group .swap-btn {
        background: linear-gradient(122.62deg, #56CCC2 0%, #215ed9 48.44%, #3385A1 100%) !important;
        box-shadow: 0px -4px 8px rgb(0 0 0 / 5%), 0px 4px 8px rgb(0 0 0 / 10%);
        border-radius: 100px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
        transition: all 0.5s;
    }

        .tesla-modal-group .swap-btn,
        .connect-charger-group .swap-btn.switch {
            opacity: 0.5;
        }

            .tesla-modal-group .swap-btn:after,
            .connect-charger-group .swap-btn.switch:after {
                content: "SWIPE TO END";
            }

            .tesla-modal-group .swap-btn.switch2:after,
            .connect-charger-group .swap-btn:after {
                content: "SWIPE TO START";
            }

            .tesla-modal-group .swap-btn.switch2,
            .connect-charger-group .swap-btn {
                opacity: 1;
            }

                .connect-charger-group .swap-btn circle,
                .tesla-modal-group .swap-btn circle {
                    width: 40px;
                    margin-right: 10px;
                    height: 40px;
                    background: #fff;
                    display: inline-block;
                    border-radius: 100px;
                    margin-left: -11px;
                    vertical-align: 5px;
                    position: relative;
                    transition: all 0.5s;
                }

                    .tesla-modal-group .swap-btn.switch2 circle img,
                    .connect-charger-group .swap-btn circle img {
                        transform: rotate(0deg);
                        transition: all 0.5s;
                    }

                    .connect-charger-group .swap-btn circle img,
                    .tesla-modal-group .swap-btn circle img {
                        margin-top: 5px;
                    }

                .connect-charger-group .swap-btn.switch,
                .tesla-modal-group .swap-btn {
                    direction: rtl;
                    transition: all 0.5s;
                }

                    .tesla-modal-group .swap-btn.switch2 {
                        direction: ltr;
                        transition: all 0.5s;
                    }

                    .connect-charger-group .swap-btn.switch circle,
                    .tesla-modal-group .swap-btn circle {
                        margin-left: 10px;
                        transition: all 0.5s;
                        margin-right: -11px;
                    }

                        .tesla-modal-group .swap-btn circle img,
                        .connect-charger-group .swap-btn.switch circle img {
                            transform: rotate(180deg);
                            transition: all 0.5s;
                        }

                    .tesla-modal-group .swap-btn.switch2 circle {
                        margin-left: -11px;
                        transition: all 0.5s;
                        margin-right: 10px;
                    }

.bill-modal h5 {
    margin: 0;
    color: #1982C5;
    font-size: 15px;
    margin-top: 7px;
}

    .bill-modal h5 badge {
        float: right;
        background: #a4e4f7;
        display: inline-block;
        padding: 4px 11px;
        color: #333;
        border-radius: 8px;
    }

.bill-modal p {
    margin: 0;
    font-size: 14px;
}

.bill-modal h6 {
    margin: 0 0 20px;
    font-weight: 600;
    color: #333;
}

.bill-modal a {
    color: #1982C5;
    text-decoration: underline;
    font-size: 14px;
}

.bill-modal .bill-btn-group {
    display: flex;
    justify-content: center;
    margin: 7px 0px 0;
    justify-content: space-around;
}

    .bill-modal .bill-btn-group .btn {
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        min-width: 140px;
        margin: 0 10px;
        text-decoration: none;
    }

    .bill-modal .bill-btn-group a {
        border: 1px solid #215ed9;
        color: #215ed9 !important;
    }

    .bill-modal .bill-btn-group .btn-pay {
        background: #215ed9;
    }

.tesla-modal-group {
    text-align: center;
}

    .tesla-modal-group .tesla-group {
        background: #F5F5F5;
        margin-bottom: 40px;
        padding: 20px 0;
    }

        .tesla-modal-group .tesla-group h3 {
            margin: 0 0 5px;
            font-weight: 700 !important;
            font-size: 18px;
            color: #333;
        }

        .tesla-modal-group .tesla-group p {
            margin: 0;
        }

    .tesla-modal-group h4 {
        margin: 30px 0 0;
        font-size: 16px;
    }

    .tesla-modal-group p {
        font-size: 14px;
        margin: 0;
    }

    .tesla-modal-group .progress {
        width: 200px;
        height: 200px;
        font-size: 30px;
        color: #333;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        background: transparent;
        text-align: center;
        line-height: 200px;
        margin: 25px auto;
        display: block;
    }

        .tesla-modal-group .progress::after {
            content: "%";
        }

        .tesla-modal-group .progress .title {
            position: relative;
            z-index: 100;
        }

        .tesla-modal-group .progress .overlay {
            width: 50%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

        .tesla-modal-group .progress .left,
        .tesla-modal-group .progress .right {
            width: 50%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 10px solid #215ed9;
            border-radius: 100px 0px 0px 100px;
            border-right: 0;
            transform-origin: right;
        }

        .tesla-modal-group .progress i {
            position: absolute;
            color: #333;
            top: 27px;
            font-size: 12px;
            text-align: center;
            width: 100%;
            text-transform: uppercase;
        }

        .tesla-modal-group .progress .left {
            animation: load1 1s linear forwards;
        }

        .tesla-modal-group .progress:nth-of-type(2) .right,
        .tesla-modal-group .progress:nth-of-type(3) .right {
            animation: load2 .5s linear forwards 1s;
        }

        .tesla-modal-group .progress:last-of-type .right,
        .tesla-modal-group .progress:first-of-type .right {
            animation: load3 .8s linear forwards 1s;
        }

@keyframes load1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

@keyframes load2 {
    0% {
        z-index: 100;
        transform: rotate(180deg);
    }

    100% {
        z-index: 100;
        transform: rotate(270deg);
    }
}

@keyframes load3 {
    0% {
        z-index: 100;
        transform: rotate(180deg);
    }

    100% {
        z-index: 100;
        transform: rotate(315deg);
    }
}

.cardWrap {
    display: none;
}

.feature.map {
    height: 100%;
    /* min-height: 65vh;*/
}

/* Add Ev CSS */
.add_ev_wrp.ev_shadow {
    padding: 20px 30px;
}

body .add_ev_wrp > h4 {
    color: #ccc;
}

.add_ev_box {
    width: 95%;
    min-height: 100px;
    display: block;
    box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 10%);
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    margin: 35px auto;
    padding: 32px;
}

    .add_ev_box h5 {
        color: #333;
        margin: 10px 0 26px;
    }

    .add_ev_box > p {
        color: #333;
        display: inline-flex;
        font-size: 14px;
    }

    .add_ev_box span.material-icons {
        font-size: 20px;
        float: left;
        margin: 1px 7px 0 0;
    }

.montly_ev_alert {
    padding: 20px;
    background: url("/Portal/eMobAssets/images/monthly_cost_img.png") no-repeat center center;
    background-size: 100% 100%;
    min-height: 253px;
    display: block;
    margin: 30px;
}

.button_lft_algn {
    margin: 20px 30px 20px 0px;
    display: flex;
    align-items: center;
}

.submit-button {
    float: none;
    font-size: 14px;
    height: auto !important;
    margin-bottom: 0;
    padding: 8px 14px !important;
    text-align: center;
    cursor: pointer;
    min-height: 40px;
    border: 1px solid #CFDF00 !important;
    background: #CFDF00 !important;
    color: #1A1A1A !important;
    border-radius: 5px;
    font-weight: 600;
}

a.cancel-button {
    font-size: 14px;
    height: auto !important;
    margin-bottom: 0px;
    margin-right: 10px;
    padding: 10px 14px !important;
    text-align: center;
    min-height: 40px;
    text-decoration: none !important;
    background: none !important;
    border: 1px solid #CFDF00 !important;
    color: #3A4D13 !important;
    border-radius: 4px !important;
    margin-left: 15px;
    font-weight: 600;
    text-transform: uppercase;
   
}

.msg_ev_usg {
    width: 100%;
    min-height: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: baseline;
    box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 20%);
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    margin: 35px auto;
    padding: 32px;
    background: #fff;
}

.msg_rght p {
    margin: 10px 0px 0;
}

.msg_rght {
    float: left;
    margin-left: 9px;
}

.msg_ev_usg > span.material-icons {
    position: relative;
    top: 6px;
}

.msg_rght strong {
    font-size: 16px;
}

body .add_evnewbox {
    margin-top: 0px;
}

.noscoreev.urscrore {
    transform: translate(0px, 0px) !important;
}

.diginoscore.digitcenter {
    transform: translate(17px, 59px) !important;
}

#page_loader {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .3;
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
}

.spinner1 {
    width: 100%;
    height: 100%;
    background-color: #f8fcfd;
    opacity: .3;
    display: none;
    position: absolute !important;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
}

.spinner2 {
    width: 100%;
    height: 100%;
    background-color: #f8fcfd;
    opacity: .3;
    display: none;
    position: absolute !important;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
}

.spinner3 {
    width: 100%;
    height: 100%;
    background-color: #f8fcfd;
    opacity: .3;
    display: none;
    position: absolute !important;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
}

.spinner4 {
    width: 100%;
    height: 100%;
    background-color: #f8fcfd;
    opacity: .3;
    display: none;
    position: absolute !important;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
}

.spinner {
    margin: auto;
    width: 70px;
    text-align: center;
    position: absolute;
    z-index: 999999999 !important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 24px;
}

    .spinner > .bounceloader {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/* End Add Ev CSS */

@media (min-width: 300px) and (max-width:767px) {
    .comparePlanGraphBox {
        margin-top: 50px;
    }

    .modal.right_modal.filter_charging_station .modal-dialog {
        width: 100% !important;
    }

    .FooterMain {
        padding-top: 1rem !important;
        text-align: center;
    }

    .ver_no_login p {
        margin: 0px;
    }

    .copyright > p {
        text-align: center;
        font-size: 15px;
    }

    span.pw_logo_foot {
        float: right;
        padding: 10px 0px;
        width: 100%;
    }

    .ev_content_image img {
        height: auto !important;
    }

    .ev_content_image {
        padding-bottom: 30px;
    }

    .VehicleListdropdown {
        width: 254px !important;
    }

    .payment-method .acut_box {
        margin: 10px 0px;
    }

    .otpBox input {
        width: 15% !important;
    }

    .modal-body.modalPay.modalPayOtp p {
        text-align: center;
    }

    .crgStList ul {
        width: 700px;
    }

    .crgStList {
        overflow: auto;
    }

    .ml-auto.d-flex.filter-e .slctBlock select {
        float: left;
        margin-left: 0px !important;
        margin-bottom: 10px;
    }

    .prefered-card {
        width: calc(100% - 30px) !important;
    }

    .bankInfo {
        margin-left: 0px !important;
    }

    .page_headingp h2 {
        padding-left: 0 !important;
    }

    .blockEzPay .blockChipsez {
        justify-content: center;
    }

    .blockChargeAccoutRiht {
        width: 100% !important;
        padding: 0 15px !important;
        margin-bottom: 15px;
    }

        .blockChargeAccoutRiht select {
            width: 100%;
            padding: 15px 8px !important;
        }

    .blockChargeAccoutLeft, .blockChargeAccoutLeft select {
        width: 100% !important;
    }
}

.submit-button:hover {
    border-radius: 4px !important;
    color: #1a1a1a !important;
    background: #CFDF00 !important;
}

.modalPayDelink h4 {
    margin-top: 0px;
}

.modalPayDelink .modal-footer button {
    margin: 0px;
    width: auto;
}

.ver_no_login p {
    font-size: 14px;
}

button.cancel-button {
    background: none !important;
    border: 1px solid #215ed9 !important;
    color: #215ed9 !important;
    border-radius: 4px !important;
    margin: 0px 20px 0px 0px !important;
    width: auto;
    font-size: 14px;
    height: auto !important;
    margin-bottom: 0;
    padding: 10px 27px !important;
    text-align: center;
    min-height: 40px;
    text-transform: uppercase;
}

    button.cancel-button:hover {
        background: none !important;
        color: #000000 !important;
        border-radius: 4px !important;
        border-color: #feca27 !important;
    }

.blockChips {
    display: flex;
    justify-content: flex-start;
    margin: 20px 45px 10px 45px;
}

    .blockChips a {
        background: #e6e6e6;
        padding: 10px 20px;
        text-align: center;
        min-width: 90px;
        border-radius: 20px;
        margin-right: 10px;
        cursor: pointer;
    }

        .blockChips a:hover {
            background: #215ed9;
            color: #fff !important;
        }


.blockChipsez {
    display: flex;
    justify-content: flex-start;
    margin: 20px 45px 10px 45px;
}

    .blockChipsez a {
        background: #e6e6e6;
        padding: 10px 20px;
        text-align: center;
        min-width: 90px;
        border-radius: 20px;
        margin-right: 10px;
        cursor: pointer;
    }

        .blockChipsez a:hover {
            background: #215ed9;
            color: #fff !important;
        }

.acntLinksList {
    width: 40%;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #DBDBDB;
}

    .acntLinksList h4 {
        margin: 0px;
        font-size: 19px;
        padding: 20px 15px;
        border-bottom: 1px solid #ebebeb;
        font-weight: bold;
        background: #F5F8FF;
        text-transform: capitalize;
    }

        .acntLinksList h4 i {
            font-size: 35px;
            padding: 0px 10px 0px 0px;
        }

    .acntLinksList span#Phone {
        background: #F5F8FF;
    }

    .acntLinksList span {
        display: block;
        padding: 10px 15px;
    }

        .acntLinksList span i {
            display: block;
            margin-top: 10px;
            font-size: 14px;
        }

            .acntLinksList span i u {
                font-size: 12px;
                text-decoration: none;
                color: #8d8d8d;
            }

        .acntLinksList span img {
            float: right;
            max-width: 100px;
            border-radius: 20px;
        }

    .acntLinksList h4 span {
        padding: 0px;
        display: inline-block;
        float: right;
        background: #dfffdf;
        font-size: 14px;
        line-height: 100%;
        padding: 5px 15px;
        color: #333;
        border-radius: 20px;
        margin: 6px 0px;
        font-weight: normal;
        text-transform: capitalize;
    }

.noTransactionHistory {
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    box-shadow: 0px 12px 24px rgb(0 0 0 / 15%);
    border-radius: 4px;
    padding: 35px;
    width: 50%;
    margin: 70px auto;
}

    .noTransactionHistory h4 {
        font-size: 20px;
        color: #333;
        font-weight: bold;
        margin: 0px;
        display: inline-block;
        vertical-align: top;
        margin: 0px 0px 20px 10px;
    }

        .noTransactionHistory h4 span {
            display: block;
            font-size: 17px;
            font-weight: normal;
            margin-top: 20px;
        }

.icoHis {
    vertical-align: top;
    margin: 3px 0px 0px 0px;
}

.blockChargeAccout {
    background: #fff;
    border-radius: 4px;
    float: left;
    width: 100%;
}

.blockChargeAccoutLeft {
    padding: 15px;
    float: left;
    width: 50%;
}

.blockChargeAccoutRiht {
    padding: 15px;
    float: right;
    width: 50%;
}

.blockChargeAccoutLeft select {
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    color: #333;
    font-size: 17px;
    padding: 5px 5px 5px 120px;
    height: 50px;
    /* background: url("../../images/paymentimg.svg") 10px 2px / 70px 40px no-repeat;*/
}

.blockChargeAccoutLeftBlock .wallet-dropdown-wrapper {
    border: 1px solid #DBDBDB;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    align-items: center;
    display: inline-flex;
}

    .blockChargeAccoutLeftBlock .wallet-dropdown-wrapper img {
        margin-right: 19px;
        height: unset;
    }

.blockChargeAccoutLeft.blockChargeAccoutLeftBlock select {
    border: unset;
    background: unset;
    padding: 0;
    height: 50px;
    padding-right: 8px;
}

.blockChargeAccoutRiht select {
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    color: #333;
    font-size: 17px;
    padding: 5px 5px;
    float: right;
}

.PageNavigation {
    float: right;
    margin: 20px 20px;
}

    .PageNavigation #moveLeft, #moveRight {
        cursor: pointer;
    }

.blockChargeAccout ul {
    float: left;
    width: 100%;
}

    .blockChargeAccout ul li {
        float: left;
        width: 100%;
        padding: 4px 20px;
        box-shadow: inset 0px 1px 0px #f5f5f5;
    }

span.chargeListLeft {
    float: left;
    width: 50%;
    font-size: 16px;
    font-weight: bold;
}

    span.chargeListLeft i {
        font-style: normal;
        font-weight: normal;
        display: block;
    }

    span.chargeListLeft u {
        text-decoration: none;
        font-weight: normal;
        color: #767676;
        font-size: 14px;
    }

span.chargeListRight {
    float: right;
    width: 50%;
    text-align: right;
    font-size: 16px;
}

    span.chargeListRight b.green {
        display: block;
        color: #058905;
    }

    span.chargeListRight b.red {
        display: block;
        color: #BB2222;
    }

    span.chargeListRight i {
        display: block;
    }

    span.chargeListRight a {
        color: #215ed9;
        text-decoration: underline;
    }

.matRed {
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #088856;
    color: #fff;
    border-radius: 4px;
}

span.chargeListLeft {
    float: left;
    width: 47%;
    font-size: 16px;
    font-weight: bold;
    padding-left: 15px;
}

.matRed {
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #de1f1f;
    color: #fff;
    border-radius: 50%;
    line-height: 10px;
}

.matGreen {
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #088856;
    color: #fff;
    border-radius: 4px;
}

.bankInfo h2 {
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.bankInfo {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 25px;
}

    .bankInfo a {
        background: #215ED9;
        border-radius: 4px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 15px;
        margin: 4px 0px 0px 0px;
        display: inline-block;
    }

        .bankInfo a img {
            vertical-align: top;
            margin: 0px 10px 0px 0px;
        }

.ezChargeBlock {
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 4px;
}

span.evCStrip {
    display: block;
    padding: 15px;
}

span.evCStrip {
    display: block;
    padding: 15px;
    box-shadow: inset 0px -1px 0px #f5f5f5;
    position: relative;
    background-color: #FEFEFE;
}

    span.evCStrip i {
        display: block;
        margin-top: 5px;
    }

span.evCCard {
    display: block;
    padding: 15px;
    position: relative;
}

    span.evCCard i {
        display: block;
        margin-top: 5px;
    }

u.linkedChips {
    text-decoration: none;
    background: #767676;
    border-radius: 4px;
    padding: 3px 10px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 15px;
}

    u.linkedChips img {
        vertical-align: top;
        margin: 2px 0px 0px 0px;
    }

img.hotSpot {
    position: absolute;
    top: 24px;
    right: 20px;
}

.ezChargeBlock .submit-button {
    float: right;
    margin-top: 20px;
}

.iwindow {
    display: none;
    height: 40em;
    padding: 10px 30px !important;
}

.sbmtEz {
    float: left;
    margin-top: 20px;
    text-transform: capitalize;
}

select.ezSelect {
    border: 0;
    border-radius: 0px 0px 4px 4px;
    color: #333;
    font-size: 17px;
    padding: 15px 5px 15px 10px;
    width: 70%;
    font-weight: bold;
}

.ezSearch {
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 4px;
    float: left;
    width: 100%;
    margin-top: 30px;
}

span.ezSearchText {
    display: block;
    padding: 15px;
    box-shadow: inset 0px -1px 0px #f5f5f5;
}

.ezSearch .full_width_input_sec {
    padding: 15px;
    width: 100%;
    display: inline-flex;
}

input.btnSave {
    background: #333333;
    border-radius: 4px;
    color: #fff;
    padding: 10px 20px;
    margin: 10px 10px 10px 10px;
}

.ezSearch .left_side_sec input {
    width: 85% !important;
}

.ContactInfo {
    padding-top: 20px;
    display: none;
    font-size: 14px;
    padding: 5px 10px;
}

.ezIfodisable {
    background: #fff;
    border-radius: 4px;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding: 15px;
    font-size: 17px;
    margin-bottom: 20px;
}

    .ezIfodisable span {
        display: inline-block;
        vertical-align: top;
        margin: 4px 5px 0px 0px;
    }

.ezIfo {
    background: #fff;
    border-radius: 4px;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding: 15px;
    font-size: 17px;
    margin-bottom: 20px;
}

    .ezIfo ul li {
        list-style-type: decimal;
        font-size: 14px;
        margin: 4px 0px;
    }

    .ezIfo ul {
        list-style-type: decimal;
        padding: 0px 0px 0px 15px;
        margin-top: 0px;
        display: inline-block;
        vertical-align: top;
    }

    .ezIfo span {
        display: inline-block;
        vertical-align: top;
        margin: 4px 5px 0px 0px;
    }

u.ActiveChips {
    text-decoration: none;
    background: #DFFFDF;
    border-radius: 4px;
    padding: 3px 10px;
    color: #333;
    position: absolute;
    right: 15px;
    top: 15px;
}

    u.ActiveChips img {
        vertical-align: top;
        margin: 2px 0px 0px 0px;
    }

u.disabledChips {
    text-decoration: none;
    background: #F8EAE0;
    border-radius: 4px;
    padding: 3px 10px;
    color: #333;
    position: absolute;
    right: 15px;
    top: 15px;
}

    u.disabledChips img {
        vertical-align: top;
        margin: 2px 0px 0px 0px;
    }

.ezComing {
    background: #FFFFFF;
    border-radius: 8px;
    text-align: center;
    margin: 0px auto;
    padding: 40px 30px;
}

    .ezComing h4 {
        font-weight: bold;
    }

    .ezComing span {
        display: block;
        margin: 30px 0px;
        font-size: 17px;
        font-weight: bold;
    }

    .ezComing a {
        margin: 20px 0px 0px 0px;
        display: inline-block;
    }

ul.listNOted {
    float: left;
    margin: 0px;
    padding: 0px;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px;
}

    ul.listNOted li {
        min-height: auto !important;
        min-width: auto !important;
        line-height: 100%;
        border-right: 1px solid #dcdcdc !important;
        text-align: center;
        float: left;
    }

.current_area ul li:first-child {
    border-left: 0px solid #000;
}

ul.listNOted li a.active {
    background: #dbdbdb !important;
    background-color: #dbdbdb !important;
    float: left;
    width: 100%;
    color: #4d4d4d !important;
}

ul.listNOted li a {
    margin: 0px !important;
    padding: 10px 10px !important;
    font-size: 15px !important;
    text-indent: 0px !important;
    display: block !important;
    line-height: 100% !important;
    float: left;
    width: auto !important;
    height: auto !important;
    color: #4d4d4d !important;
}

.listedGroup {
    float: left;
    width: 100%;
}

.figureChart {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.mnthlly_cost_sec.mnthlly_cost_sec_min {
    width: 20%;
}

.mnthlly_cost_sec.mnthlly_cost_sec_min {
    width: 23.5%;
    margin: 0px 10px;
}

.add_ev_wrp.ev_shadow .mnthlly_cost_sec.mnthlly_cost_sec_min:first-child {
    margin-left: 0px;
}

.add_ev_wrp.ev_shadow .mnthlly_cost_sec.mnthlly_cost_sec_min:last-child {
    margin-right: 0px;
}

.add_ev_wrp.ev_shadow.dash_info_card p img {
    vertical-align: top;
    width: 29px;
    margin: -2px 4px 0px 0px;
}

.tipTop li:last-child a {
    padding: 0px;
    vertical-align: top;
    margin: -3px 0px 0px 14px;
    float: left;
    cursor: pointer;
}

ul.chrgngPointBlock li {
    display: inline-block;
    width: 30%;
    background: #FFF;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    padding: 15px;
    font-size: 15px;
    position: relative;
    margin: 0px 15px 0px 0px;
}

    ul.chrgngPointBlock li img {
        display: inline-block;
        vertical-align: top;
        width: 45px;
    }

    ul.chrgngPointBlock li span {
        display: inline-block;
        width: 80%;
        padding: 0px 5px;
    }

span.chrBlock b {
    display: block;
    text-decoration: none;
    margin-bottom: 8px;
}

span.chrBlock i, span.chrBlock u {
    display: block;
    text-decoration: none;
    margin-bottom: 8px;
    font-size: 13px;
}

i.chrChips {
    background: #767676;
    position: absolute;
    color: #fff;
    top: 16px;
    right: 13px;
    padding: 1px 10px;
    font-size: 14px;
    border-radius: 20px;
}

.pagewrapper.mid_sectionp {
    min-height: 70vh;
}

li.profileLists {
    position: relative;
}

ul.profileListHeader {
    position: absolute;
    right: 0px;
    top: 35px;
    z-index: 10;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    background: #fff;
    width: 270px;
    overflow-y: scroll;
    max-height: 270px;
}

    ul.profileListHeader li {
        display: block;
        width: 100%;
        box-shadow: inset 0px -1px 0px #F5F5F5;
    }

        ul.profileListHeader li a {
            display: block;
            margin: 0px !important;
            width: 100%;
            padding: 9px 12px 3px 12px !important;
            font-size: 15px !important;
            float: none !important;
            position: relative;
        }

            ul.profileListHeader li a:hover {
                background: #f6f6f6;
            }

            ul.profileListHeader li a img {
                display: inline-block;
                vertical-align: top;
                width: 17px;
            }

            ul.profileListHeader li a span {
                display: inline-block;
                width: 89%;
                padding-left: 10px;
                vertical-align: top;
                margin: 0px 0px 0px 0px;
            }

                ul.profileListHeader li a span i {
                    text-transform: capitalize;
                    color: #767676;
                    font-size: 13px;
                }

                ul.profileListHeader li a span b {
                    display: block;
                    text-transform: capitalize;
                    font-weight: normal;
                    color: #333;
                    line-height: 100%;
                    font-size: 14px;
                }

i.selectCircle {
    border: 2px solid #333;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 11px;
    right: 15px;
    border-radius: 50%;
}

.selectCircleActive:before {
    position: absolute;
    left: 0px;
    top: 0px;
}

.proflistBlock span {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.AccountName {
    display: block;
    max-width: 270px;
    padding: 0px 0px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tipTop li:last-child a span {
    text-transform: capitalize;
    color: #53565a;
    font-size: 14px;
    vertical-align: top;
    margin: 4px 0px 0px 0px;
    display: inline-block;
}

.circular--landscape {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
}

    .circular--landscape img {
        width: auto;
        height: 100%;
        margin-left: -50px;
    }

::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #C0C0C0;
    border-radius: 10px;
}



/* Handle */
::-webkit-scrollbar-thumb {
    background: #C0C0C0;
    border-radius: 10px;
    height: 20%;
}

.nav-item.dropdown:hover .dropdown-menu.MegaMenu {
    display: block;
}

.hdr_rgt_section .tipTop li.dropdown {
    padding: 0;
}

.hdr_rgt_section .AccountName {
    padding: 5px !important;
}

.hdr_rgt_section ul.tipTop li .dropdown-item {
    padding: 8px 16px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    transition: all .2s ease-in-out;
    margin: 0;
}

    .hdr_rgt_section ul.tipTop li .dropdown-item:last-child {
        border-bottom: 0;
    }

    .hdr_rgt_section ul.tipTop li .dropdown-item:hover {
        background: #215ed9;
        border-radius: 4px;
    }

.hdr_rgt_section .tipTop li:first-child a {
    margin-left: 0;
}

.ui-widget-content .ui-dialog-buttonset button {
    width: auto;
}

.stationtype .badge {
    position: relative;
    background: #DAEFFF !important;
    font-weight: bold !important;
    color: #333 !important;
    left: 0px !important;
    margin-top: 0px !important;
}



/* new header css*/
.headerTopLeftBox {
    display: flex;
    align-items: center;
    height: 100%;
}

    .headerTopLeftBox .top-menu.active {
        color: #0D3099;
        font-weight: 600;
        position: relative;
        margin-left: 15px;
    }

.hdr_rgt_section .tipTop li .signIn-btn {
    background: #CFDF00;
    color: #585E1A;
    padding: 8px 18px;
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: none;
}

/*.headerTopLeftBox a.active:before {
    border-bottom: 2px solid #0D3099;
    content: "";
    width: 100%;
    position: absolute;
    bottom: -18px;
    left: 0px;
}*/

.signIn-btn img {
    margin-right: 8px;
    width: 20px;
}

.navbar_wrapper ul.navbar-nav > li.nav-item.dropdown a {
    padding-right: 7px !important;
}



.ml-md-auto.second-navlinks ul.navbar-nav > li a {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.ml-md-auto.second-navlinks ul.navbar-nav > li {
    padding-right: 10px;
}


.dropdown.user_account button img.user-profile {
    margin-right: 10px;
    width: 20px;
}

.dropdown.user_account button img.dropDownIconImg {
    width: 12px;
    margin-left: 10px;
}

.dropdown.user_account button, .dropdown.user_account button:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle, .show > .btn-primary.dropdown-toggle:focus {
    background-color: #fff;
    color: #000;
    border-radius: 30px;
    display: flex;
    align-items: center;
    outline: none !important;
    border-bottom: 1px solid #ddd !important;
    box-shadow: none !important;
    border-color: #ddd !important;
}

    .dropdown.user_account button:active {
        background-color: #fff !important;
        color: #000 !important;
    }

.hdr_rgt_section ul.tipTop li .user_account .dropdown-item:hover {
    background-color: #dedfe3;
    color: #1A1A1A;
    font-weight: 500 !important;
    border-radius: 0;
    font-size: 14px;
    text-transform: capitalize;
}

.hdr_rgt_section ul.tipTop li .user_account .dropdown-item {
    font-weight: 500;
    color: #1a1a1a;
    text-transform: capitalize;
    cursor: pointer;
}


.user_account button.btn {
    color: #878800 !important;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid rgb(250, 250, 250);
    padding: 8px 10px;
    color: rgb(135, 136, 0) !important;
    border-radius: 5px !important;
}


.hdr_rgt_section ul li .multilingual-btn {
    background: #fff;
    color: #2F3300;
    padding: 5px 18px !important;
    border-radius: 30px;
    text-transform: capitalize;
    font-weight: 600;
    border: 1px solid #cccccc;
    margin-left: 0px;
    cursor: default;
}

.multilingual-btn {
    background: #CFDF00;
    color: #3A4D13;
    padding: 8px 18px;
    border-radius: 30px;
    text-transform: capitalize;
    font-weight: 600;
}

.hdr_rgt_section ul li .multilingual-btn img {
    margin-right: 8px;
}

ul.tipTop {
    display: flex;
    align-items: center;
}


.navbar_wrapper ul.list-group li a.active:before {
    display: none;
}

.dropdown-menu.MegaMenu ul.list-group li.list-group-item:hover .active {
    background: #dedfe3 !important;
}

.dropdown-menu.MegaMenu ul.list-group li.list-group-item a.active.dropdown-item {
    background: #dedfe3 !important;
    width: 100%;
}

.MegaMenu .list-group .list-group-item a.dropdown-item.active {
    width: auto;
    display: inline-block;
    position: relative;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.down_up_mobile {
    display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .Benefits_electric h2 {
        font-size: 36px !important;
        line-height: 45px !important;
        margin-bottom: 15px !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 800px) {
    nav#myHeader .navbar-nav .dropdown-menu, nav#myHeader2 .navbar-nav .dropdown-menu {
        position: relative;
        padding-bottom: 0;
        box-shadow: inherit;
        border: 0 !important;
        padding-top: 0;
    }



    /*  #myHeader .container {
            flex-direction: column;
            align-items: baseline;
        }*/

    #myHeader .container .ml-md-auto.second-navlinks, #myHeader2 .container .ml-md-auto.second-navlinks {
        padding-left: 6px;
        margin-left: 0 !important;
    }
}



@media only screen and (min-width: 766px) and (max-width: 768px) {



    #myHeader .container, #myHeader2 .container {
        flex-direction: column;
        align-items: baseline;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {

    .col-md-3.right_charging_map.p-0 {
        flex: 0 0 38%;
        max-width: 38%;
    }

    .col-md-9.p-0.riht_map_section {
        flex: 0 0 62%;
        max-width: 62%;
    }

    .savingAmount .highTxt {
        font-size: 56px;
    }

    .home_banner_content {
        gap: 0px 20px;
    }

    .Benefits_electric h2 {
        font-size: 36px !important;
        line-height: 45px !important;
    }

    ul.cls_benefits {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
    }

    .cls_benefits li {
        padding-bottom: 0 !important;
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }


    .compare_plan {
        height: auto !important;
    }

    .compare_text {
        position: relative !important;
        top: 0 !important;
    }

    .highcharts-figure, .highcharts-data-table table {
        min-width: auto !important;
        max-width: initial !important;
        margin: auto !important;
    }

    .highcharts-figure {
        position: relative !important;
        top: 0 !important;
    }

    .compare_plan ul {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        position: relative !important;
        padding: 0px 30px 0px 20px !important;
        top: -30px !important;
        color: #1A1A1A !important;
        left: 40px !important;
    }

    .compare_plan:after {
        height: 100% !important;
        content: '' !important;
        position: absolute !important;
        top: 0px !important;
    }

    .cls_benefits li img {
        width: 100%;
        height: 360px !important;
        object-fit: cover;
    }

    .banner-item img {
        width: 55px;
        height: 55px;
    }

    a#logo-container img {
        width: 100px;
        height: 60px;
        object-fit: contain;
    }

    .compare_text h2 {
        font-size: 28px !important;
        line-height: 42px !important;
    }

    .compare_text {
        top: 0px !important;
    }

    .comapreHeading {
        font-size: 36px !important;
    }
}



/*Media query css*/
/*@media only screen and (max-width: 768px) {*/
@media only screen and (min-width: 220px) and (max-width: 767px) {
    .pageheading-wrapper {
        box-shadow: none !important;
        border-top: 1px solid #f5f5f5;
    }
    .AccountslctClassSelect label{padding-left:0 !important;   margin-bottom: 5px !important;}

    .mobilemenu {
        display: block;
        position: absolute;
        top: 15px;
        z-index: 99;
        cursor: pointer;
        left: 15px;
    }

    #myHeader .container, #myHeader2 .container {
        flex-direction: column;
        padding-right: 0;
        padding-left: 0;
    }

    .headerTopLeftBox {
        padding-left: 40px;
    }



    #myHeader, #myHeader2 {
        width: 250px;
        position: fixed;
        top: 0;
        left: -250px;
        height: 100%;
        transition: left 0.3s ease;
        z-index: 1000;
    }

        #myHeader.active, #myHeader2.active {
            left: 0;
            display: flex;
            align-items: flex-start;
        }

    #backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999; /* Behind panel but above content */
        display: none; /* Hidden by default */
    }

    .nav-item.dropdown:hover .dropdown-menu.MegaMenu {
        display: none;
    }


        .nav-item.dropdown:hover .dropdown-menu.MegaMenu.show {
            display: block;
            box-shadow: initial;
            border: 0;
            position: relative;
        }


    .home_banner_content {
        flex-direction: column;
    }

    .banner-left {
        width: 100%;
    }

    .banner-right {
        width: 100%;
    }

    .cls_benefits li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .compare_text {
        position: absolute;
        top: 0;
    }

    .highcharts-figure, .highcharts-data-table table {
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .highcharts-figure {
        top: 220px;
        left: 0;
    }

    .compare_plan ul {
        padding: 0px 0px 0px 0px;
        top: 500px;
        left: 0;
    }

    .savingAmount .highTxt {
        font-size: 46px;
    }

    span.banner-subheading {
        font-size: 18px;
    }

    body p {
        font-size: 14px;
    }


    .Benefits_electric p {
        font-size: 14px;
        line-height: 1.7;
        margin-top: 10px;
    }

    .cls_benefits li img {
        width: 100%;
        height: auto !important;
        max-height: 265px !important;
        min-height: 265px !important;
    }

    .cls_benefits_area {
        margin-bottom: 50px;
    }

    ul.navbar-nav {
        display: block;
    }

    .navbar_wrapper ul.navbar-nav > li > a {
        width: 100%;
    }


    body .right_charging_map {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: auto;
        z-index: 99;
        border-radius: 20px 20px 0px 0px;
        box-shadow: 0px -1px 10px 0px #8080808f;
        max-width: 100%;
    }

    .riht_map_section {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .find_st_trip {
        display: none;
    }

        .find_st_trip.show.active {
            display: block;
        }

    .plana-trip {
        display: none;
    }

    .second-navlinks {
        width: 100%;
    }



    /* Start css Explore page */

    div#keyword_searcher {
        max-height: 350px !important;
    }

    .plana-trip.fade.active {
        max-height: 300px !important;
    }

    .down_up_mobile {
        display: flex;
        text-align: center;
        margin: auto;
        width: 40px;
        height: 40px;
        background: #797979;
        border: 4px solid #ffffff;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 100%;
        color: #fff;
    }

    .downHeight {
        height: 20px !important;
        overflow: hidden !important;
        display: none !important;
    }

    .selectRouteBox {
        left: 10px;
        border-radius: 4px !important;
        width: 220px !important;
        box-shadow: initial !important;
        top: 51px !important;
    }

    .tooltip-show {
        left: 9px;
        top: 95px !important;
        width: 220px !important;
    }

    .tooltip-content {
        width: 100% !important;
        padding: 8px 5px !important;
        border-radius: 4px !important;
        font-size: 12px !important;
    }



    /* End explore page css */


}




.error-default-page {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 100px 0px;
}

.error-404 h5 {
    color: #1A1A1A;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.error-404 p {
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0px;
}

.error-404 a {
    background: #CFDF00;
    color: #585E1A;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 0;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.3;
    text-decoration: none;
}

.error-404 img {
    margin-bottom: 30px;
}



.under-maintinance h5 {
    color: #1A1A1A;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.under-maintinance p {
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0px;
}

.under-maintinance a {
    background: #CFDF00;
    color: #585E1A;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 0;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.3;
}

.under-maintinance img {
    margin-bottom: 30px;
}

.hdr_rgt_section {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header.ShortHeader {
    padding: 8px 0 !important;
}




.pageheading-wrapper {
    margin: 0 0 4px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background: #fff;
    padding: 0;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .15);
    margin-bottom: 0;
}

.pageheading-row {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0px;
}

.pageheading-box {
    margin: 0;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: bold;
}

.pageheading-row .pageheading-icon-box {
    margin-left: auto;
    display: flex;
    gap: 10px;
    align-items: center;
}

.AccountslctClassSelect label {
    font-size: 13px;
    padding: 0px 10px;
    color: #333;
    white-space: nowrap;
    font-weight: bold;
    margin-bottom: 2px;
}

.AccountslctClassSelect select.select_effect {
    border-radius: 4px !important;
    padding: 7px 22px 7px 10px;
    max-width: 230px;
    margin-left: 0px;
    font-size: 14px;
    color: rgb(83, 86, 90);
    font-weight: 400;
    margin-right: 10px;
}


#InActiveUser .modal-body {
    padding: 30px 30px;
}
#InActiveUser {
    pointer-events: none;
}

    #InActiveUser #btnInActiveUser {
        pointer-events: auto;
        cursor:pointer;
    }

#isMarketplaceUser{
    display:none;
}

@media only screen and (max-width: 767px) {
    .navbar .navbar-nav .dropdown-menu {
        padding: 0;
        box-shadow: none !important;
        border: 0 !important;
    }
    .dropdown-menu ul.navbar-nav > li:first-child a {
        padding-top: 0 !important;
    }

    .dropdown-menu.MegaMenu ul.list-group li:first-child a {
        padding-top: 0 !important;
    }

    .dropdown-menu.MegaMenu ul.list-group {
        padding: 0 15px;
    }

        .dropdown-menu.MegaMenu ul.list-group li a {
            padding: 10px 0px !important;
           
        }

    .ml-md-auto.second-navlinks ul.navbar-nav > li a {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    header.HeaderMain, header.ShortHeader {
        padding: 5px 0;
    }

    .pageheading-row {
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }

    .pageheading-wrapper .pageheading-box {
        width: 40%;
    }

    .pageheading-wrapper .pageheading-icon-box {
        width: 100%;
        margin-top: 10px;
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
    }

    .pageheading-wrapper .AccountslctClassSelect {
        width: 100%;
    }

        .pageheading-wrapper .AccountslctClassSelect select.select_effect {
            width: 100%;
        }

        .pageheading-wrapper .AccountslctClassSelect span {
            margin-left: 0;
            padding-left: 0;
        }
}

@media only screen and (max-width: 576px) {
    header.ShortHeader .col-sm-6 {
        width: 50% !important;
    }
}



.spinner-border-custome {
    margin: 10px auto;
    display: block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid rgb(207 223 0);
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border-cus;
    animation: .75s linear infinite spinner-border-cus;
}

@keyframes spinner-border-cus {
    to {
        transform: rotate(360deg);
    }
}



.byDafultModel .modal-content .modal-header h2.modal-title {
    margin: 0;
    font-weight: 900;
    font-size: 16px;
}

.byDafultModel .modal-content .modal-body .elegibilityCheckMesssage > h2 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 2px;
}

.byDafultModel .modal-content .modal-body .elegibilityCheckMesssage > p {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.4;
}

.byDafultModel .modal-content .modal-body .elegibilityCheckMesssage {
    padding: 10px 20px;
}

    .byDafultModel .modal-content .modal-body .elegibilityCheckMesssage .eleChekRow {
        display: flex;
        align-items: center;
        gap:0px 5px;
       /* justify-content: space-between;
        padding: 5px 10px;
        border: 1px solid #ddd;*/
    }

        .byDafultModel .modal-content .modal-body .elegibilityCheckMesssage .eleChekRow h5 {
            margin: 0;
            font-size: 14px;
            font-weight: 700;
        }

        .byDafultModel .modal-content .modal-body .elegibilityCheckMesssage .eleChekRow p {
            margin: 0;
            font-size: 14px;
            font-weight: 500;
        }

    .byDafultModel .modal-content .modal-body .elegibilityCheckMesssage .marAccesEligble {
        margin-top: 10px;
    }

        .byDafultModel .modal-content .modal-body .elegibilityCheckMesssage .marAccesEligble p {
            margin: 0;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.5;
        }

.gotItEliBilityBtn, .gotItEliBilityBtn:hover {
    border: 1px solid #cfdf00 !important;
    background-color: #cfdf00 !important;
    cursor: pointer;
    color: #1a1a1a !important;
    font-weight:600;
}



.Grapgh-Tank-deliveries {
    background: #fff;
    padding-top: 40px;
}

.Tank-deliveries-chart {
    display: block;
    width: 100%;
    padding-bottom: 3rem;
}

.Tank-deliveries-chart-heading h5 {
    font-size: 1.25rem;
    letter-spacing: .25px;
    line-height: 24px;
    text-align: center;
    margin: 0;
    color: #003265;
    
}

.Tank-deliveries-chart-heading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Tank-deliveries-chart-heading .material-icons {
    margin-left: 3px;
    margin-top: 3px;
}

.scheduled-delivery b {
    color: #212529;
}

.SubmitAndUpdate {
    text-align: left;
    padding: 30px;
}

.SubmitAndUpdate label,
.SubmitAndUpdate strong {
    display: block;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    color: #333;
    padding: 5px 0;
}

.SubmitAndUpdate label {
    color: #767676;
}

.SubmitAndUpdate label,
.SubmitAndUpdate strong {
    display: block;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    color: #333;
    padding: 5px 0;
}

.SubmitAndUpdate .scheduled-delivery a {
    text-decoration: underline;
    color: #036;
}

.SubmitAndUpdate .scheduled-delivery a:hover {
    text-decoration: none;
}


.btn_bottomp {
    display: flex;
    justify-content: center;
    padding: 32px 0 0;
    flex-wrap: wrap;
}

.btn_bottomp button {
    color: #003265;
    border: 1px solid rgba(0, 50, 101, 0.5);
    padding: 5px 16px;
    font-size: 0.875rem;
    min-width: 64px;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 1.75;
    border-radius: 4px;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    text-transform: uppercase;
}

.btn_bottomp button:hover {
    border: 1px solid #003265;
    background-color: rgba(0, 50, 101, 0.08);
}

.avantiChart .bootomH {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: left;
    color: #696969;
    font-size: 1rem;
    letter-spacing: .5px;
    line-height: 24px;
    margin: 0 0 35px;
    display: block;
}

.bootomH b {
    font-weight: 400 !important;
}

.Grapgh-Tank-deliveries text.scorepointright {
    transform: translate(66px, 35px) !important;
}

.Grapgh-Tank-deliveries .urscrore {
    transform: translate(0px, 0px) !important;
}

.Grapgh-Tank-deliveries .digitcenter {
    transform: translate(0px, 59px) !important;
}

/***********History***********/
.history {
    margin-top: 40px;
}

.right_profile_sec {
    background: #fff;
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 15%);
    border-radius: 4px;
    float: left;
    width: 100%;
    padding: 20px;
    text-align: left;
}

.history-heading {
    background: #003265;
    min-height: 235px;
    color: #fff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.enrollinlevelpay {
    text-align: center;
    padding: 20px 0;
}

.history .SubmitAndUpdate {
    padding: 30px 30px 10px;
}

.enrollinlevelpay h4 {
    color: #4c4c4c;
    font-size: 1.25rem;
    margin: 12px 0;
}

.SubmitAndUpdate label,
.SubmitAndUpdate strong {
    display: block;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    color: #333;
    padding: 5px 0;
}

.SubmitAndUpdate label,
.SubmitAndUpdate strong {
    display: block;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    color: #333;
    padding: 5px 0;
}

.SubmitAndUpdate label {
    color: #767676;
}

.enrollinlevelpay a {
    color: #036;
    font-size: 1rem;
    text-decoration: underline;
}

.offerandPromotions h5 {
    color: #333;
    text-align: center;
}

.offerandPromotionsHeading {
    margin: 40px 0px 20px 0px;
}

.offerandPromotions .SubHeadings {
    font-size: 1.25rem !important;
    letter-spacing: .25px;
    margin: 0;
    padding: 50px 0 20px;
}

.offerandPromotionsCol {
    color: rgba(0, 0, 0, 0.54);
    padding: 16px;
    text-align: center;
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);
    border-radius: 4px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
}

.offerandPromotions h3,
.offerandPromotions p {
    color: #333;
    line-height: 24px;
    text-align: center;

}

.offerandPromotions h3 {
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin: 8px 0;
}

.offerandPromotions p {
    font-size: 12px;
    margin: 16px 0;
}


/********Delivery*******/

.delivery-module {
    padding-top: 40px;
}

.delivery-module h2 {
    color: #036;
    font-size: 18px;
    text-transform: uppercase;
}

.delivery-module .link {
    color: #010562 !important;
    border: 1px solid #010562;
    padding: 6px 20px;
    font-size: 14px;
    display: inline-block;
    margin: 0 0 30px;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
}

.delivery-module .delivery-table,
.delivery-module .map-module {
    padding: 30px;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    box-shadow: none;
    margin-bottom: 50px;
    background-color: #fff;
}

.delivery-module .map-module h3 {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0px;
}

.DeliveryChangeLocation {
    margin-bottom: 24px;
}

.delivery-module a {
    color: #036;
    font-size: 1rem;
    text-decoration: underline;
}

.delivery-module a:hover {
    text-decoration: none;
}

.Scheduled-deliveries {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.Scheduled-deliveries h2,
.Scheduled-deliveries a {
    margin: 0px;
}

.delivery-module .map-module .badge {
    font-size: 14px;
    background-color: #daedf2;
    border-radius: 16px;
    font-weight: 400;
    color: #333 !important;
    margin-left: 25px;
    padding: 5px 10px;
}

.delivery-module .map-module .map-details {
    border-top: 1px solid #f5f5f5;
    margin: 0px -30px 0 -30px;
    padding: 0px 30px 0;
}

.delivery-module .map-module .map-details h4 {
    color: #036;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;
}

.delivery-module .map-module .map-details h5 {
    font-size: 14px;
    margin: 0 0 30px;
}

.delivery-module .map-module .map-details p {
    margin: 30px 0 0;
    font-size: 14px;
    display: flex;
}

.delivery-module .map-module .map-details p i {
    color: #e94932;
    margin-right: 10px;
    margin-top: 5px;
}

.delivery-module .delivery-table {
    padding: 0;
}

.delivery-module .delivery-table,
.delivery-module .map-module {
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    box-shadow: none;
    margin-bottom: 50px;
    background-color: #fff;
}

.delivery-module .delivery-table th {
    color: #036 !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 12px !important;
}

.delivery-module .delivery-table tr {
    border-bottom: 1px solid #dbdbdb;
}

.delivery-module .delivery-table thead > tr {
    border-bottom: 1px solid #dbdbdb !important;
}

.delivery-module .delivery-table tr:last-child {
    border-bottom: 1px solid transparent;
}

.delivery-module .delivery-table td,
.delivery-module .delivery-table th {
    padding: 20px 38.6px;
}

.delivery-module .delivery-table th {
    font-size: 12px !important;
}

.delivery-module .delivery-table td {
    font-size: 14px !important;
}

.delivery-module .delivery-table td .status {
    background: #088856;
    border-radius: 12px;
    color: #fff;
    padding: 3px 12px;
    display: inline-block;
}

.paybilltopspace {
    margin-top: 50px;
    position: relative;
}

.wrapper-box {
    float: left;
    width: 100%;
}

.ShortPaper {
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .15) !important;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 4px;
}

.billingpayarea {
    padding: 30px 0;
    text-align: left;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex: 1 1;
}

.delivery-request-module .billingpayarea {
    padding: 60px 4rem;
}

.delivery-request-module h2.titlehead {
    color: #010562;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0;
    line-height: normal
}

h2.titlehead {
    font-size: 1.8125rem;
    margin: 0;
    padding: 10px 4rem 20px;
    width: 100%;
    text-transform: capitalize;
}

.mt30 {
    margin-top: 30px;
}

h2.titlehead {
    font-size: 1.8125rem;
    margin: 0;
    padding: 10px 4rem 20px;
    width: 100%;
    text-transform: capitalize;
}

.delivery-request-module h4.h4-heading {
    font-size: 18px;
    color: #036;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.TextFieldWrapper {
    width: 100%;
    border-radius: 0;
    border: 0;
    display: inline-flex;
    position: relative;
    min-width: 0;
    flex-direction: column;
    vertical-align: top;
    padding: 13px 0px 13px 0px;
}

.formControl:focus {
    outline: none;
}

.formControl input {
    font: inherit;
    width: 100%;
    border: 0;
    height: 1.1875em;
    margin: 0;
    padding: 6px 0 7px;
    box-sizing: content-box;
    background-color: rgba(0, 0, 0, 0.09);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-sizing: border-box;
    padding: 26px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);

}

.delivery-request-module hr {
    margin: 2rem 0 0;
    width: 100%;
}

.delivery-request-module p {
    font-size: 14px;
}

.delivery-request-module .link {
    text-decoration: underline;
    display: inline-block;
    font-size: 14px;
    color: #036;
}


.mt30 {
    margin-top: 30px;
}

.delivery-request-module h5.h5-heading {
    font-size: 16px;
}

.delivery-request-module .ssnInfo {
    background: #f5f5f5;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    display: block;
    padding: 30px 20px;
    margin: 15px 0 10px;
}
.RequestDeliverySuccessstepperBtn{
    margin-top: 35px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;

}

.delivery-request-module .ssnInfo > h6 {
    color: #036;
    font-size: 20px;
    margin: 0;
}

.delivery-request-module .text-decoration-none {
    text-decoration: none !important;
}

.RequestDeliverySuccess_link {
    color: #ffffff !important;
    padding: 8px 35px;
    font-size: 0.875rem;
    line-height: 1.75;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: #003265;
}

.RequestDeliverySuccess_linkCancel {
    color: #003265;
    padding: 8px 35px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.75;
    border-radius: 4px;
    text-transform: uppercase;
}

.checkboxGetDelivery {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.checkboxGetDelivery .mdl-checkbox__label {
    font-size: 14px;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #003265;
}

.mdl-radio.is-checked .mdl-radio__outer-circle,
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #003265 !important;
}

/*********request-delivery-success*****/
.successarea {
    margin: 0 auto;
}

.paybilltopspace {
    margin-top: 50px;
    position: relative;
}

.wrapper-box {
    float: left;
    width: 100%;
}

.ShortPaper {
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .15) !important;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 4px
}

.successarea .billingpayarea {
    padding: 50px 0;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    margin: 0;
    flex: 1 1;
    text-align: left;
    flex-wrap: wrap;
}

.successHead,
.successHead > .successtext {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.successHead {
    margin: 30px 0 0;
}

.material-icons,
.tooltipAcc .material-icons {
    font-family: Material Icons !important;
}

.iconBlock,
.iconsuccess {
    margin-bottom: 0;
    color: #fff !important;
    display: flex;
    justify-content: center;
    background-color: #088856;
    border-radius: 80%;
    width: 90px;
    height: 90px;
    font-size: 2.8125rem !important;
    align-items: center;
}

.successHead,
.successHead > .successtext {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.successHead > .successtext {
    font-size: 1.8125rem;
    margin-top: 30px;
    margin-bottom: 0;
}

.request-deliver-success .successHead > .successtext {
    color: #036;
    text-transform: uppercase;
    font-size: 20px;
}

.success {
    position: relative;
    margin: 0;
    padding: 10px 50px 30px;
    text-align: center;
    color: #696969;
    font-size: 1rem;
    letter-spacing: .4px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.successborder {
    position: relative;
    padding-top: 10px;
}

.request-deliver-success .success {
    color: #333;
}

.billingpayarea > .success {
    margin-bottom: 20px;
}

.successmsag {
    width: 100%;
}

.grouppay {
    margin-bottom: 20px;
    padding: 0 4rem;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.request-deliver-success .successmsag.grouppay h5 {
    color: #036;
    font-size: 16px;
    text-transform: uppercase;
}

.request-deliver-success .successmsag.grouppay a {
    text-decoration: underline;
    margin-top: 10px;
}

.request-deliver-success .successmsag.grouppay h5 {
    color: #036;
    font-size: 16px;
    text-transform: uppercase;
}

.request-deliver-success .successmsag.grouppay a {
    text-decoration: underline;
    margin-top: 10px;
}

.done-section {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}

.done-section > a {
    color: #ffffff;
    padding: 8px 35px;
    font-size: 0.875rem;
    margin-top: 20px !important;
    line-height: 1.75;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none !important;
    background-color: #003265;
}

.rightArea .enrollboxarea {
    padding: 30px 0 0 50px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.request-delivery-right.rightArea .enrollboxarea {
    padding-top: 0;
}

.request-delivery-right.rightArea .enrollboxarea b {
    font-size: 16px;
    color: #010562;
    text-transform: uppercase;
}

.rightArea .enrollboxarea b {
    font-size: 1.25rem;
    margin: 0 0 5px;
    padding: 0;
    display: block;
    font-weight: 400;
}

.billingpayarea > .success:after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    border-bottom: 1px solid #c3c3c3;
    bottom: 0;
}

.RadioButtonTaank {
    margin-bottom: 16px;
}




/*  Input Box Styling  */
.full_width_input_sec {
    width: 100%;
    float: left;
}

.left_side_sec.input_box_eff_wrap {
    width: 100%;
    float: left;
}

.input_box_eff_wrap {
    position: relative;
    margin-bottom: 0px;
}

.input_box_eff_wrap input.input_effect,
.input_box_eff_wrap select.select_effect,
.input_box_eff_wrap textarea.textarea_effect {
    font-size: 15px;
    padding: 10px 10px 10px 0px;
    display: block;
    width: 95% !important;
    margin-bottom: 0 !important;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    height: auto;
    border-radius: 0px !important;
    float: left;
    box-shadow: none !important;
}

.input_box_eff_wrap select.select_effect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/Portal/eMobAssets/images/arrowdown_mdb.png);
    background-size: 15px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}

.input_box_eff_wrap select::-ms-expand {
    display: none;
}

label.effect_lbl {
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 6px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

input.input_effect:focus ~ label.effect_lbl,
input.input_effect:valid ~ label.effect_lbl,
select.select_effect:focus ~ label.effect_lbl,
select.select_effect:valid ~ label.effect_lbl,
textarea.textarea_effect:focus ~ label.effect_lbl,
textarea.textarea_effect:valid ~ label.effect_lbl,
input.input_effect[readonly='readonly'] ~ label.effect_lbl,
input.select_effect[readonly='readonly'] ~ label.effect_lbl,
input.input_effect[disabled="disabled"] ~ label.effect_lbl,
select.select_effect[disabled="disabled"] ~ label.effect_lbl {
    top: -20px;
    font-size: 15px;
}

.highlight_input {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

input.input_effect:focus ~ .highlight_input {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.textarea_effect {
    resize: none;
}

.bar_input {
    display: block;
    width: 95%;
}

.bar_input:before,
.bar_input:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.bar_textarea:before,
.bar_textarea:after {
    bottom: 27px;
}

.bar_input:before {
    left: 45%;
}

.bar_input:after {
    right: 50%;
}

input.input_effect:focus ~ .bar_input:before,
input.input_effect:focus ~ .bar_input:after,
select.select_effect:focus ~ .bar_input:before,
select.select_effect:focus ~ .bar_input:after,
textarea.textarea_effect:focus ~ .bar_input:before,
textarea.textarea_effect:focus ~ .bar_input:after {
    width: 50%;
}

.full_widthNew_ui .input_box_eff_wrap label.effect_lbl {
    left: 13px;
    top: 17px;
}

.full_widthNew_ui a.helpiconEmailUser.email_info_ico {
    position: absolute;
    right: -41px;
    top: 19px
}

.full_widthNew_ui input.input_effect:focus ~ label.effect_lbl,
.full_widthNew_ui input.input_effect:valid ~ label.effect_lbl,
.full_widthNew_ui select.select_effect:focus ~ label.effect_lbl,
.full_widthNew_ui select.select_effect:valid ~ label.effect_lbl,
textarea.textarea_effect:focus ~ label.effect_lbl,
.full_widthNew_ui textarea.textarea_effect:valid ~ label.effect_lbl,
.full_widthNew_ui input.input_effect[readonly='readonly'] ~ label.effect_lbl,
input.input_effect:not([type=button])[readonly] ~ label.effect_lbl,
.full_widthNew_ui input.select_effect[readonly='readonly'] ~ label.effect_lbl,
.full_widthNew_ui input.input_effect[disabled="disabled"] ~ label.effect_lbl,
.full_widthNew_ui select.select_effect[disabled="disabled"] ~ label.effect_lbl,
.full_widthNew_ui input.input_effect[minlength="minlength"] ~ label.effect_lbl {
    top: 8px;
    font-size: 13px;
}

.full_widthNew_ui .input_box_eff_wrap input[type="text"],
.full_widthNew_ui .input_box_eff_wrap input.input_effect,
.full_widthNew_ui .input_box_eff_wrap select.select_effect,
.full_widthNew_ui .input_box_eff_wrap textarea.textarea_effect {
    font-size: 17px;
    padding: 22px 10px 0px 15px;
    border-bottom: 1px solid #c1c1c1 !important;
    height: 55px;
    border-radius: 5px 5px 0px 0px !important;
    background: rgba(0, 0, 0, 0.09) !important;
    width: 100% !important;
}

.full_widthNew_ui .input_box_eff_wrap select.select_effect {
    background-image: url(/Portal/eMobAssets/images/arrowdown_mdb.png) !important;
    background-size: 15px 20px !important;
    background-position: right 20px center !important;
    background-repeat: no-repeat !important;
}


span.required {
    position: absolute;
    right: -13px;
    top: 0px;
}

.full_widthNew_ui .invalidfocus:not(:focus):invalid ~ label.effect_lbl {
    top: 8px;
    font-size: 13px;
}

/*  End Input Box Styling  */

/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}

.topnotialert > a:before {
    content: "\e893";
    font-family: "scmfonts" !important;
    position: relative;
    top: 0px;
    font-size: 22px;
    color: #43a7d9;
    left: -7px;
    line-height: 1;
}

.flexprop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0px;
    padding-left: 0px;
}

.logo_standard {
    display: block !important;
}

div#headerlogo {
    display: block;
}

    div#headerlogo a {
        display: block;
    }

@-moz-document url-prefix() {
    .topnotialert > a:before {
        top: 3px;
    }

    .setting_area .inner-content-log ul li {
        line-height: 1.141;
    }
}

@-moz-document url-prefix() {
    select, input {
        text-shadow: 0 0 0 #000 !important;
    }
}

.topnotialert a:before ul li a:before {
    content: '' !important;
    background: none !important;
}

.badge {
    position: absolute;
    top: 50%;
    left: 45%;
    margin-top: -15px;
    margin-left: 0;
    color: #fff !important;
    background-color: #EA0B0B !important;
    /* width: 18px; */
    font-size: 11px !important;
    text-align: center !important;
    padding: 3px 6px !important;
    font-weight: normal !important;
    display: block !important;
    height: 18px;
    border-radius: 12px;
    min-width: 24px;
    line-height: 12px;
}

.loader_button {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
}

.banner_left_img {
    padding: 10px 0;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.topnotif_size {
    font-size: 32px !important;
    color: #43a7d8;
    margin-left: 0;
    text-align: left;
    position: absolute;
    width: 50px;
    left: 14px;
    top: 12px;
}

span.titleme {
    font-size: 15px;
    vertical-align: top;
    color: #43a7d8;
    font-weight: normal;
    display: block;
    margin-bottom: 2px;
}

.datatext {
    float: left;
    width: 81%;
    white-space: normal;
    padding: 0px 0px 9px;
}

.topnotialert ul.dropdown-menu .arrow_bdr {
    top: -9px !important;
    right: 21px !important;
}

.topnotialert ul.dropdown-menu {
    width: 370px !important;
    margin-top: 7px;
}

    .topnotialert ul.dropdown-menu li {
        height: auto !important;
        background: #f6f8f9;
        display: block;
        float: left;
        padding: 0;
        text-align: left;
        width: 98%;
        margin: 1% 1% 1%;
        border-left: 0;
        box-shadow: 0px 2px 3px #dedddd;
        border: 0 !important;
    }

        .topnotialert ul.dropdown-menu li a {
            padding-left: 70px !important;
            padding-top: 6px !important;
            padding-bottom: 11px !important;
        }

    .topnotialert ul.dropdown-menu > li > a:hover, .topnotialert ul.dropdown-menu > li > span:hover {
        background: #f6f8f9 !important;
    }

    .topnotialert ul.dropdown-menu li a b.msgnumber {
        position: absolute;
        right: 4px;
        padding: 2px 10px;
        border-radius: 10px;
        color: #43a7d8;
        top: 11px;
        font-weight: normal;
        width: 31px;
        text-align: center;
        font-size: 16px;
    }

    .topnotialert ul.dropdown-menu li.seeall {
        background: #e2e2e2 !important;
        margin: 7px 0 2px;
        width: 100%;
        padding: 0;
    }

        .topnotialert ul.dropdown-menu li.seeall a {
            font-weight: bold !important;
            font-size: 13px !important;
            background: #e2e2e2 !important;
            padding-top: 14px !important;
            text-align: center;
            padding-left: 0 !important;
        }

.adddro .bar_input:before {
    left: 45.5%;
}

.adddro .bar_input:after {
    right: 47.5%;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: none !important;
}

.mdl-menu__item:hover {
    background-color: #e6f3fb;
}

select.addressDropdown {
    width: 195px !important;
    color: #646464 !important;
    border: 1px solid #000 !important;
    border-radius: 4px;
    outline: none !important;
    margin-top: 7px !important;
    padding-left: 15px;
    padding-right: 25px;
    min-height: 32px;
    font-size: 15px;
    max-width: 100%;
}

.mdl-checkbox.is-checked span.mdl-checkbox__tick-outline:after {
    content: "\e926" !important;
    font-family: "scmfonts" !important;
    color: #ffffff;
    font-size: 12px;
    background: #51abd7;
    margin-top: 0 !important;
    padding-top: 3px;
    position: absolute;
    top: -6px;
    font-weight: bold;
    padding-left: 1px;
    left: 0;
}

.mdl-checkbox__tick-outline {
    -webkit-mask: none;
    mask: none;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: none !important;
}

.input_box_eff_wrap input.input_effect, .input_box_eff_wrap select.select_effect, .input_box_eff_wrap textarea.textarea_effect {
    box-shadow: none;
}

div#forgetmebody p {
    font-size: 16px;
    padding: 10px 0px 5px;
    margin-bottom: 0px;
}

div#forgetmebody ul {
    padding: 10px;
    float: left;
    width: 100%;
}

    div#forgetmebody ul li {
        font-size: 16px;
        padding-left: 20px;
        line-height: 24px;
        font-weight: bold;
    }

.logo_universal {
    display: none;
}

.banner_left_img a {
    display: block;
}

#billQuery_contact #myModalBillQuery {
    line-height: 22px;
}

span.nofile_wrpp.nofile_wrpp_file {
    float: left;
    width: auto;
    position: relative;
    background: #f4f4f4;
    padding: 15px 15px 15px 15px !important;
    margin: 10px 0 0px 0px !important;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    clear: both;
}

.tipTop span#lblCustName {
    max-width: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tipTop .dropdown > span {
    white-space: nowrap;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .energy_mid_box .right_content_box {
        padding-left: 2px;
    }
}

@media (min-width:200px) and (max-width:1024px) {
    button:focus, input:focus, img:focus, .setting_area .inner-content-log ul li a:focus, select:focus, textarea:focus, span[tabindex="0"]:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

    #skipnav, .skipnav {
        display: none !important;
    }

    input.cmn-toggle-round + label:focus {
        box-shadow: none !important;
        outline: 0 !important;
    }

    .nav_left {
        display: none;
    }

    .right_content_box.right_content_box {
        width: 100% !important;
    }

    .energy_mid_box {
        background-image: none;
    }

    .logo img {
        height: auto;
    }
}

@media (min-width:200px) and (max-width:767px) {
    input#btnChangePassword, input#btnProceed {
        padding: 6px 27px !important;
    }

    #forget-me-divPopup .popup_input_wrapper {
        max-height: 380px;
        overflow: auto;
    }

    .dropdown button#dLabel:before {
        top: 1px !important;
    }

    #AddressInfo .dropdown {
        max-width: 229px !important;
    }
}


@media (min-width:1025px) and (max-width:3000px) {
    .sn_drop {
        display: none !important;
        opacity: 0;
    }

    .dropdown_boxes {
        display: none !important;
    }

    .iphone_faq {
        display: none !important;
    }

    .user_ipad {
        display: none;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    button.navbar-toggle span i:before {
        color: #29bbae;
    }

    .user_ipad {
        display: none;
    }

    .dropdown_boxes {
        display: none !important;
    }

    .iphone_faq {
        display: none !important;
    }
}

.strengthdiv {
    width: 100%;
    float: left;
    text-align: left;
}

#ddlLanguage_msdd {
    width: auto;
    outline: none;
    cursor: pointer;
}

    #ddlLanguage_msdd #ddlLanguage_title > img {
        width: 21px;
        padding-right: 5px;
        margin-top: -2px;
    }

    #ddlLanguage_msdd > div {
        font-size: 11px;
        padding-left: 7px;
        line-height: 17px;
        border-radius: 4px;
    }

#ddlLanguage_child > ul {
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    padding-left: 0px;
    width: 104px;
    font-size: 12px;
    margin-left: -8px;
    float: left;
    margin-top: 1px;
}

    #ddlLanguage_child > ul li {
        cursor: pointer;
        border-bottom: 1px solid #ccc;
        padding: 6px 7px 6px 7px;
        line-height: normal;
        width: 100%;
        border-left: 0px !important;
        background-image: none;
    }

        #ddlLanguage_child > ul li > img {
            width: 22px;
            padding-right: 7px;
            float: left;
        }

        #ddlLanguage_child > ul li:hover {
            background: #f9f9f9;
        }

.filter {
    background: #fff url('<%#CustomerPortal.Common.BaseUrl%>/images/arrowdown.png') no-repeat scroll 95% 50%;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.setting_area .inner-content-log ul li:first-child {
    border: 0 !important;
}


.dropdown img.flag.flag {
    width: 14px;
    min-height: 14px;
}

.dp_language > li {
    border: 0 !important;
    height: auto !important;
}

.header-top {
    height: auto;
    padding: 15px 0;
    background: #ffffff;
}

#forget-me-divPopup .bottom_area_home {
    margin-top: 20px;
}

span#lblFileAllowExtension i {
    font-style: normal;
}

#billQuery_contact span#lblFileAllowExtension {
    font-size: 14px;
    padding-left: 0px;
}

    #billQuery_contact span#lblFileAllowExtension b {
        color: #4a4a4a;
        float: left;
        margin-right: 7px;
        font-weight: normal;
        font-family: OpenSans-SemiBold;
    }

#billQuery_contact i#nofile {
    float: left;
    padding-right: 2px;
    margin-top: 5px !important;
}

#billQuery_contact .nofile_wrpp_file i#nofile {
    margin: 0px !important;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #636466;
    font-family: 'OpenSans-Regular';
    font-weight: normal;
    position: static;
    padding-left: 0px;
    font-style: normal;
}

#billQuery_contact .btnRemoveFile {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
}

@media (min-width:1600px) and (max-width:3500px) {
    #habla_panel_div#habla_panel_div {
        overflow: hidden !important;
    }

    #habla_both_div#habla_both_div {
        position: relative !important;
        right: -90px !important;
        background-size: 68% !important;
    }

    .disclaimer-link-readMore {
        outline: 0px;
        text-decoration: none !important;
    }
}

.hide_txt_pass_box {
    display: none !important;
}

html {
    min-height: 100% !important;
    height: auto !important;
    position: relative !important;
}

#change-pwd-divPopup .popup_area {
    height: auto !important;
}

#pwdError {
    background: rgba(60,60,60,.82);
    color: white;
    left: 20%;
}

#errorMsg {
    float: right;
    position: absolute;
    top: 18px;
    right: 10px;
    background: rgba(60,60,60,.82);
    color: white;
    padding: 3px 8px;
    box-shadow: 0px 1px 3px #ccc;
    display: none;
    z-index: 9999;
}

#ddlLanguage {
    border: 0 !important;
    width: 100%;
}

#pswd_info {
    top: 70px !important;
}

.alert_box_header {
    width: 97%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(189, 54, 47, 0.95);
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    z-index: 9999999999;
    color: #fff;
    padding: 0 19px;
}

.close.close_icon_color {
    text-shadow: 0 0px 0 #fff;
    font-weight: bold;
    color: #fff;
    margin-top: 16px;
}

.fa.fa-warning.fa_warning_header {
    float: left;
    margin-top: 13px;
    font-size: 30px;
    margin-right: 20px;
}

#spanerrorMessaegeicon .fa.fa-warning.fa_warning_header:before {
    content: "\f071" !important;
    font-family: FontAwesome !important;
    font-size: 23px;
}

.inner_mid_section.inner_mid_section.inner_mid_section {
    padding-bottom: 0px !important;
    /*display: table !important;*/
    width: 100% !important;
    padding: 0px 15px;
}

.top_conte_box_mob.top_conte_box_mob {
    overflow: visible !important;
}

li#AddressInfo button.btn {
    background: #fff !important;
    box-shadow: 0 0 0 0 !important;
    color: #333333;
    border-color: #000;
}

#left_side_secAdd button.btn {
    min-height: 32px;
    margin-left: 10px;
}

div#left_side_secAdd {
    margin-bottom: 0px !important;
}
li.NotifAlertLink.badgealrt {
    margin-right: 10px;
    padding-left: 5px;
}
@media (min-width:320px) and (max-width:1024px) {
    #headermenu.nav_left.nav_left {
        display: block !important;
    }

    .inner_mid_section.inner_mid_section.inner_mid_section {
        padding: 0px 0px !important;
    }
}

@media (min-width:320px) and (max-width:767px) {

    body #dLabel {
        display: block;
    }

    #forget-me-divPopup .modal-dialog {
        max-width: 90% !important;
        min-width: 90% !important;
    }

        #forget-me-divPopup .modal-dialog .modal-content {
            max-width: 100% !important;
        }

    .inner_mid_section.inner_mid_section {
        height: auto !important;
    }

    .dropdown_boxes {
        float: left;
        width: 100%;
    }

        .dropdown_boxes select {
            width: 100%;
            margin-bottom: 10px;
        }

    #change-pwd-divPopup .modal-content, #w2ui-tag-txtNewUserId .modal-content {
        width: auto !important;
    }

    #change-pwd-divPopup, #change-userid-divPopup {
        z-index: 999999 !important;
    }

    .user_ipad.dropdown > a {
        float: right;
        font-size: 0;
        top: 0px;
        position: relative;
    }

        .user_ipad.dropdown > a > span {
            float: left;
            height: auto !important;
            margin-top: 8px;
        }

    .header-top {
        display: none;
    }
}

.map .container {
    height: 100% !important;
    width: 100% !important;
}

span#the-count {
    float: right;
    margin: -18px 0 20px;
}

@media (max-width:1024px) {
    .nav_left ul li#leakalert#leakalert.sidebar_leakalert a {
        background: #eff2f7 !important;
        padding-left: 53px !important;
    }

        .nav_left ul li#leakalert#leakalert.sidebar_leakalert.active a, .nav_left ul li#leakalert#leakalert.sidebar_leakalert a:hover {
            padding-left: 53px !important;
        }

    ul.nav-alrtmsgs li a i {
        min-width: 38px;
    }

    .setting_area > .inner-content-log > ul > li > span:nth-child(2) {
        max-width: 200px;
    }

    .setting_area .inner-content-log ul li.topnotialert {
        min-width: 40px;
    }

    .topnotialert a:before {
        font-size: 16px;
        left: -2px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    button#dLabel {
        display: block;
    }
    #forget-me-divPopup .modal-dialog {
        max-width: 90% !important;
        min-width: 90% !important;
    }

        #forget-me-divPopup .modal-dialog .modal-content {
            max-width: 100% !important;
        }

    body #AddressInfo .dropdown {
        max-width: 175px;
        width: 100%;
    }

    select.addressDropdown {
        width: 150px !important;
    }

    #left_side_secAdd .btn-group.select_effect {
        width: 230px;
    }

    #left_side_secAdd .dropdown-menu.open {
        left: inherit;
        right: 0px;
    }

    .AcntSelectWrapper > li > span, div.AccountslctClass > span {
        font-size: 12px;
        white-space: nowrap;
    }

    .setting_area > .inner-content-log > ul > li > span:nth-child(2) {
        max-width: 130px;
    }

    .setting_area .full_width_input_sec.adddro {
        max-width: 250px;
    }

    #change-userid-divPopup .tooltip {
        width: 250px;
        right: -60px !important;
        left: inherit !important;
        top: inherit !important;
        bottom: 29px;
    }

        #change-userid-divPopup .tooltip .tooltip-arrow {
            top: 50%;
            left: 0;
            margin-top: -5px;
            border-width: 5px 5px 5px 0;
            border-right-color: #000;
            top: inherit !important;
            bottom: -7px;
            transform: rotate(-90deg);
            left: 67%;
            right: 0px;
        }
}

@media (min-width:1200px) and (max-width:1600px) {
    .energy_mid_box {
        min-height: 500px !important;
    }

    .top_conte_box_mob {
        min-height: 414px !important;
    }

    #divFullPage {
        min-height: 450px !important;
    }

    .without_sidebar {
        min-height: 500px !important;
    }
}

.topnotialert.droptriangle {
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
}

    .topnotialert.droptriangle:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #f4f4f4;
        position: absolute;
        bottom: -32px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

#view_id_notification {
    background: #43a7d8;
    margin-top: 0;
}

.view-content {
    padding: 15px 0 35px;
    border-bottom: solid 0px #fff;
}

    .view-content > div.h2 {
        font-size: 21px;
        line-height: 1.2em;
        color: white;
        margin: 6px 0 15px;
        padding: 0 10px;
    }

    .view-content .views-row {
        padding: 0 10px;
    }

.notification.default {
    background: #177dae;
    color: white;
    padding: 13px 50px 13px 60px;
    position: relative;
}

.cover-block {
    position: relative;
}

.notification.default .icon-alert {
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
    text-indent: -999999px;
}

.notification.default a.cover-link {
    top: -13px;
    right: -20px;
    bottom: -13px;
    left: -60px;
}

.cover-block > a.cover-link, .cover-block > .cover-link a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    text-indent: -99999px;
}

#close-notifications {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: white;
    font-family: "InterstateLight";
    font-size: 16px;
    font-size: 1.6rem;
    display: none;
}

.view-content h6 {
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    margin: 0 0 0 12px;
}

.notification.default .icon-alert:before {
    width: 10px;
    height: 22px;
    position: absolute;
    margin-top: 2px;
    left: 50%;
    top: 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%);
    content: "";
    background: white;
}

.notification.default .icon-alert:after {
    position: absolute;
    left: 50%;
    top: 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%);
    display: block;
    font-family: "scmfonts";
    font-size: 45px;
    line-height: 24px;
    content: "\e555";
    color: #e0144c;
    text-indent: 0;
}

.notification.default.has-link:after {
    content: "\f105";
    font-family: "scmfonts";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
}

.footer_nav_default > ul > li.faq_new_Tab {
    display: none !important;
}

.ui.top.left.popup {
    margin-bottom: 240px;
}

.ui-widget-overlay {
    z-index: 9999999;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5 !important;
    z-index: 99999999;
    font-size: 16px;
    line-height: 21px;
    min-width: 350px;
}

    .ui-widget.ui-widget-content.ui-dialog-buttons {
        min-width: 550px;
        border: 0px solid #c5c5c5 !important;
        box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12) !important;
        border-radius: 5px !important;
    }

.modal-content .left_loading_area {
    position: relative;
    min-height: 20px;
}

#change-pwd-divPopup .strengthdiv a.button_strength {
    font-size: 15px;
}

.spinner {
    margin: auto;
    width: 70px;
    text-align: center;
    position: absolute;
    z-index: 999999999 !important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 24px;
}

    .spinner > .bounceloader {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.scmfonts {
    font-family: scmfonts;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    line-height: 1;
    font-size: 21px;
    text-rendering: optimizeSpeed;
}

.menubarbutton {
    color: #43a7d8;
    font-size: 29px;
}

    .menubarbutton:before {
        content: '\e83d';
    }

.setting_area .inner-content-log > ul > li {
    border-left: 0px solid #ccc;
    position: relative;
}

    .setting_area .inner-content-log > ul > li:after {
        content: '';
        position: absolute;
        height: 20px;
        right: 0;
        width: 1px;
        display: inline-block;
        top: 4px;
        bottom: 0;
        background: #c7c7c7;
        margin: auto;
    }

    .setting_area .inner-content-log > ul > li:nth-last-child(1)::after {
        display: none;
    }

.bootstraptooltip {
    text-align: left !important;
}

    .bootstraptooltip h5 {
        color: #fff !important;
    }

    .bootstraptooltip .tooltip-inner {
        max-width: 250px;
        padding: 10px 15px;
        text-align: left;
    }

    .bootstraptooltip span.tooltip_icon, .bootstraptooltip span.help_icon_img, .bootstraptooltip a.help_icon_img {
        padding: 0;
        margin: 0;
        float: left;
        line-height: 1;
        display: inline-block;
        cursor: pointer;
        font-weight: normal;
        font-style: normal;
    }

        .bootstraptooltip span.tooltip_icon:before, .bootstraptooltip span.help_icon_img:before, .bootstraptooltip a.help_icon_img:before {
            /*content: "\e9b1";
    font-family: "scmfonts" !important;*/
            content: "\F2FD" !important;
            color: #5a5a5a;
            font-family: "Material Design Icons" !important;
            line-height: 1;
            display: inline-block;
            font-size: 24px;
            padding: 0px 0;
            font-weight: normal;
            font-style: normal;
        }

    select#ddlAddress:focus, .bootstraptooltip:focus, span#imgCurrent2:focus, .MessageContainer:focus, .fopcus_parent,
    select#ddlCity:focus, .MessageContainer:focus, #btnRefresh:focus {
        box-shadow: none !important;
        outline: 1.5px solid #000 !important;
    }

button[disabled], html input[disabled] {
    cursor: not-allowed;
}

.energy_mid_box .right_content_box {
    background-image: none;
}

.full_width_input_sec input[disabled], .full_width_input_sec select[disabled] {
    cursor: not-allowed;
    padding-left: 7px !important;
}

.right_content_box {
    border-left: 2px solid #f4f4f4;
}

.energy_mid_box.without_sidebar {
    background-image: none;
}

.time_txtdia {
    font-weight: bold;
    color: #222;
}

div#countdownDisplay {
    font-weight: bold;
    top: 2px;
    position: relative;
    font-size: 18px;
}

@media (min-width:768px) and (max-width:1024px) {
    .topnotialert.droptriangle:before {
        bottom: -29px;
    }

    .setting_area > .inner-content-log > ul > li > span {
        outline: 0;
    }

        .setting_area > .inner-content-log > ul > li > span.logout_header {
            font-size: 0 !important;
        }

    span.logout_header:before {
        content: '\e8e9';
        font-family: scmfonts;
        font-size: 21px;
        line-height: 1;
        vertical-align: middle;
        display: inline-block;
        color: #43a7d8;
        font-weight: normal;
        outline: 0;
        margin-top: -1px;
    }

    .setting_area .inner-content-log > ul > li {
        border-left: 0px solid #ccc;
        position: relative;
        padding: 7px 8px;
    }

    .header-top .setting_area {
        padding: 0px 0 0 0 !important;
    }

    .logo_standard.logo_standard {
        display: none !important;
    }

    .logo_universal {
        display: inline-block !important;
    }

    .standard_nav.standard_nav {
        width: auto !important;
        float: right;
        padding-right: 5px;
    }

    .menubarbutton {
        color: #43a7d8 !important;
    }

    .header-top > .container > .row > .col-xs-12.col-sm-12.col-md-12 {
        padding: 0;
    }

    .setting_area .full_width_input_sec.adddro {
        width: 100% !important;
    }

    .inner-content-log > ul > li.droptriangle > .dropdown-backdrop {
        display: none;
    }
}

@-webkit-keyframes cardEnter {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes cardEnter {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.radio_mat_style {
    display: inline-block;
    cursor: pointer;
    margin-left: 15px !important;
    margin-bottom: 0;
    width: 100%;
}

    .radio_mat_style:hover .inner_mat_style, .radio_mat_style:focus .inner_mat_style {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }

    .radio_mat_style input {
        width: 1px;
        height: 1px;
        opacity: 0;
    }

        .radio_mat_style input:checked + .outer_radio .inner_mat_style {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

        .radio_mat_style input:checked + .outer_radio {
            border: 2px solid #43a7d8;
        }

        .radio_mat_style input:focus + .outer_radio .inner_mat_style {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            background-color: #43a7d8;
        }

    .radio_mat_style .outer_radio {
        display: block;
        float: left;
        margin: 0;
        border: 2px solid #7e7e7e;
        border-radius: 50%;
        background-color: #fff;
    }

.type_of_wash .radio_mat_style span.outer_radio,
.type_of_wash .radio_mat_style span.inner_mat_style {
    padding: 0px;
}

.radio_mat_style .inner_mat_style {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 8px;
    height: 8px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 2px;
    border-radius: 50%;
    background-color: #43a7d8;
    opacity: 0;
}

.arrow_service {
    float: left;
    width: 100%;
    margin: 0px 0;
    text-align: left;
}

    .arrow_service ul li:first-child {
        margin-left: 0px;
        width: 35% !important;
    }

li.arrow-right_service.arrow-right2_service.three, li.arrow-right_service.arrow-right1_service.step_done_service.three {
    width: 20% !important;
}

.arrow_service ul {
    list-style: none;
    margin: 0px;
    padding: 0 10px;
    float: left;
    width: 100%;
    border-bottom: solid 1px #e2e2e2;
}

.arrow-right_service {
    min-width: 25%;
    height: 40px;
    position: relative;
    float: left;
    margin: 0px;
    padding-top: 10px;
    color: #555555;
    font-size: 16px;
}

.arrow_service ul li b > span {
    background: #d8d8d8;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    float: left;
    color: #000;
    text-align: center;
    line-height: 25px;
    margin-right: 10px;
    font-size: 15px;
}

.arrow_service ul li b {
    float: left;
    z-index: 99;
    position: relative;
    padding-right: 9px;
    font-weight: normal;
    font-size: 17px;
    vertical-align: middle;
    line-height: 25px;
    display: inline-block;
}

.arrow_service ul li:after {
    content: "";
    width: 100%;
    height: 6px;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 9;
    bottom: 0;
    margin: auto;
    background: #d8d8d8
}

.arrow_three_service .arrow-right_service {
    width: 33.33%;
    padding: 25px 15px 25px 0;
    vertical-align: middle;
    margin: 0;
    height: 74px;
    border: 0;
}

.step_done_service {
    color: #237CA9;
}

.arrow_service ul li.step_done_service b > span {
    background: #237CA9;
}

.arrow_service ul li.step_done_service:after {
    height: 6px;
    background: #237CA9;
}

.energy_mid_box h1 {
    padding: 12px 10px 12px 15px;
}

.modal-body {
    padding: 0px 0px 0px;
}

.helpinfo_icon:before {
    content: "\e9b1";
    display: inline-block;
    position: relative;
    top: 2PX;
    font-size: 18px;
    font-weight: bold;
}

.fancybox-type-iframe.fancybox-opened .fancybox-close {
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: solid 2px #999999;
    border-radius: 60px;
    background-size: 33px;
    background-position: -2px 0px;
    overflow: hidden;
}

.nicescroll-cursors:hover {
    background-color: #26a7e6 !important;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #1785bb !important;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #26a7e6 !important;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: white;
}

.mCSB_scrollTools {
    width: 8px !important;
}

.mCSB_scrollTools_horizontal {
    width: auto !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 12px !important;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}

a.backme {
    font-size: 0px;
}

#change-userid-divPopup .helpicon {
    float: right;
    margin-right: 9px;
    margin-top: -8px !important;
}

input[disabled="disabled"] {
    -webkit-text-fill-color: rgba(0,0,0,1);
    background: #ebebe4 !important;
}

.arrow_service.arrow_three_service ul li:nth-child(3):after {
    display: none;
}

.full_width_input_sec.adddro {
    margin-top: -5px !important;
    padding: 0px 0 0 10px;
}

.bootstrap-select > .dropdown-menu.open > .dropdown-menu.inner > li {
    width: 100%;
    border: 0;
    border-top: solid 1px #dcdcdc !important;
    padding: 0;
}

    .bootstrap-select > .dropdown-menu.open > .dropdown-menu.inner > li > a {
        font-size: 15px;
        padding: 5px 15px;
    }

.bootstrap-select > .dropdown-menu.open {
    border-radius: 0;
    padding: 0;
    margin: 0;
    z-index: 9999999999999999 !important;
}

li#AddressInfo .adddro .bootstrap-select > button.dropdown-toggle {
    border-radius: 0;
    padding: 5px 20px 5px 5px;
    font-size: 15px;
    float: left;
    background: transparent !important;
    color: #4c4c4c;
    border: 1px solid #666366;
    box-shadow: none;
    border-radius: 4px;
}

.bootstrap-select > .dropdown-menu.open > .dropdown-menu.inner > li > a:hover, .bootstrap-select > .dropdown-menu.open > .dropdown-menu.inner > li > a:focus,
.bootstrap-select > .dropdown-menu.open > .dropdown-menu.inner > li > a[selected="true"] {
    /*background: #237CA9 !important;*/
    color: #fff;
    outline: none !important;
}

.set_notif_alertbox {
    position: absolute;
    right: 10px;
    top: -40px;
}

    .set_notif_alertbox > a {
        padding: 6px 8px 6px 8px;
        color: #fff !important;
        font-size: 14px;
        text-decoration: none;
        border: 0;
        font-weight: normal;
        overflow: hidden;
        position: relative;
        float: right;
        margin: 0;
        background: #2782ae;
        line-height: 21px;
    }

        .set_notif_alertbox > a:hover {
            opacity: .8;
        }

    .set_notif_alertbox .icon_bell_icon:before {
        content: '\f0f3';
        font-family: 'FontAwesome' !important;
        margin: 0px 10px 0 0;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        position: relative;
        top: 1px;
        left: 5px;
        line-height: 1;
    }

.wave_txt_hide {
    display: none !important;
    font-size: 0px !important;
}

.filter-option-inner-inner > .default-chip {
    display: none;
}

#dLabel {
    width: 100%;
    height: 35px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #4c4c4c;
    text-align: left;
    padding: 6px 15px;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 25px;
    padding-left: 10px;
    align-items: center;
    display: flex;
}

.AccountslctClass {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

    .AccountslctClass > span {
        font-size: 15px;
        padding: 0px 10px;
        color: #333;
        font-family: 'Opensans-Semibold';
        white-space: nowrap;
    }

#AddressInfo .dropdown {
    max-width: 300px;
    width: 100%;
}

    #AddressInfo .dropdown.open > ul {
        min-width: 270px;
        right: 0px;
        left: inherit;
    }

button#dLabel:before {
    content: '\e5cf';
    position: absolute;
    right: 0;
    font-size: 22px;
    font-family: material icons;
    color: #4c4c4c;
}

#AddressInfo > .dropdown > .dropdown-menu.master {
    width: 100%;
}

.dropdown.open button#dLabel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-bottom: none;
}

.dropdown.open ul.master {
    max-height: 300px;
    overflow-y: scroll;
    background: #fff;
}

.dropdown-menu .default-chip > span {
    font-size: .75rem;
    color: #fff;
    line-height: 1.141;
}

.selectAccountBox .dropdown-menu li {
    line-height: 1.5;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    border-top: solid 1px #f3f3f3;
}

    .selectAccountBox .dropdown-menu li a.dropdown-item {
        padding: 20px 1.5rem;
    }

    .selectAccountBox .dropdown-menu li:hover {
        background-color: #f9f9f9;
    }

.AccountslctClass .dropdown-menu .default-chip {
    background-color: #0096C4;
    border-radius: 16px;
    display: inline-flex;
    padding: 4px 15px;
    margin-top: 5px;
}

    .AccountslctClass .dropdown-menu .default-chip > span {
        font-size: 12px;
        color: #fff;
        line-height: 1.141;
    }

a#btnGoMultiple.submit-button {
    max-width: 60px !important;
    min-width: auto !important;
    text-align: center !important;
    padding: 3px 10px !important;
    margin-left: 10px;
    cursor: pointer;
    height: auto !important;
    min-height: auto;
    line-height: 25px;
}

#left_side_secAdd .btn-group {
    width: 245px;
    margin-right: 10px;
}

#left_side_secAdd ul#drpUL {
    left: inherit;
    right: -10px;
}

#left_side_secAdd #drpUL.multiselect-container > li > a {
    padding: 7px 0;
    border-bottom: 1px solid #ccc;
}

#left_side_secAdd #drpUL.multiselect-container > li:last-child a {
    border-bottom: 0;
}

#left_side_secAdd .btn-group button {
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 20px;
}

#left_side_secAdd b.caret {
    float: right;
    position: absolute;
    right: 7px;
    top: 14px;
}

.compr_select {
    position: relative;
}

.cmpare_select {
    font-size: 15px;
    padding: 4px 20px 4px 10px;
    border: 1px solid #000;
    height: 32px;
    border-radius: 4px;
    margin-left: 20px;
    width: 270px;
    position: relative;
}

    .cmpare_select:before {
        content: '\e5cf';
        font-family: material icons;
        position: absolute;
        right: 0;
        font-size: 22px;
        color: #4c4c4c;
        top: 0px;
    }


.cmpr_drpdwn {
    display: none;
    background: #fff;
    box-shadow: 3px 2px 5px 0 #333;
    padding: 0px;
    text-align: left;
    border-radius: 4px;
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 31px;
    right: 0px;
    min-width: 360px;
}

.radio_selectopt {
    display: inline-flex;
    width: 100%;
    white-space: nowrap;
    background: #f5f5f5;
    padding: 10px 0px;
    font-size: 16px;
    align-items: center;
    justify-content: space-between;
}

.list_srch_checkbox {
    padding: 20px;
    float: left;
    width: 100%;
}

.srch_com {
    float: left;
    width: 100%;
    position: relative;
}

    .srch_com > input {
        height: 38px;
        border-radius: 4px;
        border: 1.5px solid #ccc;
        width: 100%;
        min-width: 100%;
        padding-right: 30px !important;
        font-size: 15px;
    }

    .srch_com .srch_ico_lnk {
        position: absolute;
        right: 5px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        font-size: 23px;
        text-decoration: none;
        color: #000;
    }

a.srch_ico_lnk:before {
    content: "\F349" !important;
    font-family: "Material Design Icons" !important;
}

.dp_dls_compr {
    float: left;
    width: 100%;
    margin-top: 10px;
}

    .dp_dls_compr h4, .dp_dls_compr > h2 {
        font-weight: bold;
        font-size: 16px;
        color: #000;
        margin: 0;
        padding: 5px 0 20px;
    }

.radio_selectopt span.outer_radio {
    position: relative;
    top: 3px;
}

.compr_txtmtr {
    font-size: 18px;
    margin: 21px 0 0;
    float: left;
    width: 100%;
    color: #000;
}

.checkbox_compr {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 20px;
}

span.txtcheckboxlist {
    font-size: 17px;
    position: relative;
    top: 5px;
}

span.acctxtcomp {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 5px;
}

.compr_acnt_first .checkbox_compr {
    margin-bottom: 35px;
}
.timezone_wrpp{
    display:none !important;
}
.fullwidthbtn {
    min-width: 100%;
    float: left;
    width: 100%;
    margin: 25px 0 0;
}
@media (max-width: 767px) and (min-width: 320px) {
    .ui-datepicker.ui-widget.ui-widget-content {
        min-width: 300px;
    }

    .ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-datepicker .ui-button.ui-state-disabled:active {
        width: 37px;
    }

    #change-userid-divPopup .helpicon {
        margin-right: 5px;
        margin-top: -25px !important;
    }

    #change-userid-divPopup .help_icon_img.help_icon_img {
        top: 0;
    }

    .tagove-livechat-widget {
        display: none !important;
    }

    #toast-container .toast-close-button {
        right: 5px;
        top: 0;
        bottom: 0;
    }

    .ui-datepicker-month {
        font-size: 13px !important;
    }

    .ui-datepicker-year {
        font-size: 11px !important;
    }

    .set_notif_alertbox {
        width: 100%;
        float: left;
        padding: 0px 10px;
        position: relative;
        right: auto;
        top: auto;
    }

        .set_notif_alertbox > a {
            width: 100%;
            text-align: center;
        }
}

@media (min-width: 575px) and (max-width: 767px) {
    #change-userid-divPopup .helpicon {
        margin-top: -5px !important;
    }
}

button:focus, input:focus, img:focus, .setting_area .inner-content-log ul li a:focus, select:focus, textarea:focus, span[tabindex="0"]:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 .11rem rgba(0,0,0,.9) !important;
}

/*footer a:focus, footer button:focus, footer input:focus, footer img:focus {
    outline: #ffffff auto 5px !important;
    border-color: #80bdff !important;
}*/


#AddressInfo .bootstrap-select > select {
    left: 0;
}

/* Skip nav styles from Liam */
.skipnav {
    position: absolute;
    display: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 13px;
}
/*For all, including Opera. Display:none used to switch off the skip links for Opera users (it's redundant, Opera has excellent keyboard navigation)*/
* html .skipnav {
    display: block
}
/*Switch on for IE6 and below*/
* + html .skipnav {
    display: block
}
/*Switch on for IE7*/
:root .skipnav {
    display: block
}
/*Switch on for Moz, FF and Safari*/
.skipnav p {
    margin: 5px 0 0 0;
    padding: 0;
    position: absolute;
    font-size: 2em
}

.skipnav a {
    width: 200px;
    display: block;
    color: #fff;
    background: #333;
    text-decoration: none;
    padding: 5px;
    position: absolute;
    left: -1000em;
    top: 0;
    font-weight: bold;
    text-align: center;
}

    .skipnav a:visited {
        color: #fff
    }

    .skipnav a:focus, .skipnav a:active {
        z-index: 99;
        top: 0;
        left: 10px;
        border: solid #777 1px;
        color: #fff;
        background: #237CA9 !important;
        font-family: 'OpenSans-SemiBold';
    }
    /*Note IE bug that requires use of :active to mimic effect of :focus*/

    .skipnav a:hover {
        cursor: default
    }

.arrow_service ul li.arrow-right22_service:after {
    Display: none;
}

.arrow_three_service .arrow-right_service.arrow_width.arrow_width {
    width: 80% !important;
}

.arrow_service ul li.arrow_width:after {
    width: 96% !important;
}

.arrow-right22_service {
    min-width: 20% !important;
    width: 20% !important;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .strengthdiv > a.button_strength {
        display: none !important;
    }
}

_:-ms-fullscreen, :root .strengthdiv > a.button_strength {
    display: none !important;
}

.formpreview_connectme {
    height: auto;
    width: 100%;
    float: left;
    padding: 0;
    min-height: 350px;
}

.previewrow {
    padding: 10px 15px;
    border-top: solid 1px #ccc;
    background: #fff;
}

    .previewrow:nth-child(even) {
        background: #eafbff;
    }

    .previewrow > .column {
        width: 30%;
        font-size: 16px;
        font-family: OpenSans-SemiBold;
        float: left;
    }

    .previewrow > .value {
        min-width: 50px;
        font-size: 16px;
        float: left;
        width: 60%;
        font-family: OpenSans-Regular;
    }

    .previewrow > .previewrow_divider {
        float: left;
        width: 5%;
        max-width: 30px;
    }

.heading3_formpreview {
    margin-top: 0;
    background: #f4f4f4;
    padding: 7px;
    font-family: OpenSans-SemiBold;
    font-size: 21px;
    min-height: 38px;
    text-align: center;
    margin-bottom: 0;
}

.toast .toast-message {
    font-size: 16px;
}

.setting_area .multiselect.dropdown-toggle {
    width: 113px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: #237CA9 !important;
    box-shadow: 0 0 0 0 !important;
    border-radius: 0px;
    padding: 2px 7px !important;
    height: 30px;
    color: #fff;
    border: 0px;
    font-size: 14px;
    margin-right: 2px;
}

.adddro .multiselect-container li a label {
    font-size: 15px;
}

.setting_area span.multiselect-selected-text {
    width: 90px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: #fff !important;
}

.setting_area .caret {
    float: right;
    margin-top: 6px;
    color: #fff !important;
}

ul.multiselect-container.dropdown-menu li {
    width: 100%;
    float: left;
    padding: 0px;
    border: 0px !important;
    background: none !important;
}

.setting_area .inner-content-log ul li a#btnGoMultiple {
    height: 30px !important;
    width: auto !important;
    color: #fff !important;
    text-indent: 1px !important;
    font-size: 15px;
    border-radius: 3px;
    padding: 5px 7px !important;
    background: #237CA9 !important;
    box-shadow: 0 0 0;
    min-width: auto !important;
}

ul.multiselect-container.dropdown-menu li {
    height: auto;
}

li#module10.ev, #module9.sh {
    display: none;
}

.setting_area .inner-content-log .dropdown-menu > .active > a,
.setting_area .inner-content-log .dropdown-menu > .active > a:focus,
.setting_area .inner-content-log .dropdown-menu > .active > a:hover {
    color: #fff !important;
}

@media (min-width: 1025px) {
}

.NoDataBox {
    position: absolute;
    top: 40%;
    left: 0;
    text-align: center;
    font-family: OpenSans-Semibold;
    max-width: 80%;
    margin: 0 auto;
    right: 0;
    font-size: 16px;
}

#ddlGroup {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url(/Portal/images/arrowdown_mdb.png) !important;
    background-size: 12px 15px !important;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
}

.dropdown.icon-pop ul.dropdown-menu > li {
    width: 50%;
    text-align: center;
    height: 83px;
    border: 1px solid #fff;
}

    .dropdown.icon-pop ul.dropdown-menu > li a {
        background: none !important;
        height: 81px;
        padding: 15px 0px !important;
    }

    .dropdown.icon-pop ul.dropdown-menu > li:hover, .dropdown.icon-pop ul.dropdown-menu > li.active {
        width: 50%;
        text-align: center;
        height: 83px;
        border: 1px solid #d8d8d8;
        /*background: #f1f0f0;*/
        background: #e9f8ff;
    }

.dropdown.icon-pop ul.dropdown-menu {
    min-width: 300px;
    padding: 15px;
}

    .dropdown.icon-pop ul.dropdown-menu > li label {
        font-weight: 600;
        padding-top: 10px;
        display: block;
    }

.dropdown.icon-pop .dropdown-menu .arrow_bdr {
    right: 8px;
    top: -9px;
}

.dropdown.icon-pop ul.dropdown-menu > li a[disable] {
    background: #d8d6d6 !important;
    margin-top: -1px;
    height: 83px;
}

#forget-me-divPopup .modal-dialog {
    width: 800px;
}

.help_icon_img.info_icon_master {
    float: right !important;
    margin-left: 10px !important;
    margin-top: -3px !important;
    background: none;
    border: 0px;
}

.inputSearch {
    width: 95% !important;
    font-size: 16px;
    margin: 4px;
}

#AddressInfo .tooltip-inner {
    min-width: 200px;
    display: inline-block;
}

    #AddressInfo .tooltip-inner span {
        font-size: 16px;
    }

    #AddressInfo .tooltip-inner ul li {
        color: #fff;
        line-height: 14px;
        padding: 5px 0px;
        height: 25px;
        border-left: 0px solid #ccc;
    }

.estimatedBox a, .effi_dashbox a {
    color: #29bbae;
}

.aspNetDisabled {
    width: 195px !important;
    color: #646464 !important;
    border: 1px solid #a9a9a9 !important;
    border-radius: 4px;
    outline: none !important;
    margin-top: 7px !important;
    padding-left: 15px;
    padding-right: 25px;
    min-height: 32px;
    font-size: 15px;
    max-width: 100%;
}

#changepwdbody .strengthdiv {
    float: right;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    width: auto !important;
}

    #changepwdbody .strengthdiv a.button_strength {
        position: relative;
        font-size: 0px !important;
        min-height: 30px;
        width: 30px;
        display: block;
        margin-top: 12px;
    }

        #changepwdbody .strengthdiv a.button_strength:before {
            display: inline-block;
            font: normal normal normal 24px/1 "Material Design Icons";
            font-size: inherit;
            text-rendering: auto;
            line-height: inherit;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\F6CF";
            font-size: 29px !important;
            position: absolute;
            right: 10px;
            top: 0px;
            font-family: 'Material Design Icons';
            color: #696969;
        }

        #changepwdbody .strengthdiv a.button_strength.hide_button_strength:before {
            display: inline-block;
            font: normal normal normal 24px/1 "Material Design Icons";
            font-family: 'Material Design Icons';
            font-size: inherit;
            text-rendering: auto;
            line-height: inherit;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\F6D0";
            font-size: 29px !important;
            position: absolute;
            right: 10px;
            top: 0px;
            color: #696969;
        }

.lblItem label {
    padding: 5px 10px 5px 10px;
    background: #f5f5f5;
    display: block;
    text-align: center;
    font-size: 13px;
}

.AcntSelectWrapper .multiselect-container > li > a > label {
    padding-left: 30px !important
}


.homediv {
    background: none !important;
    border: none !important;
    width: 100%;
}

button[type="button"] {
    outline: none !important;
}

    button[type="button"]:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    button[type="button"]:focus-visible {
        outline: 2px solid #000 !important; /* Customize as needed */
       
        box-shadow: none !important;
    }

/* Remove default focus styles for all focus events */
.form-group select:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #ced4da !important; /* or your default border */
}

/* Apply custom visible focus only for keyboard (Tab) */
.form-group select:focus-visible {
    outline: 1px solid #000 !important; /* custom outline */

    box-shadow: none !important;
    border-color: #000 !important; /* optional: dark border on keyboard focus */
}

.form-group {
    margin-bottom: 1rem; /* 16px */
}

.form-select:focus {
    border-color: transparent;
}