* { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

        html, body {
            overscroll-behavior: contain;
        }

        .mdl-ripple { background: #000; opacity: 0.001; }

        /*MAIN BLUR*/       .blur > *:not(.not_blur) { filter: blur(4px); -webkit-filter: blur(4px); }
        /*MAIN LOADER*/     .loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #222222;z-index: 1000; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }  .loader-wrapper .loader-section.section-left {left: 0;}  .loader-wrapper .loader-section.section-right {right: 0;}  .loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}  .loader_main {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #3498db;-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */z-index: 1001;}  .loader_main:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #e74c3c;-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */}  .loader_main:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f9c922;-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */}  @-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: rotate(0deg); /* IE 9 */transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */} 100% {-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: rotate(360deg); /* IE 9 */transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */} }  @keyframes spin { 0% {-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: rotate(0deg); /* IE 9 */transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */} 100% {-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: rotate(360deg); /* IE 9 */transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */} }  /* Loaded */  .loader-wrapper.loaded .loader-section.section-left {-webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(-100%); /* IE 9 */transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}  .loader-wrapper.loaded .loader-section.section-right {-webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(100%); /* IE 9 */transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}  .loaded .loader_main {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}  .loader-wrapper.loaded {visibility: hidden;-webkit-transition: all 0.1s 0.3s ease-out;transition: all 0.1s 0.3s ease-out;}  .loader-wrapper .loader-logo {width: 100%;height: 100%;top: 0;left: 0;position: fixed;z-index: 1001;}  .loader-wrapper .loader-logo > img , .loader-wrapper .loader-logo > svg {display: block;position: relative;left: 50%;top: 50%;height: 100px;width: 100px;margin: -47px 0 0 -47px;}  .loader-wrapper .loader-outer > img , .loader-wrapper .loader-outer > svg {-webkit-animation: spin 3s linear infinite;animation: spin 3.5s linear infinite;}  /* JavaScript Turned Off */  .no-js .loader-wrapper {display: none;}  .no-js h1 {color: #222222;}  #loader-wrapper {z-index: 1001;}  #loader-wrapper .loader-section {opacity: 1;}
        /* Loaded_FADE */   .loader-wrapper.loaded_fade { background:#222222; opacity: 0.8; } .loader-wrapper.loaded_fade.loader-section { -webkit-transition: all 0s; transition: all 0s; } .loader-wrapper.loaded_fade.loaded { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;opacity: 0; visibility: hidden;}
        /*LOADER WINDOWS*/  .loader_win {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;zoom: 3;position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 1000;}  .loader_win-inner {transform: translateY(-50%);top: 70%;position: absolute;width: calc(100% - 200px);color: #FFF;padding: 0 100px;text-align: center;}  .loader_win-inner label {font-size: 12px;opacity: 0;display: inline-block;}  @keyframes lol { 0% {opacity: 0;transform: translateX(-300px);} 33% {opacity: 1;transform: translateX(0px);} 66% {opacity: 1;transform: translateX(0px);} 100% {opacity: 0;transform: translateX(300px);} }  @-webkit-keyframes lol { 0% {opacity: 0;-webkit-transform: translateX(-300px);} 33% {opacity: 1;-webkit-transform: translateX(0px);} 66% {opacity: 1;-webkit-transform: translateX(0px);} 100% {opacity: 0;-webkit-transform: translateX(300px);} }  .loader_win-inner label:nth-child(7) {-webkit-animation: lol 3s infinite ease-in-out;animation: lol 3s infinite ease-in-out;}  .loader_win-inner label:nth-child(6) {-webkit-animation: lol 3s 100ms infinite ease-in-out;animation: lol 3s 100ms infinite ease-in-out;}  .loader_win-inner label:nth-child(5) {-webkit-animation: lol 3s 200ms infinite ease-in-out;animation: lol 3s 200ms infinite ease-in-out;}  .loader_win-inner label:nth-child(4) {-webkit-animation: lol 3s 300ms infinite ease-in-out;animation: lol 3s 300ms infinite ease-in-out;}  .loader_win-inner label:nth-child(3) {-webkit-animation: lol 3s 400ms infinite ease-in-out;animation: lol 3s 400ms infinite ease-in-out;}  .loader_win-inner label:nth-child(2) {-webkit-animation: lol 3s 500ms infinite ease-in-out;animation: lol 3s 500ms infinite ease-in-out;}  .loader_win-inner label:nth-child(1) {-webkit-animation: lol 3s 600ms infinite ease-in-out;animation: lol 3s 600ms infinite ease-in-out;}  @media only screen and (max-width: 840px) {  .loader_win {zoom: 2;}  }  @media only screen and (max-width: 685px) {  .loader_win {zoom: 1.7;}  }  @media only screen and (max-width: 550px) {  .loader_win {zoom: 1.4;}  }  @media only screen and (max-width: 420px) {  .loader_win {zoom: 1;}  }  @media only screen and (max-width: 220px) {  .loader_win {zoom: 0.8;}  }
        /*LOADER SLACK*/    @keyframes slk_before { 0% {width: 0.5em;box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), calc(-1em) 0.5em rgba(111, 202, 220, 0.75);} 35% {width: 2.5em;box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);} 70% {width: 0.5em;box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);} 100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), calc(-1em) 0.5em rgba(111, 202, 220, 0.75);} }  @keyframes slk_after { 0% {height: 0.5em;box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), calc(-0.5em) -1em rgba(233, 169, 32, 0.75);} 35% {height: 2.5em;box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), calc(-0.5em) 0 rgba(233, 169, 32, 0.75);} 70% {height: 0.5em;box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), calc(-0.5em) 1em rgba(233, 169, 32, 0.75);} 100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), calc(-0.5em) -1em rgba(233, 169, 32, 0.75);} }  .loader_slk {position: relative;width: 2.5em;height: 2.5em;transform: rotate(165deg);zoom: 5;}  .loader_slk:before, .loader_slk:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform: translate(-50%, -50%);}  .loader_slk:before {animation: slk_before 2s infinite;}  .loader_slk:after {animation: slk_after 2s infinite;}  .loader_slk {position: absolute;top: calc(50% - 1.25em);left: calc(50% - 1.25em);z-index: 1000;}

        html.offline {
            border: 1px solid #ff0000 !important;
            width: calc(100% - 2px) !important;;
            height: calc(100% - 2px) !important;;
        }

        .mdl-layout-title { line-height: 1.6 !important; }

        /** { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }*/
    



/*fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en*/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/*fonts.googleapis.com/icon?family=Material+Icons*/
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

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


 plugin { display:none; }



/*autofill/v2/main*/
.immybox.immybox_witharrow {
    background-image: url(img/immybox-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer
}

.immybox_results {
    position: fixed;
    overflow: auto;
    max-height: 20em;
    background-color: white;
    border: 1px solid #ccc;
    z-index: 9001
}

.immybox_results p.immybox_moreinfo, .immybox_results p.immybox_noresults {
    color: #ccc;
    font-style: italic;
    padding: 0 1em;
    margin: 0
}

.immybox_results ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.immybox_results ul li {
    padding: 0.25em 1em;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.immybox_results ul li.immybox_choice {
    cursor: pointer
}

.immybox_results ul li.immybox_choice.active {
    background-color: #f1f1f1
}

.immybox_results ul li.immybox_choice .highlight {
    text-decoration: underline
}



/*datepicker/v1/main*/
.mddtp-button,.mddtp-picker{font-family:Roboto,Helvetica,Arial,sans-serif!important}.mddtp-button{height:36px;min-width:64px;border:none;background-color:transparent;border-radius:3px;display:inline-block;padding:0 8px;margin-right:8px;font-size:15px;text-transform:uppercase;outline:0;cursor:pointer;color:#009688;-webkit-appearance:button;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}.mddtp-button:focus,.mddtp-button:hover{background-color:#e0e0e0}.mddtp-button:active{background-color:#bdbdbd}.mddtp-button:disabled{color:rgba(0,0,0,.26);cursor:not-allowed}.mddtp-picker{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);min-width:280px;position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;display:table;border-radius:3px;line-height:normal;overflow:hidden;z-index:99999}.mddtp-picker .mddtp-picker__header{width:100px;background-color:#009688;padding:24px 24px 20px}.mddtp-picker .mddtp-picker__header .mddtp-picker__title{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:28px;font-weight:700}.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle{font-weight:400;font-size:16px;line-height:20px}.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle,.mddtp-picker .mddtp-picker__header .mddtp-picker__title{color:rgba(255,255,255,.7);margin:0;cursor:pointer}.mddtp-picker .mddtp-picker__header .mddtp-picker__color--active{color:#fff}.mddtp-picker .mddtp-picker__body{position:relative;background-color:#fff}.mddtp-picker .mddtp-picker__body .mddtp-picker__action{margin-top:24px;padding:8px 0;text-align:right}.mddtp-picker .mddtp-picker__body,.mddtp-picker .mddtp-picker__header{display:table-cell;vertical-align:top;height:100%}.mddtp-picker-date .mddtp-picker__left{left:4px}.mddtp-picker-date .mddtp-picker__right{right:4px}.mddtp-picker-date .mddtp-picker__left,.mddtp-picker-date .mddtp-picker__right{position:absolute;background-repeat:no-repeat;background-position:center;margin:0;height:48px;width:48px;min-width:48px;top:4px;border-radius:50%; display: flex;align-items: center;justify-content: center; }.mddtp-picker-date .mddtp-picker__left:focus,.mddtp-picker-date .mddtp-picker__left:hover,.mddtp-picker-date .mddtp-picker__right:focus,.mddtp-picker-date .mddtp-picker__right:hover{background-color:#e0e0e0}.mddtp-picker-date .mddtp-picker__left:active,.mddtp-picker-date .mddtp-picker__right:active{background-color:#bdbdbd}.mddtp-picker-date .mddtp-picker__left:disabled,.mddtp-picker-date .mddtp-picker__right:disabled{background-repeat:no-repeat;background-position:center}.mddtp-picker__body .mddtp-picker__viewHolder{width:314px;overflow:hidden}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__views{list-style:none;margin:0;padding:0;font-size:0;width:2000px}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view{display:inline-block;width:314px;text-align:center;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:.1.5s cubic-bezier(.42,0,.58,1)}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month{display:inline-block;padding:18px;font-size:13px;font-weight:600;color:rgba(0,0,0,.87)}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--left{-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0)}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--pause{transition:none}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid{padding:8px 14px 0}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span{display:inline-block;font-size:13px;margin:2px;color:rgba(0,0,0,.87);border-radius:50%;width:36px;height:36px;line-height:36px;vertical-align:middle}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today{color:#009688;font-weight:600}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover,.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected{background-color:#009688;color:#fff}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--disabled{color:rgba(0,0,0,.26);cursor:not-allowed}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr{padding:2px 0}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell{pointer-events:all;cursor:pointer}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span{color:rgba(0,0,0,.54)}.mddtp-picker__years{position:absolute;left:0;top:0;list-style:none;margin:0;padding:0;width:100%;height:calc(100% - 52px);text-align:center;overflow:auto}.mddtp-picker__years li{font-size:16px;padding:8px 0;color:rgba(0,0,0,.87);cursor:pointer}.mddtp-picker__years .mddtp-picker__li--current{font-size:21px;color:#009688}.mddtp-picker__years--invisible{display:none}.mddtp-picker-time .mddtp-picker__header{vertical-align:middle;width:125px}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title{text-align:right;font-size:0}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title span{font-size:45px;font-weight:400;line-height:48px;margin:0 2px}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle{margin-top:8px;text-align:center}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle div{margin-top:2px}.mddtp-picker-time .mddtp-picker__circularView,.mddtp-picker-time .mddtp-time__circularHolder{-webkit-tap-highlight-color:transparent}.mddtp-picker__circularHolder{position:relative;width:250px;height:250px;margin:20px;border-radius:50%;background-color:#eee}.mddtp-picker__circularView{position:absolute;width:100%;height:100%}.mddtp-picker__circularView .mddtp-picker__cell{position:absolute;width:50%;top:calc(50% - 18px);left:50%;text-align:right;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.mddtp-picker__circularView .mddtp-picker__cell span{display:inline-block;cursor:pointer;color:rgba(0,0,0,.87);border-radius:50%;width:36px;height:36px;line-height:36px;text-align:center;margin-right:8px}.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__circularView .mddtp-picker__cell:hover span,.mddtp-picker__circularView .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell:hover span,.mddtp-picker__circularView .mddtp-picker__cell--selected span{color:#fff}.mddtp-picker__circularView--hidden{display:none}.mddtp-picker__circle--fake{position:absolute;border-radius:50%;height:36px;width:36px;cursor:move;cursor:grab;cursor:-webkit-grab}.mddtp-picker__circle--fake.is-pointer-down,.mddtp-picker__circle--fake:active{cursor:grabbing;cursor:-webkit-grabbing}.mddtp-picker__selection{position:absolute;left:50%;top:calc(50% - 18px);width:50%;font-size:0;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;transition:.15s cubic-bezier(.42,0,.58,1)}.mddtp-picker__selection span{display:inline-block;background-color:#009688;height:2px;vertical-align:middle}.mddtp-picker__selection span.mddtp-picker__dot{width:8px;height:8px;border-radius:50%}.mddtp-picker__selection span.mddtp-picker__line{width:calc(100% - 52px)}.mddtp-picker__selection span.mddtp-picker__circle{border-radius:50%;height:36px;width:36px}.mddtp-picker__selection--quick{transition:none}.mddtp-picker__cell{font-size:13px}.mddtp-picker__cell--rotate24{width:40%!important;opacity:.8;font-size:80%}.mddtp-picker__left .mddtp-prev-handle,.mddtp-picker__right .mddtp-next-handle{width:100%;background-repeat:no-repeat;background-position:center center;height:100%}.mddtp-picker__left .mddtp-prev-handle{background-image:url(images/ic_keyboard_arrow_left_black_24px.svg)}.mddtp-picker__left:disabled .mddtp-prev-handle{background-image:url(images/ic_keyboard_arrow_left_black_disabled_24px.svg)}.mddtp-picker__right .mddtp-next-handle{background-image:url(images/ic_keyboard_arrow_right_black_24px.svg)}.mddtp-picker__right:disabled .mddtp-next-handle{background-image:url(images/ic_keyboard_arrow_right_black_disabled_24px.svg)}.mddtp-picker__cell--rotate-1{-webkit-transform:rotate(-87deg);-ms-transform:rotate(-87deg);transform:rotate(-87deg)}.mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line){-webkit-transform:rotate(87deg);-ms-transform:rotate(87deg);transform:rotate(87deg)}.mddtp-picker__cell--rotate-2{-webkit-transform:rotate(-84deg);-ms-transform:rotate(-84deg);transform:rotate(-84deg)}.mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line){-webkit-transform:rotate(84deg);-ms-transform:rotate(84deg);transform:rotate(84deg)}.mddtp-picker__cell--rotate-3{-webkit-transform:rotate(-81deg);-ms-transform:rotate(-81deg);transform:rotate(-81deg)}.mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line){-webkit-transform:rotate(81deg);-ms-transform:rotate(81deg);transform:rotate(81deg)}.mddtp-picker__cell--rotate-4{-webkit-transform:rotate(-78deg);-ms-transform:rotate(-78deg);transform:rotate(-78deg)}.mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line){-webkit-transform:rotate(78deg);-ms-transform:rotate(78deg);transform:rotate(78deg)}.mddtp-picker__cell--rotate-5{-webkit-transform:rotate(-75deg);-ms-transform:rotate(-75deg);transform:rotate(-75deg)}.mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line){-webkit-transform:rotate(75deg);-ms-transform:rotate(75deg);transform:rotate(75deg)}.mddtp-picker__cell--rotate-6{-webkit-transform:rotate(-72deg);-ms-transform:rotate(-72deg);transform:rotate(-72deg)}.mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line){-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.mddtp-picker__cell--rotate-7{-webkit-transform:rotate(-69deg);-ms-transform:rotate(-69deg);transform:rotate(-69deg)}.mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line){-webkit-transform:rotate(69deg);-ms-transform:rotate(69deg);transform:rotate(69deg)}.mddtp-picker__cell--rotate-8{-webkit-transform:rotate(-66deg);-ms-transform:rotate(-66deg);transform:rotate(-66deg)}.mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line){-webkit-transform:rotate(66deg);-ms-transform:rotate(66deg);transform:rotate(66deg)}.mddtp-picker__cell--rotate-9{-webkit-transform:rotate(-63deg);-ms-transform:rotate(-63deg);transform:rotate(-63deg)}.mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line){-webkit-transform:rotate(63deg);-ms-transform:rotate(63deg);transform:rotate(63deg)}.mddtp-picker__cell--rotate-10{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.mddtp-picker__cell--rotate-11{-webkit-transform:rotate(-57deg);-ms-transform:rotate(-57deg);transform:rotate(-57deg)}.mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line){-webkit-transform:rotate(57deg);-ms-transform:rotate(57deg);transform:rotate(57deg)}.mddtp-picker__cell--rotate-12{-webkit-transform:rotate(-54deg);-ms-transform:rotate(-54deg);transform:rotate(-54deg)}.mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line){-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.mddtp-picker__cell--rotate-13{-webkit-transform:rotate(-51deg);-ms-transform:rotate(-51deg);transform:rotate(-51deg)}.mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line){-webkit-transform:rotate(51deg);-ms-transform:rotate(51deg);transform:rotate(51deg)}.mddtp-picker__cell--rotate-14{-webkit-transform:rotate(-48deg);-ms-transform:rotate(-48deg);transform:rotate(-48deg)}.mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line){-webkit-transform:rotate(48deg);-ms-transform:rotate(48deg);transform:rotate(48deg)}.mddtp-picker__cell--rotate-15{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mddtp-picker__cell--rotate-16{-webkit-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg)}.mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line){-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);transform:rotate(42deg)}.mddtp-picker__cell--rotate-17{-webkit-transform:rotate(-39deg);-ms-transform:rotate(-39deg);transform:rotate(-39deg)}.mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line){-webkit-transform:rotate(39deg);-ms-transform:rotate(39deg);transform:rotate(39deg)}.mddtp-picker__cell--rotate-18{-webkit-transform:rotate(-36deg);-ms-transform:rotate(-36deg);transform:rotate(-36deg)}.mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line){-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.mddtp-picker__cell--rotate-19{-webkit-transform:rotate(-33deg);-ms-transform:rotate(-33deg);transform:rotate(-33deg)}.mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line){-webkit-transform:rotate(33deg);-ms-transform:rotate(33deg);transform:rotate(33deg)}.mddtp-picker__cell--rotate-20{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}.mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line){-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mddtp-picker__cell--rotate-21{-webkit-transform:rotate(-27deg);-ms-transform:rotate(-27deg);transform:rotate(-27deg)}.mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line){-webkit-transform:rotate(27deg);-ms-transform:rotate(27deg);transform:rotate(27deg)}.mddtp-picker__cell--rotate-22{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}.mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line){-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}.mddtp-picker__cell--rotate-23{-webkit-transform:rotate(-21deg);-ms-transform:rotate(-21deg);transform:rotate(-21deg)}.mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line){-webkit-transform:rotate(21deg);-ms-transform:rotate(21deg);transform:rotate(21deg)}.mddtp-picker__cell--rotate-24{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}.mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line){-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.mddtp-picker__cell--rotate-25{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}.mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line){-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}.mddtp-picker__cell--rotate-26{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}.mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line){-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}.mddtp-picker__cell--rotate-27{-webkit-transform:rotate(-9deg);-ms-transform:rotate(-9deg);transform:rotate(-9deg)}.mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line){-webkit-transform:rotate(9deg);-ms-transform:rotate(9deg);transform:rotate(9deg)}.mddtp-picker__cell--rotate-28{-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg)}.mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line){-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}.mddtp-picker__cell--rotate-29{-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line){-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.mddtp-picker__cell--rotate-30,.mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.mddtp-picker__cell--rotate-31{-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line){-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.mddtp-picker__cell--rotate-32{-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}.mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line){-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg)}.mddtp-picker__cell--rotate-33{-webkit-transform:rotate(9deg);-ms-transform:rotate(9deg);transform:rotate(9deg)}.mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line){-webkit-transform:rotate(-9deg);-ms-transform:rotate(-9deg);transform:rotate(-9deg)}.mddtp-picker__cell--rotate-34{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}.mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line){-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}.mddtp-picker__cell--rotate-35{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}.mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line){-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}.mddtp-picker__cell--rotate-36{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line){-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}.mddtp-picker__cell--rotate-37{-webkit-transform:rotate(21deg);-ms-transform:rotate(21deg);transform:rotate(21deg)}.mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line){-webkit-transform:rotate(-21deg);-ms-transform:rotate(-21deg);transform:rotate(-21deg)}.mddtp-picker__cell--rotate-38{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}.mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line){-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}.mddtp-picker__cell--rotate-39{-webkit-transform:rotate(27deg);-ms-transform:rotate(27deg);transform:rotate(27deg)}.mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line){-webkit-transform:rotate(-27deg);-ms-transform:rotate(-27deg);transform:rotate(-27deg)}.mddtp-picker__cell--rotate-40{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line){-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}.mddtp-picker__cell--rotate-41{-webkit-transform:rotate(33deg);-ms-transform:rotate(33deg);transform:rotate(33deg)}.mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line){-webkit-transform:rotate(-33deg);-ms-transform:rotate(-33deg);transform:rotate(-33deg)}.mddtp-picker__cell--rotate-42{-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line){-webkit-transform:rotate(-36deg);-ms-transform:rotate(-36deg);transform:rotate(-36deg)}.mddtp-picker__cell--rotate-43{-webkit-transform:rotate(39deg);-ms-transform:rotate(39deg);transform:rotate(39deg)}.mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line){-webkit-transform:rotate(-39deg);-ms-transform:rotate(-39deg);transform:rotate(-39deg)}.mddtp-picker__cell--rotate-44{-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);transform:rotate(42deg)}.mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line){-webkit-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg)}.mddtp-picker__cell--rotate-45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mddtp-picker__cell--rotate-46{-webkit-transform:rotate(48deg);-ms-transform:rotate(48deg);transform:rotate(48deg)}.mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line){-webkit-transform:rotate(-48deg);-ms-transform:rotate(-48deg);transform:rotate(-48deg)}.mddtp-picker__cell--rotate-47{-webkit-transform:rotate(51deg);-ms-transform:rotate(51deg);transform:rotate(51deg)}.mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line){-webkit-transform:rotate(-51deg);-ms-transform:rotate(-51deg);transform:rotate(-51deg)}.mddtp-picker__cell--rotate-48{-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line){-webkit-transform:rotate(-54deg);-ms-transform:rotate(-54deg);transform:rotate(-54deg)}.mddtp-picker__cell--rotate-49{-webkit-transform:rotate(57deg);-ms-transform:rotate(57deg);transform:rotate(57deg)}.mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line){-webkit-transform:rotate(-57deg);-ms-transform:rotate(-57deg);transform:rotate(-57deg)}.mddtp-picker__cell--rotate-50{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line){-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.mddtp-picker__cell--rotate-51{-webkit-transform:rotate(63deg);-ms-transform:rotate(63deg);transform:rotate(63deg)}.mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line){-webkit-transform:rotate(-63deg);-ms-transform:rotate(-63deg);transform:rotate(-63deg)}.mddtp-picker__cell--rotate-52{-webkit-transform:rotate(66deg);-ms-transform:rotate(66deg);transform:rotate(66deg)}.mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line){-webkit-transform:rotate(-66deg);-ms-transform:rotate(-66deg);transform:rotate(-66deg)}.mddtp-picker__cell--rotate-53{-webkit-transform:rotate(69deg);-ms-transform:rotate(69deg);transform:rotate(69deg)}.mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line){-webkit-transform:rotate(-69deg);-ms-transform:rotate(-69deg);transform:rotate(-69deg)}.mddtp-picker__cell--rotate-54{-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line){-webkit-transform:rotate(-72deg);-ms-transform:rotate(-72deg);transform:rotate(-72deg)}.mddtp-picker__cell--rotate-55{-webkit-transform:rotate(75deg);-ms-transform:rotate(75deg);transform:rotate(75deg)}.mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line){-webkit-transform:rotate(-75deg);-ms-transform:rotate(-75deg);transform:rotate(-75deg)}.mddtp-picker__cell--rotate-56{-webkit-transform:rotate(78deg);-ms-transform:rotate(78deg);transform:rotate(78deg)}.mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line){-webkit-transform:rotate(-78deg);-ms-transform:rotate(-78deg);transform:rotate(-78deg)}.mddtp-picker__cell--rotate-57{-webkit-transform:rotate(81deg);-ms-transform:rotate(81deg);transform:rotate(81deg)}.mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line){-webkit-transform:rotate(-81deg);-ms-transform:rotate(-81deg);transform:rotate(-81deg)}.mddtp-picker__cell--rotate-58{-webkit-transform:rotate(84deg);-ms-transform:rotate(84deg);transform:rotate(84deg)}.mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line){-webkit-transform:rotate(-84deg);-ms-transform:rotate(-84deg);transform:rotate(-84deg)}.mddtp-picker__cell--rotate-59{-webkit-transform:rotate(87deg);-ms-transform:rotate(87deg);transform:rotate(87deg)}.mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line){-webkit-transform:rotate(-87deg);-ms-transform:rotate(-87deg);transform:rotate(-87deg)}.mddtp-picker__cell--rotate-60{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line){-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.mddtp-picker__cell--rotate-61{-webkit-transform:rotate(93deg);-ms-transform:rotate(93deg);transform:rotate(93deg)}.mddtp-picker__cell--rotate-61 span:not(.mddtp-picker__line){-webkit-transform:rotate(-93deg);-ms-transform:rotate(-93deg);transform:rotate(-93deg)}.mddtp-picker__cell--rotate-62{-webkit-transform:rotate(96deg);-ms-transform:rotate(96deg);transform:rotate(96deg)}.mddtp-picker__cell--rotate-62 span:not(.mddtp-picker__line){-webkit-transform:rotate(-96deg);-ms-transform:rotate(-96deg);transform:rotate(-96deg)}.mddtp-picker__cell--rotate-63{-webkit-transform:rotate(99deg);-ms-transform:rotate(99deg);transform:rotate(99deg)}.mddtp-picker__cell--rotate-63 span:not(.mddtp-picker__line){-webkit-transform:rotate(-99deg);-ms-transform:rotate(-99deg);transform:rotate(-99deg)}.mddtp-picker__cell--rotate-64{-webkit-transform:rotate(102deg);-ms-transform:rotate(102deg);transform:rotate(102deg)}.mddtp-picker__cell--rotate-64 span:not(.mddtp-picker__line){-webkit-transform:rotate(-102deg);-ms-transform:rotate(-102deg);transform:rotate(-102deg)}.mddtp-picker__cell--rotate-65{-webkit-transform:rotate(105deg);-ms-transform:rotate(105deg);transform:rotate(105deg)}.mddtp-picker__cell--rotate-65 span:not(.mddtp-picker__line){-webkit-transform:rotate(-105deg);-ms-transform:rotate(-105deg);transform:rotate(-105deg)}.mddtp-picker__cell--rotate-66{-webkit-transform:rotate(108deg);-ms-transform:rotate(108deg);transform:rotate(108deg)}.mddtp-picker__cell--rotate-66 span:not(.mddtp-picker__line){-webkit-transform:rotate(-108deg);-ms-transform:rotate(-108deg);transform:rotate(-108deg)}.mddtp-picker__cell--rotate-67{-webkit-transform:rotate(111deg);-ms-transform:rotate(111deg);transform:rotate(111deg)}.mddtp-picker__cell--rotate-67 span:not(.mddtp-picker__line){-webkit-transform:rotate(-111deg);-ms-transform:rotate(-111deg);transform:rotate(-111deg)}.mddtp-picker__cell--rotate-68{-webkit-transform:rotate(114deg);-ms-transform:rotate(114deg);transform:rotate(114deg)}.mddtp-picker__cell--rotate-68 span:not(.mddtp-picker__line){-webkit-transform:rotate(-114deg);-ms-transform:rotate(-114deg);transform:rotate(-114deg)}.mddtp-picker__cell--rotate-69{-webkit-transform:rotate(117deg);-ms-transform:rotate(117deg);transform:rotate(117deg)}.mddtp-picker__cell--rotate-69 span:not(.mddtp-picker__line){-webkit-transform:rotate(-117deg);-ms-transform:rotate(-117deg);transform:rotate(-117deg)}.mddtp-picker__cell--rotate-70{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.mddtp-picker__cell--rotate-70 span:not(.mddtp-picker__line){-webkit-transform:rotate(-120deg);-ms-transform:rotate(-120deg);transform:rotate(-120deg)}.mddtp-picker__cell--rotate-71{-webkit-transform:rotate(123deg);-ms-transform:rotate(123deg);transform:rotate(123deg)}.mddtp-picker__cell--rotate-71 span:not(.mddtp-picker__line){-webkit-transform:rotate(-123deg);-ms-transform:rotate(-123deg);transform:rotate(-123deg)}.mddtp-picker__cell--rotate-72{-webkit-transform:rotate(126deg);-ms-transform:rotate(126deg);transform:rotate(126deg)}.mddtp-picker__cell--rotate-72 span:not(.mddtp-picker__line){-webkit-transform:rotate(-126deg);-ms-transform:rotate(-126deg);transform:rotate(-126deg)}.mddtp-picker__cell--rotate-73{-webkit-transform:rotate(129deg);-ms-transform:rotate(129deg);transform:rotate(129deg)}.mddtp-picker__cell--rotate-73 span:not(.mddtp-picker__line){-webkit-transform:rotate(-129deg);-ms-transform:rotate(-129deg);transform:rotate(-129deg)}.mddtp-picker__cell--rotate-74{-webkit-transform:rotate(132deg);-ms-transform:rotate(132deg);transform:rotate(132deg)}.mddtp-picker__cell--rotate-74 span:not(.mddtp-picker__line){-webkit-transform:rotate(-132deg);-ms-transform:rotate(-132deg);transform:rotate(-132deg)}.mddtp-picker__cell--rotate-75{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mddtp-picker__cell--rotate-75 span:not(.mddtp-picker__line){-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.mddtp-picker__cell--rotate-76{-webkit-transform:rotate(138deg);-ms-transform:rotate(138deg);transform:rotate(138deg)}.mddtp-picker__cell--rotate-76 span:not(.mddtp-picker__line){-webkit-transform:rotate(-138deg);-ms-transform:rotate(-138deg);transform:rotate(-138deg)}.mddtp-picker__cell--rotate-77{-webkit-transform:rotate(141deg);-ms-transform:rotate(141deg);transform:rotate(141deg)}.mddtp-picker__cell--rotate-77 span:not(.mddtp-picker__line){-webkit-transform:rotate(-141deg);-ms-transform:rotate(-141deg);transform:rotate(-141deg)}.mddtp-picker__cell--rotate-78{-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}.mddtp-picker__cell--rotate-78 span:not(.mddtp-picker__line){-webkit-transform:rotate(-144deg);-ms-transform:rotate(-144deg);transform:rotate(-144deg)}.mddtp-picker__cell--rotate-79{-webkit-transform:rotate(147deg);-ms-transform:rotate(147deg);transform:rotate(147deg)}.mddtp-picker__cell--rotate-79 span:not(.mddtp-picker__line){-webkit-transform:rotate(-147deg);-ms-transform:rotate(-147deg);transform:rotate(-147deg)}.mddtp-picker__cell--rotate-80{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.mddtp-picker__cell--rotate-80 span:not(.mddtp-picker__line){-webkit-transform:rotate(-150deg);-ms-transform:rotate(-150deg);transform:rotate(-150deg)}.mddtp-picker__cell--rotate-81{-webkit-transform:rotate(153deg);-ms-transform:rotate(153deg);transform:rotate(153deg)}.mddtp-picker__cell--rotate-81 span:not(.mddtp-picker__line){-webkit-transform:rotate(-153deg);-ms-transform:rotate(-153deg);transform:rotate(-153deg)}.mddtp-picker__cell--rotate-82{-webkit-transform:rotate(156deg);-ms-transform:rotate(156deg);transform:rotate(156deg)}.mddtp-picker__cell--rotate-82 span:not(.mddtp-picker__line){-webkit-transform:rotate(-156deg);-ms-transform:rotate(-156deg);transform:rotate(-156deg)}.mddtp-picker__cell--rotate-83{-webkit-transform:rotate(159deg);-ms-transform:rotate(159deg);transform:rotate(159deg)}.mddtp-picker__cell--rotate-83 span:not(.mddtp-picker__line){-webkit-transform:rotate(-159deg);-ms-transform:rotate(-159deg);transform:rotate(-159deg)}.mddtp-picker__cell--rotate-84{-webkit-transform:rotate(162deg);-ms-transform:rotate(162deg);transform:rotate(162deg)}.mddtp-picker__cell--rotate-84 span:not(.mddtp-picker__line){-webkit-transform:rotate(-162deg);-ms-transform:rotate(-162deg);transform:rotate(-162deg)}.mddtp-picker__cell--rotate-85{-webkit-transform:rotate(165deg);-ms-transform:rotate(165deg);transform:rotate(165deg)}.mddtp-picker__cell--rotate-85 span:not(.mddtp-picker__line){-webkit-transform:rotate(-165deg);-ms-transform:rotate(-165deg);transform:rotate(-165deg)}.mddtp-picker__cell--rotate-86{-webkit-transform:rotate(168deg);-ms-transform:rotate(168deg);transform:rotate(168deg)}.mddtp-picker__cell--rotate-86 span:not(.mddtp-picker__line){-webkit-transform:rotate(-168deg);-ms-transform:rotate(-168deg);transform:rotate(-168deg)}.mddtp-picker__cell--rotate-87{-webkit-transform:rotate(171deg);-ms-transform:rotate(171deg);transform:rotate(171deg)}.mddtp-picker__cell--rotate-87 span:not(.mddtp-picker__line){-webkit-transform:rotate(-171deg);-ms-transform:rotate(-171deg);transform:rotate(-171deg)}.mddtp-picker__cell--rotate-88{-webkit-transform:rotate(174deg);-ms-transform:rotate(174deg);transform:rotate(174deg)}.mddtp-picker__cell--rotate-88 span:not(.mddtp-picker__line){-webkit-transform:rotate(-174deg);-ms-transform:rotate(-174deg);transform:rotate(-174deg)}.mddtp-picker__cell--rotate-89{-webkit-transform:rotate(177deg);-ms-transform:rotate(177deg);transform:rotate(177deg)}.mddtp-picker__cell--rotate-89 span:not(.mddtp-picker__line){-webkit-transform:rotate(-177deg);-ms-transform:rotate(-177deg);transform:rotate(-177deg)}.mddtp-picker__cell--rotate-90{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mddtp-picker__cell--rotate-90 span:not(.mddtp-picker__line){-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.mddtp-picker__cell--rotate-91{-webkit-transform:rotate(183deg);-ms-transform:rotate(183deg);transform:rotate(183deg)}.mddtp-picker__cell--rotate-91 span:not(.mddtp-picker__line){-webkit-transform:rotate(-183deg);-ms-transform:rotate(-183deg);transform:rotate(-183deg)}.mddtp-picker__cell--rotate-92{-webkit-transform:rotate(186deg);-ms-transform:rotate(186deg);transform:rotate(186deg)}.mddtp-picker__cell--rotate-92 span:not(.mddtp-picker__line){-webkit-transform:rotate(-186deg);-ms-transform:rotate(-186deg);transform:rotate(-186deg)}.mddtp-picker__cell--rotate-93{-webkit-transform:rotate(189deg);-ms-transform:rotate(189deg);transform:rotate(189deg)}.mddtp-picker__cell--rotate-93 span:not(.mddtp-picker__line){-webkit-transform:rotate(-189deg);-ms-transform:rotate(-189deg);transform:rotate(-189deg)}.mddtp-picker__cell--rotate-94{-webkit-transform:rotate(192deg);-ms-transform:rotate(192deg);transform:rotate(192deg)}.mddtp-picker__cell--rotate-94 span:not(.mddtp-picker__line){-webkit-transform:rotate(-192deg);-ms-transform:rotate(-192deg);transform:rotate(-192deg)}.mddtp-picker__cell--rotate-95{-webkit-transform:rotate(195deg);-ms-transform:rotate(195deg);transform:rotate(195deg)}.mddtp-picker__cell--rotate-95 span:not(.mddtp-picker__line){-webkit-transform:rotate(-195deg);-ms-transform:rotate(-195deg);transform:rotate(-195deg)}.mddtp-picker__cell--rotate-96{-webkit-transform:rotate(198deg);-ms-transform:rotate(198deg);transform:rotate(198deg)}.mddtp-picker__cell--rotate-96 span:not(.mddtp-picker__line){-webkit-transform:rotate(-198deg);-ms-transform:rotate(-198deg);transform:rotate(-198deg)}.mddtp-picker__cell--rotate-97{-webkit-transform:rotate(201deg);-ms-transform:rotate(201deg);transform:rotate(201deg)}.mddtp-picker__cell--rotate-97 span:not(.mddtp-picker__line){-webkit-transform:rotate(-201deg);-ms-transform:rotate(-201deg);transform:rotate(-201deg)}.mddtp-picker__cell--rotate-98{-webkit-transform:rotate(204deg);-ms-transform:rotate(204deg);transform:rotate(204deg)}.mddtp-picker__cell--rotate-98 span:not(.mddtp-picker__line){-webkit-transform:rotate(-204deg);-ms-transform:rotate(-204deg);transform:rotate(-204deg)}.mddtp-picker__cell--rotate-99{-webkit-transform:rotate(207deg);-ms-transform:rotate(207deg);transform:rotate(207deg)}.mddtp-picker__cell--rotate-99 span:not(.mddtp-picker__line){-webkit-transform:rotate(-207deg);-ms-transform:rotate(-207deg);transform:rotate(-207deg)}.mddtp-picker__cell--rotate-100{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.mddtp-picker__cell--rotate-100 span:not(.mddtp-picker__line){-webkit-transform:rotate(-210deg);-ms-transform:rotate(-210deg);transform:rotate(-210deg)}.mddtp-picker__cell--rotate-101{-webkit-transform:rotate(213deg);-ms-transform:rotate(213deg);transform:rotate(213deg)}.mddtp-picker__cell--rotate-101 span:not(.mddtp-picker__line){-webkit-transform:rotate(-213deg);-ms-transform:rotate(-213deg);transform:rotate(-213deg)}.mddtp-picker__cell--rotate-102{-webkit-transform:rotate(216deg);-ms-transform:rotate(216deg);transform:rotate(216deg)}.mddtp-picker__cell--rotate-102 span:not(.mddtp-picker__line){-webkit-transform:rotate(-216deg);-ms-transform:rotate(-216deg);transform:rotate(-216deg)}.mddtp-picker__cell--rotate-103{-webkit-transform:rotate(219deg);-ms-transform:rotate(219deg);transform:rotate(219deg)}.mddtp-picker__cell--rotate-103 span:not(.mddtp-picker__line){-webkit-transform:rotate(-219deg);-ms-transform:rotate(-219deg);transform:rotate(-219deg)}.mddtp-picker__cell--rotate-104{-webkit-transform:rotate(222deg);-ms-transform:rotate(222deg);transform:rotate(222deg)}.mddtp-picker__cell--rotate-104 span:not(.mddtp-picker__line){-webkit-transform:rotate(-222deg);-ms-transform:rotate(-222deg);transform:rotate(-222deg)}.mddtp-picker__cell--rotate-105{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mddtp-picker__cell--rotate-105 span:not(.mddtp-picker__line){-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}.mddtp-picker__cell--rotate-106{-webkit-transform:rotate(228deg);-ms-transform:rotate(228deg);transform:rotate(228deg)}.mddtp-picker__cell--rotate-106 span:not(.mddtp-picker__line){-webkit-transform:rotate(-228deg);-ms-transform:rotate(-228deg);transform:rotate(-228deg)}.mddtp-picker__cell--rotate-107{-webkit-transform:rotate(231deg);-ms-transform:rotate(231deg);transform:rotate(231deg)}.mddtp-picker__cell--rotate-107 span:not(.mddtp-picker__line){-webkit-transform:rotate(-231deg);-ms-transform:rotate(-231deg);transform:rotate(-231deg)}.mddtp-picker__cell--rotate-108{-webkit-transform:rotate(234deg);-ms-transform:rotate(234deg);transform:rotate(234deg)}.mddtp-picker__cell--rotate-108 span:not(.mddtp-picker__line){-webkit-transform:rotate(-234deg);-ms-transform:rotate(-234deg);transform:rotate(-234deg)}.mddtp-picker__cell--rotate-109{-webkit-transform:rotate(237deg);-ms-transform:rotate(237deg);transform:rotate(237deg)}.mddtp-picker__cell--rotate-109 span:not(.mddtp-picker__line){-webkit-transform:rotate(-237deg);-ms-transform:rotate(-237deg);transform:rotate(-237deg)}.mddtp-picker__cell--rotate-110{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.mddtp-picker__cell--rotate-110 span:not(.mddtp-picker__line){-webkit-transform:rotate(-240deg);-ms-transform:rotate(-240deg);transform:rotate(-240deg)}.mddtp-picker__cell--rotate-111{-webkit-transform:rotate(243deg);-ms-transform:rotate(243deg);transform:rotate(243deg)}.mddtp-picker__cell--rotate-111 span:not(.mddtp-picker__line){-webkit-transform:rotate(-243deg);-ms-transform:rotate(-243deg);transform:rotate(-243deg)}.mddtp-picker__cell--rotate-112{-webkit-transform:rotate(246deg);-ms-transform:rotate(246deg);transform:rotate(246deg)}.mddtp-picker__cell--rotate-112 span:not(.mddtp-picker__line){-webkit-transform:rotate(-246deg);-ms-transform:rotate(-246deg);transform:rotate(-246deg)}.mddtp-picker__cell--rotate-113{-webkit-transform:rotate(249deg);-ms-transform:rotate(249deg);transform:rotate(249deg)}.mddtp-picker__cell--rotate-113 span:not(.mddtp-picker__line){-webkit-transform:rotate(-249deg);-ms-transform:rotate(-249deg);transform:rotate(-249deg)}.mddtp-picker__cell--rotate-114{-webkit-transform:rotate(252deg);-ms-transform:rotate(252deg);transform:rotate(252deg)}.mddtp-picker__cell--rotate-114 span:not(.mddtp-picker__line){-webkit-transform:rotate(-252deg);-ms-transform:rotate(-252deg);transform:rotate(-252deg)}.mddtp-picker__cell--rotate-115{-webkit-transform:rotate(255deg);-ms-transform:rotate(255deg);transform:rotate(255deg)}.mddtp-picker__cell--rotate-115 span:not(.mddtp-picker__line){-webkit-transform:rotate(-255deg);-ms-transform:rotate(-255deg);transform:rotate(-255deg)}.mddtp-picker__cell--rotate-116{-webkit-transform:rotate(258deg);-ms-transform:rotate(258deg);transform:rotate(258deg)}.mddtp-picker__cell--rotate-116 span:not(.mddtp-picker__line){-webkit-transform:rotate(-258deg);-ms-transform:rotate(-258deg);transform:rotate(-258deg)}.mddtp-picker__cell--rotate-117{-webkit-transform:rotate(261deg);-ms-transform:rotate(261deg);transform:rotate(261deg)}.mddtp-picker__cell--rotate-117 span:not(.mddtp-picker__line){-webkit-transform:rotate(-261deg);-ms-transform:rotate(-261deg);transform:rotate(-261deg)}.mddtp-picker__cell--rotate-118{-webkit-transform:rotate(264deg);-ms-transform:rotate(264deg);transform:rotate(264deg)}.mddtp-picker__cell--rotate-118 span:not(.mddtp-picker__line){-webkit-transform:rotate(-264deg);-ms-transform:rotate(-264deg);transform:rotate(-264deg)}.mddtp-picker__cell--rotate-119{-webkit-transform:rotate(267deg);-ms-transform:rotate(267deg);transform:rotate(267deg)}.mddtp-picker__cell--rotate-119 span:not(.mddtp-picker__line){-webkit-transform:rotate(-267deg);-ms-transform:rotate(-267deg);transform:rotate(-267deg)}.mddtp-picker__cell--rotate-120{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mddtp-picker__cell--rotate-120 span:not(.mddtp-picker__line){-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg)}.mddtp-picker.zoomIn,.mddtp-picker__viewHolder.zoomIn,.mddtp-picker__years.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.mddtp-picker.zoomOut,.mddtp-picker__viewHolder.zoomOut,.mddtp-picker__years.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}.mddtp-picker.animated,.mddtp-picker__viewHolder.animated,.mddtp-picker__years.animated{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (max-device-width:425px) and (orientation:portrait){.mddtp-picker{display:block}.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle,.mddtp-picker .mddtp-picker__header .mddtp-picker__title{margin:0}.mddtp-picker .mddtp-picker__header .mddtp-picker__title span{display:inline-block}.mddtp-picker .mddtp-picker__body,.mddtp-picker .mddtp-picker__header{display:block;height:100%;width:100%}.mddtp-picker.mddtp-picker-date .mddtp-picker__title div,.mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title{display:inline-block}.mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth{margin-left:8px}.mddtp-picker.mddtp-picker-time .mddtp-picker__header{text-align:right;width:calc(100% - 48px)}.mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle{display:inline-block;margin-left:16px}.mddtp-picker.mddtp-picker-time .mddtp-picker__body{padding-top:20px}.mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder{margin-top:0}}@media screen and (max-width:415px){.mddtp-picker{display:block}.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle,.mddtp-picker .mddtp-picker__header .mddtp-picker__title{margin:0}.mddtp-picker .mddtp-picker__header .mddtp-picker__title span{display:inline-block}.mddtp-picker .mddtp-picker__body,.mddtp-picker .mddtp-picker__header{display:block;height:100%;width:100%}.mddtp-picker.mddtp-picker-date .mddtp-picker__title div,.mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title{display:inline-block}.mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth{margin-left:8px}.mddtp-picker.mddtp-picker-time .mddtp-picker__header{text-align:right;width:calc(100% - 48px)}.mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle{display:inline-block;margin-left:16px}.mddtp-picker.mddtp-picker-time .mddtp-picker__body{padding-top:20px}.mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder{margin-top:0}}.mddtp-picker--portrait{display:block}.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__subtitle,.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title{margin:0}.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title span{display:inline-block}.mddtp-picker--portrait .mddtp-picker__body,.mddtp-picker--portrait .mddtp-picker__header{display:block;height:100%;width:100%}.mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div,.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title{display:inline-block}.mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth{margin-left:8px}.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header{text-align:right;width:calc(100% - 48px)}.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle{display:inline-block;margin-left:16px}.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__body{padding-top:20px}.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__circularHolder{margin-top:0}.mddtp-picker--inactive{display:none}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.mddtp-picker-date,.mddtp-picker-time{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}
.mddtp-picker__main_header {
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background: #007d6e;
}



/*daterangepicker*/
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
  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);
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  font-size: 12px;
  padding-right: 8px;
  display: block;
  margin-bottom: 8px;
}

.daterangepicker .drp-buttons .btn {
 /* margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;*/
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  /*border-left: 1px solid #ddd;*/
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
  border-right: 1px solid #e0e0e0;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }

  .daterangepicker .drp-selected {
    display: inline-block;
  }

}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}




