/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(14548,1): run-time error CSS1030: Expected identifier, found ' '
(14548,1): run-time error CSS1019: Unexpected token, found ' '
(15215,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15227,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15249,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15267,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23636,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28102,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*
 * 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";html{color:rgba(0,0,0,.87)}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter{background:transparent!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}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)}html{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;min-height:100%;margin:0}main{display:block}*[hidden]{display:none!important}html,body{font-family:"Helvetica","Arial",sans-serif;font-size:14px;font-weight:400;line-height:20px}h1,h2,h3,h4,h5,h6,p{padding:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.35;letter-spacing:-.02em;opacity:.54;font-size:.6em}h1{font-size:56px;line-height:1.35;letter-spacing:-.02em;margin:24px 0}h1,h2{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400}h2{font-size:45px;line-height:48px}h2,h3{margin:24px 0}h3{font-size:34px;line-height:40px}h3,h4{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400}h4{font-size:24px;line-height:32px;-moz-osx-font-smoothing:grayscale;margin:24px 0 16px}h5{font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}h5,h6{font-family:"Roboto","Helvetica","Arial",sans-serif;margin:24px 0 16px}h6{font-size:16px;letter-spacing:.04em}h6,p{font-weight:400;line-height:24px}p{font-size:14px;letter-spacing:0;margin:0 0 16px}a{color:#ff4081;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:.08em}blockquote:before{position:absolute;left:-.5em;content:'“'}blockquote:after{content:'”';margin-left:-.05em}mark{background-color:#f4ff81}dt{font-weight:700}address{font-size:12px;line-height:1;font-style:normal}address,ul,ol{font-weight:400;letter-spacing:0}ul,ol{font-size:14px;line-height:24px}.mdl-typography--display-4,.mdl-typography--display-4-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-.04em}.mdl-typography--display-4-color-contrast{opacity:.54}.mdl-typography--display-3,.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:-.02em}.mdl-typography--display-3-color-contrast{opacity:.54}.mdl-typography--display-2,.mdl-typography--display-2-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-2-color-contrast{opacity:.54}.mdl-typography--display-1,.mdl-typography--display-1-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--display-1-color-contrast{opacity:.54}.mdl-typography--headline,.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}.mdl-typography--headline-color-contrast{opacity:.87}.mdl-typography--title,.mdl-typography--title-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}.mdl-typography--title-color-contrast{opacity:.87}.mdl-typography--subhead,.mdl-typography--subhead-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.04em}.mdl-typography--subhead-color-contrast{opacity:.87}.mdl-typography--body-2,.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:700;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{opacity:.87}.mdl-typography--body-1,.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{opacity:.87}.mdl-typography--body-2-force-preferred-font,.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}.mdl-typography--body-2-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--body-1-force-preferred-font,.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}.mdl-typography--body-1-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--caption,.mdl-typography--caption-force-preferred-font{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}.mdl-typography--caption-color-contrast,.mdl-typography--caption-force-preferred-font-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:.54}.mdl-typography--caption-force-preferred-font-color-contrast,.mdl-typography--menu{font-family:"Roboto","Helvetica","Arial",sans-serif}.mdl-typography--menu{font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--menu-color-contrast{opacity:.87}.mdl-typography--menu-color-contrast,.mdl-typography--button,.mdl-typography--button-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--button,.mdl-typography--button-color-contrast{text-transform:uppercase}.mdl-typography--button-color-contrast{opacity:.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:400;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}.mdl-color-text--red{color:#f44336 !important}.mdl-color--red{background-color:#f44336 !important}.mdl-color-text--red-50{color:#ffebee !important}.mdl-color--red-50{background-color:#ffebee !important}.mdl-color-text--red-100{color:#ffcdd2 !important}.mdl-color--red-100{background-color:#ffcdd2 !important}.mdl-color-text--red-200{color:#ef9a9a !important}.mdl-color--red-200{background-color:#ef9a9a !important}.mdl-color-text--red-300{color:#e57373 !important}.mdl-color--red-300{background-color:#e57373 !important}.mdl-color-text--red-400{color:#ef5350 !important}.mdl-color--red-400{background-color:#ef5350 !important}.mdl-color-text--red-500{color:#f44336 !important}.mdl-color--red-500{background-color:#f44336 !important}.mdl-color-text--red-600{color:#e53935 !important}.mdl-color--red-600{background-color:#e53935 !important}.mdl-color-text--red-700{color:#d32f2f !important}.mdl-color--red-700{background-color:#d32f2f !important}.mdl-color-text--red-800{color:#c62828 !important}.mdl-color--red-800{background-color:#c62828 !important}.mdl-color-text--red-900{color:#b71c1c !important}.mdl-color--red-900{background-color:#b71c1c !important}.mdl-color-text--red-A100{color:#ff8a80 !important}.mdl-color--red-A100{background-color:#ff8a80 !important}.mdl-color-text--red-A200{color:#ff5252 !important}.mdl-color--red-A200{background-color:#ff5252 !important}.mdl-color-text--red-A400{color:#ff1744 !important}.mdl-color--red-A400{background-color:#ff1744 !important}.mdl-color-text--red-A700{color:#d50000 !important}.mdl-color--red-A700{background-color:#d50000 !important}.mdl-color-text--pink{color:#e91e63 !important}.mdl-color--pink{background-color:#e91e63 !important}.mdl-color-text--pink-50{color:#fce4ec !important}.mdl-color--pink-50{background-color:#fce4ec !important}.mdl-color-text--pink-100{color:#f8bbd0 !important}.mdl-color--pink-100{background-color:#f8bbd0 !important}.mdl-color-text--pink-200{color:#f48fb1 !important}.mdl-color--pink-200{background-color:#f48fb1 !important}.mdl-color-text--pink-300{color:#f06292 !important}.mdl-color--pink-300{background-color:#f06292 !important}.mdl-color-text--pink-400{color:#ec407a !important}.mdl-color--pink-400{background-color:#ec407a !important}.mdl-color-text--pink-500{color:#e91e63 !important}.mdl-color--pink-500{background-color:#e91e63 !important}.mdl-color-text--pink-600{color:#d81b60 !important}.mdl-color--pink-600{background-color:#d81b60 !important}.mdl-color-text--pink-700{color:#c2185b !important}.mdl-color--pink-700{background-color:#c2185b !important}.mdl-color-text--pink-800{color:#ad1457 !important}.mdl-color--pink-800{background-color:#ad1457 !important}.mdl-color-text--pink-900{color:#880e4f !important}.mdl-color--pink-900{background-color:#880e4f !important}.mdl-color-text--pink-A100{color:#ff80ab !important}.mdl-color--pink-A100{background-color:#ff80ab !important}.mdl-color-text--pink-A200{color:#ff4081 !important}.mdl-color--pink-A200{background-color:#ff4081 !important}.mdl-color-text--pink-A400{color:#f50057 !important}.mdl-color--pink-A400{background-color:#f50057 !important}.mdl-color-text--pink-A700{color:#c51162 !important}.mdl-color--pink-A700{background-color:#c51162 !important}.mdl-color-text--purple{color:#9c27b0 !important}.mdl-color--purple{background-color:#9c27b0 !important}.mdl-color-text--purple-50{color:#f3e5f5 !important}.mdl-color--purple-50{background-color:#f3e5f5 !important}.mdl-color-text--purple-100{color:#e1bee7 !important}.mdl-color--purple-100{background-color:#e1bee7 !important}.mdl-color-text--purple-200{color:#ce93d8 !important}.mdl-color--purple-200{background-color:#ce93d8 !important}.mdl-color-text--purple-300{color:#ba68c8 !important}.mdl-color--purple-300{background-color:#ba68c8 !important}.mdl-color-text--purple-400{color:#ab47bc !important}.mdl-color--purple-400{background-color:#ab47bc !important}.mdl-color-text--purple-500{color:#9c27b0 !important}.mdl-color--purple-500{background-color:#9c27b0 !important}.mdl-color-text--purple-600{color:#8e24aa !important}.mdl-color--purple-600{background-color:#8e24aa !important}.mdl-color-text--purple-700{color:#7b1fa2 !important}.mdl-color--purple-700{background-color:#7b1fa2 !important}.mdl-color-text--purple-800{color:#6a1b9a !important}.mdl-color--purple-800{background-color:#6a1b9a !important}.mdl-color-text--purple-900{color:#4a148c !important}.mdl-color--purple-900{background-color:#4a148c !important}.mdl-color-text--purple-A100{color:#ea80fc !important}.mdl-color--purple-A100{background-color:#ea80fc !important}.mdl-color-text--purple-A200{color:#e040fb !important}.mdl-color--purple-A200{background-color:#e040fb !important}.mdl-color-text--purple-A400{color:#d500f9 !important}.mdl-color--purple-A400{background-color:#d500f9 !important}.mdl-color-text--purple-A700{color:#a0f !important}.mdl-color--purple-A700{background-color:#a0f !important}.mdl-color-text--deep-purple{color:#673ab7 !important}.mdl-color--deep-purple{background-color:#673ab7 !important}.mdl-color-text--deep-purple-50{color:#ede7f6 !important}.mdl-color--deep-purple-50{background-color:#ede7f6 !important}.mdl-color-text--deep-purple-100{color:#d1c4e9 !important}.mdl-color--deep-purple-100{background-color:#d1c4e9 !important}.mdl-color-text--deep-purple-200{color:#b39ddb !important}.mdl-color--deep-purple-200{background-color:#b39ddb !important}.mdl-color-text--deep-purple-300{color:#9575cd !important}.mdl-color--deep-purple-300{background-color:#9575cd !important}.mdl-color-text--deep-purple-400{color:#7e57c2 !important}.mdl-color--deep-purple-400{background-color:#7e57c2 !important}.mdl-color-text--deep-purple-500{color:#673ab7 !important}.mdl-color--deep-purple-500{background-color:#673ab7 !important}.mdl-color-text--deep-purple-600{color:#5e35b1 !important}.mdl-color--deep-purple-600{background-color:#5e35b1 !important}.mdl-color-text--deep-purple-700{color:#512da8 !important}.mdl-color--deep-purple-700{background-color:#512da8 !important}.mdl-color-text--deep-purple-800{color:#4527a0 !important}.mdl-color--deep-purple-800{background-color:#4527a0 !important}.mdl-color-text--deep-purple-900{color:#311b92 !important}.mdl-color--deep-purple-900{background-color:#311b92 !important}.mdl-color-text--deep-purple-A100{color:#b388ff !important}.mdl-color--deep-purple-A100{background-color:#b388ff !important}.mdl-color-text--deep-purple-A200{color:#7c4dff !important}.mdl-color--deep-purple-A200{background-color:#7c4dff !important}.mdl-color-text--deep-purple-A400{color:#651fff !important}.mdl-color--deep-purple-A400{background-color:#651fff !important}.mdl-color-text--deep-purple-A700{color:#6200ea !important}.mdl-color--deep-purple-A700{background-color:#6200ea !important}.mdl-color-text--indigo{color:#3f51b5 !important}.mdl-color--indigo{background-color:#3f51b5 !important}.mdl-color-text--indigo-50{color:#e8eaf6 !important}.mdl-color--indigo-50{background-color:#e8eaf6 !important}.mdl-color-text--indigo-100{color:#c5cae9 !important}.mdl-color--indigo-100{background-color:#c5cae9 !important}.mdl-color-text--indigo-200{color:#9fa8da !important}.mdl-color--indigo-200{background-color:#9fa8da !important}.mdl-color-text--indigo-300{color:#7986cb !important}.mdl-color--indigo-300{background-color:#7986cb !important}.mdl-color-text--indigo-400{color:#5c6bc0 !important}.mdl-color--indigo-400{background-color:#5c6bc0 !important}.mdl-color-text--indigo-500{color:#3f51b5 !important}.mdl-color--indigo-500{background-color:#3f51b5 !important}.mdl-color-text--indigo-600{color:#3949ab !important}.mdl-color--indigo-600{background-color:#3949ab !important}.mdl-color-text--indigo-700{color:#303f9f !important}.mdl-color--indigo-700{background-color:#303f9f !important}.mdl-color-text--indigo-800{color:#283593 !important}.mdl-color--indigo-800{background-color:#283593 !important}.mdl-color-text--indigo-900{color:#1a237e !important}.mdl-color--indigo-900{background-color:#1a237e !important}.mdl-color-text--indigo-A100{color:#8c9eff !important}.mdl-color--indigo-A100{background-color:#8c9eff !important}.mdl-color-text--indigo-A200{color:#536dfe !important}.mdl-color--indigo-A200{background-color:#536dfe !important}.mdl-color-text--indigo-A400{color:#3d5afe !important}.mdl-color--indigo-A400{background-color:#3d5afe !important}.mdl-color-text--indigo-A700{color:#304ffe !important}.mdl-color--indigo-A700{background-color:#304ffe !important}.mdl-color-text--blue{color:#2196f3 !important}.mdl-color--blue{background-color:#2196f3 !important}.mdl-color-text--blue-50{color:#e3f2fd !important}.mdl-color--blue-50{background-color:#e3f2fd !important}.mdl-color-text--blue-100{color:#bbdefb !important}.mdl-color--blue-100{background-color:#bbdefb !important}.mdl-color-text--blue-200{color:#90caf9 !important}.mdl-color--blue-200{background-color:#90caf9 !important}.mdl-color-text--blue-300{color:#64b5f6 !important}.mdl-color--blue-300{background-color:#64b5f6 !important}.mdl-color-text--blue-400{color:#42a5f5 !important}.mdl-color--blue-400{background-color:#42a5f5 !important}.mdl-color-text--blue-500{color:#2196f3 !important}.mdl-color--blue-500{background-color:#2196f3 !important}.mdl-color-text--blue-600{color:#1e88e5 !important}.mdl-color--blue-600{background-color:#1e88e5 !important}.mdl-color-text--blue-700{color:#1976d2 !important}.mdl-color--blue-700{background-color:#1976d2 !important}.mdl-color-text--blue-800{color:#1565c0 !important}.mdl-color--blue-800{background-color:#1565c0 !important}.mdl-color-text--blue-900{color:#0d47a1 !important}.mdl-color--blue-900{background-color:#0d47a1 !important}.mdl-color-text--blue-A100{color:#82b1ff !important}.mdl-color--blue-A100{background-color:#82b1ff !important}.mdl-color-text--blue-A200{color:#448aff !important}.mdl-color--blue-A200{background-color:#448aff !important}.mdl-color-text--blue-A400{color:#2979ff !important}.mdl-color--blue-A400{background-color:#2979ff !important}.mdl-color-text--blue-A700{color:#2962ff !important}.mdl-color--blue-A700{background-color:#2962ff !important}.mdl-color-text--light-blue{color:#03a9f4 !important}.mdl-color--light-blue{background-color:#03a9f4 !important}.mdl-color-text--light-blue-50{color:#e1f5fe !important}.mdl-color--light-blue-50{background-color:#e1f5fe !important}.mdl-color-text--light-blue-100{color:#b3e5fc !important}.mdl-color--light-blue-100{background-color:#b3e5fc !important}.mdl-color-text--light-blue-200{color:#81d4fa !important}.mdl-color--light-blue-200{background-color:#81d4fa !important}.mdl-color-text--light-blue-300{color:#4fc3f7 !important}.mdl-color--light-blue-300{background-color:#4fc3f7 !important}.mdl-color-text--light-blue-400{color:#29b6f6 !important}.mdl-color--light-blue-400{background-color:#29b6f6 !important}.mdl-color-text--light-blue-500{color:#03a9f4 !important}.mdl-color--light-blue-500{background-color:#03a9f4 !important}.mdl-color-text--light-blue-600{color:#039be5 !important}.mdl-color--light-blue-600{background-color:#039be5 !important}.mdl-color-text--light-blue-700{color:#0288d1 !important}.mdl-color--light-blue-700{background-color:#0288d1 !important}.mdl-color-text--light-blue-800{color:#0277bd !important}.mdl-color--light-blue-800{background-color:#0277bd !important}.mdl-color-text--light-blue-900{color:#01579b !important}.mdl-color--light-blue-900{background-color:#01579b !important}.mdl-color-text--light-blue-A100{color:#80d8ff !important}.mdl-color--light-blue-A100{background-color:#80d8ff !important}.mdl-color-text--light-blue-A200{color:#40c4ff !important}.mdl-color--light-blue-A200{background-color:#40c4ff !important}.mdl-color-text--light-blue-A400{color:#00b0ff !important}.mdl-color--light-blue-A400{background-color:#00b0ff !important}.mdl-color-text--light-blue-A700{color:#0091ea !important}.mdl-color--light-blue-A700{background-color:#0091ea !important}.mdl-color-text--cyan{color:#00bcd4 !important}.mdl-color--cyan{background-color:#00bcd4 !important}.mdl-color-text--cyan-50{color:#e0f7fa !important}.mdl-color--cyan-50{background-color:#e0f7fa !important}.mdl-color-text--cyan-100{color:#b2ebf2 !important}.mdl-color--cyan-100{background-color:#b2ebf2 !important}.mdl-color-text--cyan-200{color:#80deea !important}.mdl-color--cyan-200{background-color:#80deea !important}.mdl-color-text--cyan-300{color:#4dd0e1 !important}.mdl-color--cyan-300{background-color:#4dd0e1 !important}.mdl-color-text--cyan-400{color:#26c6da !important}.mdl-color--cyan-400{background-color:#26c6da !important}.mdl-color-text--cyan-500{color:#00bcd4 !important}.mdl-color--cyan-500{background-color:#00bcd4 !important}.mdl-color-text--cyan-600{color:#00acc1 !important}.mdl-color--cyan-600{background-color:#00acc1 !important}.mdl-color-text--cyan-700{color:#0097a7 !important}.mdl-color--cyan-700{background-color:#0097a7 !important}.mdl-color-text--cyan-800{color:#00838f !important}.mdl-color--cyan-800{background-color:#00838f !important}.mdl-color-text--cyan-900{color:#006064 !important}.mdl-color--cyan-900{background-color:#006064 !important}.mdl-color-text--cyan-A100{color:#84ffff !important}.mdl-color--cyan-A100{background-color:#84ffff !important}.mdl-color-text--cyan-A200{color:#18ffff !important}.mdl-color--cyan-A200{background-color:#18ffff !important}.mdl-color-text--cyan-A400{color:#00e5ff !important}.mdl-color--cyan-A400{background-color:#00e5ff !important}.mdl-color-text--cyan-A700{color:#00b8d4 !important}.mdl-color--cyan-A700{background-color:#00b8d4 !important}.mdl-color-text--teal{color:#009688 !important}.mdl-color--teal{background-color:#009688 !important}.mdl-color-text--teal-50{color:#e0f2f1 !important}.mdl-color--teal-50{background-color:#e0f2f1 !important}.mdl-color-text--teal-100{color:#b2dfdb !important}.mdl-color--teal-100{background-color:#b2dfdb !important}.mdl-color-text--teal-200{color:#80cbc4 !important}.mdl-color--teal-200{background-color:#80cbc4 !important}.mdl-color-text--teal-300{color:#4db6ac !important}.mdl-color--teal-300{background-color:#4db6ac !important}.mdl-color-text--teal-400{color:#26a69a !important}.mdl-color--teal-400{background-color:#26a69a !important}.mdl-color-text--teal-500{color:#009688 !important}.mdl-color--teal-500{background-color:#009688 !important}.mdl-color-text--teal-600{color:#00897b !important}.mdl-color--teal-600{background-color:#00897b !important}.mdl-color-text--teal-700{color:#00796b !important}.mdl-color--teal-700{background-color:#00796b !important}.mdl-color-text--teal-800{color:#00695c !important}.mdl-color--teal-800{background-color:#00695c !important}.mdl-color-text--teal-900{color:#004d40 !important}.mdl-color--teal-900{background-color:#004d40 !important}.mdl-color-text--teal-A100{color:#a7ffeb !important}.mdl-color--teal-A100{background-color:#a7ffeb !important}.mdl-color-text--teal-A200{color:#64ffda !important}.mdl-color--teal-A200{background-color:#64ffda !important}.mdl-color-text--teal-A400{color:#1de9b6 !important}.mdl-color--teal-A400{background-color:#1de9b6 !important}.mdl-color-text--teal-A700{color:#00bfa5 !important}.mdl-color--teal-A700{background-color:#00bfa5 !important}.mdl-color-text--green{color:#4caf50 !important}.mdl-color--green{background-color:#4caf50 !important}.mdl-color-text--green-50{color:#e8f5e9 !important}.mdl-color--green-50{background-color:#e8f5e9 !important}.mdl-color-text--green-100{color:#c8e6c9 !important}.mdl-color--green-100{background-color:#c8e6c9 !important}.mdl-color-text--green-200{color:#a5d6a7 !important}.mdl-color--green-200{background-color:#a5d6a7 !important}.mdl-color-text--green-300{color:#81c784 !important}.mdl-color--green-300{background-color:#81c784 !important}.mdl-color-text--green-400{color:#66bb6a !important}.mdl-color--green-400{background-color:#66bb6a !important}.mdl-color-text--green-500{color:#4caf50 !important}.mdl-color--green-500{background-color:#4caf50 !important}.mdl-color-text--green-600{color:#43a047 !important}.mdl-color--green-600{background-color:#43a047 !important}.mdl-color-text--green-700{color:#388e3c !important}.mdl-color--green-700{background-color:#388e3c !important}.mdl-color-text--green-800{color:#2e7d32 !important}.mdl-color--green-800{background-color:#2e7d32 !important}.mdl-color-text--green-900{color:#1b5e20 !important}.mdl-color--green-900{background-color:#1b5e20 !important}.mdl-color-text--green-A100{color:#b9f6ca !important}.mdl-color--green-A100{background-color:#b9f6ca !important}.mdl-color-text--green-A200{color:#69f0ae !important}.mdl-color--green-A200{background-color:#69f0ae !important}.mdl-color-text--green-A400{color:#00e676 !important}.mdl-color--green-A400{background-color:#00e676 !important}.mdl-color-text--green-A700{color:#00c853 !important}.mdl-color--green-A700{background-color:#00c853 !important}.mdl-color-text--light-green{color:#8bc34a !important}.mdl-color--light-green{background-color:#8bc34a !important}.mdl-color-text--light-green-50{color:#f1f8e9 !important}.mdl-color--light-green-50{background-color:#f1f8e9 !important}.mdl-color-text--light-green-100{color:#dcedc8 !important}.mdl-color--light-green-100{background-color:#dcedc8 !important}.mdl-color-text--light-green-200{color:#c5e1a5 !important}.mdl-color--light-green-200{background-color:#c5e1a5 !important}.mdl-color-text--light-green-300{color:#aed581 !important}.mdl-color--light-green-300{background-color:#aed581 !important}.mdl-color-text--light-green-400{color:#9ccc65 !important}.mdl-color--light-green-400{background-color:#9ccc65 !important}.mdl-color-text--light-green-500{color:#8bc34a !important}.mdl-color--light-green-500{background-color:#8bc34a !important}.mdl-color-text--light-green-600{color:#7cb342 !important}.mdl-color--light-green-600{background-color:#7cb342 !important}.mdl-color-text--light-green-700{color:#689f38 !important}.mdl-color--light-green-700{background-color:#689f38 !important}.mdl-color-text--light-green-800{color:#558b2f !important}.mdl-color--light-green-800{background-color:#558b2f !important}.mdl-color-text--light-green-900{color:#33691e !important}.mdl-color--light-green-900{background-color:#33691e !important}.mdl-color-text--light-green-A100{color:#ccff90 !important}.mdl-color--light-green-A100{background-color:#ccff90 !important}.mdl-color-text--light-green-A200{color:#b2ff59 !important}.mdl-color--light-green-A200{background-color:#b2ff59 !important}.mdl-color-text--light-green-A400{color:#76ff03 !important}.mdl-color--light-green-A400{background-color:#76ff03 !important}.mdl-color-text--light-green-A700{color:#64dd17 !important}.mdl-color--light-green-A700{background-color:#64dd17 !important}.mdl-color-text--lime{color:#cddc39 !important}.mdl-color--lime{background-color:#cddc39 !important}.mdl-color-text--lime-50{color:#f9fbe7 !important}.mdl-color--lime-50{background-color:#f9fbe7 !important}.mdl-color-text--lime-100{color:#f0f4c3 !important}.mdl-color--lime-100{background-color:#f0f4c3 !important}.mdl-color-text--lime-200{color:#e6ee9c !important}.mdl-color--lime-200{background-color:#e6ee9c !important}.mdl-color-text--lime-300{color:#dce775 !important}.mdl-color--lime-300{background-color:#dce775 !important}.mdl-color-text--lime-400{color:#d4e157 !important}.mdl-color--lime-400{background-color:#d4e157 !important}.mdl-color-text--lime-500{color:#cddc39 !important}.mdl-color--lime-500{background-color:#cddc39 !important}.mdl-color-text--lime-600{color:#c0ca33 !important}.mdl-color--lime-600{background-color:#c0ca33 !important}.mdl-color-text--lime-700{color:#afb42b !important}.mdl-color--lime-700{background-color:#afb42b !important}.mdl-color-text--lime-800{color:#9e9d24 !important}.mdl-color--lime-800{background-color:#9e9d24 !important}.mdl-color-text--lime-900{color:#827717 !important}.mdl-color--lime-900{background-color:#827717 !important}.mdl-color-text--lime-A100{color:#f4ff81 !important}.mdl-color--lime-A100{background-color:#f4ff81 !important}.mdl-color-text--lime-A200{color:#eeff41 !important}.mdl-color--lime-A200{background-color:#eeff41 !important}.mdl-color-text--lime-A400{color:#c6ff00 !important}.mdl-color--lime-A400{background-color:#c6ff00 !important}.mdl-color-text--lime-A700{color:#aeea00 !important}.mdl-color--lime-A700{background-color:#aeea00 !important}.mdl-color-text--yellow{color:#ffeb3b !important}.mdl-color--yellow{background-color:#ffeb3b !important}.mdl-color-text--yellow-50{color:#fffde7 !important}.mdl-color--yellow-50{background-color:#fffde7 !important}.mdl-color-text--yellow-100{color:#fff9c4 !important}.mdl-color--yellow-100{background-color:#fff9c4 !important}.mdl-color-text--yellow-200{color:#fff59d !important}.mdl-color--yellow-200{background-color:#fff59d !important}.mdl-color-text--yellow-300{color:#fff176 !important}.mdl-color--yellow-300{background-color:#fff176 !important}.mdl-color-text--yellow-400{color:#ffee58 !important}.mdl-color--yellow-400{background-color:#ffee58 !important}.mdl-color-text--yellow-500{color:#ffeb3b !important}.mdl-color--yellow-500{background-color:#ffeb3b !important}.mdl-color-text--yellow-600{color:#fdd835 !important}.mdl-color--yellow-600{background-color:#fdd835 !important}.mdl-color-text--yellow-700{color:#fbc02d !important}.mdl-color--yellow-700{background-color:#fbc02d !important}.mdl-color-text--yellow-800{color:#f9a825 !important}.mdl-color--yellow-800{background-color:#f9a825 !important}.mdl-color-text--yellow-900{color:#f57f17 !important}.mdl-color--yellow-900{background-color:#f57f17 !important}.mdl-color-text--yellow-A100{color:#ffff8d !important}.mdl-color--yellow-A100{background-color:#ffff8d !important}.mdl-color-text--yellow-A200{color:#ff0 !important}.mdl-color--yellow-A200{background-color:#ff0 !important}.mdl-color-text--yellow-A400{color:#ffea00 !important}.mdl-color--yellow-A400{background-color:#ffea00 !important}.mdl-color-text--yellow-A700{color:#ffd600 !important}.mdl-color--yellow-A700{background-color:#ffd600 !important}.mdl-color-text--amber{color:#ffc107 !important}.mdl-color--amber{background-color:#ffc107 !important}.mdl-color-text--amber-50{color:#fff8e1 !important}.mdl-color--amber-50{background-color:#fff8e1 !important}.mdl-color-text--amber-100{color:#ffecb3 !important}.mdl-color--amber-100{background-color:#ffecb3 !important}.mdl-color-text--amber-200{color:#ffe082 !important}.mdl-color--amber-200{background-color:#ffe082 !important}.mdl-color-text--amber-300{color:#ffd54f !important}.mdl-color--amber-300{background-color:#ffd54f !important}.mdl-color-text--amber-400{color:#ffca28 !important}.mdl-color--amber-400{background-color:#ffca28 !important}.mdl-color-text--amber-500{color:#ffc107 !important}.mdl-color--amber-500{background-color:#ffc107 !important}.mdl-color-text--amber-600{color:#ffb300 !important}.mdl-color--amber-600{background-color:#ffb300 !important}.mdl-color-text--amber-700{color:#ffa000 !important}.mdl-color--amber-700{background-color:#ffa000 !important}.mdl-color-text--amber-800{color:#ff8f00 !important}.mdl-color--amber-800{background-color:#ff8f00 !important}.mdl-color-text--amber-900{color:#ff6f00 !important}.mdl-color--amber-900{background-color:#ff6f00 !important}.mdl-color-text--amber-A100{color:#ffe57f !important}.mdl-color--amber-A100{background-color:#ffe57f !important}.mdl-color-text--amber-A200{color:#ffd740 !important}.mdl-color--amber-A200{background-color:#ffd740 !important}.mdl-color-text--amber-A400{color:#ffc400 !important}.mdl-color--amber-A400{background-color:#ffc400 !important}.mdl-color-text--amber-A700{color:#ffab00 !important}.mdl-color--amber-A700{background-color:#ffab00 !important}.mdl-color-text--orange{color:#ff9800 !important}.mdl-color--orange{background-color:#ff9800 !important}.mdl-color-text--orange-50{color:#fff3e0 !important}.mdl-color--orange-50{background-color:#fff3e0 !important}.mdl-color-text--orange-100{color:#ffe0b2 !important}.mdl-color--orange-100{background-color:#ffe0b2 !important}.mdl-color-text--orange-200{color:#ffcc80 !important}.mdl-color--orange-200{background-color:#ffcc80 !important}.mdl-color-text--orange-300{color:#ffb74d !important}.mdl-color--orange-300{background-color:#ffb74d !important}.mdl-color-text--orange-400{color:#ffa726 !important}.mdl-color--orange-400{background-color:#ffa726 !important}.mdl-color-text--orange-500{color:#ff9800 !important}.mdl-color--orange-500{background-color:#ff9800 !important}.mdl-color-text--orange-600{color:#fb8c00 !important}.mdl-color--orange-600{background-color:#fb8c00 !important}.mdl-color-text--orange-700{color:#f57c00 !important}.mdl-color--orange-700{background-color:#f57c00 !important}.mdl-color-text--orange-800{color:#ef6c00 !important}.mdl-color--orange-800{background-color:#ef6c00 !important}.mdl-color-text--orange-900{color:#e65100 !important}.mdl-color--orange-900{background-color:#e65100 !important}.mdl-color-text--orange-A100{color:#ffd180 !important}.mdl-color--orange-A100{background-color:#ffd180 !important}.mdl-color-text--orange-A200{color:#ffab40 !important}.mdl-color--orange-A200{background-color:#ffab40 !important}.mdl-color-text--orange-A400{color:#ff9100 !important}.mdl-color--orange-A400{background-color:#ff9100 !important}.mdl-color-text--orange-A700{color:#ff6d00 !important}.mdl-color--orange-A700{background-color:#ff6d00 !important}.mdl-color-text--deep-orange{color:#ff5722 !important}.mdl-color--deep-orange{background-color:#ff5722 !important}.mdl-color-text--deep-orange-50{color:#fbe9e7 !important}.mdl-color--deep-orange-50{background-color:#fbe9e7 !important}.mdl-color-text--deep-orange-100{color:#ffccbc !important}.mdl-color--deep-orange-100{background-color:#ffccbc !important}.mdl-color-text--deep-orange-200{color:#ffab91 !important}.mdl-color--deep-orange-200{background-color:#ffab91 !important}.mdl-color-text--deep-orange-300{color:#ff8a65 !important}.mdl-color--deep-orange-300{background-color:#ff8a65 !important}.mdl-color-text--deep-orange-400{color:#ff7043 !important}.mdl-color--deep-orange-400{background-color:#ff7043 !important}.mdl-color-text--deep-orange-500{color:#ff5722 !important}.mdl-color--deep-orange-500{background-color:#ff5722 !important}.mdl-color-text--deep-orange-600{color:#f4511e !important}.mdl-color--deep-orange-600{background-color:#f4511e !important}.mdl-color-text--deep-orange-700{color:#e64a19 !important}.mdl-color--deep-orange-700{background-color:#e64a19 !important}.mdl-color-text--deep-orange-800{color:#d84315 !important}.mdl-color--deep-orange-800{background-color:#d84315 !important}.mdl-color-text--deep-orange-900{color:#bf360c !important}.mdl-color--deep-orange-900{background-color:#bf360c !important}.mdl-color-text--deep-orange-A100{color:#ff9e80 !important}.mdl-color--deep-orange-A100{background-color:#ff9e80 !important}.mdl-color-text--deep-orange-A200{color:#ff6e40 !important}.mdl-color--deep-orange-A200{background-color:#ff6e40 !important}.mdl-color-text--deep-orange-A400{color:#ff3d00 !important}.mdl-color--deep-orange-A400{background-color:#ff3d00 !important}.mdl-color-text--deep-orange-A700{color:#dd2c00 !important}.mdl-color--deep-orange-A700{background-color:#dd2c00 !important}.mdl-color-text--brown{color:#795548 !important}.mdl-color--brown{background-color:#795548 !important}.mdl-color-text--brown-50{color:#efebe9 !important}.mdl-color--brown-50{background-color:#efebe9 !important}.mdl-color-text--brown-100{color:#d7ccc8 !important}.mdl-color--brown-100{background-color:#d7ccc8 !important}.mdl-color-text--brown-200{color:#bcaaa4 !important}.mdl-color--brown-200{background-color:#bcaaa4 !important}.mdl-color-text--brown-300{color:#a1887f !important}.mdl-color--brown-300{background-color:#a1887f !important}.mdl-color-text--brown-400{color:#8d6e63 !important}.mdl-color--brown-400{background-color:#8d6e63 !important}.mdl-color-text--brown-500{color:#795548 !important}.mdl-color--brown-500{background-color:#795548 !important}.mdl-color-text--brown-600{color:#6d4c41 !important}.mdl-color--brown-600{background-color:#6d4c41 !important}.mdl-color-text--brown-700{color:#5d4037 !important}.mdl-color--brown-700{background-color:#5d4037 !important}.mdl-color-text--brown-800{color:#4e342e !important}.mdl-color--brown-800{background-color:#4e342e !important}.mdl-color-text--brown-900{color:#3e2723 !important}.mdl-color--brown-900{background-color:#3e2723 !important}.mdl-color-text--grey{color:#9e9e9e !important}.mdl-color--grey{background-color:#9e9e9e !important}.mdl-color-text--grey-50{color:#fafafa !important}.mdl-color--grey-50{background-color:#fafafa !important}.mdl-color-text--grey-100{color:#f5f5f5 !important}.mdl-color--grey-100{background-color:#f5f5f5 !important}.mdl-color-text--grey-200{color:#eee !important}.mdl-color--grey-200{background-color:#eee !important}.mdl-color-text--grey-300{color:#e0e0e0 !important}.mdl-color--grey-300{background-color:#e0e0e0 !important}.mdl-color-text--grey-400{color:#bdbdbd !important}.mdl-color--grey-400{background-color:#bdbdbd !important}.mdl-color-text--grey-500{color:#9e9e9e !important}.mdl-color--grey-500{background-color:#9e9e9e !important}.mdl-color-text--grey-600{color:#757575 !important}.mdl-color--grey-600{background-color:#757575 !important}.mdl-color-text--grey-700{color:#616161 !important}.mdl-color--grey-700{background-color:#616161 !important}.mdl-color-text--grey-800{color:#424242 !important}.mdl-color--grey-800{background-color:#424242 !important}.mdl-color-text--grey-900{color:#212121 !important}.mdl-color--grey-900{background-color:#212121 !important}.mdl-color-text--blue-grey{color:#607d8b !important}.mdl-color--blue-grey{background-color:#607d8b !important}.mdl-color-text--blue-grey-50{color:#eceff1 !important}.mdl-color--blue-grey-50{background-color:#eceff1 !important}.mdl-color-text--blue-grey-100{color:#cfd8dc !important}.mdl-color--blue-grey-100{background-color:#cfd8dc !important}.mdl-color-text--blue-grey-200{color:#b0bec5 !important}.mdl-color--blue-grey-200{background-color:#b0bec5 !important}.mdl-color-text--blue-grey-300{color:#90a4ae !important}.mdl-color--blue-grey-300{background-color:#90a4ae !important}.mdl-color-text--blue-grey-400{color:#78909c !important}.mdl-color--blue-grey-400{background-color:#78909c !important}.mdl-color-text--blue-grey-500{color:#607d8b !important}.mdl-color--blue-grey-500{background-color:#607d8b !important}.mdl-color-text--blue-grey-600{color:#546e7a !important}.mdl-color--blue-grey-600{background-color:#546e7a !important}.mdl-color-text--blue-grey-700{color:#455a64 !important}.mdl-color--blue-grey-700{background-color:#455a64 !important}.mdl-color-text--blue-grey-800{color:#37474f !important}.mdl-color--blue-grey-800{background-color:#37474f !important}.mdl-color-text--blue-grey-900{color:#263238 !important}.mdl-color--blue-grey-900{background-color:#263238 !important}.mdl-color--black{background-color:#000 !important}.mdl-color-text--black{color:#000 !important}.mdl-color--white{background-color:#fff !important}.mdl-color-text--white{color:#fff !important}.mdl-color--primary{background-color:#3f51b5 !important}.mdl-color--primary-contrast{background-color:#fff !important}.mdl-color--primary-dark{background-color:#303f9f !important}.mdl-color--accent{background-color:#ff4081 !important}.mdl-color--accent-contrast{background-color:#fff !important}.mdl-color-text--primary{color:#3f51b5 !important}.mdl-color-text--primary-contrast{color:#fff !important}.mdl-color-text--primary-dark{color:#303f9f !important}.mdl-color-text--accent{color:#ff4081 !important}.mdl-color-text--accent-contrast{color:#fff !important}.mdl-ripple{background:#000;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:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)}.mdl-ripple.is-visible{opacity:.3}.mdl-animation--default,.mdl-animation--fast-out-slow-in{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-animation--linear-out-slow-in{transition-timing-function:cubic-bezier(0,0,.2,1)}.mdl-animation--fast-out-linear-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.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:#ff4081;color:#fff}.mdl-button .mdl-badge[data-badge]:after{top:-10px;right:-5px}.mdl-badge.mdl-badge--no-background[data-badge]:after{color:#ff4081;background:rgba(255,255,255,.2);box-shadow:0 0 1px gray}.mdl-badge.mdl-badge--overlap{margin-right:10px}.mdl-badge.mdl-badge--overlap:after{right:-10px}.mdl-button{background:0 0;border:none;border-radius:2px;color:#000;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;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,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,.2)}.mdl-button:focus:not(:active){background-color:rgba(0,0,0,.12)}.mdl-button:active{background-color:rgba(158,158,158,.4)}.mdl-button.mdl-button--colored{color:#3f51b5}.mdl-button.mdl-button--colored:focus:not(:active){background-color:rgba(0,0,0,.12)}input.mdl-button[type="submit"]{-webkit-appearance:none}.mdl-button--raised{background:rgba(158,158,158,.2);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)}.mdl-button--raised:active{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);background-color:rgba(158,158,158,.4)}.mdl-button--raised:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--raised.mdl-button--colored{background:#3f51b5;color:#fff}.mdl-button--raised.mdl-button--colored:hover{background-color:#3f51b5}.mdl-button--raised.mdl-button--colored:active{background-color:#3f51b5}.mdl-button--raised.mdl-button--colored:focus:not(:active){background-color:#3f51b5}.mdl-button--raised.mdl-button--colored .mdl-ripple{background:#fff}.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,.2);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(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,#fff,#000)}.mdl-button--fab:active{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);background-color:rgba(158,158,158,.4)}.mdl-button--fab:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--fab.mdl-button--colored{background:#ff4081;color:#fff}.mdl-button--fab.mdl-button--colored:hover{background-color:#ff4081}.mdl-button--fab.mdl-button--colored:focus:not(:active){background-color:#ff4081}.mdl-button--fab.mdl-button--colored:active{background-color:#ff4081}.mdl-button--fab.mdl-button--colored .mdl-ripple{background:#fff}.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:0;left:0}.mdl-button--icon .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button__ripple-container{display:block;height:100%;left:0;position:absolute;top:0;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:#3f51b5}.mdl-button--primary.mdl-button--primary .mdl-ripple{background:#fff}.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab{color:#fff;background-color:#3f51b5}.mdl-button--accent.mdl-button--accent{color:#ff4081}.mdl-button--accent.mdl-button--accent .mdl-ripple{background:#fff}.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab{color:#fff;background-color:#ff4081}.mdl-button[disabled][disabled],.mdl-button.mdl-button--disabled.mdl-button--disabled{color:rgba(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,.12);color:rgba(0,0,0,.26)}.mdl-button--raised[disabled][disabled],.mdl-button--raised.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(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,.26)}.mdl-button .material-icons{vertical-align:middle}.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:#fff;border-radius:2px;box-sizing:border-box}.mdl-card__media{background-color:#ff4081;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:#000;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;-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,.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,.54);margin:0}.mdl-card__supporting-text{color:rgba(0,0,0,.54);font-size:1rem;line-height:18px;overflow:hidden;padding:16px;width:90%}.mdl-card__supporting-text.mdl-card--border{border-bottom:1px solid rgba(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,.1)}.mdl-card--expand{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.mdl-card__menu{position:absolute;right:16px;top:16px}.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,.54);border-radius:2px;z-index:2}.mdl-checkbox.is-checked .mdl-checkbox__box-outline{border:2px solid #3f51b5}fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,.mdl-checkbox.is-disabled .mdl-checkbox__box-outline{border:2px solid rgba(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 0 8px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(63,81,181,.26);background-color:rgba(63,81,181,.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:0 0;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background}.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background:#3f51b5 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,.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,.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,#fff,#000)}.mdl-checkbox__ripple-container .mdl-ripple{background:#3f51b5}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:0 0}.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,.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:0 0;opacity:.54;cursor:pointer;padding:0;margin:0 0 0 4px;font-size:13px;text-decoration:none;color:rgba(0,0,0,.87);border:none;outline:none}.mdl-chip__action,.mdl-chip__contact{display:inline-block;vertical-align:middle;overflow:hidden;text-align:center}.mdl-chip__contact{height:32px;width:32px;border-radius:16px;margin-right:8px;font-size:18px;line-height:32px}.mdl-chip:focus{outline:0;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)}.mdl-chip:active{background-color:#d6d6d6}.mdl-chip--deletable{padding-right:4px}.mdl-chip--contact{padding-left:0}.mdl-data-table{position:relative;border:1px solid rgba(0,0,0,.12);border-collapse:collapse;white-space:nowrap;font-size:13px;background-color:#fff}.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:.28s;transition-timing-function:cubic-bezier(.4,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:#eee}.mdl-data-table td{text-align:right}.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;height:48px;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:12px 18px;box-sizing:border-box}.mdl-data-table td,.mdl-data-table td .mdl-data-table__select{vertical-align:middle}.mdl-data-table th{position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;height:48px;font-size:12px;color:rgba(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,.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:400;font-style:normal;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,.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}.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);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}.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;color:rgba(0,0,0,.54)}.mdl-mega-footer{padding:16px 40px;color:#9e9e9e;background-color:#424242}.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,.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:#9e9e9e;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:-16px 0 0;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:#e0e0e0}.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;padding:0;margin:0 0 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;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:#fff}.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}}.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:#9e9e9e;background-color:#424242}.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:#9e9e9e;border:none}.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:#616161;border-radius:50%;padding:0;margin-left:0;margin-right:0;text-align:center;background-color:transparent;will-change:background-color;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,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:#3f51b5}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label{color:rgba(0,0,0,.26);cursor:auto;transition:none}.mdl-icon-toggle.is-focused .mdl-icon-toggle__label{background-color:rgba(0,0,0,.12)}.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label{background-color:rgba(63,81,181,.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,#fff,#000)}.mdl-icon-toggle__ripple-container .mdl-ripple{background:#616161}.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:0 0}.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;letter-spacing:.04em;line-height:1;min-height:48px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:16px;cursor:default;color:rgba(0,0,0,.87);overflow:hidden}.mdl-list__item,.mdl-list__item .mdl-list__item-primary-content{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{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-decoration:none}.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,.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:#757575}.mdl-list__item-avatar,.mdl-list__item-avatar.material-icons{height:40px;width:40px;box-sizing:border-box;border-radius:50%;background-color:#757575;font-size:40px;color:#fff}.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;letter-spacing:0;line-height:18px;color:rgba(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;letter-spacing:0;line-height:18px;height:52px;color:rgba(0,0,0,.54);display:block;padding:0}.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:#fff;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,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,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 .2s cubic-bezier(.4,0,.2,1),clip .3s cubic-bezier(.4,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,.87);background-color:transparent;text-align:left;margin:0;padding:0 16px;outline-color:#bdbdbd;position:relative;overflow:hidden;font-size:14px;font-weight:400;letter-spacing:0;text-decoration:none;cursor:pointer;height:48px;line-height:48px;white-space:nowrap;opacity:0;transition:opacity .2s cubic-bezier(.4,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,.12)}.mdl-menu__item[disabled],.mdl-menu__item[data-mdl-disabled]{color:#bdbdbd;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:0 0}.mdl-menu__item:hover{background-color:#eee}.mdl-menu__item:focus{outline:none;background-color:#eee}.mdl-menu__item:active{background-color:#e0e0e0}.mdl-menu__item--ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.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 .2s cubic-bezier(.4,0,.2,1)}.mdl-progress>.progressbar{background-color:#3f51b5;z-index:1;left:0}.mdl-progress>.bufferbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5 ,#3f51b5);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,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5 ,#3f51b5);-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,.9),rgba(255,255,255,.9)),linear-gradient(to right,#3f51b5 ,#3f51b5)}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1{-webkit-animation-name:indeterminate1;animation-name:indeterminate1}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1,.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-color:#3f51b5;-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;-webkit-animation-name:indeterminate2;animation-name:indeterminate2}@-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%,50%{left:0%;width:0%}75%{left:0%;width:25%}100%{left:100%;width:0%}}@keyframes indeterminate2{0%,50%{left:0%;width:0%}75%{left:0%;width:25%}100%{left:100%;width:0%}}.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:#424242;text-decoration:none;margin:0;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:.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;line-height:1;letter-spacing:.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,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-sizing:border-box;border-right:1px solid #e0e0e0;background:#fafafa;-webkit-transform:translateX(-250px);transform:translateX(-250px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-transform;color:#424242;overflow:visible;overflow-y:auto;z-index:5}.mdl-layout__drawer.is-visible{-webkit-transform:translateX(0);transform:translateX(0)}.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content{overflow:hidden}.mdl-layout__drawer>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.mdl-layout__drawer>.mdl-layout__title,.mdl-layout__drawer>.mdl-layout-title{line-height:64px;padding-left:40px}@media screen and (max-width:1024px){.mdl-layout__drawer>.mdl-layout__title,.mdl-layout__drawer>.mdl-layout-title{line-height:56px;padding-left:16px}}.mdl-layout__drawer .mdl-navigation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;padding-top:16px}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:16px 40px;margin:0;color:#757575}@media screen and (max-width:1024px){.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{padding:16px}}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{background-color:#e0e0e0}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current{background-color:#e0e0e0;color:#000}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__drawer{-webkit-transform:translateX(0);transform:translateX(0)}}.mdl-layout__drawer-button{display:block;position:absolute;height:48px;width:48px;border:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;text-align:center;cursor:pointer;font-size:26px;line-height:56px;font-family:Helvetica,Arial,sans-serif;margin:8px 12px;top:0;left:0;color:#fff;z-index:4}.mdl-layout__header .mdl-layout__drawer-button{position:absolute;color:#fff;background-color:inherit}@media screen and (max-width:1024px){.mdl-layout__header .mdl-layout__drawer-button{margin:4px}}@media screen and (max-width:1024px){.mdl-layout__drawer-button{margin:4px;color:rgba(0,0,0,.5)}}@media screen and (min-width:1025px){.mdl-layout__drawer-button{line-height:54px}.mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,.mdl-layout--fixed-drawer>.mdl-layout__drawer-button,.mdl-layout--no-drawer-button .mdl-layout__drawer-button{display:none}}.mdl-layout__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;margin:0;padding:0;border:none;min-height:64px;max-height:1000px;z-index:3;background-color:#3f51b5;color:#fff;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}@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,.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,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(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:#fff;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:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-layout__obfuscator.is-visible{background-color:rgba(0,0,0,.5);visibility:visible}@supports (pointer-events:auto){.mdl-layout__obfuscator{background-color:rgba(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:#3f51b5;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:#3f51b5;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:#fff}.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;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,.6);overflow:hidden}@media screen and (max-width:1024px){.mdl-layout__tab{padding: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:#fff}.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:#ff4081;-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;transition:all 1s cubic-bezier(.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:#fff}.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}.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,.54);border-radius:50%;z-index:2}.mdl-radio.is-checked .mdl-radio__outer-circle{border:2px solid #3f51b5}.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,.mdl-radio.is-disabled .mdl-radio__outer-circle{border:2px solid rgba(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:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:scale(0,0);transform:scale(0,0);border-radius:50%;background:#3f51b5}.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,.26);cursor:auto}.mdl-radio.is-focused .mdl-radio__inner-circle{box-shadow:0 0 0 10px rgba(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,.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,#fff,#000)}.mdl-radio__ripple-container .mdl-ripple{background:#3f51b5}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:0 0}_:-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:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;padding:0;color:#3f51b5;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;z-index:1;cursor:pointer}.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:0 0}.mdl-slider.is-upgraded::-moz-range-track{background:0 0;border:none}.mdl-slider.is-upgraded::-ms-track{background:0 0;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,#3f51b5 16px,#3f51b5 0)}.mdl-slider.is-upgraded::-ms-fill-upper{padding:0;background:linear-gradient(to left,transparent,transparent 16px,rgba(0,0,0,.26)16px,rgba(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:#3f51b5;border:none;transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,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:#3f51b5;border:none}.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(63,81,181,.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(63,81,181,.26)}.mdl-slider.is-upgraded:active::-webkit-slider-thumb{background-image:none;background:#3f51b5;-webkit-transform:scale(1.5);transform:scale(1.5)}.mdl-slider.is-upgraded:active::-moz-range-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded::-ms-thumb{width:32px;height:32px;border:none;border-radius:50%;background:#3f51b5;transform:scale(.375);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1)}.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,#3f51b5 0%,#3f51b5 37.5%,rgba(63,81,181,.26)37.5%,rgba(63,81,181,.26)100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:#3f51b5;transform:scale(.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(0,0,0,.26);background:0 0}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(0,0,0,.26);background:0 0}.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,.12);background:rgba(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,.12);background:rgba(0,0,0,.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(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,.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,.26)66.67%,rgba(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,.12)0%,rgba(0,0,0,.12)25%,rgba(0,0,0,.26)25%,rgba(0,0,0,.26)37.5%,rgba(0,0,0,.12)37.5%,rgba(0,0,0,.12)100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(.5625);background:radial-gradient(circle closest-side,transparent 0%,transparent 77.78%,rgba(0,0,0,.26)77.78%,rgba(0,0,0,.26)100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:0 0}.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(.667);transform:scale(.667);background:rgba(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(.667);background:rgba(0,0,0,.26)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(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,.26);background:0 0;-webkit-transform:scale(.667);transform:scale(.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,.26);background:0 0;transform:scale(.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(.25);background:rgba(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(.25);background:radial-gradient(circle closest-side,transparent 0%,transparent 50%,rgba(0,0,0,.26)50%,rgba(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,.26)25px,rgba(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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.mdl-slider__container,.mdl-slider__background-flex{background:0 0;display:-webkit-flex;display:-ms-flexbox;display:flex}.mdl-slider__background-flex{position:absolute;height:2px;width:calc(100% - 52px);top:50%;left:0;margin:0 26px;overflow:hidden;border:0;padding:0;-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}.mdl-slider__background-lower{background:#3f51b5}.mdl-slider__background-lower,.mdl-slider__background-upper{-webkit-flex:0;-ms-flex:0;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(0,0,0,.26);transition:left .18s cubic-bezier(.4,0,.2,1)}.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:transform .25s cubic-bezier(.4,0,1,1);transition:transform .25s cubic-bezier(.4,0,1,1),-webkit-transform .25s cubic-bezier(.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:transform .25s cubic-bezier(0,0,.2,1);transition:transform .25s cubic-bezier(0,0,.2,1),-webkit-transform .25s cubic-bezier(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:#fff;float:left}.mdl-snackbar__action{background:0 0;border:none;color:#ff4081;float:right;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}.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:#42a5f5}.mdl-spinner--single-color .mdl-spinner__layer-1{border-color:#3f51b5}.mdl-spinner.is-active .mdl-spinner__layer-1{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__layer-2{border-color:#f44336}.mdl-spinner--single-color .mdl-spinner__layer-2{border-color:#3f51b5}.mdl-spinner.is-active .mdl-spinner__layer-2{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__layer-3{border-color:#fdd835}.mdl-spinner--single-color .mdl-spinner__layer-3{border-color:#3f51b5}.mdl-spinner.is-active .mdl-spinner__layer-3{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__layer-4{border-color:#4caf50}.mdl-spinner--single-color .mdl-spinner__layer-4{border-color:#3f51b5}.mdl-spinner.is-active .mdl-spinner__layer-4{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,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)}}@-webkit-keyframes mdl-spinner__layer-1-fade-in-out{from,25%{opacity:.99}26%,89%{opacity:0}90%,100%{opacity:.99}}@keyframes mdl-spinner__layer-1-fade-in-out{from,25%{opacity:.99}26%,89%{opacity:0}90%,100%{opacity:.99}}@-webkit-keyframes mdl-spinner__layer-2-fade-in-out{from,15%{opacity:0}25%,50%{opacity:.99}51%{opacity:0}}@keyframes mdl-spinner__layer-2-fade-in-out{from,15%{opacity:0}25%,50%{opacity:.99}51%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-3-fade-in-out{from,40%{opacity:0}50%,75%{opacity:.99}76%{opacity:0}}@keyframes mdl-spinner__layer-3-fade-in-out{from,40%{opacity:0}50%,75%{opacity:.99}76%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-4-fade-in-out{from,65%{opacity:0}75%,90%{opacity:.99}100%{opacity:0}}@keyframes mdl-spinner__layer-4-fade-in-out{from,65%{opacity:0}75%,90%{opacity:.99}100%{opacity:0}}.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(.4,0,.2,1)infinite both;animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,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(.4,0,.2,1)infinite both;animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,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)}}.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,.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,.5)}.mdl-switch__track fieldset[disabled] .mdl-switch,.mdl-switch.is-disabled .mdl-switch__track{background:rgba(0,0,0,.12);cursor:auto}.mdl-switch__thumb{background:#fafafa;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,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:left}.mdl-switch.is-checked .mdl-switch__thumb{background:#3f51b5;left:16px;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-switch__thumb fieldset[disabled] .mdl-switch,.mdl-switch.is-disabled .mdl-switch__thumb{background:#bdbdbd;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 0 20px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper{box-shadow:0 0 0 20px rgba(63,81,181,.26);background-color:rgba(63,81,181,.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:#bdbdbd;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,#fff,#000);transition-duration:.4s;transition-timing-function:step-end;transition-property:left}.mdl-switch__ripple-container .mdl-ripple{background:#3f51b5}.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:0 0}.mdl-switch.is-checked .mdl-switch__ripple-container{left:2px}.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;margin:0;border-bottom:1px solid #e0e0e0}.mdl-tabs__tab{margin:0;border:none;padding: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,.54);overflow:hidden}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:rgba(0,0,0,.87)}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:#3f51b5;-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-tabs__tab .mdl-tabs__ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;overflow:hidden}.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple{background:#3f51b5}.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%}}.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,.12);display:block;font-size:16px;font-family:"Helvetica","Arial",sans-serif;margin:0;padding:4px 0;width:100%;background:0 0;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:#d50000;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,.12);color:rgba(0,0,0,.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(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:.2s;transition-timing-function:cubic-bezier(.4,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,.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:#3f51b5;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:#d50000;font-size:12px}.mdl-textfield__label:after{background-color:#3f51b5;bottom:20px;content:'';height:2px;left:45%;position:absolute;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,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:#d50000}.mdl-textfield__error{color:#d50000;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:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;max-width:.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}.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,.9);border-radius:2px;color:#fff;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,.2,1)forwards;animation:pulse 200ms cubic-bezier(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(.99);transform:scale(.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(.99);transform:scale(.99)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}.mdl-shadow--2dp{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)}.mdl-shadow--3dp{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-shadow--4dp{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)}.mdl-shadow--6dp{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.mdl-shadow--8dp{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.mdl-shadow--16dp{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.mdl-shadow--24dp{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)}.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;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.mdl-grid.mdl-grid--no-spacing{padding:0}.mdl-cell{box-sizing:border-box}.mdl-cell--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.mdl-cell--middle{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.mdl-cell--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.mdl-cell--stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.mdl-grid.mdl-grid--no-spacing>.mdl-cell{margin:0}.mdl-cell--order-1{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12{-webkit-order:12;-ms-flex-order:12;order:12}@media (max-width:479px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:100%}.mdl-cell--hide-phone{display:none!important}.mdl-cell--order-1-phone.mdl-cell--order-1-phone{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-phone.mdl-cell--order-2-phone{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-phone.mdl-cell--order-3-phone{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-phone.mdl-cell--order-4-phone{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-phone.mdl-cell--order-5-phone{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-phone.mdl-cell--order-6-phone{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-phone.mdl-cell--order-7-phone{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-phone.mdl-cell--order-8-phone{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-phone.mdl-cell--order-9-phone{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-phone.mdl-cell--order-10-phone{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-phone.mdl-cell--order-11-phone{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-phone.mdl-cell--order-12-phone{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-phone.mdl-cell--1-col-phone{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone{width:25%}.mdl-cell--2-col,.mdl-cell--2-col-phone.mdl-cell--2-col-phone{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone{width:50%}.mdl-cell--3-col,.mdl-cell--3-col-phone.mdl-cell--3-col-phone{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone{width:75%}.mdl-cell--4-col,.mdl-cell--4-col-phone.mdl-cell--4-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone{width:100%}.mdl-cell--5-col,.mdl-cell--5-col-phone.mdl-cell--5-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone{width:100%}.mdl-cell--6-col,.mdl-cell--6-col-phone.mdl-cell--6-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone{width:100%}.mdl-cell--7-col,.mdl-cell--7-col-phone.mdl-cell--7-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone{width:100%}.mdl-cell--8-col,.mdl-cell--8-col-phone.mdl-cell--8-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone{width:100%}.mdl-cell--9-col,.mdl-cell--9-col-phone.mdl-cell--9-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone{width:100%}.mdl-cell--10-col,.mdl-cell--10-col-phone.mdl-cell--10-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone{width:100%}.mdl-cell--11-col,.mdl-cell--11-col-phone.mdl-cell--11-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone{width:100%}.mdl-cell--12-col,.mdl-cell--12-col-phone.mdl-cell--12-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone{margin-left:25%}.mdl-cell--2-offset,.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone{margin-left:50%}.mdl-cell--3-offset,.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone{margin-left:75%}}@media (min-width:480px) and (max-width:839px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:50%}.mdl-cell--hide-tablet{display:none!important}.mdl-cell--order-1-tablet.mdl-cell--order-1-tablet{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-tablet.mdl-cell--order-2-tablet{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-tablet.mdl-cell--order-3-tablet{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-tablet.mdl-cell--order-4-tablet{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-tablet.mdl-cell--order-5-tablet{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-tablet.mdl-cell--order-6-tablet{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-tablet.mdl-cell--order-7-tablet{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-tablet.mdl-cell--order-8-tablet{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-tablet.mdl-cell--order-9-tablet{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-tablet.mdl-cell--order-10-tablet{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-tablet.mdl-cell--order-11-tablet{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-tablet.mdl-cell--order-12-tablet{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:calc(12.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:12.5%}.mdl-cell--2-col,.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:25%}.mdl-cell--3-col,.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:calc(37.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:37.5%}.mdl-cell--4-col,.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:50%}.mdl-cell--5-col,.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:calc(62.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:62.5%}.mdl-cell--6-col,.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:75%}.mdl-cell--7-col,.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:calc(87.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:87.5%}.mdl-cell--8-col,.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:100%}.mdl-cell--9-col,.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:100%}.mdl-cell--10-col,.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:100%}.mdl-cell--11-col,.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:100%}.mdl-cell--12-col,.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet{margin-left:calc(12.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet{margin-left:12.5%}.mdl-cell--2-offset,.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:25%}.mdl-cell--3-offset,.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:calc(37.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:37.5%}.mdl-cell--4-offset,.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:50%}.mdl-cell--5-offset,.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:calc(62.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:62.5%}.mdl-cell--6-offset,.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:75%}.mdl-cell--7-offset,.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:calc(87.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:87.5%}}@media (min-width:840px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(33.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:33.3333333333%}.mdl-cell--hide-desktop{display:none!important}.mdl-cell--order-1-desktop.mdl-cell--order-1-desktop{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-desktop.mdl-cell--order-2-desktop{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-desktop.mdl-cell--order-3-desktop{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-desktop.mdl-cell--order-4-desktop{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-desktop.mdl-cell--order-5-desktop{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-desktop.mdl-cell--order-6-desktop{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-desktop.mdl-cell--order-7-desktop{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-desktop.mdl-cell--order-8-desktop{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-desktop.mdl-cell--order-9-desktop{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-desktop.mdl-cell--order-10-desktop{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-desktop.mdl-cell--order-11-desktop{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-desktop.mdl-cell--order-12-desktop{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:calc(8.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:8.3333333333%}.mdl-cell--2-col,.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:calc(16.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:16.6666666667%}.mdl-cell--3-col,.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:25%}.mdl-cell--4-col,.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:calc(33.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:33.3333333333%}.mdl-cell--5-col,.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:calc(41.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:41.6666666667%}.mdl-cell--6-col,.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:50%}.mdl-cell--7-col,.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:calc(58.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:58.3333333333%}.mdl-cell--8-col,.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:calc(66.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:66.6666666667%}.mdl-cell--9-col,.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:75%}.mdl-cell--10-col,.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:calc(83.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:83.3333333333%}.mdl-cell--11-col,.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:calc(91.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:91.6666666667%}.mdl-cell--12-col,.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop{margin-left:calc(8.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop{margin-left:8.3333333333%}.mdl-cell--2-offset,.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:calc(16.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:16.6666666667%}.mdl-cell--3-offset,.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:25%}.mdl-cell--4-offset,.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop{margin-left:calc(33.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop{margin-left:33.3333333333%}.mdl-cell--5-offset,.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:calc(41.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:41.6666666667%}.mdl-cell--6-offset,.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:50%}.mdl-cell--7-offset,.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop{margin-left:calc(58.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop{margin-left:58.3333333333%}.mdl-cell--8-offset,.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:calc(66.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:66.6666666667%}.mdl-cell--9-offset,.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:75%}.mdl-cell--10-offset,.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop{margin-left:calc(83.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop{margin-left:83.3333333333%}.mdl-cell--11-offset,.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:calc(91.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:91.6666666667%}}
/*# sourceMappingURL=material.min.css.map */

.mdl-selectfield{position:relative;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;vertical-align:middle;line-height:20px;font-size:16px;padding:20px 0;z-index:inherit}.mdl-selectfield__select{visibility:visible;font-size:16px;margin:2px 0 3px 0;padding:0;width:100%}.mdl-selectfield__label{color:rgba(0,0,0, 0.26);vertical-align:middle;bottom:0;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-selectfield.is-dirty .mdl-selectfield__label,.mdl-selectfield.is-focused .mdl-selectfield__label{visibility:hidden}.mdl-selectfield--floating-label .mdl-selectfield__label{transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label,.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label{color:rgb(63,81,181);font-size:12px;top:4px;visibility:visible}.mdl-selectfield.is-disabled.is-disabled .mdl-selectfield__label{color:rgba(0,0,0, 0.26)}.mdl-selectfield.is-invalid .mdl-selectfield__label{color:rgb(213,0,0)}.mdl-selectfield__error{color:rgb(213,0,0);position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block;white-space:nowrap}.mdl-selectfield.is-invalid .mdl-selectfield__error{visibility:visible}.mdl-selectfield.is-focused .mdl-selectfield__error,.mdl-selectfield--floating-label.is-focused .mdl-selectfield__error{visibility:hidden}.mdl-selectfield__box{position:absolute;top:24px;left:0;right:0;bottom:19px;border-bottom:1px solid rgba(0,0,0, 0.12);outline:none;overflow:hidden;cursor:pointer}.mdl-selectfield__box>.mdl-selectfield__arrow-down__container{position:absolute;top:50%;margin-top:-4px;right:0;height:5px;width:10px;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-left:7px;padding-right:7px}.mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down{display:block;width:0;height:0;outline:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0, 0.26)}.mdl-selectfield.is-invalid .mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down{border-top-color:rgb(213,0,0)}.mdl-selectfield.is-focused .mdl-selectfield__box>.mdl-selectfield__arrow-down__container{visibility:hidden}.mdl-selectfield__box .mdl-selectfield__box-value{position:absolute;left:0;top:0;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;outline:none;white-space:nowrap;width:92%;overflow:hidden}.mdl-selectfield.is-focused .mdl-selectfield__box{outline:none;visibility:hidden}.mdl-selectfield.is-invalid .mdl-selectfield__box{border-color:rgb(213,0,0)}.mdl-selectfield.is-disabled .mdl-selectfield__box{border-bottom:1px dotted rgba(0,0,0, 0.12);color:rgba(0,0,0, 0.26)}.mdl-selectfield__list-option-box{position:absolute;left:0;top:24px;right:0;display:none;background:rgb(255,255,255);margin:0;padding:0;border:none;border-radius:2px;opacity: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);transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1);z-index:-1;min-width:124px;max-height:300px;overflow-x:hidden;overflow-y:auto}.mdl-selectfield__list-option-box ul{margin:0;padding:5px 0;list-style:none}.mdl-selectfield__list-option-box ul>li{font-size:16px;color:rgba(33,33,33,0.87);line-height:19px;min-height:19px;padding:10px 14px 8px 14px;transition:background-color cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;outline:none;box-sizing:content-box}.mdl-selectfield__list-option-box ul>li:hover,.mdl-selectfield__list-option-box ul>li.is-selected{background-color:#f8f8f8}.mdl-selectfield__list-option-box ul>li.is-disabled{color:rgba(0,0,0, 0.26);background-color:rgb(255,255,255);cursor:default}.mdl-selectfield.is-focused .mdl-selectfield__list-option-box{display:block;opacity:1;z-index:999}

/*# sourceMappingURL=mdl-selectfield.min.css.map */

dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

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

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
  display: inline-block; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 5630px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 13px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5241px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5307px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("../img/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }

/* Default tab style */

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'stroke7pixeden';
	src:url('../fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb');
	src:url('../fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'),
		url('../fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb') format('woff'),
		url('../fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb') format('truetype'),
		url('../fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');
}

.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1.25em;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;
}

.tabs nav li.tab-current a {
	color: #74777b;
}

.tabs nav a:focus {
	outline: none;
}

/* Icons */
.icon::before {
	z-index: 10;
	display: inline-block;
	margin: 0 0.4em 0 0;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.3em;
	font-family: 'stroke7pixeden';
	line-height: 1;
	speak: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-upload::before {
	content: "\e68a";
}
.icon-tools::before {
	content: "\e60a";
}
.icon-plane::before {
	content: "\e625";
}
.icon-joy::before {
	content: "\e6a4";
}
.icon-plug::before {
	content: "\e69a";
}
.icon-home::before {
	content: "\e648";
}
.icon-gift::before {
	content: "\e652";
}
.icon-display::before {
	content: "\e65e";
}
.icon-date::before {
	content: "\e660";
}
.icon-config::before {
	content: "\e666";
}
.icon-coffee::before {
	content: "\e669";
}
.icon-camera::before {
	content: "\e66f";
}
.icon-box::before {
	content: "\e674";
}

/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 1em;
	max-width: 1200px;
	text-align: center;
}

.content-wrap section.content-current {
	display: block;
}

/*.content-wrap section p {
	margin: 0;
	padding: 0.75em 0;
	color: rgba(40,44,42,0.05);
	font-weight: 900;
	font-size: 4em;
	line-height: 1;
}*/

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		display: none;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}

.e-waitpopup-pane.e-widget.e-gridwaitingpopup{
    display: none !important;
}
/** BEGIN CSS **/
.loading__overlay {
    background: transparent;
    position: fixed;
    z-index: 100000001;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .8;
    display: none;
    justify-content: center;
    align-items: center;
}

.loading__overlay.loading__is-active {
    display: flex;
}



@keyframes rotate-loading {
        0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.loading__container,
.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}


.loading__container {
    margin: 40px auto
}

.loading {
    border: 2px solid transparent;
    border-color: transparent #E45635 transparent #E45635;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading__container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}

.loading__container:hover .loading,
.loading__container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.loading__text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #E45635;
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 10px;
    font-weight: bold;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}

.hide {
    opacity: 0;
    display: none !important;
    visibility: hidden;
}

.leads-list__pagesize__text.e-pager {
    margin: 0 10px 0 0;
    border: none;
    background: transparent;
}

.leads-list__pagesize input {
    border: none;
}

.leads-list__pagesize {
    display: flex;
    width: 100px;
    justify-content: center;
    align-items: center;
}

.allocation__container {
    position: relative;
}

.allocation__overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    align-items: center;
    opacity: 1;
    color: white;
    width: 78%;
    padding: 10px 20px 10px 10px;
    background-color: #333;
    border-radius: 20px;
    pointer-events: none;
    text-align: center;
    overflow: hidden;
}

.allocation {
    text-align: center;
    text-align-last: center;
}

.leads-list__filter input {
    border: none;
    background: transparent;
}

.e-headercell.e-headercellsort .e-headercelldiv {
    display: inline-block;
}

.e-headercell.e-headercellsort .e-icon.e-sortadjust {
    margin: 0;
    display: inline-block;
    float: none;
}

.e-rowcell.e-gridellipsis {
    cursor: pointer !important;
}

.custom-table-row {
    display: flex;
    justify-content: flex-start;
}

    .custom-table-row a {
        color: #000;
        text-decoration: none;
        text-align: left;
        display: block;
        width: 100%;
    }



.e-headercell:last-child {
    text-align: center;
}

.e-headercell.e-default.th-center{
    position: relative;
}


.e-headercell.e-default.th-center .e-headercelldiv {
    position: absolute;
    left:0;
    top: 0;
    right: 0;
    bottom: 0;
}
@charset "UTF-8";

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

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

@font-face {
    font-family: 'robotoregular';
    src: url("../fonts/roboto-regular-webfont.eot");
    src: url("../fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff"), url("../fonts/roboto-regular-webfont.ttf") format("truetype"), url("../fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'robotomedium';
    src: url("../fonts/roboto-medium-webfont.eot");
    src: url("../fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-medium-webfont.woff2") format("woff2"), url("../fonts/roboto-medium-webfont.woff") format("woff"), url("../fonts/roboto-medium-webfont.ttf") format("truetype"), url("../fonts/roboto-medium-webfont.svg#robotomedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/MaterialIcons-Regular.eot");
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/MaterialIcons-Regular.woff") format("woff"), url("../fonts/MaterialIcons-Regular.ttf") format("truetype");
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

/*@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?pisva');
    src: url('../fonts/icomoon.eot?pisva#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?pisva') format('truetype'), url('../fonts/icomoon.woff?pisva') format('woff'), url('../fonts/icomoon.svg?pisva#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/* previous style from previous selection.json 
   always save the previous after each iteration of new icons
*/
/*
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?iugkx1");
  src: url("../fonts/icomoon.eot?iugkx1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?iugkx1") format("truetype"), url("../fonts/icomoon.woff?iugkx1") format("woff"), url("../fonts/icomoon.svg?iugkx1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
*/

/* new style from new selection.json created from icomoon app 
   ticket 4834

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?sbvqu4');
    src: url('../fonts/icomoon.eot?sbvqu4#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?sbvqu4') format('truetype'), url('../fonts/icomoon.woff?sbvqu4') format('woff'), url('../fonts/icomoon.svg?sbvqu4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

*/

/* END TASK #4834 / #6126 */


/* BEGIN BUG_6366 */
/*@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?q0457b');
    src: url('../fonts/icomoon.eot?q0457b#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?q0457b') format('truetype'), url('../fonts/icomoon.woff?q0457b') format('woff'), url('../fonts/icomoon.svg?q0457b#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}*/

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    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;
}

/* Task 7018 */
/*@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?fio2kr');
    src: url('../fonts/icomoon.eot?fio2kr#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?fio2kr') format('truetype'), url('../fonts/icomoon.woff?fio2kr') format('woff'), url('../fonts/icomoon.svg?fio2kr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}*/

/*Task 2923*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?q6p7py');
    src: url('../fonts/icomoon.eot?q6p7py#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?q6p7py') format('truetype'), url('../fonts/icomoon.woff?q6p7py') format('woff'), url('../fonts/icomoon.svg?q6p7py#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.icon-tree:before {
    content: "\ea01";
}
/* end Task 7018 */

/* icon-cash updated to icon-parking-permit for item-name: Parking permit required? */
.icon-parking-permit:before {
    content: "\e9ff";
}

/* END BUG_6366 */

/* icon-bag updated to icon-elevator for item-name: Is there an elevator? */
.icon-elevator:before {
    content: "\ea04";
}

/* icon-long-carry updated to new icon-steps for item-name : Will there be longcarry?*/
.icon-steps:before {
    content: "\ea05";
}

/* icon-insurance updated to icon-motorcycle for item-name: Motorcycle */
.icon-motorcycle:before {
    content: "\ea02";
}

/* icon-keys updated to icon-weight for item-name: Heavy item */
.icon-weight:before {
    content: "\ea03";
}

.icon-customs-clearance:before {
    content: "\ea00";
}
/* END #4834 */


.icon-long-carry:before {
    content: "\e9f5";
}

.icon-protect-mechanical:before {
    content: "\e9f6";
}

.icon-protect-mold:before {
    content: "\e9f7";
}

.icon-protect-pair:before {
    content: "\e9f8";
}

.icon-risk-ad-valorem:before {
    content: "\e9f9";
}

.icon-risk-depreciation:before {
    content: "\e9fa";
}

.icon-risk-depreciation-none:before {
    content: "\e9fb";
}

.icon-scissor-lift:before {
    content: "\e9fc";
}

.icon-shuttle:before {
    content: "\e9fd";
}

.icon-total-loss:before {
    content: "\e9fe";
}

.icon-hourglass:before {
    content: "\e9f4";
}

.icon-tools-box:before {
    content: "\e9f3";
}

.icon-building:before {
    content: "\e9ee";
}

.icon-crew:before {
    content: "\e9ef";
}

.icon-follow-up-arrow:before {
    content: "\e9f0";
}

.icon-mover:before {
    content: "\e9f1";
}

.icon-two-way:before {
    content: "\e9f2";
}

.icon-Collection-from-Terminal-V12:before {
    content: "\e9ec";
}

.icon-Packaging-Material-Collection-V6:before {
    content: "\e9ed";
}

.icon-handling-operation:before {
    content: "\e9e8";
}

.icon-exit-from-warehouse:before {
    content: "\e9e9";
}

.icon-locating:before {
    content: "\e9ea";
}

.icon-entry-into-warehouse:before {
    content: "\e9eb";
}

.icon-noInsurance:before {
    content: "\e9e7";
}

.icon-Packing:before {
    content: "\e9dd";
}

.icon-Door-to-Door:before {
    content: "\e9de";
}

.icon-Packing-Material-Delivery:before {
    content: "\e9df";
}

.icon-Packaging-Material-Collection-V1:before {
    content: "\e9e0";
}

.icon-Packaging-Material-Collection-V2:before {
    content: "\e9e1";
}

.icon-Packaging-Material-Collection-V3:before {
    content: "\e9e2";
}

.icon-Delivery:before {
    content: "\e9e3";
}

.icon-Re-delivery:before {
    content: "\e9e4";
}

.icon-Collection-of-Goods-from-Warehouse:before {
    content: "\e9e5";
}

.icon-Empty-Container-Return:before {
    content: "\e9e6";
}

.icon-accounting:before {
    content: "\e9dc";
}

.icon-others:before {
    content: "\e9d3";
}

.icon-linked-to:before {
    content: "\e9db";
}

.icon-main-contact:before {
    content: "\e9d1";
}

.icon-is-in-pal:before {
    content: "\e9d1";
}

.icon-container-lifted:before {
    content: "\e9d0";
}

.icon-custom-info:before {
    content: "\e9cd";
}

.icon-miscellaneous:before {
    content: "\e9ce";
}

.icon-terms:before {
    content: "\e9cf";
}

.icon-volume-shift:before {
    content: "\e9cc";
}

.icon-booking-agent:before {
    content: "\e9cb";
}

.icon-add-new:before {
    content: "\e9c5";
}

.icon-comment-alternate:before {
    content: "\e9c6";
}

.icon-handshake:before {
    content: "\e9c7";
}

.icon-info-simple:before {
    content: "\e9c8";
}

.icon-person:before {
    content: "\e9c9";
}

.icon-quality:before {
    content: "\e9ca";
}

.icon-package-material-delivery:before {
    content: "\e9c3";
}

.icon-packing-material-collection:before {
    content: "\e9c4";
}

.icon-service-ops-freight:before {
    content: "\e9c2";
}

.icon-crm-group:before {
    content: "\e9c1";
}

.icon-complementary-services:before {
    content: "\e9c0";
}

.icon-decline:before {
    content: "\e9bf";
}

.icon-sla:before {
    content: "\e9be";
}

.icon-compass:before {
    content: "\e9b9";
}

.icon-list-details:before {
    content: "\e9ba";
}

.icon-multi-operation:before {
    content: "\e9bb";
}

.icon-planner:before {
    content: "\e9bc";
}

.icon-sea-global:before {
    content: "\e9bd";
}

.icon-settings-filled:before {
    content: "\e9b8";
}

.icon-armchair:before {
    content: "\e9aa";
}

.icon-carpet:before {
    content: "\e9ab";
}

.icon-chair:before {
    content: "\e9ac";
}

.icon-chest-drawer:before {
    content: "\e9ad";
}

.icon-coat-rack:before {
    content: "\e9ae";
}

.icon-dollar:before {
    content: "\e9af";
}

.icon-euro:before {
    content: "\e9b0";
}

.icon-mirror:before {
    content: "\e9b1";
}

.icon-other-item:before {
    content: "\e9b2";
}

.icon-picture:before {
    content: "\e9b3";
}

.icon-pound:before {
    content: "\e9b4";
}

.icon-ruble:before {
    content: "\e9b5";
}

.icon-table:before {
    content: "\e9b6";
}

.icon-umbrella-stand:before {
    content: "\e9b7";
}

.icon-attic:before {
    content: "\e9a2";
}

.icon-bathroom:before {
    content: "\e9a3";
}

.icon-bedroom:before {
    content: "\e9a4";
}

.icon-cellar:before {
    content: "\e9a5";
}

.icon-garage:before {
    content: "\e9a6";
}

.icon-kitchen:before {
    content: "\e9a7";
}

.icon-livingroom:before {
    content: "\e9a8";
}

.icon-studyroom:before {
    content: "\e9a9";
}

.icon-dinning-room:before {
    content: "\e9a0";
}

.icon-lobby:before {
    content: "\e9a1";
}

.icon-pdf:before {
    content: "\e99f";
}

.icon-dollar-sign:before {
    content: "\e99e";
}

.icon-hide:before {
    content: "\e99d";
}

.icon-download:before {
    content: "\e999";
}

.icon-save:before {
    content: "\e99a";
}

.icon-line-menu:before {
    content: "\e99b";
}

.icon-print:before {
    content: "\e99c";
}

.icon-sales-amount:before {
    content: "\e997";
}

.icon-approved:before {
    content: "\e998";
}

.icon-archive:before {
    content: "\e996";
}

.icon-freight-sales:before {
    content: "\e993";
}

.icon-payment:before {
    content: "\e994";
}

.icon-switcher:before {
    content: "\e995";
}

.icon-origin-service:before {
    content: "\e98d";
}

.icon-freight:before {
    content: "\e98e";
}

.icon-cart:before {
    content: "\e98f";
}

.icon-destination-service:before {
    content: "\e990";
}

.icon-sales:before {
    content: "\e991";
}

.icon-summary:before {
    content: "\e992";
}

.icon-arrow-inout:before {
    content: "\e983";
}

.icon-balance:before {
    content: "\e98b";
}

.icon-claim:before {
    content: "\e98c";
}

.icon-add-new-service:before {
    content: "\e984";
}

.icon-communication:before {
    content: "\e985";
}

.icon-inventory:before {
    content: "\e986";
}

.icon-operations:before {
    content: "\e987";
}

.icon-quality-survey:before {
    content: "\e988";
}

.icon-rates:before {
    content: "\e989";
}

.icon-tracking:before {
    content: "\e98a";
}

.icon-acknowledge:before {
    content: "\e982";
}

.icon-calendar-event:before {
    content: "\e97c";
}

.icon-call-back:before {
    content: "\e97d";
}

.icon-follow-up:before {
    content: "\e97e";
}

.icon-meeting:before {
    content: "\e97f";
}

.icon-proposal:before {
    content: "\e980";
}

.icon-visit:before {
    content: "\e981";
}

.icon-records:before {
    content: "\e97b";
}

.icon-drag-drop:before {
    content: "\e976";
}

.icon-handle:before {
    content: "\e977";
}

.icon-handyman:before {
    content: "\e978";
}

.icon-maid:before {
    content: "\e979";
}

.icon-origin:before {
    content: "\e97a";
}

.icon-contract:before {
    content: "\e974";
}

.icon-process:before {
    content: "\e975";
}

.icon-map:before {
    content: "\e972";
}

.icon-map-hide:before {
    content: "\e973";
}

.icon-documents:before {
    content: "\e971";
}

.icon-badge:before {
    content: "\e96c";
}

.icon-badgesheet:before {
    content: "\e96d";
}

.icon-bag:before {
    content: "\e96e";
}

.icon-bank:before {
    content: "\e96f";
}

.icon-keys:before {
    content: "\e970";
}

.icon-caution:before {
    content: "\e96b";
}

.icon-deptor:before {
    content: "\e96a";
}

.icon-duplicate:before {
    content: "\e967";
}

.icon-update:before {
    content: "\e968";
}

.icon-actions:before {
    content: "\e969";
}

.icon-assignee:before {
    content: "\e964";
}

.icon-corporate:before {
    content: "\e965";
}

.icon-sub-contractor:before {
    content: "\e966";
}

.icon-incoming:before {
    content: "\e960";
}

.icon-outgoing:before {
    content: "\e961";
}

.icon-business-alert:before {
    content: "\e962";
}

.icon-contact:before {
    content: "\e963";
}

.icon-minus:before {
    content: "\e95f";
}

.icon-checklist:before {
    content: "\e95b";
}

.icon-external:before {
    content: "\e95c";
}

.icon-inclusion:before {
    content: "\e95d";
}

.icon-more-flat:before {
    content: "\e95e";
}

.icon-flag-full:before {
    content: "\e95a";
}

.icon-cash:before {
    content: "\e956";
}

.icon-cheque:before {
    content: "\e957";
}

.icon-credit:before {
    content: "\e958";
}

.icon-eft:before {
    content: "\e959";
}

.icon-margin:before {
    content: "\e955";
}

.icon-document:before {
    content: "\e953";
}

.icon-notifications-2:before {
    content: "\e954";
}

.icon-place-stroked:before {
    content: "\e93e";
}

.icon-piano:before {
    content: "\e93f";
}

.icon-activity:before {
    content: "\e940";
}

.icon-comment-squared:before {
    content: "\e941";
}

.icon-comment-squared-full:before {
    content: "\e942";
}

.icon-cursor:before {
    content: "\e943";
}

.icon-financial:before {
    content: "\e944";
}

.icon-history:before {
    content: "\e945";
}

.icon-incoming-call:before {
    content: "\e946";
}

.icon-increase:before {
    content: "\e947";
}

.icon-info-rounded:before {
    content: "\e948";
}

.icon-like:before {
    content: "\e949";
}

.icon-won:before {
    content: "\e949";
}

.icon-lost:before {
    content: "\e949";
}

.icon-lost {
    transform: rotate(180deg);
}

.icon-pet:before {
    content: "\e94a";
}

.icon-portal:before {
    content: "\e94b";
}

.icon-quote:before {
    content: "\e94c";
}

.icon-report:before {
    content: "\e94d";
}

.icon-status:before {
    content: "\e94e";
}

.icon-tips:before {
    content: "\e94f";
}

.icon-vehicle:before {
    content: "\e950";
}

.icon-view:before {
    content: "\e951";
}

.icon-volume:before {
    content: "\e952";
}

.icon-resend:before {
    content: "\e93d";
}

.icon-address:before {
    content: "\e935";
}

.icon-crates:before {
    content: "\e936";
}

.icon-flag:before {
    content: "\e937";
}

.icon-goods:before {
    content: "\e938";
}

.icon-insurance:before {
    content: "\e939";
}

.icon-liftvans:before {
    content: "\e93a";
}

.icon-logistics:before {
    content: "\e93b";
}

.icon-port:before {
    content: "\e93c";
}

.icon-fullscreen:before {
    content: "\e934";
}

.icon-people:before {
    content: "\e933";
}

.icon-add-services:before {
    content: "\e92d";
}

.icon-comment:before {
    content: "\e92e";
}

.icon-multiple-mode:before {
    content: "\e92f";
}

.icon-relocation:before {
    content: "\e930";
}

.icon-removal:before {
    content: "\e931";
}

.icon-tasks:before {
    content: "\e932";
}

.icon-send-mail:before {
    content: "\e92b";
}

.icon-user:before {
    content: "\e92c";
}

.icon-delete:before {
    content: "\e928";
}

.icon-delivery:before {
    content: "\e929";
}

.icon-packing:before {
    content: "\e92a";
}

.icon-air:before {
    content: "\e922";
}

.icon-door:before {
    content: "\e923";
}

.icon-road:before {
    content: "\e924";
}

.icon-sea:before {
    content: "\e925";
}

.icon-terminal:before {
    content: "\e926";
}

.icon-warehouse:before {
    content: "\e927";
}

.icon-add-file:before {
    content: "\e920";
}

.icon-place:before {
    content: "\e921";
}

.icon-filter:before {
    content: "\e91f";
}

.icon-leads:before {
    content: "\e91e";
}

.icon-lang-de:before {
    content: "\e91a";
}

.icon-lang-es:before {
    content: "\e91b";
}

.icon-lang-fr:before {
    content: "\e91c";
}

.icon-lang-it:before {
    content: "\e91d";
}

.icon-info:before {
    content: "\e919";
}

.icon-notifications:before {
    content: "\e918";
}

.icon-bi:before {
    content: "\e900";
}

.icon-crm:before {
    content: "\e901";
}

.icon-intranet:before {
    content: "\e902";
}

.icon-chevron-left:before {
    content: "\e903";
}

.icon-chevron-right:before {
    content: "\e904";
}

.icon-arrow-down:before {
    content: "\e905";
}

.icon-arrow-left:before {
    content: "\e906";
}

.icon-arrow-right:before {
    content: "\e907";
}

.icon-arrow-up:before {
    content: "\e908";
}

.icon-calendar:before {
    content: "\e909";
}

.icon-create-lead:before {
    content: "\e90a";
}

.icon-date:before {
    content: "\e90b";
}

.icon-edit:before {
    content: "\e90c";
}

.icon-home:before {
    content: "\e90d";
}

.icon-lang-en:before {
    content: "\e90e";
}

.icon-logout:before {
    content: "\e90f";
}

.icon-mail:before {
    content: "\e910";
}

.icon-phone:before {
    content: "\e911";
}

.icon-phonebook:before {
    content: "\e912";
}

.icon-refresh:before {
    content: "\e913";
}

.icon-search:before {
    content: "\e914";
}

.icon-settings:before {
    content: "\e915";
}

.icon-tick:before {
    content: "\e916";
}

.icon-todo:before {
    content: "\e917";
}

.icon-sap-Exit:before {
    content: "\e9d8";
    color: #4d56a4;
}

.icon-sap-btn-add:before {
    content: "\e9d7";
    color: #41b983;
}

.icon-overall-target:before {
    content: "\e9d2";
}

.icon-action-plans:before {
    content: "\e9d4";
    color: #a5a5a5;
}

.icon-opportunities-challenges:before {
    content: "\e9d5";
    color: #a5a5a5;
}

.icon-target-per-salesrep:before {
    content: "\e9d6";
    color: #a5a5a5;
}

.icon-top-accounts:before {
    content: "\e9d9";
    color: #a5a5a5;
}

.icon-top-targets:before {
    content: "\e9da";
    color: #a5a5a5;
}

.icon-ticketing:before {
    content: "\ea06";
}

.icon-tree:before {
    content: "\ea01";
}

.icon-folder-open:before {
    content: "\1f5c1";
}

.icon-folder-open {
    margin-right: 10px !important;
}

.theme-pelichet .mdl-button.btn-primary {
    background: #f47d20;
}

    .theme-pelichet .mdl-button.btn-primary:hover {
        border: 1px solid #f47d20;
        color: #f47d20;
    }

.theme-pelichet .mdl-button.btn-primary-bordered {
    border: 1px solid #f47d20;
    color: #f47d20;
}

    .theme-pelichet .mdl-button.btn-primary-bordered:hover {
        background: #f47d20;
    }

.theme-pelichet .mdl-badge[data-badge]:after {
    background: #f47d20;
}

.theme-pelichet .spinner {
    stroke: #f47d20;
}

.theme-pelichet .e-buttonactive.e-select.e-flat, .theme-pelichet .e-btndone.e-select.e-flat {
    background: #f47d20 !important;
}

    .theme-pelichet .e-buttonactive.e-select.e-flat:hover, .theme-pelichet .e-btndone.e-select.e-flat:hover {
        border: 1px solid #f47d20;
        color: #f47d20;
    }

.theme-pelichet .e-cancelrecur.e-select.e-flat, .theme-pelichet .e-appointcancel.e-select.e-flat {
    border: 1px solid #f47d20;
    color: #f47d20;
}

    .theme-pelichet .e-cancelrecur.e-select.e-flat:hover, .theme-pelichet .e-appointcancel.e-select.e-flat:hover {
        background: #f47d20 !important;
    }

.theme-pelichet .e-datewidget.e-active .e-select {
    color: #f47d20;
}

.theme-pelichet .e-datepicker .today {
    color: #f47d20;
}

.theme-pelichet .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-pelichet .e-btn.e-select.e-flat {
    color: #f47d20;
}

.theme-pelichet .e-schedule .e-activeview {
    border-bottom: 2px solid #f47d20;
}

.theme-pelichet .e-schedule .e-highlightcurrenttimeline, .theme-pelichet .e-schedule .e-currenttime {
    background: #f47d20;
}

.theme-pelichet .e-schedule .e-timeidicatorcircle {
    color: #f47d20;
}

.theme-pelichet .e-schedule .e-appointment, .theme-pelichet .e-schedule .e-monthappointment, .theme-pelichet .e-schedule .e-agendacolordiv {
    background: #f47d20;
}

.theme-pelichet .e-scheduledialog .e-detailedapp {
    border: 1px solid #f47d20;
    color: #f47d20;
}

.theme-pelichet .e-scheduledialog .e-editevents {
    color: #f47d20;
}

.theme-pelichet .e-ddl-popup .e-active {
    color: #f47d20;
}

    .theme-pelichet .e-ddl-popup .e-active.e-hover {
        color: #f47d20;
    }

.theme-pelichet .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #f47d20;
}

.theme-pelichet .app-layout__header .mdl-menu.is-new:after {
    background: #f47d20;
}

.theme-pelichet .app-layout__header .mdl-menu .mdl-chip {
    background: #f47d20;
}

.theme-pelichet .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #f47d20;
    border-left: 3px solid #f47d20;
}

.theme-pelichet .breadcrumb__item.is-active h1 {
    color: #f47d20;
}

.theme-pelichet .dashboard-lead .mdl-button:hover {
    border: 1px solid #f47d20;
    color: #f47d20;
}

.theme-pelichet .custom-card--bordered {
    border-bottom: 3px solid #f47d20;
}

.theme-pelichet .leads-list__header > .mdl-button.is-active {
    color: #f47d20;
    border-bottom: 1px solid #f47d20;
}

    .theme-pelichet .leads-list__header > .mdl-button.is-active .btn-count {
        background: #f47d20;
    }

.theme-pelichet .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #f47d20;
}

.theme-froesch .mdl-button.btn-primary {
    background: #0c4da2;
}

    .theme-froesch .mdl-button.btn-primary:hover {
        border: 1px solid #0c4da2;
        color: #0c4da2;
    }

.theme-froesch .mdl-button.btn-primary-bordered {
    border: 1px solid #0c4da2;
    color: #0c4da2;
}

    .theme-froesch .mdl-button.btn-primary-bordered:hover {
        background: #0c4da2;
    }

.theme-froesch .mdl-badge[data-badge]:after {
    background: #0c4da2;
}

.theme-froesch .spinner {
    stroke: #0c4da2;
}

.theme-froesch .e-buttonactive.e-select.e-flat, .theme-froesch .e-btndone.e-select.e-flat {
    background: #0c4da2 !important;
}

    .theme-froesch .e-buttonactive.e-select.e-flat:hover, .theme-froesch .e-btndone.e-select.e-flat:hover {
        border: 1px solid #0c4da2;
        color: #0c4da2;
    }

.theme-froesch .e-cancelrecur.e-select.e-flat, .theme-froesch .e-appointcancel.e-select.e-flat {
    border: 1px solid #0c4da2;
    color: #0c4da2;
}

    .theme-froesch .e-cancelrecur.e-select.e-flat:hover, .theme-froesch .e-appointcancel.e-select.e-flat:hover {
        background: #0c4da2 !important;
    }

.theme-froesch .e-datewidget.e-active .e-select {
    color: #0c4da2;
}

.theme-froesch .e-datepicker .today {
    color: #0c4da2;
}

.theme-froesch .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-froesch .e-btn.e-select.e-flat {
    color: #0c4da2;
}

.theme-froesch .e-schedule .e-activeview {
    border-bottom: 2px solid #0c4da2;
}

.theme-froesch .e-schedule .e-highlightcurrenttimeline, .theme-froesch .e-schedule .e-currenttime {
    background: #0c4da2;
}

.theme-froesch .e-schedule .e-timeidicatorcircle {
    color: #0c4da2;
}

.theme-froesch .e-schedule .e-appointment, .theme-froesch .e-schedule .e-monthappointment, .theme-froesch .e-schedule .e-agendacolordiv {
    background: #0c4da2;
}

.theme-froesch .e-scheduledialog .e-detailedapp {
    border: 1px solid #0c4da2;
    color: #0c4da2;
}

.theme-froesch .e-scheduledialog .e-editevents {
    color: #0c4da2;
}

.theme-froesch .e-ddl-popup .e-active {
    color: #0c4da2;
}

    .theme-froesch .e-ddl-popup .e-active.e-hover {
        color: #0c4da2;
    }

.theme-froesch .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #0c4da2;
}

.theme-froesch .app-layout__header .mdl-menu.is-new:after {
    background: #0c4da2;
}

.theme-froesch .app-layout__header .mdl-menu .mdl-chip {
    background: #0c4da2;
}

.theme-froesch .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #0c4da2;
    border-left: 3px solid #0c4da2;
}

.theme-froesch .breadcrumb__item.is-active h1 {
    color: #0c4da2;
}

.theme-froesch .dashboard-lead .mdl-button:hover {
    border: 1px solid #0c4da2;
    color: #0c4da2;
}

.theme-froesch .custom-card--bordered {
    border-bottom: 3px solid #0c4da2;
}

.theme-froesch .leads-list__header > .mdl-button.is-active {
    color: #0c4da2;
    border-bottom: 1px solid #0c4da2;
}

    .theme-froesch .leads-list__header > .mdl-button.is-active .btn-count {
        background: #0c4da2;
    }

.theme-froesch .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #0c4da2;
}

.theme-executive-relocations .mdl-button.btn-primary {
    background: #0076c0;
}

    .theme-executive-relocations .mdl-button.btn-primary:hover {
        border: 1px solid #0076c0;
        color: #0076c0;
    }

.theme-executive-relocations .mdl-button.btn-primary-bordered {
    border: 1px solid #0076c0;
    color: #0076c0;
}

    .theme-executive-relocations .mdl-button.btn-primary-bordered:hover {
        background: #0076c0;
    }

.theme-executive-relocations .mdl-badge[data-badge]:after {
    background: #0076c0;
}

.theme-executive-relocations .spinner {
    stroke: #0076c0;
}

.theme-executive-relocations .e-buttonactive.e-select.e-flat, .theme-executive-relocations .e-btndone.e-select.e-flat {
    background: #0076c0 !important;
}

    .theme-executive-relocations .e-buttonactive.e-select.e-flat:hover, .theme-executive-relocations .e-btndone.e-select.e-flat:hover {
        border: 1px solid #0076c0;
        color: #0076c0;
    }

.theme-executive-relocations .e-cancelrecur.e-select.e-flat, .theme-executive-relocations .e-appointcancel.e-select.e-flat {
    border: 1px solid #0076c0;
    color: #0076c0;
}

    .theme-executive-relocations .e-cancelrecur.e-select.e-flat:hover, .theme-executive-relocations .e-appointcancel.e-select.e-flat:hover {
        background: #0076c0 !important;
    }

.theme-executive-relocations .e-datewidget.e-active .e-select {
    color: #0076c0;
}

.theme-executive-relocations .e-datepicker .today {
    color: #0076c0;
}

.theme-executive-relocations .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-executive-relocations .e-btn.e-select.e-flat {
    color: #0076c0;
}

.theme-executive-relocations .e-schedule .e-activeview {
    border-bottom: 2px solid #0076c0;
}

.theme-executive-relocations .e-schedule .e-highlightcurrenttimeline, .theme-executive-relocations .e-schedule .e-currenttime {
    background: #0076c0;
}

.theme-executive-relocations .e-schedule .e-timeidicatorcircle {
    color: #0076c0;
}

.theme-executive-relocations .e-schedule .e-appointment, .theme-executive-relocations .e-schedule .e-monthappointment, .theme-executive-relocations .e-schedule .e-agendacolordiv {
    background: #0076c0;
}

.theme-executive-relocations .e-scheduledialog .e-detailedapp {
    border: 1px solid #0076c0;
    color: #0076c0;
}

.theme-executive-relocations .e-scheduledialog .e-editevents {
    color: #0076c0;
}

.theme-executive-relocations .e-ddl-popup .e-active {
    color: #0076c0;
}

    .theme-executive-relocations .e-ddl-popup .e-active.e-hover {
        color: #0076c0;
    }

.theme-executive-relocations .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #0076c0;
}

.theme-executive-relocations .app-layout__header .mdl-menu.is-new:after {
    background: #0076c0;
}

.theme-executive-relocations .app-layout__header .mdl-menu .mdl-chip {
    background: #0076c0;
}

.theme-executive-relocations .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #0076c0;
    border-left: 3px solid #0076c0;
}

.theme-executive-relocations .breadcrumb__item.is-active h1 {
    color: #0076c0;
}

.theme-executive-relocations .dashboard-lead .mdl-button:hover {
    border: 1px solid #0076c0;
    color: #0076c0;
}

.theme-executive-relocations .custom-card--bordered {
    border-bottom: 3px solid #0076c0;
}

.theme-executive-relocations .leads-list__header > .mdl-button.is-active {
    color: #0076c0;
    border-bottom: 1px solid #0076c0;
}

    .theme-executive-relocations .leads-list__header > .mdl-button.is-active .btn-count {
        background: #0076c0;
    }

.theme-executive-relocations .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #0076c0;
}

.theme-pickfords .mdl-button.btn-primary {
    background: #023e7c;
}

    .theme-pickfords .mdl-button.btn-primary:hover {
        border: 1px solid #023e7c;
        color: #023e7c;
    }

.theme-pickfords .mdl-button.btn-primary-bordered {
    border: 1px solid #023e7c;
    color: #023e7c;
}

    .theme-pickfords .mdl-button.btn-primary-bordered:hover {
        background: #023e7c;
    }

.theme-pickfords .mdl-badge[data-badge]:after {
    background: #023e7c;
}

.theme-pickfords .spinner {
    stroke: #023e7c;
}

.theme-pickfords .e-buttonactive.e-select.e-flat, .theme-pickfords .e-btndone.e-select.e-flat {
    background: #023e7c !important;
}

    .theme-pickfords .e-buttonactive.e-select.e-flat:hover, .theme-pickfords .e-btndone.e-select.e-flat:hover {
        border: 1px solid #023e7c;
        color: #023e7c;
    }

.theme-pickfords .e-cancelrecur.e-select.e-flat, .theme-pickfords .e-appointcancel.e-select.e-flat {
    border: 1px solid #023e7c;
    color: #023e7c;
}

    .theme-pickfords .e-cancelrecur.e-select.e-flat:hover, .theme-pickfords .e-appointcancel.e-select.e-flat:hover {
        background: #023e7c !important;
    }

.theme-pickfords .e-datewidget.e-active .e-select {
    color: #023e7c;
}

.theme-pickfords .e-datepicker .today {
    color: #023e7c;
}

.theme-pickfords .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-pickfords .e-btn.e-select.e-flat {
    color: #023e7c;
}

.theme-pickfords .e-schedule .e-activeview {
    border-bottom: 2px solid #023e7c;
}

.theme-pickfords .e-schedule .e-highlightcurrenttimeline, .theme-pickfords .e-schedule .e-currenttime {
    background: #023e7c;
}

.theme-pickfords .e-schedule .e-timeidicatorcircle {
    color: #023e7c;
}

.theme-pickfords .e-schedule .e-appointment, .theme-pickfords .e-schedule .e-monthappointment, .theme-pickfords .e-schedule .e-agendacolordiv {
    background: #023e7c;
}

.theme-pickfords .e-scheduledialog .e-detailedapp {
    border: 1px solid #023e7c;
    color: #023e7c;
}

.theme-pickfords .e-scheduledialog .e-editevents {
    color: #023e7c;
}

.theme-pickfords .e-ddl-popup .e-active {
    color: #023e7c;
}

    .theme-pickfords .e-ddl-popup .e-active.e-hover {
        color: #023e7c;
    }

.theme-pickfords .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #023e7c;
}

.theme-pickfords .app-layout__header .mdl-menu.is-new:after {
    background: #023e7c;
}

.theme-pickfords .app-layout__header .mdl-menu .mdl-chip {
    background: #023e7c;
}

.theme-pickfords .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #023e7c;
    border-left: 3px solid #023e7c;
}

.theme-pickfords .breadcrumb__item.is-active h1 {
    color: #023e7c;
}

.theme-pickfords .dashboard-lead .mdl-button:hover {
    border: 1px solid #023e7c;
    color: #023e7c;
}

.theme-pickfords .custom-card--bordered {
    border-bottom: 3px solid #023e7c;
}

.theme-pickfords .leads-list__header > .mdl-button.is-active {
    color: #023e7c;
    border-bottom: 1px solid #023e7c;
}

    .theme-pickfords .leads-list__header > .mdl-button.is-active .btn-count {
        background: #023e7c;
    }

.theme-pickfords .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #023e7c;
}

.theme-pietsch-services .mdl-button.btn-primary {
    background: #00ab4f;
}

    .theme-pietsch-services .mdl-button.btn-primary:hover {
        border: 1px solid #00ab4f;
        color: #00ab4f;
    }

.theme-pietsch-services .mdl-button.btn-primary-bordered {
    border: 1px solid #00ab4f;
    color: #00ab4f;
}

    .theme-pietsch-services .mdl-button.btn-primary-bordered:hover {
        background: #00ab4f;
    }

.theme-pietsch-services .mdl-badge[data-badge]:after {
    background: #00ab4f;
}

.theme-pietsch-services .spinner {
    stroke: #00ab4f;
}

.theme-pietsch-services .e-buttonactive.e-select.e-flat, .theme-pietsch-services .e-btndone.e-select.e-flat {
    background: #00ab4f !important;
}

    .theme-pietsch-services .e-buttonactive.e-select.e-flat:hover, .theme-pietsch-services .e-btndone.e-select.e-flat:hover {
        border: 1px solid #00ab4f;
        color: #00ab4f;
    }

.theme-pietsch-services .e-cancelrecur.e-select.e-flat, .theme-pietsch-services .e-appointcancel.e-select.e-flat {
    border: 1px solid #00ab4f;
    color: #00ab4f;
}

    .theme-pietsch-services .e-cancelrecur.e-select.e-flat:hover, .theme-pietsch-services .e-appointcancel.e-select.e-flat:hover {
        background: #00ab4f !important;
    }

.theme-pietsch-services .e-datewidget.e-active .e-select {
    color: #00ab4f;
}

.theme-pietsch-services .e-datepicker .today {
    color: #00ab4f;
}

.theme-pietsch-services .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-pietsch-services .e-btn.e-select.e-flat {
    color: #00ab4f;
}

.theme-pietsch-services .e-schedule .e-activeview {
    border-bottom: 2px solid #00ab4f;
}

.theme-pietsch-services .e-schedule .e-highlightcurrenttimeline, .theme-pietsch-services .e-schedule .e-currenttime {
    background: #00ab4f;
}

.theme-pietsch-services .e-schedule .e-timeidicatorcircle {
    color: #00ab4f;
}

.theme-pietsch-services .e-schedule .e-appointment, .theme-pietsch-services .e-schedule .e-monthappointment, .theme-pietsch-services .e-schedule .e-agendacolordiv {
    background: #00ab4f;
}

.theme-pietsch-services .e-scheduledialog .e-detailedapp {
    border: 1px solid #00ab4f;
    color: #00ab4f;
}

.theme-pietsch-services .e-scheduledialog .e-editevents {
    color: #00ab4f;
}

.theme-pietsch-services .e-ddl-popup .e-active {
    color: #00ab4f;
}

    .theme-pietsch-services .e-ddl-popup .e-active.e-hover {
        color: #00ab4f;
    }

.theme-pietsch-services .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #00ab4f;
}

.theme-pietsch-services .app-layout__header .mdl-menu.is-new:after {
    background: #00ab4f;
}

.theme-pietsch-services .app-layout__header .mdl-menu .mdl-chip {
    background: #00ab4f;
}

.theme-pietsch-services .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #00ab4f;
    border-left: 3px solid #00ab4f;
}

.theme-pietsch-services .breadcrumb__item.is-active h1 {
    color: #00ab4f;
}

.theme-pietsch-services .dashboard-lead .mdl-button:hover {
    border: 1px solid #00ab4f;
    color: #00ab4f;
}

.theme-pietsch-services .custom-card--bordered {
    border-bottom: 3px solid #00ab4f;
}

.theme-pietsch-services .leads-list__header > .mdl-button.is-active {
    color: #00ab4f;
    border-bottom: 1px solid #00ab4f;
}

    .theme-pietsch-services .leads-list__header > .mdl-button.is-active .btn-count {
        background: #00ab4f;
    }

.theme-pietsch-services .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #00ab4f;
}

.theme-sandton-office-removals .mdl-button.btn-primary {
    background: #004812;
}

    .theme-sandton-office-removals .mdl-button.btn-primary:hover {
        border: 1px solid #004812;
        color: #004812;
    }

.theme-sandton-office-removals .mdl-button.btn-primary-bordered {
    border: 1px solid #004812;
    color: #004812;
}

    .theme-sandton-office-removals .mdl-button.btn-primary-bordered:hover {
        background: #004812;
    }

.theme-sandton-office-removals .mdl-badge[data-badge]:after {
    background: #004812;
}

.theme-sandton-office-removals .spinner {
    stroke: #004812;
}

.theme-sandton-office-removals .e-buttonactive.e-select.e-flat, .theme-sandton-office-removals .e-btndone.e-select.e-flat {
    background: #004812 !important;
}

    .theme-sandton-office-removals .e-buttonactive.e-select.e-flat:hover, .theme-sandton-office-removals .e-btndone.e-select.e-flat:hover {
        border: 1px solid #004812;
        color: #004812;
    }

.theme-sandton-office-removals .e-cancelrecur.e-select.e-flat, .theme-sandton-office-removals .e-appointcancel.e-select.e-flat {
    border: 1px solid #004812;
    color: #004812;
}

    .theme-sandton-office-removals .e-cancelrecur.e-select.e-flat:hover, .theme-sandton-office-removals .e-appointcancel.e-select.e-flat:hover {
        background: #004812 !important;
    }

.theme-sandton-office-removals .e-datewidget.e-active .e-select {
    color: #004812;
}

.theme-sandton-office-removals .e-datepicker .today {
    color: #004812;
}

.theme-sandton-office-removals .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-sandton-office-removals .e-btn.e-select.e-flat {
    color: #004812;
}

.theme-sandton-office-removals .e-schedule .e-activeview {
    border-bottom: 2px solid #004812;
}

.theme-sandton-office-removals .e-schedule .e-highlightcurrenttimeline, .theme-sandton-office-removals .e-schedule .e-currenttime {
    background: #004812;
}

.theme-sandton-office-removals .e-schedule .e-timeidicatorcircle {
    color: #004812;
}

.theme-sandton-office-removals .e-schedule .e-appointment, .theme-sandton-office-removals .e-schedule .e-monthappointment, .theme-sandton-office-removals .e-schedule .e-agendacolordiv {
    background: #004812;
}

.theme-sandton-office-removals .e-scheduledialog .e-detailedapp {
    border: 1px solid #004812;
    color: #004812;
}

.theme-sandton-office-removals .e-scheduledialog .e-editevents {
    color: #004812;
}

.theme-sandton-office-removals .e-ddl-popup .e-active {
    color: #004812;
}

    .theme-sandton-office-removals .e-ddl-popup .e-active.e-hover {
        color: #004812;
    }

.theme-sandton-office-removals .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #004812;
}

.theme-sandton-office-removals .app-layout__header .mdl-menu.is-new:after {
    background: #004812;
}

.theme-sandton-office-removals .app-layout__header .mdl-menu .mdl-chip {
    background: #004812;
}

.theme-sandton-office-removals .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #004812;
    border-left: 3px solid #004812;
}

.theme-sandton-office-removals .breadcrumb__item.is-active h1 {
    color: #004812;
}

.theme-sandton-office-removals .dashboard-lead .mdl-button:hover {
    border: 1px solid #004812;
    color: #004812;
}

.theme-sandton-office-removals .custom-card--bordered {
    border-bottom: 3px solid #004812;
}

.theme-sandton-office-removals .leads-list__header > .mdl-button.is-active {
    color: #004812;
    border-bottom: 1px solid #004812;
}

    .theme-sandton-office-removals .leads-list__header > .mdl-button.is-active .btn-count {
        background: #004812;
    }

.theme-sandton-office-removals .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #004812;
}

.theme-stuttaford-vanlines .mdl-button.btn-primary {
    background: #7a003c;
}

    .theme-stuttaford-vanlines .mdl-button.btn-primary:hover {
        border: 1px solid #7a003c;
        color: #7a003c;
    }

.theme-stuttaford-vanlines .mdl-button.btn-primary-bordered {
    border: 1px solid #7a003c;
    color: #7a003c;
}

    .theme-stuttaford-vanlines .mdl-button.btn-primary-bordered:hover {
        background: #7a003c;
    }

.theme-stuttaford-vanlines .mdl-badge[data-badge]:after {
    background: #7a003c;
}

.theme-stuttaford-vanlines .spinner {
    stroke: #7a003c;
}

.theme-stuttaford-vanlines .e-buttonactive.e-select.e-flat, .theme-stuttaford-vanlines .e-btndone.e-select.e-flat {
    background: #7a003c !important;
}

    .theme-stuttaford-vanlines .e-buttonactive.e-select.e-flat:hover, .theme-stuttaford-vanlines .e-btndone.e-select.e-flat:hover {
        border: 1px solid #7a003c;
        color: #7a003c;
    }

.theme-stuttaford-vanlines .e-cancelrecur.e-select.e-flat, .theme-stuttaford-vanlines .e-appointcancel.e-select.e-flat {
    border: 1px solid #7a003c;
    color: #7a003c;
}

    .theme-stuttaford-vanlines .e-cancelrecur.e-select.e-flat:hover, .theme-stuttaford-vanlines .e-appointcancel.e-select.e-flat:hover {
        background: #7a003c !important;
    }

.theme-stuttaford-vanlines .e-datewidget.e-active .e-select {
    color: #7a003c;
}

.theme-stuttaford-vanlines .e-datepicker .today {
    color: #7a003c;
}

.theme-stuttaford-vanlines .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-stuttaford-vanlines .e-btn.e-select.e-flat {
    color: #7a003c;
}

.theme-stuttaford-vanlines .e-schedule .e-activeview {
    border-bottom: 2px solid #7a003c;
}

.theme-stuttaford-vanlines .e-schedule .e-highlightcurrenttimeline, .theme-stuttaford-vanlines .e-schedule .e-currenttime {
    background: #7a003c;
}

.theme-stuttaford-vanlines .e-schedule .e-timeidicatorcircle {
    color: #7a003c;
}

.theme-stuttaford-vanlines .e-schedule .e-appointment, .theme-stuttaford-vanlines .e-schedule .e-monthappointment, .theme-stuttaford-vanlines .e-schedule .e-agendacolordiv {
    background: #7a003c;
}

.theme-stuttaford-vanlines .e-scheduledialog .e-detailedapp {
    border: 1px solid #7a003c;
    color: #7a003c;
}

.theme-stuttaford-vanlines .e-scheduledialog .e-editevents {
    color: #7a003c;
}

.theme-stuttaford-vanlines .e-ddl-popup .e-active {
    color: #7a003c;
}

    .theme-stuttaford-vanlines .e-ddl-popup .e-active.e-hover {
        color: #7a003c;
    }

.theme-stuttaford-vanlines .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #7a003c;
}

.theme-stuttaford-vanlines .app-layout__header .mdl-menu.is-new:after {
    background: #7a003c;
}

.theme-stuttaford-vanlines .app-layout__header .mdl-menu .mdl-chip {
    background: #7a003c;
}

.theme-stuttaford-vanlines .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #7a003c;
    border-left: 3px solid #7a003c;
}

.theme-stuttaford-vanlines .breadcrumb__item.is-active h1 {
    color: #7a003c;
}

.theme-stuttaford-vanlines .dashboard-lead .mdl-button:hover {
    border: 1px solid #7a003c;
    color: #7a003c;
}

.theme-stuttaford-vanlines .custom-card--bordered {
    border-bottom: 3px solid #7a003c;
}

.theme-stuttaford-vanlines .leads-list__header > .mdl-button.is-active {
    color: #7a003c;
    border-bottom: 1px solid #7a003c;
}

    .theme-stuttaford-vanlines .leads-list__header > .mdl-button.is-active .btn-count {
        background: #7a003c;
    }

.theme-stuttaford-vanlines .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #7a003c;
}

.theme-tray-international .mdl-button.btn-primary {
    background: #d31f28;
}

    .theme-tray-international .mdl-button.btn-primary:hover {
        border: 1px solid #d31f28;
        color: #d31f28;
    }

.theme-tray-international .mdl-button.btn-primary-bordered {
    border: 1px solid #d31f28;
    color: #d31f28;
}

    .theme-tray-international .mdl-button.btn-primary-bordered:hover {
        background: #d31f28;
    }

.theme-tray-international .mdl-badge[data-badge]:after {
    background: #d31f28;
}

.theme-tray-international .spinner {
    stroke: #d31f28;
}

.theme-tray-international .e-buttonactive.e-select.e-flat, .theme-tray-international .e-btndone.e-select.e-flat {
    background: #d31f28 !important;
}

    .theme-tray-international .e-buttonactive.e-select.e-flat:hover, .theme-tray-international .e-btndone.e-select.e-flat:hover {
        border: 1px solid #d31f28;
        color: #d31f28;
    }

.theme-tray-international .e-cancelrecur.e-select.e-flat, .theme-tray-international .e-appointcancel.e-select.e-flat {
    border: 1px solid #d31f28;
    color: #d31f28;
}

    .theme-tray-international .e-cancelrecur.e-select.e-flat:hover, .theme-tray-international .e-appointcancel.e-select.e-flat:hover {
        background: #d31f28 !important;
    }

.theme-tray-international .e-datewidget.e-active .e-select {
    color: #d31f28;
}

.theme-tray-international .e-datepicker .today {
    color: #d31f28;
}

.theme-tray-international .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-tray-international .e-btn.e-select.e-flat {
    color: #d31f28;
}

.theme-tray-international .e-schedule .e-activeview {
    border-bottom: 2px solid #d31f28;
}

.theme-tray-international .e-schedule .e-highlightcurrenttimeline, .theme-tray-international .e-schedule .e-currenttime {
    background: #d31f28;
}

.theme-tray-international .e-schedule .e-timeidicatorcircle {
    color: #d31f28;
}

.theme-tray-international .e-schedule .e-appointment, .theme-tray-international .e-schedule .e-monthappointment, .theme-tray-international .e-schedule .e-agendacolordiv {
    background: #d31f28;
}

.theme-tray-international .e-scheduledialog .e-detailedapp {
    border: 1px solid #d31f28;
    color: #d31f28;
}

.theme-tray-international .e-scheduledialog .e-editevents {
    color: #d31f28;
}

.theme-tray-international .e-ddl-popup .e-active {
    color: #d31f28;
}

    .theme-tray-international .e-ddl-popup .e-active.e-hover {
        color: #d31f28;
    }

.theme-tray-international .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #d31f28;
}

.theme-tray-international .app-layout__header .mdl-menu.is-new:after {
    background: #d31f28;
}

.theme-tray-international .app-layout__header .mdl-menu .mdl-chip {
    background: #d31f28;
}

.theme-tray-international .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #d31f28;
    border-left: 3px solid #d31f28;
}

.theme-tray-international .breadcrumb__item.is-active h1 {
    color: #d31f28;
}

.theme-tray-international .dashboard-lead .mdl-button:hover {
    border: 1px solid #d31f28;
    color: #d31f28;
}

.theme-tray-international .custom-card--bordered {
    border-bottom: 3px solid #d31f28;
}

.theme-tray-international .leads-list__header > .mdl-button.is-active {
    color: #d31f28;
    border-bottom: 1px solid #d31f28;
}

    .theme-tray-international .leads-list__header > .mdl-button.is-active .btn-count {
        background: #d31f28;
    }

.theme-tray-international .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #d31f28;
}

.theme-ags-solutions .mdl-button.btn-primary {
    background: #ba2025;
}

    .theme-ags-solutions .mdl-button.btn-primary:hover {
        border: 1px solid #ba2025;
        color: #ba2025;
    }

.theme-ags-solutions .mdl-button.btn-primary-bordered {
    border: 1px solid #ba2025;
    color: #ba2025;
}

    .theme-ags-solutions .mdl-button.btn-primary-bordered:hover {
        background: #ba2025;
    }

.theme-ags-solutions .mdl-badge[data-badge]:after {
    background: #ba2025;
}

.theme-ags-solutions .spinner {
    stroke: #ba2025;
}

.theme-ags-solutions .e-buttonactive.e-select.e-flat, .theme-ags-solutions .e-btndone.e-select.e-flat {
    background: #ba2025 !important;
}

    .theme-ags-solutions .e-buttonactive.e-select.e-flat:hover, .theme-ags-solutions .e-btndone.e-select.e-flat:hover {
        border: 1px solid #ba2025;
        color: #ba2025;
    }

.theme-ags-solutions .e-cancelrecur.e-select.e-flat, .theme-ags-solutions .e-appointcancel.e-select.e-flat {
    border: 1px solid #ba2025;
    color: #ba2025;
}

    .theme-ags-solutions .e-cancelrecur.e-select.e-flat:hover, .theme-ags-solutions .e-appointcancel.e-select.e-flat:hover {
        background: #ba2025 !important;
    }

.theme-ags-solutions .e-datewidget.e-active .e-select {
    color: #ba2025;
}

.theme-ags-solutions .e-datepicker .today {
    color: #ba2025;
}

.theme-ags-solutions .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .theme-ags-solutions .e-btn.e-select.e-flat {
    color: #ba2025;
}

.theme-ags-solutions .e-schedule .e-activeview {
    border-bottom: 2px solid #ba2025;
}

.theme-ags-solutions .e-schedule .e-highlightcurrenttimeline, .theme-ags-solutions .e-schedule .e-currenttime {
    background: #ba2025;
}

.theme-ags-solutions .e-schedule .e-timeidicatorcircle {
    color: #ba2025;
}

.theme-ags-solutions .e-schedule .e-appointment, .theme-ags-solutions .e-schedule .e-monthappointment, .theme-ags-solutions .e-schedule .e-agendacolordiv {
    background: #ba2025;
}

.theme-ags-solutions .e-scheduledialog .e-detailedapp {
    border: 1px solid #ba2025;
    color: #ba2025;
}

.theme-ags-solutions .e-scheduledialog .e-editevents {
    color: #ba2025;
}

.theme-ags-solutions .e-ddl-popup .e-active {
    color: #ba2025;
}

    .theme-ags-solutions .e-ddl-popup .e-active.e-hover {
        color: #ba2025;
    }

.theme-ags-solutions .e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #ba2025;
}

.theme-ags-solutions .app-layout__header .mdl-menu.is-new:after {
    background: #ba2025;
}

.theme-ags-solutions .app-layout__header .mdl-menu .mdl-chip {
    background: #ba2025;
}

.theme-ags-solutions .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
    color: #ba2025;
    border-left: 3px solid #ba2025;
}

.theme-ags-solutions .breadcrumb__item.is-active h1 {
    color: #ba2025;
}

.theme-ags-solutions .dashboard-lead .mdl-button:hover {
    border: 1px solid #ba2025;
    color: #ba2025;
}

.theme-ags-solutions .custom-card--bordered {
    border-bottom: 3px solid #ba2025;
}

.theme-ags-solutions .leads-list__header > .mdl-button.is-active {
    color: #ba2025;
    border-bottom: 1px solid #ba2025;
}

    .theme-ags-solutions .leads-list__header > .mdl-button.is-active .btn-count {
        background: #ba2025;
    }

.theme-ags-solutions .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
    color: #ba2025;
}

/* new color */
/* new color */
/* new color */
html,
body {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #1a1a1a;
}

.mdl-button {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    transition: all 0.3s ease-in;
}

.mdl-button--lg {
    height: 70px !important;
    line-height: 70px !important;
}

.mdl-button i {
    transition: all 0.3s ease-in;
}

.mdl-button:not(.mdl-button--icon) {
    height: 45px;
    line-height: 45px;
}

.mdl-button:hover {
    background: #dcdcdc;
}

    .mdl-button:hover i {
        transition: all 0.3s ease-in;
    }

.mdl-button.btn-auto-height {
    height: auto;
    line-height: normal;
}

.mdl-button.btn-h--65 {
    height: 65px !important;
}

.mdl-button.btn-bordered {
    border: 1px solid #dcdcdc;
}

    .mdl-button.btn-bordered:hover {
        border: 1px solid #757575;
    }

.mdl-button.btn-bordered--dark {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

    .mdl-button.btn-bordered--dark:hover {
        border: 1px solid rgba(0, 0, 0, 0.12);
    }

.mdl-button.btn-primary {
    background: #cc0000;
    border: 1px solid transparent;
    color: #ffffff;
}

    .mdl-button.btn-primary:hover, .mdl-button.btn-primary.is-active {
        background: #ffffff;
        border: 1px solid #cc0000;
        color: #cc0000;
    }

.mdl-button.btn-primary-bordered {
    border: 1px solid #cc0000;
    color: #cc0000;
}

    .mdl-button.btn-primary-bordered:hover {
        background: #cc0000;
        border: 1px solid transparent;
        color: #ffffff;
    }

.mdl-button.btn-secondary {
    background: #1a1a1a;
    border: 1px solid transparent;
    color: #ffffff;
}

    .mdl-button.btn-secondary:hover {
        background: #ffffff;
        border: 1px solid #1a1a1a;
        color: #1a1a1a;
    }

.mdl-button.btn-secondary-bordered {
    border: 1px solid #1a1a1a;
    color: #1a1a1a;
}

    .mdl-button.btn-secondary-bordered:hover {
        background: #1a1a1a;
        border: 1px solid transparent;
        color: #ffffff;
    }

.mdl-button.btn-tertiary {
    background: #ffffff;
    border: 1px solid transparent;
    color: #1a1a1a;
}

    .mdl-button.btn-tertiary:hover, .mdl-button.btn-tertiary.is-active {
        background: #f6f6f6;
        border: 1px solid #9a9a9a;
        color: #9a9a9a;
    }

.mdl-button.btn-accent-1 {
    background: #29af7f;
    border: 1px solid transparent;
    color: #ffffff;
}

    .mdl-button.btn-accent-1:hover, .mdl-button.btn-accent-1.is-active {
        background: #f6f6f6;
        border: 1px solid #9a9a9a;
        color: #9a9a9a;
    }

.mdl-button.btn-accent-9 {
    background: #41b983;
    border: 1px solid transparent;
    color: #ffffff;
}

    .mdl-button.btn-accent-9 i {
        color: #ffffff;
    }

    .mdl-button.btn-accent-9:hover, .mdl-button.btn-accent-9.is-active {
        background: #ffffff;
        border: 1px solid #41b983;
        color: #4d56a4;
    }

        .mdl-button.btn-accent-9:hover i, .mdl-button.btn-accent-9.is-active i {
            color: #41b983;
        }

.mdl-button.btn-accent-9-bordered {
    border: 1px solid #41b983;
    color: #1a1a1a;
}

    .mdl-button.btn-accent-9-bordered i {
        color: #41b983;
    }

    .mdl-button.btn-accent-9-bordered:hover, .mdl-button.btn-accent-9-bordered.is-active {
        background: #41b983;
        border: 1px solid transparent;
        color: #ffffff;
    }

        .mdl-button.btn-accent-9-bordered:hover i, .mdl-button.btn-accent-9-bordered.is-active i {
            color: #ffffff;
        }

.mdl-button.btn-accent-10 {
    background: #4d56a4;
    border: 1px solid transparent;
    color: #ffffff;
}

    .mdl-button.btn-accent-10 i {
        color: #ffffff;
    }

    .mdl-button.btn-accent-10:hover, .mdl-button.btn-accent-10.is-active {
        background: #ffffff;
        border: 1px solid #4d56a4;
        color: #4d56a4;
    }

        .mdl-button.btn-accent-10:hover i, .mdl-button.btn-accent-10.is-active i {
            color: #4d56a4;
        }

.mdl-button.btn-accent-10-bordered {
    border: 1px solid #4d56a4;
    color: #1a1a1a;
}

    .mdl-button.btn-accent-10-bordered i {
        color: #4d56a4;
    }

    .mdl-button.btn-accent-10-bordered:hover, .mdl-button.btn-accent-10-bordered.is-active {
        background: #4d56a4;
        border: 1px solid transparent;
        color: #ffffff;
    }

        .mdl-button.btn-accent-10-bordered:hover i, .mdl-button.btn-accent-10-bordered.is-active i {
            color: #ffffff;
        }

.mdl-button.btn-accent-10-minimal {
    border: 1px solid transparent;
    color: #4d56a4;
}

    .mdl-button.btn-accent-10-minimal i {
        color: #4d56a4;
    }

    .mdl-button.btn-accent-10-minimal:hover, .mdl-button.btn-accent-10-minimal.is-active {
        background: #4d56a4;
        color: #ffffff;
    }

        .mdl-button.btn-accent-10-minimal:hover i, .mdl-button.btn-accent-10-minimal.is-active i {
            color: #ffffff;
        }

.mdl-button.lowercase {
    text-transform: none;
}

.mdl-button.btn-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mdl-button.btn-icon--no-text {
    justify-content: center;
    color: #a9a9a9;
}

    .mdl-button.btn-icon--no-text [class^="icon-"] {
        margin-right: 0 !important;
    }

.mdl-button.btn-icon [class^="icon-"] {
    margin-right: 10px;
    font-size: 20px;
    font-size: 1.4285714286rem;
    transition: all 0.3s ease-in;
}

.mdl-button.btn-icon--right [class^="icon-"] {
    margin-left: 10px;
    margin-right: 0;
}

.mdl-button.btn-icon--no-hover:hover {
    background: none;
}

.mdl-button.btn-icon--rounded-bordered {
    border-radius: 50%;
    border: 1px solid #a9a9a9;
    width: 42px;
    height: 42px;
    min-width: 42px;
}

.mdl-button.add-btn {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
}

.mdl-button.btn-pill {
    min-width: 235px;
    height: 55px;
    line-height: 55px;
    border-radius: 55px;
    background: transparent;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
    border: 1px solid #9a9a9a;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .mdl-button.btn-pill {
        min-width: 44%;
        margin: 0px 10px 0px 0px !important;
    }
}

@media screen and (max-width: 760px) {
    .mdl-button.btn-pill {
        min-width: 44%;
        margin: 0px 10px 0px 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .mdl-button.btn-pill {
        min-width: 40%;
        margin: 0px 10px 0px 0px !important;
    }
}

.mdl-button.btn-pill i {
    margin-top: -4px;
    margin-right: 10px;
    color: #41b983;
}

.mdl-button.btn-pill--xs, .mdl-button.btn-pill--sm, .mdl-button.btn-pill--fullwidth {
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
}

.mdl-button.btn-pill--xxs {
    min-width: 110px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
}

.mdl-button.btn-pill--xs {
    min-width: 135px;
}

.mdl-button.btn-pill--sm {
    min-width: 155px;
}

.mdl-button.btn-pill--fullwidth {
    width: 100%;
}

.mdl-button.btn-pill:hover {
    background: #41b983;
    color: #ffffff;
    border: 1px solid transparent;
}

    .mdl-button.btn-pill:hover i {
        color: #ffffff;
    }

.mdl-button.btn-pill:focus {
    background: #757575;
    color: #f6f6f6;
}

.mdl-button.btn-pill.borderless {
    border: 0;
}

.mdl-button.btn-pill--inactive {
    background: #d9d9d9;
}

.mdl-button.btn-pill--accent-color-10 {
    background: #4d56a4;
    border: 1px solid transparent;
    color: #ffffff;
}

    .mdl-button.btn-pill--accent-color-10:hover {
        background: transparent;
        border: 1px solid #4d56a4;
        color: #4d56a4;
    }

.mdl-button.btn-pill--color-transfered {
    background: #0064b4;
    border: 1px solid transparent;
    color: #ffffff;
}

    .mdl-button.btn-pill--color-transfered:hover {
        background: transparent;
        border: 1px solid #0064b4;
        color: #0064b4;
    }

        .mdl-button.btn-pill--color-transfered:hover i {
            color: #0064b4;
        }

    .mdl-button.btn-pill--color-transfered i {
        color: #ffffff;
    }

.mdl-button.btn-pill--light-color-2 {
    background: #f6f6f6;
    border: 1px solid transparent;
    color: #1a1a1a;
}

    .mdl-button.btn-pill--light-color-2:hover {
        background: transparent;
        border: 1px solid #949599;
        color: #949599;
    }

.mdl-button.btn-pill--flex {
    display: flex;
    align-items: center;
}

    .mdl-button.btn-pill--flex i {
        margin-top: 0;
    }

    .mdl-button.btn-pill--flex.color-icon--transfered i {
        color: #0064b4;
    }

.mdl-button.btn-pill--rectangle {
    border-radius: unset;
}

.mdl-button.btn-full-width {
    width: 100%;
}

.mdl-button.btn-min-width {
    width: auto;
    min-width: 110px;
}

.mdl-button--icon.btn-circle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    line-height: 45px;
    background: #f6f6f6;
}

    .mdl-button--icon.btn-circle [class^="icon-"] {
        font-size: 18px;
        font-size: 1.2857142857rem;
        color: #4d56a4;
    }

    .mdl-button--icon.btn-circle.grid-icon [class^="icon-"] {
        color: #a9a9a9;
    }

    .mdl-button--icon.btn-circle.grid-icon.is-active [class^="icon-"] {
        color: #4d56a4;
    }

@media screen and (max-width: 1440px) {
    .mdl-button--icon.btn-circle.grid-icon {
        width: 35px;
        min-width: 35px;
        height: 35px;
        line-height: 35px;
    }
}

.mdl-button.btn-view {
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
}

    .mdl-button.btn-view i {
        color: #41b983;
    }

.mdl-button.btn-remove i {
    color: #4d56a4;
}

.mdl-button.btn-remove:hover {
    background: #4d56a4;
}

    .mdl-button.btn-remove:hover i {
        color: #ffffff;
    }

.mdl-button.btn-app-viewmap {
    background: #41b983;
    color: #ffffff;
    position: absolute;
    bottom: 20px;
    right: 30px;
    border-radius: 45px;
    padding: 0 25px;
}

    .mdl-button.btn-app-viewmap [class^="icon-"] {
        margin-left: 17px;
        margin-right: 0;
    }

    .mdl-button.btn-app-viewmap.active .icon-map {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }

        .mdl-button.btn-app-viewmap.active .icon-map:before {
            content: "\e973";
        }

.mdl-button.btn-app-closesidemenu {
    display: none;
    background: transparent;
    color: #666666;
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px;
    height: auto;
    width: auto;
    min-width: auto;
    line-height: normal;
    z-index: 1;
    transition: all 0.4s ease-in-out 0s;
}

    .mdl-button.btn-app-closesidemenu [class^="icon-"] {
        margin-right: 17px;
        margin-left: 0;
    }

    .mdl-button.btn-app-closesidemenu.is-hide {
        transition: all 0.4s ease-in-out 0s;
        width: 0;
        overflow: hidden;
        padding: 0;
    }

.mdl-button.btn-app-sidemenu {
    background: #ffffff;
    color: #4d56a4;
    position: absolute;
    top: 19px;
    left: 30px;
    border-radius: 45px;
    padding: 11px;
    height: auto;
    width: auto;
    min-width: auto;
    z-index: 1;
    transition: all 0.4s ease-in-out 0s;
}

    .mdl-button.btn-app-sidemenu [class^="icon-"] {
        margin-right: 17px;
        margin-left: 0;
    }

    .mdl-button.btn-app-sidemenu.is-hide {
        transition: all 0.4s ease-in-out 0s;
        width: 0;
        overflow: hidden;
        padding: 0;
    }

.mdl-button.floating-btn {
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 20;
}

.add-btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    color: #9a9a9a;
}

.add-btn__icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #41b983;
    border-radius: 50%;
    line-height: 36px;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 1.7142857143rem;
    color: #41b983;
    text-align: center;
    box-sizing: border-box;
}

    .add-btn__icon [class^="icon-"] {
        font-size: 1.4rem !important;
        color: #41b983 !important;
    }

.add-btn__text {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
    transition: all 0.3s ease-in;
}

.add-btn:hover, .add-btn:focus, .add-btn:active {
    background: none;
}

    .add-btn:hover .add-btn__text, .add-btn:focus .add-btn__text, .add-btn:active .add-btn__text {
        color: #1a1a1a;
    }

    .add-btn:focus:not(:active) {
        background: none;
    }

.add-btn--full .add-btn__icon {
    background: #f6f6f6;
    border: none;
}

.mdl-selectfield + .add-btn, .mdl-textfield + .add-btn {
    flex: 1;
    margin-left: 20px;
}

    .mdl-selectfield + .add-btn .add-btn__icon, .mdl-textfield + .add-btn .add-btn__icon {
        margin-right: 0;
    }

.add-btn--sm {
    margin: 0;
}

    .add-btn--sm .add-btn__icon {
        border: 0;
        padding: 0;
        margin: 0;
        height: 20px;
        width: 14px;
        border-radius: 0;
        line-height: 18px;
        margin-right: 10px;
    }

.add-btn i {
    color: #41b983;
}

.mdl-badge[data-badge]:after {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    top: -6px !important;
    right: -6px !important;
    background: #cc0000;
    border: 2px solid #ffffff;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-size: 0.7857142857rem;
}

.mdl-dialog {
    max-width: 410px;
    width: 100%;
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
}

    .mdl-dialog::backdrop {
        background: rgba(255, 255, 255, 0.7);
    }

.mdl-dialog__title {
    padding: 20px;
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #ffffff;
    background: #333333;
}

.mdl-dialog__content {
    padding: 20px;
}

.mdl-dialog__content--col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mdl-dialog__content-left {
    width: 20%;
}

    .mdl-dialog__content-left [class^="icon-"] {
        font-size: 70px;
        font-size: 5rem;
        color: #f04b5a;
    }

.mdl-dialog__content-right {
    flex: 1;
}

.mdl-dialog__actions {
    padding: 0 20px 20px 20px;
}

.mdl-dialog__actions--bordered {
    padding: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.12);
}

.mdl-dialog h2 {
    margin: 0 0 10px 0;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 1.7142857143rem;
}

.mdl-dialog p {
    margin-bottom: 10px;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #9a9a9a;
}

.mdl-dialog.error-dialog h2 {
    color: #ea4041;
}

.mdl-dialog.success-dialog h2 {
    color: #0062aa;
}

.mdl-dialog .btn-ok {
    background: #cc0000;
    border: 1px solid transparent;
    color: #ffffff;
}

.mdl-dialog .btn-cancel {
    margin-right: 20px;
    color: #dcdcdc;
}

    .mdl-dialog .btn-cancel:hover {
        color: #757575;
    }

.mdl-dialog .radio-menu-list {
    height: auto;
    padding: 0;
}

    .mdl-dialog .radio-menu-list .dropdown-list__item {
        height: 44px;
        line-height: 44px;
    }

.mdl-dialog .close {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #ffffff;
    cursor: pointer;
}

.mdl-dialog--xs {
    max-width: 450px;
}

.mdl-dialog--sm {
    max-width: 515px;
}

.mdl-dialog--sm-2 {
    max-width: 610px;
}

.mdl-dialog--md {
    max-width: 870px;
}

.mdl-dialog--lg {
    max-width: 1180px;
}

    .mdl-dialog--lg .form {
        max-width: 100%;
    }

.mdl-dialog--appointment {
    max-width: 1180px;
    max-height: 600px;
    top: 30px;
}

    .mdl-dialog--appointment .close {
        top: 25px;
        color: #1a1a1a;
    }

hr {
    margin: 30px 0;
    border-top: 1px solid #dcdcdc;
}

    hr.wide {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }

.intl-tel-input {
    width: 100%;
}

.iti-flag {
    background-image: url("/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/img/flags@2x.png");
    }
}

.e-ripple-bar:after, .e-ripple-bar:before {
    background: #4d56a4;
}

.e-btn.e-select.e-flat:hover, .e-btn.e-select.e-flat:focus {
    color: #1a1a1a;
}

.e-cancelrecur.e-select.e-flat, .e-appointcancel.e-select.e-flat {
    border: 1px solid #4d56a4;
    background: #ffffff !important;
    color: #4d56a4;
    transition: all 0.2s ease-in;
}

    .e-cancelrecur.e-select.e-flat:hover, .e-appointcancel.e-select.e-flat:hover {
        border: 1px solid transparent;
        background: #4d56a4 !important;
        color: #ffffff;
    }

.e-chkbox-wrap div > span {
    border-color: #dcdcdc;
}

    .e-chkbox-wrap div > span.e-chk-act {
        border-color: transparent;
    }

.e-chkbox-wrap .e-chkbox-small > span,
.e-chkbox-wrap .e-chk-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.e-chkbox-wrap .e-chkbox-small .e-checkmark {
    line-height: 40px;
}

.e-chkbox-wrap .e-chk-image {
    text-align: center;
}

    .e-chkbox-wrap .e-chk-image.e-checkmark {
        background: #4d56a4;
        color: #ffffff;
    }

.e-radiobtn-wrap > span {
    border-color: #dcdcdc;
}

    .e-radiobtn-wrap > span.e-rad-active {
        border-color: #4d56a4;
    }

        .e-radiobtn-wrap > span.e-rad-active:hover {
            border-color: #333333;
        }

.e-radiobtn-wrap .e-circle_01 {
    border-color: #4d56a4;
    color: #4d56a4;
}

.e-datewidget .e-in-wrap:before, .e-datewidget .e-in-wrap:after, .e-timewidget .e-in-wrap:before, .e-timewidget .e-in-wrap:after {
    background: #4d56a4;
}

.e-datewidget .e-in-wrap.e-padding .e-input::selection, .e-timewidget .e-in-wrap.e-padding .e-input::selection {
    background: #8d8d8d;
}

.e-datewidget.e-active .e-select {
    color: #4d56a4;
}

    .e-datewidget.e-active .e-select:hover {
        color: #4d56a4;
    }

.e-datepicker .today {
    color: #4d56a4;
}

.e-datepicker .e-datepicker-days td.e-active {
    border-radius: 0;
}

.e-datepicker .e-active:before,
.e-datepicker .e-active .e-state-hover:before {
    border-radius: 0;
    background: #333333;
}

.e-datepicker .e-footer {
    color: #333333;
}

.e-input::selection {
    background: #9a9a9a;
}

.e-ntouch.e-datepicker .e-footer:hover {
    color: #9a9a9a;
}

.e-ntouch.e-datepicker table td:hover::before,
.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover::before {
    border-radius: 0;
}

.e-numeric .e-in-wrap:before, .e-numeric .e-in-wrap:after,
.e-percent .e-in-wrap:before,
.e-percent .e-in-wrap:after,
.e-currency .e-in-wrap:before,
.e-currency .e-in-wrap:after,
.e-mask .e-in-wrap:before,
.e-mask .e-in-wrap:after {
    background: #9a9a9a;
}

.e-grid {
    border: none;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    overflow: hidden;
}

    .e-grid .e-row, .e-grid .e-alt_row {
        cursor: pointer;
    }

    .e-grid .e-alt_row {
        background: none;
    }

    .e-grid .e-toolbar.e-toolbarspan {
        display: none !important;
    }

    .e-grid .e-gridheader {
        border-top: none;
        background: #ffffff;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }

    .e-grid .e-headercell {
        height: 90px;
        border-left: none;
        background: transparent;
    }

@media screen and (min-width: 1600px) {
    .e-grid .e-headercell {
        height: 60px;
    }
}

.e-grid .e-textover .e-headercelldiv {
    text-overflow: initial;
    white-space: initial;
    overflow: visible;
    line-height: 16px;
    text-align: left !important;
}

.e-grid .e-headercellsort .e-icon.e-sortadjust {
    background: transparent;
    position: absolute;
    top: 11px;
    left: -2px;
    padding: 0px 2px 0px 0px;
    margin: 0;
}

@media screen and (max-width: 1280px) {
    .e-grid .e-headercellsort .e-icon.e-sortadjust {
        top: 18px;
    }
}

.e-grid .e-headercelldiv {
    padding: 0 15px;
    background: transparent;
}

@media screen and (max-width: 1280px) {
    .e-grid .e-headercelldiv {
        /* for 1-line wrapping */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        width: 100%;
        height: auto;
    }
}

.e-grid .e-columnheader .e-headercell:nth-child(9) .e-headercelldiv {
    text-align: left !important;
}

.e-grid .e-rowcell {
    padding: 10px 12px;
    border-left: none;
    text-align: center;
    text-overflow: ellipsis;
}

    .e-grid .e-rowcell .e-ejinputtext[disabled] {
        color: #1a1a1a;
        opacity: 1;
    }

    .e-grid .e-rowcell .cell {
        position: relative;
        padding-left: 20px;
        text-align: left !important;
        white-space: initial;
    }

        .e-grid .e-rowcell .cell:before {
            content: '';
            width: 10px;
            height: 10px;
            position: absolute;
            top: 3px;
            left: 0;
            border-radius: 50%;
            background: #6d6d6d;
        }

.e-grid .e-ejinputtext.e-filtertext[disabled] {
    color: #1a1a1a;
    opacity: 1;
}

.e-grid .e-pager {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .e-grid .e-pager .e-pagercontainer {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .e-grid .e-pager .e-numericcontainer {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .e-grid .e-pager .e-numericcontainer .e-numericitem {
            color: #757575;
        }

        .e-grid .e-pager .e-numericcontainer .e-currentitem.e-active {
            color: #ffffff;
        }

    .e-grid .e-pager div.e-parentmsgbar {
        padding: 0;
        position: absolute;
        right: 20px;
    }

    .e-grid .e-pager .e-currentitem.e-active {
        background: #333333;
    }

    .e-grid .e-pager .e-firstpagedisabled,
    .e-grid .e-pager .e-prevpagedisabled {
        color: #dcdcdc;
        opacity: 1;
    }

.e-grid .e-gridcontent tr td:nth-child(8), .e-grid .e-gridcontent tr td:nth-child(10) {
    cursor: default;
}

.e-grid th.e-headercell[aria-sort=ascending] div,
.e-grid th.e-headercell[aria-sort=descending] div {
    font-size: unset;
}

.e-grid .e-rowcell .cell--0 {
    color: rgba(91, 94, 98, 0.5);
}

    .e-grid .e-rowcell .cell--0:before {
        background: rgba(91, 94, 98, 0.5);
    }

.e-grid .e-rowcell .cell--1 {
    color: #0064b4;
}

    .e-grid .e-rowcell .cell--1:before {
        background: #0064b4;
    }

.e-grid .e-rowcell .cell--2 {
    color: #e94041;
}

    .e-grid .e-rowcell .cell--2:before {
        background: #e94041;
    }

.e-grid .e-rowcell .cell--3 {
    color: #5b5e62;
}

    .e-grid .e-rowcell .cell--3:before {
        background: #5b5e62;
    }

.e-grid .e-rowcell .cell--4 {
    color: #6f00ff;
}

    .e-grid .e-rowcell .cell--4:before {
        background: #6f00ff;
    }

.e-grid .e-rowcell .cell--5 {
    color: #e20e77;
}

    .e-grid .e-rowcell .cell--5:before {
        background: #e20e77;
    }

.e-grid .e-rowcell .cell--6 {
    color: #41b983;
}

    .e-grid .e-rowcell .cell--6:before {
        background: #41b983;
    }

.e-grid .e-rowcell .cell--7 {
    color: #180147;
}

    .e-grid .e-rowcell .cell--7:before {
        background: #180147;
    }

.e-grid .e-rowcell .cell--8 {
    color: #fbb32d;
}

    .e-grid .e-rowcell .cell--8:before {
        background: #fbb32d;
    }

.e-table tr td.e-templatecell .allocation__container {
    width: 100%;
    position: relative;
}

    .e-table tr td.e-templatecell .allocation__container:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #e0e0e0;
        position: absolute;
        top: 48%;
        left: calc(100% - 8px);
        pointer-events: none;
    }

@media screen and (min-width: 1280px) {
    .e-table tr td.e-templatecell .allocation__container:after {
        left: calc(100% - 24px);
    }
}

.e-table tr td.e-templatecell select.allocation {
    width: 100px;
    padding: 8px 20px 8px 12px;
    border-radius: 20px;
    border: none;
    background: #333333;
    color: #ffffff;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}

@media screen and (min-width: 1280px) {
    .e-table tr td.e-templatecell select.allocation {
        width: 100%;
    }
}

.e-table tr td.e-templatecell select.allocation::-ms-expand {
    display: none;
}

.e-validError .e-ddl.e-widget {
    border-radius: 15px;
    background: #1a1a1a;
}

.e-validError .e-ddl .e-input,
.e-validError .e-ddl .e-select {
    background: transparent;
    color: #ffffff;
}

.e-validError .e-ddl .e-input {
    padding-left: 20px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #ffffff;
}

.e-validError .e-ddl .e-select .e-icon {
    color: #ffffff;
}

.e-validError .e-ddl .e-select:hover .e-icon {
    color: #ffffff;
}

.e-validError .e-ddl.e-popactive .e-in-wrap:before, .e-validError .e-ddl.e-popactive .e-in-wrap:after {
    display: none;
}

#AgentLeadsGrid.e-grid .e-rowcell .transport-mode {
    position: relative;
}

    #AgentLeadsGrid.e-grid .e-rowcell .transport-mode:after {
        width: 10px;
        height: 10px;
        position: absolute;
        top: 0;
        right: -8px;
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

#AgentLeadsGrid.e-grid .e-rowcell .transport-mode--2:after, #AgentLeadsGrid.e-grid .e-rowcell .transport-mode--3:after {
    content: "\e92f";
    font-family: "icomoon";
    color: #cc0000;
}

.e-schedule.e-scheduleouter {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    max-height: 480px;
}

.e-schedule .e-scheduleheader {
    background: #ffffff;
}

.e-schedule .e-datecommondiv {
    color: #333333;
}

.e-schedule .e-datedisplay {
    color: #9a9a9a;
}

.e-schedule .e-navigateprevious, .e-schedule .e-navigatenext {
    font-family: "icomoon";
    color: #757575;
}

    .e-schedule .e-navigateprevious:before {
        content: '\e906';
    }

    .e-schedule .e-navigatenext:before {
        content: '\e907';
    }

.e-schedule .e-commonviewbutton {
    background: #ffffff;
    color: #9a9a9a;
    opacity: 1;
}

.e-schedule .e-activeview {
    color: #1a1a1a;
    border-bottom: 2px solid #cc0000;
}

.e-schedule .e-currentdayhighlight {
    background: #dcdcdc !important;
    color: #4d56a4 !important;
}

.e-schedule .e-highlightcurrenttimeline, .e-schedule .e-currenttime {
    background: #4d56a4;
}

.e-schedule .e-timewidth {
    padding-bottom: 5px;
}

.e-schedule .e-timeidicatorcircle {
    color: #4d56a4;
}

    .e-schedule .e-timeidicatorcircle:before {
        top: -2px;
    }

.e-schedule .e-appointment, .e-schedule .e-monthappointment, .e-schedule .e-alldayappointment, .e-schedule .e-agendacolordiv, .e-schedule .e-inline {
    background: #4d56a4;
    border: none;
}

.e-schedule .e-draggableAppointment {
    background: #4d56a4;
    border: none;
}

.e-scheduledialog .e-tablePosition {
    padding-top: 0;
}

.e-scheduledialog .e-schedclosemargin {
    margin: 3px -15px 0 0;
}

.e-scheduledialog .e-quickstartend {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
}

.e-scheduledialog .e-textlabel, .e-scheduledialog .e-subjectlabel {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    font-weight: normal;
    color: #9a9a9a;
}

.e-scheduledialog .e-detailedapp {
    height: 36px;
    line-height: 36px;
    margin-top: 12px;
    padding: 0 5px;
    border-radius: 2px;
    border: 1px solid #4d56a4;
    color: #4d56a4;
    text-align: center;
    box-sizing: border-box;
}

.e-scheduledialog .e-editevents {
    color: #4d56a4;
}

.e-scheduledialog .e-buttonactive.e-select.e-flat, .e-scheduledialog .e-btndone.e-select.e-flat {
    border: 1px solid transparent;
    background: #41b983 !important;
    color: #ffffff;
    transition: all 0.2s ease-in;
}

    .e-scheduledialog .e-buttonactive.e-select.e-flat:hover, .e-scheduledialog .e-btndone.e-select.e-flat:hover {
        border: 1px solid #41b983;
        background: #ffffff !important;
        color: #41b983;
    }

.e-dialog > .e-titlebar {
    padding: 20px;
    background: #f6f6f6;
}

.e-dialog > .e-header .e-title {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-weight: normal !important;
    color: #757575;
}

.e-ddl.e-popactive .e-in-wrap:before, .e-ddl.e-popactive .e-in-wrap:after {
    background: #4d56a4;
}

.e-ddl-popup .e-active {
    color: #4d56a4;
}

    .e-ddl-popup .e-active.e-hover {
        color: #cc0000;
    }

.e-ddl-popup div > ul li {
    padding: 10px 15px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    position: relative;
}

    .e-ddl-popup div > ul li:after {
        content: '';
        width: calc(100% - 30px);
        height: 1px;
        position: absolute;
        left: 15px;
        bottom: 0;
        background: #dcdcdc;
    }

    .e-ddl-popup div > ul li:last-child:after {
        display: none;
    }

.e-datepickers-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date:before, .e-datepickers-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date:before, .e-datepickers-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date:before, .e-datepickers-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date:before, .e-datepickers-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date:before, .e-datepickers-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date:before, .e-datepickers-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date:before {
    width: 44px;
    top: 0;
    left: 0;
    background: #1a1a1a;
    border-radius: 0;
}

.e-datepickers-popup .e-datepicker .e-datepicker-days td.e-state-default.in-range:first-child, .e-datepickers-popup .e-datepicker .e-datepicker-days td.e-state-default.in-range:first-child:hover, .e-datepickers-popup .e-datepicker .e-datepicker-days td.e-state-default.in-range:last-child, .e-datepickers-popup .e-datepicker .e-datepicker-days td.e-state-default.in-range:last-child:hover {
    border-radius: 0;
}

.e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select {
    color: #4d56a4;
}

.e-datepicker table {
    margin: 0;
}

.e-datepicker .e-header .e-text .e-datepicker-headertext {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
}

.e-left-datepicker .e-datewidget,
.e-right-datepicker .e-datewidget {
    display: none;
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default {
    height: 30px;
}

    .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date {
        border-radius: 0 !important;
    }

        .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.showrange, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range + .e-end-date {
            color: #ffffff;
        }

            .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.showrange:before, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range + .e-end-date:before {
                background: #4d56a4;
            }

.e-datepicker table td::before {
    width: 30px;
    height: 30px;
    top: 0;
    left: 7px;
}

.e-togglebutton.e-btn.e-tbtn.e-select.e-flat,
.e-btn.e-select.e-flat {
    color: #4d56a4;
}

.e-datetime-wrap .e-in-wrap .e-input {
    background: none;
}

.e-datetime-wrap .e-in-wrap:before, .e-datetime-wrap .e-in-wrap:after {
    background: #9a9a9a;
}

.e-datetime-wrap .e-select {
    background: none;
}

.e-datetime-wrap.e-ntouch .e-select:hover {
    background: none;
    color: #cc0000;
}

.custom-dialog > .e-titlebar {
    background: #1a1a1a;
}

.custom-dialog > .e-header .e-title {
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #ffffff;
}

.custom-dialog .e-dialog-icon:before {
    color: #ffffff;
}

.custom-dialog .e-dialog-icon:hover {
    background: none;
}

.custom-dialog .e-dialog.e-dialog-wrap {
    width: 100% !important;
    max-width: 960px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.custom-dialog .e-dialog.e-widget-content {
    padding: 50px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

    .custom-dialog .e-dialog.e-widget-content .custom-card.popup-card {
        width: unset;
        max-width: none;
        position: relative;
        top: unset;
        right: unset;
    }

.custom-dialog .e-dialog .custom-card__form {
    padding: 0;
}

.custom-dialog .e-dialog .custom-card__intro {
    color: #1a1a1a;
}

.custom-dialog .e-dialog .e-dialog-scroller {
    height: 500px !important;
    overflow-y: auto;
}

.e-atc .e-in-wrap:before, .e-atc .e-in-wrap:after {
    background: #4d56a4;
}

.e-atc .e-in-wrap.e-padding .e-input {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

    .e-atc .e-in-wrap.e-padding .e-input::-moz-placeholder {
        font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
        color: #1a1a1a;
    }

    .e-atc .e-in-wrap.e-padding .e-input:-ms-input-placeholder {
        font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
        color: #1a1a1a;
    }

    .e-atc .e-in-wrap.e-padding .e-input::-webkit-input-placeholder {
        font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
        color: #1a1a1a;
    }

    .e-atc .e-in-wrap.e-padding .e-input::selection {
        background: #1a1a1a;
    }

.mdl-tabs {
    position: relative;
}

.mdl-tabs__tab-bar {
    height: 70px;
    justify-content: flex-start;
    border-bottom: none;
}

.mdl-tabs__tab-bar--with-max-width .mdl-tabs__tab {
    max-width: 200px;
}

.mdl-tabs__radio-control {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.mdl-tabs__tab {
    width: 100%;
    height: 70px;
    line-height: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 40px;
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #1a1a1a;
    background: #f6f6f6;
}

    .mdl-tabs__tab [class^="icon-"] {
        margin-left: auto !important;
        font-size: 24px;
        font-size: 1.7142857143rem;
        color: #9a9a9a;
    }

.mdl-tabs__tab--full {
    width: 100% !important;
}

.mdl-tabs__tab--icon-only [class^="icon-"] {
    margin-left: 0;
}

.mdl-tabs__tab.is-disabled {
    opacity: 0.45;
    float: right;
}

.mdl-tabs__panel {
    padding: 30px 120px;
}

.mdl-tabs__panel-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #9a9a9a;
}

.mdl-tabs__panel-sm {
    max-width: 625px;
    margin: 0 auto;
}

.mdl-tabs__panel-inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
}

.mdl-tabs__panel-col {
    width: 100%;
}

    .mdl-tabs__panel-col:not(:last-child) {
        margin-right: 70px;
    }

.mdl-tabs__panel--pad-30 {
    padding: 30px;
}

.mdl-tabs .tab-text {
    display: none;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    background: #ffffff;
}

    .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active [class^="icon-"] {
        color: #cc0000;
    }

    .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
        height: 3px;
        top: 0;
        bottom: unset;
        background: #cc0000;
    }

    .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active .tab-text {
        display: inline-block;
        margin-left: 15px;
    }

.mdl-tabs.is-upgraded .mdl-tabs__tab--normal.is-active:after {
    top: unset;
    bottom: 0;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab--normal-text {
    text-transform: none;
}

.mdl-tabs.is-upgraded .mdl-tabs__panel--hidden {
    display: none;
}

    .mdl-tabs.is-upgraded .mdl-tabs__panel--hidden.is-active {
        display: none;
    }

.mdl-tabs--sm-width {
    max-width: 625px;
    margin: 0 auto;
}

.mdl-tabs--sm .mdl-tabs__tab-bar {
    height: 60px;
}

.mdl-tabs--sm .mdl-tabs__tab {
    width: 150px;
    height: 60px;
    line-height: 1;
    padding: 0 20px;
    /*@media screen and (min-width: 1800px) {
        min-width: 150px;
        width: 100%;
    }*/
}

.mdl-tabs--thin .mdl-tabs__tab-bar {
    height: 60px;
}

.mdl-tabs--thin .mdl-tabs__tab {
    height: 60px;
    line-height: 1;
    padding: 0 20px;
}

.mdl-tabs--lg {
    position: relative;
}

    .mdl-tabs--lg .mdl-tabs__tab-bar {
        height: 80px;
    }

    .mdl-tabs--lg .mdl-tabs__tab-bar--scrollable .mCSB_scrollTools .mCSB_draggerContainer {
        display: none;
    }

    .mdl-tabs--lg .mdl-tabs__tab-bar-control {
        width: 100%;
        height: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        z-index: 2;
    }

        .mdl-tabs--lg .mdl-tabs__tab-bar-control .btn-left,
        .mdl-tabs--lg .mdl-tabs__tab-bar-control .btn-right {
            margin-top: -80px;
        }

        .mdl-tabs--lg .mdl-tabs__tab-bar-control .btn-left {
            display: none;
            margin-left: 5px;
            margin-right: auto;
        }

        .mdl-tabs--lg .mdl-tabs__tab-bar-control .btn-right {
            margin-left: auto;
            margin-right: 5px;
        }

    .mdl-tabs--lg .mdl-tabs__tab {
        width: 300px;
        height: 80px;
        line-height: 1;
        padding: 0 35px;
        box-sizing: border-box;
    }

@media screen and (min-width: 1800px) {
    .mdl-tabs--lg .mdl-tabs__tab {
        width: 330px;
    }
}

.mdl-tabs--lg .mdl-tabs__tab.is-active .mdl-tabs__title-sub {
    color: #1a1a1a;
}

.mdl-tabs--lg .mdl-tabs__tab.is-active .mdl-tabs__icon [class^="icon-"]:last-child {
    color: #1a1a1a;
}

.mdl-tabs--lg .mdl-tabs__tab:last-of-type:not(.is-disabled) {
    margin-right: 50px;
}

.mdl-tabs--lg .mdl-tabs__title {
    text-align: left;
}

.mdl-tabs--lg .mdl-tabs__title-main {
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
    text-transform: none;
}

.mdl-tabs--lg .mdl-tabs__title-sub {
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #6d6d6d;
}

.mdl-tabs--lg .mdl-tabs__icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
}

    .mdl-tabs--lg .mdl-tabs__icon [class^="icon-"] {
        font-size: 21px;
        font-size: 1.5rem;
        width: 40px;
        height: 40px;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        margin: 0px 0px 0px 5px !important;
        color: #4d56a4;
        /* 1024px à descendre */
        /* 768px à descendre */
        /* 760px à descendre */
        /* 576px (MUST CHECK PAGE BY PAGE AFTER CHANGE IN VARIABLE FOR PORTRAIT PHONE)) à descendre */
    }

        .mdl-tabs--lg .mdl-tabs__icon [class^="icon-"] + [class^="icon-"] {
            color: #9a9a9a;
            background: #f6f6f6;
        }

@media (max-width: 1024px) {
    .mdl-tabs--lg .mdl-tabs__icon [class^="icon-"] {
        font-size: 21px;
        font-size: 1.5rem;
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        margin: 0px 2px 0px 3px;
    }
}

@media screen and (max-width: 768px) {
    .mdl-tabs--lg .mdl-tabs__icon [class^="icon-"] {
        font-size: 18px;
        font-size: 1.2857142857rem;
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
        margin: 0px 2px 0px 3px;
    }
}

@media screen and (max-width: 760px) {
    .mdl-tabs--lg .mdl-tabs__icon [class^="icon-"] {
        font-size: 15px;
        font-size: 1.0714285714rem;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        margin: 0px 2px 0px 3px;
    }
}

@media screen and (max-width: 576px) {
    .mdl-tabs--lg .mdl-tabs__icon [class^="icon-"] {
        font-size: 15px;
        font-size: 1.0714285714rem;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        margin: 0px 2px 0px 3px;
    }
}

.mdl-tabs--lg .mdl-tabs__panel {
    padding: 80px;
}

.mdl-tabs--pills .mdl-tabs__tab-bar {
    height: 44px;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.mdl-tabs--pills .mdl-tabs__tab {
    width: auto;
    height: 44px;
    line-height: 1;
    padding: 0 30px;
    border-radius: 22px;
    background: #f6f6f6;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #757575;
    cursor: pointer;
    /* between 1025px and 1024px */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

    .mdl-tabs--pills .mdl-tabs__tab:not(:last-child) {
        margin-right: 20px;
    }

@media (max-width: 1024px) {
    .mdl-tabs--pills .mdl-tabs__tab {
        padding: 0 30px;
    }
}

@media screen and (max-width: 768px) {
    .mdl-tabs--pills .mdl-tabs__tab {
        padding: 0 30px;
    }
}

@media screen and (max-width: 760px) {
    .mdl-tabs--pills .mdl-tabs__tab {
        font-size: 12px;
        font-size: 0.8571428571rem;
        padding: 0 20px;
    }
}

@media screen and (max-width: 576px) {
    .mdl-tabs--pills .mdl-tabs__tab {
        font-size: 11px;
        font-size: 0.7857142857rem;
        padding: 0 10px;
    }
}

.mdl-tabs--pills .mdl-tabs__panel {
    padding: 30px;
    background: #f6f6f6;
}

.mdl-tabs--pills .mdl-tabs__panel--no-padding {
    padding: 0;
}

.mdl-tabs--pills.is-upgraded .mdl-tabs__tab.is-active {
    background: #4d56a4 !important;
    color: #ffffff;
}

    .mdl-tabs--pills.is-upgraded .mdl-tabs__tab.is-active:after {
        display: none;
    }

.mdl-tabs--icons .mdl-tabs__tab-bar {
    height: 60px;
    justify-content: flex-start;
    border-bottom: none;
    background: #f6f6f6;
}

.mdl-tabs--icons .mdl-tabs__tab {
    width: 60px;
    height: 60px;
    line-height: 60px;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.mdl-tabs--icons .mdl-tabs__panel {
    padding: 20px;
}

.mdl-tabs--icons.is-upgraded .mdl-tabs__tab.is-active {
    background: #ffffff;
}

    .mdl-tabs--icons.is-upgraded .mdl-tabs__tab.is-active:after {
        display: none;
    }

.mdl-tabs--bg-light {
    background: #e0e0e0;
}

    .mdl-tabs--bg-light.is-upgraded .mdl-tabs__tab.is-active {
        background: #e0e0e0;
    }

.mdl-tabs--auto .mdl-tabs__tab {
    width: auto;
}

.icon-from, .icon-to {
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-radius: 50%;
    margin-right: 20px;
    position: relative;
    background: #4d56a4;
    text-align: center;
}

    .icon-from:before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ffffff;
        position: absolute;
        top: calc(50% - 5px);
        left: calc(50% - 5px);
    }

    .icon-to:before {
        color: #ffffff;
        font-size: 20px;
        font-size: 1.4285714286rem;
    }

.icon-tick--circle {
    width: 50px;
    height: 50px;
    border: 2px solid #1a1a1a;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    font-size: 1.7142857143rem;
    line-height: 50px;
    color: #1a1a1a;
}

.title-container {
    position: relative;
    padding: 20px;
}

    .title-container .title--icon {
        margin-bottom: 0;
        font-family: "robotobold", Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 1.7142857143rem;
        color: #666666;
    }

.mdl-card--cartridge {
    width: 100%;
    min-height: 95px;
    height: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

    .mdl-card--cartridge > * {
        width: 100%;
    }

    .mdl-card--cartridge.mdl-card--cartridge--full .mdl-button {
        font-size: 26px;
        font-size: 1.8571428571rem;
        color: #4d56a4;
    }

        .mdl-card--cartridge.mdl-card--cartridge--full .mdl-button [class^="icon-"] {
            font-size: 26px;
            font-size: 1.8571428571rem;
            color: #4d56a4;
        }

    .mdl-card--cartridge.mdl-card--cartridge--full .mdl-card__supporting-text {
        flex-direction: column;
        padding: 20px;
        justify-content: center;
    }

        .mdl-card--cartridge.mdl-card--cartridge--full .mdl-card__supporting-text small {
            margin-bottom: 15px;
        }

    .mdl-card--cartridge.mdl-card--cartridge--full .mdl-card__title {
        padding: 20px;
    }

        .mdl-card--cartridge.mdl-card--cartridge--full .mdl-card__title small.text-xxlg {
            font-family: "robotomedium", Arial, Helvetica, sans-serif;
            font-size: 48px;
            font-size: 3.4285714286rem;
        }

            .mdl-card--cartridge.mdl-card--cartridge--full .mdl-card__title small.text-xxlg .text-sm {
                font-size: 32px;
                font-size: 2.2857142857rem;
            }

    .mdl-card--cartridge .mdl-card__title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        flex: 1;
        min-width: 320px;
    }

    .mdl-card--cartridge .mdl-card__title-text {
        width: 100%;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
        color: #9a9a9a;
        white-space: nowrap;
    }

    .mdl-card--cartridge .mdl-card__title small {
        font-family: "robotobold", Arial, Helvetica, sans-serif;
    }

        .mdl-card--cartridge .mdl-card__title small.js-lead-status-display {
            font-size: 24px;
            font-size: 1.7142857143rem;
            line-height: 27px;
            white-space: normal;
        }

        .mdl-card--cartridge .mdl-card__title small.light {
            font-family: "robotolight", Arial, Helvetica, sans-serif;
        }

    .mdl-card--cartridge .mdl-card__title .text-sm {
        font-size: 20px;
        font-size: 1.4285714286rem;
    }

    .mdl-card--cartridge .mdl-card__supporting-text {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex: 2;
    }

        .mdl-card--cartridge .mdl-card__supporting-text .icon:before {
            content: '';
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.87);
            display: inline-block;
        }

    .mdl-card--cartridge [class^="icon-"] {
        font-size: 40px;
        font-size: 2.8571428571rem;
    }

    .mdl-card--cartridge .icon-tick--circle {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }

.mdl-card--cartridge-bg-dark {
    background: #666666;
}

    .mdl-card--cartridge-bg-dark small {
        color: #dcdcdc;
    }

.mdl-card--cartridge--text-md .mdl-card__title small {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-size: 2.5rem;
}

.mdl-card--sm.mdl-card--cartridge .icon-volume,
.mdl-card--sm.mdl-card--cartridge .icon-quote,
.mdl-card--sm.mdl-card--cartridge .icon-margin {
    font-size: 34px;
    font-size: 2.4285714286rem;
    margin-top: auto;
    margin-bottom: 11px;
}

.mdl-card--md.mdl-card--cartridge {
    height: auto !important;
}

    .mdl-card--md.mdl-card--cartridge .icon-volume,
    .mdl-card--md.mdl-card--cartridge .icon-quote,
    .mdl-card--md.mdl-card--cartridge .icon-margin {
        font-size: 34px;
        font-size: 2.4285714286rem;
        margin-top: auto;
        margin-bottom: 11px;
    }

.mdl-card__supporting-text--no-overflow {
    overflow: visible;
}

.mdl-data-table--no-white-space {
    white-space: unset;
}

.mdl-data-table--no-bg {
    background: none;
    border: none;
}

    .mdl-data-table--no-bg th {
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        font-size: 0.8571428571rem;
        color: #9a9a9a;
        text-transform: uppercase;
    }

    .mdl-data-table--no-bg tr:last-child td {
        border-bottom: none;
    }

    .mdl-data-table--no-bg td {
        padding: 20px 18px;
        color: #1a1a1a;
    }

        .mdl-data-table--no-bg td.padding-sm {
            padding: 12px 18px;
        }

        .mdl-data-table--no-bg td.cell-actions > .mdl-button:not(:last-child) {
            margin-right: 10px;
        }

.mdl-data-table--full-width {
    width: 100%;
}

.mdl-data-table--no-border td {
    border: none;
}

.mdl-data-table--borderless {
    border: 0;
}

    .mdl-data-table--borderless tbody > tr:last-child td {
        border: none;
    }

.mdl-data-table--general-pill-fix table {
    border-spacing: 0 10px !important;
}

    .mdl-data-table--general-pill-fix table tr.row-pill td {
        border: none;
        z-index: 1;
        font-size: 14px;
        font-size: 1rem;
        padding: 0 30px !important;
    }

        .mdl-data-table--general-pill-fix table tr.row-pill td:first-child:after {
            cursor: pointer;
            content: '';
            width: 100%;
            height: 45px;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 30px 0 0 30px;
            background: #e0e0e0;
            z-index: -1;
        }

        .mdl-data-table--general-pill-fix table tr.row-pill td:last-child:after {
            cursor: pointer;
            content: '';
            width: 100%;
            height: 45px;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 0 30px 30px 0;
            background: #e0e0e0;
            z-index: -1;
        }

    .mdl-data-table--general-pill-fix table tr.row-pill [class^="icon-"] {
        font-size: 18px;
        font-size: 1.2857142857rem;
    }

    .mdl-data-table--general-pill-fix table tr.row-pill .icon-tick {
        margin-top: 5px;
        font-size: 12px;
        font-size: 0.8571428571rem;
    }

    .mdl-data-table--general-pill-fix table tr.row-pill:hover td, .mdl-data-table--general-pill-fix table tr.row-pill td.e-active {
        color: #ffffff;
        background-color: unset;
    }

        .mdl-data-table--general-pill-fix table tr.row-pill:hover td:after, .mdl-data-table--general-pill-fix table tr.row-pill td.e-active:after {
            background: #4d56a4;
        }

        .mdl-data-table--general-pill-fix table tr.row-pill td.e-active [class*="icon-"] {
            display: block;
        }

    .mdl-data-table--general-pill-fix table tr.row-pill td.e-rowcell {
        line-height: 45px !important;
    }

    .mdl-data-table--general-pill-fix table tr.row-full-pill td {
        border: none;
        z-index: 1;
        font-size: 14px;
        font-size: 1rem;
        padding: 0 30px;
    }

        .mdl-data-table--general-pill-fix table tr.row-full-pill td [class*="icon-"] {
            display: none;
        }

        .mdl-data-table--general-pill-fix table tr.row-full-pill td:after {
            cursor: pointer;
            content: '';
            width: 100%;
            height: 45px;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 30px;
            background: #e0e0e0;
            z-index: -1;
        }

        .mdl-data-table--general-pill-fix table tr.row-full-pill td:hover, .mdl-data-table--general-pill-fix table tr.row-full-pill td.e-active {
            color: #ffffff;
            background-color: unset;
        }

            .mdl-data-table--general-pill-fix table tr.row-full-pill td:hover:after, .mdl-data-table--general-pill-fix table tr.row-full-pill td.e-active:after {
                background: #4d56a4;
            }

            .mdl-data-table--general-pill-fix table tr.row-full-pill td.e-active [class*="icon-"] {
                display: block;
            }

    .mdl-data-table--general-pill-fix table tr.row-pill-light td:after {
        background: #f6f6f6;
    }

    .mdl-data-table--general-pill-fix table tr.is-active td:after {
        background: #4d56a4 !important;
    }

.mdl-data-table--general-pill-fix .e-gridheader {
    border: none;
    box-shadow: none;
}

.mdl-data-table--general-pill-fix .e-headercelldiv {
    padding-left: 30px !important;
}

.mdl-data-table--pill tbody tr:hover {
    background: none;
}

.mdl-data-table tr.no-border td {
    border-bottom: none;
}

.mdl-data-table tr.no-border + tr td {
    border-top: none;
}

.mdl-data-table tr.row-pill td {
    position: relative;
    cursor: pointer;
}

    .mdl-data-table tr.row-pill td:first-child:after {
        content: '';
        width: 100%;
        height: 45px;
        position: absolute;
        top: 7px;
        left: 0;
        border-radius: 30px 0 0 30px;
        background: #e0e0e0;
        z-index: -1;
    }

    .mdl-data-table tr.row-pill td:last-child:after {
        content: '';
        width: 100%;
        height: 45px;
        position: absolute;
        top: 7px;
        left: 0;
        border-radius: 0 30px 30px 0;
        background: #e0e0e0;
        z-index: -1;
    }

.mdl-data-table tr.row-pill [class^="icon-"] {
    font-size: 18px;
    font-size: 1.2857142857rem;
}

.mdl-data-table tr.row-pill .icon-tick {
    margin-top: 5px;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.mdl-data-table tr.row-pill:hover td, .mdl-data-table tr.row-pill.is-active td {
    color: #ffffff;
}

    .mdl-data-table tr.row-pill:hover td:after, .mdl-data-table tr.row-pill.is-active td:after {
        background: #4d56a4;
    }

.mdl-data-table tr.is-parent td {
    color: #4d56a4;
}

.mdl-data-table tr.is-parent.is-active + tr {
    background: #eee;
    border-bottom: 1px solid #10237f;
}

.mdl-data-table tr.is-parent.is-active .mdl-data-table__cell--has-child:after {
    content: "-";
}

.mdl-data-table th {
    line-height: 16px;
    vertical-align: middle;
}

.mdl-data-table td.no-wrap {
    white-space: nowrap;
}

.mdl-data-table--calc td, .mdl-data-table--calc th {
    text-align: left;
}

    .mdl-data-table--calc td:last-child, .mdl-data-table--calc th:last-child {
        text-align: right;
    }

.mdl-data-table--calc tbody p {
    line-height: 16px;
    opacity: 0.54;
}

.mdl-data-table--calc tfoot th {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    color: #4d56a4;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-size: 2.1428571429rem;
    padding: 33px 0 0 0;
}

    .mdl-data-table--calc tfoot th:first-child {
        padding-left: 70px;
    }

.mdl-data-table--headless {
    white-space: normal;
}

    .mdl-data-table--headless td {
        border-top: 0;
    }

    .mdl-data-table--headless tbody small {
        color: #333333;
        opacity: 0.6;
        font-size: 13px;
        font-size: 0.9285714286rem;
    }

    .mdl-data-table--headless tbody p {
        color: #333333;
        font-size: 15px;
        font-size: 1.0714285714rem;
    }

.mdl-data-table .mdl-button--icon {
    color: #4d56a4;
}

.mdl-data-table--rights th {
    padding: 0 5px 12px 5px;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: gray;
}

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

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

.mdl-data-table--rights td {
    padding: 12px 5px;
    border: none;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
}

.mdl-data-table--summary td:first-of-type {
    padding-left: 5px;
    color: gray;
}

.mdl-data-table--summary td:last-of-type {
    padding-right: 5px;
    color: #4d56a4;
}

.mdl-data-table--summary td {
    padding: 12px 5px;
    border: none;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
}

.mdl-data-table--wrap {
    white-space: normal;
}

.mdl-data-table__cell--mode .icon-sea,
.mdl-data-table__cell--mode .icon-road {
    font-size: 28px;
    font-size: 2rem;
    color: #cc0000;
}

.mdl-data-table__cell--mode .icon-air {
    font-size: 24px;
    font-size: 1.7142857143rem;
    color: #cc0000;
}

.mdl-data-table__cell--date .sub-date-txt {
    display: block;
}

    .mdl-data-table__cell--date .sub-date-txt i {
        margin-right: 10px;
        color: #cc0000;
    }

.mdl-data-table__cell--heavy {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
}

    .mdl-data-table__cell--heavy small {
        font-size: 12px;
        font-size: 0.8571428571rem;
    }

.mdl-data-table__cell--has-child {
    position: relative;
}

    .mdl-data-table__cell--has-child:after {
        content: '+';
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 17px;
        right: 5px;
        font-size: 28px;
        font-size: 2rem;
        color: #4d56a4;
        cursor: pointer;
    }

.mdl-data-table__grid .e-gridheader {
    background-color: #5b5e62;
}

    .mdl-data-table__grid .e-gridheader .e-headercell {
        height: 0;
        padding: 0;
    }

    .mdl-data-table__grid .e-gridheader .e-headercelldiv {
        color: #ffffff;
        margin: 0;
        line-height: unset;
        display: table-cell;
        padding: 5px 25px;
    }

    .mdl-data-table__grid .e-gridheader table tr th:nth-of-type(3), .mdl-data-table__grid .e-gridheader table tr th:nth-of-type(4) {
        border-right: 1px solid #ffffff !important;
    }

.mdl-data-table__grid .e-recordtable tr td {
    border-color: #e0e0e0;
}

    .mdl-data-table__grid .e-recordtable tr td:nth-of-type(2), .mdl-data-table__grid .e-recordtable tr td:nth-of-type(3) {
        border-right: 1px solid #e0e0e0;
    }

.mdl-data-table__grid .e-table .e-groupcaptionrow td {
    border-bottom-color: #4d56a4 !important;
    border-bottom: 1px solid #4d56a4;
}

.mdl-data-table__grid--rounded-border {
    border-radius: 4px;
}

.mdl-data-table__grid .e-groupdroparea {
    display: none;
}

.mdl-data-table__grid .e-groupcaptionrow td {
    background: #ffffff;
}

.mdl-data-table__grid-header {
    display: table;
}

    .mdl-data-table__grid-header i {
        padding: 10px 0;
        display: table-cell;
        font-size: 24px;
        font-size: 1.7142857143rem;
        color: #cc0000;
        vertical-align: middle;
    }

    .mdl-data-table__grid-header span {
        padding: 10px 0;
        font-size: 16px;
        font-size: 1.1428571429rem;
        padding-left: 20px;
        display: table-cell;
        width: 167px;
    }

    .mdl-data-table__grid-header .mdl-button {
        margin-left: 70px;
        margin-bottom: 7px;
    }

.mdl-data-table .emptyrecord {
    text-align: left;
}

.mdl-data-table .main-header {
    height: 65px;
}

    .mdl-data-table .main-header th {
        text-align: left;
        padding-bottom: 0;
        text-transform: none;
        font-size: 12px;
        font-size: 0.8571428571rem;
    }

        .mdl-data-table .main-header th h3 {
            color: #b3b3b3;
            margin: 0;
        }

.mdl-data-table .sub-header td {
    text-align: left;
}

    .mdl-data-table .sub-header td small {
        font-family: "robotolight", Arial, Helvetica, sans-serif;
    }

.mdl-data-table .sub-header-info td {
    text-align: left;
}

    .mdl-data-table .sub-header-info td span {
        float: right;
        margin-right: 25px;
        font-size: 15px;
        font-size: 1.0714285714rem;
    }

.mdl-data-table--centered td, .mdl-data-table--centered th {
    text-align: center !important;
}

.mdl-data-table--last-right td:last-of-type, .mdl-data-table--last-right th:last-of-type {
    text-align: right !important;
}

.table-child-wrapper {
    padding: 10px;
    border-radius: 4px;
    background: #ffffff;
}

.tabs {
    font-size: 14px;
    font-size: 1rem;
    font-weight: normal;
}

    .tabs nav {
        margin-bottom: 20px;
    }

        .tabs nav a {
            height: 50px;
            line-height: 44px;
            font-family: "robotomedium", Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: normal;
            color: #9a9a9a;
        }

            .tabs nav a span {
                display: inline-block;
                padding: 0 40px;
                border-radius: 22px;
                font-size: 14px;
                font-size: 1rem;
            }

        .tabs nav li.tab-current a {
            color: #cc0000;
        }

            .tabs nav li.tab-current a span {
                background: #ffffff;
                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);
            }

        .tabs nav.is-disabled {
            opacity: 0.45;
        }

    .tabs .content-wrap section {
        max-width: none;
        padding: 0;
        text-align: left;
    }

@media screen and (min-width: 1600px) {
    .tabs .content-wrap section {
        max-width: 1220px;
    }
}

@media screen and (min-width: 1900px) {
    .tabs .content-wrap section {
        max-width: 1600px;
    }
}

@media screen and (min-width: 1600px) {
    .tabs .content-wrap section .section__content {
        max-width: 1220px;
        margin: 0 auto;
    }
}

.tabs .content-wrap.no-margin > section {
    margin: 0 !important;
}

@media screen and (min-width: 1600px) {
    .tabs .content-wrap.no-margin > section {
        max-width: none;
    }
}

.tabs--configuration nav {
    margin-bottom: 40px;
}

    .tabs--configuration nav ul {
        flex-wrap: nowrap;
    }

    .tabs--configuration nav li a {
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
    }

        .tabs--configuration nav li a span {
            padding: 0 20px;
        }

    .tabs--configuration nav li.tab-current a span {
        background: #4d56a4;
        color: #ffffff;
    }

.row-flex {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    /*> .col-flex {
  width: 100%;
  margin-right: 0;
  margin-bottom: 40px;
}*/
}

.row-flex--is-wrap {
    flex-wrap: wrap;
}

.row-flex .margin-spacer {
    margin-right: 0 !important;
    margin-bottom: 40px !important;
}

.row-flex > *:not(:last-child) {
    margin-right: 40px;
}

@media screen and (min-width: 1280px) {
    .row-flex {
        /*> .col-flex {
  width: auto;
  margin-right: 40px;
  margin-bottom: 0;
}*/
    }

    .row-flex--is-wrap {
        flex-wrap: nowrap;
    }

    .row-flex .margin-spacer {
        margin-right: 40px !important;
        margin-bottom: 0 !important;
    }
}

.row-flex .mdl-card--sm, .row-flex .mdl-card--md, .row-flex .mdl-card--lg, .row-flex .mdl-card--xlg {
    min-height: 100px;
}

.row-flex .mdl-card--sm {
    width: 100%;
    max-width: 294px;
}

@media screen and (min-width: 1280px) {
    .row-flex .mdl-card--sm {
        max-width: 240px;
        min-height: 102px;
    }
}

.row-flex .mdl-card--sm-2 {
    width: 100%;
    max-width: 280px;
}

@media screen and (min-width: 1280px) {
    .row-flex .mdl-card--sm-2 {
        max-width: 240px;
        min-height: 102px;
    }
}

.row-flex .mdl-card--md {
    width: 100%;
}

    .row-flex .mdl-card--md:nth-child(3) {
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

.row-flex .mdl-card--md--2 {
    width: 462px;
}

    .row-flex .mdl-card--md--2:not(:last-child) {
        margin-right: 40px !important;
    }

.row-flex .mdl-card--md-75 {
    max-width: 75%;
    /* between 1025px and 1024px */
    /* 760px à descendre */
}

@media (max-width: 1024px) {
    .row-flex .mdl-card--md-75 {
        max-width: 95%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 760px) {
    .row-flex .mdl-card--md-75 {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1280px) {
    .row-flex .mdl-card--md {
        max-width: 380px;
        min-height: 102px;
    }

    .row-flex .mdl-card--md--2 {
        width: 100%;
        max-width: 380px;
    }
}

.row-flex .mdl-card--lg {
    width: 100%;
}

@media screen and (min-width: 1280px) {
    .row-flex .mdl-card--lg {
        max-width: 799px;
    }
}

.row-flex .mdl-card--xlg {
    width: 100%;
    margin-right: 0 !important;
}

@media screen and (min-width: 1280px) {
    .row-flex .mdl-card--xlg {
        max-width: 1220px;
    }
}

.row-flex .mdl-card--transparent {
    background: transparent;
    min-height: inherit;
}

.row-flex.is-disabled {
    opacity: 0.45;
}

.col-flex {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.col-flex--2 {
    width: 462px;
}

    .col-flex--2:not(:last-child) {
        margin-right: 0;
    }

@media screen and (min-width: 1280px) {
    .col-flex--2 {
        width: 100%;
        max-width: 380px;
    }

        .col-flex--2:not(:last-child) {
            margin-right: 40px;
        }
}

.blk-increment {
    width: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blk-increment__wrapper .label {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.blk-increment .mdl-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f6f6f6;
    color: #333333;
}

    .blk-increment .mdl-button:hover {
        background: #4d56a4;
        color: #ffffff;
    }

.blk-increment__count {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 10px;
    font-size: 1.714rem;
    text-align: center;
    line-height: 40px;
    position: relative;
    color: #1a1a1a;
}

    .blk-increment__count:before {
        content: attr(data-increment);
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
    }

.blk-destination {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blk-destination__seperator {
    color: #4d56a4;
    font-size: 14px;
    font-size: 1rem;
}

.text-curency--sm {
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.text-curency--normal {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.text-curency--md {
    font-size: 21px;
    font-size: 1.5rem;
}

.text-curency--lg {
    font-size: 31px;
    font-size: 2.2142857143rem;
}

.text-curency small {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.document__listing {
    margin-left: 20px;
    margin-right: auto;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .document__listing li {
        padding: 8px 10px;
        font-size: 13px;
        font-size: 0.9285714286rem;
        background: #ffffff;
        border-radius: 2px;
    }

        .document__listing li:not(:last-child) {
            margin-right: 10px;
        }

    .document__listing a {
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #1a1a1a;
    }

        .document__listing a [class^="icon-"] {
            font-size: 18px;
            font-size: 1.2857142857rem;
            color: #757575;
            margin-left: 10px;
        }

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

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

.document__listing--no-bg li {
    background: transparent;
    border: 1px solid #a9a9a9;
}

.call--outgoing {
    color: #4d56a4;
}

.call--incoming {
    color: #41b983;
}

.linked i {
    font-size: 20px;
    font-size: 1.4285714286rem;
}

.visibility-list {
    width: auto;
    height: 40px;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 20px 0 0;
    padding: 0;
    list-style: none;
}

.visibility-list__item {
    width: 24px;
    height: 24px;
}

    .visibility-list__item [class^="icon-"] {
        color: #9a9a9a;
        font-size: 24px;
        font-size: 1.7142857143rem;
    }

    .visibility-list__item:not(:last-child) {
        margin-right: 10px;
    }

.visibility-list__item--is-visible [class^="icon-"] {
    color: #4d56a4;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px !important;
    background: white !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px !important;
    background: #dcdcdc !important;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    width: 6px;
}

.mCustomScrollBox {
    width: 100%;
}

.mdl-chip-custom {
    color: #ffffff;
    background: #cc0000;
    padding: 4px 12px;
    border-radius: 100px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.7857142857rem;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.mdl-chip-custom__toggle {
    cursor: pointer;
    padding: 0 7px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.mdl-chip-custom__toggle--lite {
    background: none;
    border: 1px solid #dcdcdc;
}

.mdl-chip-custom__toggle--uppercase {
    text-transform: uppercase;
}

.mdl-chip-custom__toggle--big {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 25px;
}

.mdl-chip-custom__toggle--icon .mdl-chip-custom__text {
    vertical-align: top;
}

.mdl-chip-custom__contact {
    height: 20px;
    width: auto;
    margin-left: 8px;
    margin-right: 0;
    line-height: 20px;
    font-size: 11px;
    font-size: 0.7857142857rem;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    padding: 1px 14px;
}

.mdl-chip-custom__contact--blue-1 {
    background-color: #6f00ff;
}

.mdl-chip-custom__contact--blue-2 {
    background-color: #0d2481;
}

.mdl-chip-custom__contact--light-gray {
    background-color: #949599;
}

.mdl-chip-custom__contact--blue-3 {
    background-color: #00b6ce;
}

.mdl-chip-custom__contact--blue-4 {
    background-color: #0064b4;
}

.mdl-chip-custom__contact--green-1 {
    background-color: #41b983;
}

.mdl-chip-custom__contact--pink-1 {
    background-color: #e20e77;
}

.mdl-chip-custom__contact--orange-1 {
    background-color: #fbb32d;
}

.mdl-chip-custom__contact--red-1 {
    background-color: #fa6557;
}

.mdl-chip-custom__contact--red-2 {
    background-color: #f04b5a;
}

.mdl-chip-custom__contact--big {
    height: 24px !important;
    line-height: 24px !important;
}

.mdl-chip-custom__icon {
    font-size: 24px;
    font-size: 1.7142857143rem;
    line-height: 40px;
    margin-left: 20px;
    margin-right: 7px;
}

.mdl-chip-custom--light {
    padding: 6px 25px;
    line-height: 16px;
    height: auto;
    margin: 0;
    text-transform: none;
}

    .mdl-chip-custom--light .mdl-chip-custom__text {
        vertical-align: unset;
        font-size: 16px;
    }

.mdl-chip-custom--light--accent-color-10 {
    background-color: #f2f2f2;
    color: #4d56a4;
}

span[data-chiptoggle="active"] {
    background-color: #dcdcdc;
}

.normal-link {
    color: #005baa;
    text-decoration: none;
}

.mdl-menu-custom {
    border-radius: 3px;
}

    .mdl-menu-custom li:hover {
        background-color: unset;
    }

    .mdl-menu-custom li a {
        display: block;
        width: 100%;
        text-decoration: none;
        color: unset;
    }

        .mdl-menu-custom li a:hover, .mdl-menu-custom li a:active {
            color: #4d56a4;
        }

.mdl-menu-custom--bordered-bottom {
    border-bottom: 4px solid #4d56a4;
}

.horizontal-separator {
    border-top: 1px solid #d2d2d3;
}

.js-freight-agent {
    display: none;
}

.add-freight-btn .remove {
    display: none;
}

.add-freight-btn.is-active .add {
    display: none;
}

.add-freight-btn.is-active .remove {
    display: inline-block;
}

.expand-btn {
    width: 60px;
    height: 60px !important;
    background-color: #ffffff;
    position: fixed;
    top: 520px;
    right: 38px;
    padding: 0;
    z-index: 10;
    line-height: 60px !important;
    border-radius: 50px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

    .expand-btn:hover {
        width: auto;
        background-color: #0064b4;
        color: #ffffff;
        padding: 0 25px;
    }

        .expand-btn:hover .expand-btn__icon {
            margin-right: 20px;
            padding: 0;
        }

.expand-btn__icon {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 1.7142857143rem;
    padding: 26px;
}

.expand-btn__text {
    vertical-align: top;
}

.leads-creation-form label[for="phone"],
.leads-creation-form label[for="phone1"],
.leads-creation-form label[for="phone2"],
.leads-creation-form label[for="phoneNumber"],
.leads-creation-form label[for="mobileNumber"] {
    top: 4px;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.mdl-selectfield--ellipsis .mdl-selectfield__box-value {
    overflow: hidden;
    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dot-text:before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #cc0000;
    border-radius: 100%;
    margin-right: 10px;
}

.dot-text--not-allocated:before {
    background-color: #00b6ce;
}

.dot-text--pending-followup {
    background-color: #fbb32d;
}

.file-uploader-container {
    position: relative;
}

    .file-uploader-container .e-upload-box.e-drag-wrapper {
        border: 1px dashed #9a9a9a;
        border-radius: 4px;
    }

    .file-uploader-container .e-drag-text {
        display: none;
    }

    .file-uploader-container .frame .control .e-upload-box {
        height: 60px !important;
    }

    .file-uploader-container .e-uploadbox {
        opacity: 1;
    }

    .file-uploader-container .e-inputbtn {
        opacity: 0;
    }

    .file-uploader-container .e-selectpart {
        opacity: 0;
    }

.file-uploader-container-description {
    position: absolute;
    top: 32%;
    left: 42.5%;
    font-size: 12px;
    font-size: 0.8571428571rem;
    color: #949599;
    display: table;
}

    .file-uploader-container-description i {
        display: table-cell;
        font-size: 25px;
        font-size: 1.7857142857rem;
        color: #4d56a4;
    }

    .file-uploader-container-description span {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }

    .file-uploader-container-description:hover {
        cursor: pointer !important;
    }

.file-uploader-container .e-uploadinput {
    font-size: 16px;
    font-size: 1.1428571429rem;
    opacity: 0;
}

    .file-uploader-container .e-uploadinput:hover {
        cursor: pointer !important;
    }

#LeadGrid .e-headercell.e-headercellsort {
    position: relative;
}

    #LeadGrid .e-headercell.e-headercellsort .e-icon.e-sortadjust {
        position: absolute;
        top: 8px;
        right: 0;
        margin: 0 !important;
        left: auto;
    }

.e-atc-popup.e-box .e-ul li:not(.e-category) {
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    #LeadGrid .e-headercell.e-headercellsort {
        position: relative;
    }

        #LeadGrid .e-headercell.e-headercellsort .e-icon.e-sortadjust {
            position: absolute;
            top: 15px;
            right: 0;
            margin: 0 !important;
            left: auto;
        }
}

.e-grid .e-textover .th-center .e-headercelldiv {
    text-align: center !important;
}

.mdl-cell--3-col {
    /* between 1025px and 1024px */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media (max-width: 1024px) {
    .mdl-cell--3-col {
        width: calc(25% - 16px);
    }
}

@media screen and (max-width: 768px) {
    .mdl-cell--3-col {
        width: calc(100% - 16px);
    }
}

@media screen and (max-width: 760px) {
    .mdl-cell--3-col {
        width: calc(100% - 16px);
    }
}

@media screen and (max-width: 576px) {
    .mdl-cell--3-col {
        width: calc(100% - 16px);
    }
}

.mdl-cell--9-col {
    /* 1024px à descendre */
    /* 768px à descendre (min-portrait) */
    /* 760px à descendre (min-phone) */
    /* 375px à descendre (min-phone-portrait) */
}

@media (max-width: 1024px) {
    .mdl-cell--9-col {
        width: calc(75% - 16px);
    }
}

@media screen and (max-width: 768px) {
    .mdl-cell--9-col {
        width: calc(100% - 16px);
    }
}

/* for Client Portal Summary, adjusting ul and li from (item-selection__list js-item-selection) */
/* stackoverflow.com/questions/5080699/using-css-even-and-odd-pseudo-classes-with-list-items */
.item-selection__list.js-item-selection {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* ref: csswizardry.com/demos/multiple-column-lists/ */
}

    .item-selection__list.js-item-selection li.item-selection__list-item {
        float: left;
        width: 48%;
        margin-right: 0;
        margin-bottom: 20px;
        display: flex;
        background: #fff !important;
        /* 375px à descendre */
    }

@media screen and (max-width: 576px) {
    .item-selection__list.js-item-selection li.item-selection__list-item {
        width: 100%;
    }
}

.item-selection__list.js-item-selection li.item-selection__list-item:nth-child(odd) {
    margin-right: 20px;
    /* 375px à descendre */
}

@media screen and (max-width: 576px) {
    .item-selection__list.js-item-selection li.item-selection__list-item:nth-child(odd) {
        width: 100%;
    }
}

.item-selection__list.js-item-selection .mdl-card {
    background: transparent;
}

/* for Client Portal Summary, adjusting ul and li from (item-selection__list js-item-selection) */
.dropdown-list__item--arrow input[type="checkbox"]:checked + label::after {
    content: '\e904';
    font-family: "icomoon";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #9a9a9a;
    line-height: 32px;
}

.fixed-charges .accordion__tab-title {
    font-size: 14px;
    font-size: 1rem;
    text-transform: uppercase;
}

    .fixed-charges .accordion__tab-title i {
        font-size: 21px;
        font-size: 1.5rem;
    }

.fixed-charges .accordion__tab-title--normal {
    font-size: 22px;
    font-size: 1.5714285714rem;
    text-transform: none;
}

.fixed-charges .accordion__item .accordion__panel .accordion__tab {
    background: #fff;
    color: #6d6d6d !important;
}

.fixed-charges .accordion__item .accordion__panel .accordion__tab-title {
    color: #6d6d6d !important;
}

.fixed-charges .customRow {
    display: flex;
    align-items: center;
    width: 100%;
}

    .fixed-charges .customRow > span {
        padding: 20px 18px 20px 24px;
        width: 100%;
    }

    .fixed-charges .customRow .select-all {
        max-width: 200px;
        width: 100%;
    }

        .fixed-charges .customRow .select-all .mdl-data-table__select {
            width: 100%;
        }

    .fixed-charges .customRow .mdl-button--text {
        background: transparent !important;
        display: flex;
        min-width: auto;
        min-height: auto;
        width: auto;
        align-items: center;
        color: #4d56a4;
        overflow: visible;
    }

        .fixed-charges .customRow .mdl-button--text .btn__text {
            color: #949599 !important;
            text-transform: none;
            font-size: 13px;
            font-size: 0.9285714286rem;
            color: #9a9a9a;
        }

        .fixed-charges .customRow .mdl-button--text .add-btn__icon {
            border: 0;
            justify-content: center;
        }

        .fixed-charges .customRow .mdl-button--text .add-btn__text {
            white-space: nowrap;
        }

        .fixed-charges .customRow .mdl-button--text i:hover {
            color: #4d56a4;
        }

    .fixed-charges .customRow .btn-remove:hover i {
        color: #4d56a4;
    }

    .fixed-charges .customRow .btn-remove:hover .btn__text {
        color: #4d56a4 !important;
    }

    .fixed-charges .customRow.border-bottom-dark {
        border-bottom: 3px solid #6d6d6d;
    }

.fixed-table-space-between td span, .fixed-table-space-between th span {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

    .fixed-table-space-between td span small, .fixed-table-space-between th span small {
        font-size: 15px;
    }

.fixed-table .mdl-data-table__select {
    width: 100%;
}

.fixed-table .mdl-checkbox__label {
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.fixed-table .text-uppercase th, .fixed-table .text-uppercase td {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.8571428571rem;
    color: #9a9a9a;
    text-transform: uppercase;
}

.fixed-table .noborder td {
    border: 0 !important;
}

.fixed-table .border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

    .fixed-table .border-top td, .fixed-table .border-top th {
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
    }

.fixed-table .border-top--dark td, .fixed-table .border-top--dark th {
    border-color: grey !important;
}

.fixed-table .border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

    .fixed-table .border-bottom td {
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    }

.fixed-table .border-right th:not(:last-child) {
    border-right: 1px solid #ffffff !important;
}

.fixed-table .border-right-light th:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.fixed-table .text-left {
    text-align: left !important;
}

.fixed-table td {
    border: 1px solid rgba(0, 0, 0, 0.12);
    text-align: center !important;
}

    .fixed-table td small {
        color: #949599;
    }

        .fixed-table td small.text-pending-pms {
            color: #6f00ff;
            font-size: 15px;
            font-size: 1.0714285714rem;
        }

.fixed-table tr.text-secondary-color td, .fixed-table tr.text-secondary-color th, .fixed-table tr.text-secondary-color small {
    color: #1a1a1a;
}

.fixed-table .show {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
}

    .fixed-table .show:hover {
        cursor: pointer;
    }

    .fixed-table .show .icon-show {
        background: #0d2481;
        height: 25px;
        width: 6px;
        border-radius: 6px;
        position: relative;
    }

        .fixed-table .show .icon-show:after {
            content: '';
            transform: rotate(90deg);
            width: 10px;
            border: 0.5px dashed #ffffff;
            position: absolute;
            top: 11px;
            left: -3px;
        }

.selected__listing {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

    .selected__listing li {
        padding: 8px 10px;
        font-size: 13px;
        font-size: 0.9285714286rem;
        background: #4d56a4 !important;
        border-radius: 2px;
        display: flex;
        align-items: center;
        color: #ffffff;
        margin-right: 10px;
    }

        .selected__listing li a {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: #ffffff;
        }

#addPortDialogue .mdl-selectfield__list-option-box {
    max-height: 120px;
}

.status--active {
    color: #41b983 !important;
}

.status--inactive {
    color: #180147 !important;
}

.status--awaitapproval {
    color: #00b6ce !important;
}

.status--generatedlead {
    color: #4d56a4 !important;
}

.status--abandon {
    color: #5b5e62 !important;
}

.status--declined {
    color: #000000 !important;
}

/* from operations page - square radio button - extends span titles to uppercase */
#section-bar-1 .radio-menu-list--box.fix-size label span {
    text-transform: uppercase !important;
    font-size: small !important;
    font-weight: bold !important;
    color: #999 !important;
}

.js-additional-details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
}

    .js-additional-details.active {
        max-height: 1000px;
        transition: max-height 0.25s ease-in;
    }

.mdl-textfield.is-invalid .e-atc {
    border-color: #d50000 !important;
}

    .mdl-textfield.is-invalid .e-atc .e-in-wrap:before, .mdl-textfield.is-invalid .e-atc .e-in-wrap:after {
        background: #d50000 !important;
    }

.mdl-textfield.is-invalid .e-in-wrap.e-box {
    border-color: #d50000 !important;
}

.mdl-textfield.is-invalid .e-ddl.e-popactive .e-in-wrap:before, .mdl-textfield.is-invalid .e-ddl.e-popactive .e-in-wrap:after {
    background: #d50000 !important;
    height: 1px;
}

.mdl-textfield .e-atc {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

    .mdl-textfield .e-atc .e-in-wrap {
        border-bottom: none !important;
    }

.mdl-menu.mdl-menu--with-icon .mdl-menu__item {
    display: table;
    width: 100%;
}

    .mdl-menu.mdl-menu--with-icon .mdl-menu__item div {
        display: table-cell;
    }

        .mdl-menu.mdl-menu--with-icon .mdl-menu__item div:first-of-type {
            padding-left: 20px;
            width: 70%;
        }

        .mdl-menu.mdl-menu--with-icon .mdl-menu__item div:nth-of-type(2) {
            text-align: center;
            padding-right: 20px;
            width: 30%;
        }

            .mdl-menu.mdl-menu--with-icon .mdl-menu__item div:nth-of-type(2) i {
                font-size: 20px;
                vertical-align: middle;
            }

                .mdl-menu.mdl-menu--with-icon .mdl-menu__item div:nth-of-type(2) i:before {
                    padding-right: 0;
                }

.mdl-menu .mdl-menu__item:hover, .mdl-menu .mdl-menu__item:active {
    color: #4d56a4;
    background-color: unset;
}

.mdl-selectfield.borderless .mdl-selectfield__box {
    border: 0;
}

.mdl-textfield--floating-label.is-forced-dirty .mdl-textfield__label {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #4d56a4;
    font-size: 12px;
    font-size: 0.8571428571rem;
    top: 4px;
    visibility: visible;
}

.mdl-textfield--floating-label.is-forced-dirty .mdl-textfield__input {
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}

.mdl-selectfield--floating-label.is-forced-dirty .mdl-selectfield__label {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #4d56a4;
    font-size: 12px;
    font-size: 0.8571428571rem;
    top: 4px;
    visibility: visible;
}

.mdl-selectfield--floating-label.is-forced-dirty .mdl-selectfield__box {
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}

.draft {
    color: #5b5e62 !important;
}

    .draft:before {
        background-color: #5b5e62 !important;
    }

.transferred {
    color: #0064b4 !important;
}

    .transferred:before {
        background-color: #0064b4 !important;
    }

.not-handled {
    color: #e94041 !important;
}

    .not-handled:before {
        background-color: #e94041 !important;
    }

.to-be-followed-up {
    color: #fbb32d !important;
}

    .to-be-followed-up:before {
        background-color: #fbb32d !important;
    }

.abandoned {
    color: #5b5e62 !important;
}

    .abandoned:before {
        background-color: #5b5e62 !important;
    }

.pending-abandon-validation {
    color: #f086bb !important;
}

    .pending-abandon-validation:before {
        background-color: #f086bb !important;
    }

.awaiting-cubage-from-client {
    color: #4d56a4 !important;
}

    .awaiting-cubage-from-client:before {
        background-color: #4d56a4 !important;
    }

.pending-PMS-scheduling {
    color: #f04b5a !important;
}

    .pending-PMS-scheduling:before {
        background-color: #f04b5a !important;
    }

.awaiting-PMS-request-to-be-sent {
    color: #0064b4 !important;
}

    .awaiting-PMS-request-to-be-sent:before {
        background-color: #0064b4 !important;
    }

.pending-PMS-results {
    color: #6f00ff !important;
}

    .pending-PMS-results:before {
        background-color: #6f00ff !important;
    }

.awaiting-to-be-quoted {
    color: #e20e77 !important;
}

    .awaiting-to-be-quoted:before {
        background-color: #e20e77 !important;
    }

.won {
    color: #41b983 !important;
}

    .won:before {
        background-color: #41b983 !important;
    }

.quoted-pending-client-acceptance {
    color: #fa6557 !important;
}

    .quoted-pending-client-acceptance:before {
        background-color: #fa6557 !important;
    }

.lost {
    color: #180147 !important;
}

    .lost:before {
        background-color: #180147 !important;
    }

.cancelled {
    color: #000000 !important;
}

    .cancelled:before {
        background-color: #000000 !important;
    }

.pending-client-acceptance {
    color: #fa6557 !important;
}

    .pending-client-acceptance:before {
        background-color: #fa6557 !important;
    }

.quote-declined {
    color: #bf2034 !important;
}

    .quote-declined:before {
        background-color: #bf2034 !important;
    }

.awaiting-approval {
    color: #00b6ce !important;
}

    .awaiting-approval:before {
        background-color: #00b6ce !important;
    }

.icon-won {
    color: #41b983 !important;
}

.icon-lost {
    color: #180147 !important;
}

.js-render-quote .e-grid .e-textover .e-headercelldiv {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js-render-quote .e-grid td.quote-status.e-rowcell div.cell {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.js-render-quote .e-grid td.quote-status.e-rowcell div.cell {
    transform: translateY(6px);
}

.js-render-quote .e-grid .e-detailcell td.quote-status.e-rowcell div.cell {
    transform: translateY(0px);
}

.js-render-quote .e-grid .e-icon.rightexpand {
    margin: 0;
    transform: translateY(4px);
}

.js-render-quote .e-grid#QuoteLeadsGrid .e-gridcontent {
    height: unset !important;
}

    .js-render-quote .e-grid#QuoteLeadsGrid .e-gridcontent.e-scroller .e-scrollbar {
        display: none !important;
    }

.js-render-quote .custom-card .mdl-card__supporting-text {
    width: calc(100% - 40px);
}

.js-render-quote .e-detailrow {
    display: table-row;
}

    .js-render-quote .e-detailrow td.e-detailcell {
        padding-right: 10px;
    }

    .js-render-quote .e-detailrow td.e-detailindentcell {
        display: none;
    }

.enquiry-detail .enquiry-detail__description-w {
    width: calc(100% - 270px);
    position: relative;
    z-index: 6;
}

.enquiry-detail .enquiry-detail__action {
    max-width: 270px;
}

#btn_display_inactive {
    cursor: pointer;
}

.leads-list__filter .dropdown-list.radio-menu-list,
.js-more-filters .dropdown-list.radio-menu-list {
    max-height: 300px !important;
    height: auto !important;
}

.leads-list__filter .dropdown-list__container,
.js-more-filters .dropdown-list__container {
    max-height: initial;
    max-height: min-content;
    width: 100%;
    max-width: 350px;
}

    .leads-list__filter .dropdown-list__container .general-search--data-grid .mdl-textfield,
    .js-more-filters .dropdown-list__container .general-search--data-grid .mdl-textfield {
        width: 100%;
    }

@media screen and (min-width: 1280px) {
    .e-daterangewidget .e-daterangepicker.e-input {
        width: 100%;
    }
}

.leads-list__filter [id*=RangePicker] {
    min-width: 182px;
}

.leads-list__filter .general-search--data-grid .mdl-textfield {
    width: 193px;
}

@media screen and (min-width: 1025px) {
    .leads-list__filter .general-search--data-grid .mdl-textfield {
        width: 193px;
    }
}

h1 {
    margin: 0 0 10px 0;
    font-family: "latoregular", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-size: 1.4285714286rem;
    color: #333333;
}

h2 {
    margin: 0 0 10px 0;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 18px;
    color: #1a1a1a;
}

h3, h4, h5, h6 {
    margin: 0 0 10px 0;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    line-height: 20px;
}

h3 {
    font-size: 13px;
    font-size: 0.9285714286rem;
    line-height: 16px;
    color: #6d6d6d;
}

h4 {
    position: relative;
    font-size: 17px;
    font-size: 1.2142857143rem;
    line-height: 20px;
    color: #757575;
}

    h4.bordered {
        padding-bottom: 8px;
    }

        h4.bordered:after {
            content: '';
            width: 30px;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #757575;
        }

h5 {
    margin: 15px 0 5px 0;
    font-size: 15px;
    font-size: 1.0714285714rem;
    line-height: 20px;
    color: gray;
}

    h2.title--icon, h3.title--icon, h4.title--icon, h5.title--icon, h6.title--icon {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        h2.title--icon [class^="icon-"],
        h2.title--icon .material-icons, h3.title--icon [class^="icon-"],
        h3.title--icon .material-icons, h4.title--icon [class^="icon-"],
        h4.title--icon .material-icons, h5.title--icon [class^="icon-"],
        h5.title--icon .material-icons, h6.title--icon [class^="icon-"],
        h6.title--icon .material-icons {
            margin-right: 15px;
        }

    h2.title--icon--primary [class^="icon-"],
    h2.title--icon--primary .material-icons, h3.title--icon--primary [class^="icon-"],
    h3.title--icon--primary .material-icons, h4.title--icon--primary [class^="icon-"],
    h4.title--icon--primary .material-icons, h5.title--icon--primary [class^="icon-"],
    h5.title--icon--primary .material-icons, h6.title--icon--primary [class^="icon-"],
    h6.title--icon--primary .material-icons {
        color: #cc0000;
        font-size: 30px;
        font-size: 2.1428571429rem;
    }

.mdl-textfield__label {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

    .mdl-textfield__label:after {
        background: #4d56a4;
    }

.mdl-textfield__label--hidden {
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.mdl-textfield__label--mandatory {
    padding-left: 10px;
}

    .mdl-textfield__label--mandatory:before {
        content: '*';
        color: #cc0000;
        position: absolute;
        top: 0;
        left: 0;
    }

.mdl-textfield__input {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

    .mdl-textfield__input::-ms-clear {
        display: none;
    }

.mdl-textfield__addon {
    position: absolute;
    right: 10px;
    bottom: 26px;
}

.mdl-textfield--no-floating--sm {
    padding: 7px 0;
}

    .mdl-textfield--no-floating--sm .mdl-textfield__label {
        top: 10px;
    }

        .mdl-textfield--no-floating--sm .mdl-textfield__label:after {
            bottom: 7px;
        }

.mdl-textfield__icon {
    position: absolute;
    top: 20px;
    right: 0;
}

.mdl-textfield textarea {
    min-height: 35px;
    height: 35px;
    overflow: auto;
    box-sizing: border-box;
}

    .mdl-textfield textarea.mdl-textfield__input--bordered {
        min-height: 44px;
        height: 44px;
        line-height: 36px;
        padding: 4px 8px;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        resize: none;
    }

.mdl-textfield .field-validation-error {
    font-size: 12px;
    font-size: 0.8571428571rem;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #cc0000;
}

.mdl-textfield--light-bg {
    padding: 40px 20px 20px 20px;
    background: #f6f6f6;
}

    .mdl-textfield--light-bg .mdl-textfield__input {
        padding: 8px 20px;
        border: none;
        background: #ffffff;
        box-sizing: border-box;
    }

    .mdl-textfield--light-bg .mdl-textfield__label {
        left: 20px;
    }

        .mdl-textfield--light-bg .mdl-textfield__label:after {
            display: none;
        }

    .mdl-textfield--light-bg.is-focused .mdl-textfield__label, .mdl-textfield--light-bg.is-dirty .mdl-textfield__label, .mdl-textfield--light-bg.has-placeholder .mdl-textfield__label {
        top: 18px;
    }

.form-control-group--bg-dark .mdl-textfield .mdl-textfield__label {
    color: #dcdcdc;
}

.form-control-group--bg-dark .mdl-textfield .mdl-textfield__input {
    border-color: #9a9a9a;
}

.mdl-textfield .e-datewidget {
    width: 100%;
}

    .mdl-textfield .e-datewidget .e-in-wrap.e-padding .e-input, .mdl-textfield .e-datewidget .e-select {
        background: none;
    }

.mdl-textfield .e-ddl {
    width: 100%;
}

    .mdl-textfield .e-ddl .e-input,
    .mdl-textfield .e-ddl .e-select,
    .mdl-textfield .e-ddl .e-input[readonly] {
        background: none;
    }

    .mdl-textfield .e-ddl.e-popactive ~ .mdl-textfield__label {
        top: 4px;
        font-size: 12px;
        font-size: 0.8571428571rem;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        color: #9a9a9a;
    }

.mdl-textfield--sm {
    width: 130px;
}

.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 {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #4d56a4;
}

.mdl-textfield--floating-label.is-focused .field-validation-valid, .mdl-textfield--floating-label.is-dirty .field-validation-valid, .mdl-textfield--floating-label.has-placeholder .field-validation-valid {
    display: none !important;
    visibility: hidden;
}

.mdl-textfield--floating-label.is-dirty .mdl-textfield__input,
.mdl-textfield--floating-label.is-dirty .e-ddl .e-in-wrap,
.mdl-textfield--floating-label.is-dirty .e-datewidget .e-in-wrap {
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}

.form-control-group--bg-dark .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .form-control-group--bg-dark .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .form-control-group--bg-dark .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #dcdcdc;
}

.form-control-group--bg-dark .mdl-textfield--floating-label.is-focused .mdl-textfield__input, .form-control-group--bg-dark .mdl-textfield--floating-label.is-dirty .mdl-textfield__input, .form-control-group--bg-dark .mdl-textfield--floating-label.has-placeholder .mdl-textfield__input {
    color: #ffffff;
}

.mdl-textfield--floating-label .mdl-selectfield__select.e-ddl {
    height: 28px;
    margin: 0;
    padding: 0;
}

.mdl-textfield--floating-label .mdl-selectfield__select.e-focus ~ .mdl-selectfield__label, .mdl-textfield--floating-label .mdl-selectfield__select.e-popactive ~ .mdl-selectfield__label, .mdl-textfield--floating-label .mdl-selectfield__select.e-dirty ~ .mdl-selectfield__label {
    top: 4px;
    font-size: 12px;
    font-size: 0.8571428571rem;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #4d56a4;
}

.mdl-textfield--floating-label .mdl-selectfield__select.is-invalid ~ .mdl-selectfield__label {
    top: 24px;
    font-size: 14px;
    font-size: 1rem;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    color: #cc0000;
}

.mdl-textfield--floating-label .mdl-selectfield__select.is-invalid .e-icon {
    color: #cc0000;
}

.mdl-textfield--floating-label .mdl-selectfield__select.is-invalid .e-in-wrap {
    border-color: #cc0000;
}

.mdl-selectfield__label {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

.mdl-selectfield__label--hidden {
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.mdl-selectfield__label--mandatory {
    padding-left: 10px;
}

    .mdl-selectfield__label--mandatory:before {
        content: '*';
        color: #cc0000;
        position: absolute;
        top: 0;
        left: 0;
    }

.mdl-selectfield__box .mdl-selectfield__box-value, .mdl-selectfield__list-option-box ul > li {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

.mdl-selectfield__box > .mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
    border-top: 5px solid #8d8d8d;
}

.mdl-selectfield--sm {
    width: 40% !important;
}

.form-control-group--bg-dark .mdl-selectfield .mdl-selectfield__label {
    color: #dcdcdc;
}

.form-control-group--bg-dark .mdl-selectfield .mdl-selectfield__box {
    border-color: #9a9a9a;
}

.mdl-selectfield .e-ddl .e-input,
.mdl-selectfield .e-ddl .e-input[readonly],
.mdl-selectfield .e-ddl .e-select {
    background: none;
}

.mdl-selectfield--no-border {
    width: auto;
    line-height: 16px;
}

    .mdl-selectfield--no-border .mdl-selectfield__box {
        border-bottom: 0;
    }

.mdl-selectfield--white .mdl-selectfield__arrow-down {
    border-top-color: #ffffff !important;
}

.mdl-selectfield--white .mdl-selectfield__box-value {
    color: white;
}

.mdl-selectfield--sm {
    width: 130px;
}

.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label, .mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label, .mdl-selectfield--floating-label.has-placeholder .mdl-selectfield__label {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #4d56a4;
}

.form-control-group--bg-dark .mdl-selectfield--floating-label.is-focused .mdl-selectfield__label, .form-control-group--bg-dark .mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label, .form-control-group--bg-dark .mdl-selectfield--floating-label.has-placeholder .mdl-selectfield__label {
    color: #dcdcdc;
}

.form-control-group--bg-dark .mdl-selectfield--floating-label.is-focused .mdl-selectfield__box, .form-control-group--bg-dark .mdl-selectfield--floating-label.is-dirty .mdl-selectfield__box, .form-control-group--bg-dark .mdl-selectfield--floating-label.has-placeholder .mdl-selectfield__box {
    border-color: #9a9a9a;
}

    .form-control-group--bg-dark .mdl-selectfield--floating-label.is-focused .mdl-selectfield__box .mdl-selectfield__box-value, .form-control-group--bg-dark .mdl-selectfield--floating-label.is-dirty .mdl-selectfield__box .mdl-selectfield__box-value, .form-control-group--bg-dark .mdl-selectfield--floating-label.has-placeholder .mdl-selectfield__box .mdl-selectfield__box-value {
        color: #ffffff;
    }

.mdl-selectfield--floating-label .mdl-selectfield__select.e-ddl {
    height: 28px;
    margin: 0;
    padding: 0;
}

.mdl-selectfield--floating-label .mdl-selectfield__select.e-focus ~ .mdl-selectfield__label, .mdl-selectfield--floating-label .mdl-selectfield__select.e-popactive ~ .mdl-selectfield__label, .mdl-selectfield--floating-label .mdl-selectfield__select.e-dirty ~ .mdl-selectfield__label {
    top: 4px;
    font-size: 12px;
    font-size: 0.8571428571rem;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #9a9a9a;
}

.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__box {
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}

.mdl-checkbox__label {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #1a1a1a;
    font-size: 14px;
    font-size: 1rem;
}

.mdl-checkbox__label--light {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.form {
    width: 100%;
    max-width: 870px;
}

.form--sm {
    max-width: 560px;
}

.form--md {
    max-width: 935px;
}

.form--lg {
    max-width: 1180px;
}

.form--xlg {
    max-width: 1600px;
}

.form--full-width {
    max-width: none;
}

.form--align-center {
    margin: 0 auto;
}

.form__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    border-radius: 2px 2px 0 0;
    background: #6d6d6d;
    position: relative;
}

.form__header-title {
    font-size: 13px;
    font-size: 0.9285714286rem;
    line-height: 14px;
    color: #dcdcdc;
}

.form__header-text {
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #ffffff;
}

.form__header--light-bg {
    padding: 20px;
    background: #dcdcdc;
}

    .form__header--light-bg .form__header-title {
        color: #9a9a9a;
    }

    .form__header--light-bg .form__header-text {
        color: #1a1a1a;
    }

.form__header--dark-bg {
    padding: 20px;
    background: #666666;
}

    .form__header--dark-bg .form__header-title {
        color: #dcdcdc;
    }

    .form__header--dark-bg .form__header-text {
        color: #ffffff;
    }

.form__section {
    position: relative;
    padding: 40px;
}

.form__section--flex {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.form__section--flex-col {
    flex-direction: column;
}

.form__section--half-seperator:before {
    background: #e0e0e0;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
    display: block;
}

.form__section--half-seperator--offset:before {
    height: calc( 100% + 42px );
    top: -21px;
}

.form__section--third-seperator:before {
    background: #e0e0e0;
    position: absolute;
    transform: translateX(-32.5%);
    left: 32.5%;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
    display: block;
}

.form__section--third-seperator:after {
    background: #e0e0e0;
    position: absolute;
    transform: translateX(-67.5%);
    left: 67.5%;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
    display: block;
}

.form__section--bg {
    background: #ffffff;
    border-radius: 4px;
}

.form__section--bg-tranparent {
    background: transparent;
}

.form__section--bg-light {
    background: #f6f6f6;
}

.form__section--with-seperator {
    position: relative;
}

    .form__section--with-seperator:before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        background: #dcdcdc;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

.form__section--top-radius {
    border-radius: 4px 4px 0 0;
}

.form__section--bottom-radius {
    border-radius: 0 0 4px 4px;
}

.form__section--no-radius {
    border-radius: 0;
}

.form__section--no-padding {
    padding: 0;
}

    .form__section--no-padding .form__actions {
        margin: 30px 0 0 0;
    }

.form__section--wide-padding {
    padding: 65px 85px 30px 85px;
}

    .form__section--wide-padding .form-control-group--bg-wide:before {
        width: calc(100% + 170px);
        left: -85px;
    }

    .form__section--wide-padding .form__actions {
        margin: 30px -85px -40px -85px;
    }

.form__section-title {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #333333;
}

.form__section-title--icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    text-transform: uppercase;
}

    .form__section-title--icon [class^="icon-"] {
        margin-right: 10px;
        font-size: 30px;
        font-size: 2.1428571429rem;
        color: #cc0000;
    }

    .form__section-title--icon .icon-from, .form__section-title--icon .icon-to {
        margin-right: 20px;
    }

.form__section-title--emphase {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.form__section-title--split {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

    .form__section-title--split small {
        display: block;
        margin-bottom: 5px;
        font-family: "robotomedium", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
        line-height: 14px;
    }

.form__section-title--bg {
    padding: 15px 20px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    background: #666666;
    color: #ffffff;
}

    .form__section-title--bg [class^="icon-"] {
        margin-right: 20px;
        font-size: 28px;
        font-size: 2rem;
        color: #ffffff;
    }

.form__section-title--bold {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-size: 1.3571428571rem;
    color: #666666;
}

.form__section-inner {
    width: 79.115%;
    /* ~ 625px */
    position: relative;
    margin: 0 auto;
    padding: 30px 65px;
    box-sizing: border-box;
}

.form__section-inner--from:before {
    content: '';
    width: 2px;
    height: calc(100% - 44px);
    position: absolute;
    top: 60px;
    left: 20px;
    border-left: 2px dotted #9a9a9a;
}

.form__section-inner--no-padding {
    padding: 0 !important;
}

.form__section-inner--tab {
    width: 100%;
    padding: 30px 120px;
}

.form__section-inner--wide {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 40px;
}

.form__section-inner--wide-col {
    flex-direction: column;
}

.form__section-inner--light-bg {
    background: #f6f6f6;
}

.form__section-inner--expand {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px;
}

.form__section-inner--expand-2 {
    width: calc(100% + 120px);
    margin-left: -60px;
    margin-right: -60px;
    padding: 30px 60px;
}

.form__section-inner-title {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #333333;
    text-transform: uppercase;
}

.form__section-inner-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 18px;
    left: 0;
    border-radius: 50%;
    background: #4d56a4;
}

.form__section-inner .icon-from:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    border-radius: 50%;
    background: #ffffff;
}

.form__section-inner .icon-place {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
}

.form__section-col {
    padding: 10px;
}

    .form__section-col:not(:last-child) {
        margin-right: 10px;
    }

.form__section-col--action-bottom {
    position: relative;
    padding-bottom: 45px !important;
}

.form__section-col-title {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.form__section-col-list {
    margin: 0;
    padding: 0 0 0 10px;
    list-style-type: none;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
}

    .form__section-col-list li {
        position: relative;
    }

        .form__section-col-list li:before {
            content: '.';
            width: 0;
            height: 0;
            position: absolute;
            top: -12px;
            left: -12px;
            font-family: "robotolight", Arial, Helvetica, sans-serif;
            font-size: 36px;
            font-size: 2.5714285714rem;
        }

.form__section-col--lg {
    width: 100%;
    padding: 0;
}

    .form__section-col--lg:not(:last-child) {
        margin-right: 60px;
    }

.form__section-toolbar {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .form__section-toolbar .mdl-button {
        margin-left: auto;
    }

.form__section-inner-wrap {
    width: 100%;
    display: flex;
}

    .form__section-inner-wrap:not(:last-of-type) {
        margin-bottom: 30px;
    }

.form__section .mdl-tabs--lg {
    position: relative;
}

    .form__section .mdl-tabs--lg .mandatory {
        top: 110px;
    }

.form__section-stepper {
    width: calc(100% + 40px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 20px 0;
}

    .form__section-stepper .form__section-title {
        min-width: 170px;
        margin-right: 30px;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

    .form__section-stepper .timeline-list {
        width: 100%;
    }

.form .mandatory {
    padding-left: 5px;
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.8571428571rem;
    color: #1a1a1a;
    text-align: right;
    /*&:before {
  content: '*';
  position: absolute;
  top: 0;
  left: -2px;
}*/
}

.form .mandatory--top-30 {
    top: 30px !important;
}

.form .mandatory--top-110 {
    top: 110px !important;
}

.form .tooltip {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 40px 100px;
}

.form .tooltip__content {
    width: 100%;
    max-width: 400px;
    margin-left: 70px;
}

.form .tooltip__title {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.form .tooltip p {
    margin-bottom: 0;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
}

.form .tooltip strong {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.form .tooltip .icon-info {
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 24px;
    font-size: 1.7142857143rem;
    color: #9a9a9a;
}

.form__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px -40px -40px -40px;
    padding: 30px 40px;
    border-top: 1px solid #e0e0e0;
    background: #f6f6f6;
}

    .form__actions .mdl-button.btn-secondary-bordered {
        border-color: #757575;
        color: #757575;
    }

        .form__actions .mdl-button.btn-secondary-bordered:hover {
            background: #757575;
            color: #ffffff;
        }

.form__actions--stepper {
    padding: 0;
    position: relative;
}

    .form__actions--stepper:before {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        background: #e0e0e0;
    }

.form__actions--stepper-single:before {
    display: none;
}

.form__actions--submit {
    justify-content: center;
    padding: 20px 40px;
    border: none;
    background: #ffffff;
}

.form__actions--submit-space-between {
    justify-content: space-between;
}

.appointment + .form__actions {
    margin-top: 0;
}

.form__actions--single--lg .mdl-button {
    background: #41b983;
    width: 100%;
    height: 78px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 20px;
    border: none;
    border-radius: 0 0 2px 0;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    cursor: pointer;
    justify-content: center;
}

    .form__actions--single--lg .mdl-button .button-step__text-main {
        color: #ffffff;
    }

    .form__actions--single--lg .mdl-button [class^="icon-arrow-"] {
        color: #ffffff;
        position: absolute;
        right: 30px;
    }

.form-listMultiSelect {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
}

.form-listMultiSelect__text {
    background: #ffffff;
    color: #9a9a9a;
    border-radius: 25px;
    padding: 0 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}

    .form-listMultiSelect__text.active, .form-listMultiSelect__text.filled {
        color: #4d56a4;
        border: 1px solid #4d56a4;
    }

        .form-listMultiSelect__text.active .form-listMultiSelect__text__action {
            border-color: #4d56a4;
        }

    .form-listMultiSelect__text.filled {
        color: #ffffff;
        background: #4d56a4;
    }

        .form-listMultiSelect__text.filled .form-listMultiSelect__text__action {
            border-color: #ffffff;
        }

            .form-listMultiSelect__text.filled .form-listMultiSelect__text__action label:before {
                color: #ffffff;
            }

        .form-listMultiSelect__text.filled .form-listMultiSelect__text-arrow:before {
            color: #ffffff;
        }

.form-listMultiSelect__text__action {
    position: relative;
    width: 24px;
    height: 32px;
    display: block;
    margin-right: 10px;
    padding-right: 5px;
    border-right: 1px solid #dcdcdc;
    overflow: hidden;
}

    .form-listMultiSelect__text__action input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
    }

    .form-listMultiSelect__text__action label {
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 32px;
        z-index: 5;
        opacity: 1;
        cursor: pointer;
    }

        .form-listMultiSelect__text__action label:before {
            content: '\e916';
            font-family: "icomoon";
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            color: #9a9a9a;
            line-height: 32px;
        }

        .form-listMultiSelect__text__action label + span {
            margin-left: 10px;
        }

.form-listMultiSelect__text-arrow {
    position: relative;
    width: 24px;
    height: 32px;
    margin-left: auto;
    display: block;
    overflow: hidden;
}

    .form-listMultiSelect__text-arrow:before {
        content: '\e904';
        font-family: "icomoon";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        color: #9a9a9a;
        line-height: 32px;
    }

.form-listMultiSelect__list.active {
    display: block;
}

.form-listMultiSelect__list.hide {
    display: none;
}

.form-listMultiSelect__col {
    width: 100%;
}

    .form-listMultiSelect__col.active {
        display: block;
    }

    .form-listMultiSelect__col.hide {
        display: none;
    }

    .form-listMultiSelect__col:first-child .form-listMultiSelect__list .form-listMultiSelect__item:first-child {
        padding: 15px;
        margin: 0 0 15px 0;
        background: #dcdcdc;
    }

    .form-listMultiSelect__col:not(:last-child) {
        border-right: 1px solid #dcdcdc;
    }

    .form-listMultiSelect__col ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .form-listMultiSelect__col .mCSB_outside + .mCSB_scrollTools {
        right: 0;
    }

    .form-listMultiSelect__col .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
        background: #b3b3b3 !important;
    }

    .form-listMultiSelect__col .mCSB_scrollTools .mCSB_draggerRail {
        width: 4px;
        background: #d9d9d9 !important;
    }

.form-listMultiSelect__col--no-all:first-child .form-listMultiSelect__list .form-listMultiSelect__item:first-child {
    padding: 0;
    margin: 15px;
    background: none;
}

.form-listMultiSelect__item {
    margin: 15px;
    cursor: pointer;
}

    .form-listMultiSelect__item.active {
        background: red;
    }

.form__term-condition {
    display: flex;
    flex-wrap: initial !important;
    align-items: start !important;
}

    .form__term-condition .form-control {
        max-width: 50px;
    }

.form-control {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*.drawer__content & {
  &:not(:last-child) {
    margin-right: 3.25%;
  }
}*/
}

    .form-control:not(:last-of-type) {
        margin-right: 5%;
    }

.js-partial-address .form-control {
    margin-right: 0;
}

.form-control-group.flex--start {
    justify-content: flex-start !important;
}

.form-control-group--full-width .form-control:not(:last-of-type) {
    margin-right: 0;
}

.form-control-group--accordion {
    margin: 0 -20px;
    padding: 20px 0;
    width: calc(100% + 40px) !important;
    background: #f2f2f2;
}

    .form-control-group--accordion.is-active {
        display: block !important;
    }

    .form-control-group--accordion > .form-control-group {
        padding-left: 20px;
        padding-right: 20px;
        width: calc(100% - 40px) !important;
    }

    .form-control-group--accordion .form-control-group--accordion {
        margin: 20px;
        background: #ffffff;
    }

        .form-control-group--accordion .form-control-group--accordion > .form-control-group {
            padding-left: 0;
            padding-right: 0;
            width: 100% !important;
        }

        .form-control-group--accordion .form-control-group--accordion .form-control-group--accordion {
            border: 1px solid #efeff0;
            padding-bottom: 0;
        }

            .form-control-group--accordion .form-control-group--accordion .form-control-group--accordion > .form-control-group {
                padding-left: 20px;
                padding-right: 20px;
            }

            .form-control-group--accordion .form-control-group--accordion .form-control-group--accordion .form-control-group--accordion {
                background: #f2f2f2;
                margin: 0;
            }

                .form-control-group--accordion .form-control-group--accordion .form-control-group--accordion .form-control-group--accordion > .form-control-group {
                    padding-left: 0;
                    padding-right: 0;
                    width: calc(100% - 40px) !important;
                }

.form-control--tenth:not(:last-child) {
    margin-right: 5%;
}

.form-control--third-width, .form-control--two-third-width, .form-control--one-tenth-width, .form-control--two-tenth-width, .form-control--three-tenth-width, .form-control--four-tenth-width, .form-control--five-tenth-width, .form-control--six-tenth-width, .form-control--seven-tenth-width, .form-control--eight-tenth-width {
    width: 100%;
}

.form-control--col {
    flex-direction: column;
}

.form-control--space-between {
    justify-content: space-between;
}

.form-control--center {
    justify-content: center;
}

.form-control--combo > *:not(:last-child) {
    margin-right: 30px;
}

.form-control--combo-lg > *:not(:last-child) {
    margin-right: 30px;
}

.form-control--combo-wrap {
    flex-wrap: wrap;
}

    .form-control--combo-wrap > *:not(:only-child) {
        width: auto;
    }

    .form-control--combo-wrap > *:not(:last-child) {
        margin-right: 30px;
    }

.form-control--icon [class^="icon-"] {
    flex: 1;
    margin-right: 40px;
    font-size: 48px;
    font-size: 3.4285714286rem;
}

.form-control--text .field-label {
    margin-right: 40px;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
    line-height: 16px;
    color: #1a1a1a;
}

    .form-control--text .field-label small {
        font-style: italic;
        color: #949599;
    }

.form-control__title {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #333333;
}

.form-control__title--bold {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    color: #666666;
}

@media screen and (min-width: 760px) {
    .form-control {
        width: 47.5%;
    }

        .form-control.full-width {
            width: 100%;
        }

    .form-control--third-width {
        width: 30%;
    }

    .form-control--two-third-width {
        width: 64%;
    }

    .form-control--one-tenth-width {
        width: 10%;
    }

    .form-control--two-tenth-width {
        width: 16%;
    }

    .form-control--three-tenth-width {
        width: 26.5%;
    }

    .form-control--four-tenth-width {
        width: 40%;
    }

    .form-control--five-tenth-width {
        width: 47.5%;
    }

    .form-control--six-tenth-width {
        width: 53.5%;
    }

    .form-control--seven-tenth-width {
        width: 68.5%;
    }

    .form-control--eight-tenth-width {
        width: 79%;
    }

    .form-control--combo-lg {
        width: 92%;
    }
}

.form-control-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
}

@media screen and (min-width: 760px) {
    .form-control-group {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
}

.form-control-group--action-bottom {
    position: absolute;
    bottom: 0;
    justify-content: flex-end;
}

    .form-control-group--action-bottom .form-control {
        width: auto;
    }

.form-control-group--column {
    flex-direction: column;
}

    .form-control-group--column .form-control {
        margin-right: 0;
    }

.form-control-group--left {
    justify-content: flex-start !important;
}

.form-control-group--center {
    justify-content: center !important;
}

.form-control-group--right {
    justify-content: flex-end !important;
}

.form-control-group--align-start {
    align-items: flex-start;
}

.form-control-group--bg {
    padding: 20px 40px;
    background: #f6f6f6;
}

.form-control-group--bg-dark {
    padding: 20px 40px;
    background: #666666;
}

    .form-control-group--bg-dark > * {
        color: #ffffff;
    }

.form-control-group--bg-light {
    padding: 20px 40px;
    background: #ffffff;
}

    .form-control-group--bg-light > * {
        color: inherit;
    }

.form-control-group--bg-wide {
    padding: 50px 0 30px 0;
    background: #f6f6f6;
    position: relative;
}

    .form-control-group--bg-wide:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: #f6f6f6;
    }

    .form-control-group--bg-wide > * {
        z-index: 2;
    }

.form-control-group--action {
    padding-right: 70px;
    position: relative;
}

    .form-control-group--action .form-control--tenth:not(:last-child) {
        margin-right: 3%;
    }

    .form-control-group--action .form-control--tenth:last-of-type {
        margin-right: 0;
    }

    .form-control-group--action .mdl-button--icon {
        min-width: 40px;
        height: 40px;
        position: absolute;
        top: 14px;
        right: 0;
        font-size: 24px;
        font-size: 1.7142857143rem;
    }

.form-control-group--action-full-pad {
    padding: 20px 80px 20px 20px;
}

    .form-control-group--action-full-pad .form-control:last-of-type {
        padding-right: 20px;
    }

    .form-control-group--action-full-pad.mdl-shadow--2dp:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .form-control-group--action-full-pad .mdl-button--icon {
        min-width: 80px;
        height: 100%;
        border-radius: 0 3px 3px 0;
        border-left: 1px solid #dcdcdc;
        position: absolute;
        top: 0;
        right: 0;
    }

.form-control-group--expand {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px;
    background: #f6f6f6;
}

.form-control-group--scroll {
    width: 100%;
    max-width: 760px;
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 30px;
}

@media screen and (min-width: 1440px) {
    .form-control-group--scroll {
        max-width: 845px;
    }
}

@media screen and (min-width: 1600px) {
    .form-control-group--scroll {
        max-width: 1100px;
    }
}

@media screen and (min-width: 1900px) {
    .form-control-group--scroll {
        max-width: 1325px;
    }
}

.form-control-group--scroll-item {
    width: 226px;
    display: inline-block;
}

    .form-control-group--scroll-item:not(:last-child) {
        margin-right: 36px;
    }

.form-control-group--scroll .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -10px;
}

.form-control-group--sm {
    max-width: 625px;
    width: 100%;
    margin: 0 auto;
}

.form-control-group--hidden {
    display: none;
}

.form-control-group--relative {
    position: relative;
}

.form-control-group + .add-btn {
    margin-top: 20px;
}

.form-control > * {
    width: 100%;
}

.form-control > .icon-arrow-right {
    width: auto;
    margin: 0 30px;
    font-size: 18px;
    font-size: 1.2857142857rem;
    color: #cc0000;
}

.form-control .label {
    width: auto;
    min-width: 135px;
    margin-right: 30px;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

.form-control .label--floating {
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    margin: 0;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.8571428571rem;
    color: #9a9a9a;
}

.form-control .label--floating-custom {
    top: -18px;
}

.form-control--selectbox-fixed-label {
    width: 100%;
}

    .form-control--selectbox-fixed-label .mdl-selectfield {
        width: 100%;
    }

        .form-control--selectbox-fixed-label .mdl-selectfield .mdl-selectfield__box {
            text-align: right;
        }

        .form-control--selectbox-fixed-label .mdl-selectfield .mdl-selectfield__label {
            visibility: visible;
        }

.sub-control-group {
    width: 100%;
    padding: 20px 30px;
    background: #ffffff;
    box-sizing: border-box;
    display: none;
}

    .sub-control-group.is-active {
        display: block;
    }

.custom-select {
    width: 100%;
    max-width: 200px;
    height: 35px;
    position: relative;
    background: #ffffff;
    border-radius: 25px;
    z-index: 1;
}

    .custom-select select {
        width: 100%;
        height: 35px;
        padding: 0 30px 0 15px;
        border: none;
        background: transparent;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        cursor: pointer;
    }

        .custom-select select::-ms-expand {
            display: none;
        }

    .custom-select:after {
        content: '\e904';
        font-family: "icomoon";
        font-size: 12px;
        font-size: 0.8571428571rem;
        position: absolute;
        right: 0;
        top: calc(50% - 0.5em);
        padding: 0 14px;
        color: #1a1a1a;
        font-size: 14px;
        z-index: -1;
        transform: rotate(90deg);
        pointer-events: none;
    }

.custom-select--with-icon {
    background: #f6f6f6;
    height: 48px;
    max-width: 280px;
    width: 100%;
    position: relative;
}

    .custom-select--with-icon:after {
        top: 0;
    }

    .custom-select--with-icon i {
        font-size: 26px;
        font-size: 1.8571428571rem;
        position: absolute;
        left: 0;
        padding: 11px;
        display: block;
        color: #ea4041;
    }

    .custom-select--with-icon select {
        padding: 0 30px 0 54px;
    }

.custom-ddl--with-icon {
    width: 100%;
    max-width: 280px;
    height: 48px;
    background: #f6f6f6;
}

    .custom-ddl--with-icon:after {
        display: none;
    }

    .custom-ddl--with-icon i {
        font-size: 26px;
        font-size: 1.8571428571rem;
        position: absolute;
        left: 0;
        padding: 11px;
        display: block;
        color: #ea4041;
    }

    .custom-ddl--with-icon .e-ddl {
        float: right;
        width: 200px;
        margin-top: 7px;
        margin-right: 20px;
    }

        .custom-ddl--with-icon .e-ddl .e-input,
        .custom-ddl--with-icon .e-ddl .e-input[readonly],
        .custom-ddl--with-icon .e-ddl .e-select {
            background: transparent;
        }

.custom-file {
    padding: 20px 0;
}

.custom-file__title {
    margin-bottom: 5px;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

.custom-file__info {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
}

    .custom-file__info [class^="icon-"] {
        font-size: 22px;
        font-size: 1.5714285714rem;
        color: #757575;
    }

.custom-file__input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .custom-file__input:focus + label, .custom-file__input.has-focus + label {
        outline: 1px dashed #1a1a1a;
        outline: -webkit-focus-ring-color auto 5px;
    }

.custom-file__label {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding: 15px 20px;
    border: 1px dashed #9a9a9a;
    border-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.8571428571rem;
    color: #9a9a9a;
    cursor: pointer;
    box-sizing: border-box;
}

    .custom-file__label [class^="icon-"] {
        margin-right: 15px;
        font-size: 25px;
        font-size: 1.7857142857rem;
        color: #4d56a4;
    }

.custom-file-container {
    margin-top: 20px;
}

    .custom-file-container table {
        width: 100%;
    }

    .custom-file-container select {
        width: 100%;
        height: 32px;
    }

    .custom-file-container .e-drag-text {
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        font-size: 0.8571428571rem;
        color: #9a9a9a;
    }

    .custom-file-container .e-upload-box.e-drag-wrapper {
        border: 1px dashed #9a9a9a;
    }

#UploadedDoc {
    width: 100%;
}

    #UploadedDoc .font {
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        color: #1a1a1a;
    }

        #UploadedDoc .font + td + td {
            text-align: right;
        }

#UploadedDocTender {
    width: 100%;
}

    #UploadedDocTender .font {
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        color: #1a1a1a;
    }

        #UploadedDocTender .font + td + td {
            text-align: right;
        }

.uploadedDoc__select {
    position: relative;
}

    .uploadedDoc__select:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #e0e0e0;
        position: absolute;
        top: 48%;
        right: 8px;
        pointer-events: none;
    }

    .uploadedDoc__select select {
        width: 100px;
        padding: 8px 20px 8px 12px;
        border-radius: 20px;
        border: none;
        background: #333333;
        color: #ffffff;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        cursor: pointer;
    }

@media screen and (min-width: 1280px) {
    .uploadedDoc__select select {
        width: 100%;
    }
}

.uploadedDoc__select select::-ms-expand {
    display: none;
}

.uploadedDoc__button {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    border-radius: 50%;
    background: #1a1a1a;
    cursor: pointer;
}

    .uploadedDoc__button > img {
        display: none;
    }

    .uploadedDoc__button:before {
        content: '\e928';
        font-family: "icomoon";
        width: 34px;
        height: 34px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 34px;
        font-size: 16px;
        font-size: 1.1428571429rem;
        color: #ffffff;
    }

#DocTypeTitle {
    margin-left: 0 !important;
}

.switch-control {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .switch-control.full-width {
        width: 100% !important;
    }

.switch-control__title {
    margin-right: 40px;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
}

.switch-control__input {
    width: 0;
    height: 0;
    position: absolute;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

    .switch-control__input:checked ~ .switch-control__label .switch-control__text {
        color: #ffffff;
    }

    .switch-control__input:checked ~ .switch-control__label .switch-control__text--left {
        opacity: 1;
    }

    .switch-control__input:checked ~ .switch-control__label .switch-control__text--right {
        opacity: 0;
    }

    .switch-control__input:checked ~ .switch-control__label .switch-control__appearance:before {
        background: #41b983;
    }

    .switch-control__input:checked ~ .switch-control__label .switch-control__appearance:after {
        right: 5px;
        left: auto;
    }

.switch-control__label {
    width: 100px;
    height: 35px;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 13px;
    font-size: 0.9285714286rem;
    text-transform: uppercase;
    color: #9a9a9a;
    cursor: pointer;
}

.switch-control__text {
    position: absolute;
    z-index: 2;
}

.switch-control__text--left {
    left: 15px;
    opacity: 0;
}

.switch-control__text--right {
    right: 15px;
}

.switch-control__appearance {
    width: 100px;
    height: 35px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .switch-control__appearance:before {
        content: '';
        width: 100px;
        height: 35px;
        border-radius: 22px;
        background: #cccccc;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.25s cubic-bezier(0.5, 0, 0.1, 1);
    }

    .switch-control__appearance:after {
        content: '';
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #ffffff;
        position: absolute;
        top: 5px;
        left: 5px;
        right: auto;
        transition: all 0.25s cubic-bezier(0.5, 0, 0.1, 1);
        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);
    }

.switch-control.is-active {
    margin-bottom: 0;
}

    .switch-control.is-active + .switch-content {
        display: block;
    }

.switch-content {
    width: 100%;
    margin: 20px 0;
    padding: 20px;
    background: #ffffff;
    box-sizing: border-box;
    display: none;
}

.switch-content--bg-light {
    padding: 30px;
    background: #f6f6f6;
}

.switch-content--no-padding {
    padding: 0;
}

.button-control {
    width: 100%;
    max-width: 785px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.button-control__field {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

    .button-control__field .mdl-button:not(:last-child) {
        margin-right: 30px;
    }

.button-control--col .button-control__field {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

    .button-control--col .button-control__field .mdl-button:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }

.mdl-textfield--centered-text .mdl-selectfield__box-value,
.mdl-textfield--centered-text .mdl-textfield__input,
.mdl-selectfield--centered-text .mdl-selectfield__box-value,
.mdl-selectfield--centered-text .mdl-textfield__input {
    text-align: center;
}

.is-visible {
    display: block !important;
}

.is-visible-inline {
    display: inline-block !important;
}

.is-visible-flex {
    display: flex !important;
}

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

.to-uppercase {
    text-transform: uppercase !important;
}

.to-lowercase {
    text-transform: lowercase !important;
}

.text-transform-none {
    text-transform: none !important;
}

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

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

.text-right, .js-section2 .accordion__panel#accordionBlock .mdl-selectfield__box span.mdl-selectfield__box-value {
    text-align: right !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.bg-light-1 {
    background: #e0e0e0 !important;
}

.bg-light-2 {
    background: #f6f6f6 !important;
}

.bg-light-7 {
    background: #f2f2f2 !important;
}

.bg-accent-10 {
    background: #4d56a4 !important;
}

    .bg-accent-10 > * {
        color: #ffffff !important;
    }

.bg-accent-11 {
    background: #00b6ce !important;
}

    .bg-accent-11 > * {
        color: #ffffff !important;
    }

bg-light-8 {
    background: #efeff0 !important;
}

.bg-white {
    background: #ffffff !important;
}

.bg-transparent {
    background: transparent !important;
}

.bg-dark-color--1 {
    background: #333333;
    color: #ffffff;
}

.bg-dark-color--2 {
    background: #6d6d6d;
}

    .bg-dark-color--2 > * {
        color: #ffffff !important;
    }

.border-0 {
    border: 0px solid #8d8d8d !important;
}

.border-1 {
    border: 1px solid #8d8d8d !important;
}

.border-2 {
    border: 2px solid #8d8d8d !important;
}

.border-3 {
    border: 3px solid #8d8d8d !important;
}

.border-4 {
    border: 4px solid #8d8d8d !important;
}

.border-5 {
    border: 5px solid #8d8d8d !important;
}

.border-6 {
    border: 6px solid #8d8d8d !important;
}

.border-7 {
    border: 7px solid #8d8d8d !important;
}

.border-8 {
    border: 8px solid #8d8d8d !important;
}

.border-9 {
    border: 9px solid #8d8d8d !important;
}

.border-10 {
    border: 10px solid #8d8d8d !important;
}

.border-pending-pms--bottom-0 {
    border-bottom: 0px solid #6f00ff !important;
}

.border-pending-pms--bottom-1 {
    border-bottom: 1px solid #6f00ff !important;
}

.border-pending-pms--bottom-2 {
    border-bottom: 2px solid #6f00ff !important;
}

.border-pending-pms--bottom-3 {
    border-bottom: 3px solid #6f00ff !important;
}

.border-pending-pms--bottom-4 {
    border-bottom: 4px solid #6f00ff !important;
}

.border-pending-pms--bottom-5 {
    border-bottom: 5px solid #6f00ff !important;
}

.border-pending-pms--bottom-6 {
    border-bottom: 6px solid #6f00ff !important;
}

.border-pending-pms--bottom-7 {
    border-bottom: 7px solid #6f00ff !important;
}

.border-pending-pms--bottom-8 {
    border-bottom: 8px solid #6f00ff !important;
}

.border-pending-pms--bottom-9 {
    border-bottom: 9px solid #6f00ff !important;
}

.border-pending-pms--bottom-10 {
    border-bottom: 10px solid #6f00ff !important;
}

.border-accent-13--bottom-0 {
    border-bottom: 0px solid #015ba9 !important;
}

.border-accent-13--bottom-1 {
    border-bottom: 1px solid #015ba9 !important;
}

.border-accent-13--bottom-2 {
    border-bottom: 2px solid #015ba9 !important;
}

.border-accent-13--bottom-3 {
    border-bottom: 3px solid #015ba9 !important;
}

.border-accent-13--bottom-4 {
    border-bottom: 4px solid #015ba9 !important;
}

.border-accent-13--bottom-5 {
    border-bottom: 5px solid #015ba9 !important;
}

.border-accent-13--bottom-6 {
    border-bottom: 6px solid #015ba9 !important;
}

.border-accent-13--bottom-7 {
    border-bottom: 7px solid #015ba9 !important;
}

.border-accent-13--bottom-8 {
    border-bottom: 8px solid #015ba9 !important;
}

.border-accent-13--bottom-9 {
    border-bottom: 9px solid #015ba9 !important;
}

.border-accent-13--bottom-10 {
    border-bottom: 10px solid #015ba9 !important;
}

.border-light-0 {
    border: 0px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-1 {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-2 {
    border: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-3 {
    border: 3px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-4 {
    border: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-5 {
    border: 5px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-6 {
    border: 6px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-7 {
    border: 7px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-8 {
    border: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-9 {
    border: 9px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light-10 {
    border: 10px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-0 {
    border-top: 0px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-1 {
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-2 {
    border-top: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-3 {
    border-top: 3px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-4 {
    border-top: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-5 {
    border-top: 5px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-6 {
    border-top: 6px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-7 {
    border-top: 7px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-8 {
    border-top: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-9 {
    border-top: 9px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--top-10 {
    border-top: 10px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-0 {
    border-bottom: 0px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-2 {
    border-bottom: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-3 {
    border-bottom: 3px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-4 {
    border-bottom: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-5 {
    border-bottom: 5px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-6 {
    border-bottom: 6px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-7 {
    border-bottom: 7px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-8 {
    border-bottom: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-9 {
    border-bottom: 9px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--bottom-10 {
    border-bottom: 10px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-0 {
    border-right: 0px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-1 {
    border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-2 {
    border-right: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-3 {
    border-right: 3px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-4 {
    border-right: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-5 {
    border-right: 5px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-6 {
    border-right: 6px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-7 {
    border-right: 7px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-8 {
    border-right: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-9 {
    border-right: 9px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--right-10 {
    border-right: 10px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-0 {
    border-left: 0px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-1 {
    border-left: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-2 {
    border-left: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-3 {
    border-left: 3px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-4 {
    border-left: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-5 {
    border-left: 5px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-6 {
    border-left: 6px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-7 {
    border-left: 7px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-8 {
    border-left: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-9 {
    border-left: 9px solid rgba(0, 0, 0, 0.12) !important;
}

.border-light--left-10 {
    border-left: 10px solid rgba(0, 0, 0, 0.12) !important;
}

.border-top-0 {
    border-top: 0px solid #8d8d8d !important;
}

.border-top-1 {
    border-top: 1px solid #8d8d8d !important;
}

.border-top-2 {
    border-top: 2px solid #8d8d8d !important;
}

.border-top-3 {
    border-top: 3px solid #8d8d8d !important;
}

.border-top-4 {
    border-top: 4px solid #8d8d8d !important;
}

.border-top-5 {
    border-top: 5px solid #8d8d8d !important;
}

.border-top-6 {
    border-top: 6px solid #8d8d8d !important;
}

.border-top-7 {
    border-top: 7px solid #8d8d8d !important;
}

.border-top-8 {
    border-top: 8px solid #8d8d8d !important;
}

.border-top-9 {
    border-top: 9px solid #8d8d8d !important;
}

.border-top-10 {
    border-top: 10px solid #8d8d8d !important;
}

.border-accent--9-0 {
    border: 0px solid #8d8d8d !important;
}

.border-accent--9-1 {
    border: 1px solid #8d8d8d !important;
}

.border-accent--9-2 {
    border: 2px solid #8d8d8d !important;
}

.border-accent--9-3 {
    border: 3px solid #8d8d8d !important;
}

.border-accent--9-4 {
    border: 4px solid #8d8d8d !important;
}

.border-accent--9-5 {
    border: 5px solid #8d8d8d !important;
}

.border-accent--9-6 {
    border: 6px solid #8d8d8d !important;
}

.border-accent--9-7 {
    border: 7px solid #8d8d8d !important;
}

.border-accent--9-8 {
    border: 8px solid #8d8d8d !important;
}

.border-accent--9-9 {
    border: 9px solid #8d8d8d !important;
}

.border-accent--9-10 {
    border: 10px solid #8d8d8d !important;
}

.border-accent--10-top-0 {
    border-top: 0px solid #4d56a4 !important;
}

.border-accent--10-top-1 {
    border-top: 1px solid #4d56a4 !important;
}

.border-accent--10-top-2 {
    border-top: 2px solid #4d56a4 !important;
}

.border-accent--10-top-3 {
    border-top: 3px solid #4d56a4 !important;
}

.border-accent--10-top-4 {
    border-top: 4px solid #4d56a4 !important;
}

.border-accent--10-top-5 {
    border-top: 5px solid #4d56a4 !important;
}

.border-accent--10-top-6 {
    border-top: 6px solid #4d56a4 !important;
}

.border-accent--10-top-7 {
    border-top: 7px solid #4d56a4 !important;
}

.border-accent--10-top-8 {
    border-top: 8px solid #4d56a4 !important;
}

.border-accent--10-top-9 {
    border-top: 9px solid #4d56a4 !important;
}

.border-accent--10-top-10 {
    border-top: 10px solid #4d56a4 !important;
}

.border-accent--10-bottom-0 {
    border-bottom: 0px solid #4d56a4 !important;
}

.border-accent--10-bottom-1 {
    border-bottom: 1px solid #4d56a4 !important;
}

.border-accent--10-bottom-2 {
    border-bottom: 2px solid #4d56a4 !important;
}

.border-accent--10-bottom-3 {
    border-bottom: 3px solid #4d56a4 !important;
}

.border-accent--10-bottom-4 {
    border-bottom: 4px solid #4d56a4 !important;
}

.border-accent--10-bottom-5 {
    border-bottom: 5px solid #4d56a4 !important;
}

.border-accent--10-bottom-6 {
    border-bottom: 6px solid #4d56a4 !important;
}

.border-accent--10-bottom-7 {
    border-bottom: 7px solid #4d56a4 !important;
}

.border-accent--10-bottom-8 {
    border-bottom: 8px solid #4d56a4 !important;
}

.border-accent--10-bottom-9 {
    border-bottom: 9px solid #4d56a4 !important;
}

.border-accent--10-bottom-10 {
    border-bottom: 10px solid #4d56a4 !important;
}

.border-white--right-0 {
    border-right: 0px solid #ffffff !important;
}

.border-white--right-1 {
    border-right: 1px solid #ffffff !important;
}

.border-white--right-2 {
    border-right: 2px solid #ffffff !important;
}

.border-white--right-3 {
    border-right: 3px solid #ffffff !important;
}

.border-white--right-4 {
    border-right: 4px solid #ffffff !important;
}

.border-white--right-5 {
    border-right: 5px solid #ffffff !important;
}

.border-white--right-6 {
    border-right: 6px solid #ffffff !important;
}

.border-white--right-7 {
    border-right: 7px solid #ffffff !important;
}

.border-white--right-8 {
    border-right: 8px solid #ffffff !important;
}

.border-white--right-9 {
    border-right: 9px solid #ffffff !important;
}

.border-white--right-10 {
    border-right: 10px solid #ffffff !important;
}

.border-white--left-0 {
    border-left: 0px solid #ffffff !important;
}

.border-white--left-1 {
    border-left: 1px solid #ffffff !important;
}

.border-white--left-2 {
    border-left: 2px solid #ffffff !important;
}

.border-white--left-3 {
    border-left: 3px solid #ffffff !important;
}

.border-white--left-4 {
    border-left: 4px solid #ffffff !important;
}

.border-white--left-5 {
    border-left: 5px solid #ffffff !important;
}

.border-white--left-6 {
    border-left: 6px solid #ffffff !important;
}

.border-white--left-7 {
    border-left: 7px solid #ffffff !important;
}

.border-white--left-8 {
    border-left: 8px solid #ffffff !important;
}

.border-white--left-9 {
    border-left: 9px solid #ffffff !important;
}

.border-white--left-10 {
    border-left: 10px solid #ffffff !important;
}

.border-bottom-0 {
    border-bottom: 0px solid #8d8d8d !important;
}

.border-bottom-1 {
    border-bottom: 1px solid #8d8d8d !important;
}

.border-bottom-2 {
    border-bottom: 2px solid #8d8d8d !important;
}

.border-bottom-3 {
    border-bottom: 3px solid #8d8d8d !important;
}

.border-bottom-4 {
    border-bottom: 4px solid #8d8d8d !important;
}

.border-bottom-5 {
    border-bottom: 5px solid #8d8d8d !important;
}

.border-bottom-6 {
    border-bottom: 6px solid #8d8d8d !important;
}

.border-bottom-7 {
    border-bottom: 7px solid #8d8d8d !important;
}

.border-bottom-8 {
    border-bottom: 8px solid #8d8d8d !important;
}

.border-bottom-9 {
    border-bottom: 9px solid #8d8d8d !important;
}

.border-bottom-10 {
    border-bottom: 10px solid #8d8d8d !important;
}

.border-rad-0 {
    border-radius: 0px !important;
}

.border-rad-1 {
    border-radius: 1px !important;
}

.border-rad-2 {
    border-radius: 2px !important;
}

.border-rad-3 {
    border-radius: 3px !important;
}

.border-rad-4 {
    border-radius: 4px !important;
}

.border-rad-5 {
    border-radius: 5px !important;
}

.border-rad-6 {
    border-radius: 6px !important;
}

.border-rad-7 {
    border-radius: 7px !important;
}

.border-rad-8 {
    border-radius: 8px !important;
}

.border-rad-9 {
    border-radius: 9px !important;
}

.border-rad-10 {
    border-radius: 10px !important;
}

.border-rad-top-0 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-1 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-2 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-3 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-4 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-5 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-6 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-7 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-8 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-9 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-top-10 {
    border-radius: 11px 11px 0 0 !important;
}

.border-rad-bottom-0 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-1 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-2 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-3 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-4 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-5 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-6 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-7 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-8 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-9 {
    border-radius: 0 0 11px 11px !important;
}

.border-rad-bottom-10 {
    border-radius: 0 0 11px 11px !important;
}

.border-right-0 {
    border-right: 0px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-1 {
    border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-2 {
    border-right: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-3 {
    border-right: 3px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-4 {
    border-right: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-5 {
    border-right: 5px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-6 {
    border-right: 6px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-7 {
    border-right: 7px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-8 {
    border-right: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-9 {
    border-right: 9px solid rgba(0, 0, 0, 0.12) !important;
}

.border-right-10 {
    border-right: 10px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-0 {
    border-left: 0px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-1 {
    border-left: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-2 {
    border-left: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-3 {
    border-left: 3px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-4 {
    border-left: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-5 {
    border-left: 5px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-6 {
    border-left: 6px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-7 {
    border-left: 7px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-8 {
    border-left: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-9 {
    border-left: 9px solid rgba(0, 0, 0, 0.12) !important;
}

.border-left-10 {
    border-left: 10px solid rgba(0, 0, 0, 0.12) !important;
}

.border-none .mdl-selectfield__box {
    border: 0 !important;
}

.no-border {
    border: none !important;
}

.no-margin {
    margin: 0 !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.m-0 {
    margin: 0px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-5--negative {
    margin-left: -5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-5--negative {
    margin-right: -5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-5--negative {
    margin-top: -5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-5--negative {
    margin-bottom: -5px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-5--negative {
    margin: -5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-10--negative {
    margin-left: -10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-10--negative {
    margin-right: -10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-10--negative {
    margin-top: -10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-10--negative {
    margin-bottom: -10px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-10--negative {
    margin: -10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-15--negative {
    margin-left: -15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-15--negative {
    margin-right: -15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-15--negative {
    margin-top: -15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-15--negative {
    margin-bottom: -15px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-15--negative {
    margin: -15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-20--negative {
    margin-left: -20px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-20--negative {
    margin-right: -20px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-20--negative {
    margin-top: -20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-20--negative {
    margin-bottom: -20px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-20--negative {
    margin: -20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-25--negative {
    margin-left: -25px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-25--negative {
    margin-right: -25px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-25--negative {
    margin-top: -25px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-25--negative {
    margin-bottom: -25px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-25--negative {
    margin: -25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-30--negative {
    margin-left: -30px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-30--negative {
    margin-right: -30px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-30--negative {
    margin-top: -30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-30--negative {
    margin-bottom: -30px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-30--negative {
    margin: -30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-35--negative {
    margin-left: -35px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-35--negative {
    margin-right: -35px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-35--negative {
    margin-top: -35px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-35--negative {
    margin-bottom: -35px !important;
}

.m-35 {
    margin: 35px !important;
}

.m-35--negative {
    margin: -35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-40--negative {
    margin-left: -40px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-40--negative {
    margin-right: -40px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-40--negative {
    margin-top: -40px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-40--negative {
    margin-bottom: -40px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-40--negative {
    margin: -40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-45--negative {
    margin-left: -45px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-45--negative {
    margin-right: -45px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-45--negative {
    margin-top: -45px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-45--negative {
    margin-bottom: -45px !important;
}

.m-45 {
    margin: 45px !important;
}

.m-45--negative {
    margin: -45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-50--negative {
    margin-left: -50px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-50--negative {
    margin-right: -50px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-50--negative {
    margin-top: -50px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-50--negative {
    margin-bottom: -50px !important;
}

.m-50 {
    margin: 50px !important;
}

.m-50--negative {
    margin: -50px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-55--negative {
    margin-left: -55px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-55--negative {
    margin-right: -55px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-55--negative {
    margin-top: -55px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-55--negative {
    margin-bottom: -55px !important;
}

.m-55 {
    margin: 55px !important;
}

.m-55--negative {
    margin: -55px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-60--negative {
    margin-left: -60px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-60--negative {
    margin-right: -60px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-60--negative {
    margin-top: -60px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-60--negative {
    margin-bottom: -60px !important;
}

.m-60 {
    margin: 60px !important;
}

.m-60--negative {
    margin: -60px !important;
}

.ml-65 {
    margin-left: 65px !important;
}

.ml-65--negative {
    margin-left: -65px !important;
}

.mr-65 {
    margin-right: 65px !important;
}

.mr-65--negative {
    margin-right: -65px !important;
}

.mt-65 {
    margin-top: 65px !important;
}

.mt-65--negative {
    margin-top: -65px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-65--negative {
    margin-bottom: -65px !important;
}

.m-65 {
    margin: 65px !important;
}

.m-65--negative {
    margin: -65px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-70--negative {
    margin-left: -70px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-70--negative {
    margin-right: -70px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-70--negative {
    margin-top: -70px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-70--negative {
    margin-bottom: -70px !important;
}

.m-70 {
    margin: 70px !important;
}

.m-70--negative {
    margin: -70px !important;
}

.ml-75 {
    margin-left: 75px !important;
}

.ml-75--negative {
    margin-left: -75px !important;
}

.mr-75 {
    margin-right: 75px !important;
}

.mr-75--negative {
    margin-right: -75px !important;
}

.mt-75 {
    margin-top: 75px !important;
}

.mt-75--negative {
    margin-top: -75px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mb-75--negative {
    margin-bottom: -75px !important;
}

.m-75 {
    margin: 75px !important;
}

.m-75--negative {
    margin: -75px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-80--negative {
    margin-left: -80px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-80--negative {
    margin-right: -80px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-80--negative {
    margin-top: -80px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-80--negative {
    margin-bottom: -80px !important;
}

.m-80 {
    margin: 80px !important;
}

.m-80--negative {
    margin: -80px !important;
}

.ml-85 {
    margin-left: 85px !important;
}

.ml-85--negative {
    margin-left: -85px !important;
}

.mr-85 {
    margin-right: 85px !important;
}

.mr-85--negative {
    margin-right: -85px !important;
}

.mt-85 {
    margin-top: 85px !important;
}

.mt-85--negative {
    margin-top: -85px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mb-85--negative {
    margin-bottom: -85px !important;
}

.m-85 {
    margin: 85px !important;
}

.m-85--negative {
    margin: -85px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-90--negative {
    margin-left: -90px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-90--negative {
    margin-right: -90px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-90--negative {
    margin-top: -90px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-90--negative {
    margin-bottom: -90px !important;
}

.m-90 {
    margin: 90px !important;
}

.m-90--negative {
    margin: -90px !important;
}

.ml-95 {
    margin-left: 95px !important;
}

.ml-95--negative {
    margin-left: -95px !important;
}

.mr-95 {
    margin-right: 95px !important;
}

.mr-95--negative {
    margin-right: -95px !important;
}

.mt-95 {
    margin-top: 95px !important;
}

.mt-95--negative {
    margin-top: -95px !important;
}

.mb-95 {
    margin-bottom: 95px !important;
}

.mb-95--negative {
    margin-bottom: -95px !important;
}

.m-95 {
    margin: 95px !important;
}

.m-95--negative {
    margin: -95px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-100--negative {
    margin-left: -100px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mr-100--negative {
    margin-right: -100px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-100--negative {
    margin-top: -100px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-100--negative {
    margin-bottom: -100px !important;
}

.m-100 {
    margin: 100px !important;
}

.m-100--negative {
    margin: -100px !important;
}

.mr-auto {
    margin-right: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.m-auto {
    margin: 0 auto !important;
}

.hm-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.hm-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.hm-5--negative {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.hm-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.hm-10--negative {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.hm-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.hm-15--negative {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.hm-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.hm-20--negative {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.hm-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.hm-25--negative {
    margin-left: -25px !important;
    margin-right: -25px !important;
}

.hm-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.hm-30--negative {
    margin-left: -30px !important;
    margin-right: -30px !important;
}

.hm-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.hm-35--negative {
    margin-left: -35px !important;
    margin-right: -35px !important;
}

.hm-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.hm-40--negative {
    margin-left: -40px !important;
    margin-right: -40px !important;
}

.hm-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.hm-45--negative {
    margin-left: -45px !important;
    margin-right: -45px !important;
}

.hm-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.hm-50--negative {
    margin-left: -50px !important;
    margin-right: -50px !important;
}

.hm-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
}

.hm-55--negative {
    margin-left: -55px !important;
    margin-right: -55px !important;
}

.hm-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.hm-60--negative {
    margin-left: -60px !important;
    margin-right: -60px !important;
}

.hm-65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
}

.hm-65--negative {
    margin-left: -65px !important;
    margin-right: -65px !important;
}

.hm-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.hm-70--negative {
    margin-left: -70px !important;
    margin-right: -70px !important;
}

.hm-75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
}

.hm-75--negative {
    margin-left: -75px !important;
    margin-right: -75px !important;
}

.hm-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.hm-80--negative {
    margin-left: -80px !important;
    margin-right: -80px !important;
}

.hm-85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
}

.hm-85--negative {
    margin-left: -85px !important;
    margin-right: -85px !important;
}

.hm-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

.hm-90--negative {
    margin-left: -90px !important;
    margin-right: -90px !important;
}

.hm-95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
}

.hm-95--negative {
    margin-left: -95px !important;
    margin-right: -95px !important;
}

.hm-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

.hm-100--negative {
    margin-left: -100px !important;
    margin-right: -100px !important;
}

.vm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.vm-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.vm-5--negative {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
}

.vm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.vm-10--negative {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

.vm-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.vm-15--negative {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
}

.vm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.vm-20--negative {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
}

.vm-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.vm-25--negative {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
}

.vm-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.vm-30--negative {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
}

.vm-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.vm-35--negative {
    margin-top: -35px !important;
    margin-bottom: -35px !important;
}

.vm-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.vm-40--negative {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
}

.vm-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.vm-45--negative {
    margin-top: -45px !important;
    margin-bottom: -45px !important;
}

.vm-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.vm-50--negative {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
}

.vm-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.vm-55--negative {
    margin-top: -55px !important;
    margin-bottom: -55px !important;
}

.vm-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.vm-60--negative {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
}

.vm-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.vm-65--negative {
    margin-top: -65px !important;
    margin-bottom: -65px !important;
}

.vm-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.vm-70--negative {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
}

.vm-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.vm-75--negative {
    margin-top: -75px !important;
    margin-bottom: -75px !important;
}

.vm-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.vm-80--negative {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
}

.vm-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.vm-85--negative {
    margin-top: -85px !important;
    margin-bottom: -85px !important;
}

.vm-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.vm-90--negative {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
}

.vm-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.vm-95--negative {
    margin-top: -95px !important;
    margin-bottom: -95px !important;
}

.vm-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.vm-100--negative {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
}

.no-padding {
    padding: 0 !important;
}

.p {
    /* currency page for pb-50 flex display */
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.p-0 {
    padding: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.p-5 {
    padding: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.p-10 {
    padding: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.p-15 {
    padding: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.p-20 {
    padding: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.p-25 {
    padding: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.p-30 {
    padding: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.p-35 {
    padding: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.p-40 {
    padding: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.p-45 {
    padding: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.p-50 {
    padding: 50px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pr-55 {
    padding-right: 55px !important;
}

.pt-55 {
    padding-top: 55px !important;
}

.pb-55 {
    padding-bottom: 55px !important;
}

.p-55 {
    padding: 55px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.p-60 {
    padding: 60px !important;
}

.pl-65 {
    padding-left: 65px !important;
}

.pr-65 {
    padding-right: 65px !important;
}

.pt-65 {
    padding-top: 65px !important;
}

.pb-65 {
    padding-bottom: 65px !important;
}

.p-65 {
    padding: 65px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.p-70 {
    padding: 70px !important;
}

.pl-75 {
    padding-left: 75px !important;
}

.pr-75 {
    padding-right: 75px !important;
}

.pt-75 {
    padding-top: 75px !important;
}

.pb-75 {
    padding-bottom: 75px !important;
}

.p-75 {
    padding: 75px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.p-80 {
    padding: 80px !important;
}

.pl-85 {
    padding-left: 85px !important;
}

.pr-85 {
    padding-right: 85px !important;
}

.pt-85 {
    padding-top: 85px !important;
}

.pb-85 {
    padding-bottom: 85px !important;
}

.p-85 {
    padding: 85px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.p-90 {
    padding: 90px !important;
}

.pl-95 {
    padding-left: 95px !important;
}

.pr-95 {
    padding-right: 95px !important;
}

.pt-95 {
    padding-top: 95px !important;
}

.pb-95 {
    padding-bottom: 95px !important;
}

.p-95 {
    padding: 95px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.p-100 {
    padding: 100px !important;
}

.pb-50 {
    /* ref: stackoverflow.com/questions/45037844/arrange-2-items-per-row-using-flexbox/45038018 */
    /* iphone portrait (768px à descendre) */
}

@media screen and (max-width: 760px) {
    .pb-50 {
        flex-wrap: wrap;
    }
}

.hp-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-0 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-0 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-0 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-10 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-10 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-10 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-15 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-15 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-15 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-20 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-20 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-20 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-25 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-25 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-25 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-30 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-30 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-30 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-35 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-35 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-35 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-40 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-40 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-40 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-45 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-45 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-45 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-50 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-50 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-50 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-55 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-55 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-55 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-60 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-60 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-60 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-65 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-65 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-65 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-70 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-70 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-70 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-75 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-75 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-75 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-80 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-80 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-80 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-85 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-85 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-85 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-90 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-90 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-90 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-95 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-95 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-95 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.hp-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
    /* 1024px is ok with the desktop css */
    /* 768px à descendre */
    /* 760px à descendre */
    /* 375px à descendre */
}

@media screen and (max-width: 768px) {
    .hp-100 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 760px) {
    .hp-100 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .hp-100 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.vp-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.vp-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.vp-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.vp-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.vp-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.vp-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.vp-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.vp-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.vp-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.vp-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.vp-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.vp-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.vp-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.vp-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.vp-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.vp-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.vp-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.vp-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.vp-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.vp-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.vp-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.accent--secondary-color-light-1 {
    color: #9a9a9a !important;
}

.accent--9 .mdl-card__title small,
.accent--9 [class^="icon-"] {
    color: #41b983 !important;
}

.accent--9 .icon-tick--circle {
    border-color: #41b983 !important;
}

.accent--9 > * {
    color: #41b983 !important;
}

.accent--4 [class^="icon-"] {
    color: #ea4041 !important;
}

.accent--10 > * {
    color: #4d56a4 !important;
}

.accent--11 > * {
    color: #00b6ce !important;
}

.accent--2 {
    color: #fbcf4c;
}

.status {
    position: relative;
    padding-left: 20px;
    /* new operations statuses from OperationsViewAndCrew page */
}

.status-sub-txt {
    display: block;
    color: #1a1a1a;
}

.status--pill {
    padding: 4px 15px;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

    .status--pill.quoted {
        background: #10237f;
        color: #ffffff;
    }

.status:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
}

.status--sm:before {
    top: 5px;
    left: 6px;
    width: 6px;
    height: 6px;
}

.status.not-handled:before, .status.declined:before, .status.awaiting-quote:before {
    background: #e94041;
}

.status.planned:before {
    background: #005baa;
}

.status.pending:before, .status.follow-up:before {
    background: #fc6400;
}

.status.pending-follow-up:before {
    background: #fbb32d;
}

.status.qualified:before, .status.approved:before, .status.confirmed:before {
    background: #23af7e;
}

.status.archived:before {
    background: #808080;
}

.status.abandonned:before {
    background: #5b5e62;
}

.status.transfered:before {
    background: #0064b4;
}

.status--code {
    color: #4d56a4;
}

.status.processed:before {
    background: #fbb32d;
}

.status.confirmed:before {
    background: #41b983;
}

.status.view:before {
    background: #00b6ce;
}

.status.request-info:before {
    background: #0064b4;
}

.status.cancelled:before {
    background: #333333;
}

.status.won {
    color: #41b983;
}

    .status.won:before {
        background: #41b983;
    }

.status.pending-pms {
    color: #6f00ff;
}

    .status.pending-pms:before {
        background: #6f00ff;
    }

.status.pending-acceptance {
    color: #fa6557;
}

    .status.pending-acceptance:before {
        background: #fa6557;
    }

.status.operation_packing {
    color: #0064b4;
    text-transform: capitalize;
}

    .status.operation_packing:before {
        background: #0064b4;
    }

.status.operation_packing_material_delivery {
    color: #4b90c8;
    text-transform: capitalize;
}

    .status.operation_packing_material_delivery:before {
        background: #4b90c8;
    }

.status.operation_packing_material_collection {
    color: #accae2;
    text-transform: capitalize;
}

    .status.operation_packing_material_collection:before {
        background: #accae2;
    }

.status.operation_packing_freight {
    color: #fbb32d;
    text-transform: capitalize;
}

    .status.operation_packing_freight:before {
        background: #fbb32d;
    }

.status.operation_packing_preshipping {
    color: #01b7cf;
    text-transform: capitalize;
}

    .status.operation_packing_preshipping:before {
        background: #01b7cf;
    }

.status.operation_packing_shipment_collection_terminal {
    color: #fa6557;
    text-transform: capitalize;
}

    .status.operation_packing_shipment_collection_terminal:before {
        background: #fa6557;
    }

.status.operation_packing_delivery_goods_residence {
    color: #6f00ff;
    text-transform: capitalize;
}

    .status.operation_packing_delivery_goods_residence:before {
        background: #6f00ff;
    }

.status.operation_packing_re_delivery {
    color: rgba(111, 0, 255, 0.5);
    text-transform: capitalize;
}

    .status.operation_packing_re_delivery:before {
        background: rgba(111, 0, 255, 0.5);
    }

.status.operation_packing_goods_collection_warehouse {
    color: #e20e77;
    text-transform: capitalize;
}

    .status.operation_packing_goods_collection_warehouse:before {
        background: #e20e77;
    }

.status.operation_packing_empty_container_return {
    color: #5b5e62;
    text-transform: capitalize;
}

    .status.operation_packing_empty_container_return:before {
        background: #5b5e62;
    }

.status.operation_packing_door_to_door {
    color: #bf2034;
    text-transform: capitalize;
}

    .status.operation_packing_door_to_door:before {
        background: #bf2034;
    }

.status.pendding_approval_1 {
    color: #00b6ce;
    text-transform: capitalize;
}

    .status.pendding_approval_1:before {
        background: #00b6ce;
    }

.not-handled,
.declined,
.awaiting-quote {
    color: #e94041;
}

.pending,
.follow-up {
    color: #fc6400;
}

.qualified,
.approved,
.confirmed {
    color: #23af7e;
}

.archived {
    color:#808080;
}

.abandonned {
    color: #5b5e62;
}

.transfered {
    color: #0064b4;
}

.flex {
    display: flex;
}

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

.flex--start {
    justify-content: flex-start !important;
}

.flex--center {
    justify-content: center !important;
}

.flex--end {
    justify-content: flex-end !important;
}

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

.flex--space-evenly {
    justify-content: space-evenly !important;
}

.flex--push-left {
    margin-right: auto !important;
}

.flex--push-right {
    margin-left: auto !important;
}

.flex--push-top {
    margin-top: auto !important;
}

.flex--push-bottom {
    margin-bottom: auto !important;
}

.flex--align-start {
    align-items: flex-start !important;
}

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

.flex--align-end {
    align-items: flex-end !important;
}

.flex--align-stretch {
    align-items: stretch !important;
}

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

.flex--align-self-end {
    align-self: flex-end !important;
}

.flex--wrap {
    flex-wrap: wrap;
}

.flex--nowrap {
    flex-wrap: nowrap;
}

.flex--size-0 {
    flex: 0 !important;
}

.flex--size-0_5 {
    flex: 0.5 !important;
}

.flex--size-1 {
    flex: 1 !important;
}

.flex--size-1_5 {
    flex: 1.5 !important;
}

.flex--size-2 {
    flex: 2 !important;
}

.flex--size-2_5 {
    flex: 2.5 !important;
}

.flex--size-3 {
    flex: 3 !important;
}

.flex--size-3_5 {
    flex: 3.5 !important;
}

.flex--size-4 {
    flex: 4 !important;
}

.flex--size-4_5 {
    flex: 4.5 !important;
}

.flex--size-5 {
    flex: 5 !important;
}

.flex--size-5_5 {
    flex: 5.5 !important;
}

.flex--size-6 {
    flex: 6 !important;
}

.flex--size-6_5 {
    flex: 6.5 !important;
}

.flex--size-7 {
    flex: 7 !important;
}

.flex--size-7_5 {
    flex: 7.5 !important;
}

.flex--size-8 {
    flex: 8 !important;
}

.flex--size-8_5 {
    flex: 8.5 !important;
}

.flex--size-9 {
    flex: 9 !important;
}

.flex--size-9_5 {
    flex: 9.5 !important;
}

.flex--size-10 {
    flex: 10 !important;
}

@media screen and (max-width: 1280px) {
    .flex--responsive-sm {
        flex-direction: column;
    }
}

@media screen and (max-width: 1440px) {
    .flex--responsive-md {
        flex-direction: column;
    }
}

.flex-container {
    display: flex;
    align-items: stretch;
}

    .flex-container > div {
        flex: 1;
    }

.equalHMVWrap {
    flex-wrap: wrap;
    min-width: 100%;
}

.eqWrap {
    display: flex;
}

.equalHMV {
    width: 22%;
    margin: 1%;
}

.font-r-light {
    font-family: "robotolight", Arial, Helvetica, sans-serif !important;
}

.font-r-regular {
    font-family: "robotoregular", Arial, Helvetica, sans-serif !important;
}

.font-r-medium {
    font-family: "robotomedium", Arial, Helvetica, sans-serif !important;
}

.font-r-bold, .js-section2 .accordion__panel#accordionBlock .mdl-selectfield__box span.mdl-selectfield__box-value {
    font-family: "robotobold", Arial, Helvetica, sans-serif !important;
}

.font-size-sm {
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.font-size-sm--10 {
    font-size: 10px;
    font-size: 0.7142857143rem;
}

.font-size-sm--11 {
    font-size: 11px;
    font-size: 0.7857142857rem;
}

.font-size-sm--12 {
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.font-size-sm--14 {
    font-size: 14px;
    font-size: 1rem;
}

.font-size-sm--16 {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.

font-size-sm--18 {
    font-size: 18px;
}

.font-size-md {
    font-size: 21px;
    font-size: 1.5rem;
}

.font-size-md-22 {
    font-size: 22px;
    font-size: 1.5714285714rem;
}

.font-size-md-20 {
    font-size: 20px;
    font-size: 1.4285714286rem;
}

.font-size-lg {
    font-size: 32px;
    font-size: 2.2857142857rem;
}

.font-size-lg--30 {
    font-size: 30px;
    font-size: 2.1428571429rem;
}

.font-size-lg--24 {
    font-size: 24px;
    font-size: 1.7142857143rem;
}

.font-size-lg--70 {
    font-size: 70px;
    font-size: 5rem;
}

.expand--0 {
    width: calc(100% + 0px) !important;
    margin-left: -0px !important;
    margin-right: -0px !important;
}

.expand--vertical-0 {
    margin: -0px !important;
}

.expand--10 {
    width: calc(100% + 20px) !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.expand--vertical-10 {
    margin: -10px !important;
}

.expand--20 {
    width: calc(100% + 40px) !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.expand--vertical-20 {
    margin: -20px !important;
}

.expand--30 {
    width: calc(100% + 60px) !important;
    margin-left: -30px !important;
    margin-right: -30px !important;
}

.expand--vertical-30 {
    margin: -30px !important;
}

.expand--40 {
    width: calc(100% + 80px) !important;
    margin-left: -40px !important;
    margin-right: -40px !important;
}

.expand--vertical-40 {
    margin: -40px !important;
}

.expand--50 {
    width: calc(100% + 100px) !important;
    margin-left: -50px !important;
    margin-right: -50px !important;
}

.expand--vertical-50 {
    margin: -50px !important;
}

.expand--60 {
    width: calc(100% + 120px) !important;
    margin-left: -60px !important;
    margin-right: -60px !important;
}

.expand--vertical-60 {
    margin: -60px !important;
}

.expand--70 {
    width: calc(100% + 140px) !important;
    margin-left: -70px !important;
    margin-right: -70px !important;
}

.expand--vertical-70 {
    margin: -70px !important;
}

.expand--80 {
    width: calc(100% + 160px) !important;
    margin-left: -80px !important;
    margin-right: -80px !important;
}

.expand--vertical-80 {
    margin: -80px !important;
}

.expand--90 {
    width: calc(100% + 180px) !important;
    margin-left: -90px !important;
    margin-right: -90px !important;
}

.expand--vertical-90 {
    margin: -90px !important;
}

.expand--100 {
    width: calc(100% + 200px) !important;
    margin-left: -100px !important;
    margin-right: -100px !important;
}

.expand--vertical-100 {
    margin: -100px !important;
}

.text-primary {
    color: #cc0000 !important;
}

.text-dark-color-4 {
    color: #949599 !important;
}

.text-dark-color-2 {
    color: #6d6d6d !important;
}

.text-dark-color-3 {
    color: #757575 !important;
}

.text-dark-color-0 {
    color: #000000 !important;
}

.text-dark-color-5 {
    color: #666666 !important;
}

.text-color-2 > *, .text-color-2 i {
    color: #5b5e62 !important;
}

.text-secondary-color {
    color: #1a1a1a;
}

.text-transfered {
    color: #0064b4;
}

.text-italic {
    font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.text-pending-pms {
    color: #6f00ff !important;
}

.text-accent--10 {
    color: #4d56a4 !important;
}

.text-accent--16 {
    color: #09ab83 !important;
}

.text-family--robolight {
    font-family: "robotolight", Arial, Helvetica, sans-serif !important;
}

.text-family--robomedium {
    font-family: "robotomedium", Arial, Helvetica, sans-serif !important;
}

.text-light-color-10 {
    color: #a9a9a9;
}

.no-text-transform {
    text-transform: none !important;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

.page-divider {
    border-top: 1px solid #d2d2d3;
    margin: 0;
}

.page-container {
    margin: 0 auto;
    max-width: 1280px;
    width: 95%;
}

.page-container--sm {
    max-width: 1180px;
    width: 100%;
}

.page-container--xs {
    max-width: 985px;
    width: 100%;
}

.placeholder::-webkit-input-placeholder {
    font-size: 11px;
    font-size: 0.7857142857rem;
}

.placeholder::-moz-placeholder {
    font-size: 11px;
    font-size: 0.7857142857rem;
}

.placeholder:-ms-input-placeholder {
    font-size: 11px;
    font-size: 0.7857142857rem;
}

.radio-border-light input[type="checkbox"] + label:after, .radio-border-light input[type="checkbox"] + label:before {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    opacity: 1 !important;
    color: rgba(0, 0, 0, 0.12) !important;
}

.radio-border-light input[type="checkbox"]:checked + label:after, .radio-border-light input[type="checkbox"]:checked + label:before {
    border: 1px solid transparent !important;
    color: #ffffff !important;
}

.full-width {
    width: 100% !important;
}

.min-width-auto {
    min-width: auto !important;
}

.min-width-230 {
    min-width: 230px;
}

height-30 {
    height: 30px;
}

.line-height-30 {
    line-height: 30px;
}

.btn-border-accent-9 {
    background: transparent;
    border: 1px solid #29af7f;
    color: #9a9a9a;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    padding: 15px 25px;
    line-height: 13px !important;
    height: 100% !important;
}

    .btn-border-accent-9 i {
        color: #29af7f;
        font-size: 21px;
        font-size: 1.5rem;
        margin-left: 10px;
    }

    .btn-border-accent-9:hover {
        background: #29af7f !important;
        color: #ffffff !important;
    }

        .btn-border-accent-9:hover [class^="icon-"] {
            color: #ffffff !important;
        }

.mdl-textfield__label.secondary-color {
    color: #1a1a1a !important;
}

.module__listing {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

    .module__listing li {
        padding: 8px 10px;
        font-size: 13px;
        background: #e0e0e0;
        border-radius: 2px;
    }

        .module__listing li a {
            color: #1a1a1a;
            display: flex;
            align-items: center;
            text-decoration: none;
        }

.module__textfield__input {
    line-height: 36px;
}

.radio-menu-list--grid {
    display: grid;
    grid-template: repeat(3, auto)/repeat(1, 1fr);
    padding: 0;
}

@media screen and (min-width: 991px) {
    .radio-menu-list--grid {
        grid-template: 1fr 1.5fr/repeat(3, 1fr);
    }
}

@media screen and (min-width: 1280px) {
    .radio-menu-list--grid {
        grid-template: 1fr 1.5fr/repeat(4, 1fr);
    }
}

@media screen and (min-width: 1280px) {
    .radio-menu-list--grid-3 {
        grid-template: 1fr 1.5fr/repeat(3, 1fr);
    }
}

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

.display--inline {
    display: inline-block !important;
}

.display--hidden {
    display: none;
}

.display--visible {
    display: block;
}

.hmin-auto {
    min-height: auto !important;
}

.visible-radio-label input[type="radio"] + label::after {
    opacity: 1 !important;
}

.robo-title {
    position: relative;
}

    .robo-title h3 {
        font-size: 22px;
        font-size: 1.5714285714rem;
        font-family: "robotomedium", Arial, Helvetica, sans-serif;
        color: #666666;
        display: flex;
        align-items: center;
    }

        .robo-title h3 i {
            font-size: 54px;
            font-size: 3.8571428571rem;
            color: #cc0000;
            margin-right: 15px;
        }

    .robo-title p {
        margin-left: 70px;
        margin-top: -20px;
        margin-right: 95px;
    }

.robo-title__btn {
    position: absolute;
    top: 50%;
    right: 25px;
}

    .robo-title__btn .add-btn__icon {
        border: 0;
    }

.border-accent--10 {
    background: #4d56a4 !important;
    font-size: 16px;
    padding: 10px;
    color: #ffffff !important;
}

.border-circle {
    border-radius: 50% !important;
}

.border-accent--17-bottom-2 {
    border-bottom: 2px solid #ed1c24 !important;
}

/*text color red*/
.text-red {
    color: #c00 !important;
}

/*text color #9a9a9a*/
.text-custom-grey-light {
    color: #9a9a9a !important;
}

.no-style-link {
    text-decoration: none;
    color: unset;
}

/* calendar page, related pages */
/* cant find class .appointment__list in this file, code will change later here */
.appointment__list--height245 {
    height: 245px !important;
    /* code will change, must not use important */
}

.border1pxsolid {
    border: 1px solid #a9a9a9;
}

.js-section2 .accordion__tab.accordion__tab--transparent#currencySelection_Id {
    min-height: 135px;
}

    .js-section2 .accordion__tab.accordion__tab--transparent#currencySelection_Id .value_holder .currency_header {
        color: #5b5e62;
    }

    .js-section2 .accordion__tab.accordion__tab--transparent#currencySelection_Id .value_holder .currency_option {
        color: #666699;
    }

    .js-section2 .accordion__tab.accordion__tab--transparent#currencySelection_Id .value_holder .currency_label {
        color: rgba(0, 0, 0, 0.87);
    }

.js-section2 .accordion__panel#accordionBlock .mdl-selectfield__box span.mdl-selectfield__box-value {
    font-size: 12px;
    font-size: 0.8571428571rem;
    width: 85%;
}

.js-section2 .tabs.pt-40 {
    z-index: 0;
}

/*Form listMultiselect no bg*/
.form-listMultiSelect__col-nobg .form-listMultiSelect__text.filled {
    color: #4d56a4;
    background: #fff;
}

    .form-listMultiSelect__col-nobg .form-listMultiSelect__text.filled .form-listMultiSelect__text-arrow:before {
        color: #4d56a4;
    }

    .form-listMultiSelect__col-nobg .form-listMultiSelect__text.filled .form-listMultiSelect__text__action {
        border-color: #4d56a4;
    }

        .form-listMultiSelect__col-nobg .form-listMultiSelect__text.filled .form-listMultiSelect__text__action label:before {
            color: #4d56a4;
        }

.font-size--lg-40 {
    font-size: 40px !important;
}

.btn-white {
    background: #ffffff;
}

    .btn-white:hover {
        background: #1a1a1a;
        color: #ffffff;
    }

.stepper .stepper__navigation-lg {
    max-width: 97%;
}

    .stepper .stepper__navigation-lg:after {
        left: 5%;
        width: 85%;
    }

.pos-relative {
    position: relative !important;
}

.pos-absolute {
    position: absolute !important;
}

.box-shadow--bottom {
    -webkit-box-shadow: 0px 5px 13px -7px rgba(0, 0, 0, 0.25), 5px 4px 5px -10px rgba(0, 0, 0, 0);
    box-shadow: 0px 5px 13px -7px rgba(0, 0, 0, 0.25), 5px 4px 5px -10px rgba(0, 0, 0, 0);
}

.line-height-init {
    line-height: initial !important;
}

.full-maxwidth {
    max-width: 100% !important;
}

.full-maxheight {
    max-height: 100% !important;
}

.white-space-init {
    white-space: normal !important;
}

.w-auto {
    width: auto !important;
}

.mdl-card.custom-card .content-list--grid {
    display: grid;
    grid-template: repeat(3, auto)/repeat(1, 1fr);
    width: 100%;
    position: unset;
    padding: 0;
}

@media screen and (min-width: 991px) {
    .mdl-card.custom-card .content-list--grid {
        grid-template: 1fr 1.5fr/repeat(3, 1fr);
    }
}

@media screen and (min-width: 1280px) {
    .mdl-card.custom-card .content-list--grid {
        grid-template: 1fr 1.5fr/repeat(4, 1fr);
    }

        .mdl-card.custom-card .content-list--grid.content-list--grid-3 {
            grid-template: 1fr 1.5fr/repeat(3, 1fr);
        }
}

.bg-red {
    background-color: #cc0000 !important;
}

.half-width {
    width: 50%;
}

.overflow-visible {
    overflow: visible;
}

.not-clickable {
    pointer-events: none;
}

.height-0 {
    height: 0 !important;
}

.app-layout {
    width: 100%;
    height: 100vh;
}

.mdl-layout__obfuscator-custom {
    width: 0;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    background-color: transparent;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

    .mdl-layout__obfuscator-custom.ob-active {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        visibility: visible;
        pointer-events: auto;
    }

.spinner {
    stroke: #cc0000;
    -webkit-animation: rotation 1.35s linear infinite;
    animation: rotation 1.35s linear infinite;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.circle {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: turn 1.35s ease-in-out infinite;
    animation: turn 1.35s ease-in-out infinite;
}

@-webkit-keyframes turn {
    0% {
        stroke-dashoffset: 180;
    }

    50% {
        stroke-dashoffset: 45;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 180;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes turn {
    0% {
        stroke-dashoffset: 180;
    }

    50% {
        stroke-dashoffset: 45;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 180;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

.app-layout__header {
    background-color: #ffffff;
    position: relative;
    box-shadow: none;
}

    .app-layout__header:after {
        content: '';
        width: 100%;
        height: 1px;
        background: #e0e0e0;
        position: absolute;
        left: 0;
        bottom: -1px;
    }

@media screen and (max-width: 1024px) {
    .app-layout__header {
        min-height: 60px;
    }
}

.app-layout__header .mdl-layout__drawer-button {
    width: 60px;
    height: 60px;
    margin: 0;
    line-height: 70px;
    color: #1a1a1a;
}

@media screen and (min-width: 1025px) {
    .app-layout__header .mdl-layout__drawer-button {
        display: none;
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .app-layout__header {
    width: 100%;
    margin-left: 0;
}

.mdl-layout--fixed-drawer > .app-layout__header .mdl-layout__header-row {
    padding: 0 20px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .app-layout__header .mdl-layout__header-row {
        width: calc(100% - 60px);
        height: 60px;
        margin-left: 60px;
    }
}

@media screen and (max-width: 760px) {
    .mdl-layout--fixed-drawer > .app-layout__header .mdl-layout__header-row {
        padding: 0;
    }
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .app-layout__header .mdl-layout__header-row {
        height: 80px;
    }
}

.app-layout__header .mdl-layout__title a {
    display: inline-block;
    cursor: pointer;
}

.app-layout__header .header-button {
    width: 60px;
    height: 60px;
    border-radius: 0;
    font-size: 26px;
    font-size: 1.8571428571rem;
    color: #757575;
}

@media screen and (min-width: 1025px) {
    .app-layout__header .header-button {
        width: 80px;
        height: 80px;
    }
}

.app-layout__header .header-button.is-active {
    color: #ffffff;
    background: #333333;
}

.app-layout__header .header-button + .mdl-menu__container.is-visible {
    top: 60px !important;
    right: 20px !important;
}

@media screen and (min-width: 1025px) {
    .app-layout__header .header-button + .mdl-menu__container.is-visible {
        top: 80px !important;
    }
}

.app-layout__header .notification-button {
    line-height: 60px;
}

@media screen and (min-width: 1025px) {
    .app-layout__header .notification-button {
        line-height: 80px;
    }
}

.app-layout__header .mdl-menu {
    width: 400px;
    padding: 0;
}

.app-layout__header .mdl-menu__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    position: relative;
    padding: 0 20px;
}

    .app-layout__header .mdl-menu__item:first-child {
        color: #ffffff;
        background: #333333;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        line-height: 60px;
        font-size: 16px;
        font-size: 1.1428571429rem;
        cursor: default;
    }

    .app-layout__header .mdl-menu__item:last-child {
        border-top: 1px solid #dcdcdc;
    }

    .app-layout__header .mdl-menu__item:after {
        content: '';
        width: calc(100% - 40px);
        height: 1px;
        position: absolute;
        left: 20px;
        bottom: 0;
        background: #dcdcdc;
    }

    .app-layout__header .mdl-menu__item:first-child, .app-layout__header .mdl-menu__item:last-child {
        height: 60px;
    }

    .app-layout__header .mdl-menu__item:not(:last-child):after {
        display: block;
    }

    .app-layout__header .mdl-menu__item:first-child:after {
        display: none;
    }

    .app-layout__header .mdl-menu__item.is-new:after {
        background: #cc0000;
    }

    .app-layout__header .mdl-menu__item .item-info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .app-layout__header .mdl-menu__item .item-info__title {
        margin-bottom: 10px;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-size: 1.0714285714rem;
        line-height: 1rem;
        color: #1a1a1a;
    }

    .app-layout__header .mdl-menu__item .item-info__description {
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
        line-height: 1rem;
        color: #9a9a9a;
    }

    .app-layout__header .mdl-menu__item .mdl-chip {
        height: 25px;
        line-height: 25px;
        margin-left: auto;
        background: #cc0000;
        color: #ffffff;
        text-transform: uppercase;
    }

    .app-layout__header .mdl-menu__item .mdl-button,
    .app-layout__header .mdl-menu__item .mdl-button--icon {
        color: #8d8d8d;
    }

    .app-layout__header .mdl-menu__item .go-to {
        width: 100%;
        text-decoration: none;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
        line-height: 1rem;
        color: gray;
    }

    .app-layout__header .mdl-menu__item .icon-arrow-right {
        text-align: center;
        color: #8d8d8d;
    }

.app-layout__header .mdl-menu.language-switcher-menu .mdl-menu__item {
    height: 60px;
    line-height: 60px;
}

    .app-layout__header .mdl-menu.language-switcher-menu .mdl-menu__item:last-child {
        border-top: none;
    }

.app-layout__header .mdl-menu.user-account-menu .mdl-menu__item:first-child {
    height: 100px;
}

    .app-layout__header .mdl-menu.user-account-menu .mdl-menu__item:first-child .mdl-button {
        margin-left: auto;
        color: #ffffff;
    }

        .app-layout__header .mdl-menu.user-account-menu .mdl-menu__item:first-child .mdl-button:hover {
            background: #ffffff;
            color: #333333;
        }

.app-layout__header .mdl-menu.user-account-menu .mdl-menu__item:last-child {
    height: 50px;
    justify-content: space-around;
}

    .app-layout__header .mdl-menu.user-account-menu .mdl-menu__item:last-child .mdl-button:hover {
        background: none;
        color: #333333;
    }

    .app-layout__header .mdl-menu.user-account-menu .mdl-menu__item:last-child:after {
        display: none;
    }

.app-layout__header .mdl-menu.user-account-menu .mdl-menu__item .item-info {
    width: auto;
    margin-left: 20px;
}

.app-layout__header .mdl-menu.user-account-menu .mdl-menu__item .item-info__title {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #ffffff;
}

.app-layout__header .mdl-menu.user-account-menu .mdl-menu__item .item-info__description {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    color: #f6f6f6;
}

.app-layout__header .mdl-menu.user-account-menu .mdl-menu__item .mdl-button {
    font-size: 14px;
    font-size: 1rem;
}

.app-layout__header .mdl-menu:not(.user-account-menu) .mdl-menu__item:first-child {
    pointer-events: none;
    cursor: default;
}

.app-layout__header .mdl-badge {
    margin-right: 0;
}

.app-layout__header .user-avatar {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    background: #dcdcdc;
    overflow: hidden;
}

    .app-layout__header .user-avatar.large {
        width: 60px;
        height: 60px;
        margin: 0;
    }

.app-layout__sidebar-nav {
    width: 60px;
    top: 0;
    border: none;
    overflow: visible;
    background-color: #1a1a1a;
    box-shadow: none;
    transition: all 0.3s ease-in;
}

@media screen and (min-width: 1025px) {
    .app-layout__sidebar-nav {
        height: calc(100vh - 80px);
        top: 80px;
        z-index: 2;
    }
}

.app-layout__sidebar-nav .mdl-navigation {
    padding-top: 0;
}

    .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link {
        height: 60px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 18px;
        text-align: left;
        color: #ffffff;
        font-size: 1.5rem;
        opacity: 1;
        cursor: pointer;
        box-sizing: border-box;
    }

        .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link:hover {
            background: black;
        }

        .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.active {
            background: black;
        }

        .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link.is-disabled {
            pointer-events: none;
            cursor: default;
        }

        .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link span {
            display: none;
        }

        .app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link .mdl-badge[data-badge]:after {
            top: -16px !important;
            right: -16px !important;
        }

    .app-layout__sidebar-nav .mdl-navigation ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .app-layout__sidebar-nav .mdl-navigation .has-sub {
        position: relative;
    }

        .app-layout__sidebar-nav .mdl-navigation .has-sub:hover .sub-menu-content {
            left: 60px;
        }

    .app-layout__sidebar-nav .mdl-navigation .sub-menu-content {
        position: absolute;
        top: 0;
        left: calc(100% - 210px);
        background-color: #1a1a1a;
        transition: left 0.25s ease-in;
    }

        .app-layout__sidebar-nav .mdl-navigation .sub-menu-content .mdl-navigation__link {
            width: 206px;
            height: 32px;
            padding: 0 20px;
            border: none;
            box-sizing: border-box;
            font-family: "robotoregular", Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-size: 1rem;
            line-height: 1.2 !important;
        }

.app-layout__content {
    padding: 20px 20px 0 20px;
    background: #e0e0e0 url("/img/bg-app.jpg") center center;
    background-size: cover;
}

    .app-layout__content.no-bg-img {
        background-image: none;
    }

@media screen and (min-width: 1025px) {
    .app-layout > .app-layout__content {
        margin-left: 60px;
        transition: margin 0.3s ease-in;
    }
}

@media screen and (min-width: 1025px) {
    .app-layout > .app-layout__sidebar-nav.expanded + .app-layout__content {
        margin-left: 200px;
    }
}

.login {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: url("/img/bg-login.jpg") top center;
    background-size: cover;
}

@media screen and (min-width: 760px) {
    .login {
        justify-content: flex-start;
        padding-left: 130px;
    }
}

.login-card {
    width: 100%;
    max-width: 300px;
}

@media screen and (min-width: 760px) {
    .login-card {
        max-width: 385px;
        max-height: 510px;
    }
}

.login-card__header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-bottom: 3px solid #cc0000;
}

    .login-card__header > img {
        width: 30%;
        height: auto;
    }

@media screen and (min-width: 760px) {
    .login-card__header > img {
        width: 109px;
        height: 77px;
    }
}

.login-card__content {
    padding: 20px;
}

.login-card__sub-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.login-card__actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

    .login-card__actions .mdl-button {
        min-width: 220px;
    }

.login-card h1 {
    margin: 0 0 20px 0;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-size: 1.2142857143rem;
    color: #9a9a9a;
}

.login-card .mdl-textfield {
    width: 100%;
}

.login-card .mdl-textfield__label {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
}

.login-card .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #9a9a9a;
}

    .login-card .mdl-textfield--floating-label.is-focused .mdl-textfield__label:after {
        background: #9a9a9a;
    }

.login-card .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    color: #9a9a9a;
}

    .login-card .mdl-textfield--floating-label.is-dirty .mdl-textfield__label:after {
        background: #9a9a9a;
    }

.login-message {
    width: 100%;
    margin-bottom: 10px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.8571428571rem;
    text-align: center;
    color: #cc0000;
}

.general-search {
    display: none;
    height: 60px;
}

@media screen and (min-width: 760px) {
    .general-search {
        display: block;
    }
}

@media screen and (min-width: 1025px) {
    .general-search {
        height: 80px;
    }
}

.general-search .mdl-textfield {
    height: 60px;
    padding: 0;
}

@media screen and (min-width: 1025px) {
    .general-search .mdl-textfield {
        height: 80px;
    }
}

.general-search .mdl-textfield__input {
    height: 60px;
    padding: 4px 8px;
    border-bottom: 1px solid #757575;
    box-sizing: border-box;
}

@media screen and (min-width: 1025px) {
    .general-search .mdl-textfield__input {
        height: 80px;
    }
}

.general-search .mdl-textfield__label {
    padding: 0 8px;
    top: 20px;
    font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

@media screen and (min-width: 1025px) {
    .general-search .mdl-textfield__label {
        top: 30px;
    }
}

.general-search .mdl-textfield__label:after {
    bottom: 0;
    background: #333333;
}

.general-search .mdl-textfield .mdl-button {
    bottom: 12px;
}

@media screen and (min-width: 1025px) {
    .general-search .mdl-textfield .mdl-button {
        bottom: 20px;
    }
}

.general-search__button {
    right: 8px;
    color: #757575;
}

.general-search--data-grid {
    height: 38px;
    margin: 0 20px;
}

    .general-search--data-grid .mdl-textfield {
        width: 198px;
        padding: 0;
    }

@media screen and (min-width: 1025px) {
    .general-search--data-grid .mdl-textfield {
        width: 230px;
    }
}

.general-search--data-grid .mdl-textfield .mdl-button {
    bottom: 3px;
}

.general-search--data-grid .mdl-textfield--wide {
    width: 290px;
}

.general-search--light-bg {
    width: 100%;
    background: #e0e0e0;
}

    .general-search--light-bg .mdl-textfield {
        width: 100%;
        padding: 0;
    }

    .general-search--light-bg .mdl-textfield__input {
        height: 40px;
        padding: 4px 10px;
        border: none;
        box-sizing: border-box;
    }

    .general-search--light-bg .mdl-textfield__label {
        display: none;
    }

    .general-search--light-bg .general-search__button {
        right: 10px;
        bottom: 4px;
    }

.general-search--transparent {
    width: 100%;
    background: transparent;
}

    .general-search--transparent .mdl-textfield {
        width: 100%;
        padding: 0;
    }

    .general-search--transparent .mdl-textfield__input {
        height: 40px;
        padding: 4px 10px;
        border: none;
        box-sizing: border-box;
    }

    .general-search--transparent .mdl-textfield__label {
        display: none;
    }

    .general-search--transparent .general-search__button {
        right: 10px;
        bottom: 4px;
    }

.search--rounded .mdl-textfield__input {
    padding: 9px 20px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

.search--rounded .mdl-textfield__label {
    top: 30px;
    padding: 0 20px;
}

    .search--rounded .mdl-textfield__label:after {
        display: none;
    }

.search--rounded .general-search__button {
    right: 15px;
    bottom: 24px;
}

.breadcrumb {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 12px 0;
    list-style: none;
    font-family: "latoregular", Arial, Helvetica, sans-serif;
}

.breadcrumb__item {
    float: left;
}

    .breadcrumb__item + .breadcrumb__item:before {
        display: inline;
        padding: 0 0.5rem;
        content: "/";
        font-size: 1.429rem;
        color: #9a9a9a;
    }

    .breadcrumb__item.is-active h1 {
        color: #cc0000;
    }

.breadcrumb__link {
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #9a9a9a;
    cursor: pointer;
}

.breadcrumb h1 {
    display: inline;
    text-transform: uppercase;
}

.custom-card {
    width: auto;
    border-radius: 4px;
    overflow: unset;
}

    .custom-card.mdl-card--flex {
        height: auto !important;
        flex: 1;
        max-width: 100%;
        max-height: 390px;
    }

    .custom-card:not(:last-child) {
        margin-bottom: 20px;
    }

    .custom-card.full-width {
        width: 100%;
    }

        .custom-card.full-width .mdl-card__content-group {
            width: 100%;
            color: #333333;
        }

    .custom-card.min-height {
        min-height: 320px;
    }

    .custom-card.transparent {
        background: transparent;
    }

.custom-card--bordered {
    border-bottom: 3px solid #cc0000;
}

.custom-card--bordered-3-sides {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.custom-card--simple {
    background: transparent;
    border-radius: 0;
}

    .custom-card--simple .mdl-card__supporting-text {
        background: #ffffff;
        border-radius: 3px;
    }

.custom-card--sm-h {
    min-height: 60px !important;
}

.custom-card.popup-card {
    width: 100%;
    max-width: 960px;
}

    .custom-card.popup-card .mdl-card__title {
        background: #333333;
    }

    .custom-card.popup-card .mdl-card__title-text {
        color: #ffffff;
    }

    .custom-card.popup-card .mdl-card__menu {
        color: #ffffff;
    }

        .custom-card.popup-card .mdl-card__menu .mdl-button:hover {
            color: #333333;
        }

    .custom-card.popup-card .mdl-card__actions {
        padding: 20px 0 0 0;
    }

        .custom-card.popup-card .mdl-card__actions:before {
            display: none;
        }

.custom-card .mdl-card__title {
    padding: 20px;
    border-bottom: 1px solid #dcdcdc;
}

    .custom-card .mdl-card__title.bg-dark {
        border-radius: 3px 3px 0 0;
        border-bottom: none;
        background: #333333;
    }

        .custom-card .mdl-card__title.bg-dark .mdl-card__title-text {
            color: #ffffff;
        }

.custom-card .mdl-card__title--alternate {
    padding: 16px;
    border-bottom: none;
}

.custom-card .mdl-card__title-text {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #1a1a1a;
}

.custom-card .mdl-card__title-text--sm {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
}

.custom-card .mdl-card__title-text--alternate {
    width: 100%;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #5b5e62;
    display: flex;
    font-weight: 400;
    text-transform: uppercase;
}

.custom-card .mdl-card__title--vertical {
    flex-direction: column;
}

.custom-card .mdl-card__title-button {
    height: 32px;
    line-height: 32px;
}

.custom-card .mdl-card__supporting-text {
    width: auto;
    padding: 20px;
}

    .custom-card .mdl-card__supporting-text .title {
        font-family: "robotomedium", Arial, Helvetica, sans-serif;
    }

.custom-card .mdl-card__supporting-label {
    margin: 0 0 20px 0;
    padding: 10px 0;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    border-bottom: 1px solid #f6f6f6;
}

.custom-card .mdl-card__actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
}

    .custom-card .mdl-card__actions.centered {
        flex-direction: row;
        justify-content: center;
    }

    .custom-card .mdl-card__actions.left {
        flex-direction: row;
        justify-content: flex-start;
    }

        .custom-card .mdl-card__actions.left > :first-child {
            margin-right: 20px;
        }

    .custom-card .mdl-card__actions.right {
        flex-direction: row;
        justify-content: flex-end;
    }

.custom-card .mdl-card__actions--wide.mdl-card__actions:before {
    width: 100%;
    left: 0;
}

.custom-card .mdl-card__actions--in-supporting-text {
    padding: 20px;
    margin: -20px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
}

    .custom-card .mdl-card__actions--in-supporting-text:before {
        display: none;
    }

.custom-card .mdl-card__actions--no-border:before {
    display: none;
}

@media screen and (min-width: 760px) {
    .custom-card .mdl-card__actions {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.custom-card .mdl-card__actions:before {
    content: '';
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    background: #dcdcdc;
}

.custom-card .mdl-card__actions .mdl-button--icon {
    width: 45px;
    min-width: 45px;
    height: 45px;
}

.custom-card .mdl-card__actions--alternate {
    padding: 0;
    border-top: none;
}

    .custom-card .mdl-card__actions--alternate .mdl-button {
        width: 100%;
        margin: 0;
        padding: 10px 16px;
        text-align: left;
        text-transform: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .custom-card .mdl-card__actions--alternate:before {
        content: none;
    }

.custom-card .mdl-card__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-card .mdl-card__toolbar-title {
    margin-bottom: 0;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #9a9a9a;
}

.custom-card .mdl-card__toolbar-title--sm {
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.custom-card .mdl-card__toolbar--right {
    width: 100%;
    max-width: 180px;
    position: absolute;
    top: 0;
    right: 20px;
}

    .custom-card .mdl-card__toolbar--right .mdl-selectfield__box {
        border-bottom: none;
    }

.custom-card .mdl-card__content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 20px;
}

    .custom-card .mdl-card__content:not(:last-child) {
        border-bottom: 1px solid #dcdcdc;
    }

.custom-card .mdl-card__content--no-wrap {
    flex-wrap: nowrap;
}

.custom-card .mdl-card__content--col {
    height: 100%;
    flex-direction: column;
}

.custom-card .mdl-card__content-title {
    width: 100%;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #8d8d8d;
}

.custom-card .mdl-card__content-title--icon [class^="icon-"] {
    color: #cc0000;
    font-size: 30px;
    font-size: 2.1428571429rem;
}

.custom-card .mdl-card__content-title--bordered-bottom {
    border-bottom: 1px solid #e0e0e0;
}

.custom-card .mdl-card__content-text {
    margin-bottom: 0;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
}

.custom-card .mdl-card__content-group {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.custom-card .mdl-card__content-group--height-80 {
    height: 80px;
}

.custom-card .mdl-card__content-group--width-auto {
    width: auto;
}

.custom-card .mdl-card__content-group--full-width {
    width: 100%;
}

.custom-card .mdl-card__content-group--third-width {
    width: 28%;
}

.custom-card .mdl-card__content-group:not(:last-child) {
    margin-right: 5%;
    margin-bottom: 30px;
}

.custom-card .mdl-card__content-group-text {
    margin-bottom: 5px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
}

.custom-card .mdl-card__content-group-text--title {
    color: #333333;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.custom-card .mdl-card__content-group--title {
    color: #e43518;
    line-height: 42px;
}

.custom-card .mdl-card__content-group small {
    white-space: nowrap;
}

.custom-card .mdl-card__content-group .text-sm {
    font-size: 14px;
    font-size: 1rem;
}

.custom-card .mdl-card__content-group .text-md {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.custom-card .mdl-card__content-group .text-lg {
    font-size: 20px;
    font-size: 1.4285714286rem;
}

.custom-card .mdl-card__content-group .text-xlg {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-size: 2.1428571429rem;
}

.custom-card .mdl-card__content-group .text-xxlg {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-size: 3.4285714286rem;
}

.custom-card .mdl-card__content-col {
    width: 100%;
}

    .custom-card .mdl-card__content-col:not(:last-child) {
        margin-right: 5%;
    }

.custom-card .mdl-card__content--fix-h {
    height: 340px;
    overflow-y: auto;
    padding: 0 20px;
    border: 0;
}

    .custom-card .mdl-card__content--fix-h .mCSB_container {
        margin-right: 10px;
    }

    .custom-card .mdl-card__content--fix-h .mCSB_outside + .mCSB_scrollTools {
        right: 0;
    }

.custom-card .mdl-card__scrollable {
    width: 100%;
    overflow: hidden;
}

    .custom-card .mdl-card__scrollable .mCSB_outside + .mCSB_scrollTools {
        right: -18px;
    }

    .custom-card .mdl-card__scrollable .mCSB_scrollTools .mCSB_draggerRail,
    .custom-card .mdl-card__scrollable .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
    }

    .custom-card .mdl-card__scrollable .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #b3b3b3;
    }

.custom-card .mdl-card__wrapper {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.custom-card .mdl-card__wrapper--col {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

    .custom-card .mdl-card__wrapper--col .mdl-card__wrapper-list {
        position: relative;
    }

        .custom-card .mdl-card__wrapper--col .mdl-card__wrapper-list:not(:last-of-type) {
            margin-right: 20px;
            padding-right: 20px;
        }

            .custom-card .mdl-card__wrapper--col .mdl-card__wrapper-list:not(:last-of-type):after {
                content: '';
                width: 1px;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0;
                background: #dcdcdc;
            }

.custom-card .mdl-card__wrapper-list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    /*&-desc {
  span {
    @include font-size(12px);
    color: $text-color-3;
  }
}*/
}

.custom-card .mdl-card__wrapper-list-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .custom-card .mdl-card__wrapper-list-item:not(:last-child) {
        margin-bottom: 6px;
        padding-bottom: 6px;
        border-bottom: 1px solid #dcdcdc;
    }

.custom-card .mdl-card__wrapper-list-desc, .custom-card .mdl-card__wrapper-list-icon {
    width: 100%;
}

    .custom-card .mdl-card__wrapper-list-icon [class^="icon-"] {
        font-size: 25px;
        font-size: 1.7857142857rem;
        color: #cc0000;
    }

        .custom-card .mdl-card__wrapper-list-icon [class^="icon-"]:not(:last-child) {
            margin-right: 9px;
        }

    .custom-card .mdl-card__wrapper-list-icon .icon-arrow-right {
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

.custom-card .mdl-card__wrapper-list .icon-wrapper {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #00b6ce;
    text-align: center;
}

    .custom-card .mdl-card__wrapper-list .icon-wrapper:not(:last-child) {
        margin-right: 10px;
    }

    .custom-card .mdl-card__wrapper-list .icon-wrapper [class^="icon-"] {
        font-size: 16px;
        font-size: 1.1428571429rem;
        color: #ffffff;
    }

    .custom-card .mdl-card__wrapper-list .icon-wrapper .icon-vehicle {
        font-size: 20px;
        font-size: 1.4285714286rem;
    }

.custom-card .radio-menu-list {
    width: 50%;
    float: left;
    position: unset;
    padding: 0;
    opacity: 1;
    z-index: 1;
}

    .custom-card .radio-menu-list .mdl-menu__item {
        width: 100%;
        height: auto;
        min-height: 48px;
        padding: 0;
        opacity: 1;
    }

        .custom-card .radio-menu-list .mdl-menu__item:hover {
            background: transparent;
        }

.custom-card .radio-menu-list--dtable {
    width: auto;
}

.custom-card__search {
    height: 38px;
}

.custom-card__intro {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    box-sizing: border-box;
}

    .custom-card__intro p {
        margin-bottom: 0;
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

.custom-card__form {
    padding: 50px;
}

.custom-card__form-content {
    width: 100%;
    max-height: 370px;
}

    .custom-card__form-content .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #6d6d6d;
    }

.custom-card .mdl-button[disabled][disabled] {
    cursor: not-allowed;
}

.custom-card.service-item {
    min-height: 280px;
    cursor: move;
    z-index: 10;
}

.custom-card.service-item--3 .mdl-card__wrapper-list-icon [class^="icon-"]:not(:last-child) {
    margin-right: 0;
}

.custom-card--auto-h {
    max-height: 100% !important;
}

.custom-card--auto-min-h {
    min-height: auto !important;
}

.popup-card {
    position: absolute;
    top: 40px;
    right: 40px;
    transition: transform 0.3s ease-in;
}

    .popup-card .radio-menu-list--split {
        width: 100%;
    }

        .popup-card .radio-menu-list--split .mdl-menu__item {
            width: 50%;
        }

    .popup-card .custom-textfield {
        width: 100%;
        max-width: 290px;
        float: right;
        position: relative;
        margin-top: -48px;
        padding: 40px 20px 20px 20px;
        background: #dcdcdc;
        box-sizing: border-box;
        border-radius: 3px;
    }

    .popup-card .label {
        position: absolute;
        left: 20px;
        top: 17px;
        font-size: 13px;
        font-size: 0.9285714286rem;
        line-height: 14px;
        color: #9a9a9a;
    }

    .popup-card .mdl-textfield__input {
        width: 100%;
        height: 80px;
        padding: 15px;
        border-radius: 2px;
        border: 1px solid transparent;
        background: #ffffff;
        resize: none;
        box-sizing: border-box;
        outline: none;
        transition: border 0.3s ease-in;
    }

        .popup-card .mdl-textfield__input:focus {
            border-color: #9a9a9a;
        }

.custom-card__form.abandon-form .abandon-comment {
    display: none;
}

.mdl-card__grid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

    .mdl-card__grid .mdl-card {
        width: 100%;
    }

        .mdl-card__grid .mdl-card:not(:last-child) {
            margin-right: 20px;
        }

.dashboard-lead {
    margin-top: 20px;
    display: none;
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 4;
}

.dashboard-lead-card {
    width: 200px;
    max-width: 200px;
}

.dashboard-lead .mdl-button {
    min-width: 160px;
    /*border: 1px solid transparent;*/
    /*&:hover {
      background: none;
      border: 1px solid $primary-color;
      color: $primary-color;
    }*/
}

    .dashboard-lead .mdl-button:not(:last-of-type) {
        margin-bottom: 20px;
    }

.dashboard-lead-creation {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

@media screen and (min-width: 1025px) {
    .dashboard-lead-creation {
        padding-top: 60px;
    }
}

.dashboard-lead-creation .custom-card {
    width: 100%;
    max-width: 870px;
}

    .dashboard-lead-creation .custom-card .mdl-card__title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 20px;
        border-bottom: none;
    }

@media screen and (min-width: 760px) {
    .dashboard-lead-creation .custom-card .mdl-card__title {
        padding: 30px 40px;
    }
}

.dashboard-lead-creation .custom-card .mdl-card__title-text {
    width: 100%;
    color: #1a1a1a;
}

.dashboard-lead-creation .custom-card .mdl-card__title small {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-size: 0.7857142857rem;
    line-height: 11px;
    color: #9a9a9a;
}

.dashboard-lead-creation .custom-card .mdl-card__supporting-text {
    padding: 0 20px;
}

@media screen and (min-width: 760px) {
    .dashboard-lead-creation .custom-card .mdl-card__supporting-text {
        padding: 0 40px;
    }
}

.dashboard-lead-creation .custom-card .mdl-card__supporting-text p {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    line-height: 16px;
    color: #9a9a9a;
}

    .dashboard-lead-creation .custom-card .mdl-card__supporting-text p:not(:last-of-type) {
        margin-bottom: 5px;
    }

    .dashboard-lead-creation .custom-card .mdl-card__supporting-text p.message {
        margin-bottom: 15px;
        color: #cc0000;
    }

        .dashboard-lead-creation .custom-card .mdl-card__supporting-text p.message .icon-info {
            font-size: 24px;
            font-size: 1.7142857143rem;
        }

.dashboard-lead-creation .custom-card .mdl-card__supporting-text .mdl-data-table {
    border: none;
}

    .dashboard-lead-creation .custom-card .mdl-card__supporting-text .mdl-data-table th {
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        font-size: 0.8571428571rem;
        color: #9a9a9a;
        text-transform: uppercase;
    }

    .dashboard-lead-creation .custom-card .mdl-card__supporting-text .mdl-data-table td {
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 13px;
        font-size: 0.9285714286rem;
        color: #1a1a1a;
    }

    .dashboard-lead-creation .custom-card .mdl-card__supporting-text .mdl-data-table tr:last-child td {
        border-bottom: none;
    }

    .dashboard-lead-creation .custom-card .mdl-card__supporting-text .mdl-data-table .mdl-button {
        color: #9a9a9a;
        line-height: 34px;
    }

.dashboard-lead-creation .custom-card .mdl-card__actions {
    padding: 20px;
}

    .dashboard-lead-creation .custom-card .mdl-card__actions:before {
        width: calc(100% - 40px);
        left: 20px;
    }

@media screen and (min-width: 760px) {
    .dashboard-lead-creation .custom-card .mdl-card__actions {
        padding: 30px 40px;
    }

        .dashboard-lead-creation .custom-card .mdl-card__actions:before {
            width: calc(100% - 80px);
            left: 40px;
        }
}

.dashboard-lead-creation .custom-card .leads-creation-form {
    padding: 0 20px;
}

@media screen and (min-width: 760px) {
    .dashboard-lead-creation .custom-card .leads-creation-form {
        padding: 0 40px;
    }
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder .mdl-textfield__label[for="Email"] {
    top: 24px;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder .mdl-textfield__input[name="Email"]::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder .mdl-textfield__input[name="Email"]:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder .mdl-textfield__input[name="Email"]::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder.is-focused .mdl-textfield__label[for="Email"] {
    top: 4px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.8571428571rem;
    color: #9a9a9a;
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder.is-focused .mdl-textfield__input[name="Email"]::-moz-placeholder {
    opacity: 1;
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder.is-focused .mdl-textfield__input[name="Email"]:-ms-input-placeholder {
    opacity: 1;
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder.is-focused .mdl-textfield__input[name="Email"]::-webkit-input-placeholder {
    opacity: 1;
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder.is-dirty .mdl-textfield__label[for="Email"] {
    top: 4px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.8571428571rem;
    color: #9a9a9a;
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder.is-dirty .mdl-textfield__input[name="Email"]::-moz-placeholder {
    opacity: 0;
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder.is-dirty .mdl-textfield__input[name="Email"]:-ms-input-placeholder {
    opacity: 0;
}

.dashboard-lead-creation .custom-card .leads-creation-form .mdl-textfield.has-placeholder.is-dirty .mdl-textfield__input[name="Email"]::-webkit-input-placeholder {
    opacity: 0;
}

.dashboard-lead-creation .custom-card form .mdl-card__actions {
    padding: 20px 0;
}

@media screen and (min-width: 760px) {
    .dashboard-lead-creation .custom-card form .mdl-card__actions {
        padding: 30px 40px;
    }
}

.dashboard-lead-creation .custom-card form .mdl-card__actions:before {
    display: none;
}

.dashboard-lead-creation .custom-card .table-wrapper {
    width: 100%;
    margin-top: 30px;
    overflow-x: auto;
}

.lead-summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 30px 0 0 0;
    padding: 30px 20px;
    list-style: none;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

@media screen and (min-width: 760px) {
    .lead-summary {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.lead-summary__item {
    width: 100%;
}

    .lead-summary__item:not(:last-child) {
        margin-bottom: 20px;
    }

@media screen and (min-width: 760px) {
    .lead-summary__item:not(:last-child) {
        margin-bottom: 0;
    }
}

.lead-summary__text:not(:last-child) {
    margin-bottom: 20px;
}

.lead-summary h3 {
    margin-bottom: 5px;
    color: gray;
}

.lead-summary span {
    color: #333333;
}

.leads-creation-form label[for="phone"] {
    top: 4px;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.leads-creation-form .ValidationErrors {
    display: none;
}

.leads-creation-form .ErrorField {
    border-bottom: 1px solid #cc0000;
}

.btn-create-lead {
    position: absolute;
    top: 7px;
    right: 20px;
}

.form-control-group .leads-list {
    width: 100%;
}

    .form-control-group .leads-list .leads-list__filter {
        width: 100%;
        margin: 0;
    }

.leads-list__header {
    width: calc(100% + 40px);
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    margin-left: -20px;
    margin-right: -20px;
}

.leads-list__header--justify-start {
    justify-content: flex-start;
}

.leads-list__header > .mdl-button:not(.normal-button) {
    height: 60px;
    position: relative;
    padding: 0 40px;
    line-height: 60px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #1a1a1a;
    border-radius: 0;
    transition: all 0.3s ease-in;
    overflow: visible;
}

    .leads-list__header > .mdl-button:not(.normal-button):after {
        content: '';
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -3px;
        background: #cc0000;
        opacity: 0;
        transition: opacity 0.3s ease-in;
    }

    .leads-list__header > .mdl-button:not(.normal-button).is-active {
        color: #cc0000;
    }

        .leads-list__header > .mdl-button:not(.normal-button).is-active:after {
            opacity: 1;
        }

        .leads-list__header > .mdl-button:not(.normal-button).is-active .btn-count {
            background: #e94041;
        }

    .leads-list__header > .mdl-button:not(.normal-button):hover {
        background: none;
    }

        .leads-list__header > .mdl-button:not(.normal-button):hover:after {
            opacity: 1;
        }

.leads-list__header .btn-count, #commonLayoutServiceTabs__block .btn-count {
    height: 30px;
    display: inline-block;
    margin-left: 10px;
    padding: 0 12px;
    border-radius: 15px;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-size: 0.7857142857rem;
    line-height: 30px;
    background: #6d6d6d;
    color: #ffffff;
}

.leads-list__filter {
    width: calc(100% + 40px);
    height: 85px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #e0e0e0;
    margin-left: -20px;
    margin-right: -20px;
    /*.btn-reset {
  display: none;
}*/
}

    .leads-list__filter .mdl-textfield__input {
        height: 38px;
        padding: 4px 40px 4px 8px;
        background: #ffffff;
        border-bottom: 1px solid transparent;
        box-sizing: border-box;
        font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
    }

    .leads-list__filter .mdl-textfield__label {
        top: 0;
        padding: 0 8px;
        font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
        line-height: 38px;
        box-sizing: border-box;
    }

        .leads-list__filter .mdl-textfield__label:after {
            display: none;
        }

    .leads-list__filter > .mdl-button:not(.btn-primary) {
        max-width: 150px;
        background: #ffffff;
    }

@media screen and (min-width: 1280px) {
    .leads-list__filter > .mdl-button:not(.btn-primary) {
        max-width: 190px;
        height: 38px;
        line-height: 38px;
    }
}

.leads-list__filter > .mdl-button:not(:last-child) {
    margin-right: 20px;
}

.leads-list__filter > .mdl-button.is-active {
    background: #333333;
    color: #ffffff;
    /*~ .btn-reset {
  display: block;
}*/
}

    .leads-list__filter > .mdl-button.is-active .e-daterangewidget .e-in-wrap .e-input {
        color: #ffffff;
    }

        .leads-list__filter > .mdl-button.is-active .e-daterangewidget .e-in-wrap .e-input::-moz-placeholder {
            color: #ffffff;
        }

        .leads-list__filter > .mdl-button.is-active .e-daterangewidget .e-in-wrap .e-input:-ms-input-placeholder {
            color: #ffffff;
        }

        .leads-list__filter > .mdl-button.is-active .e-daterangewidget .e-in-wrap .e-input::-webkit-input-placeholder {
            color: #ffffff;
        }

    .leads-list__filter > .mdl-button.is-active .e-daterangewidget .e-select {
        color: #ffffff;
    }

.leads-list__filter > .mdl-button--right {
    position: absolute;
    right: 20px;
}

.leads-list__filter > .mdl-button--sm {
    max-width: 190px;
    height: 38px;
    line-height: 38px;
}

.leads-list__filter .status-menu-btn {
    max-width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leads-list__filter .btn-create-lead, .leads-list__filter .btn-create-rep-config {
    position: absolute;
    top: 10px;
    right: 20px;
}

.leads-list__filter .btn-filter .e-daterangewidget {
    width: 100%;
    height: 38px;
}

    .leads-list__filter .btn-filter .e-daterangewidget .e-in-wrap {
        border-bottom: 0;
    }

        .leads-list__filter .btn-filter .e-daterangewidget .e-in-wrap:before, .leads-list__filter .btn-filter .e-daterangewidget .e-in-wrap:after {
            display: none;
        }

        .leads-list__filter .btn-filter .e-daterangewidget .e-in-wrap .e-input {
            font-family: "robotolight", Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-size: 1rem;
            background: transparent;
            color: #1a1a1a;
        }

            .leads-list__filter .btn-filter .e-daterangewidget .e-in-wrap .e-input::-moz-placeholder {
                color: #1a1a1a;
            }

            .leads-list__filter .btn-filter .e-daterangewidget .e-in-wrap .e-input:-ms-input-placeholder {
                color: #1a1a1a;
            }

            .leads-list__filter .btn-filter .e-daterangewidget .e-in-wrap .e-input::-webkit-input-placeholder {
                color: #1a1a1a;
            }

    .leads-list__filter .btn-filter .e-daterangewidget.e-active .e-select {
        color: #4d56a4;
    }

    .leads-list__filter .btn-filter .e-daterangewidget .e-select {
        background: transparent;
    }

.leads-list__filter-title {
    width: 70px;
    height: 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
}

    .leads-list__filter-title .icon-filter {
        margin-right: 10px;
        font-size: 18px;
        font-size: 1.2857142857rem;
        color: #cc0000;
    }

    .leads-list__filter-title h2 {
        margin-bottom: 0;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
        text-transform: uppercase;
        color: #333333;
    }

.leads-list__filter--wide {
    flex-wrap: wrap;
    padding: 0 20px;
    align-items: unset;
    height: unset;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .leads-list__filter--wide .leads-list__filter-title {
        margin-left: 0;
    }

    .leads-list__filter--wide > .general-search--data-grid, .leads-list__filter--wide > .mdl-button, .leads-list__filter--wide > .leads-list__filter-title {
        margin-bottom: 5px;
        margin-top: 5px;
    }

.leads-list__filter--white {
    background: #ffffff;
}

    .leads-list__filter--white .mdl-textfield__input {
        background: #efeff0;
    }

    .leads-list__filter--white > .mdl-button:not(.btn-primary) {
        background: #efeff0;
    }

.leads-list__datatable {
    position: relative;
}

.leads-list__pagesize {
    width: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 20px;
    bottom: 38px;
}

    .leads-list__pagesize .e-pager {
        margin-left: 20px;
        border: none;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-size: 0.8571428571rem;
    }

    .leads-list__pagesize .e-ddl .e-in-wrap {
        border: none;
    }

    .leads-list__pagesize .e-ddl .e-input {
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-size: 0.8571428571rem;
    }

    .leads-list__pagesize .e-ddl .e-arrow-sans-down.e-icon:before {
        content: '\e904';
        font-family: "icomoon";
        transform: rotate(90deg);
    }

    .leads-list__pagesize .e-numeric .e-in-wrap {
        border: none;
    }

        .leads-list__pagesize .e-numeric .e-in-wrap:before, .leads-list__pagesize .e-numeric .e-in-wrap:after {
            display: none;
        }

        .leads-list__pagesize .e-numeric .e-in-wrap.e-padding .e-input {
            padding: 0 6px;
        }

            .leads-list__pagesize .e-numeric .e-in-wrap.e-padding .e-input::selection {
                background: #9a9a9a;
            }

.dropdown-list.radio-menu-list {
    width: 100%;
    min-width: 124px;
    height: 300px;
    margin: 0;
    padding: 0;
}

.dropdown-list__container {
    width: auto;
    min-width: 260px;
    max-width: 310px;
    max-height: 378px;
    padding: 20px 0;
    display: none;
    position: absolute;
    top: 195px;
    background: #ffffff;
    z-index: 999;
    box-sizing: border-box;
}

    .dropdown-list__container .mCSB_inside > .mCSB_container {
        margin-right: 20px;
        padding-bottom: 20px;
    }

    .dropdown-list__container .mCSB_scrollTools {
        right: 2px;
    }

    .dropdown-list__container .btn-apply-status {
        width: calc(100% - 40px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: -5px 20px 0 20px;
    }

.dropdown-list__container--height-auto {
    height: auto;
}

.dropdown-list__container--wide {
    left: 0 !important;
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 20px;
}

.dropdown-list__container--with-search .dropdown-list__filter {
    padding: 0px 8px 20px 8px;
}

    .dropdown-list__container--with-search .dropdown-list__filter .mdl-textfield__input {
        border-bottom: 1px solid #b2b2b2;
    }

.dropdown-list__container--with-search .radio-menu-list {
    height: 224px;
    min-height: 224px;
    max-height: 224px;
    padding-bottom: 20px;
}

.dropdown-list__item {
    display: block;
    border: none;
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
}

.radio-menu-container {
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
}

.radio-menu-container--no-padding {
    padding: 0;
}

.radio-menu-container--no-pt {
    padding: 0 0 20px 0;
}

.radio-menu-container--label-top {
    flex-direction: column;
    align-items: flex-start;
}

    .radio-menu-container--label-top .label {
        margin-bottom: 15px;
    }

.radio-menu-container--label-top--with-wrap .label {
    margin-bottom: 5px;
}

.radio-menu-list {
    width: 260px;
    margin: 0;
    padding: 20px 0;
    /* ipad portrait (768px à monter) */
    /* ref: stackoverflow.com/questions/45037844/arrange-2-items-per-row-using-flexbox/45038018 */
    /* iphone portrait (768px à descendre) */
}

@media screen and (max-width: 768px) {
    .radio-menu-list {
        flex: 0 25%;
    }
}

@media screen and (max-width: 760px) {
    .radio-menu-list {
        flex: 0 45%;
    }
}

.form-control .radio-menu-list {
    width: 100%;
    position: unset;
    padding: 0;
    opacity: 1;
    z-index: 1;
}

    .form-control .radio-menu-list .mdl-menu__item {
        width: 100%;
        height: auto;
        min-height: 48px;
        padding: 0;
        opacity: 1;
    }

        .form-control .radio-menu-list .mdl-menu__item:hover {
            background: transparent;
        }

        .form-control .radio-menu-list .mdl-menu__item:not(:last-child) {
            margin-bottom: 0;
            margin-right: 20px;
        }

    .form-control .radio-menu-list .mdl-menu__item--min-width {
        width: auto;
        min-width: 130px;
    }

    .form-control .radio-menu-list.radio-menu-list--horizontal {
        width: 100%;
    }

    .form-control .radio-menu-list.radio-menu-list--horizontal-wrap .mdl-menu__item {
        width: 43.5%;
        padding: 12px 0;
    }

    .form-control .radio-menu-list.radio-menu-list--pills .mdl-menu__item {
        width: auto;
    }

    .form-control .radio-menu-list.radio-menu-list--pills-text .mdl-menu__item:not(:last-child) {
        margin-right: 20px;
    }

    .form-control .radio-menu-list.radio-menu-list--square .mdl-menu__item {
        width: auto;
    }

    .form-control .radio-menu-list.radio-menu-list--square-text .mdl-menu__item:not(:last-child) {
        margin-right: 20px;
    }

.radio-menu-list--split {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .radio-menu-list--split .mdl-menu__item {
        width: 50%;
    }

.radio-menu-list--horizontal {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.radio-menu-list--horizontal-start {
    justify-content: flex-start;
}

    .radio-menu-list--horizontal-start .mdl-menu__item {
        width: auto !important;
    }

.radio-menu-list--horizontal-center {
    justify-content: center;
}

    .radio-menu-list--horizontal-center .mdl-menu__item:not(:last-child) {
        margin-right: 60px;
    }

.radio-menu-list--horizontal-wrap {
    flex-wrap: wrap;
}

    .radio-menu-list--horizontal-wrap .mdl-menu__item {
        width: 43.5%;
    }

.radio-menu-list--horizontal-fixed-230 {
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .radio-menu-list--horizontal-fixed-230 .mdl-menu__item {
        width: 230px !important;
    }

@media screen and (max-width: 768px) {
    .radio-menu-list--responsive-xs {
        flex-wrap: wrap;
    }

        .radio-menu-list--responsive-xs .mdl-menu__item {
            width: 45% !important;
            padding: 10px !important;
            margin: 0;
            margin-right: 0 !important;
        }

            .radio-menu-list--responsive-xs .mdl-menu__item label {
                width: 100% !important;
            }
}

@media screen and (max-width: 576px) {
    .radio-menu-list--responsive-xs .mdl-menu__item {
        width: 100% !important;
        margin-right: 0 !important;
    }

        .radio-menu-list--responsive-xs .mdl-menu__item label {
            width: 100% !important;
        }
}

.radio-menu-list--flex-start {
    justify-content: flex-start;
}

.radio-menu-list .dropdown-list__item {
    position: relative;
    padding: 0 20px;
}

    .radio-menu-list .dropdown-list__item:not(:last-child) {
        margin-bottom: 10px;
    }

    .radio-menu-list .dropdown-list__item:last-child:hover {
        background: none;
    }

    .radio-menu-list .dropdown-list__item .mdl-button {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.radio-menu-list input[type="radio"],
.radio-menu-list input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

    .radio-menu-list input[type="radio"] + label,
    .radio-menu-list input[type="checkbox"] + label {
        width: 100%;
        height: 42px;
        display: inline-block;
        padding-left: 55px;
        position: relative;
        font-size: 14px;
        font-size: 1rem;
        line-height: 40px;
        color: gray;
        border: 1px solid transparent;
        cursor: pointer;
        box-sizing: border-box;
        transition: color 0.3s ease-in;
        transition: border-color 0.3s ease-in;
    }

        .radio-menu-list input[type="radio"] + label.paragraph-label,
        .radio-menu-list input[type="checkbox"] + label.paragraph-label {
            height: auto;
            line-height: 22px;
        }

        .radio-menu-list input[type="radio"] + label.paragraph-label--light,
        .radio-menu-list input[type="checkbox"] + label.paragraph-label--light {
            font-family: "robotolight", Arial, Helvetica, sans-serif;
        }

            .radio-menu-list input[type="radio"] + label.paragraph-label--light em,
            .radio-menu-list input[type="checkbox"] + label.paragraph-label--light em {
                font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
            }

        .radio-menu-list input[type="radio"] + label.paragraph-label--multi-line,
        .radio-menu-list input[type="checkbox"] + label.paragraph-label--multi-line {
            display: table-cell;
            line-height: 18px;
            vertical-align: middle;
        }

        .radio-menu-list input[type="radio"] + label:before, .radio-menu-list input[type="radio"] + label:after,
        .radio-menu-list input[type="checkbox"] + label:before,
        .radio-menu-list input[type="checkbox"] + label:after {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 50%;
            transition: all 0.3s ease-in;
        }

        .radio-menu-list input[type="radio"] + label:before,
        .radio-menu-list input[type="checkbox"] + label:before {
            content: '';
            background: #cccccc;
        }

        .radio-menu-list input[type="radio"] + label:after,
        .radio-menu-list input[type="checkbox"] + label:after {
            content: '\e916';
            font-family: "icomoon";
            color: #ffffff;
            text-align: center;
            line-height: 42px;
            opacity: 0;
        }

        .radio-menu-list input[type="radio"] + label.incoming:after,
        .radio-menu-list input[type="checkbox"] + label.incoming:after {
            content: '\e960';
            opacity: 1;
        }

        .radio-menu-list input[type="radio"] + label.outgoing:after,
        .radio-menu-list input[type="checkbox"] + label.outgoing:after {
            content: '\e961';
            opacity: 1;
        }

        .radio-menu-list input[type="radio"] + label.corporate:after,
        .radio-menu-list input[type="checkbox"] + label.corporate:after {
            content: '\e965';
            opacity: 1;
            font-size: 24px;
            font-size: 1.7142857143rem;
        }

        .radio-menu-list input[type="radio"] + label.assignee:after,
        .radio-menu-list input[type="checkbox"] + label.assignee:after {
            content: '\e964';
            opacity: 1;
            font-size: 24px;
            font-size: 1.7142857143rem;
        }

        .radio-menu-list input[type="radio"] + label.subcontractor:after,
        .radio-menu-list input[type="checkbox"] + label.subcontractor:after {
            content: '\e966';
            opacity: 1;
            font-size: 24px;
            font-size: 1.7142857143rem;
        }

        .radio-menu-list input[type="radio"] + label.origin:after,
        .radio-menu-list input[type="checkbox"] + label.origin:after {
            content: '\e95a';
            opacity: 1;
            font-size: 18px;
            font-size: 1.2857142857rem;
        }

        .radio-menu-list input[type="radio"] + label.destination:after,
        .radio-menu-list input[type="checkbox"] + label.destination:after {
            content: '';
            width: 6px;
            height: 6px;
            position: absolute;
            top: 17px;
            left: 17px;
            border-radius: 50%;
            opacity: 1;
            background: #ffffff;
        }

    .radio-menu-list input[type="radio"]:checked + label,
    .radio-menu-list input[type="checkbox"]:checked + label {
        color: #333333;
    }

        .radio-menu-list input[type="radio"]:checked + label:before,
        .radio-menu-list input[type="checkbox"]:checked + label:before {
            background: #4d56a4;
        }

        .radio-menu-list input[type="radio"]:checked + label:after,
        .radio-menu-list input[type="checkbox"]:checked + label:after {
            opacity: 1;
        }

.radio-menu-list .accent-1 input[type="radio"]:checked + label:before,
.radio-menu-list .accent-1 input[type="checkbox"]:checked + label:before {
    background: #0062aa;
}

.radio-menu-list .accent-2 input[type="radio"]:checked + label:before,
.radio-menu-list .accent-2 input[type="checkbox"]:checked + label:before {
    background: #fbcf4c;
}

.radio-menu-list .accent-10 input[type="radio"]:checked + label:before,
.radio-menu-list .accent-10 input[type="checkbox"]:checked + label:before {
    background: #4d56a4;
}

.radio-menu-list--square input[type="radio"] + label,
.radio-menu-list--square input[type="checkbox"] + label {
    width: 235px;
    padding-left: 0;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
}

    .radio-menu-list--square input[type="radio"] + label:before,
    .radio-menu-list--square input[type="checkbox"] + label:before {
        width: 100%;
        height: 110px;
        border-radius: 4px;
        box-sizing: border-box;
        position: relative;
        display: block;
    }

    .radio-menu-list--square input[type="radio"] + label:after,
    .radio-menu-list--square input[type="checkbox"] + label:after {
        display: none;
    }

    .radio-menu-list--square input[type="radio"] + label:before,
    .radio-menu-list--square input[type="checkbox"] + label:before {
        background: #f6f6f6;
    }

.radio-menu-list--square input[type="radio"] ~ [class^="icon-"],
.radio-menu-list--square input[type="checkbox"] ~ [class^="icon-"] {
    position: absolute;
    top: 28px;
    font-size: 56px;
    font-size: 4rem;
    color: #9a9a9a;
    pointer-events: none;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

.radio-menu-list--square input[type="radio"]:checked + label:before,
.radio-menu-list--square input[type="checkbox"]:checked + label:before {
    background: #41b983;
}

.radio-menu-list--square input[type="radio"]:checked ~ [class^="icon-"],
.radio-menu-list--square input[type="checkbox"]:checked ~ [class^="icon-"] {
    color: #ffffff;
}

.radio-menu-list--square-text {
    justify-content: center;
}

    .radio-menu-list--square-text input[type="radio"] + label,
    .radio-menu-list--square-text input[type="checkbox"] + label {
        min-width: 130px;
        width: auto;
        height: 44px;
        padding: 0 20px;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
        text-align: center;
        text-transform: uppercase;
        line-height: 44px;
        z-index: 2;
    }

        .radio-menu-list--square-text input[type="radio"] + label:before, .radio-menu-list--square-text input[type="radio"] + label:after,
        .radio-menu-list--square-text input[type="checkbox"] + label:before,
        .radio-menu-list--square-text input[type="checkbox"] + label:after {
            width: 100%;
            height: 100%;
            border-radius: 22px;
            box-sizing: border-box;
            z-index: -1;
        }

        .radio-menu-list--square-text input[type="radio"] + label:before,
        .radio-menu-list--square-text input[type="checkbox"] + label:before {
            background: #ffffff;
        }

        .radio-menu-list--square-text input[type="radio"] + label:after,
        .radio-menu-list--square-text input[type="checkbox"] + label:after {
            content: '';
            padding: 0;
            color: #757575;
            opacity: 1;
        }

    .radio-menu-list--square-text input[type="radio"]:checked + label,
    .radio-menu-list--square-text input[type="checkbox"]:checked + label {
        color: #ffffff;
    }

        .radio-menu-list--square-text input[type="radio"]:checked + label:after,
        .radio-menu-list--square-text input[type="checkbox"]:checked + label:after {
            background: #1a1a1a;
        }

.radio-menu-list--pills input[type="radio"] + label,
.radio-menu-list--pills input[type="checkbox"] + label {
    width: 100%;
    min-width: 195px;
    max-width: 235px;
    height: 55px;
    padding-left: 0;
    line-height: 55px;
}

    .radio-menu-list--pills input[type="radio"] + label:before, .radio-menu-list--pills input[type="radio"] + label:after,
    .radio-menu-list--pills input[type="checkbox"] + label:before,
    .radio-menu-list--pills input[type="checkbox"] + label:after {
        width: 100%;
        height: 100%;
        border-radius: 30px;
        box-sizing: border-box;
    }

    .radio-menu-list--pills input[type="radio"] + label:before,
    .radio-menu-list--pills input[type="checkbox"] + label:before {
        background: #f6f6f6;
    }

    .radio-menu-list--pills input[type="radio"] + label:after,
    .radio-menu-list--pills input[type="checkbox"] + label:after {
        content: attr(data-label);
        padding-left: 30px;
        color: #1a1a1a;
        opacity: 1;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-size: 1.0714285714rem;
        text-align: left;
        text-transform: uppercase;
        line-height: 55px;
    }

.radio-menu-list--pills input[type="radio"] ~ [class^="icon-"],
.radio-menu-list--pills input[type="checkbox"] ~ [class^="icon-"] {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 30px;
    font-size: 2.1428571429rem;
    color: #9a9a9a;
    pointer-events: none;
}

.radio-menu-list--pills input[type="radio"]:checked + label:after,
.radio-menu-list--pills input[type="checkbox"]:checked + label:after {
    color: #ffffff;
}

.radio-menu-list--pills input[type="radio"]:checked ~ [class^="icon-"],
.radio-menu-list--pills input[type="checkbox"]:checked ~ [class^="icon-"] {
    color: #ffffff;
}

.radio-menu-list--pills-text {
    justify-content: center;
}

    .radio-menu-list--pills-text input[type="radio"] + label,
    .radio-menu-list--pills-text input[type="checkbox"] + label {
        min-width: 130px;
        width: auto;
        height: 44px;
        padding: 0 20px;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 0.9285714286rem;
        text-align: center;
        text-transform: uppercase;
        line-height: 44px;
        z-index: 2;
    }

        .radio-menu-list--pills-text input[type="radio"] + label:before, .radio-menu-list--pills-text input[type="radio"] + label:after,
        .radio-menu-list--pills-text input[type="checkbox"] + label:before,
        .radio-menu-list--pills-text input[type="checkbox"] + label:after {
            width: 100%;
            height: 100%;
            border-radius: 22px;
            box-sizing: border-box;
            z-index: -1;
        }

        .radio-menu-list--pills-text input[type="radio"] + label:before,
        .radio-menu-list--pills-text input[type="checkbox"] + label:before {
            background: #ffffff;
        }

        .radio-menu-list--pills-text input[type="radio"] + label:after,
        .radio-menu-list--pills-text input[type="checkbox"] + label:after {
            content: '';
            padding: 0;
            color: #757575;
            opacity: 1;
        }

    .radio-menu-list--pills-text input[type="radio"]:checked + label,
    .radio-menu-list--pills-text input[type="checkbox"]:checked + label {
        color: #ffffff;
    }

        .radio-menu-list--pills-text input[type="radio"]:checked + label:after,
        .radio-menu-list--pills-text input[type="checkbox"]:checked + label:after {
            background: #1a1a1a;
        }

.radio-menu-list--pills-full-width {
    width: 100%;
    padding: 0;
    position: relative;
}

    .radio-menu-list--pills-full-width input[type="radio"] + label,
    .radio-menu-list--pills-full-width input[type="checkbox"] + label {
        width: 100%;
        height: 45px;
        line-height: 45px;
        max-width: 100%;
    }

        .radio-menu-list--pills-full-width input[type="radio"] + label:after,
        .radio-menu-list--pills-full-width input[type="checkbox"] + label:after {
            padding-left: 0;
            text-align: center;
            line-height: 45px;
        }

.radio-menu-list--pills-responsive input[type="radio"] + label,
.radio-menu-list--pills-responsive input[type="checkbox"] + label {
    min-width: 170px;
}

@media screen and (max-width: 1280px) {
    .radio-menu-list--pills-responsive input[type="radio"] + label,
    .radio-menu-list--pills-responsive input[type="checkbox"] + label {
        min-width: 110px;
    }
}

.radio-menu-list--pills-white input[type="radio"] + label:before,
.radio-menu-list--pills-white input[type="checkbox"] + label:before {
    background: #ffffff;
}

.radio-menu-list--box {
    position: relative;
    padding: 0;
    /* ipad landscape (1024px max and 1025px min) */
    /* ipad portrait (768px à monter) */
    /* iphone portrait (768px à descendre) */
    /* ref: stackoverflow.com/questions/45037844/arrange-2-items-per-row-using-flexbox/45038018 */
}

@media screen and (min-width: 1024px) and (max-width: 1025px) {
    .radio-menu-list--box {
        width: 25%;
        margin: 0 15px !important;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .radio-menu-list--box {
        width: 25%;
        margin: 0 15px !important;
        text-align: center;
    }
}

@media screen and (max-width: 760px) {
    .radio-menu-list--box {
        width: 25%;
        flex: 0 44%;
        margin: 0 0 15px 15px !important;
    }
}

.radio-menu-list--box:not(:last-of-type) {
    margin-right: 46px;
}

.radio-menu-list--box input[type="radio"] + label,
.radio-menu-list--box input[type="checkbox"] + label {
    width: 100%;
    max-width: 295px;
    height: 260px;
    padding: 0;
    border: 1px solid #d2d2d3;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

    .radio-menu-list--box input[type="radio"] + label:before, .radio-menu-list--box input[type="radio"] + label:after,
    .radio-menu-list--box input[type="checkbox"] + label:before,
    .radio-menu-list--box input[type="checkbox"] + label:after {
        display: none;
    }

    .radio-menu-list--box input[type="radio"] + label i,
    .radio-menu-list--box input[type="checkbox"] + label i {
        font-size: 56px;
        font-size: 4rem;
        margin-bottom: 20px;
    }

.radio-menu-list--box.lg-icon input[type="radio"] + label i,
.radio-menu-list--box.lg-icon input[type="checkbox"] + label i {
    font-size: 90px;
    font-size: 6.4285714286rem;
    margin-bottom: 0;
}

.radio-menu-list--box.fix-size {
    width: 260px !important;
}

.radio-menu-list--box input[type="radio"]:checked + label,
.radio-menu-list--box input[type="checkbox"]:checked + label,
.radio-menu-list--box input[type="radio"] + label:hover,
.radio-menu-list--box input[type="checkbox"] + label:hover {
    background-color: #ffffff;
    border: 1px solid transparent;
    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);
}

    .radio-menu-list--box input[type="radio"]:checked + label > i,
    .radio-menu-list--box input[type="checkbox"]:checked + label > i,
    .radio-menu-list--box input[type="radio"] + label:hover > i,
    .radio-menu-list--box input[type="checkbox"] + label:hover > i {
        color: #cc0000;
    }

.radio-menu-list--box-titled label {
    position: relative;
}

    .radio-menu-list--box-titled label span {
        position: absolute;
        top: 15px;
        width: 85%;
        display: flex;
        line-height: 20px;
    }

        .radio-menu-list--box-titled label span i[class^="icon-"] {
            margin-bottom: 0;
            font-size: 20px !important;
            margin-left: auto;
        }

.radio-menu-list--box-info {
    display: none;
    background-color: #ffffff;
    height: 220px;
    position: absolute;
    bottom: 0;
    padding: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.radio-menu-list--box.active-info .radio-menu-list--box-info {
    display: table-cell;
}

.radio-menu-list--box.active-info label span i[class^="icon-"] {
    color: #4d56a4 !important;
}

.radio-menu-list--box-wrapper {
    display: flex;
}

    .radio-menu-list--box-wrapper .radio-menu-list--box:first-of-type {
        margin-left: auto;
    }

    .radio-menu-list--box-wrapper .radio-menu-list--box:last-of-type {
        margin-right: auto;
    }

.radio-menu-list--lg-text input[type="radio"] + label,
.radio-menu-list--lg-text input[type="checkbox"] + label {
    font-size: 21px;
    font-size: 1.5rem;
    padding-left: 70px;
    /* 576px à descendre */
}

@media screen and (max-width: 576px) {
    .radio-menu-list--lg-text input[type="radio"] + label,
    .radio-menu-list--lg-text input[type="checkbox"] + label {
        font-size: 12px;
        font-size: 0.8571428571rem;
        padding-left: 50px;
    }
}

.radio-menu-list--dtable {
    width: auto;
}

    .radio-menu-list--dtable .dropdown-list__item {
        padding: 0;
    }

.radio-menu-list--address input[type="radio"] + label,
.radio-menu-list--address input[type="checkbox"] + label {
    color: #1a1a1a;
}

    .radio-menu-list--address input[type="radio"] + label > span,
    .radio-menu-list--address input[type="checkbox"] + label > span {
        width: auto;
        display: block;
        line-height: 20px;
    }

    .radio-menu-list--address input[type="radio"] + label:before, .radio-menu-list--address input[type="radio"] + label:after,
    .radio-menu-list--address input[type="checkbox"] + label:before,
    .radio-menu-list--address input[type="checkbox"] + label:after {
        top: 10px;
    }

.radio-menu-content {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    background: #ffffff;
    box-sizing: border-box;
    display: none;
}

.radio-menu-content--bg-light {
    padding: 30px;
    background: #f6f6f6;
}

.radio-menu-content--no-padding {
    padding: 0;
}

.status-menu + .mdl-menu__container {
    /*width: 260px !important;
height: 378px !important;
z-index: 999 !important;
visibility: visible !important;*/
    /*.radio-menu-list {
    opacity: 1 !important;
    z-index: 999 !important;
    clip: rect(0px, 260px, 378px, 0px) !important;

    .mdl-menu__item {
      opacity: 1 !important;
    }
  }*/
}

    .status-menu + .mdl-menu__container.is-visible {
        top: 195px !important;
    }

.enquiry-detail__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    /*padding: 20px 0;*/
}

.enquiry-detail__content--centered {
    justify-content: center !important;
    align-items: center;
}

@media screen and (min-width: 1280px) {
    .enquiry-detail__content {
        /*padding: 40px 40px 20px 40px;*/
    }
}

.enquiry-detail__content .custom-card {
    margin-bottom: 0;
}

.enquiry-detail__content .popup-card {
    transform: translateX(calc(100% + 80px));
}

    .enquiry-detail__content .popup-card.is-active {
        transform: translateX(0);
    }

@media screen and (min-width: 760px) {
    .enquiry-detail__content .popup-card.is-active {
        transform: translateX(2.75%);
    }
}

.enquiry-detail__description {
    width: calc(100% - 370px);
}

    .enquiry-detail__description .mdl-card__title {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        background: #6d6d6d;
        border-radius: 3px 3px 0 0;
    }

    .enquiry-detail__description .mdl-card__title--light {
        background: #ffffff;
    }

    .enquiry-detail__description .mdl-card__title-text {
        margin-bottom: 10px;
        font-size: 13px;
        font-size: 0.9285714286rem;
        color: #dcdcdc;
    }

        .enquiry-detail__description .mdl-card__title-text + span {
            font-size: 15px;
            font-size: 1.0714285714rem;
            color: #ffffff;
        }

    .enquiry-detail__description .mdl-card__supporting-text {
        display: grid;
        grid-template: repeat(3, auto)/repeat(2, 1fr);
        padding: 0;
    }

@media screen and (min-width: 1280px) {
    .enquiry-detail__description .mdl-card__supporting-text {
        grid-template: 1fr 1.5fr/repeat(3, 1fr);
    }
}

.enquiry-detail__description .mdl-card__supporting-text.grid-2-by-3 {
    grid-template: repeat(4, auto)/repeat(2, 1fr);
}

@media screen and (min-width: 1280px) {
    .enquiry-detail__description .mdl-card__supporting-text.grid-2-by-3 {
        grid-template: repeat(2, 1fr)/repeat(3, 1fr);
    }
}

.enquiry-detail__description .mdl-card__supporting-text .address {
    min-height: 50px;
    display: inline-block;
}

.enquiry-detail__description .text-col {
    padding: 30px;
}

    .enquiry-detail__description .text-col:first-child {
        grid-area: 1 / 1 / 2 / 3;
        border-bottom: 1px solid #dcdcdc;
        background: #f6f6f6;
    }

    .enquiry-detail__description .text-col:nth-child(2) {
        grid-area: 2 / 1 / 3 / 2;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
    }

    .enquiry-detail__description .text-col:nth-child(3) {
        grid-area: 2 / 2 / 3 / 3;
        border-bottom: 1px solid #dcdcdc;
    }

    .enquiry-detail__description .text-col:last-child {
        grid-area: 3 / 1 / 4 / 3;
    }

@media screen and (min-width: 1280px) {
    .enquiry-detail__description .text-col:first-child {
        grid-area: 1 / 1 / 3 / 2;
        border-right: 1px solid #dcdcdc;
        border-bottom: none;
    }

    .enquiry-detail__description .text-col:nth-child(2) {
        grid-area: 1 / 2 / 2 / 2;
        border-right: 1px solid #dcdcdc;
        border-bottom: none;
    }

    .enquiry-detail__description .text-col:nth-child(3) {
        grid-area: 1 / 3 / 2 / 4;
        border-bottom: none;
    }

    .enquiry-detail__description .text-col:last-child {
        grid-area: 2 / 2 / 3 / 4;
        border-top: 1px solid #dcdcdc;
    }
}

.enquiry-detail__description .grid-2-by-3 .text-col:first-child {
    grid-area: 1 / 1 / 2 / 3;
}

.enquiry-detail__description .grid-2-by-3 .text-col:nth-child(2) {
    grid-area: 2 / 1 / 3 / 2;
}

.enquiry-detail__description .grid-2-by-3 .text-col:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3;
}

.enquiry-detail__description .grid-2-by-3 .text-col:nth-child(4) {
    grid-area: 3 / 1 / 4 / 3;
}

.enquiry-detail__description .grid-2-by-3 .text-col:last-child {
    grid-area: 4 / 1 / 5 / 3;
    border-top: 1px solid #dcdcdc;
}

@media screen and (min-width: 1280px) {
    .enquiry-detail__description .grid-2-by-3 .text-col:first-child {
        grid-area: 1 / 1 / 2 / 2;
    }

    .enquiry-detail__description .grid-2-by-3 .text-col:nth-child(2) {
        grid-area: 1 / 2 / 2 / 3;
    }

    .enquiry-detail__description .grid-2-by-3 .text-col:nth-child(3) {
        grid-area: 1 / 3 / 2 / 4;
    }

    .enquiry-detail__description .grid-2-by-3 .text-col:nth-child(4) {
        grid-area: 2 / 1 / 3 / 2;
        border-top: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
    }

    .enquiry-detail__description .grid-2-by-3 .text-col:last-child {
        grid-area: 2 / 2 / 3 / 4;
    }
}

.enquiry-detail__description h2 {
    margin-bottom: 20px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #1a1a1a;
}

.enquiry-detail__description-w {
    width: calc(100% - 370px);
}

.enquiry-detail__sub-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    background: #f6f6f6;
}

@media screen and (max-width: 1280px) {
    .enquiry-detail__sub-content {
        flex-direction: column;
    }
}

.enquiry-detail__sub-content--left, .enquiry-detail__sub-content--right {
    height: 100%;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
}

.enquiry-detail__sub-content--left {
    width: 100%;
    max-width: 290px;
}

    .enquiry-detail__sub-content--left:after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #dcdcdc;
    }

@media screen and (max-width: 1280px) {
    .enquiry-detail__sub-content--left {
        max-width: 100%;
    }

        .enquiry-detail__sub-content--left:after {
            content: none;
        }
}

.enquiry-detail__sub-content--right {
    width: calc(100% - 290px);
}

    .enquiry-detail__sub-content--right:before {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -1px;
        background: #dcdcdc;
    }

@media screen and (max-width: 1280px) {
    .enquiry-detail__sub-content--right {
        width: 100%;
    }

        .enquiry-detail__sub-content--right:before {
            content: none;
        }
}

.enquiry-detail__sub-content--right .mdl-tabs {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    background: #ffffff;
    border-bottom: 1px solid #dcdcdc;
}

.enquiry-detail__sub-content--right .mdl-tabs__tab-bar {
    height: 65px;
    justify-content: space-between;
    border-bottom: none;
}

.enquiry-detail__sub-content--right .mdl-tabs__tab {
    height: 65px;
    line-height: 65px;
    padding: 0 30px;
}

.enquiry-detail__sub-content--right .mdl-tabs__panel {
    padding: 30px;
}

.enquiry-detail__sub-content--footer {
    background-color: #ffffff;
    min-height: 40px;
    padding: 50px 30px;
}

.enquiry-detail__allocation {
    width: 28.5%;
}

.enquiry-detail__action {
    width: 100%;
    max-width: 330px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 40px;
    right: 0;
}

@media screen and (min-width: 1280px) {
    .enquiry-detail__action {
        right: 40px;
    }
}

/* Responsive columns */
@media screen and (max-width: 1450px) {
    .enquiry-detail__sub-container {
        display: block !important;
    }
}

.enquiry-detail__action.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
}

.enquiry-detail__footer {
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #ffffff;
    margin: 0 -20px -20px -20px;
    padding: 0 20px;
}

    .enquiry-detail__footer .mdl-button {
        font-size: 13px;
        font-size: 0.9285714286rem;
        color: #9a9a9a;
    }

        .enquiry-detail__footer .mdl-button .icon-arrow-left {
            margin-right: 20px;
        }

        .enquiry-detail__footer .mdl-button:hover {
            background: none;
            color: #1a1a1a;
        }

.enquiry-detail--abandon .action-list .btn-abandon,
.enquiry-detail--abandon .action-list .btn-transfer,
.enquiry-detail--abandon .action-list .btn-followup,
.enquiry-detail--abandon .action-list .btn-qualification,
.enquiry-detail--abandon .action-list .btn-pms,
.enquiry-detail--abandon .action-list .btn-request-info,
.enquiry-detail--abandon .action-list .btn-agent-quote,
.enquiry-detail--abandon .action-list .btn-edition {
    background: #9a9a9a;
    color: #dcdcdc;
    pointer-events: none;
    cursor: not-allowed;
}

    .enquiry-detail--abandon .action-list .btn-abandon [class^="icon-"],
    .enquiry-detail--abandon .action-list .btn-transfer [class^="icon-"],
    .enquiry-detail--abandon .action-list .btn-followup [class^="icon-"],
    .enquiry-detail--abandon .action-list .btn-qualification [class^="icon-"],
    .enquiry-detail--abandon .action-list .btn-pms [class^="icon-"],
    .enquiry-detail--abandon .action-list .btn-request-info [class^="icon-"],
    .enquiry-detail--abandon .action-list .btn-agent-quote [class^="icon-"],
    .enquiry-detail--abandon .action-list .btn-edition [class^="icon-"] {
        color: #dcdcdc;
    }

.enquiry-detail--transfer .action-list .btn-abandon {
    background: #9a9a9a;
    color: #dcdcdc;
    pointer-events: none;
    cursor: not-allowed;
}

    .enquiry-detail--transfer .action-list .btn-abandon [class^="icon-"] {
        color: #dcdcdc;
    }

.action-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.action-list__item:not(:last-child) {
    margin-bottom: 20px;
}

.action-list .action-list-button {
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    background: #ffffff;
    color: #1a1a1a;
    box-sizing: border-box;
}

    .action-list .action-list-button [class^="icon-"] {
        color: #cc0000;
    }

    .action-list .action-list-button:hover {
        background: #1a1a1a;
        color: #ffffff;
    }

    .action-list .action-list-button:focus {
        background: #757575;
        color: #f6f6f6;
    }

.action-list .action-list-button--lg {
    height: 80px;
    line-height: 24px;
}

.action-list .action-list-button--bordered {
    border: 1px solid #949599;
    background: transparent;
}

.action-list--horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .action-list--horizontal .action-list__item {
        margin-bottom: 0;
    }

        .action-list--horizontal .action-list__item:not(:last-child) {
            margin-right: 20px;
        }

    .action-list--horizontal .action-list-button {
        width: auto;
        height: 59px;
        line-height: 38px;
        background: none;
        border: 1px solid transparent;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        color: #9a9a9a;
    }

        .action-list--horizontal .action-list-button:hover {
            background: none;
            color: #1a1a1a;
        }

        .action-list--horizontal .action-list-button:focus {
            border-color: #9a9a9a;
            background: none;
        }

        .action-list--horizontal .action-list-button.is-active {
            background: #1a1a1a;
            color: #ffffff;
            border-radius: 0;
        }

.action-list--docked {
    position: absolute;
    top: 0;
    right: 0;
}

    .action-list--docked .action-list__menu {
        width: 690px;
        margin: 0;
        padding: 0;
    }

    .action-list--docked hr.wide {
        width: calc(100% + 100px);
        margin-left: -50px;
        margin-right: -50px;
    }

.info-group {
    width: 100%;
    padding-bottom: 30px;
    box-sizing: border-box;
}

    .info-group:not(:last-child) {
        margin-bottom: 30px;
        border-bottom: 1px solid #dcdcdc;
    }

.info-group-title {
    margin-bottom: 20px;
    font-size: 13px;
    font-size: 0.9285714286rem;
    text-transform: uppercase;
    color: #1a1a1a;
}

.info-wrapper {
    width: 100%;
    padding: 30px;
    background-color: #f6f6f6;
}

.info-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.info-list__item:not(:last-child) {
    margin-bottom: 30px;
}

.info-list__item h3 {
    margin-bottom: 5px;
    line-height: 14px;
    color: #949599;
}

@media screen and (min-width: 1281px) and (max-width: 1400px) {
    .info-list__item--fixed-h-label h3 {
        height: 30px;
    }
}

.info-list__item .mdl-data-table {
    width: 100%;
    margin-top: 15px;
    border: none;
}

    .info-list__item .mdl-data-table tr:first-child td {
        border-top: none;
    }

    .info-list__item .mdl-data-table tr td {
        font-size: 14px;
        font-size: 1rem;
        color: #1a1a1a;
    }

.info-list__item--padding-30 {
    padding: 30px;
}

@media screen and (max-width: 1280px) {
    .info-list__item--padding-30 {
        padding: 15px;
    }
}

.info-list__item--fix-h-70 {
    height: 70px;
}

.info-list--wide {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

    .info-list--wide .info-list__item {
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
        background: #f6f6f6;
        /*&:not(:last-child) {
  margin-bottom: 20px;
}*/
    }

    .info-list--wide .info-list__item--transparent {
        padding: 0;
        background: transparent;
    }

.info-list--split .info-list__item:not(:last-child) {
    margin-right: 20px;
}

.info-list--horizontal {
    display: flex;
    justify-content: space-between;
    align-self: flex-start;
}

    .info-list--horizontal:not(:last-child) {
        margin-bottom: 30px;
    }

    .info-list--horizontal .info-list__item {
        flex: 1;
        margin-bottom: 0;
    }

        .info-list--horizontal .info-list__item:not(:last-child) {
            margin-right: 10px;
        }

@media screen and (min-width: 1280px) {
    .info-list--horizontal .info-list__item--wide {
        flex: 2;
    }
}

@media screen and (max-width: 1280px) {
    .info-list--horizontal-md {
        display: flex;
        justify-content: space-between;
        align-self: flex-start;
    }

        .info-list--horizontal-md:not(:last-child) {
            margin-bottom: 30px;
        }

        .info-list--horizontal-md .info-list__item {
            flex: 1;
            margin-bottom: 0;
        }

            .info-list--horizontal-md .info-list__item:not(:last-child) {
                margin-right: 20px;
            }
}

.info-list span {
    width: 100%;
    display: inline-block;
    color: #1a1a1a;
}

    .info-list span.town {
        display: block;
    }

    .info-list span.alert {
        color: #cc0000;
    }

    .info-list span.date {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .info-list span.date [class^="icon-"] {
            margin: 0 20px;
            color: #cc0000;
        }

.info-list--total li {
    width: 100%;
    max-width: 294px;
}

.info-list-box {
    max-width: 925px;
    width: 100%;
}

.info-sub-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .info-sub-list li {
        width: 100%;
        position: relative;
        padding: 0 10px;
    }

        .info-sub-list li:after {
            content: '';
            position: absolute;
            right: 10px;
            bottom: 5px;
            width: 1px;
            height: 12px;
            background: #1a1a1a;
        }

        .info-sub-list li:last-child:after {
            display: none;
        }

    .info-sub-list h4 {
        margin-bottom: 0;
        font-size: 12px;
        font-size: 0.8571428571rem;
    }

.info-box {
    display: flex;
    border-top: 1px solid #dcdcdc;
}

.info-box--left {
    width: calc(100% - 60px);
    padding: 30px;
}

.info-box--right {
    width: calc(100% - 60px);
    padding: 30px;
    border-left: 1px solid #dcdcdc;
}

.document-table {
    background: none;
}

    .document-table tr {
        border: none;
    }

        .document-table tr td {
            border: none;
        }

            .document-table tr td:first-child {
                position: relative;
            }

                .document-table tr td:first-child:before {
                    content: '';
                    width: 0;
                    height: 0;
                    position: absolute;
                    top: 43%;
                    left: 10px;
                    border-top: 4px solid transparent;
                    border-bottom: 4px solid transparent;
                    border-left: 4px solid #6d6d6d;
                }

.content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
}

@media screen and (min-width: 760px) {
    .content-wrapper {
        padding-top: 28px;
    }
}

.drawer {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.drawer--no-mt {
    margin-top: 0;
}

.drawer__item {
    position: relative;
}

    .drawer__item:not(:last-child) {
        margin-bottom: 40px;
    }

.drawer__item-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    transition: margin 0.25s ease-in-out;
    box-sizing: border-box;
}

.drawer__item-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #41b983;
    border-radius: 50%;
    line-height: 36px;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 1.7142857143rem;
    color: #41b983;
    text-align: center;
    box-sizing: border-box;
}

.drawer__item-text {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    text-transform: none;
    color: #9a9a9a;
}

.drawer__control {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

    .drawer__control:checked ~ .drawer__item-title {
        margin-bottom: 20px;
    }

    .drawer__control:checked ~ .drawer__content {
        height: auto;
        transform: translate(0, 0);
        padding: 40px;
        opacity: 1;
        overflow: unset;
    }

    .drawer__control:checked ~ .drawer__content--sub {
        padding: 0 55px;
    }

    .drawer__control:checked ~ .drawer__content--vp-20 {
        padding: 20px 40px;
    }

.drawer__content {
    height: 0;
    position: relative;
    transform: translate(0, -20%);
    padding: 0;
    background: #f6f6f6;
    transition: height, transform 0.25s ease-in-out;
    opacity: 0;
    z-index: 1;
    overflow: hidden;
}

    .drawer__content.is-active {
        height: auto;
        transform: translate(0, 0);
        opacity: 1;
        overflow: unset;
        margin-top: 40px;
    }

.drawer__content-title {
    margin-bottom: 20px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #1a1a1a;
}

.drawer__content--no-bg {
    background: unset;
}

.drawer .delete-btn {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 16px;
    right: 5px;
    font-size: 23px;
    font-size: 1.6428571429rem;
}

.drawer .delete-btn--relative {
    position: relative;
    top: unset;
    right: unset;
}

.drawer--pill > .drawer__item.is-active:not(:last-child) {
    margin-bottom: 0;
}

.drawer--pill > .drawer__item .drawer__item--place .drawer__item-title:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 25px;
    left: 25px;
    background: #8d8d8d;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.drawer--pill > .drawer__item .drawer__item--place .drawer__control:checked + .drawer__item-title:after {
    content: '\e921';
    width: 40px;
    height: 40px;
    top: 10px;
    left: 10px;
    font-family: "icomoon";
    font-size: 20px;
    font-size: 1.4285714286rem;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    background: transparent;
}

.drawer--pill > .drawer__item .drawer__item:last-child .drawer__content:before {
    display: none;
}

.drawer--pill > .drawer__item > .drawer__control {
    height: 60px;
}

    .drawer--pill > .drawer__item > .drawer__control:checked ~ .drawer__item-title {
        margin-bottom: 0;
        border-color: transparent;
        background: #f6f6f6;
    }

        .drawer--pill > .drawer__item > .drawer__control:checked ~ .drawer__item-title:before {
            border: 1px dashed transparent;
            background: #4d56a4;
        }

        .drawer--pill > .drawer__item > .drawer__control:checked ~ .drawer__item-title:after {
            background: #ffffff;
        }

        .drawer--pill > .drawer__item > .drawer__control:checked ~ .drawer__item-title .drawer__item-text {
            color: #1a1a1a;
        }

        .drawer--pill > .drawer__item > .drawer__control:checked ~ .drawer__item-title [class^="icon-"] {
            color: #4d56a4;
        }

    .drawer--pill > .drawer__item > .drawer__control:checked ~ .drawer__content {
        padding: 20px 75px;
        background: transparent;
    }

    .drawer--pill > .drawer__item > .drawer__control:focus + .drawer__item-title {
        border: 1px solid #949599;
    }

.drawer--pill > .drawer__item > .drawer__item-title {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 0;
    padding: 0 35px 0 75px;
    border-radius: 30px;
    background: transparent;
    border: 1px solid #dcdcdc;
    text-transform: uppercase;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out;
}

    .drawer--pill > .drawer__item > .drawer__item-title:before, .drawer--pill > .drawer__item > .drawer__item-title:after {
        content: '';
        position: absolute;
    }

    .drawer--pill > .drawer__item > .drawer__item-title:before {
        width: 40px;
        height: 40px;
        top: 10px;
        left: 10px;
        border-radius: 50%;
        border: 1px dashed #949599;
        background: transparent;
        box-sizing: border-box;
    }

    .drawer--pill > .drawer__item > .drawer__item-title:after {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 25px;
        left: 25px;
        background: #949599;
    }

    .drawer--pill > .drawer__item > .drawer__item-title > .drawer__item-text {
        font-size: 14px;
        font-size: 1rem;
        color: #949599;
        text-transform: uppercase;
    }

.drawer--pill > .drawer__item > .drawer__content {
    padding: 0;
}

    .drawer--pill > .drawer__item > .drawer__content:before {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 30px;
        background: #4d56a4;
    }

.drawer--pill [class^="icon-"] {
    font-size: 28px;
    font-size: 2rem;
    color: #949599;
}

.drawer--radio .drawer__item:not(:last-child) {
    margin-bottom: 30px;
}

.drawer--radio .drawer__item.is-active {
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.drawer--radio .drawer__control {
    height: 40px;
}

    .drawer--radio .drawer__control:checked + .drawer__item-title:before {
        background: #333333;
    }

    .drawer--radio .drawer__control:checked + .drawer__item-title:after {
        opacity: 1;
    }

.drawer--radio .drawer__item-title {
    padding-left: 55px;
}

    .drawer--radio .drawer__item-title:before, .drawer--radio .drawer__item-title:after {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        transition: all 0.3s ease-in;
    }

    .drawer--radio .drawer__item-title:before {
        content: '';
        background: #ffffff;
    }

    .drawer--radio .drawer__item-title:after {
        content: '\e916';
        font-family: "icomoon";
        color: #ffffff;
        text-align: center;
        line-height: 42px;
        opacity: 0;
    }

.drawer--radio .drawer__item-text {
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #1a1a1a;
}

.drawer--switch .drawer__item:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

.drawer--pill-2 .drawer__item:not(:last-child) {
    margin-bottom: 10px;
}

.drawer--pill-2 .drawer__control {
    height: 45px;
}

    .drawer--pill-2 .drawer__control:checked + .drawer__item-title {
        margin-bottom: 0;
        border-color: transparent;
        background: #f6f6f6;
    }

        .drawer--pill-2 .drawer__control:checked + .drawer__item-title .drawer__item-text {
            color: #1a1a1a;
        }

        .drawer--pill-2 .drawer__control:checked + .drawer__item-title.is-selected {
            border-color: #4d56a4;
        }

            .drawer--pill-2 .drawer__control:checked + .drawer__item-title.is-selected .drawer__item-text {
                color: #4d56a4;
            }

            .drawer--pill-2 .drawer__control:checked + .drawer__item-title.is-selected [class^="icon-"] {
                color: #4d56a4;
            }

        .drawer--pill-2 .drawer__control:checked + .drawer__item-title.is-selected-all {
            border-color: #4d56a4;
            background: #4d56a4;
        }

            .drawer--pill-2 .drawer__control:checked + .drawer__item-title.is-selected-all .drawer__item-text {
                color: #ffffff;
            }

            .drawer--pill-2 .drawer__control:checked + .drawer__item-title.is-selected-all [class^="icon-"] {
                color: #ffffff;
            }

    .drawer--pill-2 .drawer__control:checked ~ .drawer__content {
        padding: 20px 75px;
        background: transparent;
    }

    .drawer--pill-2 .drawer__control:focus + .drawer__item-title {
        border: 1px solid #949599;
    }

.drawer--pill-2 .drawer__item-title {
    min-width: 305px;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 0;
    padding: 0 20px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out;
}

    .drawer--pill-2 .drawer__item-title.is-selected {
        border-color: #4d56a4;
    }

        .drawer--pill-2 .drawer__item-title.is-selected .drawer__item-text {
            color: #4d56a4;
        }

        .drawer--pill-2 .drawer__item-title.is-selected [class^="icon-"] {
            color: #4d56a4;
        }

    .drawer--pill-2 .drawer__item-title.is-selected-all {
        border-color: #4d56a4;
        background: #4d56a4;
    }

        .drawer--pill-2 .drawer__item-title.is-selected-all .drawer__item-text {
            color: #ffffff;
        }

        .drawer--pill-2 .drawer__item-title.is-selected-all [class^="icon-"] {
            color: #ffffff;
        }

.drawer--pill-2 .drawer__item-text {
    font-size: 14px;
    font-size: 1rem;
    color: #949599;
    text-transform: none;
}

.drawer--pill-2 .drawer__content {
    padding: 0;
}

.drawer--pill-2 .drawer__item--place .drawer__item-title:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 25px;
    left: 25px;
    background: #8d8d8d;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.drawer--pill-2 .drawer__item--place .drawer__control:checked + .drawer__item-title:after {
    content: '\e921';
    width: 40px;
    height: 40px;
    top: 10px;
    left: 10px;
    font-family: "icomoon";
    font-size: 20px;
    font-size: 1.4285714286rem;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    background: transparent;
}

.drawer--pill-2 .drawer__item:last-child .drawer__content:before {
    display: none;
}

.drawer--pill-2 [class^="icon-"] {
    font-size: 10px;
    font-size: 0.7142857143rem;
    color: #949599;
}

.stepper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.stepper__navigation {
    width: 100%;
    max-width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.stepper__navigation-step.mdl-button {
    padding: 0;
}

.stepper__navigation-step:hover, .stepper__navigation-step:focus, .stepper__navigation-step:active {
    background: none;
}

    .stepper__navigation-step:focus:not(:active) {
        background: none;
    }

.stepper__navigation-step[disabled][disabled], .stepper__navigation-step:disabled {
    cursor: not-allowed;
}

.stepper__navigation-step.is-active {
    color: #4d56a4;
}

    .stepper__navigation-step.is-active .step-icon {
        background: #4d56a4;
    }

    .stepper__navigation-step.is-active .step-text {
        color: #4d56a4;
    }

.stepper__navigation-step.is-done {
    color: #1a1a1a;
}

    .stepper__navigation-step.is-done .step-icon {
        background: #1a1a1a;
    }

    .stepper__navigation-step.is-done .step-text {
        color: #1a1a1a;
    }

.stepper__navigation .step-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    background: #6d6d6d;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
}

.stepper__navigation .step-text {
    display: inline-block;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #6d6d6d;
}

.stepper__navigation--wide {
    max-width: 100%;
    width: auto;
}

.stepper__navigation--bordered {
    justify-content: space-around;
    position: relative;
}

    .stepper__navigation--bordered:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 16%;
        width: 70%;
        height: 1px;
        background: #6d6d6d;
    }

    .stepper__navigation--bordered .step-text {
        line-height: 15px;
        vertical-align: middle;
        text-align: left;
    }

    .stepper__navigation--bordered .stepper__item {
        padding: 0 20px;
        background-color: #e0e0e0;
        z-index: 1;
    }

        .stepper__navigation--bordered .stepper__item:not(:last-child) {
            margin-right: 4%;
        }

@media screen and (max-width: 1280px) {
    .stepper__navigation--bordered .stepper__item .stepper__navigation-step {
        display: flex;
        align-items: center;
    }
}

.stepper__item:not(:last-child) {
    margin-right: 3%;
}

@media screen and (min-width: 1280px) {
    .stepper__item:not(:last-child) {
        margin-right: 10%;
    }
}

.stepper__item.completed .step-icon {
    background-color: #000;
}

.stepper__item.completed .step-text {
    color: #000;
}

.stepper__content {
    display: none;
}

.stepper__content--expand {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
}

.stepper__content.is-active {
    display: block;
    margin: 0 15px;
}

.stepper a.button-step {
    text-decoration: none;
    box-sizing: border-box;
}

.stepper .button-step {
    width: 100%;
    height: 78px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 20px;
    background: none;
    border: none;
    border-radius: 0 0 2px 0;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.stepper .button-step--center {
    justify-content: center;
}

    .stepper .button-step--center [class^="icon-arrow-"] {
        position: absolute;
        right: 30px;
    }

.stepper .button-step__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    margin-right: 20px;
}

.stepper .button-step__text-main {
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

.stepper .button-step__text-sub {
    font-size: 11px;
    font-size: 0.7857142857rem;
    text-transform: uppercase;
    color: #9a9a9a;
}

.stepper .button-step [class^="icon-arrow-"] {
    font-size: 18px;
    font-size: 1.2857142857rem;
    color: #1a1a1a;
}

.stepper .button-step--prev {
    justify-content: flex-start;
    border-radius: 0 0 0 2px;
}

    .stepper .button-step--prev .button-step__text {
        align-items: flex-start;
        order: 2;
        margin-left: 20px;
        margin-right: 0;
    }

.stepper .button-step--submit {
    background: #41b983;
}

    .stepper .button-step--submit .button-step__text-sub {
        color: #d2d2d3;
    }

    .stepper .button-step--submit .button-step__text-main {
        color: #ffffff;
    }

    .stepper .button-step--submit [class^="icon-arrow-"] {
        color: #ffffff;
    }

.stepper .button-step[disabled] {
    cursor: not-allowed;
}

    .stepper .button-step[disabled] .button-step__text-main {
        color: #9a9a9a;
    }

    .stepper .button-step[disabled] [class^="icon-arrow-"] {
        color: #9a9a9a;
    }

.tabbed-services {
    display: none;
}

    .tabbed-services .mdl-tabs__tab {
        display: none;
    }

.chat {
    width: 100%;
}

.chat__conversation {
    width: 100%;
    height: 425px;
    padding: 20px;
    overflow: auto;
    box-sizing: border-box;
}

    .chat__conversation .mCSB_outside + .mCSB_scrollTools {
        right: 2px;
    }

    .chat__conversation .mCSB_scrollTools .mCSB_draggerContainer {
        height: 405px;
    }

.chat__thread {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat__thread-item {
    display: flex;
    align-items: flex-start;
}

.chat__thread-item--recipient {
    justify-content: flex-start;
}

    .chat__thread-item--recipient .chat__thread-details {
        padding-right: 50px;
    }

        .chat__thread-item--recipient .chat__thread-details .btn-resend {
            right: 0;
        }

.chat__thread-item--sender {
    justify-content: flex-end;
}

    .chat__thread-item--sender .chat__thread-avatar {
        margin-right: 0;
        margin-left: 25px;
        order: 2;
    }

    .chat__thread-item--sender .chat__thread-details {
        padding-left: 50px;
        text-align: right;
    }

        .chat__thread-item--sender .chat__thread-details .btn-resend {
            left: 0;
        }

    .chat__thread-item--sender .chat__thread-message:before {
        left: auto;
        right: -1px;
        transform: rotate(225deg);
    }

.chat__thread-item:not(:last-child) {
    margin-bottom: 30px;
}

.chat__thread-avatar {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 25px;
    border-radius: 50%;
    background: #c7c7c7;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    font-size: 1.5714285714rem;
}

.chat__thread-details {
    position: relative;
}

    .chat__thread-details .btn-resend {
        min-width: 40px;
        height: 40px;
        line-height: 40px;
        position: absolute;
        bottom: 0;
    }

        .chat__thread-details .btn-resend [class^="icon-"] {
            font-size: 22px;
            font-size: 1.5714285714rem;
            line-height: 40px;
            color: #41b983;
        }

.chat__thread-title {
    margin-bottom: 0;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
}

    .chat__thread-title + small {
        width: 100%;
        display: inline-block;
        line-height: 14px;
        margin-bottom: 15px;
        font-size: 13px;
        font-size: 0.9285714286rem;
        color: #9a9a9a;
    }

.chat__thread-message {
    margin-bottom: 0;
    padding: 8px;
    position: relative;
    font-size: 13px;
    font-size: 0.9285714286rem;
    background: #e0e0e0;
    color: #1a1a1a;
}

    .chat__thread-message:before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -10px;
        left: -1px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #e0e0e0;
        transform: rotate(-45deg);
    }

.chat__form {
    width: 100%;
    padding: 20px;
    background: #dcdcdc;
}

    .chat__form .mdl-button--icon {
        width: 40px;
        height: 40px;
        margin: 0 20px;
        background: #41b983;
        color: #ffffff;
    }

        .chat__form .mdl-button--icon .icon-send-mail {
            line-height: 40px;
            font-size: 22px;
            font-size: 1.5714285714rem;
        }

.chat__input {
    width: 100%;
    max-width: 620px;
    height: 45px;
    padding: 10px;
    border: none;
    resize: none;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #1a1a1a;
    box-sizing: border-box;
}

    .chat__input:focus {
        outline: none;
    }

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

.timeline-list__item {
    padding-left: 35px;
    position: relative;
}

    .timeline-list__item:before {
        content: '';
        width: 1px;
        height: calc(100% + 50px);
        background: #dcdcdc;
        position: absolute;
        top: 0;
        left: 6px;
    }

    .timeline-list__item:after {
        content: '';
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #4d56a4;
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
    }

.timeline-list__item--primary:after {
    background: #cc0000;
}

.timeline-list__item:not(:last-child) {
    margin-bottom: 50px;
}

.timeline-list__item:last-child:before {
    display: none;
}

.timeline-list__item-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #1a1a1a;
}

.timeline-list--horizontal {
    display: flex;
    position: relative;
}

    .timeline-list--horizontal:before {
        content: '';
        width: 100%;
        height: 1px;
        background: #dcdcdc;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .timeline-list--horizontal .timeline-list__item {
        padding: 3px 120px 0 22px;
        display: none;
    }

        .timeline-list--horizontal .timeline-list__item:before {
            display: none;
        }

        .timeline-list--horizontal .timeline-list__item:after {
            width: 20px;
            height: 20px;
            background: #ffffff;
            border: 3px solid #cc0000;
        }

        .timeline-list--horizontal .timeline-list__item:not(:last-child) {
            margin-bottom: 0;
        }

        .timeline-list--horizontal .timeline-list__item.is-active {
            display: block;
        }

    .timeline-list--horizontal .timeline-list__item-title {
        margin-bottom: 0;
        padding: 0 5px;
        background: #ffffff;
        color: #9a9a9a;
    }

.timeline-list-legends {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

.timeline-list-legends__item {
    color: #9a9a9a;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-size: 0.9285714286rem;
    margin-right: 7.5%;
}

    .timeline-list-legends__item:before {
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        background: #41b983;
        border-radius: 50%;
        margin-right: 8px;
    }

    .timeline-list-legends__item.full-filled:before {
        background: #8cc747;
    }

    .timeline-list-legends__item.pending:before {
        background: #e33226;
    }

    .timeline-list-legends__item.expected:before {
        background: #0c4596;
    }

.timeline-list--milestone {
    max-height: 290px;
    overflow: hidden;
    overflow-y: scroll;
    width: 100%;
}

    .timeline-list--milestone .timeline-list__item-title {
        margin-bottom: 5px;
        color: #9a9a9a;
        text-transform: none;
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

    .timeline-list--milestone small {
        color: #9a9a9a;
        font-size: 13px;
        font-size: 0.9285714286rem;
        line-height: 16px;
    }

    .timeline-list--milestone .timeline-list__item {
        padding-left: 70px;
        min-height: 40px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

        .timeline-list--milestone .timeline-list__item:before {
            left: 19px;
        }

        .timeline-list--milestone .timeline-list__item:after {
            content: '\e95f';
            font-family: "icomoon";
            text-align: center;
            line-height: 40px;
            width: 40px;
            height: 40px;
            background: #ffffff;
            border: 1px solid #9a9a9a;
            font-size: 10px;
            font-size: 0.7142857143rem;
        }

        .timeline-list--milestone .timeline-list__item:not(:last-child) {
            margin-bottom: 30px;
        }

        .timeline-list--milestone .timeline-list__item.full-filled .timeline-list__item-title {
            color: #1a1a1a;
        }

        .timeline-list--milestone .timeline-list__item.full-filled:after {
            color: #ffffff;
            content: '\e916';
            background: #8cc747;
            border-color: #8cc747;
        }

        .timeline-list--milestone .timeline-list__item.pending:after {
            color: #ffffff;
            background: #e33226;
            border-color: #e33226;
        }

        .timeline-list--milestone .timeline-list__item.expected:after {
            color: #ffffff;
            background: #0c4596;
            border-color: #0c4596;
        }

    .timeline-list--milestone .mCSB_outside + .mCSB_scrollTools {
        right: -18px;
    }

    .timeline-list--milestone .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
        background: #b3b3b3 !important;
    }

    .timeline-list--milestone .mCSB_scrollTools .mCSB_draggerRail {
        width: 4px;
        background: #d9d9d9 !important;
    }

.appointment {
    width: calc(100% + 80px);
    margin: 0 -40px 0 -40px;
}

.appointment__header {
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 30px;
    background: #1a1a1a;
    box-sizing: border-box;
}

.appointment__header-title {
    margin-bottom: 0;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #ffffff;
}

.appointment__header > *:not(:last-child) {
    margin-right: 30px;
}

.appointment__header .mdl-button.btn-pill {
    min-width: 180px;
    height: 45px;
    line-height: 45px;
    background: #ffffff;
    color: #9a9a9a;
}

    .appointment__header .mdl-button.btn-pill.is-active {
        background: #4d56a4;
        border-color: #4d56a4;
        color: #ffffff;
    }

        .appointment__header .mdl-button.btn-pill.is-active:hover, .appointment__header .mdl-button.btn-pill.is-active:focus {
            background: #ffffff;
            border-color: #ffffff;
            color: #ffffff;
        }

    .appointment__header .mdl-button.btn-pill:hover, .appointment__header .mdl-button.btn-pill:focus {
        background: #4d56a4;
        color: #ffffff;
    }

.appointment__header .mdl-button.btn-fullscreen {
    margin-left: auto;
    padding: 0;
    font-size: 11px;
    font-size: 0.7857142857rem;
    color: #333333;
    background: none;
}

    .appointment__header .mdl-button.btn-fullscreen [class^="icon-"] {
        color: #333333;
    }

    .appointment__header .mdl-button.btn-fullscreen:hover, .appointment__header .mdl-button.btn-fullscreen:focus {
        background: none;
    }

        .appointment__header .mdl-button.btn-fullscreen:hover [class^="icon-"] {
            color: #cc0000;
        }

.appointment__header--light {
    background: #ffffff;
    border-top: 1px solid #d9d9d9;
}

    .appointment__header--light .appointment__header-title {
        color: #9a9a9a;
    }

    .appointment__header--light .mdl-button.btn-pill {
        background: #dcdcdc;
        border-color: #dcdcdc;
        color: #9a9a9a;
    }

    .appointment__header--light .mdl-button.btn-fullscreen {
        color: #9a9a9a;
    }

.appointment__body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
}

    .appointment__body .action-list--docked {
        top: 20px;
        right: 30px;
    }

        .appointment__body .action-list--docked .action-list__menu {
            background: #e0e0e0;
            top: -20px;
            right: -30px;
            width: 350px;
        }

        .appointment__body .action-list--docked .mdl-card__supporting-text {
            width: 100%;
        }

        .appointment__body .action-list--docked .general-search--light-bg {
            background: #ffffff;
        }

    .appointment__body .action-list--horizontal .action-list-button {
        background: #ffffff;
        color: #ea4041;
        height: 45px;
        line-height: 45px;
        border-radius: 45px;
        padding: 0 25px;
    }

        .appointment__body .action-list--horizontal .action-list-button [class^="icon-"] {
            margin-right: 17px;
            margin-left: 0;
        }

.appointment__sidebar {
    width: 100%;
    max-width: 300px;
    background: #ffffff;
    transition: all 0.4s ease-in-out 0s;
    overflow: hidden;
    position: relative;
    transform: translateX(0);
}

    .appointment__sidebar .mdl-tabs__panel {
        min-height: 710px;
    }

    .appointment__sidebar.is-hide {
        transform: translateX(-110%);
        transition: all 0.4s ease-in-out 0s;
    }

.appointment__sidebar--floating {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 4px 0 10px -5px rgba(0, 0, 0, 0.25);
    transition: all 0.4s ease-in-out 0s;
}

    .appointment__sidebar--floating.active {
        width: 100%;
        max-width: 300px;
        background: #ffffff;
        z-index: 2;
        transform: translateX(0);
        transition: all 0.4s ease-in-out 0s;
    }

    .appointment__sidebar--floating .btn-app-closesidemenu {
        display: block;
    }

.appointment__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
}

    .appointment__content.is-hide {
        width: 0;
        transition: all 0.4s ease-in-out 0s;
    }

.appointment__selectfield {
    padding: 12px 15px;
    border: 1px solid #dcdcdc;
}

    .appointment__selectfield .mdl-selectfield__box {
        width: calc(100% - 30px);
        height: 20px;
        top: 15px;
        left: 15px;
        border-bottom: none;
    }

        .appointment__selectfield .mdl-selectfield__box > .mdl-selectfield__arrow-down__container {
            margin-top: -2px;
        }

    .appointment__selectfield .mdl-selectfield__box-value {
        font-size: 13px;
        font-size: 0.9285714286rem;
    }

    .appointment__selectfield .mdl-selectfield__list-option-box ul > li {
        font-size: 13px;
        font-size: 0.9285714286rem;
    }

    .appointment__selectfield [data-value="0"],
    .appointment__selectfield option[value=""] {
        display: list-item;
        visibility: visible;
    }

.appointment__list {
    width: 100%;
    height: 480px;
    margin: 20px 0;
    overflow: auto;
    overflow-x: hidden;
}

    .appointment__list .radio-menu-list {
        width: 100%;
    }

    .appointment__list .dropdown-list__item:not(:last-child) {
        padding-bottom: 10px;
        border-bottom: 1px solid #dcdcdc;
    }

    .appointment__list .dropdown-list__item input[type="checkbox"] + label {
        color: #333333;
    }

        .appointment__list .dropdown-list__item input[type="checkbox"] + label:before {
            content: attr(data-value);
            background: #efb698;
            color: #ffffff;
            text-align: center;
        }

    .appointment__list .dropdown-list__item input[type="checkbox"]:checked + label:before {
        content: '';
        background: #333333;
    }

    .appointment__list .dropdown-list__item:nth-child(even) input[type="checkbox"] + label:before {
        background: #5fc0ec;
    }

    .appointment__list .dropdown-list__item:nth-child(even) input[type="checkbox"]:checked + label:before {
        content: '';
        background: #333333;
    }

.appointment__event {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

    .appointment__event .mdl-button {
        min-width: 120px;
        margin-bottom: 10px;
        padding: 0 12px;
        font-size: 13px;
        font-size: 0.9285714286rem;
        color: #757575;
    }

        .appointment__event .mdl-button:not(:last-child) {
            margin-right: 10px;
        }

.appointment__schedule {
    width: 100%;
    height: 100%;
    padding: 20px 0;
}

.appointment__schedule-footer {
    width: 100%;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.appointment__schedule-footer__title {
    margin: 0 45px 0 0;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
}

.appointment--fullscreen {
    width: 100%;
    height: 100vh;
    margin: 0;
}

    .appointment--fullscreen .appointment__sidebar .mdl-tabs__panel {
        min-height: 515px;
    }

    .appointment--fullscreen .appointment__list {
        height: 290px;
    }

    .appointment--fullscreen .appointment__schedule {
        height: 75%;
    }

@media screen and (min-width: 1440px) {
    .appointment--fullscreen .appointment__schedule {
        height: 80%;
    }
}

.appointment--fullscreen .appointment__content {
    overflow-y: scroll;
}

.appointment--fullscreen .appointment__body {
    height: calc(100% - 70px);
}

.appointment--in-dialog {
    width: 100%;
    margin: 0;
}

    .appointment--in-dialog .appointment__header .mdl-button.btn-pill--xxs {
        min-width: 110px;
    }

    .appointment--in-dialog .appointment__header-title {
        margin-bottom: 0;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

    .appointment--in-dialog .appointment__sidebar .mdl-tabs__panel {
        min-height: 415px;
    }

    .appointment--in-dialog .appointment__list {
        height: 310px;
    }

.appointment__map {
    min-height: 818px;
    height: 100%;
    transform: translateX(100%);
    transition: all 0.4s ease-in-out 0s;
}

    .appointment__map.active {
        transform: translateX(0);
        transition: all 0.4s ease-in-out 0s;
    }

.appointment__dialog {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(0);
    z-index: 1;
    transition: all 0.4s ease-in-out 0s;
}

    .appointment__dialog.is-hide {
        transform: translateY(100%);
        height: 0;
        transition: all 0.4s ease-in-out 0s;
    }

.appointment__dialog__close {
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0;
    min-width: auto;
    padding: 10px;
    line-height: 1;
    min-height: auto;
    height: auto;
}

.appointment__dialog .custom-card {
    max-height: 400px;
    min-height: auto;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.9);
}

    .appointment__dialog .custom-card .mdl-card__content {
        border: 0;
    }

    .appointment__dialog .custom-card .mdl-card__content-group:not(:last-child) {
        margin-bottom: 20px;
    }

    .appointment__dialog .custom-card .mdl-card__content-group:nth-last-child(-n+3) {
        margin-bottom: 0;
    }

    .appointment__dialog .custom-card sup {
        line-height: 1;
    }

    .appointment__dialog .custom-card .form-control__title {
        width: 100%;
        clear: both;
    }

.priority-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.priority-list__item {
    padding-left: 20px;
    position: relative;
    font-size: 13px;
    font-size: 0.9285714286rem;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.54);
}

    .priority-list__item:before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 0;
        background: transparent;
    }

    .priority-list__item:not(:last-child) {
        margin-right: 45px;
    }

    .priority-list__item.approved {
        color: #41b983;
    }

        .priority-list__item.approved:before {
            background: #41b983;
        }

    .priority-list__item.urgent {
        color: #ea4041;
    }

        .priority-list__item.urgent:before {
            background: #ea4041;
        }

    .priority-list__item.high {
        color: #92278f;
    }

        .priority-list__item.high:before {
            background: #92278f;
        }

    .priority-list__item.medium {
        color: #6b6ed5;
    }

        .priority-list__item.medium:before {
            background: #6b6ed5;
        }

    .priority-list__item.rate-available:before {
        background: #00b6ce;
    }

    .priority-list__item.awaiting-cost:before {
        background: #fbb32d;
    }

    .priority-list__item.paid:before {
        background: #41b983;
    }

    .priority-list__item.pending-acceptance:before {
        background: #fa6557;
    }

.tree-view {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.tree-view__col {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
    flex: 1;
}

.tree-view__toolbar {
    width: 100%;
    height: 32px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-self: center;
}

    .tree-view__toolbar .mdl-button {
        color: #41b983;
    }

.tree-view__title {
    margin-bottom: 0;
    line-height: 32px;
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #666666;
}

.tree-view__control {
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

    .tree-view__control [class^="icon-"] {
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: rgba(26, 26, 26, 0.1);
        text-align: center;
    }

.tree-view__content {
    width: 100%;
    min-height: 150px;
    height: 100%;
    padding: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
}

.tree-view__content--no-bg {
    background: transparent;
    border: 1px solid rgba(26, 26, 26, 0.1);
}

.tree-view__content .e-ul {
    padding: 0;
}

.tree-view__content .e-item {
    padding-left: 0;
}

.tree-view__content .e-text-wrap {
    position: relative;
}

    .tree-view__content .e-text-wrap:before {
        content: '';
        width: 2px;
        height: 2px;
        position: absolute;
        top: 15px;
        left: 5px;
        border-radius: 50%;
        background: #333333;
    }

.tree-view__content .e-text {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    white-space: normal;
}

.tree-view--single .tree-view__toolbar {
    display: block;
}

.tree-view--single .tree-view__content {
    margin-bottom: 40px;
    min-height: 270px;
    max-height: 270px;
    overflow-y: scroll;
}

.tree-view .mdl-textfield {
    width: 100%;
}

.tree-view .e-ddl-popup div > ul li {
    position: relative;
    padding-left: 25px !important;
}

    .tree-view .e-ddl-popup div > ul li:before {
        content: '';
        width: 2px;
        height: 2px;
        position: absolute;
        top: 24px;
        left: 12px;
        border-radius: 50%;
        background: #333333;
    }

    .tree-view .e-ddl-popup div > ul li:after {
        background: transparent;
    }

.tree-view__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tree-view__list-item {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    background: #ffffff;
    border: 1px solid rgba(26, 26, 26, 0.1);
    border-radius: 25px;
    box-sizing: border-box;
    transition: all 0.3s ease-in;
}

    .tree-view__list-item:not(:last-child) {
        margin-bottom: 15px;
    }

    .tree-view__list-item:hover {
        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);
    }

    .tree-view__list-item.is-edited {
        background: #005baa;
        border-color: #005baa;
    }

.tree-view__list-icon {
    margin-right: 40px;
    font-size: 25px;
    font-size: 1.7857142857rem;
    color: #005baa;
}

.is-edited .tree-view__list-icon {
    color: #ffffff;
}

.tree-view__list-field {
    border: none;
    background: transparent;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #005baa;
}

    .tree-view__list-field:focus {
        outline: none;
    }

.is-edited .tree-view__list-field {
    color: #ffffff;
}

.tree-view__list-controls {
    margin-left: auto;
    display: flex;
}

    .tree-view__list-controls [class^="icon-"] {
        font-size: 20px;
        font-size: 1.4285714286rem;
        color: #005baa;
    }

.is-edited .tree-view__list-controls [class^="icon-"] {
    color: #ffffff;
}

.tree-view__list-controls button {
    display: none;
}

    .tree-view__list-controls button:not(:last-child) {
        margin-right: 10px;
    }

.tree-view__list--selected .tree-view__list-item:hover .tree-view__list-delete-btn, .tree-view__list--selected .tree-view__list-item:hover .tree-view__list-edit-btn {
    display: block;
}

.tree-view__list--selected .tree-view__list-item.is-edited .tree-view__list-apply-btn {
    display: block;
}

.tree-view__list--selected .tree-view__list-item.is-edited:hover .tree-view__list-delete-btn, .tree-view__list--selected .tree-view__list-item.is-edited:hover .tree-view__list-edit-btn {
    display: none;
}

.accordion {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.accordion__item:not(:last-child) {
    margin-bottom: 50px;
}

.accordion__item-bg {
    background: #ffffff;
    transition: all 0.3s ease-in;
}

    .accordion__item-bg.is-active {
        background: #f2f2f2;
        transition: all 0.3s ease-in;
    }

        .accordion__item-bg.is-active .accordion__tab > div {
            background: #f2f2f2;
            transition: all 0.3s ease-in;
        }

.accordion__tab {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 30px;
    border-radius: 2px 2px 0 0;
    background: #6d6d6d;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
}

.accordion__tab--transparent {
    background: transparent;
    color: #6d6d6d;
}

    .accordion__tab--transparent .accordion__tab-title {
        color: #6d6d6d;
    }

        .accordion__tab--transparent .accordion__tab-title [class^="icon-"] {
            color: #cc0000;
        }

.accordion__tab-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #ffffff;
}

    .accordion__tab-title [class^="icon-"] {
        margin-right: 15px;
        font-size: 40px;
        font-size: 2.8571428571rem;
    }

.accordion__tab-title--sm {
    font-size: 14px;
    font-size: 1rem;
    letter-spacing: 1px;
}

    .accordion__tab-title--sm [class^="icon-"] {
        font-size: 35px;
        font-size: 2.5rem;
    }

.accordion__tab-title--special {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
}

    .accordion__tab-title--special [class^="icon-"] {
        font-size: 22px;
        font-size: 1.5714285714rem;
    }

.accordion__tab-title--md {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-size: 1.5714285714rem;
}

.accordion__panel {
    padding: 60px;
    background: #ffffff;
    display: none;
}

    .accordion__panel.is-shown {
        display: block;
    }

.accordion__panel--transparent {
    background: transparent;
}

.accordion--sm .accordion__tab {
    padding: 10px 20px;
}

.accordion--sm .accordion__tab-title {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.accordion--sm .accordion__item:not(:last-child) {
    margin-bottom: 30px;
}

.accordion--sm .accordion__panel {
    padding: 10px 20px;
}

.accordion--single {
    border-radius: 4px;
}

    .accordion--single .accordion__panel {
        border: 1px solid gray;
        border-radius: 0 0 4px 4px;
        padding: 30px 60px;
    }

    .accordion--single .accordion__tab {
        padding: 18px 30px;
    }

.accordion--md .accordion__item {
    border-bottom: 1px solid #dcdcdc;
}

.accordion--md .accordion__tab {
    padding: 15px 20px;
}

.accordion--md .accordion__tab-title {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.2857142857rem;
    color: #1a1a1a;
}

.accordion--md .accordion__panel {
    background: #e0e0e0;
}

.accordion--md-sub .accordion__item {
    border-bottom: none;
}

.accordion--md-sub .accordion__tab {
    padding: 15px 0;
    border-bottom: 1px solid #4d56a4;
}

.accordion--md-sub .accordion__tab-icon {
    color: #4d56a4;
}

.accordion--md-sub .accordion__tab-title {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #1a1a1a;
}

.accordion__filter {
    position: absolute;
    top: 0;
    left: 20px;
    display: flex;
    align-items: center;
}

    .accordion__filter h3 {
        color: #b3b3b3;
        margin: 0;
    }

.configuration {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
}

    .configuration .mdl-tabs__tab {
        justify-content: center;
    }

    .configuration .mdl-tabs__tab-bar {
        background: #ffffff;
    }

    .configuration .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
        color: #cc0000;
    }

        .configuration .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active .mdl-tabs__title-text {
            color: #cc0000;
            font-size: 10px;
            font-size: 0.7142857143rem;
        }

@media screen and (min-width: 1280px) {
    .configuration .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active .mdl-tabs__title-text {
        font-size: 13px;
        font-size: 0.9285714286rem;
    }
}

.configuration .mdl-tabs.is-upgraded .mdl-tabs__tab.accent--9.is-active {
    color: #cc0000 !important;
}

    .configuration .mdl-tabs.is-upgraded .mdl-tabs__tab.accent--9.is-active .mdl-tabs__title-text {
        color: #cc0000 !important;
    }

.configuration__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.configuration__container--sticky {
    position: relative;
}

.configuration__container.break-sm {
    flex-direction: column;
}

    .configuration__container.break-sm .configuration__sidebar {
        max-width: none;
        width: 100%;
    }

    .configuration__container.break-sm .form-control .custom-card {
        width: 100%;
    }

@media screen and (min-width: 1366px) {
    .configuration__container.break-sm {
        flex-direction: row;
    }

        .configuration__container.break-sm .configuration__sidebar {
            max-width: 390px;
        }
}

.configuration__sidebar {
    width: 100%;
    max-width: 300px;
    margin-right: 45px;
}

.configuration__sidebar--right {
    margin-left: 45px;
    margin-right: auto;
}

.configuration__sidebar--sticky {
    position: absolute;
    top: 0;
    right: 0;
}

.configuration__sidebar.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
}

@media screen and (min-width: 1280px) {
    .configuration__sidebar {
        max-width: 390px;
    }
}

.configuration__sidebar .radio-menu-list--config {
    width: 100%;
}

    .configuration__sidebar .radio-menu-list--config .dropdown-list__item {
        padding: 0;
    }

    .configuration__sidebar .radio-menu-list--config input[type="radio"] + label,
    .configuration__sidebar .radio-menu-list--config input[type="checkbox"] + label {
        width: 100%;
        height: 45px;
        padding-left: 0;
        line-height: 55px;
    }

        .configuration__sidebar .radio-menu-list--config input[type="radio"] + label > span,
        .configuration__sidebar .radio-menu-list--config input[type="checkbox"] + label > span {
            width: 100%;
            height: 100%;
            display: block;
            position: relative;
            border-radius: 30px;
            padding-left: 30px;
            color: #1a1a1a;
            line-height: 45px;
            box-sizing: border-box;
        }

        .configuration__sidebar .radio-menu-list--config input[type="radio"] + label:before, .configuration__sidebar .radio-menu-list--config input[type="radio"] + label:after,
        .configuration__sidebar .radio-menu-list--config input[type="checkbox"] + label:before,
        .configuration__sidebar .radio-menu-list--config input[type="checkbox"] + label:after {
            width: 100%;
            height: 100%;
            border-radius: 30px;
            box-sizing: border-box;
        }

        .configuration__sidebar .radio-menu-list--config input[type="radio"] + label:before,
        .configuration__sidebar .radio-menu-list--config input[type="checkbox"] + label:before {
            background: #f6f6f6;
        }

        .configuration__sidebar .radio-menu-list--config input[type="radio"] + label:after,
        .configuration__sidebar .radio-menu-list--config input[type="checkbox"] + label:after {
            padding-right: 30px;
            line-height: 45px;
            text-align: right;
        }

    .configuration__sidebar .radio-menu-list--config input[type="radio"]:checked + label > span,
    .configuration__sidebar .radio-menu-list--config input[type="checkbox"]:checked + label > span {
        color: #ffffff;
    }

    .configuration__sidebar .radio-menu-list--config input[type="radio"]:checked + label:before,
    .configuration__sidebar .radio-menu-list--config input[type="checkbox"]:checked + label:before {
        background: #4d56a4;
    }

    .configuration__sidebar .radio-menu-list--config input[type="radio"]:checked + label:after,
    .configuration__sidebar .radio-menu-list--config input[type="checkbox"]:checked + label:after {
        color: #ffffff;
    }

    .configuration__sidebar .radio-menu-list--config input[type="radio"]:checked ~ [class^="icon-"],
    .configuration__sidebar .radio-menu-list--config input[type="checkbox"]:checked ~ [class^="icon-"] {
        color: #ffffff;
    }

.configuration__sidebar__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.configuration__sidebar__actions--border-bottom {
    border-bottom: 1px solid #dcdcdc;
}

.configuration__sidebar__actions .mdl-button {
    margin-right: 8%;
}

    .configuration__sidebar__actions .mdl-button:last-child {
        margin-right: 0;
    }

.configuration__content {
    width: 100%;
    max-width: 620px;
}

@media screen and (min-width: 1280px) {
    .configuration__content {
        max-width: none;
    }
}

.configuration__content--md {
    width: calc(100% - 370px);
    margin: 0 auto;
}

.configuration__content--sticky {
    width: calc(100% - 435px);
}

.configuration__content .mdl-card__actions .mdl-button--icon {
    font-size: 20px;
    font-size: 1.4285714286rem;
}

.configuration__content .mdl-card__actions .switch-control,
.configuration__content .mdl-card__actions .radio-menu-list {
    width: auto;
}

.configuration__content-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .configuration__content-actions .btn-action {
        color: #9a9a9a;
    }

        .configuration__content-actions .btn-action i {
            color: #4d56a4;
        }

        .configuration__content-actions .btn-action:hover {
            background: transparent;
            color: #4d56a4;
        }

    .configuration__content-actions .add-btn {
        margin-left: auto;
    }

    .configuration__content-actions .btn-accent-1 {
        min-width: 180px;
    }

.configuration__content-actions--small-btn .mdl-button {
    padding: 0 10px;
}

    .configuration__content-actions--small-btn .mdl-button.btn-accent-1 {
        min-width: 120px;
    }

.configuration__history {
    background: none;
    border: none;
}

    .configuration__history th {
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        font-size: 0.8571428571rem;
        color: #9a9a9a;
        text-transform: uppercase;
    }

    .configuration__history td {
        padding: 20px 18px;
    }

.configuration.profile-management .configuration__content {
    max-width: none;
}

.profile-summary {
    display: none;
}

.history-list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.history-list--border-top {
    margin-top: 10px;
    border-top: 1px solid #dcdcdc;
}

.history-list__item {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

    .history-list__item:not(:last-child) {
        border-bottom: 1px solid #dcdcdc;
    }

    .history-list__item > * {
        box-sizing: border-box;
    }

.history-list__item--clickable {
    padding: 0 10px;
    cursor: pointer;
}

    .history-list__item--clickable:hover {
        background-color: #e0e0e0;
    }

.history-list__item--focused {
    border-bottom: 1px solid #cc0000 !important;
}

    .history-list__item--focused h3 {
        color: #cc0000;
    }

.history-list__icon {
    margin-right: 10px;
    align-self: center;
    padding: 15px 0;
    font-size: 24px;
    font-size: 1.7142857143rem;
}

.history-list__content {
    padding: 15px 0;
}

.history-list__content--truncate {
    max-width: 200px;
}

.history-list__content--truncate-to-do {
    max-width: 260px;
}

    .history-list__content--truncate h3, .history-list__content--truncate p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.history-list__content--truncate-wide {
    max-width: 300px;
}

.history-list__content-title, .history-list__content-text {
    margin-bottom: 0;
}

.history-list__content-title {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
    line-height: 20px;
    color: #1a1a1a;
}

.history-list__content-title--upper {
    text-transform: uppercase;
}

.history-list__content-title--medium {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #5b5e62;
}

.history-list__content-text {
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
}

.history-list__content-after {
    align-items: center;
    justify-content: center;
    display: flex;
}

.history-list__content-badge {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
}

.history-list__content-badge--to-allocate {
    background-color: #00b6ce;
    color: #ffffff;
}

.history-list__content-badge--follow-up {
    background-color: #949599;
    color: #ffffff;
}

.history-list__content-badge--opertions {
    background-color: #f086bb;
    color: #ffffff;
}

.history-list__content-badge--proposal {
    background-color: #fbb32d;
    color: #ffffff;
}

.history-list__content-attention {
    margin: 8px;
    white-space: nowrap;
}

.history-list__content-attention__icon {
    margin: 5px;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.tip-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tip-list__item:not(:last-child) {
    margin-bottom: 10px;
}

.tip-list__title, .tip-list__text {
    margin-bottom: 0;
}

.move-blk {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.move-blk__country {
    width: 100%;
    max-width: 145px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-right: 30px;
    padding: 20px;
    border: 1px solid #00b6ce;
    box-sizing: border-box;
}

.move-blk__country-group {
    width: 100%;
}

.move-blk__country-text {
    margin-bottom: 5px;
    color: #9a9a9a;
}

.move-blk__country small {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-size: 2.8571428571rem;
    line-height: 40px;
    color: #00b6ce;
}

    .move-blk__country small.text-sm {
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.1428571429rem;
        line-height: 16px;
    }

.move-blk__country hr {
    width: 100%;
    margin: 20px 0;
    border-color: #00b6ce;
}

.move-blk__details {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.move-blk__details-group {
    width: 100%;
}

.move-blk__details-text {
    margin-bottom: 5px;
    color: #9a9a9a;
}

.move-blk__details small {
    white-space: nowrap;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.services-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.services-list__item:not(:last-child) {
    margin-right: 20px;
}

.services-list__icon {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #00b6ce;
    color: #ffffff;
}

    .services-list__icon [class^="icon-"] {
        font-size: 30px;
        font-size: 2.1428571429rem;
    }

    .services-list__icon .icon-vehicle {
        font-size: 45px;
        font-size: 3.2142857143rem;
    }

.services-list__icon--default {
    background: #5b5e62;
}

.services-list--sm {
    margin-top: 10px;
}

    .services-list--sm .services-list__icon {
        width: 40px;
        height: 40px;
    }

        .services-list--sm .services-list__icon [class^="icon-"] {
            font-size: 16px;
            font-size: 1.1428571429rem;
        }

        .services-list--sm .services-list__icon .icon-vehicle {
            font-size: 28px;
            font-size: 2rem;
        }

    .services-list--sm .services-list__icon--bg-white {
        background: #ffffff;
        color: #ea4041;
    }

        .services-list--sm .services-list__icon--bg-white [class^="icon-"] {
            font-size: 21px;
            font-size: 1.5rem;
        }

    .services-list--sm .services-list__item:not(:last-child) {
        margin-right: 7.3%;
    }

.services-list--sm-30 .services-list__icon {
    width: 30px;
    height: 30px;
}

    .services-list--sm-30 .services-list__icon [class^="icon-"] {
        font-size: 13px;
        font-size: 0.9285714286rem;
    }

    .services-list--sm-30 .services-list__icon .icon-vehicle {
        font-size: 18px;
        font-size: 1.2857142857rem;
    }

.services-list--sm-30 .services-list__icon--bg-white {
    background: #ffffff;
    color: #ea4041;
}

    .services-list--sm-30 .services-list__icon--bg-white [class^="icon-"] {
        font-size: 13px;
        font-size: 0.9285714286rem;
    }

.services-list--sm-30 .services-list__item:not(:last-child) {
    margin-right: 8px;
}

.status-info {
    width: 100%;
}

.status-info__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.status-info__description {
    margin-bottom: 30px;
    padding-right: 30px;
    font-size: 24px;
    font-size: 1.7142857143rem;
    line-height: 30px;
    color: #f04b5a;
}

.status-info__link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    font-size: 0.9285714286rem;
    text-decoration: none;
    color: #8d8d8d;
}

    .status-info__link [class^="icon-"] {
        margin-right: 10px;
        font-size: 20px;
        font-size: 1.4285714286rem;
        color: #41b983;
    }

.action-dialog {
    position: absolute;
    right: 0;
    z-index: 99;
    transform: translateX(110%);
    transition: 0.4s all ease-in-out;
}

    .action-dialog.is-active {
        transform: translateX(0);
        transition: 0.4s all ease-in-out;
    }

    .action-dialog .close {
        position: absolute;
        top: 25px;
        right: 25px;
        cursor: pointer;
    }

.action-dialog--position-top {
    top: 0;
}

.action-dialog--fixed-width {
    width: 690px;
}

.action-dialog--fixed-width-lg {
    width: 955px;
}

.action-dialog h2 {
    color: #5b5e62;
}

.blk-searchlisting {
    width: 100%;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.blk-searchlisting__list {
    max-height: 196px;
    overflow-y: scroll;
    margin: 0;
    padding-left: 25px;
    margin-left: 10px;
    max-height: 358px;
    height: 358px;
}

    .blk-searchlisting__list li {
        color: #333333;
        padding: 10px 0;
    }

.blk-searchlisting__search {
    border-bottom: 1px solid #dcdcdc;
}

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

.rights-list__container {
    width: 100%;
}

.rights-list__container--scrollable {
    min-height: 180px;
    max-height: 180px;
    overflow: hidden;
}

.rights-list__container .mCSB_outside + .mCSB_scrollTools {
    right: -18px;
}

.rights-list__container .mCSB_scrollTools .mCSB_draggerRail,
.rights-list__container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
}

.rights-list__container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #b3b3b3;
}

.rights-list__item:not(:last-child) {
    margin-bottom: 10px;
}

.rights-list--bordered .rights-list__item {
    padding: 15px 0;
}

    .rights-list--bordered .rights-list__item:not(:last-child) {
        margin-bottom: 0;
        border-bottom: 1px solid #dcdcdc;
    }

.document-view {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background: #e0e0e0;
}

.document-view__content {
    width: calc(100% - 475px);
    height: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.document-view__uploaded {
    width: 100%;
    height: 100%;
    padding: 40px;
    text-align: center;
}

    .document-view__uploaded img {
        max-width: 100%;
        height: auto;
    }

.document-view__sidebar {
    width: 100%;
    max-width: 475px;
    height: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 40px;
    box-sizing: border-box;
    background: #ffffff;
}

.document-view__sidebar-inner {
    margin-top: auto;
    background: #e0e0e0;
}

.builder__col {
    position: relative;
}

    .builder__col > .mdl-button {
        position: absolute;
        top: 18px;
        right: 60px;
    }

.builder__col--responsive-left {
    padding-left: 60px;
    padding-right: 30px;
}

@media screen and (max-width: 1280px) {
    .builder__col--responsive-left {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 1280px) {
    .builder__col--responsive-left .custom-card .mdl-card__wrapper--col .mdl-card__wrapper-list:not(:last-of-type) {
        margin-right: 10px;
        padding-right: 10px;
    }
}

.builder__col--responsive-right {
    padding-left: 30px;
    padding-right: 60px;
}

@media screen and (max-width: 1280px) {
    .builder__col--responsive-right {
        padding-right: 30px;
    }
}

.builder__title {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-size: 1.5rem;
    color: gray;
}

.builder__price {
    color: #9a9a9a;
}

.builder__drop {
    width: 100%;
    min-height: 585px;
    position: relative;
}

    .builder__drop.ui-droppable-active .builder__placeholder {
        border-color: #4d56a4;
    }

    .builder__drop.is-active .builder__placeholder {
        display: none;
    }

    .builder__drop.is-active .builder__quote {
        display: block;
    }

.builder__placeholder {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px dashed gray;
    border-radius: 3px;
}

    .builder__placeholder [class^="icon-"] {
        font-size: 54px;
        font-size: 3.8571428571rem;
        color: gray;
    }

    .builder__placeholder p {
        color: gray;
    }

.builder__quote {
    display: none;
}

.builder__quote-header {
    position: relative;
    padding-bottom: 30px;
}

    .builder__quote-header:after {
        content: '';
        width: calc(100% + 40px);
        height: 1px;
        position: absolute;
        left: -20px;
        bottom: 0;
        background: #dcdcdc;
    }

.builder__quote-toolbar {
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

    .builder__quote-toolbar .mdl-button {
        margin-left: auto;
        transform: rotate(-90deg);
    }

        .builder__quote-toolbar .mdl-button.is-collapsed {
            transform: rotate(90deg);
        }

.builder__quote-title {
    margin-bottom: 0;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    text-transform: uppercase;
    color: #005baa;
}

.builder__quote-status {
    width: auto;
    height: 18px;
    line-height: 17px;
    margin-left: 30px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 10px;
    font-size: 0.7142857143rem;
    text-transform: uppercase;
    color: #ffffff;
    background: #dcdcdc;
}

    .builder__quote-status.is-pending {
        background: #005baa;
    }

.builder__quote-summary {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
}

.builder__quote-summary__title {
    margin-bottom: 0;
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.builder__quote-content .mdl-card__wrapper {
    position: relative;
    background: #ffffff;
    border-bottom: 3px solid #015ba9;
}

    .builder__quote-content .mdl-card__wrapper:before {
        content: '\e977';
        position: absolute;
        top: 50%;
        left: -10px;
        font-family: "icomoon";
        font-size: 12px;
        font-size: 0.8571428571rem;
        color: #dcdcdc;
        cursor: move;
    }

.builder__quote-content ~ .mdl-card__wrapper {
    position: relative;
    background: #ffffff;
    border-bottom: 3px solid #015ba9;
}

.builder__quote-price {
    color: #005baa;
}

.builder__quote-additional {
    margin: 10px 0;
    padding: 10px 5px;
    border-radius: 3px;
    border: 1px solid transparent;
}

    .builder__quote-additional.ui-droppable-active {
        border: 1px dashed #4d56a4;
    }

.builder__quote-additional-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #dcdcdc;
    border-radius: 3px;
}

    .builder__quote-additional-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .builder__quote-additional-item .item-handle {
        cursor: pointer;
        color: #c3c3c3;
    }

    .builder__quote-additional-item .item-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 2;
        padding: 0 10px;
        border-right: 1px solid #c3c3c3;
    }

        .builder__quote-additional-item .item-info:last-of-type {
            flex: 1.2;
            border-right: 0;
        }

    .builder__quote-additional-item .item-desc h3 {
        margin-bottom: 0;
    }

    .builder__quote-additional-item .item-desc span {
        font-size: 14px;
        font-size: 1rem;
    }

    .builder__quote-additional-item .item-icon [class^="icon-"] {
        font-size: 25px;
        font-size: 1.7857142857rem;
        color: #cc0000;
    }

        .builder__quote-additional-item .item-icon [class^="icon-"]:not(:last-child) {
            margin-right: 10px;
        }

    .builder__quote-additional-item .item-link {
        text-decoration: none;
    }

.builder__quote-footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.builder__quote-total h3 {
    margin-bottom: 0;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 46px;
    font-size: 3.2857142857rem;
    line-height: 40px;
    color: #005baa;
    letter-spacing: -2px;
}

@media screen and (max-width: 1280px) {
    .builder__quote-total h3 {
        font-size: 32px;
        font-size: 2.2857142857rem;
    }
}

.builder__quote-total h3 span {
    font-size: 23px;
    font-size: 1.6428571429rem;
}

.builder__quote-total h3 + small {
    color: #6d6d6d;
}

.builder__quote-action .btn-remove {
    width: 45px;
    min-width: 45px;
    height: 45px;
    margin-right: 10px;
    font-size: 22px;
    font-size: 1.5714285714rem;
}

.builder__quote-action .btn-next {
    min-width: 170px;
}

.builder__quote .width-182 {
    width: 182px;
}

.service-price h3 {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-size: 1.5rem;
    color: #005baa;
}

.service-price--lg {
    height: auto;
    align-self: center;
}

    .service-price--lg h3 {
        font-family: "robotobold", Arial, Helvetica, sans-serif;
        font-size: 30px;
        font-size: 2.1428571429rem;
    }

        .service-price--lg h3 span {
            font-size: 21px;
            font-size: 1.5rem;
        }

.item-price h3 {
    margin-bottom: 0;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-size: 2.1428571429rem;
    color: #005baa;
}

    .item-price h3 span {
        font-size: 21px;
        font-size: 1.5rem;
    }

.increment {
    width: 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .increment .mdl-button {
        width: 40px;
        min-width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #f6f6f6;
        color: #1a1a1a;
    }

        .increment .mdl-button:hover {
            background: #4d56a4;
            color: #ffffff;
        }

.increment__count {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 10px;
    font-size: 1.714rem;
    text-align: center;
    line-height: 40px;
    position: relative;
    color: #1a1a1a;
}

    .increment__count:before {
        content: attr(data-increment);
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
    }

.dashboard__container {
    margin: 0 -20px 0 -20px;
}

.dashboard__container-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .dashboard__container-row {
        flex-direction: column;
    }
}

@media screen and (min-width: 1280px) {
    .dashboard__container-row {
        justify-content: center;
    }
}

.dashboard__card {
    width: calc(100% - 40px);
    max-width: 414px;
    margin: 0 20px 0 20px;
}

@media screen and (max-width: 1280px) {
    .dashboard__card {
        width: calc(100% - 40px);
        max-width: unset;
    }
}

.dashboard__card--double {
    max-width: 868px;
}

@media screen and (max-width: 1280px) {
    .dashboard__card--double {
        width: calc(100% - 40px);
        max-width: unset;
    }
}

@media screen and (max-width: 1279px) {
    .client .breadcrumb {
        padding-left: 35px !important;
    }
}

@media screen and (min-width: 1280px) {
    .client .breadcrumb {
        max-width: 1200px !important;
        margin: auto;
    }
}

@media screen and (max-width: 1279px) {
    .agent .breadcrumb {
        padding-left: 0 !important;
    }
}

@media screen and (min-width: 1280px) {
    .agent,
    .client {
        padding-left: 0;
        padding-right: 50px;
    }
}

.agent h1,
.client h1 {
    font-size: 24px;
    font-size: 1.7142857143rem;
    color: #6d6d6d;
}

.agent .dashboard__container,
.client .dashboard__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media screen and (max-width: 1279px) {
    .agent .dashboard__container,
    .client .dashboard__container {
        display: flex;
        flex-flow: row wrap;
        font-weight: bold;
    }
}

@media screen and (min-width: 1280px) {
    .agent .dashboard__container-row--client,
    .client .dashboard__container-row--client {
        max-width: 1200px !important;
        margin: auto;
    }
}

.agent .dashboard__container-row.flex-wrap,
.client .dashboard__container-row.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

@media screen and (min-width: 1025px) {
    .agent .dashboard__container-row,
    .client .dashboard__container-row {
        flex-direction: row;
    }
}

@media screen and (max-width: 1280px) {
    .agent .dashboard__container-row--agent, .agent .dashboard__container-row--client,
    .client .dashboard__container-row--agent,
    .client .dashboard__container-row--client {
        flex-direction: row;
    }
}

.agent .dashboard__content,
.client .dashboard__content {
    padding-left: 20px;
    width: 100%;
    flex-direction: column;
}

@media screen and (max-width: 1279px) {
    .agent .dashboard__content,
    .client .dashboard__content {
        max-width: none;
        padding-left: 0;
    }
}

.agent .dashboard__content--client,
.client .dashboard__content--client {
    padding-right: 40px;
    padding-left: 40px;
}

@media screen and (max-width: 1279px) {
    .agent .dashboard__content--client,
    .client .dashboard__content--client {
        padding: 0 20px;
    }
}

.agent .dashboard__content .mdl-card,
.client .dashboard__content .mdl-card {
    max-width: 420px;
    min-height: 279px;
    margin-left: 30px;
    width: 100%;
}

@media screen and (min-width: 1280px) {
    .agent .dashboard__content .mdl-card--agent,
    .client .dashboard__content .mdl-card--agent {
        max-width: 260px;
        margin-right: 0;
        margin-left: 30px;
        flex: 1 1 25%;
    }

    .agent .dashboard__content .mdl-card--client,
    .client .dashboard__content .mdl-card--client {
        max-width: 250px;
        margin-right: 15px;
        margin-left: 15px;
        flex: 1 1 20%;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .agent .dashboard__content .mdl-card,
    .client .dashboard__content .mdl-card {
        max-width: calc(50% - 30px);
        margin: 0 15px;
    }
}

.agent .dashboard__content .mdl-card__content--fix-h,
.client .dashboard__content .mdl-card__content--fix-h {
    height: 100%;
}

.agent .dashboard__content .mdl-card__icon,
.client .dashboard__content .mdl-card__icon {
    font-size: 100px;
    font-size: 7.1428571429rem;
    transition: all 0.4s ease-in-out 0s;
}

    .agent .dashboard__content .mdl-card__icon.increase,
    .client .dashboard__content .mdl-card__icon.increase {
        margin-top: -20px;
    }

    .agent .dashboard__content .mdl-card__icon.services,
    .client .dashboard__content .mdl-card__icon.services {
        margin-top: -10px;
    }

.agent .dashboard__content .mdl-card__title,
.client .dashboard__content .mdl-card__title {
    color: #ffffff;
    padding: 15px 25px 20px;
}

.agent .dashboard__content .mdl-card__actions,
.client .dashboard__content .mdl-card__actions {
    margin-top: auto;
    transition: opacity 0.3s ease-in;
}

@media screen and (max-width: 1279px) {
    .agent .dashboard__content .mdl-card__actions,
    .client .dashboard__content .mdl-card__actions {
        flex-direction: row;
    }
}

.agent .dashboard__content .mdl-card__actions .mdl-button,
.client .dashboard__content .mdl-card__actions .mdl-button {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-size: 1.1428571429rem;
    text-transform: uppercase;
    height: 60px;
}

    .agent .dashboard__content .mdl-card__actions .mdl-button:hover, .agent .dashboard__content .mdl-card__actions .mdl-button:focus,
    .client .dashboard__content .mdl-card__actions .mdl-button:hover,
    .client .dashboard__content .mdl-card__actions .mdl-button:focus {
        background: none;
    }

    .agent .dashboard__content .mdl-card__actions .mdl-button:not(.mdl-button--icon),
    .client .dashboard__content .mdl-card__actions .mdl-button:not(.mdl-button--icon) {
        line-height: 1.2;
    }

.agent .dashboard__content .mdl-card:hover,
.client .dashboard__content .mdl-card:hover {
    cursor: pointer;
}

    .agent .dashboard__content .mdl-card:hover .mdl-card__icon,
    .client .dashboard__content .mdl-card:hover .mdl-card__icon {
        font-size: 50px;
        font-size: 3.5714285714rem;
    }

.agent .dashboard__sidebar,
.client .dashboard__sidebar {
    width: 100%;
    max-width: unset;
}

@media screen and (min-width: 1280px) {
    .agent .dashboard__sidebar,
    .client .dashboard__sidebar {
        max-width: 390px;
    }
}

@media screen and (min-width: 1800px) {
    .agent .dashboard__sidebar,
    .client .dashboard__sidebar {
        max-width: 470px;
    }
}

.agent .dashboard__sidebar--right,
.client .dashboard__sidebar--right {
    margin-right: auto;
}

    .agent .dashboard__sidebar--right .mdl-card,
    .client .dashboard__sidebar--right .mdl-card {
        width: 100%;
        margin-left: 30px;
    }

@media screen and (max-width: 1279px) {
    .agent .dashboard__sidebar--right .mdl-card,
    .client .dashboard__sidebar--right .mdl-card {
        margin-left: 0;
    }
}

@media screen and (max-width: 1279px) {
    .agent .dashboard__sidebar--right .mdl-card__actions,
    .client .dashboard__sidebar--right .mdl-card__actions {
        flex-direction: row;
    }
}

.agent .dashboard__sidebar--right .mdl-card__actions .mdl-button,
.client .dashboard__sidebar--right .mdl-card__actions .mdl-button {
    color: #9a9a9a;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.agent .dashboard__sidebar .history-list__item p,
.client .dashboard__sidebar .history-list__item p {
    line-height: 1.5;
}

@media screen and (max-width: 1279px) {
    .agent .dashboard__sidebar .history-list__content,
    .client .dashboard__sidebar .history-list__content {
        max-width: unset;
    }
}

.agent .dashboard__sidebar .history-list__content-title,
.client .dashboard__sidebar .history-list__content-title {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    color: #1a1a1a;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.6;
}

.bg-accent--11 {
    background: #00b6ce !important;
}

.bg-pending-followup {
    background: #fbb32d !important;
}

.bg-quote-pending-client {
    background: #fa6557 !important;
}

.bg-to-be-invoiced {
    background: #ef433a !important;
}

.bg-lost {
    background: #180147 !important;
}

.bg-awaiting-cost-request {
    background: #0064b4 !important;
}

.bg-accent--12 {
    background: #f04b5a !important;
}

.light--1 > * {
    color: #ffffff !important;
}

.full-maxw {
    max-width: 100% !important;
}

.full-w {
    width: 100% !important;
}

.summary-details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.summary-details__item {
    padding-left: 10px;
    position: relative;
    font-size: 13px;
    font-size: 0.9285714286rem;
    line-height: 18px;
    width: 100%;
    color: #676767;
}

    .summary-details__item span {
        display: block;
        font-size: 15px;
        font-size: 1.0714285714rem;
        line-height: 20px;
        margin-top: 5px;
        color: #1a1a1a;
    }

    .summary-details__item:before {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        position: absolute;
        top: 6px;
        left: 0;
        background: transparent;
    }

    .summary-details__item:not(:last-child) {
        margin-right: 45px;
    }

    .summary-details__item.urgent:before {
        background: #ea4041;
    }

    .summary-details__item.high:before {
        background: #92278f;
    }

    .summary-details__item.medium:before {
        background: #6b6ed5;
    }

.block-listing {
    width: 46.5%;
    display: flex;
    flex-direction: column;
    margin-right: 3%;
    margin-bottom: 30px;
}

    .block-listing:nth-of-type(3) {
        order: 2;
    }

@media screen and (min-width: 1281px) {
    .block-listing {
        flex: 1;
        width: 100%;
        margin-bottom: 0;
    }

        .block-listing:nth-of-type(3) {
            order: 3;
        }
}

.block-listing:nth-of-type(3) {
    margin-right: 0;
}

.block-listing-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

@media screen and (min-width: 1281px) {
    .block-listing-row {
        flex-wrap: nowrap;
    }
}

.block-listing--wide {
    width: 100%;
    order: 3;
    margin-right: 0;
}

@media screen and (min-width: 1281px) {
    .block-listing--wide {
        flex: 1.5;
        order: 2;
        margin-right: 3%;
    }
}

.block-listing--wide .block-listing__title {
    padding-right: 30px;
}

.block-listing--wide .block-listing__title-text:nth-of-type(2) {
    margin-right: -30px;
}

.block-listing--wide .block-listing__total--bold .block-listing__label {
    flex: 0.185;
}

@media screen and (min-width: 1281px) {
    .block-listing--wide .block-listing__total--bold .block-listing__label {
        flex: 0.55;
    }
}

.block-listing--wide .block-listing__footer {
    margin-top: 0;
}

.block-listing__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block-listing__title-text {
    margin-bottom: 20px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: rgba(0, 0, 0, 0.87);
}

.block-listing__label, .block-listing__text {
    font-size: 13px;
    font-size: 0.9285714286rem;
    line-height: 16px;
}

.block-listing__label--md, .block-listing__text--md {
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 21px;
}

.block-listing__label--lg, .block-listing__text--lg {
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 30px;
}

.block-listing__label small, .block-listing__text small {
    color: #9a9a9a;
    font-size: 13px;
    font-size: 0.9285714286rem;
    line-height: 16px;
}

.block-listing__label {
    color: #9a9a9a;
}

.block-listing__text {
    color: rgba(0, 0, 0, 0.87);
}

.block-listing__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: #e0e0e0;
}

.block-listing__detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.block-listing__detail-item {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9a9a9a;
}

.block-listing__type {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

    .block-listing__type [class^="icon-"] {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
        border-radius: 50%;
        background: #4d56a4;
        font-size: 20px;
        font-size: 1.4285714286rem;
        color: #ffffff;
    }

.block-listing__type-desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.block-listing__price {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

    .block-listing__price .block-listing__text small {
        font-size: 16px;
        font-size: 1.1428571429rem;
        color: rgba(0, 0, 0, 0.87);
    }

.block-listing__price--single {
    width: 100%;
}

    .block-listing__price--single .block-listing__label {
        width: 100%;
    }

.block-listing__footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: auto;
}

.block-listing__footer-sub {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #9a9a9a;
}

.block-listing__total {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .block-listing__total:not(:last-child) {
        margin-bottom: 5px;
    }

.block-listing__total--bold .block-listing__label,
.block-listing__total--bold .block-listing__text {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    color: #4d56a4;
}

    .block-listing__total--bold .block-listing__text small {
        font-size: 16px;
        font-size: 1.1428571429rem;
        color: #4d56a4;
    }

.block-listing__total--bold-single {
    flex-direction: column;
    align-items: flex-end;
}

    .block-listing__total--bold-single .block-listing__label {
        width: 100%;
    }

.layout-switcher {
    position: relative;
    overflow: hidden;
}

.layout-switcher__content {
    display: none;
}

    .layout-switcher__content.is-active {
        display: block;
    }

.layout-switcher__control {
    min-width: 175px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: fixed;
    top: 350px;
    right: 0;
    transform: translateX(75%);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background: #4d56a4;
    color: #ffffff;
    z-index: 2;
}

@media screen and (min-width: 1201px) {
    .layout-switcher__control {
        transform: translateX(65%);
    }
}

.layout-switcher__control .icon-switcher {
    position: absolute;
    top: 16px;
    left: 20px;
}

.layout-switcher__control:hover {
    transform: translateX(0);
    background: #4d56a4;
}

.layout-switcher__control.is-sticky {
    top: 120px;
}

.layout-switcher__bottom-control {
    width: 100%;
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    background: #ffffff;
    text-transform: none;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

    .layout-switcher__bottom-control .icon-sales {
        margin-left: auto;
        font-size: 30px;
        font-size: 2.1428571429rem;
        color: #cc0000;
    }

    .layout-switcher__bottom-control .icon-arrow-left,
    .layout-switcher__bottom-control .icon-arrow-right {
        font-size: 20px;
        font-size: 1.4285714286rem;
        color: rgba(0, 0, 0, 0.87);
    }

    .layout-switcher__bottom-control .icon-arrow-left {
        display: none;
        margin-right: auto;
    }

    .layout-switcher__bottom-control .icon-arrow-right {
        margin-left: auto;
    }

.layout-switcher__bottom-control--prev .icon-arrow-left {
    display: block;
}

.layout-switcher__bottom-control--prev .icon-sales {
    margin-left: 0;
}

.layout-switcher__bottom-control--prev .layout-switcher__control-text {
    margin-right: auto;
}

.layout-switcher__bottom-control--prev .icon-arrow-right {
    display: none;
}

.layout-switcher__bottom-control:hover {
    background: #4d56a4;
    color: #ffffff;
}

    .layout-switcher__bottom-control:hover .icon-sales,
    .layout-switcher__bottom-control:hover .icon-arrow-left,
    .layout-switcher__bottom-control:hover .icon-arrow-right {
        color: #ffffff;
    }

.layout-switcher__grid {
    width: 100%;
}

.layout-switcher__row {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width: 1281px) {
    .layout-switcher__row {
        flex-wrap: nowrap;
    }
}

.layout-switcher__col {
    width: 100%;
    display: flex;
}

@media screen and (min-width: 1281px) {
    .layout-switcher__col {
        flex: 1;
        max-width: 408px;
        margin-right: 40px;
    }
}

.layout-switcher__col > * {
    width: 100%;
}

.layout-switcher__col:nth-of-type(3) {
    margin-right: 0;
}

.layout-switcher__col--2 {
    flex: 2;
    max-width: unset;
}

    .layout-switcher__col--2:nth-of-type(2) {
        margin-right: 0;
    }

.secondary-filter {
    height: 40px;
    margin: 0 20px 0 auto;
    padding: 0 20px;
    border-radius: 20px;
    background: #ffffff;
}

.secondary-filter__list {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.secondary-filter__list-item {
    position: relative;
}

    .secondary-filter__list-item:not(:last-child) {
        margin-right: 10px;
    }

    .secondary-filter__list-item input[type="radio"],
    .secondary-filter__list-item input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

        .secondary-filter__list-item input[type="radio"]:checked + label,
        .secondary-filter__list-item input[type="checkbox"]:checked + label {
            background: #41b983;
            color: #ffffff;
            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);
        }

    .secondary-filter__list-item label {
        border-radius: 20px;
        padding: 4px 12px;
        text-transform: uppercase;
        color: #9a9a9a;
        font-size: 12px;
        font-size: 0.8571428571rem;
        cursor: pointer;
        transition: all 0.4s ease-in-out 0s;
    }

.services__block {
    border-radius: 2px;
    padding: 0;
    display: flex;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .services__block {
        flex-wrap: wrap;
    }
}

.services__block-wrapper {
    background-color: #ffffff;
    margin: 10px 0;
}

.services__block-separator {
    margin: 0 20px;
}

.services__item {
    flex: 1;
    padding: 20px;
    position: relative;
}

.services__item--wide {
    flex: 2;
}

@media screen and (max-width: 1280px) {
    .services__item--first {
        order: 1;
        width: 50%;
        flex: unset;
    }
}

@media screen and (max-width: 1280px) {
    .services__item--second {
        order: 3;
        flex: unset;
        width: 100%;
        border-top: 1px solid #dcdcdc;
    }

        .services__item--second:after {
            content: unset !important;
        }
}

@media screen and (max-width: 1280px) {
    .services__item--last {
        order: 2;
        width: 40%;
        flex: unset;
    }
}

.services__item-title {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #9a9a9a;
    white-space: nowrap;
    margin-bottom: 5px;
}

.services__item-title-bar {
    display: flex;
}

.services__item-sub-title {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.services__item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    color: #cc0000;
    font-size: 26px;
    font-size: 1.8571428571rem;
}

.services__item-info {
    height: 71px;
}

    .services__item-info h3 {
        margin-bottom: 5px;
        color: #949599;
    }

    .services__item-info span {
        font-size: 16px;
        font-size: 1.1428571429rem;
        display: block;
    }

        .services__item-info span small {
            color: #00b6ce;
            font-size: 16px;
            font-size: 1.1428571429rem;
            font-family: "robotolight", Arial, Helvetica, sans-serif;
        }

.services__item-info--highlight span {
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
}

.services__item__footer {
    display: flex;
    margin-top: 31px;
}

.services__item__footer-info {
    flex: 1;
}

    .services__item__footer-info span {
        font-size: 16px;
        font-size: 1.1428571429rem;
        font-family: "robotomedium", Arial, Helvetica, sans-serif;
        display: block;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .services__item__footer-info h3 {
        color: #949599;
        margin-bottom: 0;
    }

.services__item__footer-info--first {
    text-align: left;
}

.services__item__footer-info--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.services__item__footer-info--last {
    text-align: right;
}

.services__item__sales-grid {
    display: flex;
}

.services__item__sales-grid-info {
    height: 54px;
    display: flex;
    align-items: center;
}

.services__item__sales-grid-info-box {
    font-size: 22px;
    font-size: 1.5714285714rem;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
}

.services__item__sales-grid-info-box--first {
    flex: 0.5;
    align-items: center;
}

.services__item__sales-grid-info-box--second {
    flex: 1;
    align-items: center;
}

.services__item__sales-grid-info-box--last {
    flex: 1;
    align-items: center;
}

.services__item__sales-grid-info small {
    margin-top: 3px;
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    margin-left: 3px;
}

.services__item__sales-grid-info--low {
    color: #e94041;
}

.services__item__sales-grid-info--medium {
    color: #00b6ce;
}

.services__item__sales-grid-info--high {
    color: #41b983;
}

.services__item:not(:nth-of-type(3)):after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    background: #dcdcdc;
    height: 88%;
    display: block;
    top: 6%;
}

.services__item-status-icon {
    width: 10px;
    height: 10px;
    background-color: #a6aad1;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

.services__item-status-icon--highlight {
    background-color: #5b5e62;
}

.services__item-status-icon--attention {
    background-color: #ef433a;
}

.services__item-status-text {
    float: left;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.services__action {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
}

/* 
    on operations page in services :: sh a 1903201730 
    structure must change to stick in proper bem 
    at all costs, change code to avoid use important
*/
.mdl-card__wrapper-list-item.status-pending {
    border-bottom: 2px solid #fbb32d !important;
}

.mdl-card__wrapper-list-item.status-nothandled {
    border-bottom: 2px solid #e94041 !important;
}

.mdl-card__wrapper-list-item.status-planned {
    border-bottom: 2px solid #005baa !important;
}

.mdl-card__wrapper-list-item.status-completed {
    border-bottom: 2px solid #41b983 !important;
}

/* 
    must change scss to apply the right colour codes
*/
.mdl-card.custom-card.hover-shadow:hover {
    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-card__wrapper__hyperlink {
    text-decoration: none;
    color: initial;
}

.mdl-card__wrapper-list.box-details li:first-child div.mdl-card__wrapper-list-desc {
    line-height: 15px;
}

.mdl-card__wrapper-list.box-details li:first-child div.mdl-card__wrapper-list-icon {
    width: 25%;
}

.mdl-card__wrapper-list.complimentary-services {
    margin: 5px 0px 0px 0px !important;
    padding: 5px 0px 0px 0px !important;
    border-top: 1px solid #dcdcdc;
}

.mdl-card__wrapper-list.scope-operation {
    margin: 10px 0px 0px 0px !important;
    padding: 10px 0px 0px 0px !important;
    border-top: 1px solid #dcdcdc;
}

/* progress bar used inside accordion */
.accordion__panel {
    /* <div id = "progressbar1" class = "mdl-progress mdl-js-progress"></div> */
}

    .accordion__panel .meter {
        height: 20px;
        /* Can be anything */
        position: relative;
    }

        .accordion__panel .meter > span {
            display: block;
            height: 100%;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            background-color: #2bc253;
            background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
            position: relative;
            overflow: hidden;
        }

    .accordion__panel .orange > span {
        background-color: #f1a165 !important;
        background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
    }

    .accordion__panel .red > span {
        background-color: #f0a3a3 !important;
        background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
    }

    .accordion__panel .meter > span:after, .accordion__panel .animate > span > span {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        z-index: 1;
        background-size: 50px 50px;
        animation: move 2s linear infinite;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow: hidden;
    }

    .accordion__panel .animate > span:after {
        display: none;
    }

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.accordion__panel .meter > span:after, .accordion__panel .animate > span > span {
    animation: move 2s linear infinite;
}

.accordion__panel .mdl-progress {
    height: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: initial;
    /* progress bar border radius */
}

    .accordion__panel .mdl-progress .progressbar {
        border-radius: 15px;
    }

    .accordion__panel .mdl-progress .bufferbar {
        background: transparent;
    }

/* must change scss to use variables.scss */
.flexboxcontainer {
    /* margin-top of 2px */
}

    .flexboxcontainer .flex--size-1 .status {
        border-right: 1px solid #808080;
        margin-right: 5px;
    }

    .flexboxcontainer .flex--size-1:last-child .status {
        border: none;
        margin: 0;
    }

    .flexboxcontainer .mt-2 {
        margin-top: 2px;
    }

/* div with progress bar */
#tablebehindprogress {
    display: table;
}

    #tablebehindprogress .row {
        display: table-row;
    }

        #tablebehindprogress .row .cell {
            display: table-cell;
            border-left: 1px solid #cccccc;
        }

            #tablebehindprogress .row .cell:last-child {
                border-right: 1px solid #cccccc;
            }

        #tablebehindprogress .row.dates .cell {
            border: none;
        }

            #tablebehindprogress .row.dates .cell:nth-child(even) {
                color: #e0e0e0;
            }

            #tablebehindprogress .row.dates .cell:last-child {
                color: inherit;
                text-align: right;
            }

.filter-list__container {
    width: auto;
    min-width: 260px;
    max-width: 310px;
    height: 378px;
    padding: 20px 0;
    display: none;
    position: absolute;
    top: 0;
    background: #ffffff;
    z-index: 999;
    box-sizing: border-box;
}

.filter-list__container--wide {
    left: 0 !important;
    width: 100%;
    height: 115px;
    max-width: 100%;
}

.filter-list__btn {
    position: absolute;
    right: 15px;
    top: 30%;
}

.custom-block {
    width: 100%;
    max-width: 685px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 75px;
    border-radius: 4px;
    display: none;
}

    .custom-block.is-active {
        display: block;
    }

.custom-block__form {
    width: 100%;
}

.custom-block__title {
    display: flex;
    margin-bottom: 45px;
}

.custom-block__title-text {
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    color: #5b5e62;
}

.custom-block__title-icon {
    color: #cc0000;
    font-size: 44px;
    font-size: 3.1428571429rem;
    margin-left: auto;
    margin-top: -22px;
}

.custom-block__normal-text {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 28px;
    text-align: justify;
}

    .custom-block__normal-text em {
        font-family: "robotolight_italic", Arial, Helvetica, sans-serif;
        color: #949599;
    }

.custom-block__divider {
    margin: 0;
}

.custom-block__divider--full-width {
    margin: 0 -75px;
}

.custom-block__control {
    position: relative !important;
}

.option__container {
    display: flex;
}

    .option__container.css-option__container--overflow-x {
        overflow-x: auto;
    }

.option__block {
    max-width: 425px;
    width: 100%;
}

    .option__block:not(:last-of-type) {
        margin-right: 15px;
    }

.option__block--horizontal {
    max-width: 1280px;
}

    .option__block--horizontal .option__block-body {
        flex-direction: row;
        padding: 0;
        border-radius: 4px;
    }

        .option__block--horizontal .option__block-body .option__item {
            padding: 25px;
        }

            .option__block--horizontal .option__block-body .option__item:not(:last-of-type) {
                border-right: 1px solid #e0e0e0;
            }

    .option__block--horizontal .option__block-body--with-footer {
        border-radius: 4px 4px 0 0;
    }

    .option__block--horizontal .option__block-footer-list {
        flex-direction: row;
    }

    .option__block--horizontal .option__block-footer-list-item:not(:last-of-type) {
        padding-right: 50px;
    }

.option__block-header {
    display: flex;
    border-bottom: 2px solid #0064b4;
    color: #0064b4;
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    border-radius: 4px 4px 0 0;
    padding: 25px;
}

.option__block-header-value {
    margin-left: auto;
    text-align: right;
}

    .option__block-header-value sub {
        vertical-align: middle;
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

.option__block-header--wide {
    padding: 15px 0 40px 0;
    margin-bottom: 10px;
}

.option__block-header--border-top {
    border-bottom: 0;
    border-top: 2px solid #0064b4;
    border-radius: 0;
}

.option__block-body {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 0 25px;
}

.option__block-control {
    padding: 25px;
    background-color: #ffffff;
}

.option__block-footer {
    padding: 0 25px;
    display: flex;
    background-color: transparent;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #d2d2d3;
    border-left: 1px solid #d2d2d3;
    border-right: 1px solid #d2d2d3;
}

.option__block-footer-icon {
    color: #cc0000;
    font-size: 25px;
    font-size: 1.7857142857rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}

.option__block-footer-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.option__block-footer-list-item {
    flex: 1;
    display: flex;
    padding: 25px 0;
}

.option__block-footer-list-item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .option__block-footer-list-item-text h3 {
        font-size: 13px;
        font-size: 0.9285714286rem;
        color: #757575;
    }

.option__block-footer-list-item-value {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 24px;
    font-size: 1.7142857143rem;
}

    .option__block-footer-list-item-value sub {
        margin-top: 5px;
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

.option__block-footer-list-item:not(:last-of-type) {
    border-bottom: 1px solid #d2d2d3;
}

.option__block-footer-info {
    text-align: right;
    width: 100%;
}

.option__block-top-title {
    font-size: 20px;
    font-size: 1.4285714286rem;
    color: #666666;
    margin-bottom: 20px;
}

.option__block-top-container {
    display: flex;
}

.option__block-top-div {
    width: calc(28% - 10px);
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    padding: 10px;
}

.option__block-top-div--sm {
    width: calc(16% - 10px);
}

.option__block-top-div:first-of-type {
    width: calc(28% - 10px);
}

.option__block-top-div--end {
    justify-content: flex-end;
}

.option__block-top-div--center {
    justify-content: center;
}

.option__block-top-text {
    display: flex;
}

.option__block-top-text--normal {
    margin-right: 10%;
}

@media screen and (max-width: 1280px) {
    .option__block-top-text--normal {
        font-size: 12px;
        font-size: 0.8571428571rem;
        margin-right: 5%;
    }
}

.option__block-top-text--focused {
    font-family: "robotomedium", Arial, Helvetica, sans-serif !important;
    font-size: 24px;
    font-size: 1.7142857143rem;
    white-space: nowrap;
}

@media screen and (max-width: 1440px) {
    .option__block-top-text--focused {
        font-size: 20px;
        font-size: 1.4285714286rem;
    }
}

@media screen and (max-width: 1280px) {
    .option__block-top-text--focused {
        font-size: 18px;
        font-size: 1.2857142857rem;
    }
}

.option__block-top-text--link {
    text-decoration: none;
    font-family: "robotomedium", Arial, Helvetica, sans-serif !important;
    font-size: 24px;
    font-size: 1.7142857143rem;
    color: #666666;
    white-space: nowrap;
}

@media screen and (max-width: 1440px) {
    .option__block-top-text--link {
        font-size: 20px;
        font-size: 1.4285714286rem;
    }
}

@media screen and (max-width: 1280px) {
    .option__block-top-text--link {
        font-size: 18px;
        font-size: 1.2857142857rem;
    }
}

.option__block-top-text--link i {
    margin-left: 10%;
}

@media screen and (max-width: 1280px) {
    .option__block-top-text--link i {
        margin-left: 5%;
    }
}

.option__block-detail {
    padding: 0 25px;
    background-color: #ffffff;
    max-height: 0;
    transition: max-height 0.25s ease-out;
    overflow: hidden;
}

    .option__block-detail.active {
        padding: 25px 25px 0 25px;
        max-height: 500px;
        transition: max-height 0.25s ease-in;
    }

.option__block-detail--wide.active {
    padding: 25px;
}

.option__block-detail--light-bg {
    background: #e0e0e0;
}

.option__item {
    padding: 25px 0;
    flex: 1;
}

.option__item-header {
    display: flex;
    margin-bottom: 25px;
}

.option__item-header-title-main {
    color: #5b5e62;
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.option__item-header-title-sub {
    color: #757575;
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.option__item-header-icon {
    display: flex;
    color: #cc0000;
    align-items: center;
    margin-left: auto;
    font-size: 25px;
    font-size: 1.7857142857rem;
}

.option__item--bordered-bottom {
    border-bottom: 1px solid #e0e0e0;
    padding: 25px;
    margin: 0 -25px;
}

.option__info {
    padding: 0 20px;
    background-color: #f6f6f6;
    border-radius: 4px;
}

.option__info-list {
    display: flex;
    padding: 20px 0;
}

.option__info-list-item {
    flex: 1;
}

.option__info-list-item--icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.option__info-list-item--text-center {
    display: flex;
    align-items: center;
}

    .option__info-list-item--text-center i {
        margin-right: 25px;
        color: #cc0000;
        font-size: 25px;
        font-size: 1.7857142857rem;
    }

.option__info-list-item--text-center-fixed i {
    margin-right: 15px;
    font-size: 35px;
    font-size: 2.5rem;
}

.option__info-list-item--last {
    text-align: right;
}

.option__info-list-item h3 {
    color: #89898a;
    font-size: 13px;
    font-size: 0.9285714286rem;
    margin: 0;
}

.option__info-list-item--highlight {
    font-size: 24px;
    font-size: 1.7142857143rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .option__info-list-item--highlight sub {
        margin-top: 6px;
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

.option__info-list-item--volume {
    flex: unset;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 6px;
    justify-content: flex-end;
}

    .option__info-list-item--volume h3 {
        margin-right: 5px;
        margin-bottom: 1px;
    }

.option__info-list:not(:last-of-type) {
    border-bottom: 1px solid #d2d2d3;
}

.option__info-list--h39 {
    height: 39px;
}

.option__info-list--volume-container {
    flex-direction: column;
}

.option__info-control {
    display: flex;
    padding-top: 25px;
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #949599;
}

.option__info-control-btn {
    display: flex;
    margin-left: auto;
    cursor: pointer;
}

.option__info-control i {
    margin-left: 10px;
    font-size: 20px;
    font-size: 1.4285714286rem;
    color: #666666;
}

.option__info-control--view i {
    color: #09ab83;
}

.option__info-control-box {
    width: 18%;
}

    .option__info-control-box h3 {
        margin-bottom: 5px;
    }

.option__info-control--aligned-center {
    align-items: center;
}

.option__info--link a {
    text-decoration: none;
    color: #6d6d6d;
}

.option__info--white-bg {
    background: #ffffff;
}

.option__info--relative {
    position: relative !important;
}

.quotation__title {
    font-size: 20px;
    font-size: 1.4285714286rem;
}

.quotation__grid {
    display: flex;
    flex-direction: row;
}

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

.contact__box {
    padding: 35px;
    background-color: #ffffff;
    border-radius: 4px;
}

.contact__box-header h3 {
    margin: 0;
}

.contact__box-btn span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .contact__box {
        padding: 15px;
    }
}

.document__block {
    height: 660px;
    display: flex;
    position: relative;
}

.document__block-main {
    width: 100%;
    height: 660px;
    background-color: #ffffff;
}

@media screen and (max-width: 1280px) {
    .document__block-main {
        width: 100%;
        height: 580px;
    }
}

.document__block-group {
    display: flex;
}

.document__block-left {
    height: inherit;
    position: relative;
    width: 74px;
}

    .document__block-left button {
        position: absolute;
        top: 45%;
        left: 0;
    }

@media screen and (max-width: 1280px) {
    .document__block-left {
        width: 55px;
    }
}

.document__block-right {
    height: inherit;
    position: relative;
    width: 74px;
}

    .document__block-right button {
        position: absolute;
        top: 45%;
        right: 0;
    }

@media screen and (max-width: 1280px) {
    .document__block-right {
        width: 55px;
    }
}

.document__block-control {
    display: flex;
    flex-direction: column;
    position: relative;
}

.document__block-control-btn {
    color: #6d6d6d !important;
}

@media screen and (min-width: 1280px) {
    .document__block-control-btn {
        padding-left: 100px;
    }

        .document__block-control-btn:hover:before {
            content: attr(title);
            position: absolute;
            top: 0;
            left: 20px;
            font-size: 11px;
            font-size: 0.7857142857rem;
        }
}

.document__block-control--absolute-right {
    position: absolute;
    right: 0;
}

.document__block--fullscreen {
    padding: 25px;
    height: 100%;
    background-color: #e0e0e0;
}

    .document__block--fullscreen .document__block-group {
        width: 100%;
    }

    .document__block--fullscreen .document__block-main {
        width: 100%;
        height: unset;
    }

.documents-checklist-page .drawer--container .drawer__content .form-control-group {
    justify-content: center !important;
}

.documents-checklist-page .drawer--container .drawer__content .form-listMultiSelect__col .form-listMultiSelect__list {
    max-height: 400px;
}

.documents-checklist-page .container-right {
    max-height: 480px;
    overflow: hidden;
}

/* for configuration > documents checklist page */
.blk__leads .form__section {
    flex: 1;
}

    .blk__leads .form__section .form-control-group {
        padding: 19px 40px;
    }

.form-field-transparent {
    border-color: transparent !important;
}

    .form-field-transparent:hover {
        border-color: #6f00ff !important;
    }

    .form-field-transparent .mdl-selectfield__box {
        border-color: transparent !important;
    }

        .form-field-transparent .mdl-selectfield__box:hover {
            border-color: rgba(0, 0, 0, 0.12) !important;
        }

.border--light-1 {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.labour-charges table .mdl-textfield, .labour-charges table .mdl-selectfield {
    max-width: 78px;
}

.labour-charges table .mdl-textfield {
    margin-right: 30px;
}

.labour-charges table .mdl-textfield__input {
    text-align: right !important;
}

.labour-charges table .mdl-selectfield__box-value, .labour-charges table .mdl-selectfield__list-option-box li {
    font-size: 11px;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.labour-charges table td, .labour-charges table td > * {
    color: #1a1a1a;
}

.labour-charges table thead tr:first-child th {
    font-size: 14px !important;
}

.labour-charges table tr .mdl-checkbox {
    width: 36px;
}

.labour-charges table tr:hover {
    background: none;
}

.labour-charges table tbody tr.custom:hover td {
    color: #9a9a9a !important;
}

    .labour-charges table tbody tr.custom:hover td .mdl-textfield__input, .labour-charges table tbody tr.custom:hover td .mdl-selectfield__box-value {
        color: #9a9a9a !important;
    }

    .labour-charges table tbody tr.custom:hover td > * {
        color: #9a9a9a !important;
    }

.text-dark-color-2 {
    color: #6d6d6d !important;
}

.discount .tr-border-1 {
    border-bottom: 2px solid #6f00ff !important;
    height: 2px;
}

.discount .tr-border-2 {
    border-bottom: 2px solid transparent !important;
    height: 2px;
}

.discount .fixed-table .show .icon-show {
    background: transparent !important;
}

    .discount .fixed-table .show .icon-show:after {
        width: 11px;
        border: .5px dashed #9a9a9a;
        height: auto;
    }

.discount .btn-zomm-in {
    margin-left: 0 !important;
    min-width: 24px;
}

.discount .internal-rate tbody tr td > div > span {
    width: 40%;
    justify-content: end !important;
    padding-left: 18px;
}

    .discount .internal-rate tbody tr td > div > span:first-child {
        width: 20%;
        padding-left: 10px;
    }

.discount .partner-rate tbody tr td > div span {
    width: 50%;
    justify-content: end !important;
    padding-left: 18px;
}

.discount .partner-rate .mdl-checkbox .mdl-checkbox__label, .discount .internal-rate .mdl-checkbox .mdl-checkbox__label {
    line-height: 1;
}

.discount .partner-rate .text-dark-color-4, .discount .internal-rate .text-dark-color-4 {
    font-size: 12px;
    line-height: 20px;
}

.discount table thead .volume-discount {
    display: flex;
}

    .discount table thead .volume-discount > div {
        width: 30%;
        justify-content: end !important;
    }

        .discount table thead .volume-discount > div:first-child {
            width: 70%;
        }

            .discount table thead .volume-discount > div:first-child > div:last-child {
                padding-left: 30%;
            }

.discount table .mdl-textfield, .discount table .mdl-selectfield, .discount table .form-control {
    max-width: 50px !important;
    width: 100%;
}

    .discount table .form-control.checkbox {
        width: 20px !important;
    }

.discount table tbody .volume-discount {
    display: flex;
}

    .discount table tbody .volume-discount > .form-control-group {
        width: 30%;
        justify-content: end !important;
    }

        .discount table tbody .volume-discount > .form-control-group.flex--space-between {
            justify-content: space-between !important;
        }

        .discount table tbody .volume-discount > .form-control-group:first-child {
            width: 70%;
        }

.discount table tbody .form-control.checkbox label {
    display: none;
}

.discount table tbody tr {
    background-color: none;
    transition: all 0.3s ease-in;
}

    .discount table tbody tr.lcl td {
        transition: all 0.3s ease-in;
        background: rgba(221, 221, 221, 0.5) !important;
    }

.discount table tbody td:hover {
    background: #f6f6f6;
}

    .discount table tbody td:hover .checkbox label {
        display: block !important;
    }

.discount table tbody td .form-control-group {
    flex-wrap: nowrap;
}

.discount #addNewVolRangeDialogue .mdl-selectfield__list-option-box {
    max-height: 120px;
}

.operation-timeline {
    width: 100%;
    position: relative;
    z-index: 1;
}

.operation-timeline__wrapper {
    display: flex;
}

.operation-timeline__legend {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 17px);
    padding: 0;
    z-index: -1;
    list-style: none;
    display: flex;
    margin-left: 40px;
    margin-top: 9px;
}

    .operation-timeline__legend li {
        min-width: 80px;
        height: 100%;
        position: relative;
    }

        .operation-timeline__legend li:before {
            content: '';
            position: absolute;
            height: 100%;
            width: 1px;
            background: #b2b2b2;
            left: 0;
            top: 0;
        }

        .operation-timeline__legend li span {
            position: absolute;
            left: -18px;
            bottom: -20px;
            font-size: 10px;
            font-size: 0.7142857143rem;
        }

.operation-timeline__progress {
    width: 80%;
    height: 8px;
    margin-top: 16px;
    margin-bottom: 16px;
    background: cadetblue;
    border-radius: 30px;
}

.operation-timeline__progress__title {
    display: flex;
    height: 30px;
    box-sizing: border-box;
    align-items: center;
}

    .operation-timeline__progress__title .main {
        flex: 1;
        font-size: 13px;
        font-size: 0.9285714286rem;
        white-space: nowrap;
    }

    .operation-timeline__progress__title .sub {
        flex: 1;
        text-align: right;
        font-size: 10px;
        font-size: 0.7142857143rem;
        position: relative;
        text-transform: uppercase;
        padding-right: 30px;
    }

        .operation-timeline__progress__title .sub:after {
            content: '';
            position: absolute;
            width: 6px;
            height: 6px;
            right: 0;
            top: 7px;
            background: #333333;
            border-radius: 100%;
        }

        .operation-timeline__progress__title .sub.not-handled, .operation-timeline__progress__title .sub.declined, .operation-timeline__progress__title .sub.awaiting-quote {
            color: #e94041;
        }

            .operation-timeline__progress__title .sub.not-handled:after, .operation-timeline__progress__title .sub.declined:after, .operation-timeline__progress__title .sub.awaiting-quote:after {
                background: #e94041;
            }

        .operation-timeline__progress__title .sub.planned {
            color: #005baa;
        }

            .operation-timeline__progress__title .sub.planned:after {
                background: #005baa;
            }

        .operation-timeline__progress__title .sub.pending, .operation-timeline__progress__title .sub.follow-up {
            color: #fc6400;
        }

            .operation-timeline__progress__title .sub.pending:after, .operation-timeline__progress__title .sub.follow-up:after {
                background: #fc6400;
            }

        .operation-timeline__progress__title .sub.pending-follow-up {
            color: #fbb32d;
        }

            .operation-timeline__progress__title .sub.pending-follow-up:after {
                background: #fbb32d;
            }

        .operation-timeline__progress__title .sub.qualified, .operation-timeline__progress__title .sub.approved, .operation-timeline__progress__title .sub.confirmed {
            color: #23af7e;
        }

            .operation-timeline__progress__title .sub.qualified:after, .operation-timeline__progress__title .sub.approved:after, .operation-timeline__progress__title .sub.confirmed:after {
                background: #23af7e;
            }

        .operation-timeline__progress__title .sub.abandonned {
            color: #5b5e62;
        }

            .operation-timeline__progress__title .sub.abandonned:after {
                background: #5b5e62;
            }

        .operation-timeline__progress__title .sub.transfered {
            color: #0064b4;
        }

            .operation-timeline__progress__title .sub.transfered:after {
                background: #0064b4;
            }

.operation-timeline__progress__wrapper {
    height: 30px;
    display: flex;
    width: 100%;
    align-items: center;
}

.operation-timeline__progress.not-handled, .operation-timeline__progress.declined, .operation-timeline__progress.awaiting-quote {
    background: #e94041;
}

.operation-timeline__progress.ope-status-planned {
    background: #005baa;
}

.operation-timeline__progress.ope-status-awaiting-planning {
    background: #fc6400;
}

.operation-timeline__progress.ope-status-awaiting-follow-up {
    background: #fbb32d;
}

.operation-timeline__progress.ope-status-completed {
    background: #23af7e;
}

.operation-timeline__progress.abandonned {
    background: #5b5e62;
}

.operation-timeline__progress.transfered {
    background: #0064b4;
}

.operation-timeline__progress.ope-status-in-transit {
    background: #e20e77;
}

.operation-timeline__progress.ope-status-awaiting-custom-clearance {
    background: #6f00ff;
}

.operation-timeline__container {
    overflow: auto;
    min-width: 70%;
    padding-bottom: 20px;
}

.operation-timeline__text {
    width: 100%;
}

.packing-materials .form-control--two-tenth-width {
    width: 20%;
}

.packing-materials .form-control--six-tenth-width {
    width: 66%;
}

.packing-materials .configuration__sidebar--right {
    max-width: 100%;
}

.packing-materials-list__header .info-list__item:not(:last-child) {
    border-right: 1px solid #d2d2d3;
}

.packing-materials .packing-materials-list__header .info-list__item i {
    color: #cc0000;
    font-size: 24px;
}

.packing-materials-list__header .info-list__item i {
    color: #cc0000;
    font-size: 24px;
}

.packing-materials .title--icon.title--icon--primary {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #6d6d6d;
}

    .packing-materials .title--icon.title--icon--primary i {
        font-size: 40px;
    }

.packing-materials .configuration__content {
    margin-right: 10px;
}

@media screen and (max-width: 1280px) {
    .packing-materials .configuration__content {
        margin-right: 10px;
    }
}

.packing-materials .form__section .mdl-button.btn-remove {
    height: 40px;
    min-width: 40px;
}

.packing-materials .accordion__item .form-control--one-tenth-width {
    width: 15%;
}

@media screen and (max-width: 1280px) {
    .packing-materials .document__block-control {
        max-height: 580px;
    }
}

/*For sticky to work correctly*/
.tabs.service-tabs {
    overflow: unset;
}

.additional-requirements .title--icon.title--icon--primary {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #6d6d6d;
}

    .additional-requirements .title--icon.title--icon--primary i {
        font-size: 40px;
    }

.additional-requirements .form-control--one-tenth-width {
    width: 9%;
}

.operation-summary .text-accent-9 {
    color: #41b983 !important;
}

.operation-summary dialog .form-control-group .mdl-menu.radio-menu-list .mdl-menu__item {
    flex: 1 50%;
    margin-right: 0;
}

.operation-summary dialog .caution {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-size: 1.4285714286rem;
    display: flex;
    align-items: center;
    color: #1a1a1a;
}

    .operation-summary dialog .caution i {
        font-size: 65px;
        font-size: 4.6428571429rem;
        margin-right: 20px;
        color: #cc0000;
    }

    .operation-summary dialog .caution small {
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        color: rgba(0, 0, 0, 0.54);
        margin-top: 10px;
    }

.operation-summary dialog h4.accordion__tab-title {
    font-size: 13px;
    font-size: 0.9285714286rem;
    color: #1a1a1a;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: start;
}

    .operation-summary dialog h4.accordion__tab-title > span {
        text-transform: none;
        color: #949599;
        margin-top: 5px;
    }

.operation-summary .actual-volume {
    justify-content: center !important;
}

    .operation-summary .actual-volume .mdl-selectfield__box-value {
        text-align: center;
    }

.operation-summary .mdl-card__grid.no-flex-align {
    align-items: initial;
}

/*.operation-summary .enquiry-detail__description {
    width: calc(100% - 270px);
}*/

    .operation-summary .enquiry-detail__description .mdl-card__title {
        background: #ffffff;
    }

    .operation-summary .enquiry-detail__description .mdl-card__title-text {
        color: #949599;
    }

        .operation-summary .enquiry-detail__description .mdl-card__title-text + span {
            color: #1a1a1a;
        }

.operation-summary .enquiry-detail__action {
    max-width: 230px;
}

.operation-summary .enquiry-detail__sub-content--half {
    width: 100%;
    padding: 30px;
}


    .operation-summary .enquiry-detail__sub-content .form__section-title--icon i {
        font-size: 23px;
        font-size: 1.6428571429rem;
    }

        .operation-summary .enquiry-detail__sub-content .form__section-title--icon i.icon-road {
            margin-left: auto !important;
            font-size: 32px;
            font-size: 2.2857142857rem;
        }

    .operation-summary .enquiry-detail__sub-content .form__section-title--icon > span i {
        font-size: 18px;
        font-size: 1.2857142857rem;
        color: #757575;
        margin-left: 10px;
    }

    .operation-summary .enquiry-detail__sub-content .form__section-title--icon .mdl-chip-custom {
        line-height: normal;
        background: #a8a8a8;
        margin-left: 10px;
        font-size: 10px;
        font-size: 0.7142857143rem;
    }

        .operation-summary .enquiry-detail__sub-content .form__section-title--icon .mdl-chip-custom > span {
            font-size: 12px;
            font-size: 0.8571428571rem;
            line-height: 1;
            font-family: "robotobold", Arial, Helvetica, sans-serif;
        }

.operation-summary .enquiry-detail__sub-content.flex--column {
    flex-direction: column !important;
}

.operation-summary .info-list .services-list__icon {
    width: 45px;
    height: 45px;
}

    .operation-summary .info-list .services-list__icon [class^="icon-"] {
        color: #ffffff;
    }

.operation-summary .info-list span {
    display: flex;
    line-height: normal;
}

.operation-summary .info-list__item {
    flex: initial;
    width: 100%;
    position: relative;
}

    .operation-summary .info-list__item .small-text {
        width: auto;
        padding: 0 5px;
        font-size: 11px;
        font-size: 0.7857142857rem;
        line-height: 21px;
        color: #9a9a9a;
    }

    .operation-summary .info-list__item small {
        line-height: 14px;
        color: #949599;
    }

.operation-summary .info-list__item-first {
    flex: 0.3;
}

.operation-summary .info-list__item-second {
    flex: 2;
}

.operation-summary .info-list__item-third {
    flex: 1.1;
}

.operation-summary .info-list__item .btn-actions {
    position: absolute;
    right: 10px;
    color: #4d56a4;
    z-index: 1;
}

.operation-summary .info-list__item .approve i {
    color: #41b983;
}

.operation-summary .info-list--total {
    justify-content: end;
    width: 280px;
    margin-left: auto;
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 2px solid #4d56a4;
}

    .operation-summary .info-list--total > span {
        flex: 1;
    }

.adress-specificities-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.adress-specificities-list__item:not(:last-child) {
    margin-right: 15px;
}

.adress-specificities-list__icon {
    width: 40px;
    height: 40px;
    background: #8d8d8d;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
}

    .adress-specificities-list__icon.is-active {
        background: #00b6ce;
    }

    .adress-specificities-list__icon [class^="icon-"] {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }

.packing-instructions-origin .service-scope-operation .mdl-card {
    min-height: 100px;
}

.packing-instructions-origin .service-scope-operation .form-control .radio-menu-list.radio-menu-list--pills .mdl-menu__item {
    /*min-width: 270px;*/
}

.packing-instructions-origin .adress-section .option__item-header-title h2 {
    margin-bottom: 19px;
}

.operation-warehouse .position-relative {
    position: relative;
}

.operation-warehouse .radio-menu-list--pills input[type="checkbox"] + label {
    line-height: 30px;
    height: 32px;
    min-width: 130px;
}

    .operation-warehouse .radio-menu-list--pills input[type="checkbox"] + label:after {
        font-size: 14px;
        font-size: 1rem;
        line-height: 30px;
    }

    .operation-warehouse .radio-menu-list--pills input[type="checkbox"] + label:before {
        border-radius: 3px;
    }

.operation-warehouse .form-control .radio-menu-list {
    display: inline-block;
    column-count: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

    .operation-warehouse .form-control .radio-menu-list .mdl-menu__item {
        margin-right: 0;
    }

.operation-warehouse .js-trigger-section .mdl-button {
    position: absolute;
    top: 0;
    right: 0;
}

.operation-warehouse .container-radio-menu-list {
    max-height: 100px;
}

.operation-warehouse .mdl-textfield--floating-label.is-dirty label, .operation-warehouse .mdl-selectfield--floating-label.is-dirty label {
    color: #9a9a9a;
}

.operation-warehouse .mdl-card--md--3 {
    max-width: 500px;
}

.operation-warehouse .mdl-dialog .radio-menu-list {
    height: auto;
    padding: 0;
}

    .operation-warehouse .mdl-dialog .radio-menu-list .dropdown-list__item {
        height: 44px;
        line-height: 44px;
    }

.title--icon i.font-size-lg--40 {
    font-size: 40px;
    font-size: 2.8571428571rem;
}

.branch-informations .form-control .radio-menu-list .mdl-menu__item {
    flex: 1 1 30%;
    margin-bottom: 20px;
    margin-right: 20px;
}

.branch-informations .mdl-card__content-group {
    width: 100%;
    margin-right: 0 !important;
}

    .branch-informations .mdl-card__content-group small {
        white-space: normal;
        color: gray;
        margin-top: 5px;
    }

.branch-informations .position-relative {
    position: relative;
}

#branchOp > section {
    max-width: 100%;
}

    #branchOp > section .custom-card {
        width: calc(100% - 60px);
    }

.branch-operations .form-listMultiSelect__col-nobg .form-listMultiSelect__text.filled {
    color: #4d56a4;
    background: #fff;
}

    .branch-operations .form-listMultiSelect__col-nobg .form-listMultiSelect__text.filled .form-listMultiSelect__text-arrow:before {
        color: #4d56a4;
    }

    .branch-operations .form-listMultiSelect__col-nobg .form-listMultiSelect__text.filled .form-listMultiSelect__text__action {
        border-color: #4d56a4;
    }

        .branch-operations .form-listMultiSelect__col-nobg .form-listMultiSelect__text.filled .form-listMultiSelect__text__action label:before {
            color: #4d56a4;
        }

.branch-operations .custom-card .mdl-card__content-group {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

    .branch-operations .custom-card .mdl-card__content-group small {
        white-space: normal;
        color: #9a9a9a;
        margin-top: 5px;
    }

.branch-sales .label {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
}

.branch-sales .form-control .small {
    white-space: normal;
    color: gray;
    font-size: 13px;
    font-size: 0.9285714286rem;
    line-height: 1.5;
}

.branch-sales .form-control-group .form-control .radio-menu-list .mdl-menu__item {
    margin-bottom: 20px;
    margin-right: 20px;
}

.branch-sales .form-control-group .form-control .radio-menu-list.eqSize-30 .mdl-menu__item {
    flex: 1 1 30%;
}

.branch-sales .form-control-group .form-control .radio-menu-list.eqSize-50 .mdl-menu__item {
    flex: 1 1 45%;
}

.branch-sales .form-control-group .form-control .mdl-checkbox__label {
    display: flex;
    align-items: center;
}

    .branch-sales .form-control-group .form-control .mdl-checkbox__label i {
        font-size: 22px;
        font-size: 1.5714285714rem;
        margin-left: auto;
        color: #666666;
    }

.branch-sales .mdl-card__content-group {
    width: 100%;
    margin-right: 0;
}

    .branch-sales .mdl-card__content-group small {
        white-space: normal;
        color: gray;
        margin-top: 5px;
    }

    .branch-sales .mdl-card__content-group .title {
        font-family: "robotomedium", Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-size: 1.4285714286rem;
    }

.branch-sales .position-relative {
    position: relative;
}

.branch-sales #typeOfDebtorDialog .mdl-selectfield__list-option-box {
    max-height: 120px;
}

.branch-sales .module__listing {
    top: 26px;
}

    .branch-sales .module__listing li {
        padding: 5px 10px;
    }

.branch-sales .user-group-action {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 14px;
}

.branch-sales .default-focused .mdl-textfield__label {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #4d56a4;
    font-size: 12px;
    top: 4px;
    visibility: visible;
}

    .branch-sales .default-focused .mdl-textfield__label:after {
        left: 0;
        visibility: visible;
        width: 100%;
    }

.costing-tool .form-control--three-tenth-width {
    width: 20%;
}

.branch-trunking .mdl-data-table .mdl-button--icon {
    color: #fff;
    background: #0d2481;
    min-width: 8px;
    width: 7px;
    border-radius: 5px;
    font-size: 0.5rem;
}

    .branch-trunking .mdl-data-table .mdl-button--icon .material-icons {
        font-size: 19px;
        font-size: 1.3571428571rem;
    }

.branch-trunking .mdl-data-table tr:hover {
    background: none;
}

.branch-trunking .mdl-data-table--no-bg th.font-r-regular {
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #5b5e62;
}

.branch-trunking .mdl-data-table th:first-of-type {
    padding-left: 18px;
    padding-right: 18px;
}

    .branch-trunking .mdl-data-table th:first-of-type div span {
        flex: 1;
        justify-content: center;
    }

.branch-trunking .mdl-data-table__cell-border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.branch-trunking .mdl-data-table__cell-border-bottom-0 {
    border-bottom: 0;
}

.pms-partner .form-control--two-tenth-width {
    width: 18.6%;
}

.pms-partner .text-light-color-10 {
    color: #a9a9a9;
}

.pms-partner h3.title {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #333333;
}

.pms-partner .icon-add-file {
    color: #1a1a1a;
}

.pms-partner .rate__total-container {
    width: 30%;
    display: flex;
    border-bottom: 2px solid #0064b4;
    color: #0064b4;
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    padding: 25px;
    min-width: 350px;
    max-width: 350px;
    margin-left: auto;
}

.pms-partner .rate__total-container-final {
    font-size: 30px;
    font-size: 2.1428571429rem;
    color: #ffffff;
    background: #4d56a4;
    padding: 25px;
    display: flex;
}

    .pms-partner .rate__total-container-final .rate__total-title {
        font-size: 21px;
        font-size: 1.5rem;
    }

    .pms-partner .rate__total-container-final .rate__total-value sub {
        font-size: 16px;
        font-size: 1.1428571429rem;
    }

.pms-partner .rate__total-title {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.pms-partner .rate__total-value {
    margin-left: auto;
    text-align: right;
    display: flex;
    line-height: 1;
    align-items: end;
}

    .pms-partner .rate__total-value sub {
        font-size: 13px;
        font-size: 0.9285714286rem;
        margin-left: 5px;
    }

.pms-partner .form__section-container-cont {
    display: flex;
}

    .pms-partner .form__section-container-cont .form-control-group {
        width: 30%;
    }

        .pms-partner .form__section-container-cont .form-control-group:not(:last-child) {
            margin-right: 5%;
            padding: 10px 70px 10px 20px;
        }

    .pms-partner .form__section-container-cont .form-control-group--action .mdl-button--icon {
        top: 25px;
        right: 10px;
    }

    .pms-partner .form__section-container-cont .form-control-actions {
        align-items: center;
        justify-content: center !important;
        border: 1px dashed #9a9a9a;
    }

.operation-import .radio-menu-list--pills input[type="radio"] + label {
    min-width: 165px;
}

    .operation-import .radio-menu-list--pills input[type="radio"] + label::after {
        font-size: 13px;
        font-size: 0.9285714286rem;
        color: #6d6d6d;
    }

.operation-import .radio-menu-list--pills.form-scope input[type="radio"]:checked + label::after {
    color: #ffffff;
}

.operation-import .operation-summary .icon-quality-survey {
    font-size: 26px !important;
}

.operation-import .operation-summary .icon-road {
    margin-left: auto !important;
}

.operation-import .operation-summary .mdl-chip-custom__contact--light-gray {
    font-size: 10px;
    font-size: 0.7142857143rem;
    color: #e0e0e0;
}

    .operation-import .operation-summary .mdl-chip-custom__contact--light-gray span {
        font-size: 12px;
        font-size: 0.8571428571rem;
        color: #ffffff;
    }

.operation-import .operation-summary .info-list--horizontal-grid4 {
    flex-wrap: wrap;
}

    .operation-import .operation-summary .info-list--horizontal-grid4 .info-list__item {
        max-width: 25%;
    }

.operation-import .operation-summary .option__info {
    font-size: 14px;
    font-size: 1rem;
}

    .operation-import .operation-summary .option__info h3 {
        font-size: 12px;
        font-size: 0.8571428571rem;
    }

.operation-import .deconsolidation-instructions h2 {
    color: gray;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.0714285714rem;
}

.operation-import .deconsolidation-instructions .radio-menu-list {
    align-items: flex-start;
}

    .operation-import .deconsolidation-instructions .radio-menu-list .mdl-menu__item {
        flex: 1 1 25%;
        margin-right: 20px;
        overflow: visible;
    }

        .operation-import .deconsolidation-instructions .radio-menu-list .mdl-menu__item .js-form-radio-control label {
            line-height: initial;
            display: flex;
            align-items: center;
        }

.operation-import .deconsolidation-instructions .info-list--horizontal {
    justify-content: flex-start;
}

    .operation-import .deconsolidation-instructions .info-list--horizontal .info-list__item {
        flex: inherit;
    }

.operation-import .section-vehicle-crew .appointment__sidebar {
    height: auto;
}

.operation-import .section-vehicle-crew .appointment__content .appointment__list {
    height: auto;
    width: 120px;
}

    .operation-import .section-vehicle-crew .appointment__content .appointment__list .dropdown-list__item input[type="checkbox"] + label span {
        line-height: initial;
        display: block;
    }

.operation-import .section-vehicle-crew .appointment__content .appointment__schedule-footer__title {
    padding-left: 120px;
}

.operation-import .section-vehicle-crew .appointment__content .priority-list .priority-list__item {
    flex: 0 0 25%;
}

.operation-import .section-vehicle-crew .appointment__content .appointment__schedule {
    height: auto;
}

.operation-import .section-vehicle-crew .appointment__content .radio-menu-list .dropdown-list__item .icon-sla {
    width: 40px;
    height: 40px;
    background: #9a9a9a;
    border-radius: 50%;
    transition: all 0.3s ease-in;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .operation-import .section-vehicle-crew .appointment__content .radio-menu-list .dropdown-list__item .icon-sla:before {
        font-size: 30px;
        font-size: 2.1428571429rem;
        margin-left: -3px;
        color: #ffffff;
    }

.operation-import .section-vehicle-crew .appointment__content .radio-menu-list .dropdown-list__item:not(:last-child) {
    margin-bottom: 30px;
}

.viewmap .priority-list .priority-list__item {
    margin-right: 0;
    flex: 0 0 27%;
    margin-left: 20px;
}

.viewmap .priority-list-grid18 .priority-list__item {
    flex: 0 0 18%;
}

.viewmap .priority-list-grid23 .priority-list__item {
    flex: 0 0 23%;
}

.viewmap .appointment__sidebar {
    height: 100%;
}

    .viewmap .appointment__sidebar.appointment__sidebar--floating {
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 4px 0 10px -5px rgba(0, 0, 0, 0.25);
        transition: all 0.4s ease-in-out 0s;
    }

.viewmap .appointment__schedule-footer {
    height: auto;
    position: relative;
}

.viewmap .appointment__list {
    overflow: unset;
}

.viewmap .appointment__list--hmax480 {
    max-height: 480px !important;
}

.viewmap .appointment__body {
    position: relative !important;
}

.viewmap .btn-viewmap_container {
    width: 100%;
    max-width: 155px;
}

.viewmap .mdl-button.btn-app-viewmap {
    top: 0;
    right: 0;
}

.viewmap .priority-list__item.status {
    color: rgba(0, 0, 0, 0.54) !important;
}

.pre-shipment-sea .progress-bar, .pre-shipment-sea .progress-bar__image {
    display: flex;
    width: 100%;
    align-items: center;
    height: 15px;
    margin-top: 16px;
    margin-bottom: 16px;
    background: #ccc;
    border-radius: 30px;
}

.pre-shipment-sea .appointment__list {
    height: 100%;
}

    .pre-shipment-sea .appointment__list .dropdown-list__item input[type="checkbox"] + label div {
        line-height: initial;
    }

.pre-shipment-sea .appointment__sidebar {
    height: 100%;
}

.pre-shipment-sea .progress-bar {
    background: #41b983;
    width: 64%;
}

.pre-shipment-sea .progress-bar__legend {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

    .pre-shipment-sea .progress-bar__legend .progress-bar__legend-item {
        font-family: "robotomedium", Arial, Helvetica, sans-serif;
        font-size: 22px;
        color: #000000;
    }

        .pre-shipment-sea .progress-bar__legend .progress-bar__legend-item span {
            font-family: "robotoregular", Arial, Helvetica, sans-serif;
            font-size: 12px;
        }

        .pre-shipment-sea .progress-bar__legend .progress-bar__legend-item:last-child {
            color: #41b983;
        }

.pre-shipment-air .appointment__list {
    height: 100%;
}

.pre-shipment-air .appointment__sidebar {
    height: 100%;
}

.pre-shipment-air .appointment__list .dropdown-list__item input[type="checkbox"] + label div {
    line-height: initial;
}

.branch-operations-documents th.e-headercell {
    height: 42px !important;
}

.branch-operations-documents td .e-rowcell {
    padding: 4px 15px !important;
}

.branch-operations-documents .e-grid .e-row, .branch-operations-documents .e-grid .e-alt_row, .branch-operations-documents .e-grid tr.e-hover {
    cursor: pointer;
    background-color: white;
}

.branch-operations-documents .e-grid .e-rowcell, .branch-operations-documents .e-grid .e-templatecell {
    border: none !important;
    padding: 5px 15px;
}

.branch-operations-documents .e-templatecell > ul.radio-menu-list {
    width: 100% !important;
    margin-bottom: 0px !important;
}

.branch-operations-documents .e-gridheader .e-table {
    display: none;
}

.branch-operations-documents body .e-pagermsg {
    display: none;
}

.branch-operations-documents .mdl-selectfield__dialogue .mdl-selectfield__select {
    margin: 2px 0 5px 0;
}

.branch-operations-documents .mdl-selectfield__dialogue.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__box {
    border-bottom: 3px solid #4d56a4;
}

.branch-operations-documents .mdl-selectfield__dialogue .mdl-selectfield__list-option-box {
    max-height: 120px;
}

.branch-operations-documents .pb-13 {
    padding-bottom: 13px !important;
}

.branch-operations-documents .summary_event_checked li {
    margin-bottom: 15px;
    float: left;
}

.branch-operations-documents .custom-form-listMultiSelect {
    border: 0;
}

    .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__item {
        background: #fff !important;
        border-bottom: 1px solid #dcdcdc;
        margin: 0 !important;
    }

        .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__item:last-child {
            border-bottom: 0;
            padding-bottom: 0 !important;
        }

    .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text {
        justify-content: space-between;
        flex: 1;
        border-radius: inherit;
        border: 0;
        background: none;
        color: #9a9a9a;
        padding: 0 !important;
        overflow: visible !important;
    }

        .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text .mdl-selectfield__box {
            border: 0;
        }

        .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text .mdl-selectfield {
            text-align: center;
        }

            .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text .mdl-selectfield .mdl-selectfield__list-option-box {
                max-height: 200px;
            }

            .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text .mdl-selectfield:hover .mdl-selectfield__box {
                border-bottom: 2px solid #000 !important;
            }

            .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text .mdl-selectfield .mdl-selectfield__box > .mdl-selectfield__arrow-down__container {
                display: none;
            }

    .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }

        .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label {
            position: relative;
            display: flex;
            justify-content: space-between;
            width: 100%;
            padding-right: 24px;
            padding-left: 0;
        }

            .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label:before {
                display: none;
            }

            .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label:hover .date {
                text-decoration: underline;
                color: #1a1a1a;
            }

            .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label .text, .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label .date {
                width: 100%;
                text-align: left;
            }

            .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label .mdl-checkbox__input, .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label .mdl-checkbox__focus-helper, .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label .mdl-checkbox__box-outline, .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label .mdl-checkbox__tick-outline, .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label .mdl-checkbox__ripple-container, .branch-operations-documents .custom-form-listMultiSelect .form-listMultiSelect__list .form-listMultiSelect__text__action label .mdl-ripple {
                left: inherit !important;
                right: 0 !important;
                margin-left: auto;
            }

    .branch-operations-documents .custom-form-listMultiSelect .mCSB_container {
        padding-right: 20px;
        padding-left: 14px;
        padding-bottom: 20px;
    }

.branch-operations-documents .custom-drawer--pill.drawer {
    background: none;
    padding: 0;
}

    .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__item-title {
        background: none !important;
        border: 1px solid #dcdcdc !important;
        border-radius: 0;
        padding: 15px 50px 15px 27px;
    }

        .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__item-title:before, .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__item-title:after {
            display: none !important;
        }

        .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__item-title span {
            width: 36px;
        }

            .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__item-title span.text {
                width: 100%;
            }

            .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__item-title span.date {
                width: 100%;
                text-align: center;
            }

    .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__control:checked ~ .drawer__item-title {
        border-bottom: 0 !important;
    }

    .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__content {
        padding: 0 !important;
        border: 1px solid #dcdcdc;
        border-top: 0;
    }

        .branch-operations-documents .custom-drawer--pill.drawer .drawer__item .drawer__content:before {
            display: none;
        }

    .branch-operations-documents .custom-drawer--pill.drawer .drawer__item.is-active .drawer__item-title {
        border-bottom: 0 !important;
    }

    .branch-operations-documents .custom-drawer--pill.drawer .drawer__item.is-active .drawer__content {
        height: auto;
        transform: translate(0, 0);
        opacity: 1;
        overflow: unset;
        background: #ffffff;
    }

.invoice .mdl-textfield__label.writer {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
}

.invoice h2.mdl-card__title-text {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    color: #5b5e62;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 1.4285714286rem;
    align-self: flex-start;
}

    .invoice h2.mdl-card__title-text i {
        font-size: 30px;
        font-size: 2.1428571429rem;
        margin-right: 10px;
    }

.invoice .custom-card.mdl-card--flex {
    z-index: initial;
}

.invoice .switch-control__gray .switch-control__appearance:before {
    background: #ccc;
}

.invoice .flex--align-self-center {
    align-self: center !important;
}

.invoice .info-list.info-list__grid5 .info-list__item {
    flex: unset;
    margin-bottom: 0;
    width: 20%;
}

.invoice .total-lines, .invoice .grand-total-lines {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-size: 1.6428571429rem;
    color: #4d56a4;
    padding: 30px;
    border-top: 3px solid #4d56a4;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
}

    .invoice .total-lines span, .invoice .grand-total-lines span {
        font-size: 16px;
        font-size: 1.1428571429rem;
        margin-left: 10px;
    }

.invoice .grand-total-lines {
    border-top: 0;
    border-bottom: 4px solid #4d56a4;
}

.invoice .comment-invoice .info-list__item span {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.invoice__layout {
    display: flex;
    max-width: 1235px;
    margin: 0 auto;
    border-top: 1px solid #d2d2d3;
    border-bottom: 1px solid #d2d2d3;
}

@media screen and (max-width: 1280px) {
    .invoice__layout {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1280px) {
    .invoice__layout .document__block.flex--column {
        margin: 0 auto !important;
    }
}

.invoice__section {
    width: 100%;
    padding: 0 10px 80px;
}

@media screen and (max-width: 1280px) {
    .invoice__section {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }
}

.invoice__section--dark {
    background-color: #d5d5d5;
}

.invoice__title {
    align-items: baseline;
    padding-top: 40px;
    padding-bottom: 40px;
}

.invoice .custom-card.preview-pdf {
    min-height: 100%;
    display: flex;
    width: 25%;
    margin-left: auto;
}

    .invoice .custom-card.preview-pdf .option__info-control {
        background: white;
        padding: 10px;
    }

        .invoice .custom-card.preview-pdf .option__info-control .option__info-control-btn {
            font-family: "robotoregular", Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-size: 1rem;
            color: #1a1a1a;
            text-transform: none;
            margin-right: auto;
            padding: 0;
            margin-left: 0;
        }

            .invoice .custom-card.preview-pdf .option__info-control .option__info-control-btn .icon-pdf {
                font-size: 25px;
                font-size: 1.7857142857rem;
                color: #cc0000;
            }

.invoice .option__block-detail.active {
    max-height: 100%;
}

.invoice .purcent-invoice {
    font-size: 16px;
    font-size: 1.1428571429rem;
    text-align: right;
    margin-bottom: 15px;
}

    .invoice .purcent-invoice span {
        background: #ffffff;
        border-radius: 4px;
        padding: 10px 20px;
        margin-left: 10px;
    }

        .invoice .purcent-invoice span small {
            color: #6d6d6d;
        }

.invoice .custom-data-table.mdl-data-table tr th div, .invoice .custom-data-table.mdl-data-table tr td div {
    padding: 10px 0;
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

    .invoice .custom-data-table.mdl-data-table tr th div > span, .invoice .custom-data-table.mdl-data-table tr td div > span {
        padding: 20px 18px;
    }

        .invoice .custom-data-table.mdl-data-table tr th div > span strong, .invoice .custom-data-table.mdl-data-table tr td div > span strong {
            padding: 0;
        }

    .invoice .custom-data-table.mdl-data-table tr th div.mdl-menu__outline, .invoice .custom-data-table.mdl-data-table tr td div.mdl-menu__outline {
        padding: 0;
    }

.invoice .custom-data-table.mdl-data-table tr th.hborder, .invoice .custom-data-table.mdl-data-table tr td.hborder {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.invoice .custom-data-table.mdl-data-table tr th.vborder, .invoice .custom-data-table.mdl-data-table tr td.vborder {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.invoice .custom-data-table.mdl-data-table tr th div {
    background: #6d6d6d;
    color: rgba(255, 255, 255, 0.7);
}

    .invoice .custom-data-table.mdl-data-table tr th div strong {
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-size: 17px;
        font-size: 1.2142857143rem;
        text-transform: none;
        font-weight: normal;
    }

.invoice .custom-data-table.mdl-data-table tr td {
    border-top: 0;
    border-bottom: 0;
    padding: 0;
}

    .invoice .custom-data-table.mdl-data-table tr td div {
        padding: 10px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
    }

    .invoice .custom-data-table.mdl-data-table tr td:first-child {
        padding-left: 18px;
    }

        .invoice .custom-data-table.mdl-data-table tr td:first-child > span {
            padding-left: 0;
        }

    .invoice .custom-data-table.mdl-data-table tr td:last-child {
        padding-right: 18px;
    }

        .invoice .custom-data-table.mdl-data-table tr td:last-child > span {
            padding-right: 0;
        }

.invoice .custom-data-table.mdl-data-table tr.is-parent td, .invoice .custom-data-table.mdl-data-table tr.is-parent + tr td {
    border: 0;
}

    .invoice .custom-data-table.mdl-data-table tr.is-parent td div, .invoice .custom-data-table.mdl-data-table tr.is-parent + tr td div {
        border: 0;
    }

.invoice .custom-data-table.mdl-data-table tr.separator {
    height: 20px;
}

.invoice .custom-data-table.mdl-data-table tr.mdl-data-table__cell-white th div {
    background: transparent;
    color: #9a9a9a;
}

.invoice .custom-data-table.mdl-data-table tbody {
    background: #ffffff;
}

.invoice .custom-data-table.mdl-data-table .icon-handle {
    margin-right: 5px;
    font-size: 10px;
    font-size: 0.7142857143rem;
    color: #949599;
}

.invoice .custom-data-table.data-table-simple.mdl-data-table th {
    padding: 0;
}

    .invoice .custom-data-table.data-table-simple.mdl-data-table th div {
        padding: 10px 0;
    }

.invoice .custom-data-table.data-table-grouping.mdl-data-table th {
    padding: 0 0 20px 0;
}

    .invoice .custom-data-table.data-table-grouping.mdl-data-table th div {
        padding: 20px 0;
    }

.invoice .btn-new-grouping {
    text-transform: none;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.9285714286rem;
    background: #41b983;
    color: #ffffff;
    position: absolute;
    right: 30px;
    border-radius: 45px;
    padding: 0 25px;
    align-items: center;
    border: 2px solid #ffffff;
    z-index: 10;
}

    .invoice .btn-new-grouping .add-btn__icon {
        color: #fff;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        width: 20px;
        padding-right: 30px;
        font-size: 28px;
        font-size: 2rem;
    }

.invoice .js-draggtable-resize {
    overflow: hidden;
    background: #ffffff;
}

.invoice .draggable__top-inner-main, .invoice .draggable__bottom-inner-main {
    overflow: auto;
}

    .invoice .draggable__top-inner-main div, .invoice .draggable__bottom-inner-main div {
        height: initial;
    }

.invoice #draggtable__resizable {
    position: relative;
}

.invoice .draggable__top, .invoice .draggable__bottom {
    overflow: auto;
    height: 370px;
}

.invoice .draggable__top {
    background: #e0e0e0;
}

.invoice .draggable__bottom-inner-main {
    margin-top: 13px;
}

.invoice .draggtable__resizableV {
    position: absolute;
    z-index: 3;
    width: 10px;
    cursor: row-resize;
    background: #e0e0e0;
    height: 13px;
    width: 100%;
    padding-top: 3px;
    max-height: 13px;
    overflow: hidden;
}

    .invoice .draggtable__resizableV span {
        width: 40px;
        height: 1px;
        background-color: #6d6d6d;
        margin: 3px auto;
        position: relative;
        display: block;
    }

.invoice .hp-18 {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.invoice .btn-light, .invoice .btn-light:hover, .invoice .btn-light:focus {
    background: #cccccc;
    color: #ffffff;
}

.invoice .amount, .invoice .amount > * {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.invoice .font-size--sm-15 {
    font-size: 15px;
    font-size: 1.0714285714rem;
}

.invoice .mdl-data-table.custom-data-table .mdl-data-table__cell-title-icon {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .invoice .mdl-data-table.custom-data-table .mdl-data-table__cell-title-icon i {
        font-size: 30px;
        font-size: 2.1428571429rem;
        padding-left: 18px;
    }

    .invoice .mdl-data-table.custom-data-table .mdl-data-table__cell-title-icon span {
        padding-left: 0;
    }

.invoice .mdl-button-w-min200 {
    min-width: 200px;
}

.invoice .flex--row {
    flex-direction: row !important;
}

.invoice i.more-vert {
    font-size: 20px;
    font-size: 1.4285714286rem;
    color: gray;
}

.invoice .border-left-rad-4 {
    border-radius: 4px 0 0 0;
}

.invoice .border-right-rad-4 {
    border-radius: 0 4px 0 0;
}

.pro-forma-invoice .btn-pdf {
    max-width: 300px;
}

    .pro-forma-invoice .btn-pdf button {
        justify-content: flex-start;
    }

.pro-forma-invoice .small-white-box {
    background-color: #ffffff;
    width: 100px;
    border-radius: 4px;
    padding: 10px;
}

.review-invoice .custom-data-table.data-table-grouping.mdl-data-table th {
    padding: 0;
}

    .review-invoice .custom-data-table.data-table-grouping.mdl-data-table th div {
        padding: 10px 0;
    }

.review-invoice .custom-data-table.data-table-grouping.mdl-data-table tr:not(:first-child).is-parent {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.review-invoice .accordion__tab .info-list {
    width: 75%;
    margin-bottom: 0;
}

.review-invoice .accordion__tab .info-list__item h3, .review-invoice .accordion__tab .info-list__item span {
    color: #ffffff;
}

.review-invoice .accordion__tab .info-list__item h3 {
    opacity: 0.7;
}

.review-invoice .accordion__panel {
    border: 1px solid gray;
    border-radius: 0 0 4px 4px;
    padding: 30px;
    border-bottom: 4px solid gray;
}

    .review-invoice .accordion__panel .form__section .info-list__item i {
        color: #cc0000;
        font-size: 28px;
        font-size: 2rem;
    }

        .review-invoice .accordion__panel .form__section .info-list__item i .icon-sea {
            font-size: 30px;
            font-size: 2.1428571429rem;
        }

    .review-invoice .accordion__panel .form__section .info-list__item:not(:last-child) {
        border-right: 1px solid #d2d2d3;
    }

.operation-redelivery .section-confirm-content .leads-list__filter-title {
    width: auto;
}

.operation-redelivery .section-vehicle-crew .appointment__sidebar {
    height: auto;
}

.operation-redelivery .section-vehicle-crew .appointment__content .appointment__list {
    height: auto;
    width: 120px;
}

    .operation-redelivery .section-vehicle-crew .appointment__content .appointment__list .dropdown-list__item input[type="checkbox"] + label span {
        line-height: initial;
        display: block;
    }

.operation-redelivery .section-vehicle-crew .appointment__content .appointment__schedule-footer__title {
    padding-left: 120px;
}

.operation-redelivery .section-vehicle-crew .appointment__content .priority-list .priority-list__item {
    flex: 0 0 25%;
}

.operation-redelivery .section-vehicle-crew .appointment__content .appointment__schedule {
    height: auto;
}

.operation-redelivery .section-vehicle-crew .appointment__content .radio-menu-list .dropdown-list__item .icon-sla {
    width: 40px;
    height: 40px;
    background: #9a9a9a;
    border-radius: 50%;
    transition: all 0.3s ease-in;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .operation-redelivery .section-vehicle-crew .appointment__content .radio-menu-list .dropdown-list__item .icon-sla:before {
        font-size: 30px;
        font-size: 2.1428571429rem;
        margin-left: -3px;
        color: #ffffff;
    }

.operation-redelivery .section-vehicle-crew .appointment__content .radio-menu-list .dropdown-list__item:not(:last-child) {
    margin-bottom: 30px;
}

.alert-info-dialog .caution {
    font-family: "robotolight", Arial, Helvetica, sans-serif !important;
    font-size: 20px;
    font-size: 1.4285714286rem;
    color: #1a1a1a;
    display: flex;
    align-items: center;
}

    .alert-info-dialog .caution small {
        font-family: "robotoregular", Arial, Helvetica, sans-serif !important;
        font-size: 14px;
        font-size: 1rem;
        color: rgba(0, 0, 0, 0.54);
        margin-top: 10px;
    }

    .alert-info-dialog .caution i {
        font-size: 65px;
        font-size: 4.6428571429rem;
        margin-right: 20px;
        color: #cc0000;
    }

.operation-delivery-residence .collection-address, .operation-delivery-residence collection-address {
    max-width: 100%;
}

.operation-delivery-residence .delivery-address {
    margin-top: 57px;
}

.operation-delivery-residence .operation-summary .booking-info .info-list__item {
    width: auto;
    min-width: 20%;
}

.operation-delivery-residence .operation-summary .icon-external {
    font-size: 20px;
    font-size: 1.4285714286rem;
}

.operation-delivery-residence .content-delivery .configuration__content {
    margin-right: 30px;
}

.operation-delivery-residence .content-delivery .configuration__sidebar--right {
    max-width: 100%;
    margin-left: 30px;
}

.operation-delivery-residence .content-delivery .form-control--two-tenth-width {
    width: 20%;
}

.operation-delivery-residence .content-delivery .form-control--six-tenth-width {
    width: 70%;
}

.slider-container {
    min-width: 280px;
    cursor: default;
}

[slider] {
    position: relative;
    height: 8px;
    border-radius: 10px;
    text-align: left;
    top: 21px;
    width: 85%;
    margin-left: 0px;
}

    [slider] > div {
        position: absolute;
        left: 13px;
        right: 15px;
        height: 9px;
    }

        [slider] > div > [inverse-left] {
            position: absolute;
            left: 0;
            height: 8px;
            border-radius: 10px;
            background-color: #e0e0e0;
        }

        [slider] > div > [inverse-right] {
            position: absolute;
            right: 0;
            height: 8px;
            border-radius: 10px;
            background-color: #e0e0e0;
        }

        [slider] > div > [range] {
            position: absolute;
            left: 0;
            height: 8px;
            border-radius: 14px;
            background-color: #ea4041;
        }

        [slider] > div > [thumb] {
            position: absolute;
            top: -6px;
            z-index: 2;
            height: 18px;
            width: 18px;
            text-align: left;
            margin-left: -11px;
            cursor: pointer;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
            background-color: #ffffff;
            border-radius: 50%;
            outline: none;
        }

            [slider] > div > [thumb]:after {
                content: '';
                position: absolute;
                width: 6px;
                height: 6px;
                background: #ea4041;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                border-radius: 50%;
            }

        [slider] > div > [sign] {
            opacity: 1;
            position: absolute;
            margin-left: -11px;
            top: -33px;
            z-index: 3;
            color: #212121;
            width: 18px;
            height: 18px;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            text-align: center;
        }

            [slider] > div > [sign] > span {
                font-size: 12px;
                font-weight: normal;
            }

        [slider] > div .range-interval {
            position: absolute;
            top: -11px;
            color: #a9a9a9;
            font-size: 11px;
            width: 100%;
            height: 0;
        }

        [slider] > div .range-interval__min {
            left: -18px;
        }

        [slider] > div .range-interval__max {
            right: -135px;
        }

    [slider] > input[type=range] {
        position: absolute;
        pointer-events: none;
        -webkit-appearance: none;
        z-index: 3;
        height: 8px;
        top: -2px;
        width: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        cursor: pointer;
    }

        [slider] > input[type=range]::-ms-track {
            -webkit-appearance: none;
            background: transparent;
            color: transparent;
        }

        [slider] > input[type=range]::-moz-range-track {
            -moz-appearance: none;
            background: transparent;
            color: transparent;
        }

        [slider] > input[type=range]:focus::-webkit-slider-runnable-track {
            background: transparent;
            border: transparent;
        }

        [slider] > input[type=range]:focus {
            outline: none;
        }

        [slider] > input[type=range]::-ms-thumb {
            pointer-events: all;
            width: 28px;
            height: 28px;
            border-radius: 0px;
            border: 0 none;
            background: #ffffff;
        }

        [slider] > input[type=range]::-moz-range-thumb {
            pointer-events: all;
            width: 28px;
            height: 28px;
            border-radius: 0px;
            border: 0 none;
            background: #ffffff;
        }

        [slider] > input[type=range]::-webkit-slider-thumb {
            pointer-events: all;
            width: 28px;
            height: 28px;
            border-radius: 0px;
            border: 0 none;
            background: #ffffff;
            -webkit-appearance: none;
        }

        [slider] > input[type=range]::-ms-fill-lower {
            background: transparent;
            border: 0 none;
        }

        [slider] > input[type=range]::-ms-fill-upper {
            background: transparent;
            border: 0 none;
        }

        [slider] > input[type=range]::-ms-tooltip {
            display: none;
        }

    [slider]:hover > div > [sign] {
        opacity: 1;
    }

    [slider] + .slider-apply-btn {
        position: absolute;
        right: 10px;
        background: transparent;
        border: none;
        top: 50%;
        transform: translateY(-50%);
        outline: none;
        height: 100%;
        font-size: 1.4em;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

.e-table tbody .e-row td.e-rowcell,
.e-table tbody .e-alt_row td.e-rowcell {
    padding-left: 0 !important;
}

    .e-table tbody .e-row td.e-rowcell a,
    .e-table tbody .e-alt_row td.e-rowcell a {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100% !important;
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 15px;
    }

.dotedOverflow {
    width: 70% !important;
}

#notification-list .e-table tbody .e-row td.e-rowcell a,
#notification-list .e-table tbody .e-alt_row td.e-rowcell a {
    position: unset;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-table thead .e-columnheader th.e-headercell {
    padding-left: 7px;
}


.isNotAddressSpecificities {
    display: none;
}

#addressSpecificities {
    border-top: 1px solid #dcdcdc;
    padding-top: 25px;
}

#address-section {
    margin-bottom: 0px !important;
    border-bottom: 0px !important;
}

.operation-delivery-city {
    word-break: break-word !important;
}


/*Use for button */
.resources-label {
    width: 90%;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

#operationDetailsDialog__container_dialog-content {
    padding: 0 !important
}



.operationGridFilters__container.js-more-filters {
    height: auto !important;
}

@media screen and (min-width: 1280px) {
    .operationGridFilters__container .js-status-menu-btn {
        max-width: 190px;
        height: 38px;
        line-height: 38px;
    }
}

.more-filters-btn-close {
    top: 18% !important
}

.top-20-negative {
    top: -20px;
}

.top-10-negative {
    top: -10px;
}

.filter-box-shadow {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
}

.js-more-filters .mdl-button.js-btn-filter {
    background: #ffffff;
}

.more-filters-btn-close {
    padding-right: 0 !important;
    min-width: auto;
}

/*# sourceMappingURL=styles.css.map */

@font-face {
  font-family: 'arcania';
  src:  url('/fonts/arcania.eot?r4aqgl');
  src:  url('/fonts/arcania.eot?r4aqgl#iefix') format('embedded-opentype'),
    url('/fonts/arcania.ttf?r4aqgl') format('truetype'),
    url('/fonts/arcania.woff?r4aqgl') format('woff'),
    url('/fonts/arcania.svg?r4aqgl#arcania') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="arcania-ico-"], [class*=" arcania-ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'arcania' !important;
  speak: never;
  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;
}

.arcania-ico-exit-from-warehouse:before {
  content: "\e90d";
}
.arcania-ico-entry-into-warehouse:before {
  content: "\e90e";
}
.arcania-ico-handling-ops:before {
  content: "\e90f";
}
.arcania-ico-Office-Transfers:before {
  content: "\e909";
}
.arcania-ico-General-Cargo-B:before {
  content: "\e90a";
}
.arcania-ico-Fine-Arts:before {
  content: "\e90b";
}
.arcania-ico-bar-chart:before {
  content: "\e90c";
}
.arcania-ico-administration:before {
  content: "\e908";
}
.arcania-ico-partner-world-handshake:before {
  content: "\e906";
}
.arcania-ico-heritage:before {
  content: "\e905";
}
.arcania-ico-syrup:before {
  content: "\e901";
}
.arcania-ico-tote-bag:before {
  content: "\e900";
}
.arcania-ico-protect-mold:before {
  content: "\e9f7";
}
.arcania-ico-protect-pair:before {
  content: "\e9f8";
}
.arcania-ico-newspaper-o:before {
  content: "\e904";
}
.arcania-ico-bi-menu-icon:before {
  content: "\e902";
}
.arcania-ico-star-full:before {
  content: "\e9d9";
}
.arcania-ico-lock:before {
  content: "\ea06";
}
.arcania-ico-files-multiple:before {
  content: "\e925";
}
.arcania-ico-arrow-full-right:before {
  content: "\ea1c";
}
.arcania-ico-keyboard:before {
  content: "\e955";
}
.arcania-ico-laptop:before {
  content: "\e957";
}
.arcania-ico-mobile2:before {
  content: "\e959";
}
.arcania-ico-diagnostic:before {
  content: "\e907";
}
.arcania-ico-shopping-basket:before {
  content: "\e903";
}
.arcania-ico-tap:before {
  content: "\f19d";
}

.ui-draggable-dragging {
    height: 35px !important;
}

.card-container {
    width: 200px;
}

.card .card-heading .icon-set {
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
    padding: 10px;
}

.e-appointment .icon-delete {
    position: absolute;
    right: 5px;
    top: 5px;
}

.card {
    -webkit-box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
    font-family: 'roboto',sans-serif;
    padding: 13px;
    height: 100%;
    background: #fff;
}
.card-heading {
    display: block;
    padding: 25px 5px;
    font-size: 20px;
    margin-bottom: 15px;
    text-decoration: none;
}

.e-agendacellstab .app--full{
    border: none;
    position: static;
}


.app--full {
    border: 1px solid #fff;
    border-radius: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.card {
    max-width: 200px;
    width: 100%;
}




.card-data__detail__duration,
.card-data__detail__contact-name,
.card-data__detail__contact-mail,
.card-data__detail__contact-object {
    display: block;
}

.card-data__link {
    text-decoration: none;
    color: #000;
}

.card-data__footer {
    display: flex;
    justify-content: flex-end;
}

.e-icon.e-schedulemouseclose:before {
    content: "";
    display: none !important;
}


.card-heading__closer {
    position: absolute;
    top: -1px;
    left: 0;
    width: 113%;
    display: flex;
    justify-content: flex-end;
    font-weight: bolder;
}

.custom-switch-control {
    width: 40%;
    display: inline-block;
    margin: 10px;
}

.custom-switch-control .switch-control__label{
    width: 100% !important;
}

.custom-switch-control .switch-control__appearance {
    width: 100% !important;
}
    .custom-switch-control .switch-control__appearance::before {
        width: 100% !important;
        border-radius: 0;
    }
    .custom-switch-control .switch-control__appearance::after {
        display: none !important;
    }

    .custom-switch-control .switch-control__text--right{
       left: 15px !important;
       right: inherit !important;
    }

.filter-action-container .custom-switch-control {
    display: inline-block;
}

.filter-action-container {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin: 10px 0;
    bottom: 20px;
}

#Schedule1,
.mapContainer {
    display: inline-block;
}

.mapContainer {
    width: 49%;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0;
}

.map {
    position: relative;
    width: 100%;
    height: 100%;
}
.map-btn-container {
    position: absolute;
    right: 9%;
}

.map-btn-container .js-switch-control--half,
.map-btn-container .switch-control__label,
.map-btn-container .switch-control__appearance,
.map-btn-container .switch-control__appearance::before{
    width: 200px;
}

.map-btn-container .switch-control__appearance::after {
    display: none;
}

.map-btn-container .switch-control__appearance .icon-map {
    font-size: 20px;
    left: 25px;
    position: absolute;
    top: 10px;
    color: #fff;
}

.map-btn-container .switch-control__input:checked ~ .switch-control__label .switch-control__appearance:before {
    background-color: #41b983;
}

.map-btn-container .switch-control__input:checked ~ .switch-control__label .switch-control__appearance .icon-map {
    right: 25px;
    left: inherit;
    position: absolute;
    top: 10px;
}

.appointment__sidebar {
    position: relative;
    height: 82vh;
}

.mapContainer.hide{
    display: none;
}

.main-no-padding {
    padding-bottom: 0;
}

.js-close-hover{
    cursor: pointer;
}

#minimal-duration {
    margin-top: -5px;
    padding-left: 6px;
}

.schedule-widget li.history-list__item{
    position: relative;
}

.schedule-widget li.history-list__item .js-event-done{
    position: absolute;
    right: 10px;
    top: 20px;
}

.schedule-widget li.history-list__item  a{
    color: #000;
    text-decoration: none;
}

.card-data__description {
    max-height: 100px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-all;
    margin: 0 10px;
}

[class^="e-detail-"], [class*="e-detail-"]{
    display: none;
}

.e-mode--day .e-detail--day{
    display: inline-block;
}

.e-mode--day .e-detail--day:not(:last-child ):after {
    content: "|";
    margin: 0 15px;
}

.e-mode--agenda .e-detail--day {
    display: inline-block;
}

.e-mode--agenda .e-detail--day:not(:last-child ):after {
    content: "|";
    margin: 0 15px;
}

.e-mode--week .e-detail--week,
.e-mode--workweek .e-detail--week {
    display: block;
}

.e-mode--month .e-detail--month {
    display: inline-block;
}

tr.e-headerbar .e-resourcecells{
    border-right: 1px solid #000 !important;
}

.e-scheduleoutertable.e-mode--workweek td.e-headercells:nth-child(5n),
.e-scheduleoutertable.e-mode--workweek td.e-alldaycells:nth-child(5n),
.e-scheduleoutertable.e-mode--workweek td.e-workcells:nth-child(5n) {
    border-right: 1px solid #000 !important;
}

.e-scheduleoutertable.e-mode--week td.e-headercells:nth-child(7n),
.e-scheduleoutertable.e-mode--week td.e-alldaycells:nth-child(7n),
.e-scheduleoutertable.e-mode--week td.e-workcells:nth-child(7n) {
    border-right: 1px solid #000 !important;
}

.e-scheduleoutertable.e-mode--day td.e-headercells:nth-child(n),
.e-scheduleoutertable.e-mode--day td.e-alldaycells:nth-child(n),
.e-scheduleoutertable.e-mode--day td.e-workcells:nth-child(n) {
    border-right: 1px solid #000 !important;
}

.e-scheduleoutertable.e-mode--month td.e-headercells:nth-child(7n),
.e-scheduleoutertable.e-mode--month td.e-alldaycells:nth-child(7n),
.e-scheduleoutertable.e-mode--month td.e-monthcells:nth-child(7n) {
    border-right: 1px solid #000 !important;
}

#Schedule1alertWindow_wrapper {
    max-width: 34em;
    max-height: 200px !important;
}

.ds-schedule-pms{
    width: 100%;
}

/** Scheduler Layout update*/
.custom-event-editor td,
.custom-event-editor th {
    padding: 10px 5px;
}

.appointment.js-appointment .appointment__header {
    min-height: 50px;
    background: transparent;
}


.appointment__header .map-btn-container {
    right: 2%;
}
.operation-schedule__container .e-schedule .e-horizontalrestd {
    width: 145px;
}

.operation-schedule__container .e-schedule .e-resourceheadertext {
    margin-left: -5px !important;
    white-space: normal;
}

.operation-schedule__container .e-schedule .e-resource-cells label {
    width: 100%;
    height: 42px;
    display: inline-block;
    padding-left: 46px;
    position: relative;
    font-size: 1rem;
    line-height: 39px;
    color: #333333;
    border: 1px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color 0.3s ease-in;
}

    .operation-schedule__container .e-schedule .e-resource-cells label:before {
        background: #efb698;
        content: attr(data-value);
        color: #ffffff;
        text-align: center;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        transition: all 0.3s ease-in;
        line-height: 37px;
    }

    .operation-schedule__container .e-schedule .e-resource-cells label:after {
        content: '\e916';
        font-family: "icomoon";
        color: #ffffff;
        text-align: center;
        line-height: 42px;
        opacity: 0;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        transition: all 0.3s ease-in;
    }

.operation-schedule__container .e-schedule .e-resource-column-table tr:nth-child(2n) .e-resource-cells label:before {
    background: #5fc0ec;
    content: attr(data-value);
    color: #ffffff;
    text-align: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all 0.3s ease-in;
    line-height: 37px;
}

.operation-schedule__container .e-schedule .e-resource-column-table tr:nth-child(2n) .e-resource-cells label:after {
    content: '\e916';
    font-family: "icomoon";
    color: #ffffff;
    text-align: center;
    line-height: 42px;
    opacity: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all 0.3s ease-in;
}

.operation-schedule__container .e-schedule .icon-preplanned, .operation-schedule__container .e-schedule .icon-subcontracted {
    width: 40px;
    height: 40px;
    background: #9a9a9a;
    border-radius: 50%;
    transition: all 0.3s ease-in;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    word-break: break-all;
}

    .operation-schedule__container .e-schedule .icon-preplanned:before {
        font-size: 2.1428571429rem;
        margin-left: -3px;
        color: #ffffff;
        content: "\e9be";
    }

    .operation-schedule__container .e-schedule .icon-subcontracted:before {
        font-size: 2.1428571429rem;
        color: #ffffff;
        content: "\e933";
    }

.operation-schedule__container .e-schedule .prep-sub-name {
    word-break: break-all;
    margin-left: -6px;
    margin-top: 5px;
    font-size: 1rem;
    line-height: 29px;
}

.rounded-color-info {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
}

.appointment.viewmap .mdl-button.btn-app-viewmap {
    position: relative;
}

.services_operations_page .section-vehicle-crew .appointment__content .priority-list.radio-menu-list .priority-list__item {
    flex: 0 0 21% !important;
    margin-bottom: 0 !important;
    padding: 15px;
    margin-left: 0;
}

    .services_operations_page .section-vehicle-crew .appointment__content .priority-list.radio-menu-list .priority-list__item.grid-flex5 {
        flex: 0 0 17% !important;
    }

    .services_operations_page .section-vehicle-crew .appointment__content .priority-list.radio-menu-list .priority-list__item.grid-flex2 {
        flex: 0 0 40% !important;
    }

.viewmap .appointment__schedule-footer {
    margin-left: -20px;
    margin-right: -20px;
}

.priority-list.radio-menu-list--pills .priority-list__item input[type="checkbox"] + label {
    min-height: 50px;
    background: transparent;
    border-radius: 45px;
    padding: 0 25px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: initial;
}

.priority-list.radio-menu-list--pills .priority-list__item input[type="checkbox"]:checked + label {
    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);
}

.priority-list.radio-menu-list input[type="checkbox"]:checked + label::before {
    background: #fff;
}

.status.operation_packing_freight {
    color: #fbb32d;
    text-transform: capitalize;
}

    .status.operation_packing_freight:before {
        background: #fbb32d;
    }

.appointment__sidebar .mdl-button.btn-app-closesidemenu {
    display: block;
}

.appointment__sidebar .tab-sidbar-links {
    min-height: 60px;
}

.tab-sidbar-links .tab.active {
    background: #f6f6f6;
}

.tab-sidbar-links {
    background: #f6f6f6;
    color: #cc0000;
}

    .tab-sidbar-links .tab {
        width: 60px;
        height: 60px;
        line-height: 60px;
        justify-content: center;
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 1.0714285714rem;
        color: #1a1a1a;
        background: #fff;
        display: flex;
        float: left;
        position: relative;
        border: 0;
        margin: 0;
        text-transform: uppercase;
        text-align: center;
        font-weight: 500;
        overflow: hidden;
        text-decoration: none;
        align-items: center;
        
    }

.tab-sidbar-links .tab i {
    margin-left: 0 !important;
    font-size: 24px;
    font-size: 1.7142857143rem;
    color: #9a9a9a;
}

    .tab-sidbar-links .active .icon-road:before,
    .tab-sidbar-links .active .icon-people:before,
    .tab-sidbar-links .active .icon-leads:before,
    .tab-sidbar-links .active .icon-tools-box:before,
    .tab-sidbar-links .active .icon-multi-operation:before {
        color: #cc0000;
    }

.box-schedule {
    padding: 3px;
    font-size: 9.5px;
    line-height: 1.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    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: block;
    width: 100%;
}


.e-lib.e-schedule .e-timeline-view .e-appointment, .e-lib.e-schedule .e-timeline-month-view .e-appointment {
    height: 50px!important;
}

/* we do not blur the appointment when read-only as it changes the color of the appointment */
.e-lib.e-schedule .e-read-only {
    opacity: 1;
}

.e-content-wrap, .e-date-header-container, .e-resource-column-wrap {
    height: unset !important;
}

.e-content-wrap{
    padding-bottom:10px;
}

#VehicleSchedule, #CrewSchedule, #EquipmentSchedule {
    height: unset !important;
}

#sidemenu__button, #rightSideMenu__button {
    top: 6px !important;
    height: 25px;
    width: 45px;
}

.e-resource-left-td{
    width:180px!important;
}

.mdl-button.btn-app-sidemenu.is-hide {
    width: 0 !important;
}

.is-vip {
    color: #cc0000
}

.e-appointment {
    background: none !important;
}

.schedule-title {
    display: block;
    text-align: center;
}

/* Content of the schedule (to handle fullscreen mode) */
.e-workcellstab {
    width: 100% !important;
}

/* Header displaying the days (Mon 23, Tue 24, etc.) */
.e-horizontaltimecells .e-table .e-table {
    width: 100%;
}

/* AM/PM header */
.e-schedule .e-time-slots {
    text-align: center;
}

.e-horizontaltimecells.e-horizontaltimecellsht {
    border-bottom: 1px solid #e0e0e0 !important;
    height: 50px;
}

.e-horizontaltabletimecell {
    display: none;
}

#showMap__button span, #hideMap__button span {
    line-height: 14px;
}

#showMap__button .icon-map:before {
    content: "\e972";
}

#hideMap__button {
    display: none;
    background: #9a9a9a;
}

    #hideMap__button .icon-map:before {
        content: "\e973";
    }

.googleMapMarkerTooltip {
    width: 100%;
    height: 100%;
    color: #fff;
    cursor: pointer;
}

.googleMapMarkerTooltip div {
    padding: 5px;
}

#sidemenu__button {
    top: -3px;
}

.e-horizontalheaderdiv {
    width: 140px;
}

.operation-schedule__container .e-appointment .icon-delete {
    position: absolute;
    right: 8px;
    top: 6px;
    font-size: 1rem;
    cursor: pointer;
}

.operation-schedule__container .e-appointment .icon-map {
    position: absolute;
    right: 8px;
    top: 30px;
    font-size: 1rem;
    cursor: pointer;
}

.custom-dialog > .e-dlg-header-content {
    background: #1a1a1a;
}

.custom-dialog .e-dlg-header {
    color: #ffffff;
    font-size: 1.1428571429rem !important;
}

.custom-dialog .e-icon-dlg-close {
    color: #ffffff;
}

#deletePlanningDialog__container .mdl-button.btn-accent-1, #deletePlanningDialog__containerV2 .mdl-button.btn-accent-1 {
    background: #29af7f;
    border: 1px solid transparent;
    color: #fff;
    font-weight: unset;
    line-height: 35px;
}

#deletePlanningDialog__container .mdl-button.btn_cancel, #deletePlanningDialog__containerV2 .mdl-button.btn_cancel {
    font-weight: unset;
    line-height: 35px;
    color: #000;
}

    #deletePlanningDialog__container .mdl-button.btn_cancel:hover, #deletePlanningDialog__containerV2 .mdl-button.btn_cancel:hover {
        background: #dcdcdc
    }

#deletePlanningDialog__container .e-dlg-content, #emptyPlanningMessageDialog__container .e-dlg-content, #deletePlanningDialog__containerV2 .e-dlg-content {
    padding: 20px;
    font-size: 1rem;
}

.operation-schedule__container .e-schedule .e-date-header-container .e-header-cells {
    text-align: center;
}

.appointment__content {
    overflow: auto;
}

/*#operationDetailsDialogTpl .enquiry-detail__content {
    padding-right: 40px!important;
    padding-left: 40px!important;
    padding-top:40px!important;
}*/


#openEditAdditionalEquipment {
    display: none;
}

#collectionFromWarehouseSummary__form .planningAdditionalEquipment {
    margin-top: 0px !important;
    margin-right: 0px !important;
}

.letter__container {
    display: flex;
    overflow-wrap: break-word;
}

.v-alight--top {
    vertical-align:top!important;
}


#operationDetailsDialogTpl #collectionFromWarehouseSummary__form .enquiry-detail__action,
#operationDetailsDialogTpl #collectionFromTerminalSummary__form .enquiry-detail__action {
    margin-left: unset;
}


@media screen and (max-width: 1240px) {
    .collection-delivery__container {
        display: block !important;
    }

    .address-specificities__container {
        height: unset !important;
    }

    .delivery-address__container {
        margin-top: 40px;
    }

    .delivery-address__spacer {
        margin-top:0px!important;
    }

}

.hideBothAddressSpecificities {
    display: none;
}


.height-address__container {
    height: 175px;
}

.zipCode__container, .zipCode__container span {
    width: 100px !important;
}

.height-address__container .info-list__item > span {
    word-break: unset;
}

.content-wrap section {
    max-width: unset !important;
}

.address-specificities__container {
    height: 125px;
}

.bookingAccordion__block:not(:last-child) .accordion__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}


#shipmentDetails__block .accordion__item-bg.is-active {
    background: unset;
}

#shipmentDetails__block .accordion__item-bg.is-active .accordion__tab > div {
    background: unset;
}

#operationDetailsDialogTpl .enquiry-detail__action {
    max-width: unset;
    /*margin-top: 0px !important;*/
}

#operationDetailsDialogTpl .configuration__sidebar--right {
    margin-left: unset !important;
}

#scheduledPeriod__block ul.info-list.info-list--horizontal .info-list__item span.e-icon {
    width: unset;
    margin-right: 10px;
}

#scheduledPeriod__block ul.info-list.info-list--horizontal .info-list__item {
    display: flex;
    align-items: center;
    cursor: default;
}

#emptyContainerReturnSummary__form .street__container {
    min-height: 170px;
}

.e-dialog > .e-titlebar {
    padding: 20px!important;
}

#cancelOperationDialog_title {
    width:auto;
}

#cancelOperationDialog_wrapper .e-dialog-icon:hover {
    background: none!important;
}

#cancelOperationDialog_wrapper .e-dialog-icon:before {
    color: #ffffff !important;
}

#label_FreightBookingActualArrivalDate, #label_FreightBookingActualArrivalDate, #label_FreightBookingDemurrageFeesStartDate,
#label_FreightBookingContainerDetentionFeeStartDate, #label_FreightBookingExpectedCustomsClearanceDate, #label_FreightBookingAirportStorageDate {
    width: 90%;
}

.operations-followup__container .e-non-edit .e-label-top {
    color: #4d56a4 !important;
}

#airFreightBookingSummary__form .operations-followup__container .e-input-group.e-valid-input, 
#freightBookingSummary__form .operations-followup__container .e-input-group.e-valid-input {
    border-bottom-color: unset;
}

.unset-cursor__header-line li {
    cursor:default!important;
}

/* "Select All" checkbox on the left panel */
.selectAllFilters__block .dropdown-list__item {
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

    .selectAllFilters__block .dropdown-list__item input[type="checkbox"] + label:before {
        background: #cccccc;
    }

#collapse-leftMenu__button {
    background: #fff;
    padding-right: 5px;
    background: white;
    padding-bottom: 20px;
}

#leftPanel__block .dropdown-list__item {
    padding-left: 0px !important;
}

#operationTypes-panel .dropdown-list__item input[type="checkbox"] + label:before {
    background: #cccccc;
}


.operation-list-items {
    width: 85%;
    height: auto;
    display: inline-block;
    white-space: pre-wrap;
    line-height: 1.5;
    vertical-align: top;
    margin-top: 0px;
}

.appointment__list .dropdown-list__item:not(:last-child) {
    margin-bottom: 5px;
    padding-bottom: 5px;

}

#operationTypes-panel .dropdown-list__item {
    width: 100%;
}

.operation-schedule__container span {
    height: auto;
    display: inline-block;
    white-space: pre-wrap;
    line-height: 1.5;
}

.operation-schedule__container .e-resource-cells.e-child-node {
    padding-left: 10px!important;
}

#leftPanel__block .mdl-tabs--icons .mdl-tabs__panel {
    padding: 15px;
}

.appointment__schedule {
    padding-top: 15px;
}

.btn-viewmap_container .mdl-button, .btn-viewsearch_container .mdl-button {
    height: 35px
}

.appointment .appointment__content {
    padding: 0 15px;
    overflow: unset;
}

.mdl-button.btn-app-sidemenu {
    left: 20px;
}

.appointment__header {
    height: auto;
}


.height-address-container-summary {
    height: 225px;
}

.address-specificities-container-summary {
    height: 90px;
}
#operationhistorylog__grid .e-grid .e-gridheader, #operationhistorylog__grid .e-grid .e-gridcontent, #operationhistorylog__grid .e-grid .e-pager, #operationhistorylog__grid .e-grid .e-pager .e-pagercontainer {
    background: transparent;
}

operationhistorylog__grid .e-grid .e-gridcontent .e-table {
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
}

#operationhistorylog__grid .e-grid .e-gridcontent .e-table tr {
    position: relative;
    height: 48px;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: background-color;
    background-color: transparent;
}

    #operationhistorylog__grid .e-grid .e-gridcontent .e-table tr td {
        padding: 20px 18px;
        border-bottom: 1px solid rgba(0,0,0,.12) !important;
    }

#operationhistorylog__grid .e-grid .e-gridheader .e-table th {
    vertical-align: bottom;
}

#followUpInfoActualVolume__input {
    width: 160px;
}

#OperationSummary_FollowUpInformation_ActualVolumeUnitId_wrapper {
    margin-left: 20px;
    width: 70px;
}

#excessVolumeAlertDialog, #reasonNoAddendumDialog {
    background: #fff;
}

    #excessVolumeAlertDialog .icon-caution, #reasonNoAddendumDialog .icon-caution {
        font-size: 3rem;
        color: #c00;
    }

    #excessVolumeAlertDialog .mdl-button.btn-accent-1, #reasonNoAddendumDialog .mdl-button.btn-accent-1 {
        background: #29af7f;
        border: 1px solid transparent;
        color: #fff;
    }

    #reasonNoAddendumDialog .mdl-button[disabled] {
        cursor: not-allowed;
    }

#reasonNoAddendumDialog_wrapper .reasonNoAddendum__input:focus {
    outline: none;
}

.icon-acknowledge {
    color: #29af7f;
}

.info-popup {
    min-height: 100px !important;
    height: unset !important;
    top: 58px;
    bottom: unset;
    padding: 15px;
}


.operation-summary-stepper .stepper__navigation--bordered {
    top: unset !important;
}

li.stepper__item {
    /*width: 190px !important;*/
    /*height: 2em;*/
    text-align: center;
    line-height: 2em;
    margin: 0 1em;
    display: inline-block;
    color: white;
    position: relative;
    padding: 0 !important;
}

div.stepper.js-stepper.operation-summary-stepper {
    display: flex;
}

#selectOperationTypeDialog__container_dialog-content {
    padding: 18px;
}

.content-wrap section {
    max-width: unset !important;
}

.name-field__section .e-control-wrapper {
    position: relative;
    top: 4px;
    margin-bottom: 1px;
}

#label_DocumentValidityDate {
    position: absolute;
    top: 0px;
}

#longCommentNoEvent {
    width: 300px;
    display: inline-block;
    white-space: normal;
    overflow: visible;
}

#longComment {
    width: 300px;
}


#textAreaCommentDelivery, #textAreaCommentLoading {
    width: 300px;
    resize: none;
    overflow: auto;
    border: none;
}

@media screen and (max-width: 1240px) {
    #longComment {
        width: 100%;
    }

    #textAreaDiv {
        width: 100%;
    }

        #textAreaDiv > #textAreaCommentDelivery {
            width: 100%;
        }

        #textAreaDiv > #textAreaCommentLoading {
            width: 100%;
        }

    .collection-delivery__container {
        display: block !important;
    }

    .address-specificities__container {
        height: unset !important;
    }

    .delivery-address__container {
        margin-top: 40px;
    }

    #longCommentNoEvent {
        width: 100%;
    }
}

}

/*use for edit icon in popup*/
.ico-edit-btn {
    top: 7px;
    position: relative;
}

.operationSummary_displayLoadingAddress, .operationSummary_displayDeliveryAddress {
    width: 100%;
}

#loadingAddress__block, #deliveryAddress__block {
    margin-bottom: 0px !important;
    border-bottom: 0px !important;
}


/* history log */
#operationhistorylog__grid .accordion__panel.accordion__panel--transparent {
    padding: 0;
}


#operationSummaryHistoryLogGrid_content_table {
    padding: 0 15px;
}

#operationhistorylog__grid .e-grid .e-gridcontent .e-table tr td {
    padding: 5px 18px;
}

#operationhistorylog__grid .e-headercelldiv:not(:first-child) {
    padding-left: 0;
}

#operationhistorylog__grid .e-headercelldiv:not(:first-child) {
    padding-left: 0 !important;
}

#operationhistorylog__grid .e-grid .e-gridheader .e-table th {
    vertical-align: middle !important;
}

#additionalInfo .textAreaAdd {
    width: 100%
}

.packing-period ul.info-list.info-list--horizontal .info-list__item {
    display: flex;
    align-items: center;
    cursor: default;
}

.packing-period ul.info-list.info-list--horizontal .info-list__item span.e-icon {
    width: unset;
    margin-right: 10px;
}

[data-value="0"],
[data-value=""],
option[value=""] {
    display: none;
    visibility: hidden;
}

.e-multi-select-list-wrapper [data-value="0"] {
    display: inherit;
    visibility: visible;
}

[class^='mdl-'] select:not(.select-not-hidden):not(.allocation),
[class*='mdl-'] select:not(.select-not-hidden):not(.allocation) {
    border: none;
    opacity: 0;
    background: transparent;
}

.radio-menu-container .field-validation-error, #radio-service-requested .text-danger {
    visibility: visible;
    color: #d50000;
    font-size: 12px;
    margin-top: 3px;
    display: block;
    white-space: nowrap;
}


.stepper__navigation-step.is-active[disabled][disabled] {
    cursor: default;
}

.stepper__navigation-step.current-step[disabled][disabled] {
    height: 45px;
}

.stepper__navigation-step.current-step .step-text {
    border-bottom: 3px solid red;
}

#formCreateContact #title {
    display: block;
}

#formCreateContact .mdl-selectfield .field-validation-error, #frmShipment .mdl-selectfield .field-validation-error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    display: none;
}

#formCreateContact .field-validation-error, #frmShipment .field-validation-error {
    display: none;
}

.leads-creation-form .label, .required-label {
    white-space: nowrap;
}

.language-popup .custom-card__intro {
    display: block;
}

#group-pms {
    display: none;
}

.mandatory-span {
    color: red;
}

.chat__conversation {
    margin-bottom: 40px;
    height: 300px !important;
}

.shadow__input {
    pointer-events: none;
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    bottom: 21px;
    z-index: 10;
    background: #fff;
    font-family: "robotolight",Arial,Helvetica,sans-serif;
    font-size: 1rem;
    color: #1a1a1a;
    overflow: hidden;
    word-break: break-all;
}

.form-control-group {
    justify-content: space-between !important;
}

.js-partial-address-geo .mdl-textfield__input {
    padding: 5px 0 !important;
}

.container-row .form-control--combo > :not(:last-child) {
    margin: 0 5px;
    min-width: 30px;
    min-height: 30px;
}

.container-row .btn-remove-row {
    width: auto;
}

.container-row .add-btn__icon {
    height: 20px;
    width: 20px;
    line-height: 15px;
}

.formTemplate {
    display: none;
}

input[data-role^='ej'],
input[data-role*='ej'] {
    border: none;
    background: transparent;
    color: transparent;
}


.gridform.e-display .form__section-col .form-control-group {
    display: flex;
}

    .gridform.e-display .form__section-col .form-control-group input {
        text-align: left !important;
    }

.custom-dialog .listOfCorporateDialog.e-dialog.e-box {
    padding: 0;
}

.custom-dialog .listOfCrmLeadDialog.e-dialog.e-box {
    padding: 0;
}

#corporateGrid.e-grid tbody {
    max-height: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}

#crmleadGrid.e-grid tbody {
    max-height: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}

#frmShipmentInfo .form-control:not(:last-of-type) {
    margin-right: 0;
}

/*CUSTOM GRID ICON*/
.grid-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.mdl-button--icon.btn-circle.grid-icon.transport-icon .mot--primary {
    color: red;
}

/*.e-overlay.e-widget{
    pointer-events: none !important;
}*/

ul.sub-menu-content {
    overflow-y: hidden;
    overflow-x: hidden;
}

    ul.sub-menu-content:hover {
        overflow-y: auto !important;
    }

    ul.sub-menu-content::-webkit-scrollbar {
        width: 5px;
    }


    ul.sub-menu-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    }


    ul.sub-menu-content::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(255,0,0,0.8);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    }

        ul.sub-menu-content::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(255,0,0,0.1);
        }


.item-info a {
    text-decoration: none;
    padding: 10px 5px;
}

.mdl-menu__item .item-info__title .mdl-button--icon {
    margin: 0 15px 0 -5px;
}

.followUpDialog.e-dialog.e-js {
    padding: 0px !important;
    /*background-color: #1a1a1a;*/
    background: #fff;
}

.followUpDialog.e-dialog .custom-card.popup-card {
    margin-bottom: 0;
    max-height: 100vh;
    height: 95%;
}

    .followUpDialog.e-dialog .custom-card.popup-card .mdl-card__supporting-text {
        padding: 0;
    }

.follow-up-Schedule .appointment, .js-appointment {
    width: 100%;
    margin: 0;
}

.followUpDialog .e-schedule.e-scheduleouter {
    max-height: initial !important;
}

#followUpDialog_wrapper.custom-dialog {
    left: calc(50% - (1060px/ 2));
    height: calc(100vh - 10%) !important;
    max-width: 1060px;
    min-width: 1060px !important;
    width: 1060px !important;
}

#followUpDialog_wrapper .appointment__header > *:not(:last-child) {
    margin-right: 16px;
}

.appointment__header .btn-fullscreen.pms-close-button {
    margin-left: 0 !important;
}

.appointment__header .mdl-button.btn-pill {
    background: transparent !important;
}

    .appointment__header .mdl-button.btn-pill input {
        display: none;
    }

    .appointment__header .mdl-button.btn-pill:hover,
    .appointment__header .mdl-button.btn-pill.is-active {
        background: #4d56a4 !important;
    }

.info-list--horizontal.container-ul:not(:last-child) {
    margin-bottom: 0;
}


.form-control.js-type-of-container {
    display: block;
    height: 52px;
}

    .form-control.js-type-of-container .container-type {
        display: flex;
        align-items: center;
    }

.container-type {
    min-width: 100% !important;
}

    .container-type .js-dropdown {
        width: 200px;
    }

.container--type-of-container {
    margin-bottom: 70px;
}

/* FORCE CHANGE*/
.mdl-menu__container.is-upgraded.is-visible {
    right: 0 !important;
    top: 0 !important;
}

.mdl-button--small.mdl-button--icon {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    min-height: 30px;
    min-width: 30px;
    width: 30px;
}

.container-link .item-info__title {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: -7px !important;
}

.e-headercells.e-currentdayhighlight {
    background-color: #000 !important;
}

    .e-headercells.e-currentdayhighlight .e-headerdaydisplay {
        font-weight: bolder;
        font-size: 1.3em;
    }

.custom-dialog #newContactDialogContents.e-dialog.e-widget-content {
    padding: 0;
}

.mdl-card--cartridge .mdl-card__title, .timeline-list-legends__item {
    white-space: nowrap;
}

.icon-leads.mdl-badge[data-badge]::after {
    border: 2px solid #1a1a1a;
}

.mdl-badge[data-badge]::after {
    width: 25px;
    height: 25px;
    top: -10px !important;
}

.leads-qualification-form .switch-control__text {
    top: 10px;
}

.e-grid .e-headercelldiv {
    padding: 15px !important;
}

.e-grid .e-textover .e-headercelldiv[data-ej-mappingname="AllocatedCoordinatorId"] {
    text-align: center !important;
}

.e-grid .e-gridheader .e-headercell[title="ALLOCATED TO"] {
    text-align: center;
}

.user-avatar-left {
    width: 20%;
}

.app-layout__header .user-avatar.large {
    margin: 0 auto;
}

.user-account-info {
    width: 80%;
}

.e-schedule.e-scheduleouter {
    max-height: calc(100vh - 180px);
}

.app-layout__sidebar-nav .mdl-navigation .mdl-navigation__link {
    background: #1A1A1A;
}

.sub-menu-content {
    z-index: -10;
}

.listOfCorporateDialog .formTemplate {
    display: block;
}

.app-layout__sidebar-nav .mdl-navigation .sub-menu-content .mdl-navigation__link {
    font-size: 95%;
}

.form--inline-elements {
    display: flex;
    justify-content: space-between;
}

    .form--inline-elements .mdl-textfield {
        display: inline-block;
        margin: 0;
    }

    .form--inline-elements .form--inline-elements--small {
        width: 15%;
    }

    .form--inline-elements .form--inline-elements--medium {
        width: 25%;
    }

.custom-dialog .custom-dialog.custom-dialog--half-width.e-dialog-wrap {
    max-width: 450px !important;
}

.no-resize {
    resize: none !important;
}

.switch-control.switch-control--half {
    width: 50%;
}


.app--overlay {
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.form-control--quarter-width {
    width: 20%;
}

#isFullVersion .switch-control__text {
    top: 10px;
}

#AgentLeadsGrid th:nth-child(12), #PrivateLeadsGrid th:nth-child(11),
#InternetLeadsGrid th:nth-child(10), #CorporateLeadsGrid th:nth-child(11) {
    text-align: center;
}

#customWindow_wrapper .e-hscrollbar {
    display: none;
    opacity: 0;
    pointer-events: none;
}

.general-search__button.mdl-button mdl-js-button {
    background: #fff;
}

.app-layout__header .account-menu.mdl-menu__item {
    padding: 0 12px;
}

.form scope-of-service .mdl-tabs__panel.is-active {
    padding: 30px 90px;
}

input#Name, input#FirstName, .text-transform-name {
    text-transform: capitalize;
}

input#Surname, input#LastName, .text-transform-lastname {
    text-transform: uppercase;
}

#formEditProfile .switch-control__text {
    top: 10px;
}

.user-profile .enquiry-detail__description {
    margin: 0 auto;
}

    .user-profile .enquiry-detail__description .mdl-card__supporting-text {
        grid-template: 1fr 0fr/repeat(3, 1fr);
        grid-template-areas: none;
        grid-template-rows: 1fr 0fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .user-profile .enquiry-detail__description .text-col:first-child {
        grid-area: 1 / 1 / 2 / 2;
    }

    .user-profile .enquiry-detail__description .text-col:nth-child(2) {
        grid-area: 1/ 2/ 2 /4;
        border-right: none;
        border-top: none;
    }

.user-profile .info-group:not(:last-child) {
    border-bottom: none;
}

.user-profile .mandatory-div {
    text-align: right;
}

.user-profile .form-control-group {
    margin-top: 20px;
}

.user-profile .notification-block {
    border-bottom: 1px solid #dcdcdc;
}

.user-profile .widget-block h2 {
    margin-top: 20px;
}

.user-profile .custom-card .mdl-card__actions::before {
    background: none;
}

.custom-dialog .e-dialog-icon.e-icon.e-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 0;
}

    .custom-dialog .e-dialog-icon.e-icon.e-close::before {
        position: absolute;
        top: 22px;
        left: 22px;
    }

    .custom-dialog .e-dialog-icon.e-icon.e-close:hover {
        border: 2px solid #e0e0e0;
    }

.custom-dialog .e-dialog.e-widget-content {
    padding: 25px;
}

#AddCorporateTemplate {
    padding: 30px 45px;
}

    #AddCorporateTemplate #Activity {
        display: block;
    }

    #AddCorporateTemplate #Activity_validationMessage {
        white-space: normal;
    }

    #AddCorporateTemplate #Activity label, #ActivityCorp label {
        min-width: auto;
    }

    #AddCorporateTemplate #Activity li, #ActivityCorp li {
        margin-right: 0;
        width: auto;
    }


.general-search .e-atc {
    height: 100%;
}

.generalsearch-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #000;
}

#CorporateLeadsGrid .e-groupdroparea {
    display: none;
}

.master-menu {
    height: 100%;
    min-height: calc(100vh - 80px);
    /*min-height: calc(100vh - 100px);*/
    background: #1A1A1A;
}

#CorporateList .mdl-card.custom-card.custom-card--bordered {
    margin-bottom: 0;
}

#CorporateList #corporateGrid .corporate-name::first-letter {
    text-transform: uppercase;
}

#CorporateListTemplate .leads-list__filter.js-leads-list-filter {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#CorporateListTemplate .js-createCorporate.btn-primary {
    position: absolute;
    right: 20px;
}

#AddCorporateTemplate .mdl-card__title.custom-popup-generic {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

#AddCorporateTemplate .custom-card .mdl-card__actions:before {
    top: 0;
    left: 0;
    width: 0%;
}

#AddCorporateTemplate .mdl-card__title {
    border-bottom: none;
}

.custom-card .mdl-card__title small {
    font-family: "robotolight_italic",Arial,Helvetica,sans-serif;
    font-size: .8571428571rem;
    line-height: 11px;
}

    .custom-card .mdl-card__title small.mandatory {
        width: 100%;
        text-align: right;
    }

#CorporateList .custom-card .mdl-card__actions::before {
    background: none;
}

.corporate-dialog.custom-dialog {
    top: 100px !important;
}

.grid-corporate-col-name, .corpoarteListDropDown input.e-input {
    text-transform: capitalize;
}

#formCreateContact .textAreaAdd {
    resize: none;
}

.textAreaAdd, #formCreateContact .textAreaAdd {
    height: 100px;
    overflow-y: auto;
}

    /**  STYLE 10 */
    .textAreaAdd::-webkit-scrollbar-thumb {
        border-radius: 16px;
        background: #dcdcdc;
    }

    .textAreaAdd::-webkit-scrollbar-track {
        border-radius: 16px;
        background: transparent;
        opacity: .5;
    }

    .textAreaAdd::-webkit-scrollbar-thumb:hover {
        background: #dcdcdc;
        opacity: .5;
    }


    .textAreaAdd::-webkit-scrollbar {
        width: 4px;
        background-color: transparent;
    }

.mdl-js-menu[for="todo-menu"] .mdl-menu__item .history-list__content-badge--proposal {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard-lead-creation .custom-card {
    margin-top: 20px;
    margin-bottom: 20px;
}


.e-atc-popup .e-category {
    background: #e0e0e0;
}

.e-atc-popup .e-ul li {
    border-bottom: 1px solid #e0e0e0;
}

.crm-grid-search {
    display: flex;
    justify-content: flex-end;
}

.btn-tips-container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

    .btn-tips-container .add-btn {
        width: 150px;
    }

.service-tabs li {
    cursor: pointer;
}

.mdl-tabs--sm.content-holder .mdl-tabs__tab {
    width: 33%;
}

.email-tbl {
    width: 25% !important;
}


.email-fld {
    width: 25% !important;
}

.email-tpl {
    width: 25% !important;
}

.email-btn {
    width: 10% !important;
}

.notifs {
    background-color: white !important;
}

.trigger-tbl {
    width: 25%;
}

.trigger-fld {
    width: 25%;
}

.trigger-val {
    width: 25%;
}

.trigger-btn {
    width: 10%;
}

.recipient-tbl {
    width: 40%;
}

.recipient-fld {
    width: 40%;
}

.recipient-btn {
    width: 10%;
}

.type {
    width: 30%;
}

.hide {
    display: none;
}

.content {
    display: none;
}

input:checked + span,
input:checked + input {
    display: block;
}



.show-all {
    float: left;
}

/*.active {
    float:left;
} destroy scope css*/

.test {
    justify-content: flex-end !important;
}

.save:hover {
    background-color: white !important;
    border-color: #41b983 !important;
    color: grey !important;
}

.save {
    background-color: #41b983 !important;
}

.holder {
    padding-bottom: 0 !important;
}

#operationalAddressesDiv .mdl-tabs__panel-sm {
    max-width: 100%;
    padding: 40px !important;
}

#operationalAddressesDiv .complementary-container {
    width: 100%
}

    #operationalAddressesDiv .complementary-container .switch-control {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

.contact {
    width: auto !important;
    text-align: right;
}

.create-another {
    padding-right: 60px;
}

.mandatory-logistics {
    text-align: right;
}

.file-uploader-container {
    width: 100%;
}

    .file-uploader-container .e-upload-box {
        height: 150px !important;
    }

.addEditor .additionalInfo {
    margin-top: 30px;
}

.notification-status {
    background: #333333;
    color: #ffffff;
}

.notif {
    max-width: 190px !important;
    height: 38px !important;
    line-height: 38px !important;
}

.icon-sea {
    margin-left: inherit !important;
    /*padding-left: 10px !important;*/
}

.icon-air {
    margin-left: inherit !important;
    /*padding-left: 10px !important;*/
}

.icon-road {
    margin-left: inherit !important;
    /*padding-left: 10px !important;*/
}

.service-info-quantity {
    color: black !important;
}

.remove-uppercase {
    text-transform: none;
}

.mdl-textfield__error-position {
    position: unset;
}

.floating-btn-nospecifities {
    position: absolute;
    left: 60%;
    z-index: 20;
}

.add-contact-comment {
    width: 100%;
}

.comment-style {
    margin: 5% 13% !important;
    float: left !important;
}

.hide-comment {
    overflow: hidden !important;
}

#ActionDialog {
    overflow: hidden;
}

    #ActionDialog div.mdl-textfield {
        padding: 20px 0px !important;
    }

    #ActionDialog div.mdl-selectfield {
        padding: 0px !important;
    }

    #ActionDialog div.mdl-dialog__content {
        padding: 0px 20px !important;
        max-height: 800px;
        overflow: hidden;
    }

    #ActionDialog .mdl-textfield textarea.mdl-textfield__input {
        height: 80px;
        max-height: 80px;
        overflow-y: auto;
    }

    #ActionDialog textarea {
        height: 80px;
    }

.complementary_service {
    min-height: 42px !important;
}

.shedule {
    height: 53px;
}

.btn-register {
    width: 35.5%;
}

.mdl-textfield__input.auto-increase-textarea {
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 55px;
    max-height: 200px;
}

.info-list span {
    word-break: break-all;
}

.mdl-textfield__label.phone-with-flag {
    top: 4px;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.archive {
    margin-bottom: auto !important;
}

.portal-row {
    display: none;
}

.create {
    margin-right: auto !important;
}

#branchList li {
    margin-bottom: 15px;
}

    #branchList li .branch-name {
        width: 150px;
        display: inline-block;
        vertical-align: super;
    }

    #branchList li .dropdown-userlist {
        display: inline-block;
        width: 200px;
    }

    #branchList li .e-close {
        display: inline-block;
        width: auto;
        position: unset;
        margin-left: 10px;
        cursor: pointer;
    }


.sub-menu-content .sub-menu-content {
    display: none;
    position: fixed !important;
    left: 265px !important;
}

.app-layout__sidebar-nav .mdl-navigation .sub-menu-content .sub-menu-content .mdl-navigation__link span {
    display: inherit;
}

.app-layout__sidebar-nav .mdl-navigation .sub-menu-content .sub-menu-content .mdl-navigation__link i {
    display: none;
}

.sub-menu-content .has-sub:hover .sub-menu-content {
    display: inherit;
}
/* debut CRM LEAD */
#LeadGrid .e-headercell.e-headercellsort .e-icon.e-sortadjust {
    position: absolute;
    top: 8px;
    right: 0;
    margin: 0 !important;
}

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


    @media screen and (min-width: 1280px) {
        #CrmLeadGrid > div.e-gridheader > div > table > thead > tr > th.e-headercell.e-default.e-headercellsort > span {
            margin-left: -3%;
        }

        .e-grid .e-icon:before, .e-grid form .e-templatecell .e-icon:before {
            display: table-caption !important;
            height: 4px;
        }
    }

    @media screen and (min-width: 1280px) {
        /*#LeadGrid > div.e-gridheader > div > table > thead > tr > th.e-headercell.e-default.e-headercellsort > span {
        margin-left: -3%;
    }*/

        .e-grid .e-icon:before, .e-grid form .e-templatecell .e-icon:before {
            display: table-caption !important;
            height: 4px;
        }
    }

    @media screen and (max-width: 1280px) {
        #LeadGrid > div.e-gridheader > div > table > thead > tr > th.e-headercell.e-default.e-headercellsort > span {
            margin-left: -5%;
        }

        #LeadGrid > div.e-gridheader > div > table > thead > tr > th > div {
            font-size: 10px;
        }

        .e-grid .e-icon:before, .e-grid form .e-templatecell .e-icon:before {
            display: table-caption !important;
            height: 4px;
        }

        #LeadGrid > div.e-gridheader > div > table > thead > tr > th:nth-child(4) > span {
            margin-left: -41% !important;
        }

        #LeadGrid > div.e-gridheader > div > table > thead > tr > th:nth-child(5) > span {
            margin-left: -21% !important;
        }

        #LeadGrid > div.e-gridheader > div > table > thead > tr > th:nth-child(6) > span {
            margin-left: -20% !important;
        }

        #LeadGrid > div.e-gridheader > div > table > thead > tr > th:nth-child(7) > span {
            margin-left: -25% !important;
        }
    }
    /* end CRM Lead */
    /* debut sales event */
    .tab_salesevent nav {
        margin-right: 25%;
    }

    .active_btn_sales_event {
        background: #4d56a4;
        color: #ffffff;
        width: 100%;
        height: 40px;
        border-bottom-color: black;
        border-bottom: 100px;
        border-radius: 22px;
        font-size: 14px;
        font-size: 1rem;
        text-transform: uppercase;
        border-left: none;
        border-right: none;
        cursor: pointer;
        display: inline-block;
        width: 37%;
    }

    .div_tab_sales_event a:first-child {
        margin-left: 10%;
        margin-right: 10%;
    }

    .div_tab_sales_event button {
        cursor: pointer;
    }

    .inactive_btn_sales_event {
        color: #9a9a9a;
        width: 37%;
        text-transform: uppercase;
        border: none;
        background: transparent;
    }

    .tab_sales_event {
        text-decoration: none;
    }

    .div_tab_sales_event {
        text-align: center;
    }

    #ListSelectedBranches_container {
        border: none;
    }

    @media screen and (min-width: 1280px) {
        /*#SalesEventGrid > div.e-gridheader > div > table > thead > tr > th.e-headercell.e-default.e-headercellsort > span {
        margin-left: -3%;
    }*/

        .e-grid .e-icon:before, .e-grid form .e-templatecell .e-icon:before {
            display: table-caption !important;
            height: 4px;
        }
    }

    @media screen and (min-width: 1280px) {
        /*#SalesEventGrid > div.e-gridheader > div > table > thead > tr > th.e-headercell.e-default.e-headercellsort > span {
        margin-left: -3%;
    }*/

        .e-grid .e-icon:before, .e-grid form .e-templatecell .e-icon:before {
            display: table-caption !important;
            height: 4px;
        }
    }

    @media screen and (max-width: 1280px) {
        /*#SalesEventGrid > div.e-gridheader > div > table > thead > tr > th.e-headercell.e-default.e-headercellsort > span {
        margin-left: -5%;
    }*/

        #SalesEventGrid > div.e-gridheader > div > table > thead > tr > th > div {
            font-size: 10px;
        }

        .e-grid .e-icon:before, .e-grid form .e-templatecell .e-icon:before {
            display: table-caption !important;
            height: 4px;
        }

        #SalesEventGrid > div.e-gridheader > div > table > thead > tr > th:nth-child(4) > span {
            margin-left: -41% !important;
        }

        #SalesEventGrid > div.e-gridheader > div > table > thead > tr > th:nth-child(5) > span {
            margin-left: -21% !important;
        }

        #SalesEventGrid > div.e-gridheader > div > table > thead > tr > th:nth-child(6) > span {
            margin-left: -20% !important;
        }

        #SalesEventGrid > div.e-gridheader > div > table > thead > tr > th:nth-child(7) > span {
            margin-left: -25% !important;
        }
    }
    /* end sales event */

    /* business alert status */
    .bacell--0 {
        color: gray !important;
    }

    .bacell--1 {
        color: #41b983 !important;
    }

    .bacell--2 {
    }

    .bacell--3 {
        color: #fc6400 !important;
    }

    .bacell--4 {
        color: #e83b3d !important;
    }

    .bacell--5 {
        color: #e83b3d !important;
    }

    .bacell--6 {
        color: #fc6400 !important;
    }

    .schedule-widget li.history-list__item {
        padding: 15px;
    }

        .schedule-widget li.history-list__item .item-info__description {
            color: #c00;
        }

    .app-layout__header ul[for="calendar-menu"] .mdl-menu__item::after {
        background: none;
        border-bottom: 1px solid #cc0000;
    }

    ul[for="calendar-menu"] li a {
        text-decoration: none;
    }

    .events-info h3 {
        margin-bottom: 5px;
    }

    .personInChargeError {
        display: flex !important;
        color: #d50000;
        font-size: 12px;
    }
    /* business alert tab*/
    .businessalert_tab {
        display: flex !important;
    }

    .mdl-button.btn-accent-1.js-remove-profile {
        background: #29af7f;
        border: 1px solid transparent;
        color: #ffffff;
    }


        .mdl-button.btn-accent-1.js-remove-profile:hover {
            background: #f6f6f6;
            border: 1px solid #9a9a9a;
            color: #9a9a9a;
        }

    .mdl-card__scrollable.js-mdl-card-scrollable.mCustomScrollbar {
        height: auto !important;
    }

    .configuration__content small.mandatory {
        top: 30px;
    }

    .configuration__content .form {
        max-width: none;
    }

    th.e-headercell {
        height: 42px !important;
    }

    .e-grid .e-headercelldiv {
        text-overflow: initial;
        white-space: initial;
        overflow: visible;
        line-height: 16px;
        text-align: left !important;
    }

    .e-grid .e-icon:before, .e-grid form .e-templatecell .e-icon:before {
        display: table-caption !important;
        height: 4px;
    }

    .e-daterangepicker.e-input {
        width: 170px;
    }

    .fullscreenDialog .mdl-button.btn-fullscreen {
        margin-left: auto;
        padding: 0;
        font-size: 11px;
        font-size: 0.7857142857rem;
        color: #dcdcdc;
        background: none;
    }

        .fullscreenDialog .mdl-button.btn-fullscreen [class^="icon-"] {
            color: #dcdcdc;
        }

        .fullscreenDialog .mdl-button.btn-fullscreen:hover, .appointment__header .mdl-button.btn-fullscreen:focus {
            background: none;
        }

            .fullscreenDialog .mdl-button.btn-fullscreen:hover [class^="icon-"] {
                color: #cc0000;
            }

    #customWindow_wrapper .shared {
        width: 100%;
    }

    .appointment .js-appointment .scheduler-size {
        margin: auto !important;
    }

    #notification-list .notification-list__datatable {
        max-width: 90%;
        margin: 0 auto;
    }

    #notification-list .mdl-card__supporting-text {
        padding: 0;
    }

    #notification-list .list-filter {
        margin: 0;
        width: 100%;
    }

    .js-notificationGrid.e-grid {
        margin: 20px;
    }

    .leads-creation-form ul.lead-summary:not(:last-child) {
        padding-bottom: 0;
        border-bottom: none;
    }

    .leads-creation-form ul.lead-summary:last-child {
        padding-top: 0;
        border-top: none;
        margin-top: 20px;
    }

    .summary-comment, .tip-list__item p.tip-list__text {
        word-wrap: break-word;
        max-width: 100%;
        width: 100%;
    }

    .tip-list, .tip-list__item {
        width: 100%;
    }

    .listOfCrmLeadDialog .formTemplate {
        display: block !important;
    }

    .callLink {
        font-size: 25px;
    }

    p.dotedOverflow {
        margin: 0;
    }

    #AddressListGrid .e-gridheader th:first-child {
        padding: 0;
        padding-left: 8px;
    }

    #corporateGrid .e-gridcontent .emptyrecord {
        padding: 15px 0 0 15px;
    }

    #crmleadGrid .e-gridcontent .emptyrecord {
        padding: 15px 0 15px 15px;
    }

    /*.e-grid .e-headercellsort .e-icon.e-sortadjust {
        top: 6px;
        left: -3px;
    }*/

    .e-headercell.e-headercellsort .e-icon.e-sortadjust {
        margin: 0;
        display: inline-block;
        /*float: left;
        position: relative;*/
    }


    .spanPreview {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 94%;
        display: inline-block;
    }

    #pageSize_popup .e-scroller .e-js .e-widget > .e-content {
        width: auto !important;
    }

    .login-message {
        width: 100%;
        font-family: "robotoregular", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-size: 0.8571428571rem;
        text-align: center;
        color: #cc0000;
    }

    .corporate-dialog-button {
        width: calc(100% - 20px) !important;
        margin: -5px 20px 0 10px !important;
    }

    /* Anomalie #9711 */
    #DocumentGrid .fix-sorting-icon-2-lines span {
        top: -14px;
    }

    #DocumentGrid .fix-sorting-icon span {
        top: -4px;
    }

    #DocumentGrid .fix-sorting-icon-2-lines .e-headercelldiv {
        padding: 0 6px !important;
        padding-left: 20px !important;
    }

    #DocumentGrid .fix-sorting-icon .e-headercelldiv {
        padding: 0 6px !important;
        padding-left: 10px !important;
    }

    #CrmPrivateClientGrid .fix-sorting-icon span {
        top: -32px;
        margin-left: -5px;
    }

    #CrmPrivateClientGrid .fix-sorting-icon-2-lines span {
        top: -18px;
    }

    #CrmPrivateClientGrid .fix-sorting-icon-2-lines .e-headercelldiv {
        padding: 0 6px !important;
        padding-left: 20px !important;
    }
}


@media screen and (min-width: 1330px) {
    #e-ArSlaDto_ContractDateFrom {
        left: 190px !important;
    }

    #e-ArSlaDto_ContractDateTo {
        left: 680px !important;
    }
}

@media screen and (min-width: 1900px) {
    #e-ArSlaDto_ContractDateFrom {
        left: 498px !important;
    }

    #e-ArSlaDto_ContractDateTo {
        left: 1296px !important;
    }
}

@media screen and (min-width: 1330px) {
    #e-CrmLead_PeriodOfApplicablyFrom {
        left: 190px !important;
    }

    #e-CrmLead_PeriodOfApplicablyTo {
        left: 680px !important;
    }
}

@media screen and (min-width: 1900px) {
    #e-CrmLead_PeriodOfApplicablyFrom {
        left: 498px !important;
    }

    #e-CrmLead_PeriodOfApplicablyTo {
        left: 1296px !important;
    }
}

@media screen and (min-width: 1330px) {
    #e-BusinessAlert_DeadlineDate {
        left: 210px !important;
    }

    #e-BusinessAlert_NextStepDate {
        left: 720px !important;
    }
}

@media screen and (min-width: 1900px) {
    #e-BusinessAlert_DeadlineDate {
        left: 500px !important;
    }

    #e-BusinessAlert_NextStepDate {
        left: 1225px !important;
    }
}


@media screen and (min-width: 1330px) {
    #e-TenderDto_StartDateContract {
        left: 190px !important;
    }

    #e-TenderDto_EndDateContract {
        left: 680px !important;
    }
}

@media screen and (min-width: 1900px) {
    #e-TenderDto_StartDateContract {
        left: 500px !important;
    }

    #e-TenderDto_EndDateContract {
        left: 1300px !important;
    }
}



@media screen and (min-width: 1330px) {
    #e-ConventionDto_DateFrom {
        left: 205px !important;
    }

    #e-ConventionDto_DateTo {
        left: 680px !important;
    }
}

@media screen and (min-width: 1900px) {
    #e-ConventionDto_DateFrom {
        left: 505px !important;
    }

    #e-ConventionDto_DateTo {
        left: 1132px !important;
    }
}


@media screen and (min-width: 1330px) {
    #e-CoordinatedDto_DateFrom {
        left: 205px !important;
    }

    #e-CoordinatedDto_DateTo {
        left: 680px !important;
    }
}

@media screen and (min-width: 1900px) {
    #e-CoordinatedDto_DateFrom {
        left: 505px !important;
    }

    #e-CoordinatedDto_DateTo {
        left: 1132px !important;
    }
}

#followUpDialog .e-dialog-scroller {
    /*margin-top: -20px;*/
}

    #followUpDialog .e-dialog-scroller #customWindow table tr .mdl-textfield {
        margin-bottom: -15px;
    }

    #followUpDialog .e-dialog-scroller #customWindow .form-control-group {
        margin-top: -40px;
    }

    #followUpDialog .e-dialog-scroller #customWindow button .mdl-button {
        margin-top: -12px;
    }


/********* #12963  AJUSTEMENT ECRAN SCHEDULES    *********/
.appointment__body {
    position: unset !important;
}

#customWindow_wrapper {
    /*top: 0px !important;*/
}

    #customWindow_wrapper #edit-mode {
        margin-bottom: 0px !important;
    }

    /********* #12930  CAPITALIZE DIALOG TITLE    *********/
    #customWindow_wrapper .e-title {
        text-transform: uppercase;
    }

/********* Sorting arrow    *********/
.e-headercell.e-default.e-headercellsort {
    position: relative;
}



.followUpDialog .custom-dialog .e-dialog.e-widget-content {
    padding: 0 25px 0 25px;
}


.followUpDialog .custom-dialog.e-dialog .e-dialog-scroller {
    height: unset !important;
    overflow: hidden;
}

/** #1585 --- make exception for input having the class ".placeholder" */
input:not(.placeholder)::placeholder {
    color: transparent;
}


/** #1174 --- tooltip size */

.e-tooltip-wrap .e-tipContainer .e-tipcontent {
    max-height: 200px;
    max-width: 150px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    text-align: center;
}

.display-invisible {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.js-dropdown .js-selected-colored .e-input {
    color: #0064b4;
    font-family: robotobold, Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 400;
}

.errorPadding {
    padding: inherit;
}

#duplicateWithCopyRate {
    width: 23%;
}

.agent-dialog .e-dialog-scroller {
    overflow: auto;
}


.pdf-preview-button {
    float: right;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 10px;
    background: #29af7f;
    color: #ffffff;
    border: 1px solid transparent;
    height: 45px;
    line-height: 40px;
    font-size: 1rem;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-color: #29af7f;
}

    .pdf-preview-button:hover {
        background: #dcdcdc;
        color: #9a9a9a;
        cursor: pointer;
        border: 1px solid #9a9a9a;
    }

.dialog-height-300 {
    height: 300px;
}

.custom-selected-listing {
    display: inline-block;
    width: 100%;
}

    .custom-selected-listing li {
        float: left;
        margin: 0 10px 10px 0;
    }

.bold-font {
    font-weight: 600;
}

.mdl-textfield__input.auto-increase-textarea2 {
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: auto;
    height: auto;
    max-height: 200px;
}

.services__block-wrapper {
    margin: 0;
}

.services__item.js-goto-summary {
    height: 200px;
}

.mdl-card__content-head .option__item-header-icon {
    color: unset;
}

.drawer--radio .drawer__item-title:before {
    background: #cccccc;
}

.mdl-menu .mdl-menu__item.disabled-action:hover, .mdl-menu .mdl-menu__item.disabled-action:active {
    color: #bdbdbd;
    background-color: unset;
    cursor: auto;
}

.disabled-action {
    color: #bdbdbd;
    background-color: unset;
    cursor: auto;
}

.margin-rates-right {
    justify-content: flex-end;
}

.css--text--overflow-elipsis {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}


.css-item-icon .dropdown-list__item .css--dropdown-list__item__label:before,
.css-item-icon .dropdown-list__item .css--dropdown-list__item__label:after {
    display: none;
}

.css-item-icon .dropdown-list__item .css--dropdown-list__item__label {
    padding-left: 0;
}


.css-item-icon .dropdown-list__item .css--dropdown-list__item__label {
    align-items: center;
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    display: flex;
}


.filtered-select-box:checked + .css--dropdown-list__item__label {
    background-color: #dcdcdc;
}


.css-item-icon .dropdown-list__item .css--dropdown-list__item__label.css--dropdown-list__item__label--reverted-icon {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}

/* EJ2 autocomplete */
.e-autocomplete.e-lib {
    cursor: text;
}

.ar-readonly {
    pointer-events: none;
}




.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
    color: #4d56a4 !important;
}

.e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text,
.e-small .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text
.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text,
.e-small .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text
.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
    color: #4d56a4 !important;
}

/* START VOLUME SLIDER */
.volumeRangeSlider__container .e-h-scale .e-tick .e-tick-value {
    top: 21px;
}

.volumeRangeSlider__container .slider-range {
    width: 76%;
}


@media screen and (min-width: 1280px) {
    .search-input__container {
        height: 38px !important;
        line-height: 38px;
    }

    .leads-list__filter .mdl-textfield__input {
        height: 36px !important;
    }

    .leads-list__filter .mdl-textfield__label {
        top: 0px !important;
    }

    .applyVolumeFilter__button {
        top: -52px !important;
    }

    .e-slider-container.e-control-wrapper.e-horizontal {
        top: -24px !important;
    }

    .css-operation_volume_text {
        top: 0px !important;
    }

    .volumeRangeSlider__container.slider-container {
        height: 30px !important;
    }

    .linkToBookingGrid__container .volumeRangeSlider__container.slider-container, #tab2 .volumeRangeSlider__container.slider-container {
        height: 32px !important;
    }
}


.volumeRangeSlider__container .applyVolumeFilter__button {
    font-size: 1.2em !important;
    padding-right: 0 !important;
    position: relative;
    top: -50px;
    left: 322px;
    width: 27px;
    height: 23px;
    cursor: pointer;
    border: 0;
    background: #41b983;
}

    .volumeRangeSlider__container .applyVolumeFilter__button .icon-arrow-right {
        color: white !important;
        padding: 3px 3px;
        margin: 0px;
        position: relative;
        top: 2px;
        left: -4px;
    }

.volumeRangeSlider__container.slider-container {
    min-width: 350px !important;
    padding: 6px 10px 0px 10px !important;
    background: #fff;
    height: 37px;
}

.volumeRangeSlider__container .e-slider-container.e-control-wrapper.e-horizontal {
    position: relative;
    top: -23px;
    left: 66px;
    height: 27px;
}

    .volumeRangeSlider__container .e-slider-container.e-control-wrapper.e-horizontal .e-slider.volumeRangeFilter {
        width: 240px;
    }




/* END VOLUME SLIDER */
/*planning of content*/
.planning-content__checkbox {
    width: 30px !important;
}

.service-no__container {
    width: 110px !important;
}



/* textarea instructions*/
.freightBookingSummary__shippingInstructions textarea, .freightBookingSummary__financialInstructions textarea {
    width: 100%;
    height: 125px;
    resize: none;
    padding: 5px;
    margin-top: 5px;
}

.instructions__label {
    left: 5px;
    width: 98%;
    top: 27px;
}

.is-dirty .instructions__label, .is-focused .instructions__label {
    left: 0px;
}


.add-icon__container {
    width: 25px;
    border: 0px solid;
}

.list-icon__container {
    border: 0px solid red;
    width: 140px;
    overflow: hidden;
    direction: ltr;
    display: flex;
    height: 45px;
    position: relative;
    top: 5px;
    align-content: center;
    padding-left: 6px;
}

.leadService__box .complementary_service__scrollable {
    justify-content: center !important;
}

    .leadService__box .complementary_service__scrollable .mCSB_container {
        display: flex;
    }



    .leadService__box .complementary_service__scrollable .mCSB_scrollTools_horizontal .mCSB_draggerContainer {
        width: 100% !important;
    }

    .leadService__box .complementary_service__scrollable .mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100% !important;
        background: #e3e3e3 !important;
        height: 4px;
    }

    .leadService__box .complementary_service__scrollable .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100% !important;
        background: #c6c6c6 !important;
        height: 4px;
    }

.icon-chevron-left, .icon-chevron-right {
    cursor: pointer;
    color: darkgray !important;
}


.stepper__navigation--bordered .stepper__item:not(:last-child) {
    margin-right: unset !important;
}

@media screen and (min-width: 1280px) {
    .stepper__item:not(:last-child) {
        margin-right: unset !important;
    }
}

.stepper__item:not(:last-child) {
    margin-right: unset !important;
}

.step-booking-details {
    width: 70px !important;
}

.step-text_content {
    text-transform: uppercase !important;
    width: 95px;
}

    .step-text_content.is-active {
        color: #4d56a4;
    }

.stepper__navigation {
    max-width: unset !important;
}


/*START dialog*/
#operationDetailsDialog__container_dialog-content {
    background: #e0e0e0;
}



    #operationDetailsDialog__container_dialog-content .enquiry-detail__content {
        display: block !important;
    }


    #operationDetailsDialog__container_dialog-content .freightBookingSummary__shippingInstructions, #operationDetailsDialog__container_dialog-content .freightBookingSummary__financialInstructions {
        width: 100%;
    }


@media screen and (max-width: 1280px) {
    #operationDetailsDialog__container_dialog-content .freightBookingSummary__sub-container, #operationDetailsDialog__container_dialog-content .operationSummary__terminalSection {
        display: block !important;
    }

    #operationDetailsDialog__container_dialog-content .operationSummary_destinationTerminal {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 1450px) {
    #operationDetailsDialog__container_dialog-content .operationSummary__terminalSection {
        display: block !important;
    }

    #operationDetailsDialog__container_dialog-content .operationSummary_destinationTerminal {
        padding-top: 20px !important;
    }
}


#operationDetailsDialog__container_dialog-content .enquiry-detail__description {
    width: 100% !important;
}

#FreightBooking_ShippingInstructions, #FreightBooking_FinancialInstructions {
    width: 100%;
    height: 125px;
    resize: none;
}

#operationDetailsDialogTpl {
    /* margin-bottom: 25px;*/
    display: flex;
}

    #operationDetailsDialogTpl .stepper__content.is-active {
        margin: 15px;
    }

    #operationDetailsDialogTpl .breadcrumb, #operationDetailsDialogTpl .stepper__navigation {
        display: none;
    }

    #operationDetailsDialogTpl .enquiry-detail__content {
        display: block;
    }


#operationDetailsDialog__container_dialog-content li.action-list__item {
    float: left;
    display: flex;
    width: 230px;
    height: 60px;
    margin-right: 20px;
}

#operationDetailsDialog__container_dialog-content .enquiry-detail__action {
    max-width: unset;
    margin-top: 20px;
}

@media screen and (min-width: 1280px) {
    .seafreight__layout .step-text_content {
        left: 25% !important;
    }
}

@media screen and (max-width: 1280px) {
    .seafreightThreeSteps__layout .stepper__navigation--bordered .stepper__item .stepper__navigation-step,
    .seafreightFiveSteps__layout .stepper__navigation--bordered .stepper__item .stepper__navigation-step {
        display: inline !important;
    }
}

/*END dialog*/


/* Enable right click on list */
.enableRightClick {
    padding-left: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
}

#OperationGrid .e-rowcell a,
#SeaBookingGrid .e-rowcell a, #AirBookingGrid .e-rowcell a, #RoadBookingGrid .e-rowcell a,
#LinkToBookingGrid .e-rowcell a, #RoadLinkToBookingGrid .e-rowcell a, #ChooseContainerGrid .e-rowcell a {
    text-decoration: none;
    padding-left: 0px !important;
    color: #000;
    font-weight: 200;
    position: relative !important;
    transform: unset !important;
}

#LinkToBookingGrid .e-rowcell, #RoadLinkToBookingGrid .e-rowcell, #ChooseContainerGrid .e-rowcell {
    padding: 10px 20px 10px 0 !important;
}

/* rows per page */
.leads-list__pagesize .e-icon-anim .e-ddl-icon {
    transform: unset;
}

/* info popup select operation */
.radio-menu-list--box-info {
    font-size: 14.5px !important;
    font-weight: 400;
    line-height: 1.5 !important;
}

/* planning of content */
#bookedServicesList__block .accordion__tab, #notBookedServicesList__block .accordion__tab {
    cursor: default !important;
}

#bookedServicesList__block .material-icons, #notBookedServicesList__block .material-icons,
#bookedServicesList__block .mdl-checkbox__input, #notBookedServicesList__block .mdl-checkbox__input {
    cursor: pointer;
}

/* lead list */
.e-table tbody td.e-gridtooltip {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}

.e-detailrow .e-headercelldiv {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.e-detailcell {
    padding-right: 5px !important;
}

.e-rowcell.statusColumn {
    padding-left: 15px !important;
}

.e-headercell.mode-transport {
    padding-right: 10px;
}

.quote-date .e-headercelldiv, .e-rowcell.quote-date {
    padding-left: 5px !important;
}

.e-lib.e-grid.e-device .e-headercell {
    padding: 0px 12px 0 7px;
}

#InternetLeadsGrid .e-rowcell.client-name, #PrivateLeadsGrid .e-rowcell.client-name {
    padding-left: 15px !important;
}

#cancelOperation__dialog .cancelOperationSubtitle {
    font-family: "robotoregular", Arial, Helvetica, sans-serif !important;
    line-height: 1.5 !important;
    font-weight: bold;
}

#cancelOperation__dialog #cancelReasonComments__input {
    width: 270px;
    height: 80px;
    display: none;
}

/* remove background for drop down arrow icon */
.e-input-group-icon {
    background: transparent !important;
}

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


/* OK button on weight check */
#weightCheckMessageDialog__container_wrapper .mdl-button:focus:not(:active) {
    background: #29af7f;
    border: 1px solid transparent;
    color: #ffffff;
}

.mdl-button.btn-accent-1:hover, .mdl-button.btn-accent-1.is-active {
    background: #f6f6f6;
    border: 1px solid #9a9a9a;
    color: #9a9a9a;
}

.mdl-button.btn-accent-1 {
    background: #29af7f;
    border: 1px solid transparent;
    color: #ffffff;
}

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

.justify-content-unset {
    justify-content: unset !important;
}

.align-self--center {
    align-self: center;
}

.align-items--unset {
    align-items: unset !important;
}

.d--flex {
    display: flex;
}

.d--block {
    display: block;
}

.d--inblock {
    display: inline-block;
}

.d--inflex {
    display: inline-flex;
}

.d--none {
    display: none !important;
}

.d--unset {
    display: unset;
}

.W-5P {
    width: 5% !important;
}

.W-10P {
    width: 10% !important;
}

.W-15P {
    width: 15% !important;
}

.W-20P {
    width: 20% !important;
}

.W-25P {
    width: 25% !important;
}

.W-30P {
    width: 30% !important;
}

.W-35P {
    width: 35% !important;
}

.W-40P {
    width: 40% !important;
}

.w-45P {
    width: 45% !important;
}

.w-50P {
    width: 50% !important;
}

.w-55P {
    width: 55% !important;
}

.w-65P {
    width: 65% !important;
}

.W-70P {
    width: 70%;
}

.W-80P {
    width: 80%;
}

.W-85P {
    width: 85% !important;
}

.w-90P {
    width: 90%;
}

.w-95P {
    width: 95%;
}

.W-98P {
    width: 98% !important;
}

.w-100P {
    width: 100% !important;
}

.w--unset {
    width: unset !important;
}

.w--fit-content {
    width: fit-content !important;
}

.ml--unset {
    margin-left: unset !important;
}

.mr--unset {
    margin-right: unset !important;
}

.w-25 {
    width: 25px;
}

.w-40 {
    width: 40px;
}

.w-90 {
    width: 90px;
}

.w-100 {
    width: 100px;
}

.w-300 {
    width: 300px !important;
}

.mw--unset {
    max-width: unset !important;
}

.minw--unset {
    min-width: unset !important;
}

.mw-100P {
    max-width: 100% !important;
}

.cursor-default {
    cursor: default !important;
}

.cursort-pointer {
    cursor: pointer !important;
}

#operationFollowUp__editorTemplate {
    margin-right: 0;
}

.min-h-auto {
    min-height: auto;
}

.h-auto {
    height: auto;
}

.h-75 {
    height: 75px;
}

.h-50 {
    height: 50px;
}

.h-100P {
    height: 100%;
}

.white-space-break-spaces {
    white-space: break-spaces;
}

.top-0 {
    top: 0px !important;
}

.top-2-negative {
    top: -2px !important;
}

.top-6-negative {
    top: -6px !important;
}

.mt-1-negative {
    margin-top: -1px;
}

/* dialog operation schedule */
#emptyPlanningMessageDialog {
    max-height: 734px;
    z-index: 2147483647;
    width: 450px;
    left: 0px;
    top: 0px;
    position: relative;
}

    #emptyPlanningMessageDialog .e-dlg-closeicon-btn:hover {
        background-color: #e0e0e0;
    }

        #emptyPlanningMessageDialog .e-dlg-closeicon-btn:hover span {
            color: #000;
        }

#emptyPlanningMessageDialog_dialog-content {
    padding: 30px;
    font-size: 1.1rem;
}

.appointment__content .priority-list.radio-menu-list .priority-list__item {
    flex: 0 0 21% !important;
    margin-bottom: 0 !important;
    padding: 15px;
    margin-left: 0;
}


.services-list__icon {
    width: 35px !important;
    height: 35px !important;
}

.wb-bw {
    word-break: break-word !important;
}

.breadcrumb {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
}

.js-leads-list-header, .js-leads-list-filter {
    width: unset !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.leads-list__datatable {
    margin-left: 15px;
    margin-right: 15px;
}

.cursor-unset {
    cursor: unset !important;
}

.cancelOperationDialog {
    width: unset;
    max-width: none;
    position: relative;
    top: unset;
    right: unset;
    margin-top: 20px;
}

.other-abandon-comment {
    max-width: 270px;
    float: right;
    position: relative;
    margin-top: -48px;
    padding: 25px 20px 20px 20px;
    background: #dcdcdc;
    box-sizing: border-box;
    border-radius: 3px;
    height: 130px !important;
}

.other-abandon__textarea-field {
    width: 205px !important;
    resize: none;
    padding: 10px;
    height: 50px !important;
}

#cancelReasonComments__errorMessage {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: unset;
    visibility: hidden;
    display: block;
    top: 90px;
}

#cancelReason__errorMessage {
    position: unset !important;
}

#cancelOperationDialog_wrapper {
    width: 850px !important;
}




/* profile management */
.profile-management .configuration__sidebar {
    max-width: 350px !important;
}

.rights__container {
    width: 360px !important;
    margin-right: 35px !important;
}

.title-section {
    width: 40% !important;
}

.profile-management .mdl-data-table {
    white-space: unset !important;
}

.total-col-section, .none-col-section {
    width: 15% !important;
}

.readonly-col-section {
    width: auto !important;
}

/* end profile management */


/* Additional equipment section */
.text-wrapper {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 95%;
    display: inline-block;
}

.operation-summary .planningAdditionalEquipment .info-list span {
    display: block !important;
    line-height: normal;
}

.planningAdditionalEquipment .mdl-button.add-btn {
    height: 35px !important;
}

.planningAdditionalEquipment .add-btn__icon {
    top: -2px;
    position: relative;
}

.planningAdditionalEquipment .add-btn__text {
    top: -4px;
    color: #949599;
}

/* End Additional equipment section */

/* quote section */
.quotesection__container .js-render-quote .leads-list__datatable {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.css--comment-font {
    font-size: 1.50em;
}

.css--comment-textArea {
    height: 100px;
}

.css--comment-isHidden {
    display: none
}


/* operation status : service operations, freight actions and freight bookings */
.status.ope-status-awaiting-planning:before {
    background: #fc6400;
}

.ope-status-awaiting-planning {
    color: #fc6400;
}

.status.ope-status-planned:before {
    background: #005baa;
}

.ope-status-planned {
    color: #005baa;
}

.status.ope-status-in-transit:before {
    background-color: #e20e77;
}

.ope-status-in-transit {
    color: #e20e77;
}

.status.ope-status-awaiting-follow-up:before {
    background: #fbb32d;
}

.ope-status-awaiting-follow-up {
    color: #fbb32d;
}

.status.ope-status-awaiting-custom-clearance:before {
    background-color: #6f00ff;
}

.ope-status-awaiting-custom-clearance {
    color: #6f00ff;
}

.status.ope-status-completed:before {
    background-color: #41B983;
}

.ope-status-completed {
    color: #41B983;
}

.status.ope-status-completed:before {
    background: #41b983;
}

.ope-status-completed {
    color: #41b983;
}

.status.ope-status-cancelled:before {
    background: #e94041;
}

.ope-status-cancelled {
    color: #e94041;
}


#leftPanel__block, #rightPanel__block {
    background: #f6f6f6;
}

/*color of radio button */
.dropdown-list__item input[type="checkbox"]:checked + label:before {
    content: '';
    background: #4d56a4 !important;
}

.app-layout__content {
    padding: 15px 0 0 0;
}

/* Volume Slider */
.e-control-wrapper.e-slider-container .e-slider .e-handle, .e-control-wrapper.e-slider-container .e-slider .e-range {
    background-color: #e3165b !important;
    border-color: #e3165b !important;
}

.leads-list__datatable .mdl-card__supporting-text {
    padding: 15px;
}

.e-lib.e-grid .e-sortfilterdiv {
    margin: unset;
    position: relative;
    top: -22px;
    right: 1px;
}

.e-lib.e-grid .e-headercelldiv {
    line-height: normal !important;
    white-space: normal !important;
}

/* lead service statuses */
.lse-status-cancelled {
    color: #5b5e62;
}

.lse-status-won {
    color: #41b983;
}

.lse-status-lost {
    color: #e94041;
}

.lse-status-pending-client-acceptance {
    color: #fbb32d;
}

.lse-status-awaiting-to-be-quoted {
    color: #e20e77;
}

/* Lead service common layout */
#commonLayoutServiceTabs__block .leadServiceStatus {
    text-transform: none;
    font-size: 0.96rem;
    display: block;
    margin-top: 3px;
}

#commonLayoutServiceTabs__block .motIcon {
    background: #f6f6f6;
}

.breadcrumb__item-debtor {
    display: flex;
}

    .breadcrumb__item-debtor a {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

#commonLayoutServiceTabs__block .leadServiceTab {
    padding: 0 15px !important;
}

.stepper__navigation-step.is-active {
    height: 40px !important;
    line-height: 37px !important;
}


.mdl-tabs--pills .mdl-tabs__tab {
    height: 35px !important;
}

.mdl-tabs--pills .mdl-tabs__tab-bar {
    height: 35px !important;
    margin-bottom: 15px !important;
}

.posn-unset {
    position: unset;
}

/*popup for agent list, consignee */
#customBrokerDialog__content .leads-list__filter,
#agentSelectionDialog__content .leads-list__filter {
    height: 65px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #e0e0e0;
}

#AgentSelectionGrid .e-gridcontent, #CustomBrokerGrid .e-gridcontent {
    height: 330px;
    overflow: auto;
}

#AgentSelectionGrid .e-pager .e-spacing, #AgentSelectionGrid .e-pager .e-numericitem:hover, #AgentSelectionGrid .e-pager .e-currentitem.e-active,
#CustomBrokerGrid .e-pager .e-spacing, #CustomBrokerGrid .e-pager .e-numericitem:hover, #CustomBrokerGrid .e-pager .e-currentitem.e-active {
    padding-bottom: 10px !important;
}

#AgentSelectionGrid .leads-list__pagesize .e-pager,
#CustomBrokerGrid .leads-list__pagesize .e-pager {
    margin-left: 10px !important;
}

.e-icon-prev {
    margin-right: 0px !important;
}

.e-pp, .e-np {
    padding-right: 0px !important;
    padding-left: 0px !important;
    width: 5px !important;
}

#CustomBrokerGrid .leads-list__pagesize span.e-input-group-icon.e-ddl-icon.e-search-icon,
#AgentSelectionGrid .leads-list__pagesize span.e-input-group-icon.e-ddl-icon.e-search-icon {
    padding-top: 0;
}

input#CustomBrokerGridPageSizesList, input#AgentSelectionGridPageSizesList {
    padding-top: 5px;
    width: 25px !important;
    text-align: center !important;
}

#CustomBrokerGrid .e-pager .e-numericitem, #CustomBrokerGrid .e-pager .e-numericitem.e-active:hover,
#AgentSelectionGrid .e-pager .e-numericitem, #AgentSelectionGrid .e-pager .e-numericitem.e-active:hover {
    height: unset !important;
    width: 30px;
}

#commonLayoutServiceTabs__block, #mCSB_1_container .mdl-tabs__tab {
    height: 75px !important;
}

.e-radio + label::before {
    border: none;
}

.partial-container {
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .bottom-spacer {
        margin-bottom: 10px;
    }
}

.min-h-100P {
    min-height: 100% !important;
}

.app-layout__content {
    padding: 20px 0 0 0;
}

.enquiry-detail__action.configuration__sidebar--right.configuration__sidebar--sticky {
    margin-left: 15px;
}

.operation-summary .enquiry-detail__description {
    width: 100%;
}

#document-list-freight-action li:not(:last-child) {
    margin-bottom: 10px;
}

#followUpDocuments__block .option__info:not(:last-child) {
    margin-bottom: 10px;
}

#followUpDocumentUpload__dialog_dialog-content {
    padding: 15px;
}

#scheduledOperationPeriodDialog_dialog-content {
    padding: 15px;
}

.line-h--20 {
    line-height: 20px;
}

.bg-black {
    background: #000;
}

.h-40 {
    height: 40px !important;
}

.h-50 {
    height: 50px !important;
}

.h-65 {
    height: 65px !important;
}

/* begin used in summary information */
.comment__container {
    min-height: 45px;
}

.street-container {
    min-height: 50px;
}
/* end used in summary information */


/* Legend for operation statuses under grid list */
.type-operation {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Common action button layout when in popup mode */
.newone .action-list .action-list-button {
    width: 230px;
    margin-right: 10px;
}

.newone .action-list.css--ulaction {
    display: flex;
    margin-top: 15px;
}

/* for underline of input fields */
.input-delimeter {
    margin-bottom: -1px !important;
    border: 1px solid;
    border-width: 0 0 1px 0;
    border-color: rgba(0, 0, 0, 0.42);
}

.file-input-delimeter {
    margin-bottom: 2px !important;
}

.input-delimeter .e-float-line::after, .input-delimeter .e-float-line::before {
    top: 0px !important;
}

.file-input-delimeter .e-float-line::after, .file-input-delimeter .e-float-line::before {
    top: 2px !important;
}

/* for bill of lading popup */
#airwayBillDocumentUploadDialog_dialog-content, #billOfLadingDocumentUploadDialog_dialog-content {
    padding: 15px;
}

.billOfLadingItem .fileName__section .openDocViewer,
.airwayBillfileName__section .openDocViewer,
.cmrFileName__section .openDocViewer {
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: 40px;
}

@media screen and (min-width: 1280px) {
    .enquiry-detail__content {
        padding-top: 10px;
    }
}

#airFreightBookingSummary__form .e-float-input textarea {
    border-width: 0px !important;
}

#airFreightBookingSummary__form .e-float-input:not(.e-input-group) .e-float-line::before,
#airFreightBookingSummary__form .e-float-input:not(.e-input-group) .e-float-line::after {
    top: 5px;
}

#roadFreightBookingSummary__form .e-float-input:not(.e-input-group) .e-float-line::before,
#roadFreightBookingSummary__form .e-float-input:not(.e-input-group) .e-float-line::after {
    top: 0px;
}

/* for summary page and popup summary for road */

/* ROAD FREIGHT BOOKING > CMR SECTION */
.wrap-content {
    flex-wrap: wrap !important;
}

.truck_block {
    display: flex;
    width: 50% !important;
}

#cmr__block {
    display: flex;
    width: 50% !important;
}

.crm-number {
    width: 40%;
}

.crm-filename {
    width: 60%;
}

#cmr__block .form-control-group {
    width: 43%;
}

#cmr__block .add-btn__icon {
    max-width: 40px;
    max-height: 40px;
}

#cmr__block .cmrFileName__section .e-float-input {
    width: 100%;
}

@media only screen and (max-width: 1100px) {
    .truck_block {
        display: contents;
    }

    #cmr__block {
        display: contents;
    }

    .crm-number {
        width: 47.5%;
    }

    .crm-filename {
        width: 47.5%;
    }
}

@media only screen and (max-width: 1100px) {
    .crm-number {
        margin-bottom: 25px !important;
    }
}

.crm-number .mdl-textfield__error {
    margin-top: 70px;
}

/* leads details */
.leads-action-button {
    max-width: 230px !important;
}

.row-flex .sales-rep-section {
    margin-right: 10px;
}

@media screen and (max-width: 1280px) {
    .row-flex .sales-rep-section {
        margin-bottom: 10px !important;
        margin-right: 0;
    }
}


.swal2-container.swal2-center{
    z-index: 999999999999999;
}

/* #region Lead Status*/
.lea-status-transferred {
    color: #5b5e62;
}
    .lea-status-transferred:before {
        background-color: #5b5e62 !important;
    }

.lea-status-draft {
    color: #5b5e62;
}
    .lea-status-draft:before {
        background-color: #5b5e62 !important;
    }

.lea-status-not-handled {
    color: #e94041;
}
    .lea-status-not-handled:before {
        background-color: #e94041 !important;
    }

.lea-status-awaiting-qualification {
    color: #5b5e62;
}
.lea-status-awaiting-qualification:before {
    background-color: #5b5e62 !important;
}

.lea-status-awaiting-volume-information {
    color: #4d56a4;
}
.lea-status-awaiting-volume-information:before {
    background-color: #4d56a4 !important;
}

.lea-status-to-be-followed-up {
    color: #fbb32d;
}
    .lea-status-to-be-followed-up:before {
        background-color: #fbb32d !important;
    }
.lea-status-abandoned {
    color: #5b5e62;
}
    .lea-status-abandoned:before {
        background-color: #5b5e62 !important;
    }
.lea-status-pending-abandon-validation {
    color: #f086bb;
}
    .lea-status-pending-abandon-validation:before {
        background-color: #f086bb !important;
    }
.lea-status-awaiting-cubage-from-client {
    color: #4d56a4;
}
    .lea-status-awaiting-cubage-from-client:before {
        background-color: #4d56a4 !important;
    }
.lea-status-pending-PMS-scheduling {
    color: #f04b5a;
}
    .lea-status-pending-PMS-scheduling:before {
        background-color: #f04b5a !important;
    }
.lea-status-awaiting-PMS-request-to-be-sent {
    color: #f04b5a;
}
    .lea-status-awaiting-PMS-request-to-be-sent:before {
        background-color: #f04b5a !important;
    }
.lea-status-pending-PMS-results {
    color: #fbb32d;
}
    .lea-status-pending-PMS-results:before {
        background-color: #fbb32d !important;
    }
.lea-status-awaiting-to-be-quoted {
    color: #e20e77;
}
    .lea-status-awaiting-to-be-quoted:before {
        background-color: #e20e77 !important;
    }
.lea-status-won {
    color: #41b983;
}
    .lea-status-won:before {
        background-color: #41b983 !important;
    }
.lea-status-quoted-pending-client-acceptance {
    color: #fbb32d;
}
    .lea-status-quoted-pending-client-acceptance:before {
        background-color: #fbb32d !important;
    }
.lea-status-lost {
    color: #e94041;
}
    .lea-status-lost:before {
        background-color: #e94041 !important;
    }

/* #endregion */

/* #region Quote Status*/
.quo-status-cancelled {
    color: #5b5e62;
}
    .quo-status-cancelled:before {
        background-color: #5b5e62 !important;
    }

.quo-status-won {
    color: #41b983;
}
    .quo-status-won:before {
        background-color: #41b983 !important;
    }

.quo-status-lost {
    color: #e94041;
}
    .quo-status-lost:before {
        background-color: #e94041 !important;
    }

.quo-status-pending-client-acceptance {
    color: #fbb32d;
}
    .quo-status-pending-client-acceptance:before {
        background-color: #fbb32d !important;
    }

.quo-status-quote-declined {
    color: #6f00ff;
}
    .quo-status-quote-declined:before {
        background-color: #6f00ff !important;
    }

.quo-status-wait-approval {
    color: #e20e77;
}
    .quo-status-wait-approval:before {
        background-color: #e20e77 !important;
    }

.quo-status-draft {
    color: #5b5e62;
}
    .quo-status-draft:before {
        background-color: #5b5e62 !important;
    }
/* #endregion */

.css-rightFloat {
    float:right;
}

.css-coordinates {
    color: red !important;
}

a[disabled][disabled] {
    pointer-events: none;
}

.css-w-200 {
    width: 200px !important;
}

/*Synfusion DOM dependant*/ 
.css-textAlign-right input{
    text-align: right !important;
}

/* #region Branch Rate Request Status */
.transferred {
    color: #5b5e62 !important;
}

    .transferred:before {
        background-color: #5b5e62 !important;
    }

.status-not-handled {
    color: #e94041 !important;
}

    .status-not-handled:before {
        background-color: #e94041 !important;
    }

.status-won {
    color: #41b983 !important;
}

    .status-won:before {
        background-color: #41b983 !important;
    }

.status-awaiting-to-be-quoted {
    color: #e20e77 !important;
}

    .status-awaiting-to-be-quoted:before {
        background-color: #e20e77 !important;
    }

.status-quoted-pending-branch-acceptance {
    color: #fbb32d !important;
}

    .status-quoted-pending-branch-acceptance:before {
        background-color: #fbb32d !important;
    }

.status-lost {
    color: #e94041 !important;
}

    .status-lost:before {
        background-color: #e94041 !important;
    }

.status-transferred {
    color: #5b5e62 !important;
}

    .status-transferred:before {
        background-color: #5b5e62 !important;
    }
/* #endregion Branch Rate Request Status */


/* #region Branch Rate Response Status */
.reponse-status-cancelled {
    color: #5b5e62 !important;
}

    .reponse-status-cancelled:before {
        background-color: #5b5e62 !important;
    }

.response-status-pending-rates {
    color: #e94041 !important;
}

    .response-status-pending-rates:before {
        background-color: #e94041 !important;
    }

.response-status-declined {
    color: #e94041 !important;
}

    .response-status-declined:before {
        background-color: #e94041 !important;
    }

.response-status-confirmed {
    color: #41b983 !important;
}

    .response-status-confirmed:before {
        background-color: #41b983 !important;
    }

.response-status-quoted-pending-branch-acceptance {
    color: #fbb32d !important;
}

    .response-status-quoted-pending-branch-acceptance:before {
        background-color: #fbb32d !important;
    }

.responseStatus {
    margin-left: 10px !important;
}
/* #endregion Branch Rate Response Status */