/*etdatatable/v3/main*/
.et_datatable_window_filters {
    bottom: -100%;
    position: fixed;
    height: 500px;
    max-height: calc(100% - 80px);
    /*width: calc(100% - 26px);*/
    z-index: 15;
    background: #fff;
    text-align: center;
    width: calc(100% - 22px);
    left:0;
    padding: 10px;
    box-shadow: 0 -8px 10px 1px rgba(0,0,0,.14), 0 -3px 14px 2px rgba(0,0,0,.12);
}

.et_datatable_fab_floating {
    position: fixed; z-index: 10; bottom: 15px; right: 20px;
}


.et_datatable_pagination{
    padding: 15px 0;
}

.et_datatable_pagination ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.et_datatable_pagination a{
    display: inline-block;
    padding: 10px 18px;
    color: #222;
}

/* ONE */

.et_datatable_p1 a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

.et_datatable_p1 a.is-active{
    background-color: #2ecc71;
    border-radius: 100%;
    color: #fff;
}

@media only screen and (max-width: 425px) {
    .et_datatable_p1 a{
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .et_datatable_pagination{
        padding: 8px 0;
    }
}

@media only screen and (max-width: 350px) {
    .et_datatable_p1 a{
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 300px) {
    .et_datatable_p1 a{
        width: 18px;
        height: 18px;
        line-height: 18px;
        padding: 0;
        text-align: center;
    }
    .et_datatable_pagination{
        padding: 6px 0;
    }
}


.et_datatable thead td {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

.sorting_asc {
    background-image: url(Assets/Icons/datatable/sort_deactivate_asc.svg);
}

.sorting_desc {
    background-image: url(Assets/Icons/datatable/sort_deactivate_desc.svg);
}

.sorting_both {
    background-image: url(Assets/Icons/datatable/sort_deactivate_both.svg);
}

.sorting_active_asc {
    background-image: url(Assets/Icons/datatable/sort_active_asc.svg);
}
.sorting_active_desc {
    background-image: url(Assets/Icons/datatable/sort_active_desc.svg);
}

.mdl-layout__content .et_datatable_window_filters, .mdl-cell .et_datatable_window_filters {
    right: 8px;
    left:unset;
    width: calc(100% - 32px - 240px);
}

.mdl-layout__content .no_nav_slider .et_datatable_window_filters, .mdl-cell .no_nav_slider .et_datatable_window_filters {
    right: unset;
    left:0;
    width: calc(100% - 22px);
}

@media only screen and (max-width: 1024px) {
    .mdl-layout__content .et_datatable_window_filters, .mdl-cell .et_datatable_window_filters {
        right: unset;
        left:0;
        width: calc(100% - 22px);
    }
}




/*framework_mdl/v1*/
actionBarMenu {
    display: none;
}

activity , body {
    height: 100%;
}
fragment {
    padding: 16px;
}

main .mdl-cell fragment {
    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);
    background: white;
}
main .mdl-cell fragment.mdl-no-card {
    box-shadow:none;
    background: transparent;
    padding: 0px;
}

.mdl-card {
    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);
    background: white;
    padding: 16px;
}

.mdl-cell {
    margin: 4px !important;
}

/*
.mdl-cell--2-col, .mdl-cell--2-col-desktop, .mdl-cell--2-col-desktop {
    width: calc(16.6666666667% - 8px) !important;
}
.mdl-cell--2-col, .mdl-cell--3-col-desktop, .mdl-cell--2-col-desktop {
    width: calc(25% - 8px) !important;
}
.mdl-cell--4-col, .mdl-cell--4-col-desktop, .mdl-cell--4-col-desktop {
    width: calc(33.3333333333% - 8px) !important;
}
.mdl-cell--2-col, .mdl-cell--5-col-desktop, .mdl-cell--2-col-desktop {
    width: calc(41.6666666667% - 8px) !important;
}
.mdl-cell--6-col, .mdl-cell--6-col-desktop, .mdl-cell--6-col-desktop {
    width: calc(50% - 8px) !important;
}
.mdl-cell--6-col, .mdl-cell--7-col-desktop, .mdl-cell--6-col-desktop {
    width: calc(58.3333333333% - 8px) !important;
}
.mdl-cell--8-col, .mdl-cell--8-col-desktop, .mdl-cell--8-col-desktop {
    width: calc(66.6666666667% - 8px) !important;
}
.mdl-cell--8-col, .mdl-cell--9-col-desktop, .mdl-cell--8-col-desktop {
    width: calc(75% - 8px) !important;
}
.mdl-cell--10-col, .mdl-cell--10-col-desktop, .mdl-cell--10-col-desktop {
    width: calc(83.3333333333% - 8px) !important;
}
.mdl-cell--10-col, .mdl-cell--11-col-desktop, .mdl-cell--10-col-desktop {
    width: calc(91.6666666667% - 8px) !important;
}
.mdl-cell--12-col, .mdl-cell--12-col-desktop, .mdl-cell--12-col-desktop {
    width: calc(100% - 8px) !important;
}

*/




/*mdl*/
/**
 * 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
 */
@charset "UTF-8";
/**
 * 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 {

  pre, blockquote {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

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

  img {

  }
  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 */
html, body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

/**
  * Styles for HTML elements
  */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em; }

h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px; }

h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px; }

h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px; }

h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px; }

h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px; }

h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px; }

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px; }

a {
  color: rgb(255,64,129);
  font-weight: 500; }

blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  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; }

/**
 * 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)!important;
            transform: translateX(0)!important; }
    .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: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
      -webkit-transform: translateX(0) !important;
              transform: translateX(0) !important; } }

.mdl-layout__drawer-button , .fragment_as_activity__header-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;


  display: flex;
  justify-content: center;
  align-items: center;


  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 , .fragment_as_activity__header-button  {
    position: absolute;
    color: rgb(255,255,255);
    background-color: inherit; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header .mdl-layout__drawer-button , .fragment_as_activity__header-button  {
        margin: 4px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button , .fragment_as_activity__header-button  {
      margin: 4px;
      color: rgba(0, 0, 0, 0.5); } }
  @media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button, .fragment_as_activity__header-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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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% - 8px); }
    .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%; } }




.getmdl-select{outline:none}.getmdl-select .mdl-textfield__input{cursor:pointer}.getmdl-select .selected{background-color:#ddd}.getmdl-select .mdl-icon-toggle__label{float:right;margin-top:-30px;color:rgba(0,0,0,0.4);transform:rotate(0);transition:transform 0.3s}.getmdl-select.is-focused .mdl-icon-toggle__label{color:#3f51b5;transform:rotate(180deg)}.getmdl-select .mdl-menu__container{width:100% !important;margin-top:2px}.getmdl-select .mdl-menu__container .mdl-menu{width:100%}.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item{font-size:16px}.getmdl-select__fix-height .mdl-menu__container .mdl-menu{overflow-y:auto;max-height:288px !important}.getmdl-select__fix-height .mdl-menu.mdl-menu--top-left{bottom:auto;top:0}



/*lazyLoadList/v1*/
.lazyLoadList_select {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #9c9c9c;
}

.lazyLoadList_radio_group {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lazyLoadList_radio_group > div {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.lazyLoadList_radio_group > div > input[type="radio"] {
    margin-right: 4px;
}

.lazyLoadList_chip_wrapper {
    display: flex;
    overflow: auto;
}

.lazyLoadList_chip_wrapper .lazyLoadList_chip {
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    background: #e0e0e0;
    width: fit-content;
    align-items: center;
    justify-content: center;
    margin: 4px 10px 4px 0;
    white-space: nowrap;
}

.lazyLoadList_chip_wrapper .lazyLoadList_chip > div > p {
    margin: 4px 16px;
}

.lazyLoadList_chip_wrapper .lazyLoadList_chip.selected > div > p {
    margin: 4px 10px 4px 6px;
}

.lazyLoadList_chip_wrapper .lazyLoadList_chip .filterChipIcon {
    display:none;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
}

.lazyLoadList_chip_wrapper .lazyLoadList_chip.selected { background: #c9dff9; }
.lazyLoadList_chip_wrapper .lazyLoadList_chip.selected .filterChipIcon { display:flex; background: #42a5f5; }


.lazyLoadList_filterChip {
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    background: #e0e0e0;
    width: fit-content;
    align-items: center;
    justify-content: center;
    margin: 4px 10px 4px 0;
    white-space: nowrap;
}

.lazyLoadList_filterChip div.filterChipIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.lazyLoadList_filterChip > div:nth-child(2) {
    margin-left:6px;
    margin-right:6px;
}

.lazyLoadList_filterChip > i.material-icons:last-child {
    margin-right: 6px;
}

.lazyLoadList_filterChip div.filterChipIcon > i {
    color: #fff;
}

.lazyLoadList_filterChip.bg1 { background: #c9dff9; } .lazyLoadList_filterChip.bg1 .filterChipIcon { background: #42a5f5; }
.lazyLoadList_filterChip.bg2 { background: #f9c9c9; }  .lazyLoadList_filterChip.bg2 .filterChipIcon { background: #f54242; }
.lazyLoadList_filterChip.bg3 { background: #f9dac9; }  .lazyLoadList_filterChip.bg3 .filterChipIcon { background: #f58142; }
.lazyLoadList_filterChip.bg4 { background: #cef9c9; }  .lazyLoadList_filterChip.bg4 .filterChipIcon { background: #00bb00; }
.lazyLoadList_filterChip.bg5 { background: #c9caf9; }  .lazyLoadList_filterChip.bg5 .filterChipIcon { background: #4260f5; }
.lazyLoadList_filterChip.bg6 { background: #cec9f9; }  .lazyLoadList_filterChip.bg6 .filterChipIcon { background: #8a42f5; }
.lazyLoadList_filterChip.bg7 { background: #e3c9f9; }  .lazyLoadList_filterChip.bg7 .filterChipIcon { background: #dd42f5; }
.lazyLoadList_filterChip.bg8 { background: #f9c9eb; }  .lazyLoadList_filterChip.bg8 .filterChipIcon { background: #f542cb; }
.lazyLoadList_filterChip.bg9 { background: #f9efc9; }  .lazyLoadList_filterChip.bg9 .filterChipIcon { background: #ffc600; }
.lazyLoadList_filterChip.bg10 { background: #9d9d9d; }  .lazyLoadList_filterChip.bg10 .filterChipIcon { background: #5b5b5b; }




.lazyLoadList_dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgb(0 0 0 / 14%), 0 11px 15px -7px rgb(0 0 0 / 12%), 0 24px 38px 3px rgb(0 0 0 / 20%);
    top: 0;
    bottom: 0;
    max-height: 90%;
    padding: 10px;
    display: none;
    flex-flow: column;
    border-radius: 8px;
    overflow: hidden;
    max-width: 300px;
    width: 100%;
    margin: auto;
    background: #fff;
}

.lazyLoadList_dialog[open] {
    display: flex;
}

.lazyLoadList_btn_yes {
    background: #41a5f5 !important;
    color: #fff;
}

.sorting_both {
    background-image: url(Images/sort_deactivate_both.svg);
    background-repeat: no-repeat;
    background-position: right;
}




/*cropper/v2/main.max*/
/*!
 * Cropper v3.1.6
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2018 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-03-01T13:33:39.581Z
 */

 .cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {/*Avoid margin top issue (Occur only when margin-top <= -height)
 */
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: .5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
  outline: 1px solid #fff;
  outline-color: rgba(255, 255, 255, 0.75);
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center:before,
.cropper-center:after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: .1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  width: 16px;
  height: 16px;
  opacity: .75;
  background-color: #fff;
  border: 1px solid #2e68fb;
  border-radius: 100%;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -9.5px;
  right: -9.5px;
  top: 50%;
  display: none;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -9.5px;
  top: -9.5px;
  display: none;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -9.5px;
  margin-top: -9.5px;
  top: 50%;
  display: none;
}

.cropper-point.point-s {
  bottom: -9.5px;
  cursor: s-resize;
  left: 50%;
  margin-left: -9.5px;
  display: none;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -9.5px;
  top: -9.5px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -9.5px;
  top: -9.5px;
}

.cropper-point.point-sw {
  bottom: -9.5px;
  cursor: nesw-resize;
  left: -9.5px;
}

.cropper-point.point-se {
  bottom: -9.5px;
  cursor: nwse-resize;
  right: -9.5px;
/*  height: 20px;
  opacity: 1;
  width: 20px;*/
}

/*
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
*/

/*@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: .75;
    width: 5px;
  }
}*/

.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');*/
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

























.window_cropper {
  bottom: -100%;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.cropper_helper-card-image{

  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-grid;
  margin: 7px;
  width: fit-content;
  max-width: 100%;
  min-height: auto;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.cropper_helper-card-image:hover {
  box-shadow: 0 6px 5px 0 rgba(0,0,0,.24), 0 2px 15px 0 rgba(0,0,0,.22), 0 2px 4px -1px rgba(0,0,0,.3);
}

.cropper_helper-card-image .mdl-card__actions {
  /*position: absolute;*/
  bottom: 0;
  padding: 16px;
  background: rgba(0, 0, 0, 0.6);
  display: inherit;
}
.cropper_helper-card-image .mdl-card__actions > span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  flex-grow: 1;
  margin: auto;
}
.cropper_helper-card-image .material-icons {
  color: #fff;
  font-size: 30px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: #000;
  padding: 4px;
  border-radius: 0% 0% 0% 50%;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
  cursor: pointer;
}

.cropper_helper-card-image img {
  max-height: 256px;
  max-width: 100%;
}











.cropper_helper-card-image
{
  break-inside: avoid;
  box-shadow: none;
  width:100%;
  display: block;
  margin: 0px;
  padding: 3px;
  border: 4px solid transparent;
  break-inside: avoid;
}
.cropper_helper-card-image:hover {
  box-shadow: none;
}

.cropper_helper-card-image > div
{
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
  width: 100%;
  position: relative;
}
.cropper_helper-card-image > div:hover {
  box-shadow: 0 6px 5px 0 rgba(0,0,0,.24), 0 2px 15px 0 rgba(0,0,0,.22), 0 2px 4px -1px rgba(0,0,0,.3);
}

.cropper_helper-card-image img {
  max-height: none;
  max-width: 100%;
  height: auto;
  width: 100%;
}



.cropper_helper-card-image-grid {
  /* Prevent vertical gaps */
  line-height: 0;

  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;
}

@media (max-width: 1200px) {
  .cropper_helper-card-image-grid {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
  }

  .cropper_helper-card-image
  {
    padding: 3px;
    border: 4px solid transparent;
  }

}
@media (max-width: 1000px) {
  .cropper_helper-card-image-grid {
    -moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;
  }

  .cropper_helper-card-image
  {
    padding: 2px;
    border: 3px solid transparent;
  }

}
@media (max-width: 800px) {
  .cropper_helper-card-image-grid {
    -moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;
  }

  .cropper_helper-card-image
  {
    padding: 2px;
    border: 3px solid transparent;
  }

}
@media (max-width: 400px) {
  .cropper_helper-card-image-grid {
    -moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;
  }
  .cropper_helper-card-image
  {
    padding: 1px;
    border: 2px solid transparent;
  }
}



.cropper_helper-card-image.single
{
  max-width: 100% !important;
  width: fit-content !important;
  max-height: 250px !important;
  margin-top: 15px;
  margin-bottom: 15px;

}

.cropper_helper-card-image.single img
{
  max-height: calc( 250px - 50px) !important;
  width: auto !important;
}






.etcropper {
  display:none;
  position:absolute;
  height:100%;
  width:100%;
  z-index: 999999999999999999;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
}

.etcropper[open] {
  display:flex;
}

@keyframes rzp-rot{to{transform: rotate(360deg);}}@-webkit-keyframes rzp-rot{to{-webkit-transform: rotate(360deg);}}

[etcropper="loading"] {
  display:none;
}
[etcropper="loading"][open] {
  display:flex;
}

@font-face{font-family:'lato';src:url("https://cdn.razorpay.com/lato.eot?#iefix") format('embedded-opentype'),url("https://cdn.razorpay.com/lato.woff2") format('woff2'),url("https://cdn.razorpay.com/lato.woff") format('woff'),url("https://cdn.razorpay.com/lato.ttf") format('truetype'),url("https://cdn.razorpay.com/lato.svg#lato") format('svg');font-weight:normal;font-style:normal}

.et_dn {
  display: none;
}

[etcroppergroup]:not([open]) {
  display: none;
}

/*
                <div class="etcropper">
                    <div class="etcropper-header">
                        <div class="pay_go_back"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.494 31.494" style="enable-background:new 0 0 31.494 31.494;" xml:space="preserve"> <path style="fill:#1E201D;" d="M10.273,5.009c0.444-0.444,1.143-0.444,1.587,0c0.429,0.429,0.429,1.143,0,1.571l-8.047,8.047h26.554 c0.619,0,1.127,0.492,1.127,1.111c0,0.619-0.508,1.127-1.127,1.127H3.813l8.047,8.032c0.429,0.444,0.429,1.159,0,1.587 c-0.444,0.444-1.143,0.444-1.587,0l-9.952-9.952c-0.429-0.429-0.429-1.143,0-1.571L10.273,5.009z"/> </svg> </div>
                        <div style="flex-grow:1"><p id="ETPay_payto"> </p></div>
                    </div>
                    <div>
                        <p id="ETPay_amount"> </p>
                    </div>
                </div>

.etcropper .etcropper-header {
    display: flex;
    min-height:64px;
    align-items: center;
    z-index: 3;
    color: #fff;
    background: #42a5f5;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: max-height,box-shadow;
}

.etcropper .etcropper-header .pay_go_back {
    width           : 32.4px;
    height          : 32.4px;
    margin-right    : 15px;
    margin-left     : 15px;
}
.etcropper #ETPay_payto {
    font-size: 26px;
    color: #fff;
}


@media screen and (max-width: 1024px) {
    .etcropper .etcropper-header {
        min-height: 56px;
    }
    .etcropper .etcropper-header .pay_go_back {
        width           : 30.4px;
        height          : 30.4px;
    }
    .etcropper #ETPay_payto {
        font-size:24px;
    }
}
*/





[etcropper="main"] {
  width: 680px;
  height:fit-content;
  font-family: "lato",ubuntu,helvetica,sans-serif;
  background: #EEE;
  position: relative;
  border-radius: 15px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: .2s,.3s cubic-bezier(.3,1.5,.7,1) transform;
  -o-transition: .2s,.3s cubic-bezier(.3,1.5,.7,1) transform;
  transition: .2s,.3s cubic-bezier(.3,1.5,.7,1) transform;
  overflow: hidden;
  margin: 0 10px;
  max-width: calc(100% - 20px);
}


@media handheld, only screen and (max-width: 520px) {
  [etcropper="main"] {
    width:100%;
    height:100%;
    margin:0;
    border-radius:0;
    max-width:100%;
  }
  [etcropper="body"] {
      flex-grow:1;
  }
}

[etcropper="main"] {
  font-family: "lato",ubuntu,helvetica,sans-serif;
  -webkit-font-feature-settings: 'liga' 0;
  font-feature-settings: 'liga' 0;
  display:flex;
  flex-direction: column;
}

[etcropper] {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: .2s;
}

[etcropper="header"] {
  padding: 0 10px;
  display:flex;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #000000;
  height:50px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #979797;
}


[etcropper="header_name"] {
  font-size: 15px;
  flex-grow: 1;
  text-align: center;
}

[etcropper="header_goback"] {
  cursor: pointer;
  font-size: 18px;
  text-align: center;
}

[etcropper="header_close"] {
  cursor: pointer;
  font-size: 18px;
  opacity: .6;
  text-align: center;
}


[etcropper="body"] {
  height: 450px;
  display: flex;
  flex-direction: column;
}


[etcropper="body_uploader"] {
  height: 100%;
  display:none;
  flex-direction: column;
  padding: 25px;
}

[etcropper="body_cropper"] {
  height: 100%;
  display:none;
  flex-direction: column;
}

[etcropper="body_uploader"][open],[etcropper="body_cropper"][open] {
  display:flex;
}

[etcropper="footer"] {

}






.et_cropper-drop-area {
  background-color: #EEE;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px dashed #BDBDBD;
  border-radius: 10px;
}

.et_cropper-drop-area:hover {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 1px dashed #2962FF;
}

.et_cropper-select-labels {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}


.et_cropper-drop-area:hover .et_cropper-select-labels svg path {
  fill: #2962FF;
}


.et_cropper-drop-area__subtitle {
  line-height: 20px;
  font-size: 13px;
  font-weight: 400;
  margin-top: 10px;
  color: #9E9E9E;
}

.et_cropper-drop-area__title {
  color: #444;
  font-size: 20px;
  font-weight: 400;
  margin-top: 75px;
}




.et_cropper-button {
  display: inline-block;
  font-family: Roboto-regular, Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  padding: 0 30px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-transition: all 0.2s cubic-bezier(0.84, 0.02, 0.37, 0.74);
  transition: all 0.2s cubic-bezier(0.84, 0.02, 0.37, 0.74);
}

.et_cropper-button--outline {
  color: #2e68fb;
  border: 1px solid rgba(46, 104, 251, 0.5);
}

.et_cropper-button--cancel-disabled {
  pointer-events: none;
  opacity: 0.5;
  -webkit-transition: none;
  transition: none;
}

.et_cropper-button--cancel {
  border: 1px solid #CFCFCF;
  color: #444;
}

.et_cropper-button--outline:hover {
  opacity: 1;
  border: 1px solid #2e68fb;
}


.et_cropper-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px 15px 15px;
  background: #EEE;
  border-top: 1px solid #dddddd;
  -webkit-transition: all 0.2s cubic-bezier(0.84, 0.02, 0.37, 0.74);
  transition: all 0.2s cubic-bezier(0.84, 0.02, 0.37, 0.74);
}


.et_cropper-footer__nav--center {
  flex-grow: 1;
}




.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px; width:300px; }
.file-upload .file-select{display:flex;align-items: center;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;border-radius: 100px;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;margin: 0 10px;flex-grow: 1;overflow: hidden;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;white-space: nowrap;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}



/*theme_garment/et-garment*/
/* 1. ET Login Start
============================================================================================ */
body.blur > *:not(.et-login , .not_blur ) {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

.et-login-bg {
    background-color: transparent;
    position: fixed;
    width: 100%;
    height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

.et-login {
    text-align: center;
}

.et-login > .mdl-grid {
    padding: 0 !important;
}

.et-login .mdl-cell:nth-child(1) {
    z-index: 2;
    position: absolute;
    width: 300px;
    margin: 0 auto 0 calc(50% - 150px) !important;
    box-sizing: border-box;
}

.et-login .mdl-cell:nth-child(1) > div {
    margin-top: 100px;
    display: inline-block;
    background: linear-gradient(45deg, #ffc100, #ffe700);
    background-image: linear-gradient(45deg, rgb(255, 193, 0), rgb(255, 231, 0));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

.et-login .mdl-cell:nth-child(1) > div {

    background: linear-gradient(45deg, #d8c3c4, #f5e2e5);
    background-image: linear-gradient(45deg, rgb(209, 162, 163), rgb(236, 216, 219));

}

.et-login .mdl-cell:nth-child(1) img {
    vertical-align: middle;
    border-style: none;
    margin-top: 10px;
}


.et-login .mdl-cell:nth-child(2) h2 {
    font-size: 18px;
    font-weight: bolder;
}

.et-login .mdl-cell:nth-child(2) p {
    font-size: 16px;
}


.et-login .mdl-cell:nth-child(2) {
    width: 350px;
    float: none;
    margin: 150px auto 30px !important;
    z-index: 1;
    position: relative;
    box-sizing: border-box;
}


.et-login .mdl-cell:nth-child(2) > div {
    border-radius: 7px;
}

.et-login .mdl-cell:nth-child(2) form {
    width: calc(100% - 16px) !important;
    padding: 8px;
}


.et-login .mdl-cell:nth-child(2) .mdl-card__supporting-text {
    margin-top: 110px;
}

.et-login .mdl-cell:nth-child(1) h1 {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
}

.et-login .mdl-cell:nth-child(2) .mdl-card__supporting-text button {
    background-color: #42a5f5;
    color: #fff;
    float: right;
}

.et-login .mdl-cell:nth-child(2) .mdl-card__supporting-text button:hover {
    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);
    /*background-color: #ffa000;*/
}


.et-login .mdl-cell:nth-child(2) .mdl-card__supporting-text a {
    color: #41a5f5;
}

.et-login .mdl-cell:nth-child(2) .mdl-card__supporting-text a:hover {
    color: blue;
}


@media only screen and (max-width: 375px) {
    .et-login .mdl-cell:nth-child(1) {
        width: 90%;
        margin-left: 5%;
    }

    .et-login .mdl-cell:nth-child(2) {
        width: 95%;
    }
}

/* 1. ET Login End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 2. ET Loader Start
============================================================================================ */
html {
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}

html, body {
    /* For the loading indicator to be vertically centered ensure */
    /* the html and body elements take up the full viewport */
    min-height: 100%;
}

html.loading {
    /* Replace #333 with the background-color of your choice */
    /* Replace loading.gif with the loading image of your choice */
    background: #333 url('../IMAGES/.gif') no-repeat 50% 50%;

    /* Ensures that the transition only runs in one direction */
    -webkit-transition: background-color 0;
    transition: background-color 0;
}

body {
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

html.loading body {
    /* Make the contents of the body opaque during loading */
    opacity: 0;

    /* Ensures that the transition only runs in one direction */
    -webkit-transition: opacity 0;
    transition: opacity 0;
}

/* 2. ET Loader End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------- */

/* 5. Mdl Custom Menu Start
============================================================================================ */
.mdl-menu .mdl-menu__item .x-icon {
    vertical-align: middle;
    margin-right: 12px;
}

.mdl-menu--custom .mdl-menu {
    color: #000;
    margin-left: 25px !important;
}

.x-nav-menu {
    list-style-type: none;
    display: flex;
    color: currentColor;
}

.x-nav-menu .x-nav__item {
    display: inline-block;
    color: #fff;
    align-self: center;
}

.x-nav-menu .x-nav__item .x-icon {
    font-size: 26px;
    color: #ffffff;
}

.x-nav-menu .x-nav__item .x-nav__link {
    position: relative;
    color: currentColor;
    padding-left: 6px;
    padding-right: 6px;
}

.x-nav-menu .x-nav__item .x-nav__item-avatar {
    height: 35px;
    width: 35px;
    border-radius: 100%;
}

@media (max-width: 576px) {
    .mdl-menu--custom .mdl-menu__container {
        top: 50px;
        right: 0 !important;
    }
}

.mdl-menu .mdl-menu__item .x-icon {
    font-size: 20px !important;
    color: #000;
}

/* 5. Mdl Custom Menu End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 6. Mdl Custom Navigation Start
============================================================================================ */
.mdl-navigation {
    position: absolute;
    top: 64px;
    bottom: 0;
    left: 0;
    right: 0;
}

.mdl-navigation .mdl-navigation__link {
    padding: 9px 20px 9px 20px !important;
    color: #000 !Important;
}

.mdl-navigation .mdl-navigation__link .x-icon {
    vertical-align: middle !important;
    margin-right: 10px !important;
    font-size: 22px !important;
}

.mdl-navigation .mdl-navigation__link:focus {
    font-weight: bold !important;
}

.mdl-navigation .mdl-navigation__link.active {
    color: #3f51b5 !important;
}

.mdl-navigation .mdl-navigation__dropdown {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    display: none;
}

.mdl-navigation .mdl-navigation__toggle > .mdl-navigation__link:after {
    transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    float: right;
    content: '';
    width: 18px;
    height: 18px;
    margin-top: 5px;
    background-size: contain;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAAAZ0lEQVR4Ae3MMQ4CIRgF4Yn2JHBEzqUWnsflSLBhazYZWvNP+14+ov2i6EnirsTDM19+ZFYVGh9LvRmMSS2Zub1QVfp1P8hLplNhlyqCUVSjCMZSgnGUYBwlGEMJxlKCkVQliqJ/6wSw0UNZdSsg1gAAAABJRU5ErkJggg==");
}

.mdl-navigation .mdl-navigation__toggle > .mdl-navigation__link.is_slide:after {
    transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.mdl-navigation .mdl-navigation__toggle .mdl-navigation__link.active ~ .mdl-navigation__dropdown {
    display: block;
}

.mdl-navigation .mdl-navigation__toggle .mdl-navigation__link.active:after {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.mdl-navigation .mdl-navigation__toggle > .mdl-navigation__link.active.is_slide:after {
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

/* 6. Mdl Custom Navigation End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 7. Card View Box Start
============================================================================================ */

.info-box-1 {
    display: flex;
    display: -webkit-flex;
    position: relative;
    height: 100px;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.info-box-1 .info-box-icon {
    width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    color: #fff;
}

.info-box-1 .info-box-icon .x-icon {
    display: flex;
    align-items: center;
    font-size: 40px;
    color: currentColor;
}

.info-box-1 .info-box-body {
    padding-left: 20px;
    padding-top: 5px;
    display: flex;
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.info-box-1 .info-box-body .info-box-title {
    font-size: 15px !important;
    padding: 5px 0;
}

.info-box-1 .info-box-body .info-box-subtitle {
    margin: 8px 0;
    font-size: 30px !important;
}

.info-box-2 {
    height: 120px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.info-box-2 .info-box-icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.info-box-2 .info-box-icon .x-icon {
    font-size: 6em;
    color: rgba(255, 255, 255, 0.2);
    z-index: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.info-box-2 .info-box-body {
    padding: 10px;
}

.info-box-2 .info-box-body .info-box-subtitle {
    font-size: 1.8em;
}

.info-box-2:hover.info-box-2 .info-box-icon .x-icon {
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
    -webkit-transform: scale(1.4, 1.4);
}

.info-box-3 {
    display: flex;
    display: -webkit-flex;
    position: relative;
    height: 100px;
    color: #000;
    padding: 10px;
    margin-bottom: 3px;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.info-box-3:hover.info-box-3 .info-box-icon {
    transition: 0.2s ease;
    -o-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
}

.info-box-3 .info-box-icon {
    width: 70px;
    height: 70px;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    -webkit-justify-content: center;
    align-self: center;
    font-size: 50px;
    margin-left: 15px;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 100%;
}

.info-box-3 .info-box-icon .x-icon {
    display: flex;
    align-items: center;
    font-size: 30px;
    color: currentColor;
}

.info-box-3 .info-box-body {
    padding: 5px 10px 2px 25px;
    position: absolute;
    left: auto;
    right: 25px;
    color: currentColor;
    text-align: right;
    align-self: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.info-box-3 .info-box-body .info-box-title {
    font-size: 15px;
    line-height: 0.6;
    opacity: 0.7;
}

.info-box-3 .info-box-body .info-box-subtitle {
    font-size: 30px;
    line-height: 1.2;
    margin-right: -4px;
}

/* 7. Card View Box End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 8. Scroll & Navigation Drawer Start
============================================================================================ */
.scroll {
    overflow: auto;
}

*::-webkit-scrollbar {
    position: absolute;
    width: 5px;
    visibility: hidden;
}

*::-webkit-scrollbar-track {
    background: #fff;
    visibility: hidden;
}

*::-webkit-scrollbar-thumb {
    background: #ccc;
    opacity: 0.1;
    visibility: hidden;
}

*:hover::-webkit-scrollbar {
    background: #ddd;
}

*:hover::-webkit-scrollbar, *:hover::-webkit-scrollbar-track, *:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

.et_mdl__logo {
    height: 30px;
    margin-top: -6px;
    margin-right: 5px;
    animation: logo_animation 15s linear infinite;
    -o-animation: logo_animation 15s linear infinite;
    -moz-animation: logo_animation 15s linear infinite;
    -webkit-animation: logo_animation 15s linear infinite;
}

@-webkit-keyframes logo_animation {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
    to {
        -webkit-filter: hue-rotate(360deg);
    }
}

@keyframes logo_animation {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
    to {
        -webkit-filter: hue-rotate(360deg);
    }
}

@media (max-width: 1024px) {
    .mdl-layout-title.title_m {
        padding-left: 50px !important;
    }
}

.mdl-layout__header .mdl-layout__drawer-button, .mdl-layout-title.title_m {
    color: #ffffff;
}

.mdl-layout__drawer {
    overflow-y: hidden;
    background-color: #fff;
}

.mdl-layout__drawer .mdl-layout-title {
    color: #fff;
    background-color: #263238;
}

.flat {
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
}

.no-shadow {
    box-shadow: unset !important;
}

/* 8. Scroll & Navigation Drawer End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 9. Notification Start
============================================================================================ */
.titik {
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    top: -8px;
    left: -6px;
    z-index: 1;
    animation: wave 1s ease-in-out infinite alternate;
    -o-animation: wave 1s ease-in-out infinite alternate;
    -moz-animation: wave 1s ease-in-out infinite alternate;
    -webkit-animation: wave 1s ease-in-out infinite alternate;
}

@keyframes wave {
    from {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
    to {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
    }
}

@-webkit-keyframes wave {
    from {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
    to {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
    }
}

.x-badge {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.x-badge .x-badge:empty {
    display: none;
}

.x-badge__close {
    padding-left: 5px;
    right: 0;
    font-size: 15px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.x-badge__close:hover {
    color: rgba(0, 0, 0, 0.11);
}

.mdl-menu__body {
    height: 200px;
    max-width: 300px;
}

.mdl-menu__body.menu-style1 {
    box-sizing: border-box;
}

.justify-content__between {
    display: flex !important;
    justify-content: space-between !important;
    -webkit-justify-content: space-between !important;
}

.justify-content__around {
    display: flex !important;
    justify-content: space-around !important;
    -webkit-justify-content: space-around !important;
}

.align-items__center {
    align-items: center !important;
}

.align-content__center {
    align-content: center !important;
}

.align-self__center {
    align-self: center !important;
}

.align-self-start, .align-self__start {
    align-self: flex-start !important;
}

.mdl-list {
    background-color: #fff;
}

.mdl-list a.mdl-list__item, .mdl-list label.mdl-list__item {
    text-decoration: none;
    cursor: pointer;
}

.mdl-list a.mdl-list__item:hover, .mdl-list a.mdl-list__item:focus, .mdl-list label.mdl-list__item:hover, .mdl-list label.mdl-list__item:focus {
    color: #495057;
    background-color: rgba(0, 0, 0, 0.06) !important;
    transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
}

.mdl-list__item {
    font-family: inherit;
    letter-spacing: normal;
}

.mdl-list-flush .mdl-list__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.x-img-avatar {
    height: 35px;
    width: 35px;
    border-radius: 100%;
}

.mdl-media {
    display: flex;
    display: -webkit-flex;
    position: relative;
    line-height: normal;
    width: 250px;
    padding: 5px 5px 5px 10px;
    background-color: #fff;
}

.mdl-media .mdl-media-body {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.mdl-media .mdl-media-middle {
    align-self: center;
}

.mdl-media .mdl-media-bottom {
    align-self: flex-end;
}

.mdl-media .mdl-media-left {
    display: flex;
    height: 100%;
    align-self: flex-start;
}

.notification-badge {
    font-family: "Rubik", sans-serif;
    position: relative;
    right: 5px;
    top: -20px;
    color: #ffffff;
    background-color: #ab47bc;
    margin: 0 -.8em;
    border-radius: 50%;
    padding: 2px 5px;
}

small {
    font-size: 0.8rem !important;

}

.et-custom-s {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: normal;
}

.et-custom-b {
    border-bottom: 1px solid rgba(238, 238, 238, 238);
}

.mdl-button--fab {
    position: relative;
}

/* 9. Notification End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 10. Animation Effects Start
============================================================================================ */
.fade-effect {
    animation: fade 0.7s ease;
    -o-animation: fade 0.7s ease;
    -moz-animation: fade 0.7s ease;
    -webkit-animation: fade 0.7s ease;
}

.zoom-in-effect {
    animation: zoom_in 0.4s ease;
    -o-animation: zoom_in 0.4s ease;
    -moz-animation: zoom_in 0.4s ease;
    -webkit-animation: zoom_in 0.4s ease;
}

.down-effect {
    animation: down 0.4s ease;
    -o-animation: down 0.4s ease;
    -moz-animation: down 0.4s ease;
    -webkit-animation: down 0.4s ease;
}

.rotate-effect {
    animation: rotate_effect 3s linear infinite;
    -o-animation: rotate_effect 3s linear infinite;
    -moz-animation: rotate_effect 3s linear infinite;
    -webkit-animation: rotate_effect 3s linear infinite;
}

@-webkit-keyframes fade {
    from {
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fade {
    from {
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fade {
    from {
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes zoom_in {
    from {
        opacity: 0.6;
        transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

@-moz-keyframes zoom_in {
    from {
        opacity: 0.6;
        transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

@-o-keyframes zoom_in {
    from {
        opacity: 0.6;
        transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

@keyframes zoom_in {
    from {
        opacity: 0.6;
        transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

@-webkit-keyframes down {
    from {
        margin-top: 0;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes down {
    from {
        margin-top: 0;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes down {
    from {
        margin-top: 0;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes down {
    from {
        margin-top: 0;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes show_sb_right {
    from {
        margin-right: -400px;
    }
    to {
        margin-right: 0;
        opacity: 1;
    }
}

@-moz-keyframes show_sb_right {
    from {
        margin-right: -400px;
    }
    to {
        margin-right: 0;
        opacity: 1;
    }
}

@-o-keyframes show_sb_right {
    from {
        margin-right: -400px;
    }
    to {
        margin-right: 0;
        opacity: 1;
    }
}

@keyframes show_sb_right {
    from {
        margin-right: -400px;
    }
    to {
        margin-right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes hide_sb_right {
    from {
        margin-right: 0;
    }
    to {
        margin-right: -400px;
    }
}

@-moz-keyframes hide_sb_right {
    from {
        margin-right: 0;
    }
    to {
        margin-right: -400px;
    }
}

@-o-keyframes hide_sb_right {
    from {
        margin-right: 0;
    }
    to {
        margin-right: -400px;
    }
}

@keyframes hide_sb_right {
    from {
        margin-right: 0;
    }
    to {
        margin-right: -400px;
    }
}

@-webkit-keyframes rotate_effect {
    from {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate_effect {
    from {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes rotate_effect {
    from {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate_effect {
    from {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

/* 10. Animation Effects End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 11. Sidebar Start
============================================================================================ */
.x-sidebar-right.hide_sb_right {
    margin-right: -400px !important;
    animation: hide_sb_right 0.3s ease;
    -o-animation: hide_sb_right 0.3s ease;
    -moz-animation: hide_sb_right 0.3s ease;
    -webkit-animation: hide_sb_right 0.3s ease;
}

.x-sidebar-right.show_sb_right {
    animation: show_sb_right 0.3s ease;
    -o-animation: show_sb_right 0.3s ease;
    -moz-animation: show_sb_right 0.3s ease;
    -webkit-animation: show_sb_right 0.3s ease;
}

.x-sidebar-right {
    position: fixed;
    top: 64px;
    right: 0;
    width: 300px;
    bottom: 0;
    background-color: #fff;
    z-index: 9;
}

.mdl-layout--tab-bar .x-sidebar-right {
    top: 112px;
}

.page-sb-right {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 300px;
    bottom: 0;
    z-index: 9;
}

/* 11. Sidebar End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 12. Mdl Card & Tab Start
============================================================================================ */
.mdl-card {
    overflow: initial;
    z-index: initial;
    min-height: 0;
}

.mdl-card .mdl-card__supporting-text {
    width: unset;
    color: unset;
}

.mdl-card .mdl-card__menu .x-icon {
    font-size: 18px;
}

.x-card-refresh__spinner,
.x-card-refresh__proggress-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.05);
}

.x-card-refresh__spinner {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}


.mdl-tabs__left .mdl-tabs__tab-bar {
    -webkit-justify-content: inherit;
    justify-content: inherit;
    /*margin-bottom: 0.5rem !important;*/
}

.mdl-tabs__tab-bar {
    /*
    margin-bottom: 0.5rem;
    */
}

.mdl-tabs__tab-icon-title .x-icon {
    vertical-align: middle;
}

.mdl-tabs__tab-bar .x-icon {
    vertical-align: middle;
    margin-right: 8px;
}

a.mdl-tabs__tab {
    text-transform: capitalize;
}

.card-body {
    height: 400px;
}

.card-body {
    padding: 10px 24px 14px 24px;
    position: relative;
}

.card-body:before,
.card-body:after {
    content: " ";
    display: table;
}

.card-body:after {
    clear: both;
}

.card-body:last-child {
    border-radius: 0 0 2px 2px;
}

.card-body.table-responsive {
    margin: 0;
}

/* 12. Mdl Card & Tab End
============================================================================================ */

/*********************************************************************

					[35. FEED ]

/**********************************************************************/

.feedBody {
    border-left: 1px solid #d6d6d6;
    margin-left: 30px;
    padding: 0;
}

.col-auto {
    padding-left: 15px;
    padding-right: 15px;
}

.feedLblStyle {
    font-weight: bold;
    padding: 0 7px 0 7px;
    border-radius: 10px;
}

.lblFileStyle {
    color: red;
    border: 1px solid red;
}

.lblTaskStyle {
    color: #2ed8b6;
    border: 1px solid #2ed8b6;
}

.lblCommentStyle {
    color: #4099ff;
    border: 1px solid #4099ff;
}

.lblReplyStyle {
    color: #f15317;
    border: 1px solid #f15317;
}

.feedBody li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px;
}

.feedBody li .feed-user-img {
    position: absolute;
    left: -20px;
    top: -10px;
}

.feedBody li .feed-user-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.feedBody li.active-feed .feed-user-img:after {
    border-color: #2ed8b6;
}

.feedBody li .feed-user-img:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    border: 3px solid transparent;
    border-radius: 50%;
}

.feedBody li h6 {
    line-height: 1.5;
    cursor: pointer;
}

.text-muted {
    color: #919aa3 !important;
    margin-bottom: 10px;
}

.img-100 {
    width: 100px;
}

.feedBody li h6 {
    line-height: 1.5;
    cursor: pointer;
}

.feedBody li.active-feed .feed-user-img:after {
    border-color: #2ed8b6;
}

/*--------------------------------------Login----------------------*/

.authentication {
    height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center
}

.authentication .card {
    max-width: 350px;
    margin-top: 200px;
    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);
    display: inline-block
}

.authentication .card .header {
    margin-top: -70px;
    color: #16191a;
    margin-bottom: 20px;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.authentication .card .header h1 {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 10px
}

.authentication .card .title {
    margin: 0
}

.authentication .card .msg {
    font-size: 14px;
    font-weight: 400;
    text-transform: none
}

.authentication .l-social {
    margin: 0
}

.authentication .l-social li {
    display: inline-block
}

.authentication .l-social li a {
    text-align: center;
    padding: 5px 10px;
    color: #666
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .authentication .card {
        margin-top: 100px
    }
}

@media only screen and (max-width: 767px) {
    .authentication .card {
        margin-top: 100px
    }
}

/************************* CUSTOM ******************/

.activity-notification-badge {
    font-family: "Rubik", sans-serif;
    position: relative !important;
    right: 5px;
    top: 0px !important;
    color: #ffffff;
    background-color: #ab47bc;
    margin: 0 1em;
    border-radius: 50%;
    padding: 2px 5px;
}

.activity-titik {
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    top: -8px;
    left: -6px;
    z-index: 1;
    animation: wave 1s ease-in-out infinite alternate;
    -o-animation: wave 1s ease-in-out infinite alternate;
    -moz-animation: wave 1s ease-in-out infinite alternate;
    -webkit-animation: wave 1s ease-in-out infinite alternate;
}

@keyframes wave {
    from {
        box-shadow: 0 0 0 0 rgb(235, 155, 71);
    }
    to {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
    }
}

.card .header {
    color: #555;
    padding: 15px;
    position: relative;
}

#external-events {
    float: left;
    width: 100%;
    text-align: left;
}

.body {
    font-size: 14px;
    color: #555;
    padding: 15px;
}

.right_info_panel {
    display: inline-block;
    position: absolute;
    top: 0;
    height: calc(100% - 20px);
    padding: 10px;
    margin-left: 10px;
    border-left: 3px solid #f5f5f5;
    right: 0;
    left: 720px;
    overflow-y: auto;
}

.right_info_panel_btn {
    background-color: #42a5f5;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.19);
    padding: 3px 5px;
}

.right_info_panel_clr_grey {
    color: #808080;
}

.right_info_panel_clr_blue {
    color: #42a5f5;
}

.right_info_panel .__rip_instructions_div {
    margin-left: 20px;
}

.right_info_panel .__rip_instructions_div ol {
    list-style: decimal-leading-zero !important;
}

.right_info_panel .__rip_quicklinks_div li {
    color: #42a5f5;
    cursor: pointer;
}

.right_info_panel .__rip_quicklinks_div li:hover {
    color: #0d61f5;
}

.extended_textfield {
    width: 200px;
!important;
}





























.classic_select_buttons {
    display: flex;
    justify-content: center;
}

.classic_select_button:first-of-type {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

.classic_select_button:last-of-type {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

.classic_select_button {
    text-align:center;
    padding:4px 8px;
    color: #54aa66;
    border: 1px solid #54aa66;
}

.classic_select_button p {
    font-size: 16px;
}

.classic_select_button.active {
    color: #ffffff;
    background-color: #54aa66;
}




/*tabs/v1*/
.et_tab_container {
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);*/
    display: flex;
}

.et_tab_container > .mdl-tabs__tab-bar {
    /*-webkit-justify-content: unset !important;
    justify-content: unset !important;*/
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    /*border-bottom: none !important;*/
    flex-grow: 1;
    /*margin-bottom: 0 !important;*/
    position: relative;
}

.et_tab_container > .mdl-tabs__tab-bar > div {
    position: absolute;
    left: 0;
    min-width: 100%;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}


.et_tab_container > .mdl-tabs__tab-bar.justified {
    -webkit-justify-content: unset !important;
    justify-content: unset !important;
}

.et_tab_container > .mdl-tabs__tab-bar > a {
    overflow: unset !important;
}


.et_tab_container > .mdl-tabs__tab-bar > div > a {
    min-width: max-content;
}

.et_tab_container > .mdl-tabs__tab-bar.full_width > div > a {
    flex-grow: 1 !important;
}




/*owl_carousel/owl_carousel.min*/
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%;} .owl-carousel .owl-item > img{display:block;width:100%;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}



/*image_viewer*/
/*!
 * Viewer.js v1.11.6
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:16:35.830Z
 */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}.viewer-container ::selection,.viewer-container::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}



/*signature_pad/v2*/
.sigPad {
  margin: 0;
  padding: 0;
  width: 200px;
}

.sigPad label {
  display: block;
  margin: 0 0 0.515em;
  padding: 0;

  color: #000;
  font: italic normal 1em/1.375 Georgia,Times,serif;
}

.sigPad label.error {
  color: #f33;
}

.sigPad input {
  margin: 0;
  padding: 0.2em 0;
  width: 198px;

  border: 1px solid #666;

  font-size: 1em;
}

.sigPad input.error {
  border-color: #f33;
}

.sigPad button {
  margin: 1em 0 0 0;
  padding: 0.6em 0.6em 0.7em;

  background-color: #ccc;
  border: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;

  cursor: pointer;

  color: #555;
  font: bold 1em/1.375 sans-serif;
  text-align: left;
}

.sigPad button:hover {
  background-color: #333;

  color: #fff;
}

.sig {
  display: none;
}

.sigNav {
  display: none;
  height: 2.25em;
  margin: 0;
  padding: 0;
  position: relative;

  list-style-type: none;
}

.sigNav li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

.sigNav a,
.sigNav a:link,
.sigNav a:visited {
  display: block;
  margin: 0;
  padding: 0 0.6em;

  border: 0;

  color: #333;
  font-weight: bold;
  line-height: 2.25em;
  text-decoration: underline;
}

.sigNav a.current,
.sigNav a.current:link,
.sigNav a.current:visited {
  background-color: #666;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-radius: 8px 8px 0 0;

  color: #fff;
  text-decoration: none;
}

.sigNav .typeIt a.current,
.sigNav .typeIt a.current:link,
.sigNav .typeIt a.current:visited {
  background-color: #ccc;

  color: #555;
}

.sigNav .clearButton {
  bottom: 0.2em;
  display: none;
  position: absolute;
  right: 0;

  font-size: 0.75em;
  line-height: 1.375;
}

.sigWrapper {
  clear: both;
  height: 55px;

  border: 1px solid #ccc;
}

.sigWrapper.current {
  border-color: #666;
}

.signed .sigWrapper {
  border: 0;
}

.pad {
  position: relative;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.typed {
  height: 55px;
  margin: 0;
  padding: 0 5px;
  position: absolute;
  z-index: 90;

  cursor: default;

  color: #145394;
  font: normal 1.875em/50px "Journal",Georgia,Times,serif;
}

.typeItDesc,
.drawItDesc {
  display: none;
  margin: 0.75em 0 0.515em;
  padding: 0.515em 0 0;

  border-top: 3px solid #ccc;

  color: #000;
  font: italic normal 1em/1.375 Georgia,Times,serif;
}





/*print*/

.print_dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0,0,0,.14), 0 11px 15px -7px rgba(0,0,0,.12), 0 24px 38px 3px rgba(0,0,0,.2);
    top: 0;
    bottom: 0;
    max-width: 90%;
    width: 90%;
    max-height: 90%;
    height: 90%;
    padding: 5px;
    display: none;
    flex-flow: column;
}

.print_dialog[open] {
    display: flex;
}

.print_dialog:not([open]) {
    display: none;
}

.print_dialog .mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem;
    flex: 0 1 auto;
}

.print_dialog .mdl-dialog__content {
    padding: 20px 24px 24px;
    color: rgba(0,0,0,.54);
    overflow-y: auto;
    flex: 1 1 auto;
    margin-bottom: 10px;
}

.print_dialog .mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: block;
    flex: 0 1 auto;
}

.print_dialog .mdl-dialog__actions>* {
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 0;
    height: 36px;
}

.print_dialog .mdl-dialog__actions>*:first-child {
    margin-left: 0;
}

@media only screen and (max-width:400px){
    .print_dialog .mdl-dialog__title {
        padding: 24px 8px 0;
    }

    .print_dialog .mdl-dialog__content {
        padding: 20px 8px 24px;
    }

    .print_dialog .mdl-dialog__actions {
        padding: 8px;
    }
    .print_dialog .mdl-textfield
    {
        margin-right:0;
    }
}





.print_dialog .print_dialog-main_content{
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
}

.print_dialog .print_dialog-section_left {
    width:25%;
    max-width:250px;
    height: calc(100% - 40px);
    padding: 20px;
    min-width: 160px;
}

.print_dialog .print_dialog-section_right {
    flex-grow: 2;
    background: #727272;
    display: flex;
    justify-content: center;
}

.print_dialog .print_dialog-container_button{
    padding: 10px 0 20px 0;
    display: flex;
    flex-direction: row-reverse;
    border-bottom: 1px solid #b1b1b1;
}

.print_dialog #print_dialog-btn_cancel{
    color: #41a5f5;
}

.print_dialog #print_dialog-btn_print{
    background: #41a5f5;
    color: #fff;
    margin-right: 10px;
}

.print_dialog #print_dialog-iframe_preview{
    min-height:100%;
}

.print_dialog .print_dialog-custom_menu{
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid #b1b1b1;
}




table.print_dialog-menu_table{
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid #b1b1b1;
}

table.print_dialog-menu_table tr {
    height:40px;
}

table.print_dialog-menu_table tr td:nth-child(1) {
    width:40%;
}

table.print_dialog-menu_table tr td:nth-child(2) {
    width:60%;
}

.print_dialog  select.default {
    width:100%;
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    background: #f1f3f4;
    padding: 6px;
    border: 1px solid #a9a9a9;
}

.print_dialog input.default {
    width: calc(100% - 15px);
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    background: #f1f3f4;
    padding: 6px;
    border: 1px solid #a9a9a9;
}




.print___avoid_page_break { page-break-inside:avoid; }
thead.print___all_pages {display:table-header-group}









/*icon_themify*/
@font-face {
	font-family: 'themify';
	src:url('Assets/fonts/themify.eot');
	src:url('Assets/fonts/themify.eot') format('embedded-opentype'),
		url('Assets/fonts/themify.woff') format('woff'),
		url('Assets/fonts/themify.ttf') format('truetype'),
		url('Assets/fonts/themify.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
	content: "\e600";
}
.ti-volume:before {
	content: "\e601";
}
.ti-user:before {
	content: "\e602";
}
.ti-unlock:before {
	content: "\e603";
}
.ti-unlink:before {
	content: "\e604";
}
.ti-trash:before {
	content: "\e605";
}
.ti-thought:before {
	content: "\e606";
}
.ti-target:before {
	content: "\e607";
}
.ti-tag:before {
	content: "\e608";
}
.ti-tablet:before {
	content: "\e609";
}
.ti-star:before {
	content: "\e60a";
}
.ti-spray:before {
	content: "\e60b";
}
.ti-signal:before {
	content: "\e60c";
}
.ti-shopping-cart:before {
	content: "\e60d";
}
.ti-shopping-cart-full:before {
	content: "\e60e";
}
.ti-settings:before {
	content: "\e60f";
}
.ti-search:before {
	content: "\e610";
}
.ti-zoom-in:before {
	content: "\e611";
}
.ti-zoom-out:before {
	content: "\e612";
}
.ti-cut:before {
	content: "\e613";
}
.ti-ruler:before {
	content: "\e614";
}
.ti-ruler-pencil:before {
	content: "\e615";
}
.ti-ruler-alt:before {
	content: "\e616";
}
.ti-bookmark:before {
	content: "\e617";
}
.ti-bookmark-alt:before {
	content: "\e618";
}
.ti-reload:before {
	content: "\e619";
}
.ti-plus:before {
	content: "\e61a";
}
.ti-pin:before {
	content: "\e61b";
}
.ti-pencil:before {
	content: "\e61c";
}
.ti-pencil-alt:before {
	content: "\e61d";
}
.ti-paint-roller:before {
	content: "\e61e";
}
.ti-paint-bucket:before {
	content: "\e61f";
}
.ti-na:before {
	content: "\e620";
}
.ti-mobile:before {
	content: "\e621";
}
.ti-minus:before {
	content: "\e622";
}
.ti-medall:before {
	content: "\e623";
}
.ti-medall-alt:before {
	content: "\e624";
}
.ti-marker:before {
	content: "\e625";
}
.ti-marker-alt:before {
	content: "\e626";
}
.ti-arrow-up:before {
	content: "\e627";
}
.ti-arrow-right:before {
	content: "\e628";
}
.ti-arrow-left:before {
	content: "\e629";
}
.ti-arrow-down:before {
	content: "\e62a";
}
.ti-lock:before {
	content: "\e62b";
}
.ti-location-arrow:before {
	content: "\e62c";
}
.ti-link:before {
	content: "\e62d";
}
.ti-layout:before {
	content: "\e62e";
}
.ti-layers:before {
	content: "\e62f";
}
.ti-layers-alt:before {
	content: "\e630";
}
.ti-key:before {
	content: "\e631";
}
.ti-import:before {
	content: "\e632";
}
.ti-image:before {
	content: "\e633";
}
.ti-heart:before {
	content: "\e634";
}
.ti-heart-broken:before {
	content: "\e635";
}
.ti-hand-stop:before {
	content: "\e636";
}
.ti-hand-open:before {
	content: "\e637";
}
.ti-hand-drag:before {
	content: "\e638";
}
.ti-folder:before {
	content: "\e639";
}
.ti-flag:before {
	content: "\e63a";
}
.ti-flag-alt:before {
	content: "\e63b";
}
.ti-flag-alt-2:before {
	content: "\e63c";
}
.ti-eye:before {
	content: "\e63d";
}
.ti-export:before {
	content: "\e63e";
}
.ti-exchange-vertical:before {
	content: "\e63f";
}
.ti-desktop:before {
	content: "\e640";
}
.ti-cup:before {
	content: "\e641";
}
.ti-crown:before {
	content: "\e642";
}
.ti-comments:before {
	content: "\e643";
}
.ti-comment:before {
	content: "\e644";
}
.ti-comment-alt:before {
	content: "\e645";
}
.ti-close:before {
	content: "\e646";
}
.ti-clip:before {
	content: "\e647";
}
.ti-angle-up:before {
	content: "\e648";
}
.ti-angle-right:before {
	content: "\e649";
}
.ti-angle-left:before {
	content: "\e64a";
}
.ti-angle-down:before {
	content: "\e64b";
}
.ti-check:before {
	content: "\e64c";
}
.ti-check-box:before {
	content: "\e64d";
}
.ti-camera:before {
	content: "\e64e";
}
.ti-announcement:before {
	content: "\e64f";
}
.ti-brush:before {
	content: "\e650";
}
.ti-briefcase:before {
	content: "\e651";
}
.ti-bolt:before {
	content: "\e652";
}
.ti-bolt-alt:before {
	content: "\e653";
}
.ti-blackboard:before {
	content: "\e654";
}
.ti-bag:before {
	content: "\e655";
}
.ti-move:before {
	content: "\e656";
}
.ti-arrows-vertical:before {
	content: "\e657";
}
.ti-arrows-horizontal:before {
	content: "\e658";
}
.ti-fullscreen:before {
	content: "\e659";
}
.ti-arrow-top-right:before {
	content: "\e65a";
}
.ti-arrow-top-left:before {
	content: "\e65b";
}
.ti-arrow-circle-up:before {
	content: "\e65c";
}
.ti-arrow-circle-right:before {
	content: "\e65d";
}
.ti-arrow-circle-left:before {
	content: "\e65e";
}
.ti-arrow-circle-down:before {
	content: "\e65f";
}
.ti-angle-double-up:before {
	content: "\e660";
}
.ti-angle-double-right:before {
	content: "\e661";
}
.ti-angle-double-left:before {
	content: "\e662";
}
.ti-angle-double-down:before {
	content: "\e663";
}
.ti-zip:before {
	content: "\e664";
}
.ti-world:before {
	content: "\e665";
}
.ti-wheelchair:before {
	content: "\e666";
}
.ti-view-list:before {
	content: "\e667";
}
.ti-view-list-alt:before {
	content: "\e668";
}
.ti-view-grid:before {
	content: "\e669";
}
.ti-uppercase:before {
	content: "\e66a";
}
.ti-upload:before {
	content: "\e66b";
}
.ti-underline:before {
	content: "\e66c";
}
.ti-truck:before {
	content: "\e66d";
}
.ti-timer:before {
	content: "\e66e";
}
.ti-ticket:before {
	content: "\e66f";
}
.ti-thumb-up:before {
	content: "\e670";
}
.ti-thumb-down:before {
	content: "\e671";
}
.ti-text:before {
	content: "\e672";
}
.ti-stats-up:before {
	content: "\e673";
}
.ti-stats-down:before {
	content: "\e674";
}
.ti-split-v:before {
	content: "\e675";
}
.ti-split-h:before {
	content: "\e676";
}
.ti-smallcap:before {
	content: "\e677";
}
.ti-shine:before {
	content: "\e678";
}
.ti-shift-right:before {
	content: "\e679";
}
.ti-shift-left:before {
	content: "\e67a";
}
.ti-shield:before {
	content: "\e67b";
}
.ti-notepad:before {
	content: "\e67c";
}
.ti-server:before {
	content: "\e67d";
}
.ti-quote-right:before {
	content: "\e67e";
}
.ti-quote-left:before {
	content: "\e67f";
}
.ti-pulse:before {
	content: "\e680";
}
.ti-printer:before {
	content: "\e681";
}
.ti-power-off:before {
	content: "\e682";
}
.ti-plug:before {
	content: "\e683";
}
.ti-pie-chart:before {
	content: "\e684";
}
.ti-paragraph:before {
	content: "\e685";
}
.ti-panel:before {
	content: "\e686";
}
.ti-package:before {
	content: "\e687";
}
.ti-music:before {
	content: "\e688";
}
.ti-music-alt:before {
	content: "\e689";
}
.ti-mouse:before {
	content: "\e68a";
}
.ti-mouse-alt:before {
	content: "\e68b";
}
.ti-money:before {
	content: "\e68c";
}
.ti-microphone:before {
	content: "\e68d";
}
.ti-menu:before {
	content: "\e68e";
}
.ti-menu-alt:before {
	content: "\e68f";
}
.ti-map:before {
	content: "\e690";
}
.ti-map-alt:before {
	content: "\e691";
}
.ti-loop:before {
	content: "\e692";
}
.ti-location-pin:before {
	content: "\e693";
}
.ti-list:before {
	content: "\e694";
}
.ti-light-bulb:before {
	content: "\e695";
}
.ti-Italic:before {
	content: "\e696";
}
.ti-info:before {
	content: "\e697";
}
.ti-infinite:before {
	content: "\e698";
}
.ti-id-badge:before {
	content: "\e699";
}
.ti-hummer:before {
	content: "\e69a";
}
.ti-home:before {
	content: "\e69b";
}
.ti-help:before {
	content: "\e69c";
}
.ti-headphone:before {
	content: "\e69d";
}
.ti-harddrives:before {
	content: "\e69e";
}
.ti-harddrive:before {
	content: "\e69f";
}
.ti-gift:before {
	content: "\e6a0";
}
.ti-game:before {
	content: "\e6a1";
}
.ti-filter:before {
	content: "\e6a2";
}
.ti-files:before {
	content: "\e6a3";
}
.ti-file:before {
	content: "\e6a4";
}
.ti-eraser:before {
	content: "\e6a5";
}
.ti-envelope:before {
	content: "\e6a6";
}
.ti-download:before {
	content: "\e6a7";
}
.ti-direction:before {
	content: "\e6a8";
}
.ti-direction-alt:before {
	content: "\e6a9";
}
.ti-dashboard:before {
	content: "\e6aa";
}
.ti-control-stop:before {
	content: "\e6ab";
}
.ti-control-shuffle:before {
	content: "\e6ac";
}
.ti-control-play:before {
	content: "\e6ad";
}
.ti-control-pause:before {
	content: "\e6ae";
}
.ti-control-forward:before {
	content: "\e6af";
}
.ti-control-backward:before {
	content: "\e6b0";
}
.ti-cloud:before {
	content: "\e6b1";
}
.ti-cloud-up:before {
	content: "\e6b2";
}
.ti-cloud-down:before {
	content: "\e6b3";
}
.ti-clipboard:before {
	content: "\e6b4";
}
.ti-car:before {
	content: "\e6b5";
}
.ti-calendar:before {
	content: "\e6b6";
}
.ti-book:before {
	content: "\e6b7";
}
.ti-bell:before {
	content: "\e6b8";
}
.ti-basketball:before {
	content: "\e6b9";
}
.ti-bar-chart:before {
	content: "\e6ba";
}
.ti-bar-chart-alt:before {
	content: "\e6bb";
}
.ti-back-right:before {
	content: "\e6bc";
}
.ti-back-left:before {
	content: "\e6bd";
}
.ti-arrows-corner:before {
	content: "\e6be";
}
.ti-archive:before {
	content: "\e6bf";
}
.ti-anchor:before {
	content: "\e6c0";
}
.ti-align-right:before {
	content: "\e6c1";
}
.ti-align-left:before {
	content: "\e6c2";
}
.ti-align-justify:before {
	content: "\e6c3";
}
.ti-align-center:before {
	content: "\e6c4";
}
.ti-alert:before {
	content: "\e6c5";
}
.ti-alarm-clock:before {
	content: "\e6c6";
}
.ti-agenda:before {
	content: "\e6c7";
}
.ti-write:before {
	content: "\e6c8";
}
.ti-window:before {
	content: "\e6c9";
}
.ti-widgetized:before {
	content: "\e6ca";
}
.ti-widget:before {
	content: "\e6cb";
}
.ti-widget-alt:before {
	content: "\e6cc";
}
.ti-wallet:before {
	content: "\e6cd";
}
.ti-video-clapper:before {
	content: "\e6ce";
}
.ti-video-camera:before {
	content: "\e6cf";
}
.ti-vector:before {
	content: "\e6d0";
}
.ti-themify-logo:before {
	content: "\e6d1";
}
.ti-themify-favicon:before {
	content: "\e6d2";
}
.ti-themify-favicon-alt:before {
	content: "\e6d3";
}
.ti-support:before {
	content: "\e6d4";
}
.ti-stamp:before {
	content: "\e6d5";
}
.ti-split-v-alt:before {
	content: "\e6d6";
}
.ti-slice:before {
	content: "\e6d7";
}
.ti-shortcode:before {
	content: "\e6d8";
}
.ti-shift-right-alt:before {
	content: "\e6d9";
}
.ti-shift-left-alt:before {
	content: "\e6da";
}
.ti-ruler-alt-2:before {
	content: "\e6db";
}
.ti-receipt:before {
	content: "\e6dc";
}
.ti-pin2:before {
	content: "\e6dd";
}
.ti-pin-alt:before {
	content: "\e6de";
}
.ti-pencil-alt2:before {
	content: "\e6df";
}
.ti-palette:before {
	content: "\e6e0";
}
.ti-more:before {
	content: "\e6e1";
}
.ti-more-alt:before {
	content: "\e6e2";
}
.ti-microphone-alt:before {
	content: "\e6e3";
}
.ti-magnet:before {
	content: "\e6e4";
}
.ti-line-double:before {
	content: "\e6e5";
}
.ti-line-dotted:before {
	content: "\e6e6";
}
.ti-line-dashed:before {
	content: "\e6e7";
}
.ti-layout-width-full:before {
	content: "\e6e8";
}
.ti-layout-width-default:before {
	content: "\e6e9";
}
.ti-layout-width-default-alt:before {
	content: "\e6ea";
}
.ti-layout-tab:before {
	content: "\e6eb";
}
.ti-layout-tab-window:before {
	content: "\e6ec";
}
.ti-layout-tab-v:before {
	content: "\e6ed";
}
.ti-layout-tab-min:before {
	content: "\e6ee";
}
.ti-layout-slider:before {
	content: "\e6ef";
}
.ti-layout-slider-alt:before {
	content: "\e6f0";
}
.ti-layout-sidebar-right:before {
	content: "\e6f1";
}
.ti-layout-sidebar-none:before {
	content: "\e6f2";
}
.ti-layout-sidebar-left:before {
	content: "\e6f3";
}
.ti-layout-placeholder:before {
	content: "\e6f4";
}
.ti-layout-menu:before {
	content: "\e6f5";
}
.ti-layout-menu-v:before {
	content: "\e6f6";
}
.ti-layout-menu-separated:before {
	content: "\e6f7";
}
.ti-layout-menu-full:before {
	content: "\e6f8";
}
.ti-layout-media-right-alt:before {
	content: "\e6f9";
}
.ti-layout-media-right:before {
	content: "\e6fa";
}
.ti-layout-media-overlay:before {
	content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
	content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd";
}
.ti-layout-media-left-alt:before {
	content: "\e6fe";
}
.ti-layout-media-left:before {
	content: "\e6ff";
}
.ti-layout-media-center-alt:before {
	content: "\e700";
}
.ti-layout-media-center:before {
	content: "\e701";
}
.ti-layout-list-thumb:before {
	content: "\e702";
}
.ti-layout-list-thumb-alt:before {
	content: "\e703";
}
.ti-layout-list-post:before {
	content: "\e704";
}
.ti-layout-list-large-image:before {
	content: "\e705";
}
.ti-layout-line-solid:before {
	content: "\e706";
}
.ti-layout-grid4:before {
	content: "\e707";
}
.ti-layout-grid3:before {
	content: "\e708";
}
.ti-layout-grid2:before {
	content: "\e709";
}
.ti-layout-grid2-thumb:before {
	content: "\e70a";
}
.ti-layout-cta-right:before {
	content: "\e70b";
}
.ti-layout-cta-left:before {
	content: "\e70c";
}
.ti-layout-cta-center:before {
	content: "\e70d";
}
.ti-layout-cta-btn-right:before {
	content: "\e70e";
}
.ti-layout-cta-btn-left:before {
	content: "\e70f";
}
.ti-layout-column4:before {
	content: "\e710";
}
.ti-layout-column3:before {
	content: "\e711";
}
.ti-layout-column2:before {
	content: "\e712";
}
.ti-layout-accordion-separated:before {
	content: "\e713";
}
.ti-layout-accordion-merged:before {
	content: "\e714";
}
.ti-layout-accordion-list:before {
	content: "\e715";
}
.ti-ink-pen:before {
	content: "\e716";
}
.ti-info-alt:before {
	content: "\e717";
}
.ti-help-alt:before {
	content: "\e718";
}
.ti-headphone-alt:before {
	content: "\e719";
}
.ti-hand-point-up:before {
	content: "\e71a";
}
.ti-hand-point-right:before {
	content: "\e71b";
}
.ti-hand-point-left:before {
	content: "\e71c";
}
.ti-hand-point-down:before {
	content: "\e71d";
}
.ti-gallery:before {
	content: "\e71e";
}
.ti-face-smile:before {
	content: "\e71f";
}
.ti-face-sad:before {
	content: "\e720";
}
.ti-credit-card:before {
	content: "\e721";
}
.ti-control-skip-forward:before {
	content: "\e722";
}
.ti-control-skip-backward:before {
	content: "\e723";
}
.ti-control-record:before {
	content: "\e724";
}
.ti-control-eject:before {
	content: "\e725";
}
.ti-comments-smiley:before {
	content: "\e726";
}
.ti-brush-alt:before {
	content: "\e727";
}
.ti-youtube:before {
	content: "\e728";
}
.ti-vimeo:before {
	content: "\e729";
}
.ti-twitter:before {
	content: "\e72a";
}
.ti-time:before {
	content: "\e72b";
}
.ti-tumblr:before {
	content: "\e72c";
}
.ti-skype:before {
	content: "\e72d";
}
.ti-share:before {
	content: "\e72e";
}
.ti-share-alt:before {
	content: "\e72f";
}
.ti-rocket:before {
	content: "\e730";
}
.ti-pinterest:before {
	content: "\e731";
}
.ti-new-window:before {
	content: "\e732";
}
.ti-microsoft:before {
	content: "\e733";
}
.ti-list-ol:before {
	content: "\e734";
}
.ti-linkedin:before {
	content: "\e735";
}
.ti-layout-sidebar-2:before {
	content: "\e736";
}
.ti-layout-grid4-alt:before {
	content: "\e737";
}
.ti-layout-grid3-alt:before {
	content: "\e738";
}
.ti-layout-grid2-alt:before {
	content: "\e739";
}
.ti-layout-column4-alt:before {
	content: "\e73a";
}
.ti-layout-column3-alt:before {
	content: "\e73b";
}
.ti-layout-column2-alt:before {
	content: "\e73c";
}
.ti-instagram:before {
	content: "\e73d";
}
.ti-google:before {
	content: "\e73e";
}
.ti-github:before {
	content: "\e73f";
}
.ti-flickr:before {
	content: "\e740";
}
.ti-facebook:before {
	content: "\e741";
}
.ti-dropbox:before {
	content: "\e742";
}
.ti-dribbble:before {
	content: "\e743";
}
.ti-apple:before {
	content: "\e744";
}
.ti-android:before {
	content: "\e745";
}
.ti-save:before {
	content: "\e746";
}
.ti-save-alt:before {
	content: "\e747";
}
.ti-yahoo:before {
	content: "\e748";
}
.ti-wordpress:before {
	content: "\e749";
}
.ti-vimeo-alt:before {
	content: "\e74a";
}
.ti-twitter-alt:before {
	content: "\e74b";
}
.ti-tumblr-alt:before {
	content: "\e74c";
}
.ti-trello:before {
	content: "\e74d";
}
.ti-stack-overflow:before {
	content: "\e74e";
}
.ti-soundcloud:before {
	content: "\e74f";
}
.ti-sharethis:before {
	content: "\e750";
}
.ti-sharethis-alt:before {
	content: "\e751";
}
.ti-reddit:before {
	content: "\e752";
}
.ti-pinterest-alt:before {
	content: "\e753";
}
.ti-microsoft-alt:before {
	content: "\e754";
}
.ti-linux:before {
	content: "\e755";
}
.ti-jsfiddle:before {
	content: "\e756";
}
.ti-joomla:before {
	content: "\e757";
}
.ti-html5:before {
	content: "\e758";
}
.ti-flickr-alt:before {
	content: "\e759";
}
.ti-email:before {
	content: "\e75a";
}
.ti-drupal:before {
	content: "\e75b";
}
.ti-dropbox-alt:before {
	content: "\e75c";
}
.ti-css3:before {
	content: "\e75d";
}
.ti-rss:before {
	content: "\e75e";
}
.ti-rss-alt:before {
	content: "\e75f";
}




/*mdl/extended*/
html, body {
    font-family: 'Roboto', 'Helvetica', sans-serif;
}

.demo-avatar {
    width: 48px;
    height: 48px;
    border-radius: 24px;
}

.demo-layout .demo-header .mdl-textfield {
    padding-top: 27px;
}

.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
    color: rgba(0, 0, 0, 0.54);
}

.demo-layout .mdl-layout__header .fragment_as_activity__header-button {
    color: rgba(0, 0, 0, 0.54);
}

.mdl-layout__drawer .avatar {
    margin-bottom: 16px;
}

.demo-drawer {
    border: none;
}

/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
    z-index: -1;
}

.demo-drawer .demo-navigation {
    z-index: -2;
}

/* END iOS Safari specific workaround */
.demo-drawer .mdl-menu .mdl-menu__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.demo-drawer-header {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    height: 151px;
}

.demo-avatar-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.demo-navigation {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}



/*
.demo-layout .demo-navigation .mdl-navigation__link {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.56);
    font-weight: 500;
}

.demo-layout .demo-navigation .mdl-navigation__link:hover {
    background-color: #00BCD4;
    color: #37474F;
}

.demo-navigation .mdl-navigation__link .material-icons {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.56);
    margin-right: 32px;
}
*/




.demo-content {
    max-width: 1080px;
}

.demo-charts {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.demo-chart:nth-child(1) {
    color: #ACEC00;
}

.demo-chart:nth-child(2) {
    color: #00BBD6;
}

.demo-chart:nth-child(3) {
    color: #BA65C9;
}

.demo-chart:nth-child(4) {
    color: #EF3C79;
}

.demo-graphs {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.iamwindow {
    margin: 16px 32px;
}

/* TODO: Find a proper solution to have the graphs
 * not float around outside their container in IE10/11.
 * Using a browserhacks.com solution for now.
 */
_:-ms-input-placeholder, :root .demo-graphs {
    min-height: 664px;
}

_:-ms-input-placeholder, :root .demo-graph {
    max-height: 300px;
}

/* TODO end */
.demo-graph:nth-child(1) {
    color: #00b9d8;
}

.demo-graph:nth-child(2) {
    color: #d9006e;
}

.demo-cards {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.demo-cards .demo-separator {
    height: 32px;
}

.demo-cards .mdl-card__title.mdl-card__title {
    color: white;
    font-size: 24px;
    font-weight: 400;
}

.demo-cards ul {
    padding: 0;
}

.demo-cards h3 {
    font-size: 1em;
}

.demo-updates .mdl-card__title {
    min-height: 200px;
    background-image: url('images/dog.png');
    background-position: 90% 100%;
    background-repeat: no-repeat;
}

.demo-cards .mdl-card__actions a {
    color: #00BCD4;
    text-decoration: none;
}

.demo-options h3 {
    margin: 0;
}

.demo-options .mdl-checkbox__box-outline {
    border-color: rgba(255, 255, 255, 0.89);
}

.demo-options ul {
    margin: 0;
    list-style-type: none;
}

.demo-options li {
    margin: 4px 0;
}

.demo-options .material-icons {
    color: rgba(255, 255, 255, 0.89);
}

.demo-options .mdl-card__actions {
    height: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

a {
    text-decoration: none !important;
}

.card {
    background: #4CAF50;
    border-radius: 2px;

    height: 150px;
    margin: 1rem;

    width: 300px;
    padding-top: 10px;
    margin-top: 30px;
}

.card-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-1:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.paddingrl {
    padding-right: 100px;
    padding-left: 100px;
    padding-top: 30px;
}

.parent {
    text-align: center;
}

.child {
    display: inline-block;
}

@media screen and (min-width: 780px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 860px) {

}

@media screen and (min-width: 8600px) {

}

.ulremovebullets {
    list-style-type: none;
}

.alink {
    text-decoration: none;
    color: #666;
    margin-left: 15px;
    margin-right: 25px;
}

.centervertical {

    vertical-align: middle;

}

@media only screen and (max-width: 840px) {

}

@media only screen and (max-width: 540px) {
    .fs_pc16_m_12 {
        font-size: 12px !important;
    }
}

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc);
}

.drawer-menu {

    color: #000;

}

.drawer-menu:hover {
    background-color: none !important;
}

.drawer-separator {
    height: 2px;
    background: #fff;
    margin-right: 8px;
    margin-left: 8px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.double_button {
    font-size: 0;
    border: 1px solid #42a5f5;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    width: 70%;
}

.double_button button {
    -webkit-tap-highlight-color: transparent;
    border: 0;
    background: #fff;
    padding: 10px 20px;
    position: relative;
    outline: 0;
    width: 50%;
    cursor: pointer;
}

.double_button button:after, .double_button button:before {
    content: '';
    position: absolute;
    transform: skewX(-20deg);
    height: 100%;
    width: 10px;
    background: #fff;
    top: 0;
    z-index: 1;
    right: 0;
}

.double_button button:before {
    right: auto;
    left: 0;
}

.double_button button.active {
    background: #42a5f5;
    color: #fff;
}

.double_button button.active:after, .double_button button.active:before {
    background: #42a5f5;
}

.brd0 {
    border: 0;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

.input_with_button > input, .input_with_button > span.mdl-textfield__error {
    width: 90%;
}

.input_with_button_2 > input, .input_with_button_2 > span.mdl-textfield__error {
    width: 80%;
}

.right_button {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 23px;
}


.right_button_2 {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 23px;
}



.mdl-navigation__accordine > div {
    visibility: hidden;
    height: 0px;
    display: none;
}

.mdl-navigation__accordine .rotated {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*
.mdl-navigation__accordine > a:first-child {
    opacity: 1;
    color: #42a5f5 !important;
    background: #fff;
    display: block;

}

.mdl-navigation__accordine > a:first-child:hover {
    opacity: 0.8 !important;
    color: #42a5f5 !important;
    background: #fff;
    background-color: #fff !important;
    color: #42a5f5 !important;
}

.mdl-navigation__accordine > a:first-child > span {
    display: inline-block;
    flex-grow: 1;
}

.mdl-navigation__accordine > a:first-child > i {
    color: #42a5f5 !important;
}

.mdl-navigation__accordine > a:first-child > i:last-child {
    margin: 0px !important;
    transition: .3s all;
}
*/

.mdl-navigation__accordine > div.showme {
    visibility: visible;
    height: auto;
}

.custom_div_flex {
    display: flex;
}

@media only screen and (max-width: 705px) {
    .custom_div_flex {
        display: block;
    }
}


.remove_hover_bg_tr:hover {
    background-color: unset !important;
}


.add_mob_margins {
    margin-left  :0;
    margin-right :0;
}

#et_tdialog > .immybox_results {
    position: fixed !important;
}

@media only screen and (max-width: 840px) {
    .add_mob_margins {
        margin-left  :20px;
        margin-right :20px;
    }
}


.mdl-layout__drawer-button i.material-icons {
    color: white !important;
    font-size: 135%;
    margin-left: 10px;
}
.fragment_as_activity__header-button i.material-icons {
    color: white !important;
    font-size: 135%;
    margin-left: 10px;
}

.mdl-layout__header-row > span.mdl-layout-title {
    font-size: 130%;
}

.mdl-layout__header-row > button.mdl-button > i.material-icons {
    font-size: 115%;
}

.et_custom-dialog {
    border: none;
    top: 0;
    bottom: 0;
    max-width: 90%;
    max-height: 90%;
    display: none;
    padding: 0 !important;
    background: none;
}
.et_custom-dialog[open] {
    display: flex;
}
.et_custom-dialog:not([open]) {
    display: none;
}


.et_mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0,0,0,.14), 0 11px 15px -7px rgba(0,0,0,.12), 0 24px 38px 3px rgba(0,0,0,.2);
    top: 0;
    bottom: 0;
    max-width: 90%;
    max-height: 90%;
    padding: 5px;
    display: none;
    flex-flow: column;
}


.et_mdl-dialog .mdl-textfield
{
    margin-right:8px;
}

.et_mdl-dialog[open] {
    display: flex;
}

.et_mdl-dialog:not([open]) {
    display: none;
}

.et_mdl-dialog .mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem;
    flex: 0 1 auto;
}

.et_mdl-dialog .mdl-dialog__content {
    padding: 20px 24px 24px;
    color: rgba(0,0,0,.54);
    overflow-y: auto;
    flex: 1 1 auto;
    margin-bottom: 10px;
}

.et_mdl-dialog .mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: block;
    flex: 0 1 auto;
}

.et_mdl-dialog .mdl-dialog__actions>* {
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 0;
    height: 36px;
}

.et_mdl-dialog .mdl-dialog__actions>*:first-child {
    margin-left: 0;
}
@media only screen and (max-width:400px){
    .et_mdl-dialog .mdl-dialog__title {
        padding: 24px 8px 0;
    }

    .et_mdl-dialog .mdl-dialog__content {
        padding: 20px 8px 24px;
    }

    .et_mdl-dialog .mdl-dialog__actions {
        padding: 8px;
    }
    .et_mdl-dialog .mdl-textfield
    {
        margin-right:0;
    }
}


::-webkit-scrollbar { height: 5px;  width: 5px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } ::-webkit-scrollbar-thumb { background:#64b5f6; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #2196f3 !important; }


.white_everything .mdl-textfield input {
    border-bottom: 1px solid #FFFFFF;
}

.white_everything input::placeholder {
    color:#fff !important;
    opacity: 1;
}

.white_everything * , .white_everything .mdl-textfield label , .white_everything .mdl-textfield i , .white_everything input {
    color:#fff !important;
}

.white_everything  .mdl-textfield__label:after
{
    background: #FFFFFF !important;
}

.bg_gradient_white_pink {
    background:linear-gradient(45deg, #ffbada 0%, #ff0078 100%);
}


.xg_input {
    /*margin-bottom: 10px;*/
    width:300px;
    position: relative;
    max-width: 100%;
    line-height: 1 !important;
    font-size: 15px;
}

.xg_input input , .xg_input textarea {
    width: calc(100% - 15px);
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: inherit;
    font-size:inherit;
    padding: 6px;
    border: 1px solid #a9a9a9;
    height: 23px;
}
.xg_input label {
    transform: scale(1) translateY(-29px) translateX(5px);
    margin-left: 2px;
    padding: 3px 6px;
    width: max-content;
    background: #fff;
    position: absolute;
    /*float: left;*/
    display: block;
    font-size:inherit;
    color: #8c8c8c;
    pointer-events: none;
    transition-property: transform, opacity;
    transition-duration: 150ms, 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: left top;
    transition-delay: 0s, 0s;
    border-radius: 4px 4px 0 0;
}

.xg_input.xg_input_for_textarea label {
    transform: scale(1) translateY(55%) translateX(5px);
}

.xg_input input::-webkit-inner-spin-button,
.xg_input input::-webkit-outer-spin-button,
.xg_input textarea::-webkit-inner-spin-button,
.xg_input textarea::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.xg_input span.xg_error_text {
    visibility: hidden;
    color: #f43300;
    font-size:10px;
    padding: 4px;
    display: block;
}


/*ON WRITE*/
.xg_input.is-dirty label , .xg_input.is-dirty_always label , .xg_input.is-focused label{
    /*transform: scale(.75) translateY(-400%) translateX(10px);*/
    /*transform: scale(.75) translateY(-390%) translateX(10px);*/
    transform: scale(0.75) translateY(-60px) translateX(10px)
}
.xg_input.xg_input_for_textarea.is-dirty label , .xg_input.xg_input_for_textarea.is-dirty_always label , .xg_input.xg_input_for_textarea.is-focused label{
    transform: scale(.75) translateY(-47%) translateX(10px);
}


/*ON FOCUS*/
.xg_input.is-focused label {
    color: #4285f4;
}

.xg_input.is-focused .right_button , .xg_input.is-focused .right_button1 , .xg_input.is-focused .right_button2  {
    color: #4285f4;
}

.xg_input.is-focused .right_button_separator {
    border-left:2px solid #4285f4;
}

.xg_input.is-focused input , .xg_input.is-focused textarea{
    width: calc(100% - 17px);
    border:2px solid #4285f4;
    height: 21px;
}

.xg_input.right_action_button input , .xg_input.right_action_button textarea { width: calc(100% - 39px); padding-right:30px; }
.xg_input.right_action_button.is-focused input , .xg_input.right_action_button.is-focused textarea { width: calc(100% - 42px); }

.xg_input.left_action_button input , .xg_input.left_action_button textarea { width: calc(100% - 39px); padding-left:30px; }
.xg_input.left_action_button.is-focused input , .xg_input.left_action_button.is-focused textarea { width: calc(100% - 42px); }

.xg_input.left_right_action_button input , .xg_input.left_right_action_button textarea { width: calc(100% - 78px); padding-left:30px; padding-right:30px; }
.xg_input.left_right_action_button.is-focused input , .xg_input.left_right_action_button.is-focused textarea { width: calc(100% - 84px); }

.xg_input .right_button1 , .xg_input .right_button {cursor: pointer;position: absolute;right: 8px;top: 8px;}
.xg_input .right_button_separator { border-left: 1px solid #a9a9a9; }

.xg_input .left_button1 , .xg_input .left_button {cursor: pointer;position: absolute;left: 8px; top: 8px;}
.xg_input .left_button_separator { border-left: 1px solid #a9a9a9; }

.xg_input.right_action_button2 input            , .xg_input.right_action_button2 textarea               { width: calc(100% - 64px); padding-right:55px; }
.xg_input.right_action_button2.is-focused input , .xg_input.right_action_button2.is-focused textarea    { width: calc(100% - 67px); }
.xg_input .right_button2                        { cursor: pointer;position: absolute;right: 32px;top: 8px;}


/*ERROR CLASS*/
.xg_input.is-invalid label{
    color: #f43300;
}

.xg_input.is-invalid .right_button , .xg_input.is-invalid .left_button , .xg_input.is-invalid .right_button1 , .xg_input.is-invalid .right_button2  {
    color: #f43300;
}

.xg_input.is-invalid input , .xg_input.is-invalid textarea{
    width: calc(100% - 17px);
    border:2px solid #f43300;
    height: 21px;
}

.xg_input.is-invalid .right_button_separator, .xg_input.is-invalid .left_button_separator { border-left:2px solid #f43300; }


.xg_input.is-invalid span.xg_error_text {
    visibility: visible;
}


/*SUCCESS CLASS*/
.xg_input.is-valid label{
    color: #00b41c;
}

.xg_input.is-valid .right_button , .xg_input.is-valid .left_button , .xg_input.is-valid .right_button1 , .xg_input.is-valid .right_button2  {
    color: #00b41c;
}

.xg_input.is-valid input , .xg_input.is-valid textarea{
    width: calc(100% - 17px);
    border:2px solid #00b41c;
    height: 21px;
}

.xg_input.is-valid .right_button_separator , .xg_input.is-valid .left_button_separator { border-left:2px solid #00b41c; }


.xg_input.is-valid span.xg_error_text {
    visibility: visible;
    color: #00b41c;
}


















.mdl-navigation__link {
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 0 24px 24px 0;
    border-radius: 0 24px 24px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    min-height: 40px;
    padding: 9px 20px 9px 20px;
    margin:2px 0 !important;
    width: -webkit-calc(100% - 8px);
    width: calc(100% - 8px);
    color: #3c4043;
    cursor: pointer;
}

.mdl-navigation__link .material-icons {
    font-size: 24px;
    margin-right:16px;
    color: #3c4043;
}

.mdl-navigation__link:hover {
    background-color: #f5f5f5 !important;
}

.mdl-navigation__link.active {
    color: #1a73e8;
    background-color: #e8f0fe;
}
.mdl-navigation__link.active .material-icons{
    color: #1a73e8;
}





.mdl-navigation__accordine {
    -webkit-border-radius: 0 24px 24px 0;
    border-radius: 0 24px 24px 0;
    background-color: #e8feef;
    margin:2px 0 !important;
    cursor: pointer;
}


.mdl-navigation__accordine > a {
    color: #369424;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 20px;
    display: flex;
}

.mdl-navigation__accordine > a > span {
    flex-grow: 1;
}

.mdl-navigation__accordine > a .material-icons {
    color: #369424;
    line-height: 14px;
}

.mdl-navigation__accordine > div {
    background: #fff;
    margin-bottom: 16px;
}




.mdl-navigation__label {
    color: #b53f3f;
    font-size: 14px;
    -webkit-border-radius: 0 24px 24px 0;
    border-radius: 0 24px 24px 0;
    background-color: #fee8e8;
    font-weight: bold;
    padding: 8px 20px;
    margin:2px 0 !important;
}



.mdl-layout__drawer.direct-swipe {
    background-color : transparent !important;
    width:265px !important;
    transform: translateX(-240px);
    transition-duration: 0.1s;
    box-shadow: unset;
}

.mdl-layout__drawer.direct-swipe > header , .mdl-layout__drawer.direct-swipe > nav {
    width:240px !important;
    background:#fff
}
.mdl-layout__drawer.direct-swipe > * {
    width:240px !important;
}




/*et_theme/et-theme*/
/*
@Et-Theme
@ET - School CMS
Content Table:
1. Default Variables
2. Box Spacing & Font Sizing (Padding & Margin & Font Size)
3. ET Default
4. Height & Width
5. Flex
6. ET Default New
7. ET Custom
*/

/* 1. Default Variables Start
============================================================================================ */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
    margin: 0;
    padding: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}


* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

body {
    line-height: 1;
}

a {
    color: -webkit-link;
    text-decoration: none;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

.under {
    text-decoration: underline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 1. Default Variables End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 2. Box Spacing & Font Sizing (Padding & Margin & Font Size) Start
============================================================================================ */
.mt0 {
    margin-top: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0 !important;
}

.mr0 {
    margin-right: 0
}

.pt0 {
    padding-top: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.fs0 {
    font-size: 0
}

.mt2 {
    margin-top: 2px
}

.mb2 {
    margin-bottom: 2px
}

.ml2 {
    margin-left: 2px
}

.mr2 {
    margin-right: 2px
}

.pt2 {
    padding-top: 2px
}

.pb2 {
    padding-bottom: 2px
}

.pl2 {
    padding-left: 2px
}

.pr2 {
    padding-right: 2px
}

.fs2 {
    font-size: 2px
}

.mt4 {
    margin-top: 4px
}

.mb4 {
    margin-bottom: 4px
}

.ml4 {
    margin-left: 4px
}

.mr4 {
    margin-right: 4px
}

.pt4 {
    padding-top: 4px
}

.pb4 {
    padding-bottom: 4px
}

.pl4 {
    padding-left: 4px
}

.pr4 {
    padding-right: 4px
}

.fs4 {
    font-size: 4px
}

.mt6 {
    margin-top: 6px
}

.mb6 {
    margin-bottom: 6px
}

.ml6 {
    margin-left: 6px
}

.mr6 {
    margin-right: 6px
}

.pt6 {
    padding-top: 6px
}

.pb6 {
    padding-bottom: 6px
}

.pl6 {
    padding-left: 6px
}

.pr6 {
    padding-right: 6px
}

.fs6 {
    font-size: 6px
}

.mt8 {
    margin-top: 8px
}

.mb8 {
    margin-bottom: 8px
}

.ml8 {
    margin-left: 8px
}

.mr8 {
    margin-right: 8px
}

.pt8 {
    padding-top: 8px
}

.pb8 {
    padding-bottom: 8px
}

.pl8 {
    padding-left: 8px
}

.pr8 {
    padding-right: 8px
}

.fs8 {
    font-size: 8px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.pt10 {
    padding-top: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.pr10 {
    padding-right: 10px
}

.fs10 {
    font-size: 10px
}

.mt12 {
    margin-top: 12px
}

.mb12 {
    margin-bottom: 12px
}

.ml12 {
    margin-left: 12px
}

.mr12 {
    margin-right: 12px
}

.pt12 {
    padding-top: 12px
}

.pb12 {
    padding-bottom: 12px
}

.pl12 {
    padding-left: 12px
}

.pr12 {
    padding-right: 12px
}

.fs12 {
    font-size: 12px
}

.mt14 {
    margin-top: 14px
}

.mb14 {
    margin-bottom: 14px
}

.ml14 {
    margin-left: 14px
}

.mr14 {
    margin-right: 14px
}

.pt14 {
    padding-top: 14px
}

.pb14 {
    padding-bottom: 14px
}

.pl14 {
    padding-left: 14px
}

.pr14 {
    padding-right: 14px
}

.fs14 {
    font-size: 14px
}

.mt16 {
    margin-top: 16px
}

.mb16 {
    margin-bottom: 16px
}

.ml16 {
    margin-left: 16px
}

.mr16 {
    margin-right: 16px
}

.pt16 {
    padding-top: 16px
}

.pb16 {
    padding-bottom: 16px
}

.pl16 {
    padding-left: 16px
}

.pr16 {
    padding-right: 16px
}

.fs16 {
    font-size: 16px
}

.mt18 {
    margin-top: 18px
}

.mb18 {
    margin-bottom: 18px
}

.ml18 {
    margin-left: 18px
}

.mr18 {
    margin-right: 18px
}

.pt18 {
    padding-top: 18px
}

.pb18 {
    padding-bottom: 18px
}

.pl18 {
    padding-left: 18px
}

.pr18 {
    padding-right: 18px
}

.fs18 {
    font-size: 18px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.mr20 {
    margin-right: 20px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.pr20 {
    padding-right: 20px
}

.fs20 {
    font-size: 20px
}

.mt22 {
    margin-top: 22px
}

.mb22 {
    margin-bottom: 22px
}

.ml22 {
    margin-left: 22px
}

.mr22 {
    margin-right: 22px
}

.pt22 {
    padding-top: 22px
}

.pb22 {
    padding-bottom: 22px
}

.pl22 {
    padding-left: 22px
}

.pr22 {
    padding-right: 22px
}

.fs22 {
    font-size: 22px
}

.mt24 {
    margin-top: 24px
}

.mb24 {
    margin-bottom: 24px
}

.ml24 {
    margin-left: 24px
}

.mr24 {
    margin-right: 24px
}

.pt24 {
    padding-top: 24px
}

.pb24 {
    padding-bottom: 24px
}

.pl24 {
    padding-left: 24px
}

.pr24 {
    padding-right: 24px
}

.fs24 {
    font-size: 24px
}

.mt26 {
    margin-top: 26px
}

.mb26 {
    margin-bottom: 26px
}

.ml26 {
    margin-left: 26px
}

.mr26 {
    margin-right: 26px
}

.pt26 {
    padding-top: 26px
}

.pb26 {
    padding-bottom: 26px
}

.pl26 {
    padding-left: 26px
}

.pr26 {
    padding-right: 26px
}

.fs26 {
    font-size: 26px
}

.mt28 {
    margin-top: 28px
}

.mb28 {
    margin-bottom: 28px
}

.ml28 {
    margin-left: 28px
}

.mr28 {
    margin-right: 28px
}

.pt28 {
    padding-top: 28px
}

.pb28 {
    padding-bottom: 28px
}

.pl28 {
    padding-left: 28px
}

.pr28 {
    padding-right: 28px
}

.fs28 {
    font-size: 28px
}

.mt30 {
    margin-top: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.mr30 {
    margin-right: 30px
}

.pt30 {
    padding-top: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.pr30 {
    padding-right: 30px
}

.fs30 {
    font-size: 30px
}

.mt32 {
    margin-top: 32px
}

.mb32 {
    margin-bottom: 32px
}

.ml32 {
    margin-left: 32px
}

.mr32 {
    margin-right: 32px
}

.pt32 {
    padding-top: 32px
}

.pb32 {
    padding-bottom: 32px
}

.pl32 {
    padding-left: 32px
}

.pr32 {
    padding-right: 32px
}

.fs32 {
    font-size: 32px
}

.mt34 {
    margin-top: 34px
}

.mb34 {
    margin-bottom: 34px
}

.ml34 {
    margin-left: 34px
}

.mr34 {
    margin-right: 34px
}

.pt34 {
    padding-top: 34px
}

.pb34 {
    padding-bottom: 34px
}

.pl34 {
    padding-left: 34px
}

.pr34 {
    padding-right: 34px
}

.fs34 {
    font-size: 34px
}

.mt36 {
    margin-top: 36px
}

.mb36 {
    margin-bottom: 36px
}

.ml36 {
    margin-left: 36px
}

.mr36 {
    margin-right: 36px
}

.pt36 {
    padding-top: 36px
}

.pb36 {
    padding-bottom: 36px
}

.pl36 {
    padding-left: 36px
}

.pr36 {
    padding-right: 36px
}

.fs36 {
    font-size: 36px
}

.mt38 {
    margin-top: 38px
}

.mb38 {
    margin-bottom: 38px
}

.ml38 {
    margin-left: 38px
}

.mr38 {
    margin-right: 38px
}

.pt38 {
    padding-top: 38px
}

.pb38 {
    padding-bottom: 38px
}

.pl38 {
    padding-left: 38px
}

.pr38 {
    padding-right: 38px
}

.fs38 {
    font-size: 38px
}

.mt40 {
    margin-top: 40px
}

.mb40 {
    margin-bottom: 40px
}

.ml40 {
    margin-left: 40px
}

.mr40 {
    margin-right: 40px
}

.pt40 {
    padding-top: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pl40 {
    padding-left: 40px
}

.pr40 {
    padding-right: 40px
}

.fs40 {
    font-size: 40px
}

.mt42 {
    margin-top: 42px
}

.mb42 {
    margin-bottom: 42px
}

.ml42 {
    margin-left: 42px
}

.mr42 {
    margin-right: 42px
}

.pt42 {
    padding-top: 42px
}

.pb42 {
    padding-bottom: 42px
}

.pl42 {
    padding-left: 42px
}

.pr42 {
    padding-right: 42px
}

.fs42 {
    font-size: 42px
}

.mt44 {
    margin-top: 44px
}

.mb44 {
    margin-bottom: 44px
}

.ml44 {
    margin-left: 44px
}

.mr44 {
    margin-right: 44px
}

.pt44 {
    padding-top: 44px
}

.pb44 {
    padding-bottom: 44px
}

.pl44 {
    padding-left: 44px
}

.pr44 {
    padding-right: 44px
}

.fs44 {
    font-size: 44px
}

.mt46 {
    margin-top: 46px
}

.mb46 {
    margin-bottom: 46px
}

.ml46 {
    margin-left: 46px
}

.mr46 {
    margin-right: 46px
}

.pt46 {
    padding-top: 46px
}

.pb46 {
    padding-bottom: 46px
}

.pl46 {
    padding-left: 46px
}

.pr46 {
    padding-right: 46px
}

.fs46 {
    font-size: 46px
}

.mt48 {
    margin-top: 48px
}

.mb48 {
    margin-bottom: 48px
}

.ml48 {
    margin-left: 48px
}

.mr48 {
    margin-right: 48px
}

.pt48 {
    padding-top: 48px
}

.pb48 {
    padding-bottom: 48px
}

.pl48 {
    padding-left: 48px
}

.pr48 {
    padding-right: 48px
}

.fs48 {
    font-size: 48px
}

.mt50 {
    margin-top: 50px
}

.mb50 {
    margin-bottom: 50px
}

.ml50 {
    margin-left: 50px
}

.mr50 {
    margin-right: 50px
}

.pt50 {
    padding-top: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pl50 {
    padding-left: 50px
}

.pr50 {
    padding-right: 50px
}

.fs50 {
    font-size: 50px
}

.mt52 {
    margin-top: 52px
}

.mb52 {
    margin-bottom: 52px
}

.ml52 {
    margin-left: 52px
}

.mr52 {
    margin-right: 52px
}

.pt52 {
    padding-top: 52px
}

.pb52 {
    padding-bottom: 52px
}

.pl52 {
    padding-left: 52px
}

.pr52 {
    padding-right: 52px
}

.fs52 {
    font-size: 52px
}

.mt54 {
    margin-top: 54px
}

.mb54 {
    margin-bottom: 54px
}

.ml54 {
    margin-left: 54px
}

.mr54 {
    margin-right: 54px
}

.pt54 {
    padding-top: 54px
}

.pb54 {
    padding-bottom: 54px
}

.pl54 {
    padding-left: 54px
}

.pr54 {
    padding-right: 54px
}

.fs54 {
    font-size: 54px
}

.mt56 {
    margin-top: 56px
}

.mb56 {
    margin-bottom: 56px
}

.ml56 {
    margin-left: 56px
}

.mr56 {
    margin-right: 56px
}

.pt56 {
    padding-top: 56px
}

.pb56 {
    padding-bottom: 56px
}

.pl56 {
    padding-left: 56px
}

.pr56 {
    padding-right: 56px
}

.fs56 {
    font-size: 56px
}

.mt58 {
    margin-top: 58px
}

.mb58 {
    margin-bottom: 58px
}

.ml58 {
    margin-left: 58px
}

.mr58 {
    margin-right: 58px
}

.pt58 {
    padding-top: 58px
}

.pb58 {
    padding-bottom: 58px
}

.pl58 {
    padding-left: 58px
}

.pr58 {
    padding-right: 58px
}

.fs58 {
    font-size: 58px
}

.mt60 {
    margin-top: 60px
}

.mb60 {
    margin-bottom: 60px
}

.ml60 {
    margin-left: 60px
}

.mr60 {
    margin-right: 60px
}

.pt60 {
    padding-top: 60px
}

.pb60 {
    padding-bottom: 60px
}

.pl60 {
    padding-left: 60px
}

.pr60 {
    padding-right: 60px
}

.fs60 {
    font-size: 60px
}

.mt62 {
    margin-top: 62px
}

.mb62 {
    margin-bottom: 62px
}

.ml62 {
    margin-left: 62px
}

.mr62 {
    margin-right: 62px
}

.pt62 {
    padding-top: 62px
}

.pb62 {
    padding-bottom: 62px
}

.pl62 {
    padding-left: 62px
}

.pr62 {
    padding-right: 62px
}

.fs62 {
    font-size: 62px
}

.mt64 {
    margin-top: 64px
}

.mb64 {
    margin-bottom: 64px
}

.ml64 {
    margin-left: 64px
}

.mr64 {
    margin-right: 64px
}

.pt64 {
    padding-top: 64px
}

.pb64 {
    padding-bottom: 64px
}

.pl64 {
    padding-left: 64px
}

.pr64 {
    padding-right: 64px
}

.fs64 {
    font-size: 64px
}

.mt66 {
    margin-top: 66px
}

.mb66 {
    margin-bottom: 66px
}

.ml66 {
    margin-left: 66px
}

.mr66 {
    margin-right: 66px
}

.pt66 {
    padding-top: 66px
}

.pb66 {
    padding-bottom: 66px
}

.pl66 {
    padding-left: 66px
}

.pr66 {
    padding-right: 66px
}

.fs66 {
    font-size: 66px
}

.mt68 {
    margin-top: 68px
}

.mb68 {
    margin-bottom: 68px
}

.ml68 {
    margin-left: 68px
}

.mr68 {
    margin-right: 68px
}

.pt68 {
    padding-top: 68px
}

.pb68 {
    padding-bottom: 68px
}

.pl68 {
    padding-left: 68px
}

.pr68 {
    padding-right: 68px
}

.fs68 {
    font-size: 68px
}

.mt70 {
    margin-top: 70px
}

.mb70 {
    margin-bottom: 70px
}

.ml70 {
    margin-left: 70px
}

.mr70 {
    margin-right: 70px
}

.pt70 {
    padding-top: 70px
}

.pb70 {
    padding-bottom: 70px
}

.pl70 {
    padding-left: 70px
}

.pr70 {
    padding-right: 70px
}

.fs70 {
    font-size: 70px
}

.mt72 {
    margin-top: 72px
}

.mb72 {
    margin-bottom: 72px
}

.ml72 {
    margin-left: 72px
}

.mr72 {
    margin-right: 72px
}

.pt72 {
    padding-top: 72px
}

.pb72 {
    padding-bottom: 72px
}

.pl72 {
    padding-left: 72px
}

.pr72 {
    padding-right: 72px
}

.fs72 {
    font-size: 72px
}

.mt74 {
    margin-top: 74px
}

.mb74 {
    margin-bottom: 74px
}

.ml74 {
    margin-left: 74px
}

.mr74 {
    margin-right: 74px
}

.pt74 {
    padding-top: 74px
}

.pb74 {
    padding-bottom: 74px
}

.pl74 {
    padding-left: 74px
}

.pr74 {
    padding-right: 74px
}

.fs74 {
    font-size: 74px
}

.mt76 {
    margin-top: 76px
}

.mb76 {
    margin-bottom: 76px
}

.ml76 {
    margin-left: 76px
}

.mr76 {
    margin-right: 76px
}

.pt76 {
    padding-top: 76px
}

.pb76 {
    padding-bottom: 76px
}

.pl76 {
    padding-left: 76px
}

.pr76 {
    padding-right: 76px
}

.fs76 {
    font-size: 76px
}

.mt78 {
    margin-top: 78px
}

.mb78 {
    margin-bottom: 78px
}

.ml78 {
    margin-left: 78px
}

.mr78 {
    margin-right: 78px
}

.pt78 {
    padding-top: 78px
}

.pb78 {
    padding-bottom: 78px
}

.pl78 {
    padding-left: 78px
}

.pr78 {
    padding-right: 78px
}

.fs78 {
    font-size: 78px
}

.mt80 {
    margin-top: 80px
}

.mb80 {
    margin-bottom: 80px
}

.ml80 {
    margin-left: 80px
}

.mr80 {
    margin-right: 80px
}

.pt80 {
    padding-top: 80px
}

.pb80 {
    padding-bottom: 80px
}

.pl80 {
    padding-left: 80px
}

.pr80 {
    padding-right: 80px
}

.fs80 {
    font-size: 80px
}

.mt82 {
    margin-top: 82px
}

.mb82 {
    margin-bottom: 82px
}

.ml82 {
    margin-left: 82px
}

.mr82 {
    margin-right: 82px
}

.pt82 {
    padding-top: 82px
}

.pb82 {
    padding-bottom: 82px
}

.pl82 {
    padding-left: 82px
}

.pr82 {
    padding-right: 82px
}

.fs82 {
    font-size: 82px
}

.mt84 {
    margin-top: 84px
}

.mb84 {
    margin-bottom: 84px
}

.ml84 {
    margin-left: 84px
}

.mr84 {
    margin-right: 84px
}

.pt84 {
    padding-top: 84px
}

.pb84 {
    padding-bottom: 84px
}

.pl84 {
    padding-left: 84px
}

.pr84 {
    padding-right: 84px
}

.fs84 {
    font-size: 84px
}

.mt86 {
    margin-top: 86px
}

.mb86 {
    margin-bottom: 86px
}

.ml86 {
    margin-left: 86px
}

.mr86 {
    margin-right: 86px
}

.pt86 {
    padding-top: 86px
}

.pb86 {
    padding-bottom: 86px
}

.pl86 {
    padding-left: 86px
}

.pr86 {
    padding-right: 86px
}

.fs86 {
    font-size: 86px
}

.mt88 {
    margin-top: 88px
}

.mb88 {
    margin-bottom: 88px
}

.ml88 {
    margin-left: 88px
}

.mr88 {
    margin-right: 88px
}

.pt88 {
    padding-top: 88px
}

.pb88 {
    padding-bottom: 88px
}

.pl88 {
    padding-left: 88px
}

.pr88 {
    padding-right: 88px
}

.fs88 {
    font-size: 88px
}

.mt90 {
    margin-top: 90px
}

.mb90 {
    margin-bottom: 90px
}

.ml90 {
    margin-left: 90px
}

.mr90 {
    margin-right: 90px
}

.pt90 {
    padding-top: 90px
}

.pb90 {
    padding-bottom: 90px
}

.pl90 {
    padding-left: 90px
}

.pr90 {
    padding-right: 90px
}

.fs90 {
    font-size: 90px
}

.mt92 {
    margin-top: 92px
}

.mb92 {
    margin-bottom: 92px
}

.ml92 {
    margin-left: 92px
}

.mr92 {
    margin-right: 92px
}

.pt92 {
    padding-top: 92px
}

.pb92 {
    padding-bottom: 92px
}

.pl92 {
    padding-left: 92px
}

.pr92 {
    padding-right: 92px
}

.fs92 {
    font-size: 92px
}

.mt94 {
    margin-top: 94px
}

.mb94 {
    margin-bottom: 94px
}

.ml94 {
    margin-left: 94px
}

.mr94 {
    margin-right: 94px
}

.pt94 {
    padding-top: 94px
}

.pb94 {
    padding-bottom: 94px
}

.pl94 {
    padding-left: 94px
}

.pr94 {
    padding-right: 94px
}

.fs94 {
    font-size: 94px
}

.mt96 {
    margin-top: 96px
}

.mb96 {
    margin-bottom: 96px
}

.ml96 {
    margin-left: 96px
}

.mr96 {
    margin-right: 96px
}

.pt96 {
    padding-top: 96px
}

.pb96 {
    padding-bottom: 96px
}

.pl96 {
    padding-left: 96px
}

.pr96 {
    padding-right: 96px
}

.fs96 {
    font-size: 96px
}

.mt98 {
    margin-top: 98px
}

.mb98 {
    margin-bottom: 98px
}

.ml98 {
    margin-left: 98px
}

.mr98 {
    margin-right: 98px
}

.pt98 {
    padding-top: 98px
}

.pb98 {
    padding-bottom: 98px
}

.pl98 {
    padding-left: 98px
}

.pr98 {
    padding-right: 98px
}

.fs98 {
    font-size: 98px
}

.mt100 {
    margin-top: 100px
}

.mb100 {
    margin-bottom: 100px
}

.ml100 {
    margin-left: 100px
}

.mr100 {
    margin-right: 100px
}

.pt100 {
    padding-top: 100px
}

.pb100 {
    padding-bottom: 100px
}

.pl100 {
    padding-left: 100px
}

.pr100 {
    padding-right: 100px
}

.fs100 {
    font-size: 100px
}

/* 2. Box Spacing & Font Sizing (Padding & Margin & Font Size) End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 3. ET Default Start
============================================================================================ */
.et_fr {
    float: right;
}

.et_fl {
    float: left;
}

.et_ft {
    float: top;
}

.et_fb {
    float: bottom;
}

.et_pc_fr {
    float: right;
}

.et_pc_fl {
    float: left;
}

.et_pc_ft {
    float: top;
}

.et_pc_fb {
    float: bottom;
}

.et_mob_fr {
    float: none;
}

.et_mob_fl {
    float: none;
}

.et_mob_ft {
    float: none;
}

.et_mob_fb {
    float: none;
}

.et_pc_fr_c {
    float: right;
}

.et_pc_fl_c {
    float: left;
}

.et_pc_ft_c {
    float: top;
}

.et_pc_fb_c {
    float: bottom;
}

.et_ta_right {
    text-align: right;
}

.et_ta_left {
    text-align: left;
}

table.et_ta_center * {
    text-align: center;
}

.et_ta_center {
    text-align: center;
}

.et_pc_ta_right {
    text-align: right;
}

.et_pc_ta_left {
    text-align: left;
}

.et_pc_ta_center {
    text-align: center;
}

.et_mob_ta_right {
    text-align: right;
}

.et_mob_ta_left {
    text-align: left;
}

.et_mob_ta_center {
    text-align: center;
}

.opacity_5 {
    opacity: 0.02;
    filter: alpha(opacity=2);
}

.opacity_10 {
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.opacity_20 {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.opacity_30 {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.opacity_50 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.et_fs_roboto {
    font-family: 'Roboto', sans-serif;
}

.et_fs_s1 {
    font-weight: 400;
    font-family: 'Raleway', Calibri, Arial, sans-serif;
}

.et_fs_s2 {
    font-weight: 400;
    font-family: 'Raleway', Arial, sans-serif;
}

.et_fs_s3 {
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}

.et_fs_s4 {
    font-weight: 400;
    font-family: 'Raleway', Arial, serif;
}

.et_fs_s5 {
    font-weight: 400;
    font-family: 'Raleway', serif;
}

.et_fc_white {
    color: #ffffff;
}

.et_fc_grey_lite {
    color: #E1E1E1;
}

.et_fc_lightgrey {
    color: #808080;
}

.et_fc_grey {
    color: #3f3f3f;
}

.et_fc_black {
    color: #000000;
}

.et_fc_red {
    color: #db4538;
}

.et_fc_yellow {
    color: #f4c20d;
}

.et_fc_blue {
    color: #4885ed;
}

.et_fc_green {
    color: #3cba54;
}

.et_fc_orange {
    color: #f57c00;

}

.et_background_white {
    background: #ffffff;
}

.et_background_grey_lite {
    background: #E1E1E1;
}

.et_background_lightgrey {
    background: #808080;
}

.et_background_grey {
    background: #3f3f3f;
}

.et_background_black {
    background: #000000;
}

.et_background_red {
    background: #db4538;
}

.et_background_yellow {
    background: #f4c20d;
}

.et_background_blue {
    background: #4885ed;
}

.et_background_green {
    background: #3cba54 !important;
}

.et_background_orange {
    background: #f57c00;
}


.et_background_color_white {
    background-color: #ffffff;
}

.et_background_color_grey_lite {
    background-color: #E1E1E1;
}

.et_background_color_lightgrey {
    background-color: #808080;
}

.et_background_color_grey {
    background-color: #3f3f3f;
}

.et_background_color_black {
    background-color: #000000;
}

.et_background_color_red {
    background-color: #db4538;
}

.et_background_color_yellow {
    background-color: #f4c20d;
}

.et_background_color_blue {
    background-color: #4885ed;
}

.et_background_color_green {
    background-color: #3cba54;
}

.et_background_color_orange {
    background-color: #f57c00;
}

.et_background_theme {
    background: #42a5f5;
}

.et_background_theme_lite {
    background: #26AFFF;
}

.et_background_color_theme {
    background-color: #42a5f5;
}

.et_background_color_theme_lite {
    background-color: #26AFFF;
}

.et_fc_theme {
    color: #42a5f5;
}

.et_fc_theme_lite {
    color: #26AFFF;
}

.et_dn {
    display: none !important;
}

.et_display_b {
    display: block;
}

.et_display_ib {
    display: inline-block;
}

.et_display_ib_pc {
    display: inline-block;
}

.et_display_b_pc {
    display: block;
}

.et_display_ib_mob {
    display: none;
}

.et_display_b_mob {
    display: none;
}

.et_parent {
    width: 100%;
    text-align: center;
}

.et_child {
    display: inline-block;
}

.et_outer {
    display: table;
    height: 100%;
}

.et_middle {
    display: table-cell;
    vertical-align: middle;
}

.et_display_table {
    display: table;
}

.et_display_table_cell {
    display: table-cell;
}

.et_valign_center {
    vertical-align: middle;
}

.et_items_align_center {
    align-items: center !important;
}

.et_inner {
    margin-left: auto;
    margin-right: auto;
}

.et_pc_parent {
    width: 100%;
    text-align: center;
}

.et_pc_child {
    display: inline-block;
}

.et_mob_parent {
    width: auto;
    text-align: unset;
}

.et_mob_child {
    display: block;
}

.et_row {
    display: flex;
}

.et_col {
    flex: 1;
}

.et_pm_row {
    display: flex;
}

.et_pm_col {
    flex: 1;
}

.et_w_p_100 {
    width: 100%;
}

.et_h_p_100 {
    height: 100%;
}

.et_w_p_90 {
    width: 90%;
}

.et_w_p_80 {
    width: 80%;
}

.et_w_p_50 {
    width: 50%;
}

.et_w_p_33 {
    width: 33.33%;
}

.et_w_p_unset {
    width: unset;
}

.et_width_auto {
    width: auto;
}

.et_width_550 {
    width: 550px;
}

.et_all_tal * {
    text-align: left !important;
}

.et_all_tac * {
    text-align: center !important;
}

.text-wrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 840px) {
    .et_display_ib_pc {
        display: none;
    }

    .et_display_b_pc {
        display: none;
    }

    /*.et_display_ib_pc {
        display: inline-block;
    }*/
    .et_display_b_mob {
        display: block;
    }

    .et_row {
        display: block;
    }

    .et_col {
        flex: none;
    }

    .et_pc_fr {
        float: none;
    }

    .et_pc_fl {
        float: none;
    }

    .et_pc_fb {
        float: none;
    }

    .et_pc_ft {
        float: none;
    }

    .et_mob_fr {
        float: right;
    }

    .et_mob_fl {
        float: left;
    }

    .et_mob_fb {
        float: bottom;
    }

    .et_mob_ft {
        float: top;
    }

    .et_mob_fr_c {
        float: right;
    }

    .et_mob_fl_c {
        float: left;
    }

    .et_mob_fb_c {
        float: bottom;
    }

    .et_mob_ft_c {
        float: top;
    }

    .et_pc_parent {
        width: auto;
        text-align: unset;
    }

    .et_pc_child {
        display: block;
    }

    .et_mob_parent {
        width: 100%;
        text-align: center;
    }

    .et_mob_child {
        display: inline-block;
    }

    .et_pc_mt {
        margin-top: 0;
    }

    .et_pc_mb {
        margin-bottom: 0;
    }

    .et_pc_ml {
        margin-left: 0;
    }

    .et_pc_mr {
        margin-right: 0;
    }

    .et_pc_pt {
        padding-top: 0;
    }

    .et_pc_pb {
        padding-bottom: 0;
    }

    .et_pc_pl {
        padding-left: 0;
    }

    .et_pc_pr {
        padding-right: 0;
    }

    .et_pc_w {
        width: auto;
    }

    .et_pc_h {
        width: auto;
    }

}

@media only screen and (min-width: 840px) {

    .et_mob_mt {
        margin-top: 0;
    }

    .et_mob_mb {
        margin-bottom: 0;
    }

    .et_mob_ml {
        margin-left: 0;
    }

    .et_mob_mr {
        margin-right: 0;
    }

    .et_mob_pt {
        padding-top: 0;
    }

    .et_mob_pb {
        padding-bottom: 0;
    }

    .et_mob_pl {
        padding-left: 0;
    }

    .et_mob_pr {
        padding-right: 0;
    }

    .et_mob_w {
        width: auto;
    }

    .et_mob_h {
        width: auto;
    }

}

.circle {
    border-radius: 50%
}

.mouse_hand {
    cursor: pointer;
}

.un_selectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.et_ww_ba {
    word-break: break-all
}

.et_ww_ka {
    word-break: keep-all;
}

.et_ww_nw {
    white-space: nowrap;
}

.special_p {
    word-break: keep-all;
    white-space: normal;
}

.et_text_t_u {
    text-transform: uppercase;
}

.et_text_t_l {
    text-transform: lowercase;
}

.et_text_t_c {
    text-transform: capitalize;
}

.et_f_normal {
    font-weight: normal;
}

.et_f_bold {
    font-weight: bold;
}

.et_f_extra_bold {
    font-weight: 900;
}

.et_fc_w300 {
    font-weight: 300;
}

.et_fc_w400 {
    font-weight: 400;
}

.et_fc_w500 {
    font-weight: 500;
}


.et_fc_w600 {
    font-weight: 600;
}

.et_border_line {
    border-top: 1px solid rgba(0, 0, 0, 0.20);
}

.no_margin {
    margin: 0 !important;
}

.no_padding {
    padding: 0 !important;
}

.icon_online {
    border-radius: 50%;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    display: inline-block;
    background: #20d65f;
    margin-left: 5px;
}

.icon_offline {
    border-radius: 50%;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    display: inline-block;
    background: #999999;
    margin-left: 5px;
}

.icon_not_sure {
    border-radius: 50%;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    display: inline-block;
    background: #d9dd00;
    margin-left: 5px;
}

.only-print {
    display: none !important;
}

.only-print-block {
    display: none !important;
}

.only-print-inlineblock {
    display: none !important;
}

.only-print-flex {
    display: none !important;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .only-print {
        display: unset !important;
    }

    .only-print-block {
        display: block !important;
    }

    .only-print-inlineblock {
        display: inline-block !important;
    }

    .only-print-flex {
        display: flex !important;
    }
}


/* 3. ET Default End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 4. Height & Width Start
============================================================================================ */
.et_h16 {
    height: 16px;
}

.et_w16 {
    width: 16px;
}

.et_h20 {
    height: 20px;
}

.et_w20 {
    width: 20px;
}

.et_h24 {
    height: 24px;
}

.et_w24 {
    width: 24px;
}

.et_h26 {
    height: 26px;
}

.et_w26 {
    width: 26px;
}

.et_h30 {
    height: 30px;
}

.et_w30 {
    width: 30px;
}

.et_h32 {
    height: 32px;
}

.et_w32 {
    width: 32px;
}

.et_h40 {
    height: 40px;
}

.et_w40 {
    width: 40px;
}

.et_h50 {
    height: 50px;
}

.et_w50 {
    width: 50px;
}

.et_h56 {
    height: 56px;
}

.et_w56 {
    width: 56px;
}

.et_h60 {
    height: 60px;
}

.et_w60 {
    width: 60px;
}

.et_h70 {
    height: 70px;
}

.et_w70 {
    width: 70px;
}

.et_h80 {
    height: 80px;
}

.et_w80 {
    width: 80px;
}

.et_h90 {
    height: 90px;
}

.et_w90 {
    width: 90px;
}

.et_h100 {
    height: 100px;
}

.et_w100 {
    width: 100px;
}

.et_h120 {
    height: 120px;
}

.et_w120 {
    width: 120px;
}

.et_h150 {
    height: 150px;
}

.et_w150 {
    width: 150px;
}

.et_h156 {
    height: 156px;
}

.et_w156 {
    width: 156px;
}

.et_h200 {
    height: 200px;
}

.et_w200 {
    width: 200px;
}

.et_h250 {
    height: 250px;
}

.et_w250 {
    width: 250px;
}

.et_h300 {
    height: 300px;
}

.et_w300 {
    width: 300px;
}

.et_h350 {
    height: 350px;
}

.et_w350 {
    width: 350px;
}

.et_h400 {
    height: 400px;
}

.et_w400 {
    width: 400px;
}

.et_h450 {
    height: 450px;
}

.et_w450 {
    width: 450px;
}

.et_h500 {
    height: 500px;
}

.et_w500 {
    width: 500px;
}

/* 4. Height & Width End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 5. Flex Start
============================================================================================ */
.flex-container {
    display: flex;
}

.justify-content_start {
    justify-content: start;
}

.justify-content_center {
    justify-content: center;
}

.justify-content_end {
    justify-content: end;
}

.justify-content_flex-start {
    justify-content: flex-start;
}

.justify-content_flex-end {
    justify-content: flex-end;
}

.justify-content_space-between {
    justify-content: space-between;
}

.justify-content_space-around {
    justify-content: space-around;
}

.justify-content_space-evenly {
    justify-content: space-evenly;
}

.align-item_flex-start {
    align-items: flex-start;
}

.align-item_flex-end {
    align-items: flex-end;
}

.align-item_baseline {
    align-items: baseline;
}

.flex-dir-row {
    flex-direction: row;
}

.flex-dir-row-reverse {
    flex-direction: row-reverse;
}

.flex-dir-column {
    flex-direction: column;

}

.flex-dir-column-reverse {
    flex-direction: column-reverse;

}

.flex-grow-15 {
    flex-grow: .15;
}

.flex-grow-33 {
    flex-grow: .33;
}

.flex-grow-50 {
    flex-grow: .50;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-grow-5 {
    flex-grow: 5;
}

.flex-grow-40 {
    flex-grow: 40;
}

.et_div_even_ml_98 > div:nth-last-of-type(even) {
    margin-left: 98px;
}

/* 5. Flex End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 6. ET Default New Start
============================================================================================ */
.et_fs_per40 {
    font-size: 40%;
}

.et_fs_per50 {
    font-size: 50%;
}

.et_fs_per60 {
    font-size: 60%;
}

.et_fs_per70 {
    font-size: 70%;
}

.et_fs_per75 {
    font-size: 75%;
}

.et_fs_per80 {
    font-size: 80%;
}

.et_fs_per85 {
    font-size: 85%;
}

.et_fs_per90 {
    font-size: 90%;
}

.et_fs_per100 {
    font-size: 100%;
}

.et_fs_per110 {
    font-size: 110%;
}

.et_fs_per120 {
    font-size: 120%;
}

.et_fs_per125 {
    font-size: 125%;
}

.et_fs_per130 {
    font-size: 130%;
}

.et_fs_per140 {
    font-size: 140%;
}

.et_fs_per150 {
    font-size: 150%;
}

.et_fs_per160 {
    font-size: 160%;
}

.et_fs_per170 {
    font-size: 170%;
}

.et_fs_per190 {
    font-size: 190%;
}

.et_fs_per200 {
    font-size: 200%;
}

.et_fs_per250 {
    font-size: 250%;
}

.et_m0 {
    margin: 0 !important;
}

.et_p0 {
    padding: 0 !important;
}

.et_m2 {
    margin: 2px;
}

.et_p2 {
    padding: 2px;
}

.et_m4 {
    margin: 4px;
}

.et_p4 {
    padding: 4px;
}

.et_m6 {
    margin: 6px;
}

.et_p6 {
    padding: 6px;
}

.et_m8 {
    margin: 8px;
}

.et_p8 {
    padding: 8px;
}

.et_m10 {
    margin: 10px;
}

.et_p10 {
    padding: 10px;
}

.et_m12 {
    margin: 12px;
}

.et_p12 {
    padding: 12px;
}

.et_m14 {
    margin: 14px;
}

.et_p14 {
    padding: 14px;
}

.et_m16 {
    margin: 16px;
}

.et_p16 {
    padding: 16px;
}

.et_m18 {
    margin: 18px;
}

.et_p18 {
    padding: 18px;
}

.et_m20 {
    margin: 20px;
}

.et_p20 {
    padding: 20px;
}

.et_m22 {
    margin: 22px;
}

.et_p22 {
    padding: 22px;
}

.et_m24 {
    margin: 24px;
}

.et_p24 {
    padding: 24px;
}

.et_w100_m2 {
    width: calc(100% - 4px) !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.et_w100_m4 {
    width: calc(100% - 8px) !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.et_w100_m8 {
    width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.et_w100_m12 {
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.et_w100_m16 {
    width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.et_w100_m18 {
    width: calc(100% - 36px) !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
}

.et_border_r2 {
    border-radius: 2px;
}

.et_border_r4 {
    border-radius: 4px;
}

.et_border_r6 {
    border-radius: 6px;
}

.et_border_r8 {
    border-radius: 8px;
}

.et_border_r10 {
    border-radius: 10px;
}

.et_border_r12 {
    border-radius: 12px;
}

.et_border_r16 {
    border-radius: 16px;
}

/* 6. ET Default New End
============================================================================================ */

/* ----------------------------------------------------------------------------------------- */

/* 7. ET Custom  APP Start
============================================================================================ */
.et_b_05px_solid {
    border: 0.5px solid #cec9c9;
}

.et_position_absolute {
    position: absolute;
}

.et_border_none {
    border: none;
}

.et_fc_design_unit_blue {
    font-weight: normal !important;
    color: #4885ed !important;
}

.et_fc_design_unit_red {
    font-weight: normal !important;
    color: #db3236 !important;
}

.et_fc_design_unit_green {
    font-weight: normal !important;
    color: #3cba54 !important;
}

.et_fc_design_unit_yellow {
    font-weight: normal !important;
    color: #f4c20d !important;
}

.et_fc_design_blue {
    font-weight: bold !important;
    color: #4885ed !important;
}

.et_fc_design_red {
    font-weight: bold !important;
    color: #db3236 !important;
}

.et_fc_design_green {
    font-weight: bold !important;
    color: #3cba54 !important;
}

.et_fc_design_yellow {
    font-weight: bold !important;
    color: #f4c20d !important;
}

.et_action_blue {
    color: #4885ed !important;
}

.et_action_red {
    color: #db4538 !important;
}

.et_action_green {
    color: #3cba54 !important;
}

.et_action_yellow {
    color: #f4c20d !important;
}

.et_action_grey {
    color: #808080;
}



/*framework/v1*/
activity {
    display: none !important;
}

activity[active] {
    display: block !important;
}

fragment {
    display: none !important;
}

fragment[active] {
    display: block !important;
}


        .header_for_side_menu{
            color: #55b53f !important;
            background-color: #effee8 !important;
        }
    


      .info-box-2wrapper .info-box-2 .info-box-icon .x-icon {
         color: unset;
         opacity: 0.4;
      }
      .info-box-2wrapper .info-box-2 {
         border-radius: 12px;
      }
   


                    #finance_profile_tab-control .app_finance_file_feature {
                        display: none;
                    }
                    #finance_profile_tab-control.app_finance_control_type_sms .app_finance_file_feature.app_finance_control_type_sms, #finance_profile_tab-control.app_finance_control_type_fcm .app_finance_file_feature.app_finance_control_type_fcm {
                        display: flex;
                    }
                


                            .ye_fix_hai .mdl-menu__container {
                                position: absolute !important;
                            }

                        


                            .select {
                                cursor: pointer;
                                display: inline-block;
                                position: relative;
                                font-size: 16px;
                                color: #fff;
                                width: 220px;
                                height: 40px;
                            }

                            .select-styled {
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                background-color: #707070;
                                padding: 8px 15px;
                                -moz-transition: all 0.2s ease-in;
                                -o-transition: all 0.2s ease-in;
                                -webkit-transition: all 0.2s ease-in;
                                transition: all 0.2s ease-in;
                            }
                            .select-styled:after {
                                content: "";
                                width: 0;
                                height: 0;
                                border: 7px solid transparent;
                                border-color: #fff transparent transparent transparent;
                                position: absolute;
                                top: 16px;
                                right: 10px;
                            }
                            .select-styled:hover {
                                background-color: #9d9b9b;
                            }
                            .select-styled:active, .select-styled.active {
                                background-color: #707070;
                            }
                            .select-styled:active:after, .select-styled.active:after {
                                top: 9px;
                                border-color: transparent transparent #fff transparent;
                            }

                            .select-options {
                                display: none;
                                position: absolute;
                                top: 100%;
                                right: 0;
                                left: 0;
                                z-index: 999;
                                margin: 0;
                                padding: 0;
                                list-style: none;
                                background-color: #9d9b9b;
                            }
                            .select-options li {
                                margin: 0;
                                padding: 12px 0;
                                text-indent: 15px;
                                border-top: 1px solid #707070;
                                -moz-transition: all 0.15s ease-in;
                                -o-transition: all 0.15s ease-in;
                                -webkit-transition: all 0.15s ease-in;
                                transition: all 0.15s ease-in;
                            }
                            .select-options li:hover, .select-options li.is-selected {
                                color: #707070;
                                background: #fff;
                            }
                            .select-options li[rel="hide"] {
                                display: none;
                            }
                        


        /*----------------------------------------- App Basic Start -----------------------------------------*/
        ::-webkit-scrollbar, *::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
            display: none !important;
        }

        .xg_input.xg_input_plugin__outline_label.is-dirty label::before {
            content: '';
            position: absolute;
            /*border: 1px solid #a9a9a9;*/
            border-bottom: 0;
            width: calc(100% - 2px);
            left: 0;
            top: 0;
            height: 50%;
            border-radius: 4px 4px 0px 0px;
        }

        .xg_input.xg_input_plugin__outline_label.is-focused label::before {
            content: '';
            position: absolute;
            /*border: 3px solid #4285f4;*/
            border-bottom: 0;
            width: calc(100% - 4px);
            left: 0;
            top: -1px;
            height: 50%;
            border-radius: 4px 4px 0px 0px;
        }

        .input_box_zoom {
            zoom: 1.15;
            width: 100%;

        }

        .et_app_theme_primary_background {
            background: linear-gradient(to right, #232526, #414345);
            background: -webkit-linear-gradient(to right, #232526, #414345);
        }

        .opacity_08 {
            opacity: 0.8;
        }

        .et_border_r100{
            border-radius: 100px;
        }
        .obj_fit_cover_top {
            object-fit: cover;
            object-position: top;
        }

        table.et_ta_center * {
             text-align: start !important;
         }

        .word_break_all {
            word-break: break-all;
        }

        .change_btn {
            background: #ececec;
            padding: 6px 10px;
            border-radius: 16px;
        }

        .login_background {
            display: flex;
            position: absolute;
            flex-direction: column;
            padding: 16px;
            height: calc(100% - 32px);
            width: calc(100% - 32px);
            justify-content: center;
            align-items: center;
        }


        @-moz-keyframes loading_cmd_request {
            100% { -moz-transform: rotate(360deg); }
        }
        @-webkit-keyframes loading_cmd_request {
            100% { -webkit-transform: rotate(360deg); }
        }
        @keyframes loading_cmd_request {
            100% {
                -webkit-transform: rotate(360deg);
                transform:rotate(360deg);
            }
        }

        .loading_cmd_request {
            -webkit-animation: loading_cmd_request 1s infinite linear;
            -moz-animation: loading_cmd_request 1s infinite linear;
            -ms-animation: loading_cmd_request 1s infinite linear;
            -o-animation: loading_cmd_request 1s infinite linear;
            animation: loading_cmd_request 1s infinite linear;
        }

        /*----------------------------------------- App Basic End -----------------------------------------*/

        /*----------------------------------------- App Dynamic Input Box Start -----------------------------------------*/
        .dynamic_input_box_set {
            display: grid;
            grid-row: 2;
            grid-column-gap: 80px;
            grid-row-gap: 16px;
            grid-template-columns: 300px 300px;
        }

        .dynamic_input_box_set > .xg_input {
            width: 100%;
            max-width: 300px;
        }

        .xg_input_verification_code {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .xg_input_verification_code input {
            border: none !important;
            padding: 0 !important;;
            width: 8.5ch !important;
            background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/10ch 2px no-repeat;
            font: 5ch droid sans mono, consolas, monospace;
            letter-spacing: 0.5ch;
            border-radius: unset;
            height: auto !important;
        }

        .xg_input_verification_code label {
            transform: none !important;
            position: unset !important;
            margin: 8px !important;
        }

        @media only screen and (max-width: 1250px) {
            .dynamic_input_box_set {
                grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
            }
        }

        @media only screen and (max-width: 535px) {
            .dynamic_input_box_set {
                grid-template-columns: auto;
            }

            .dynamic_input_box_set > .xg_input {
                width: 100%;
                max-width: 100%;
            }
        }

        /*----------------------------------------- App Dynamic Input Box End -----------------------------------------*/

        /*----------------------------------------- App MDL Snackbar Start -----------------------------------------*/
        @media only screen and (max-width: 479px) {
            .mdl-snackbar {
                width: calc(100% - 16px);
                left: 8px;
                min-height: 48px;
                max-height: 80px;
                bottom: 0;
                border-radius: 10px;
            }

            .mdl-snackbar--active {
                transform: translate(0, -20px);
            }

            .mdl-snackbar--active_bottom_nav.mdl-snackbar--active {
                transform: translate(0, -73px);
            }
        }

        .mdl-menu__container {
            margin-right: 10px;
        }

        .mdl-menu__container .mdl-menu__outline {
            border-radius: 10px;
        }

        /*----------------------------------------- App MDL Snackbar End -----------------------------------------*/

        /*----------------------------------------- App Bottom Nav Start -----------------------------------------*/
        .mdl-layout__content.has_classic_bottom_nav {
            margin-bottom: 60px;
        }

        .mdl-layout__content.has_classic_bottom_nav .fab_button_et {
            bottom: 70px;
        }

        .classic_bottom_nav {
            display: flex;
            position: fixed;
            bottom: 0;
            z-index: 10;
            width: 100%;
            background: #ffffff;
            box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 5px -2px rgba(0, 0, 0, 0.4), 0 3px 14px 0 rgba(0, 0, 0, 0.16) !important;
        }

        .classic_bottom_nav div {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-grow: 1;
            flex: 1;
            overflow: hidden;
            position: relative;
            padding: 10px;
        }

        .classic_bottom_nav div p {
            line-height: 1;
            font-size: 14px;
            opacity: 0.8;
            margin-top: 4px;
            color: #333333;
        }

        .classic_bottom_nav div svg {
            opacity: 0.6;
            width: 24px;
            fill: #333333;
        }

        .classic_bottom_nav div i {
            opacity: 0.4;
            color: #003b8d;
        }

        .classic_bottom_nav div.active p, .classic_bottom_nav div.active i {
            opacity: 1;
            color: #00A170;
        }

        .classic_bottom_nav div.active svg {
            opacity: 1;
            fill: #00A170;
        }

        /*----------------------------------------- App Bottom Nav End -----------------------------------------*/

        /*----------------------------------------- App Account Start -----------------------------------------*/
        .app_account_profile {
            margin-top: 50px;
            margin-bottom: 20px;
            padding: 0;
            border-radius: 16px;
        }

        .app_account_profile > div:nth-child(1) {
            display: flex;
            align-items: center;
            padding: 16px;
        }

        .app_account_profile > div:nth-child(2) {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-bottom: 16px;
        }

        .app_account_profile_card > div:nth-child(1) {
            flex-grow: 1;
            opacity: 0;
        }

        .app_account_profile_card > div:nth-child(2) {
            flex-grow: 1;
            margin-top: -55px;
        }

        .app_account_profile_text p:nth-child(1) {
            font-size: 18px;
            font-weight: bold;
        }

        .app_account_profile_text p:nth-child(2) {
            font-size: 12px;
            opacity: 0.8;
        }

        .x-nav__item-avatar.home_user_profile {
            height: 80px;
        }

        .app_account_profile_menu > div {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            border-top: 2px solid #ececec;
        }

        .app_account_profile_menu > div div:nth-child(1) {
            display: flex;
            margin-right: 16px;
        }

        .app_account_profile_menu > div div:nth-child(1) img {
            height: 36px;
        }

        .app_account_profile_menu > div div:nth-child(2) {
            flex-grow: 1;
        }

        .app_account_profile_menu > div div:nth-child(2) h1 {
            font-size: 18px;
        }

        .app_account_profile_menu > div div:nth-child(2) p {
            font-size: 12px;
            line-height: 1.5;
            opacity: 0.8;
        }

        .app_account_profile_menu > div div:nth-child(3) {
            display: flex;
            font-size: 16px;
        }

        .app_account_profile_menu > div div:nth-child(3) i {
            font-weight: bold;
            opacity: 0.6;
        }

        /*----------------------------------------- App Account End -----------------------------------------*/

        /*----------------------------------------- App Activation Start -----------------------------------------*/
        .app_activation_header {
            display: flex;
            padding: 24px 16px 24px 16px;
            background: whitesmoke;
        }

        .app_activation_div {
            display: flex;
            flex-direction: column-reverse;
            height: calc(100vh - 116px);
            width: 100%;
        }

        .app_activation_details {
            flex-grow: 1;
            overflow: auto;
            padding: 0 0 30px;
            margin-top: -10px;
            width: 100%;
            border-top-right-radius: 16px;
            border-top-left-radius: 16px;
        }

        .app_activation_h {
            position: fixed;
            z-index: 1;
            height: 20px;
            width: 100%;
            background: #FFFFFF;
            border: 1px solid #FFFFFF;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

        .app_activation_h > div:nth-child(1) {
            position: fixed;
            left: calc(50% - 15px);
            margin-top: 9px;
            width: 25px;
            border-radius: 36px;
            border: 2px solid #A7A7A7;
        }

        .app_activation_timeline_div {
            padding-top: 26px;
        }

        .app_activation_timeline_no_data {
            display: flex;
            justify-content: center;
            margin-top: calc(50% - 60px);
        }

        .app_activation_data {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 36px;
            padding: 0;
            border-radius: 16px;
        }

        .app_activation_data > div:nth-child(1) {
            display: flex;
            align-items: center;
            margin: 12px 6px 12px 12px;
        }

        .app_activation_data > div:nth-child(2) {
            flex-grow: 1;
        }

        .app_activation_data > div:nth-child(3) {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 12px;
            margin-left: 8px;
            border-left: 3px dotted #92e3a933;
        }

        .app_activation_data_box {
            position: relative;
            background: #92e3a933;
            text-align: center;
            padding: 8px 6px 8px 6px;
            margin-top: -20px;
            backdrop-filter: blur(2px);
        }

        /*----------------------------------------- App Activation End -----------------------------------------*/

        /*----------------------------------------- App Dashboard Start -----------------------------------------*/
        .app_dashboard_pdr_card {
            padding: 0;
            border-radius: 16px;
        }

        .app_dashboard_pdr_card > div:nth-child(1) {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 12px 12px 12px;
            border-bottom: 2px solid lightgray;
        }

        .app_dashboard_pdr_card > div:nth-child(2) {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .app_dashboard_pdr_border {
            height: 36px;
            border-radius: 16px;
            border: 1px solid lightgrey;
        }

        .app_dashboard_pdr_i_left {
            position: absolute;
            left: 0;
            margin-left: 6px;
            opacity: 0.06;
        }

        .app_dashboard_pdr_i_right {
            position: absolute;
            right: 0;
            margin-right: 6px;
            opacity: 0.06;
        }

        .app_dashboard_part_card {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-evenly;
            padding: 10px;
            border-radius: 10px;
        }

        .app_dashboard_rf_card {
            padding: 0;
            margin-top: 20px;
            border-radius: 16px;
        }

        .app_dashboard_rf_card > div:nth-child(1) {
            display: flex;
            align-items: center;
            padding: 2px 2px 2px 8px;
        }

        .app_dashboard_rf_card > div:nth-child(2) {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-evenly;
            padding: 4px;
            border-top: 2px solid lightgray;
        }

        .app_border_h20 {
            border: 1px solid lightgray;
            height: 20px;
        }

        .app_dashboard_menu {
            display: grid;
            grid-template-columns: 33.33% 33.33% 33.33%;
            grid-row-gap: 20px;
            padding: 20px;
            border-radius: 16px;
        }

        .app_dashboard_menu .mdl-cell--4-col {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }

        .app_dashboard_menu .mdl-cell--4-col > div:nth-child(1) {
            padding: 16px;
            background: white;
            border-radius: 16px;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
        }

        .app_dashboard_menu .mdl-cell--4-col > div:nth-child(1) img {
            width: 40px;
        }

        .app_dashboard_menu .mdl-cell--4-col p {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.8;
            text-align: center;
        }

        .app_dashboard_menu_card {
            display: flex;
            flex-direction: row;
            align-items: center;
            height: 60px;
            margin: 8px;
            padding: 0;
        }

        .app_dashboard_menu_card_i {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 60px;
            width: 60px;
            background: oldlace;
            border-radius: 100px;
        }

        .app_dashboard_menu_card_p {
            flex-grow: 1;
            text-align: center;
        }

        .app_dashboard_menu .mdl-cell--4-col .app_dashboard_menu_name {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.8;
            text-align: center;
        }

        .app_dashboard_menu .mdl-cell--4-col .app_dashboard_menu_notification {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            background: #ffd740;
            height: 28px;
            width: 28px;
            right: 8px;
            top: -8px;
            border-radius: 32px;
            font-size: 14px;
            font-weight: bold;
        }

        .et_fc_707070 {
            color: #707070
        }

        .et_bg_fff9ef {
            background: #FFF9EF;
        }

        .txt_capitalize {
            text-transform: capitalize;
        }

        .txt_align_start {
            text-align: start;
        }

        .txt_line_height {
            line-height: 1.2;
        }

        .dia_prof_brd {
            height: 1px;
            width: calc(100%);
            background: rgba(187, 187, 187, 0.57);
        }

        .app_fix_w50 {
            width: 50%;
        }

        .app_fix_w33 {
            width: 33%
        }

        /*----------------------------------------- App Dashboard End -----------------------------------------*/

        /*----------------------------------------- App EMI Start -----------------------------------------*/
        .app_emi_header {
            display: flex;
            padding: 24px 16px 24px 16px;
            background: whitesmoke;
        }

        .app_emi_div {
            display: flex;
            flex-direction: column-reverse;
            height: calc(100vh - 116px);
            width: 100%;
        }

        .app_emi_details {
            flex-grow: 1;
            overflow: auto;
            padding: 0 0 30px;
            margin-top: -10px;
            width: 100%;
            border-top-right-radius: 16px;
            border-top-left-radius: 16px;
        }

        .app_emi_h {
            position: fixed;
            z-index: 1;
            height: 20px;
            width: 100%;
            background: #FFFFFF;
            border: 1px solid #FFFFFF;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

        .app_emi_h > div:nth-child(1) {
            position: fixed;
            left: calc(50% - 15px);
            margin-top: 9px;
            width: 25px;
            border-radius: 36px;
            border: 2px solid #A7A7A7;
        }

        .app_emi_timeline_div {
            padding-top: 26px;
        }

        .app_emi_timeline_no_data {
            display: flex;
            justify-content: center;
            margin-top: calc(50% - 60px);
        }

        .app_emi_data {
            display: flex;
            flex-direction: row;
            margin-top: 36px;
            padding: 0;
            border-radius: 16px;
        }

        .app_emi_data > div:nth-child(1) {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 12px;
            border-right: 3px dotted #92e3a933;
        }

        .app_emi_data > div:nth-child(2) {
            flex-grow: 1;
            margin: 8px 12px;
        }

        .app_emi_data_box {
            display: flex;
            align-items: center;
            flex-direction: row;
            position: relative;
            background: #92e3a933;
            text-align: center;
            padding: 8px 6px 8px 6px;
            margin-top: -30px;
            border-radius: 16px;
            backdrop-filter: blur(2px);
        }

        .app_emi_data_pay_div {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .app_emi_data_pay_div > div:nth-child(1) {
            display: flex;
            justify-content: center;
            align-items: center;
            background: oldlace;
            height: 36px;
            border-bottom-left-radius: 16px;
            border-top-right-radius: 16px;
        }

        .app_emi_due_btn {
            background: #FF6961 !important;
            height: 36px;
            width: 100%;
            border-top-left-radius: 16px;
            border-bottom-right-radius: 16px;
        }

        .app_emi_paid_btn {
            background: #88A58E !important;
            height: 36px;
            width: 100%;
            border-top-left-radius: 16px;
            border-bottom-right-radius: 16px;
        }

        /*----------------------------------------- App EMI End -----------------------------------------*/

        /*----------------------------------------- App Transaction Start -----------------------------------------*/
        .app_transaction_header {
            display: flex;
            justify-content: space-between;
            padding: 16px 16px 24px;
            background: whitesmoke;
        }

        .app_transaction_div {
            display: flex;
            flex-direction: column-reverse;
            height: calc(100vh - 116px);
            width: 100%;
        }

        .app_transaction_details {
            flex-grow: 1;
            overflow: auto;
            padding: 0 0 30px;
            margin-top: -10px;
            width: 100%;
            border-top-right-radius: 16px;
            border-top-left-radius: 16px;
        }

        .app_transaction_h {
            position: fixed;
            z-index: 1;
            height: 20px;
            width: 100%;
            background: white;
            border: 1px solid #fff;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

        .app_transaction_h > div:nth-child(1) {
            position: fixed;
            left: calc(50% - 15px);
            margin-top: 9px;
            width: 25px;
            border-radius: 36px;
            border: 2px solid #a7a7a7;
        }

        .app_transaction_timeline_div {
            padding-top: 26px;
        }

        .app_transaction_timeline_no_data {
            display: flex;
            justify-content: center;
            margin-top: calc(50% - 60px);
        }

        .app_transaction_data {
            display: flex;
            align-items: center;
            padding: 16px;
            border-bottom: 2px solid whitesmoke;
        }

        .app_transaction_data > div:nth-child(2) {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            flex-grow: 1;
            margin-left: 16px;
            color: #646464;
        }

        .debit_amount {
            color: #DB4437;
        }

        .credit_amount {
            color: #0F9D58;
        }

        .pending_amount {
            color: #F4B400;
        }

        .et_border_r50p {
            border-radius: 50%;
        }

        /*----------------------------------------- App Transaction End -----------------------------------------*/

        /*----------------------------------------- App Finance Start -----------------------------------------*/

        .app_finance_data {
            display: flex;
            flex-direction: row;
            margin-top: 30px;
            margin-bottom: 12px;
            padding: 0;
            border-radius: 16px;
        }

        .app_finance_data > div:nth-child(1) {
            flex-grow: 1;
            margin: 8px;
        }

        .app_finance_date {
            display: flex;
            flex-direction: column;
            border-left: 3px solid oldlace;
        }

        .app_finance_date > div:nth-child(1) {
            display: flex;
            justify-content: center;
            align-items: center;
            background: oldlace;
            height: 36px;
            border-top-right-radius: 16px;
        }

        .app_finance_date > div:nth-child(2) {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            justify-content: space-evenly;
            align-items: center;
            padding: 10px;
        }

        .app_finance_data_box {
            display: flex;
            align-items: center;
            flex-direction: row;
            position: relative;
            background: #92e3a933;
            text-align: center;
            padding: 8px 6px 8px 6px;
            margin-top: -30px;
            margin-bottom: 8px;
            border-radius: 4px;
            backdrop-filter: blur(2px);
        }

        .app_finance_data_box > div:nth-child(1) img {
            object-fit: cover;
            border-radius: 100px;
        }

        .app_fc_unlock {
            color: rgba(0, 0, 0, 0.26)
        }

        .app_fc_lock {
            color: rgb(63, 81, 181)
        }

        .app_bg_overlay {
            z-index: 10;
            background-color: rgba(0, 0, 0, 0.04);
            text-align: center;
            margin: 6px;
            padding-top: 2px;
            padding-bottom: 2px;
            border-radius: 4px;
        }

        .app_finance_app_remove{
            position: absolute;
            bottom: 0;
            left: 0;
            border-bottom-left-radius: 12px;
            padding: 4px;
            padding-right: 8px;
            padding-left: 8px;
            border-top-right-radius: 12px;
            color: white;
        }

        /*----------------------------------------- App Finance End -----------------------------------------*/

        /*----------------------------------------- App Finance Profile Start -----------------------------------------*/

        .app_finance_profile_card {
            padding: 0;
            border-radius: 16px;
        }

        .app_finance_profile_card_in {
            display: flex;
            height: 100%;
        }

        .app_finance_profile_card_in > div:nth-child(1) {
            background: oldlace;
            border-top-left-radius: 16px;
        }

        .app_finance_profile_card_in > div:nth-child(1) img:nth-child(1) {
            width: 120px;
            height: 160px;
            object-fit: cover;
            object-position: top;
            border-top-left-radius: 16px;
        }

        .app_finance_profile_card_in > div:nth-child(2) {
            flex-grow: 1;
            text-align: start;
        }

        .app_finance_profile_photo {
            position: absolute;
            top: 0;
            left: 0;
            background: #00000054;
            padding: 4px;
            border-top-left-radius: 16px;
            border-bottom-right-radius: 16px;
        }

        .app_finance_profile_card_box {
            background: oldlace;
            padding-left: 12px;
            padding-top: 6px;
            padding-bottom: 6px;
            margin-top: 10px;
        }
        .app_finance_file_card{
            display: grid;
            grid-template-columns: 49% 49%;
            grid-column-gap: 2%;
            grid-row-gap: 8px;
            margin-top: 16px;
            margin-bottom: 16px;
            padding: 10px;
            border: 1px solid #707070;
            border-radius: 12px;
        }
        .app_finance_file_card > div {
            text-align: start;
        }
        .app_finance_file_feature {
            display: flex;
            flex-direction: row;
            align-items: center;
            border-radius: 12px;
            background: #fffcf6;
            margin-bottom: 24px;
            position: relative;
        }
        .app_finance_file_doc {
            display: grid;
            grid-template-columns: 49% 49%;
            grid-column-gap: 2%;
            grid-row-gap: 16px;
            border-radius: 12px;
            margin-bottom: 30px;
        }
        .app_finance_file_doc .mdl-card {
            display: flex;
            flex-direction: column;
            padding: 0;
            border-radius: 12px;
        }
        .app_finance_file_doc .mdl-card > div:nth-child(1) {
            display: flex;
            padding: 2px 12px 0;
        }
        .app_finance_file_doc .doc_action_wrapper > div {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4px;
            background: oldlace;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }
        .app_finance_file_doc_view{
            justify-content: end;
            color: #5a5a5a;
        }
        .app_finance_profile_emi {
            display: flex;
            flex-direction: row;
            padding: 0;
            margin-top: 16px;
            border-radius: 12px;
        }

        .app_finance_profile_emi > div:nth-child(1) {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
            padding: 12px;
            height: 100%;
            border-right: 6px solid #577DD319;
        }

        .app_finance_profile_emi > div:nth-child(2) {
            display: flex;
            flex-grow: 1;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 10px;
        }

        .app_finance_profile_emi_due_btn {
            background: #FF6961 !important;
            height: 100%;
            width: 100%;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        .app_finance_profile_emi_paid_btn {
            background: #88A58E !important;
            height: 100%;
            width: 100%;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        .app_blur_code {
            filter: blur(3px);
            -webkit-filter: blur(4px);
        }
        .mt5mb5{
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .app_position_relative{
            position: relative;
        }

        .app_feature_coming_soon {
            background: #f3f3f3;
            border-radius: 10px;
            padding: 10px;
            margin: 40px 10px 20px;
        }

        .app_finance_profile_history_btn {
            position: absolute;
            right: 0;
            top: 0;
            background: #f3f3f3;
            border-top-right-radius: 12px;
            border-bottom-left-radius: 12px;
            min-width: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .app_finance_profile_reset_btn {
            position: absolute;
            right: 0;
            top: 0;
            background: #f3f3f3;
            border-top-right-radius: 12px;
            border-bottom-left-radius: 12px;
            display: flex;
            align-items: center;
            font-size: 12px;
            font-weight: 500;
            justify-content: center;
            text-transform: capitalize;
            width: 60px;

        }

        .app_finance_profile_remove_btn {
            position: absolute;
            right: 0;
            bottom: 0;
            background: #f3f3f3;
            border-bottom-right-radius: 12px;
            border-top-left-radius: 12px;
            display: flex;
            align-items: center;
            font-size: 12px;
            font-weight: 500;
            justify-content: center;
            text-transform: capitalize;
            width: 60px;

        }

        /*----------------------------------------- App Finance Profile End -----------------------------------------*/

        /*----------------------------------------- App Order Start -----------------------------------------*/
        .app_order_card {
            display: flex;
            flex-direction: row;
            padding: 0;
            margin-bottom: 20px;
            border-radius: 10px;
        }

        .app_order_card_div1 {
            display: flex;
            flex-direction: column;
        }

        .app_order_card_div1 > div:nth-child(1) {
            display: flex;
            align-items: center;
            padding: 10px;
            border-top-left-radius: 10px;
            background: #577DD319;
        }

        .app_order_card_div1 > div:nth-child(2) {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            padding: 12px;
            height: 100%;
            border-right: 6px solid #577DD319;
        }

        .app_order_card_div2 {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .app_order_card_div2 > div:nth-child(1) {
            position: absolute;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 26px;
            border-bottom-left-radius: 10px;
            border-top-right-radius: 10px;
            background: #577DD319;
        }

        .app_order_card_div2 > div:nth-child(2) {
            display: flex;
            align-items: center;
            flex-direction: column;
            margin: 12px;
        }

        .app_order_card_div2 > div:nth-child(3) {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom-right-radius: 10px;
            background: #577DD319;
        }

        /*----------------------------------------- App Order End -----------------------------------------*/

        /*----------------------------------------- App User Start -----------------------------------------*/
        .app_user_card {
            display: flex;
            flex-direction: row;
            padding: 0;
            margin-bottom: 20px;
        }

        .app_user_card > div:nth-child(1) {
            flex-grow: 1;
        }

        .app_user_card > div:nth-child(2) {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            width: 20%;
            background: #ffc72742;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        .app_user_card_div1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 12px;
        }

        .app_user_card_div2 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom-left-radius: 12px;
            border-top: 3px solid #F2F2F2;
        }

        /*----------------------------------------- App User End -----------------------------------------*/

        /*----------------------------------------- App User Profile Start -----------------------------------------*/
        .app_user_profile_order_card {
            display: flex;
            flex-direction: row;
            padding: 0;
            margin-top: 20px;
            border-radius: 10px;
        }

        .app_user_profile_order_card > div:nth-child(1) {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            padding: 12px;
        }

        .app_user_profile_order_div1 {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            align-items: center;
            border-bottom-right-radius: 10px;
            background: #577DD319;
        }

        .app_user_profile_order_div2 {
            display: flex;
            align-items: center;
            padding: 4px;
            text-align: center;
            background: #577DD319;
            border-top-right-radius: 10px;
            border-bottom: 2px solid lightgrey;
        }

        .app_user_profile_payment_card {
            display: flex;
            flex-direction: row;
            padding: 0;
            margin-top: 20px;
            border-radius: 10px;
        }

        .app_user_profile_payment_card > div:nth-child(1) {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px;
            background: #eaffea;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .app_user_profile_payment_card > div:nth-child(2) {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-grow: 1;
        }

        .app_user_profile_payment_card > div:nth-child(3) {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            padding: 12px;
            border-left: 3px groove #eaffea;
        }

        /*----------------------------------------- App User Profile End -----------------------------------------*/

        /*----------------------------------------- App Setting Start -----------------------------------------*/
        .app_setting_card {
            padding: 0;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        .app_setting_card_header {
            display: flex;
            align-items: end;
            padding: 12px 16px 12px 16px;
            justify-content: center;
        }

        .app_setting_card_header img {
            height: 26px;
            margin-right: 10px;
        }

        .app_setting_card_header p {
            font-size: 18px;
            font-weight: 500;
        }

        .app_setting_card_menu {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            border-top: 2px solid #ececec;
        }

        .app_setting_card_menu > div:nth-child(1) {
            flex-grow: 1;
        }

        .app_setting_card_menu > div:nth-child(1) h1 {
            font-weight: 500;
        }

        .app_setting_card_menu > div:nth-child(1) p {
            font-size: 10px;
            line-height: 1.2;
            color: #828282;
        }

        .app_setting_card_menu > div:nth-child(2) {
            margin-left: 10px;
            margin-right: 10px;
        }

        .app_setting_card_menu > div:nth-child(2) p {
            font-size: 12px;
            color: #4d9d4d;
            line-height: 1.5;
            opacity: 0.8;
        }

        .app_setting_card_menu > div:nth-child(3) {
            display: flex;
            font-size: 16px;
        }

        .app_setting_card_menu > div:nth-child(3) i {
            font-weight: bold;
            opacity: 0.6;
        }

        .app_setting_card_menu_toggle {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            border-top: 2px solid #ececec;
        }

        .app_setting_card_menu_toggle > div:nth-child(1) {
            flex-grow: 1;
        }

        .app_setting_card_menu_toggle > div:nth-child(1) h1 {
            font-weight: 500;
        }

        .app_setting_card_menu_btn {
            font-size: 12px;
            font-weight: 500;
            padding-left: 8px;
            padding-right: 8px;
            margin-left: 10px;
            background: black;
            color: whitesmoke;
            border-radius: 60px;

        }

        .app_setting_card_menu_p {
            font-size: 10px;
            line-height: 1.2;
            color: #828282;
        }

        /*----------------------------------------- App Setting End -----------------------------------------*/

        /*----------------------------------------- App Splash Start -----------------------------------------*/
        .login_signup_splash {
            display: flex;
            position: absolute;
            flex-direction: column;
            padding: 16px;
            height: calc(100% - 32px);
            width: calc(100% - 32px);
        }

        .login_signup_splash > div:nth-child(1) {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 28px;
        }

        .login_signup_splash > div:nth-child(1) img {
            height: auto;
            width: 70%;
            border-radius: 28px;
        }

        .login_signup_splash > div:nth-child(2) {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .login_signup_splash > div:nth-child(2) > div:nth-child(1) {
            display: flex;
            align-items: center;
            flex-grow: 1;
            width: 100%;
        }

        @media only screen and (min-width: 800px) {
            .login_signup_splash {
                display: flex;
                position: absolute;
                flex-direction: row;
                padding: 16px;
                height: calc(100% - 32px);
                width: calc(100% - 32px);
            }

            .login_signup_splash > div:nth-child(1) {
                flex: 1;
                padding: 8px;
            }

            .login_signup_splash > div:nth-child(2) {
                flex: 1;
                padding: 8px;
                align-items: center;
                justify-content: center;
            }

            .login_signup_splash > div:nth-child(2) > div:nth-child(1) {
                flex-grow: unset;
                margin-bottom: 30px;
            }

        }

        /*----------------------------------------- App Splash End -----------------------------------------*/

        /*----------------------------------------- App Forget Start -----------------------------------------*/
        .app_forget_div {
            display: flex;
            flex-direction: column-reverse;
            height: 100vh;
        }

        .app_forget_details {
            width: 100%;
            border-top-left-radius: 60px;
            padding: 30px;
            overflow: auto;
            flex-grow: 1
        }

        .app_forget_details > div:nth-child(1) p:nth-child(1) {
            font-size: 30px;
            text-align: center;
            margin-top: 6px;
            color: #323232;
        }

        .app_forget_header {
            display: flex;
            flex-direction: column;
            padding: 30px;
            height: 80px;
        }

        .app_forget_header h1 {
            font-size: 24px;
            color: white;
        }

        .app_forget_header p {
            color: white;
            opacity: 0.9;
        }

        /*----------------------------------------- App Forget End -----------------------------------------*/

        /*----------------------------------------- App Login Start -----------------------------------------*/

        .app_login_div {
            display: flex;
            flex-direction: column-reverse;
            height: 100vh;
        }

        .app_login_card {
            width: 100%;
            border-top-left-radius: 60px;
            padding: 30px;
            overflow: auto;
            flex-grow: 1
        }

        .app_login_card p:nth-child(1) {
            font-size: 30px;
            text-align: center;
            margin-top: 6px;
            color: #323232;
        }

        .app_login_header {
            display: flex;
            flex-direction: column;
            padding: 30px;
            height: 60px;
        }

        .app_login_header h1 {
            font-size: 24px;
            color: white;
        }

        .app_login_header p {
            color: white;
            opacity: 0.9;
        }

        /*----------------------------------------- App Login End -----------------------------------------*/

        /*----------------------------------------- App SignUp Start -----------------------------------------*/
        .app_signup_div {
            display: flex;
            flex-direction: column-reverse;
            height: 100vh;
        }

        .app_signup_step1 {
            width: 100%;
            border-top-left-radius: 60px;
            padding: 30px;
            overflow: auto;
            flex-grow: 1
        }

        .app_signup_step1 p:nth-child(1) {
            font-size: 30px;
            text-align: center;
            margin-top: 6px;
            color: #323232;
        }

        .app_signup_step1 > div:nth-child(2) {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 350px;
        }

        .app_signup_step2 {
            width: 100%;
            border-top-left-radius: 60px;
            padding: 30px;
            overflow: auto;
            flex-grow: 1
        }

        .step2_header {
            font-size: 30px;
            text-align: center;
            margin-top: 6px;
            color: #323232;
        }

        .step2_txt {
            font-size: 14px;
            text-align: center;
            margin-top: 20px;
            color: #323232;
            opacity: 0.8;
        }

        .step2_verification_step {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 350px;
        }

        .step2_verification_step > div:nth-child(1) {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-top: 40px;
            margin-bottom: 20px;
            color: #323232;
        }

        .app_signup_btn1 {
            width: 100%;
            margin-top: 30px;
            border-radius: 16px;
            height: 45px !important;
            font-size: 16px;
            background: linear-gradient(to right, #232526, #414345) !important;
            background: -webkit-linear-gradient(to right, #232526, #414345) !important;
            overflow: unset;
        }

        .app_signup_btn2 {
            width: 100%;
            border-radius: 16px;
            height: 45px !important;
            font-size: 16px;
            background-color: #00000014 !important;
            color: #323232 !important;
            overflow: unset !important;
        }

        .app_split_design {
            display: flex;
            align-items: center;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 20px;
            opacity: 0.8;
        }

        .app_split_design p {
            margin-left: 10px;
            margin-right: 10px;
        }

        .app_split_design > div {
            flex: 1;
            height: 1px;
            background: #d7d7d7;
        }

        .app_signup_header {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 30px;
            height: 150px;
        }

        .app_signup_header img {
            height: 100px;
        }

        .app_signup_header h1 {
            color: #fcfcfc;
            margin-top: 16px;
        }

        /*----------------------------------------- App SignUp End -----------------------------------------*/

        /*----------------------------------------- App SignUp Details Start -----------------------------------------*/
        .app_signup_detail_div {
            display: flex;
            flex-direction: column-reverse;
            height: 100vh;
        }

        .app_signup_detail_card {
            width: 100%;
            border-top-left-radius: 60px;
            padding: 30px;
            overflow: auto;
            flex-grow: 1
        }

        .app_signup_detail_header {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 30px;
            height: 40px;
        }

        .app_signup_detail_header h1 {
            font-size: 24px;
            color: white;
        }

        /*----------------------------------------- App SignUp Details End -----------------------------------------*/


        /*----------------------------------------- App Reward Start -----------------------------------------*/
        .app_reward_milestone_card {
            display: flex;
            flex-direction: row;
            margin-top: 12px;
            padding: 6px;
            border-radius: 16px;
        }

        .milestone_1 {
            background: #ff000014;
        }

        .milestone_2 {
            background: #2d60d424;
        }

        .milestone_3 {
            background: #d2d22238;
        }

        .milestone_4 {
            background: #9be1b03d;
        }

        .milestone_5 {
            background: #ca5e5e29;
        }

        .milestone_6 {
            background: #ffc72742;
        }

        .milestone_7 {
            background: #ff725e2e;
        }

        .milestone_8 {
            background: #6473df26;
        }

        .milestone_9 {
            background: #d768d736;
        }

        .milestone_10 {
            background: #92e3a933;
            margin-bottom: 16px;
        }

        .milestone_10 > div:nth-child(5) svg {
            height: 40px;
            margin-left: -10px;
            opacity: 0.2;
        }

        .app_reward_milestone_card > div:nth-child(1) {
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 4px 8px;
            background: #3d3d3d;
            color: white;
            border-top-left-radius: 16px;
            border-bottom-right-radius: 16px;
        }

        .app_reward_milestone_card > div:nth-child(2) img {
            width: 90px;
            margin-right: 10px;
        }

        .app_reward_milestone_card > div:nth-child(3) {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .app_reward_milestone_card > div:nth-child(3) h1 {
            font-size: 18px;
            font-weight: bold;
        }

        .app_reward_milestone_card > div:nth-child(3) span {
            font-size: 12px;
            padding-top: 6px;
            color: #777777;
            line-height: 1.3;
        }

        .app_reward_milestone_card > div:nth-child(4) svg {
            height: 40px;
            opacity: 0.2;
        }

        /*----------------------------------------- App Reward End -----------------------------------------*/


        /*----------------------------------------- App About Us Start -----------------------------------------*/
        .app_about-us-div {
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
            height: calc(100vh - 56px);
            color: #333333;
        }

        .app_about-us-container {
            flex-grow: 1;
            overflow: auto;
            padding: 0 16px 30px;
            box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        }

        .app_about-us-container h1 {
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin-top: 16px;
        }

        .app_about-us-container h2 {
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            margin-top: 16px;
        }

        .app_about-us-container p {
            font-size: 16px;
            line-height: 1.6;
            margin-top: 16px;
        }

        .app_about-us-container a {
            color: #4885ED;
        }

        .app_about-us-container ul {
            list-style: disc;
            margin-left: 36px;
        }

        .app_about-us-container li {
            margin-top: 16px;
        }

        .app_about-us-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            background-color: lightgoldenrodyellow;
        }

        .app_about-us-header p {
            margin-right: 10px;
        }

        .app_about-us-header img {
            max-width: 100px;
            max-height: 100px;
        }

        /*----------------------------------------- App About Us End -----------------------------------------*/
        /*----------------------------------------- App Help Start -----------------------------------------*/
        .app_help-div {
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
            height: calc(100vh - 56px);
        }

        .app_help-div > div:nth-child(1) {
            flex-grow: 1;
            overflow: auto;
            width: 100%;
            padding-bottom: 30px;
            border-top-left-radius: 36px;
            border-top-right-radius: 36px;
        }

        .app_help-div > div:nth-child(2) {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #FFFFFF;
        }

        .app_help-div > div:nth-child(2) img {
            width: 250px;
        }

        .app_help_lh12 {
            line-height: 1.2;
        }

        .app_help_icon {
            height: auto;
            width: 50px;
        }

        /*----------------------------------------- App Help End -----------------------------------------*/

        /*----------------------------------------- App Invite Start -----------------------------------------*/
        .app_invite-div {
            margin-bottom: 30px;
        }

        .app_invite-banner {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            height: 240px;
            border-bottom-right-radius: 16px;
            border-bottom-left-radius: 16px;
            background: lightgoldenrodyellow;
        }

        .app_invite-banner p {
            font-size: 36px;
            font-weight: bold;
            padding-top: 16px;
        }

        .app_invite-banner span {
            font-size: 14px;
            padding-top: 16px;
            letter-spacing: 1.5px;
            color: #C24338;
        }

        .app_invite-card {
            align-items: center;
            margin-top: -100px;
            height: 200px;
            background: #F4B400;
            border-radius: 16px;
        }

        .app_invite-card p {
            color: #333333;
        }

        .app_invite-card-code {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            box-shadow: none;
            background: lightgoldenrodyellow;
            opacity: 0.9;
            border-radius: 12px;
            margin-top: 24px;
            padding-top: 12px;
            padding-bottom: 12px;
        }

        .app_invite-img {
            display: flex;
            justify-content: center;
            margin: 16px;
        }

        .app_invite-img img {
            height: 120px;
        }

        .app_invite-share {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-left: 10px;
            margin-right: 10px;
        }

        .app_invite-share > div:nth-child(1), .app_invite-share > div:nth-child(3) {
            width: 100%;
            height: 2px;
            background: #d7d7d7;
            border-radius: 16px;
        }

        .app_invite-share > div:nth-child(2) {
            display: flex;
            flex-direction: row;
            margin-left: 6px;
            margin-right: 6px;
        }

        .app_invite-share > div:nth-child(2) img {
            height: 40px;
            border-radius: 50%;
        }

        .refer_txt1 {
            text-align: center;
            opacity: 0.8;
            font-size: 12px;
        }

        .refer_txt2 {
            text-align: center;
            opacity: 0.8;
            font-size: 12px;
            line-height: 1;
        }

        .app_invite-term {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }

        /*----------------------------------------- App Invite Start -----------------------------------------*/

        /*----------------------------------------- App Milestone Start -----------------------------------------*/
        .app_milestone-div {
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
            height: calc(100vh - 56px);
        }

        .app_milestone-container {
            flex-grow: 1;
            overflow: auto;
            padding: 0 0 30px;
            background-color: white;
            box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        }

        .app_milestone-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            background-color: lightgoldenrodyellow;
        }

        .app_milestone-header p {
            margin-right: 10px;
        }

        .app_milestone-header img {
            max-width: 100px;
            max-height: 100px;
        }

        .app_level_milestone_card {
            height: 140px;
            margin-top: 55px;
            border-radius: 16px;
        }

        .lv_icon_svg {
            width: 40px;
            position: absolute;
            right: calc(50% - 20px);
            top: calc(50% - 20px);
        }

        .lv_icon_svg1 {
            width: 40px;
            position: absolute;
            right: calc(50% - 8px);
            top: calc(50% - 20px);
        }

        .lv_icon_svg0 {
            width: 40px;
            position: absolute;
            right: calc(50% - 35px);
            top: calc(50% - 20px);
        }

        .lv_bg1 {
            border-top: 4px solid #a9f1df;
            border-bottom: 1px solid #a9f1df;
            border-left: 2px solid #a9f1df;
            border-right: 2px solid #a9f1df;
        }

        .lv_bg2 {
            border-top: 4px solid #d8b5ff;
            border-bottom: 1px solid #d8b5ff;
            border-left: 2px solid #d8b5ff;
            border-right: 2px solid #d8b5ff;
        }

        .lv_bg3 {
            border-top: 4px solid #bff098;
            border-bottom: 1px solid #bff098;
            border-left: 2px solid #bff098;
            border-right: 2px solid #bff098;
        }

        .lv_bg4 {
            border-top: 4px solid #fe90af;
            border-bottom: 1px solid #fe90af;
            border-left: 2px solid #fe90af;
            border-right: 2px solid #fe90af;
        }

        .lv_bg5 {
            border-top: 4px solid #fcdc76;
            border-bottom: 1px solid #fcdc76;
            border-left: 2px solid #fcdc76;
            border-right: 2px solid #fcdc76;
        }

        .lv_bg6 {
            border-top: 4px solid #ea8d8d;
            border-bottom: 1px solid #ea8d8d;
            border-left: 2px solid #ea8d8d;
            border-right: 2px solid #ea8d8d;
        }

        .lv_bg7 {
            border-top: 4px solid #00b7ff;
            border-bottom: 1px solid #00b7ff;
            border-left: 2px solid #00b7ff;
            border-right: 2px solid #00b7ff;
        }

        .lv_bg8 {
            border-top: 4px solid #fca5f1;
            border-bottom: 1px solid #fca5f1;
            border-left: 2px solid #fca5f1;
            border-right: 2px solid #fca5f1;
        }

        .lv_bg9 {
            border-top: 4px solid #d74177;
            border-bottom: 1px solid #d74177;
            border-left: 2px solid #d74177;
            border-right: 2px solid #d74177;
        }

        .lv_bg10 {
            border-top: 4px solid #38adae;
            border-bottom: 1px solid #38adae;
            border-left: 2px solid #38adae;
            border-right: 2px solid #38adae;
        }

        .hex {
            width: 50px;
            height: 80px;
            display: inline-block;
            position: absolute;
            right: calc(50% - 25px);
            top: -42px;
            border-radius: 3%;
        }

        .hex:before {
            content: " ";
            width: 0;
            height: 0;
            border-left: 25px solid;
            border-color: inherit;
            border-bottom: 40px solid transparent;
            border-top: 40px solid transparent;
            position: absolute;
            right: -24px;
        }

        .hex:after {
            content: "";
            width: 0;
            position: absolute;
            left: -24px;
            border-right: 25px solid;
            border-color: inherit;
            border-top: 40px solid transparent;
            border-bottom: 40px solid transparent;
        }

        .hex_bg1 {
            background: #a9f1df;
            border-color: #a9f1df;
        }

        .hex_bg2 {
            background: #d8b5ff;
            border-color: #d8b5ff;
        }

        .hex_bg3 {
            background: #bff098;
            border-color: #bff098;
        }

        .hex_bg4 {
            background: #fe90af;
            border-color: #fe90af;
        }

        .hex_bg5 {
            background: #fcdc76;
            border-color: #fcdc76;
        }

        .hex_bg6 {
            background: #ea8d8d;
            border-color: #ea8d8d;
        }

        .hex_bg7 {
            background: #00b7ff;
            border-color: #00b7ff;
        }

        .hex_bg8 {
            background: #fca5f1;
            border-color: #fca5f1;
        }

        .hex_bg9 {
            background: #d74177;
            border-color: #d74177;
        }

        .hex_bg10 {
            background: #38adae;
            border-color: #38adae;
        }

        /*----------------------------------------- App Milestone End -----------------------------------------*/

        /*----------------------------------------- App Progressbar Start -----------------------------------------*/

        .progressbar-title {
            font-size: 14px;
            color: #848484;
            text-transform: capitalize;
        }

        .progress-container {
            position: relative;
            padding-top: 0;
            flex-grow: 1;
        }

        .progress, .progress-light, .progress-target {
            height: 5px;
            overflow: visible;
            margin-bottom: 40px;
        }

        .progress-light {
            position: absolute;
            top: -10px;
            width: auto;
            right: unset;
            bottom: unset;
            height: auto;
        }

        .progress-light div:nth-child(1) {
            height: 50px;
        }

        .progress-light div:nth-child(1) img {
            width: 50px;
        }

        .progress-light div:nth-child(2) {
            margin-top: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .progress-target {
            background: #f0f0f0;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
        }

        .progress .progress-bar {
            position: relative;
            height: 5px;
            min-width: 20px;
            transition: width 1s cubic-bezier(0.4, 0, 0.2, 1) 0s;
            animation: animate-positive 2s;
        }

        .progress-icon {
            width: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 25px;
            line-height: 25px;
            border-radius: 50%;
            font-size: 16px;
            position: absolute;
            top: -14px;
            right: -1px;
            background: #fff;
            border-width: 3px;
            border-style: solid;
            border-color: #3d3d3d;
            color: #4d4d4d;
        }

        .progress-value, .progress-value-upper {
            font-size: 13px;
            color: #848484;
            position: absolute;
            top: 18px;
            background: #fff;
            min-width: 31px;
            text-align: center;
            right: 0;
        }

        .progress-value-upper {
            top: -30px;
        }

        @-webkit-keyframes animate-positive {
            0% {
                width: 0%;
            }
        }

        @keyframes animate-positive {
            0% {
                width: 0%;
            }
        }


        .lv_bg1 .progress .progress-bar {
            background: #a9f1df;
        }

        .lv_bg1 .progress .progress-value-upper, .lv_bg1 .progress .progress-icon, .lv_bg1 .progress .progress-value {
            color: #a9f1df;
        }

        .lv_bg1 .progress .progress-icon {
            border-color: #a9f1df;
        }

        .lv_bg2 .progress .progress-bar {
            background: #d8b5ff;
        }

        .lv_bg2 .progress .progress-value-upper, .lv_bg2 .progress .progress-icon, .lv_bg2 .progress .progress-value {
            color: #d8b5ff;
        }

        .lv_bg2 .progress .progress-icon {
            border-color: #d8b5ff;
        }

        .lv_bg3 .progress .progress-bar {
            background: #bff098;
        }

        .lv_bg3 .progress .progress-value-upper, .lv_bg3 .progress .progress-icon, .lv_bg3 .progress .progress-value {
            color: #bff098;
        }

        .lv_bg3 .progress .progress-icon {
            border-color: #bff098;
        }

        .lv_bg4 .progress .progress-bar {
            background: #fe90af;
        }

        .lv_bg4 .progress .progress-value-upper, .lv_bg4 .progress .progress-icon, .lv_bg4 .progress .progress-value {
            color: #fe90af;
        }

        .lv_bg4 .progress .progress-icon {
            border-color: #fe90af;
        }

        .lv_bg5 .progress .progress-bar {
            background: #fcdc76;
        }

        .lv_bg5 .progress .progress-value-upper, .lv_bg5 .progress .progress-icon, .lv_bg5 .progress .progress-value {
            color: #fcdc76;
        }

        .lv_bg5 .progress .progress-icon {
            border-color: #fcdc76;
        }

        .lv_bg6 .progress .progress-bar {
            background: #ea8d8d;
        }

        .lv_bg6 .progress .progress-value-upper, .lv_bg6 .progress .progress-icon, .lv_bg6 .progress .progress-value {
            color: #ea8d8d;
        }

        .lv_bg6 .progress .progress-icon {
            border-color: #ea8d8d;
        }

        .lv_bg7 .progress .progress-bar {
            background: #00b7ff;
        }

        .lv_bg7 .progress .progress-value-upper, .lv_bg7 .progress .progress-icon, .lv_bg7 .progress .progress-value {
            color: #00b7ff;
        }

        .lv_bg7 .progress .progress-icon {
            border-color: #00b7ff;
        }

        .lv_bg8 .progress .progress-bar {
            background: #fca5f1;
        }

        .lv_bg8 .progress .progress-value-upper, .lv_bg8 .progress .progress-icon, .lv_bg8 .progress .progress-value {
            color: #fca5f1;
        }

        .lv_bg8 .progress .progress-icon {
            border-color: #fca5f1;
        }

        .lv_bg9 .progress .progress-bar {
            background: #d74177;
        }

        .lv_bg9 .progress .progress-value-upper, .lv_bg9 .progress .progress-icon, .lv_bg9 .progress .progress-value {
            color: #d74177;
        }

        .lv_bg9 .progress .progress-icon {
            border-color: #d74177;
        }

        .lv_bg10 .progress .progress-bar {
            background: #38adae;
        }

        .lv_bg10 .progress .progress-value-upper, .lv_bg10 .progress .progress-icon, .lv_bg10 .progress .progress-value {
            color: #38adae;
        }

        .lv_bg10 .progress .progress-icon {
            border-color: #38adae;
        }

        .progress-container .progress.progress-target .progress-icon {
            border-color: #5dc671;
            color: #5dc671;
        }

        .progress-container .progress.progress-light .progress-bar {
            background: #e0e0e0;
        }

        .progress-container .progress.progress-light .progress-icon {
            border-color: #e0e0e0;
            color: #e0e0e0;
        }

        /*----------------------------------------- App Progressbar End -----------------------------------------*/

        /*----------------------------------------- App Privacy Start -----------------------------------------*/
        .app_privacy-div {
            padding: 16px;
            color: #333333;
        }

        .app_privacy-div h1 {
            font-size: 24px;
            font-weight: bold;
        }

        .app_privacy-div h2 {
            font-size: 20px;
            font-weight: bold;
        }

        .app_privacy-div h3 {
            font-size: 16px;
            font-weight: 500;
        }

        .app_privacy-div p {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 16px;
        }

        .app_privacy-div ul {
            list-style: disc;
            margin-left: 20px;
        }

        .app_privacy-div li {
            margin-bottom: 16px;
        }

        /*----------------------------------------- App Privacy End -----------------------------------------*/

        /*----------------------------------------- App Profile Start -----------------------------------------*/
        .app_profile-user {
            display: flex;
            flex-direction: column;
            border-radius: 8px;
            margin-top: 8px;
        }

        .app_profile-user > div:nth-child(1) {
            display: flex;
            align-items: center;
            background: linear-gradient(98deg, rgba(7, 119, 167, 1) 0%, rgba(132, 161, 205, 1) 68%) !important;
            background: -webkit-linear-gradient(98deg, rgba(7, 119, 167, 1) 0%, rgba(132, 161, 205, 1) 68%);
            border-radius: 8px;
            padding: 12px;
            margin-bottom: 8px;
        }

        .app_profile-user > div:nth-child(1) > div:nth-child(1) img {
            border-radius: 100px;
        }

        .app_profile-user-whitesmoke {
            background-color: whitesmoke;
        }

        .app_logo-placing {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            right: calc(50% - 83px);
            bottom: 20px;
            width: 166px;
            opacity: 0.3;
        }

        /*----------------------------------------- App Profile End -----------------------------------------*/

        /*----------------------------------------- App My Reward Start -----------------------------------------*/
        .app_my-reward-div {
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
            height: calc(100vh - 56px);
            color: #333333;
        }

        .app_my-reward-container {
            flex-grow: 1;
            overflow: auto;
            display: grid;
            grid-template-columns: 100%;
            grid-row-gap: 20px;
            padding: 20px 16px 10px;
            box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        }

        .app_my-reward-container .mdl-cell--12-col {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: space-evenly;
            width: 100%;
            border-radius: 12px;
            background: white;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
        }

        .app_my-reward-container .mdl-cell--12-col > div:nth-child(1) {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-evenly;
        }

        .app_my-reward-container .mdl-cell--12-col > div:nth-child(1) img {
            width: 55px;
        }

        .app_my-reward-container .mdl-cell--12-col p {
            font-size: 14px;
            font-weight: 500;
            text-align: center;
        }

        .app_my-reward-container .mdl-cell--12-col button {
            display: flex;
            align-items: center;
        }

        .app_my-reward-container .mdl-cell--12-col > div:nth-child(2) {
            height: 100%;
            border: 0.7px solid #CECECE;
        }

        .app_my-reward-container .mdl-cell--12-col > div:nth-child(3) {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100px;
        }

        .app_my-reward-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            background-color: lightgoldenrodyellow;
        }

        .app_my-reward-header p {
            margin-right: 10px;
        }

        .app_my-reward-header img {
            max-width: 100px;
            max-height: 100px;
        }

        /*----------------------------------------- App My Reward End -----------------------------------------*/

        /*----------------------------------------- App Circular Progress Bar Start -----------------------------------------*/

        .wrapper-center {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }

        .r_circular_progress-bar {
            width: 100px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            position: relative;
        }

        .r_circular_progress-bar:before {
            content: "";
            position: absolute;
            right: 0;
            width: 50%;
            height: 100%;
            z-index: 0;
        }

        /*===== The CSS =====*/
        .r_circular_progress {
            width: 200px;
            height: 280px;
            z-index: 1;
        }

        .r_circular_progress .track, .r_circular_progress .fill {
            fill: rgba(0, 0, 0, 0);
            stroke-width: 10;
            transform: rotate(90deg) translate(0px, -80px);
        }

        .r_circular_progress .track {
            stroke: #d6e4fc;
        }

        .r_circular_progress .fill {
            stroke: #008eff;
            stroke-dasharray: 219.99078369140625;
            stroke-dashoffset: -219.99078369140625;
            transition: stroke-dashoffset 1s;
        }

        .r_circular_progress .value {
            fill: #008eff;
            text-anchor: middle;
        }

        .r_circular_progress .text {
            font-size: 12px;
            fill: #fff;
            text-anchor: middle;
        }

        /*----------------------------------------- App Circular Progress Bar End -----------------------------------------*/

        /*----------------------------------------- App Reward Claim Start -----------------------------------------*/
        .app_reward-claim-div {
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
            height: calc(100vh - 56px);
        }

        .app_reward-claim-container {
            flex-grow: 1;
            overflow: auto;
            padding: 16px 16px 30px;
            box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        }

        .app_reward-claim-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            background-color: lightgoldenrodyellow;
        }

        .app_reward-claim-header p {
            margin-right: 10px;
        }

        .app_reward-claim-header img {
            max-width: 100px;
            max-height: 100px;
        }


        .app_reward-claim-unlock-card {
            border-radius: 8px;
            padding: 0 0 30px;
        }

        .app_reward-claim-unlock-card > div:nth-child(1) {
            text-align: right;
            margin: 30px 26px 16px;
        }

        .app_reward-claim-unlock-card > div:nth-child(2) {
            text-align: center;
            margin-left: 16px;
            margin-right: 16px;
            padding: 10px;
            border-radius: 4px;
        }

        .app_reward-claim-unlock-card > div:nth-child(3) {
            text-align: end;
            margin-left: 26px;
            margin-right: 26px;
            margin-top: 16px;
        }

        .unlock_head_txt {
            font-size: 12px;
            color: #666666;
        }

        .unlock_head_span {
            font-size: 14px;
            font-weight: 500;
            margin-left: 10px;
            color: #333333;
        }

        .unlock_shade_pending {
            box-shadow: 2px 2px 5px #f4c20d;
        }

        .unlock_shade_success {
            box-shadow: 2px 2px 5px #3cba54;
        }

        .unlock_shade_fail {
            box-shadow: 2px 2px 5px #db4538;
        }

        .unlock_bg_pending {
            background-color: #f4c20d9e;
        }

        .unlock_bg_success {
            background-color: #3cba549e;
        }

        .unlock_bg_fail {
            background-color: #db45389e;
        }

        .unlock_txt_pending {
            color: #f4c20d;
        }

        .unlock_txt_success {
            color: #3cba54;
        }

        .unlock_txt_fail {
            color: #db4538;
        }

        /*----------------------------------------- App Reward Claim End -----------------------------------------*/

        /*----------------------------------------- App Reward Detail Start -----------------------------------------*/
        .app_reward-detail-div {
            display: flex;
            flex-direction: column-reverse;
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .app_reward-detail-div > div:nth-child(1) {
            flex-grow: 1;
            width: 100%;
            overflow: auto;
            margin-top: -14px;
            padding: 0;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

        .div_card_header {
            position: fixed;
            z-index: 100;
            width: 100%;
            font-size: 30px;
            font-weight: 500;
            font-family: Canva Sans, Noto Sans Variable, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
            letter-spacing: 10px;
            text-align: center;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            color: #ffffff;
            background: linear-gradient(90deg, rgba(125, 42, 232, 100), rgba(0, 196, 204, 100));
            background: -webkit-linear-gradient(90deg, rgba(125, 42, 232, 100), rgba(0, 196, 204, 100));
        }

        .app_reward-detail-div > div:nth-child(2) img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }

        .app_reward_notice {
            margin-left: 12px;
            margin-right: 12px;
            margin-top: 60px;
            padding: 16px;
            border-radius: 8px;
            background: lightyellow;
            box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        }

        .app_reward_notice h1 {
            font-size: 18px;
            font-weight: 500;
            color: #db4538;
        }

        .app_reward_notice ul {
            font-size: 12px;
            margin-left: 16px;
            list-style: disc;
        }

        .app_reward_notice ul > a {
            display: flex;
            justify-content: end;
        }

        .recharge-card {
            margin-left: 16px;
            margin-right: 16px;
            margin-top: 30px;
            padding-top: 16px;
        }

        .recharge-card-content {
            display: flex;
            justify-content: space-between;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 16px;
            border-bottom: 1px solid #bbbbbb;
        }

        .recharge-card-img {
            display: flex;
            justify-content: space-between;
        }

        .recharge-card-img img:nth-child(1) {
            padding: 8px 8px 8px 16px;
            height: 26px;
        }

        .recharge-card-img img:nth-child(2) {
            height: 42px;
        }

        .gift-card div {
            display: flex;
            flex-direction: column;
            align-items: end;
            justify-content: space-around;
            text-align: center;
            padding: 0 20px;
            margin-left: 4px;
            margin-right: 4px;
            height: 150px;
            border-radius: 16px;
            background-color: #ffffff;
        }

        .gift-card img {
            position: absolute;
            z-index: 10;
            left: 44px;
            margin-top: -70px;
            width: 50px;
        }

        .gift-card h2 {
            font-size: 24px;
            font-weight: bold;
            color: #333333;
        }

        .gift-card h1 {
            font-size: 22px;
            font-weight: 500;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 10px;
            color: #333333;
        }

        .gift-card-list {
            list-style-type: decimal;
            font-size: 16px;
            text-align: left;
            padding: 0 20px;
            margin-bottom: 14px;
            color: #333333;
        }

        .smart-tv-card {
            margin-top: 30px;
        }

        .smart-tv-header {
            text-align: center;
            padding-left: 10px;
            padding-right: 10px;
        }

        .smart-tv-header h2 {
            font-size: 22px;
            font-weight: bold;
            line-height: 1.5;
            margin-top: 8px;
            margin-bottom: 8px
        }

        .smart-tv-photo {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .smart-tv-photo img {
            height: 200px;
        }

        .smart-tv-container {
            display: flex;
            flex-direction: column;
            padding: 20px;
        }

        .smart-tv-detail h3 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 8px;
        }

        .smart-tv-detail ul {
            list-style-type: circle;
            padding-left: 24px;
            margin-bottom: 0;
        }

        .smart-tv-detail li {
            margin-bottom: 10px;
            font-size: 14px;
        }

        .iPhone-specification h1 {
            font-size: 22px;
            font-weight: bold;
            text-align: center;
            margin-top: 14px;
            margin-bottom: 10px;
            color: #333333;
        }

        .iPhone-specification h2 {
            font-size: 18px;
            font-weight: 500;
        }

        .iPhone-specification ol {
            list-style-type: disc;
            padding: 0 0 0 40px;
            text-align: left;
            font-size: 16px;
            color: #333333;
        }

        .iPhone-specification li {
            margin-bottom: 10px;
        }

        .trip-plan-card {
            margin-top: 30px;
        }

        .trip-plan-header {
            text-align: center;
            padding-left: 10px;
            padding-right: 10px;
        }

        .trip-plan-header h2 {
            font-size: 22px;
            font-weight: bold;
            line-height: 1.5;
            margin-top: 8px;
            margin-bottom: 8px
        }

        .trip-plan-days-container {
            display: flex;
            flex-direction: column;
            padding: 20px;
        }

        .trip-plan-day h3 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 8px;
        }

        .trip-plan-day ul {
            list-style-type: circle;
            padding-left: 24px;
            margin-bottom: 0;
        }

        .trip-plan-day li {
            margin-bottom: 10px;
            font-size: 14px;
        }

        .trip-plan-photo img {
            width: 100%;
            height: 190px;
            object-fit: cover;
        }

        .bike-car-brochure {
            margin-bottom: 30px;
        }

        .bike-car-brochure div {
            text-align: center;
            margin-top: 30px;
            color: #333333;
        }

        .bike-car-brochure h2 {
            font-size: 22px;
            font-weight: 500;
        }

        .bike-car-brochure img {
            width: 100%;
            height: 190px;
            object-fit: cover;
        }

        .bike-car-brochure p {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            margin-top: 10px;
        }

        .bike-car-brochure a {
            display: block;
            width: 50%;
            padding: 6px;
            background: linear-gradient(to right, #232526, #414345);
            background: -webkit-linear-gradient(to right, #232526, #414345);
            color: #ffffff;
            text-decoration: none;
            border-radius: 72px;
            font-size: 18px;
            text-align: center;
            margin-left: 10px;
            margin-right: 0;
        }

        /*----------------------------------------- App Reward Detail End -----------------------------------------*/

        /*----------------------------------------- App Terms Start -----------------------------------------*/
        .app_terms-div {
            padding: 16px;
            color: #333333;
        }

        .app_terms-div h1 {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 6px;
        }

        .app_terms-div h2 {
            font-size: 20px;
            font-weight: bold;
            line-height: 1.5;
        }

        .app_terms-div h3 {
            font-size: 16px;
            font-weight: 500;
        }

        .app_terms-div p {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 16px;
        }

        /*----------------------------------------- App Terms End -----------------------------------------*/

        /*----------------------------------------- App Transaction Detail Start -----------------------------------------*/
        .app_transaction-detail-div {
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
            height: calc(100vh - 56px);
        }

        .app_transaction_card_details {
            overflow: auto;
            flex-grow: 1;
            background-color: #333333;
        }

        .app_transaction_card_details > div:nth-child(1) {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 20px 0;
        }

        .app_td_status {
            color: white;
            font-size: 18px;
            font-weight: 500;
            padding: 8px 20px;
            border-top-right-radius: 36px;
            border-bottom-right-radius: 36px;
        }

        .app_transaction_detail_withdraw > div {
            display: flex;
            justify-content: space-between;
            padding: 0 16px 16px;
            font-size: 14px;
            color: rgba(224, 222, 222, 0.79);
        }

        .app_transaction_detail_withdraw > div p:nth-child(1) {
            opacity: 0.8;
            padding-right: 60px;
        }

        .app_transaction_detail_withdraw > div p:nth-child(2) {
            color: white !important;
        }

        .app_tp_instruction {
            position: absolute;
            bottom: 50px;
            color: rgba(224, 222, 222, 0.79);
            padding-left: 40px;
            padding-right: 40px;
            font-size: 12px;
            text-align: center;
            line-height: 1.4;
        }

        .app_transaction_detail_header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: white;
            padding: 80px 30px 16px 16px;
        }

        .app_transaction_detail_header > div:nth-child(3) {
            display: flex;
            align-items: center;
            position: absolute;
            top: 16px;
            right: 24px;
        }

        .app_td_success {
            background-color: #2EB67D;
        }

        .app_td_pending {
            background-color: #ECB22E;
        }

        .app_td_failed {
            background-color: #DB4437;
        }

        .et_ls_1 {
            letter-spacing: 1px;
        }

        .et_word_b {
            word-break: break-all;
        }

        /*----------------------------------------- App Transaction Detail End -----------------------------------------*/

        /*----------------------------------------- App Direct Invite Start -----------------------------------------*/
        .app_direct-invite {
            padding: 30px 16px;
            background: lightgoldenrodyellow;
        }

        .app_direct-invite h1 {
            font-size: 36px;
            text-align: center;
            opacity: 0.8;
        }

        .app_direct-invite-code {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 12px;
        }

        .app_direct-invite-code p:nth-child(1) {
            font-size: 13px;
            padding-right: 4px;
            opacity: 0.8;
        }

        .app_direct-invite-code p:nth-child(2) {
            font-size: 14px;
            font-weight: 500;
            padding-right: 4px;
            opacity: 0.9;
        }

        .app_direct-invite-code img {
            height: 20px;
            opacity: 0.7;
        }

        .app_direct-invite-share-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            font-weight: 500;
            width: 100%;
            height: 40px;
            border-radius: 25px;
            background-color: #0F9D58;
            color: white;
            border: none;
        }

        .app_direct-invite-card {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-top: 16px;
            padding: 10px 6px;
            border-radius: 16px;
        }

        .app_direct-invite-card > div:nth-child(2) {
            flex-grow: 1;
            padding: 4px 12px;
        }

        .app_direct-invite-card > div:nth-child(2) p:nth-child(2) {
            line-height: 1.4;
            opacity: 0.9;
        }

        .app_direct-invite-card > div:nth-child(2) p:nth-child(3) {
            opacity: 0.8;
        }

        .app_direct-invite-success {
            color: #0F9D58;
        }

        .app_direct-invite-pending {
            color: #F4B400;
        }

        .app_direct-invite-not-join {
            opacity: 0.8;
        }

        .app_direct-invite-no-data > div {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 30px;
        }

        /*----------------------------------------- App Direct Invite End -----------------------------------------*/

        /*----------------------------------------- App Mix Start -----------------------------------------*/
        .info-box-2wrapper .info-box-2 .info-box-icon .x-icon {
            color: unset;
            opacity: 0.4;
        }

        .info-box-2wrapper .info-box-2 {
            border-radius: 12px;
            text-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
        }

        .login_theme_color {
            background: linear-gradient(to right, rgb(0, 198, 255), rgb(0, 114, 255)) !important;
        }

        .fab_button_et {
            position: fixed;
            bottom: 16px;
            right: 16px;
            z-index: 1000;
        }

        .et_text_u {
            text-transform: uppercase;
        }

        .width_unset {
            width: unset;
        }

        table.et_profile_table_design tr td:nth-child(1) {
            width: 50%;
            text-align: right !important;
            padding-right: 10%;
            font-weight: 500;
        }

        table.et_profile_table_design tr td:nth-child(3) {
            width: 50%;
            text-align: start !important;
            padding-left: 10%;
            font-weight: 300;
            padding-top: 7px;
        }

        .et_help_table_layout td {
            padding: 3px 3px;
        }

        .et_help_table_layout tr td:nth-child(1) {
            width: 90px;
        }

        .et_help_table_layout tr td:nth-child(3) {
            font-weight: 300;
        }

        .header_for_side_menu {
            color: #55b53f !important;
            background-color: #effee8 !important;
        }

        table.et_border_for_table, div.et_border_for_table {
            border-radius: 12px;
            overflow: hidden;
        }

        /*----------------------------------------- App Mix End -----------------------------------------*/

        /*----------------------------------------- App Mix Phone Start -----------------------------------------*/

        .mobile_card_xy180user {
            padding: 0 !important;
            margin-bottom: 20px !important;
            border-radius: 16px;
        }

        .mobile_card_xy180user > div:nth-child(1) {
            display: flex;
            justify-content: space-between;
            background: #F1F1F1;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            padding: 8px 12px;
        }

        .mobile_card_xy180user > div:nth-child(2) {
            border-bottom: 3px solid #F2F2F2;
            padding: 12px;
        }

        .mobile_card_xy180user > div:nth-child(3) {
            display: flex;
            justify-content: space-around;
        }

        .mobile_card_xy180user > div:nth-child(4) {
            display: flex;
            justify-content: center;
            background: oldlace;
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
            padding: 12px;
        }

        .mobile_card_xy180order {
            padding: 0 !important;
            margin-bottom: 20px !important;
            border-radius: 16px;
        }

        .mobile_card_xy180order > div:nth-child(1) {
            display: flex;
            justify-content: space-between;
            background: #F1F1F1;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            padding: 8px 12px;
        }

        .mobile_card_xy180order > div:nth-child(2) {
            border-bottom: 3px solid #F2F2F2;
            padding: 12px;
        }

        .mobile_card_xy180order > div:nth-child(3) {
            display: flex;
            justify-content: space-around;
        }

        .mobile_card_xy180order > div:nth-child(4) {
            display: flex;
            justify-content: space-evenly;
            background: #F1F1F1;
            padding-left: 6px;
            padding-right: 6px;
            text-align: center;
        }

        .mobile_card_xy180order > div:nth-child(5) {
            display: flex;
            justify-content: center;
            background: oldlace;
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
            padding: 12px;
        }

        .mobile_card_xy180locked {
            padding: 0;
            border-radius: 16px 16px 0 0;
            border-bottom: 2px solid #db4538;
            margin-bottom: 20px !important;
        }

        .mobile_card_xy180locked > div:nth-child(1) {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 20px;
            color: white;
            background: rgb(219, 69, 56);
            background: linear-gradient(100deg, rgba(219, 69, 56, 1) 40%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);
            padding: 8px;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

        .mobile_card_xy180locked > div:nth-child(2) {
            padding: 14px;
        }

        .mobile_card_xy180unlock_btn {
            height: 38px;
            font-weight: 500;
            letter-spacing: 1px;
            margin: 10px 10px 6px;
            padding-left: 26px;
            padding-right: 26px;
            border-radius: 32px;
            background: #3cba54 !important;
        }

        .mobile_card_xy180approval {
            padding: 0;
            margin-bottom: 20px !important;
        }

        .mobile_card_xy180approval > div:nth-child(1) {
            font-size: 20px;
            text-align: center;
            padding: 12px;
            background: oldlace;
        }

        table.app_approval_table tr td:nth-child(1) {
            width: 40%;
            text-align: right !important;
            font-weight: 500;
            padding-top: 10px;
        }

        table.app_approval_table tr td:nth-child(2) {
            padding-top: 10px;
        }

        table.app_approval_table tr td:nth-child(3) {
            width: 60%;
            text-align: left !important;
            font-weight: 400;
            padding-top: 10px;
        }

        .mobile_card_xy180approval_btn {
            height: 38px;
            font-weight: 500;
            letter-spacing: 1px;
            margin: 10px 10px 6px;
            padding-left: 26px;
            padding-right: 26px;
            border-radius: 32px;
            background: #4885ed !important;
            color: white;
        }

        .mobile_card_xy180finance {
            padding: 0;
            margin-bottom: 20px !important;
        }

        .mobile_card_xy180finance > div:nth-child(1) {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: oldlace;
            padding: 8px 12px;
        }

        .mobile_card_xy180finance > div:nth-child(2) {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            margin: 12px;
        }

        .mobile_card_xy180finance > div:nth-child(4) {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-top: 2px solid #f1f1f1;
            padding: 16px;
        }

        .border100_32_32_100 {
            border-radius: 100px 32px 32px 100px;
        }

        .border32_100_100_32 {
            border-radius: 32px 100px 100px 32px;
        }

        .card_font_cr {
            color: #2c8db9;
        }

        .card_btn_pr_oh {
            position: relative;
            overflow: hidden;
        }

        .justify-content_center {
            justify-content: center;
        }

        /*----------------------------------------- App Mix Phone End -----------------------------------------*/
    


        table.vdedwaqfea tr td:nth-child(1) {
            width: 50%;
            text-align: right !important;
            padding-right: 10%;
            font-weight: 500;
        }
        table.vdedwaqfea tr td:nth-child(3) {
            width: 50%;
            text-align: left !important;
            padding-left: 10%;
            font-weight: 300;
            padding-top: 7px;
        }