/* Minification failed. Returning unminified contents.
(1649,1): run-time error CSS1019: Unexpected token, found '@import'
(1649,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,600)'
(1655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4966,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4983,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5017,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5034,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5051,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5085,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7530,26): run-time error CSS1039: Token not allowed after unary operator: '-cancel-button-color'
(9855,21): run-time error CSS1039: Token not allowed after unary operator: '-nav-text-size'
(10110,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10111,6): run-time error CSS1035: Expected colon, found '{'
(10116,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10117,6): run-time error CSS1035: Expected colon, found '{'
(10130,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10131,6): run-time error CSS1035: Expected colon, found '{'
(10225,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '12.5%'
(10260,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '12.5%'
(10346,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '12.5%'
(10405,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10406,8): run-time error CSS1035: Expected colon, found '{'
(10431,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10432,8): run-time error CSS1035: Expected colon, found '{'
(10483,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10484,8): run-time error CSS1035: Expected colon, found '{'
(10509,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10510,8): run-time error CSS1035: Expected colon, found '{'
(10531,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10532,8): run-time error CSS1035: Expected colon, found '{'
(10575,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10576,8): run-time error CSS1035: Expected colon, found '{'
(10597,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10598,8): run-time error CSS1035: Expected colon, found '{'
(10619,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10620,8): run-time error CSS1035: Expected colon, found '{'
(10663,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10664,8): run-time error CSS1035: Expected colon, found '{'
(10685,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10686,8): run-time error CSS1035: Expected colon, found '{'
(10707,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10708,8): run-time error CSS1035: Expected colon, found '{'
(10751,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10752,8): run-time error CSS1035: Expected colon, found '{'
(10856,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10857,8): run-time error CSS1035: Expected colon, found '{'
(10870,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10871,8): run-time error CSS1035: Expected colon, found '{'
(10904,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10905,8): run-time error CSS1035: Expected colon, found '{'
(10927,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10928,8): run-time error CSS1035: Expected colon, found '{'
(10941,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10942,8): run-time error CSS1035: Expected colon, found '{'
(10975,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10976,8): run-time error CSS1035: Expected colon, found '{'
(11006,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11007,8): run-time error CSS1035: Expected colon, found '{'
(11016,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11017,8): run-time error CSS1035: Expected colon, found '{'
(11036,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11037,8): run-time error CSS1035: Expected colon, found '{'
(11421,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11441,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11481,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12236,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12430,1): run-time error CSS1019: Unexpected token, found '@import'
(12430,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,600)'
(12433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12463,26): run-time error CSS1039: Token not allowed after unary operator: '-lg-button-background-color'
(12701,15): run-time error CSS1039: Token not allowed after unary operator: '-tib-darkblue-color'
(15086,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15154,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15983,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-cancel-button-background-color'
(18707,20): run-time error CSS1039: Token not allowed after unary operator: '-sm-button-background-color'
(18945,20): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color'
(18949,20): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color'
(19771,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-clientname-color'
(19906,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-background-color'
(19993,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-selected-background-color'
(20036,30): run-time error CSS1039: Token not allowed after unary operator: '-nav-hover-color'
(20059,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-text-color'
(21514,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21528,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21556,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21589,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21603,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21631,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21632,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21664,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21678,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21706,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21707,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22071,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22083,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(22084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22107,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22187,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22214,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(22215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22263,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22558,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22570,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23072,20): run-time error CSS1039: Token not allowed after unary operator: '-lg-button-background-color'
(23309,20): run-time error CSS1039: Token not allowed after unary operator: '-md-button-background-color'
(23313,15): run-time error CSS1039: Token not allowed after unary operator: '-md-button-text-color'
(23475,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-button-background-color'
(23495,20): run-time error CSS1039: Token not allowed after unary operator: '-footer-background-color'
(23499,19): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-size'
(23500,15): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(23504,19): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-size'
(23505,15): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(23556,23): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(23627,26): run-time error CSS1039: Token not allowed after unary operator: '-language-toggler-background-color'
(24425,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24434,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24484,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24584,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24585,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24634,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24635,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24652,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24900,96): run-time error CSS1030: Expected identifier, found '.'
(24900,107): run-time error CSS1031: Expected selector, found ')'
(24900,107): run-time error CSS1025: Expected comma or open brace, found ')'
(24953,15): run-time error CSS1039: Token not allowed after unary operator: '-tib-darkblue-color'
(24997,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(24998,23): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(25000,20): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(25001,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(25003,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm'
(25008,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(25014,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(25057,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(25067,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(25081,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(25090,33): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(25107,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(25124,47): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(25124,63): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(25132,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(25151,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(25178,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-light'
(25179,26): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(25180,23): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(25202,23): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(25206,20): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(25212,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(25217,23): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(25221,20): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(25231,43): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(25231,62): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(25242,26): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(25243,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(25248,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-light'
(25254,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(25262,23): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(25263,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-lg'
(25266,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(25270,44): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(25270,63): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(25270,85): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(25276,32): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(25277,33): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(25333,20): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(25367,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(25385,26): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(25391,43): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(25391,62): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(25409,30): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(25425,23): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(25437,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(25454,49): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(25454,65): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(25512,30): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(25540,20): run-time error CSS1039: Token not allowed after unary operator: '-grey-light'
(25545,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(25550,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(25586,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25587,8): run-time error CSS1035: Expected colon, found '{'
(25601,8): run-time error CSS1035: Expected colon, found 'body'
 */
/*Perfact Scrollbar*/
.ps__rail-x,.ps__rail-y{display:none;opacity:0;position:absolute}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0}.ps__rail-y{transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#DD4A68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:-moz-linear-gradient(left,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));background:-webkit-linear-gradient(left,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));background:-o-linear-gradient(left,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));background:linear-gradient(left,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}pre.line-numbers,pre.line-numbers>code{position:relative}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}pre.line-numbers{padding-left:3.8em;counter-reset:linenumber}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.token.cr:before,.token.lf:before,.token.tab:not(:empty):before{color:#e0d7d1}.token.tab:not(:empty):before{content:'\21E5'}.token.cr:before{content:'\240D'}.token.crlf:before{content:'\240D\240A'}.token.lf:before{content:'\240A'}.token a{color:inherit}code[class*=language-] a[href],pre[class*=language-] a[href]{cursor:help;text-decoration:none}code[class*=language-] a[href]:hover,pre[class*=language-] a[href]:hover{cursor:help;text-decoration:underline}div.prism-show-language{position:relative}div.prism-show-language>div.prism-show-language-label[data-language]{color:#000;background-color:#CFCFCF;display:inline-block;position:absolute;bottom:auto;left:auto;top:0;right:0;width:auto;height:auto;font-size:.9em;border-radius:0 0 0 5px;padding:0 .5em;text-shadow:none;z-index:1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}

/*Flag icons*/
.flag-icon-background{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:"\00a0"}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url(flag-icon/flags/4x3/ad.svg)}.flag-icon-ad.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ad.svg)}.flag-icon-ae{background-image:url(flag-icon/flags/4x3/ae.svg)}.flag-icon-ae.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ae.svg)}.flag-icon-af{background-image:url(flag-icon/flags/4x3/af.svg)}.flag-icon-af.flag-icon-squared{background-image:url(flag-icon/flags/1x1/af.svg)}.flag-icon-ag{background-image:url(flag-icon/flags/4x3/ag.svg)}.flag-icon-ag.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ag.svg)}.flag-icon-ai{background-image:url(flag-icon/flags/4x3/ai.svg)}.flag-icon-ai.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ai.svg)}.flag-icon-al{background-image:url(flag-icon/flags/4x3/al.svg)}.flag-icon-al.flag-icon-squared{background-image:url(flag-icon/flags/1x1/al.svg)}.flag-icon-am{background-image:url(flag-icon/flags/4x3/am.svg)}.flag-icon-am.flag-icon-squared{background-image:url(flag-icon/flags/1x1/am.svg)}.flag-icon-ao{background-image:url(flag-icon/flags/4x3/ao.svg)}.flag-icon-ao.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ao.svg)}.flag-icon-aq{background-image:url(flag-icon/flags/4x3/aq.svg)}.flag-icon-aq.flag-icon-squared{background-image:url(flag-icon/flags/1x1/aq.svg)}.flag-icon-ar{background-image:url(flag-icon/flags/4x3/ar.svg)}.flag-icon-ar.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ar.svg)}.flag-icon-as{background-image:url(flag-icon/flags/4x3/as.svg)}.flag-icon-as.flag-icon-squared{background-image:url(flag-icon/flags/1x1/as.svg)}.flag-icon-at{background-image:url(flag-icon/flags/4x3/at.svg)}.flag-icon-at.flag-icon-squared{background-image:url(flag-icon/flags/1x1/at.svg)}.flag-icon-au{background-image:url(flag-icon/flags/4x3/au.svg)}.flag-icon-au.flag-icon-squared{background-image:url(flag-icon/flags/1x1/au.svg)}.flag-icon-aw{background-image:url(flag-icon/flags/4x3/aw.svg)}.flag-icon-aw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/aw.svg)}.flag-icon-ax{background-image:url(flag-icon/flags/4x3/ax.svg)}.flag-icon-ax.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ax.svg)}.flag-icon-az{background-image:url(flag-icon/flags/4x3/az.svg)}.flag-icon-az.flag-icon-squared{background-image:url(flag-icon/flags/1x1/az.svg)}.flag-icon-ba{background-image:url(flag-icon/flags/4x3/ba.svg)}.flag-icon-ba.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ba.svg)}.flag-icon-bb{background-image:url(flag-icon/flags/4x3/bb.svg)}.flag-icon-bb.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bb.svg)}.flag-icon-bd{background-image:url(flag-icon/flags/4x3/bd.svg)}.flag-icon-bd.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bd.svg)}.flag-icon-be{background-image:url(flag-icon/flags/4x3/be.svg)}.flag-icon-be.flag-icon-squared{background-image:url(flag-icon/flags/1x1/be.svg)}.flag-icon-bf{background-image:url(flag-icon/flags/4x3/bf.svg)}.flag-icon-bf.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bf.svg)}.flag-icon-bg{background-image:url(flag-icon/flags/4x3/bg.svg)}.flag-icon-bg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bg.svg)}.flag-icon-bh{background-image:url(flag-icon/flags/4x3/bh.svg)}.flag-icon-bh.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bh.svg)}.flag-icon-bi{background-image:url(flag-icon/flags/4x3/bi.svg)}.flag-icon-bi.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bi.svg)}.flag-icon-bj{background-image:url(flag-icon/flags/4x3/bj.svg)}.flag-icon-bj.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bj.svg)}.flag-icon-bl{background-image:url(flag-icon/flags/4x3/bl.svg)}.flag-icon-bl.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bl.svg)}.flag-icon-bm{background-image:url(flag-icon/flags/4x3/bm.svg)}.flag-icon-bm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bm.svg)}.flag-icon-bn{background-image:url(flag-icon/flags/4x3/bn.svg)}.flag-icon-bn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bn.svg)}.flag-icon-bo{background-image:url(flag-icon/flags/4x3/bo.svg)}.flag-icon-bo.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bo.svg)}.flag-icon-bq{background-image:url(flag-icon/flags/4x3/bq.svg)}.flag-icon-bq.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bq.svg)}.flag-icon-br{background-image:url(flag-icon/flags/4x3/br.svg)}.flag-icon-br.flag-icon-squared{background-image:url(flag-icon/flags/1x1/br.svg)}.flag-icon-bs{background-image:url(flag-icon/flags/4x3/bs.svg)}.flag-icon-bs.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bs.svg)}.flag-icon-bt{background-image:url(flag-icon/flags/4x3/bt.svg)}.flag-icon-bt.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bt.svg)}.flag-icon-bv{background-image:url(flag-icon/flags/4x3/bv.svg)}.flag-icon-bv.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bv.svg)}.flag-icon-bw{background-image:url(flag-icon/flags/4x3/bw.svg)}.flag-icon-bw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bw.svg)}.flag-icon-by{background-image:url(flag-icon/flags/4x3/by.svg)}.flag-icon-by.flag-icon-squared{background-image:url(flag-icon/flags/1x1/by.svg)}.flag-icon-bz{background-image:url(flag-icon/flags/4x3/bz.svg)}.flag-icon-bz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/bz.svg)}.flag-icon-ca{background-image:url(flag-icon/flags/4x3/ca.svg)}.flag-icon-ca.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ca.svg)}.flag-icon-cc{background-image:url(flag-icon/flags/4x3/cc.svg)}.flag-icon-cc.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cc.svg)}.flag-icon-cd{background-image:url(flag-icon/flags/4x3/cd.svg)}.flag-icon-cd.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cd.svg)}.flag-icon-cf{background-image:url(flag-icon/flags/4x3/cf.svg)}.flag-icon-cf.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cf.svg)}.flag-icon-cg{background-image:url(flag-icon/flags/4x3/cg.svg)}.flag-icon-cg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cg.svg)}.flag-icon-ch{background-image:url(flag-icon/flags/4x3/ch.svg)}.flag-icon-ch.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ch.svg)}.flag-icon-ci{background-image:url(flag-icon/flags/4x3/ci.svg)}.flag-icon-ci.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ci.svg)}.flag-icon-ck{background-image:url(flag-icon/flags/4x3/ck.svg)}.flag-icon-ck.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ck.svg)}.flag-icon-cl{background-image:url(flag-icon/flags/4x3/cl.svg)}.flag-icon-cl.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cl.svg)}.flag-icon-cm{background-image:url(flag-icon/flags/4x3/cm.svg)}.flag-icon-cm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cm.svg)}.flag-icon-cn{background-image:url(flag-icon/flags/4x3/cn.svg)}.flag-icon-cn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cn.svg)}.flag-icon-co{background-image:url(flag-icon/flags/4x3/co.svg)}.flag-icon-co.flag-icon-squared{background-image:url(flag-icon/flags/1x1/co.svg)}.flag-icon-cr{background-image:url(flag-icon/flags/4x3/cr.svg)}.flag-icon-cr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cr.svg)}.flag-icon-cu{background-image:url(flag-icon/flags/4x3/cu.svg)}.flag-icon-cu.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cu.svg)}.flag-icon-cv{background-image:url(flag-icon/flags/4x3/cv.svg)}.flag-icon-cv.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cv.svg)}.flag-icon-cw{background-image:url(flag-icon/flags/4x3/cw.svg)}.flag-icon-cw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cw.svg)}.flag-icon-cx{background-image:url(flag-icon/flags/4x3/cx.svg)}.flag-icon-cx.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cx.svg)}.flag-icon-cy{background-image:url(flag-icon/flags/4x3/cy.svg)}.flag-icon-cy.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cy.svg)}.flag-icon-cz{background-image:url(flag-icon/flags/4x3/cz.svg)}.flag-icon-cz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/cz.svg)}.flag-icon-de{background-image:url(flag-icon/flags/4x3/de.svg)}.flag-icon-de.flag-icon-squared{background-image:url(flag-icon/flags/1x1/de.svg)}.flag-icon-dj{background-image:url(flag-icon/flags/4x3/dj.svg)}.flag-icon-dj.flag-icon-squared{background-image:url(flag-icon/flags/1x1/dj.svg)}.flag-icon-dk{background-image:url(flag-icon/flags/4x3/dk.svg)}.flag-icon-dk.flag-icon-squared{background-image:url(flag-icon/flags/1x1/dk.svg)}.flag-icon-dm{background-image:url(flag-icon/flags/4x3/dm.svg)}.flag-icon-dm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/dm.svg)}.flag-icon-do{background-image:url(flag-icon/flags/4x3/do.svg)}.flag-icon-do.flag-icon-squared{background-image:url(flag-icon/flags/1x1/do.svg)}.flag-icon-dz{background-image:url(flag-icon/flags/4x3/dz.svg)}.flag-icon-dz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/dz.svg)}.flag-icon-ec{background-image:url(flag-icon/flags/4x3/ec.svg)}.flag-icon-ec.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ec.svg)}.flag-icon-ee{background-image:url(flag-icon/flags/4x3/ee.svg)}.flag-icon-ee.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ee.svg)}.flag-icon-eg{background-image:url(flag-icon/flags/4x3/eg.svg)}.flag-icon-eg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/eg.svg)}.flag-icon-eh{background-image:url(flag-icon/flags/4x3/eh.svg)}.flag-icon-eh.flag-icon-squared{background-image:url(flag-icon/flags/1x1/eh.svg)}.flag-icon-er{background-image:url(flag-icon/flags/4x3/er.svg)}.flag-icon-er.flag-icon-squared{background-image:url(flag-icon/flags/1x1/er.svg)}.flag-icon-es{background-image:url(flag-icon/flags/4x3/es.svg)}.flag-icon-es.flag-icon-squared{background-image:url(flag-icon/flags/1x1/es.svg)}.flag-icon-et{background-image:url(flag-icon/flags/4x3/et.svg)}.flag-icon-et.flag-icon-squared{background-image:url(flag-icon/flags/1x1/et.svg)}.flag-icon-fi{background-image:url(flag-icon/flags/4x3/fi.svg)}.flag-icon-fi.flag-icon-squared{background-image:url(flag-icon/flags/1x1/fi.svg)}.flag-icon-fj{background-image:url(flag-icon/flags/4x3/fj.svg)}.flag-icon-fj.flag-icon-squared{background-image:url(flag-icon/flags/1x1/fj.svg)}.flag-icon-fk{background-image:url(flag-icon/flags/4x3/fk.svg)}.flag-icon-fk.flag-icon-squared{background-image:url(flag-icon/flags/1x1/fk.svg)}.flag-icon-fm{background-image:url(flag-icon/flags/4x3/fm.svg)}.flag-icon-fm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/fm.svg)}.flag-icon-fo{background-image:url(flag-icon/flags/4x3/fo.svg)}.flag-icon-fo.flag-icon-squared{background-image:url(flag-icon/flags/1x1/fo.svg)}.flag-icon-fr{background-image:url(flag-icon/flags/4x3/fr.svg)}.flag-icon-fr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/fr.svg)}.flag-icon-ga{background-image:url(flag-icon/flags/4x3/ga.svg)}.flag-icon-ga.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ga.svg)}.flag-icon-gb{background-image:url(flag-icon/flags/4x3/gb.svg)}.flag-icon-gb.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gb.svg)}.flag-icon-gd{background-image:url(flag-icon/flags/4x3/gd.svg)}.flag-icon-gd.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gd.svg)}.flag-icon-ge{background-image:url(flag-icon/flags/4x3/ge.svg)}.flag-icon-ge.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ge.svg)}.flag-icon-gf{background-image:url(flag-icon/flags/4x3/gf.svg)}.flag-icon-gf.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gf.svg)}.flag-icon-gg{background-image:url(flag-icon/flags/4x3/gg.svg)}.flag-icon-gg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gg.svg)}.flag-icon-gh{background-image:url(flag-icon/flags/4x3/gh.svg)}.flag-icon-gh.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gh.svg)}.flag-icon-gi{background-image:url(flag-icon/flags/4x3/gi.svg)}.flag-icon-gi.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gi.svg)}.flag-icon-gl{background-image:url(flag-icon/flags/4x3/gl.svg)}.flag-icon-gl.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gl.svg)}.flag-icon-gm{background-image:url(flag-icon/flags/4x3/gm.svg)}.flag-icon-gm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gm.svg)}.flag-icon-gn{background-image:url(flag-icon/flags/4x3/gn.svg)}.flag-icon-gn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gn.svg)}.flag-icon-gp{background-image:url(flag-icon/flags/4x3/gp.svg)}.flag-icon-gp.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gp.svg)}.flag-icon-gq{background-image:url(flag-icon/flags/4x3/gq.svg)}.flag-icon-gq.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gq.svg)}.flag-icon-gr{background-image:url(flag-icon/flags/4x3/gr.svg)}.flag-icon-gr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gr.svg)}.flag-icon-gs{background-image:url(flag-icon/flags/4x3/gs.svg)}.flag-icon-gs.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gs.svg)}.flag-icon-gt{background-image:url(flag-icon/flags/4x3/gt.svg)}.flag-icon-gt.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gt.svg)}.flag-icon-gu{background-image:url(flag-icon/flags/4x3/gu.svg)}.flag-icon-gu.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gu.svg)}.flag-icon-gw{background-image:url(flag-icon/flags/4x3/gw.svg)}.flag-icon-gw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gw.svg)}.flag-icon-gy{background-image:url(flag-icon/flags/4x3/gy.svg)}.flag-icon-gy.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gy.svg)}.flag-icon-hk{background-image:url(flag-icon/flags/4x3/hk.svg)}.flag-icon-hk.flag-icon-squared{background-image:url(flag-icon/flags/1x1/hk.svg)}.flag-icon-hm{background-image:url(flag-icon/flags/4x3/hm.svg)}.flag-icon-hm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/hm.svg)}.flag-icon-hn{background-image:url(flag-icon/flags/4x3/hn.svg)}.flag-icon-hn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/hn.svg)}.flag-icon-hr{background-image:url(flag-icon/flags/4x3/hr.svg)}.flag-icon-hr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/hr.svg)}.flag-icon-ht{background-image:url(flag-icon/flags/4x3/ht.svg)}.flag-icon-ht.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ht.svg)}.flag-icon-hu{background-image:url(flag-icon/flags/4x3/hu.svg)}.flag-icon-hu.flag-icon-squared{background-image:url(flag-icon/flags/1x1/hu.svg)}.flag-icon-id{background-image:url(flag-icon/flags/4x3/id.svg)}.flag-icon-id.flag-icon-squared{background-image:url(flag-icon/flags/1x1/id.svg)}.flag-icon-ie{background-image:url(flag-icon/flags/4x3/ie.svg)}.flag-icon-ie.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ie.svg)}.flag-icon-il{background-image:url(flag-icon/flags/4x3/il.svg)}.flag-icon-il.flag-icon-squared{background-image:url(flag-icon/flags/1x1/il.svg)}.flag-icon-im{background-image:url(flag-icon/flags/4x3/im.svg)}.flag-icon-im.flag-icon-squared{background-image:url(flag-icon/flags/1x1/im.svg)}.flag-icon-in{background-image:url(flag-icon/flags/4x3/in.svg)}.flag-icon-in.flag-icon-squared{background-image:url(flag-icon/flags/1x1/in.svg)}.flag-icon-io{background-image:url(flag-icon/flags/4x3/io.svg)}.flag-icon-io.flag-icon-squared{background-image:url(flag-icon/flags/1x1/io.svg)}.flag-icon-iq{background-image:url(flag-icon/flags/4x3/iq.svg)}.flag-icon-iq.flag-icon-squared{background-image:url(flag-icon/flags/1x1/iq.svg)}.flag-icon-ir{background-image:url(flag-icon/flags/4x3/ir.svg)}.flag-icon-ir.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ir.svg)}.flag-icon-is{background-image:url(flag-icon/flags/4x3/is.svg)}.flag-icon-is.flag-icon-squared{background-image:url(flag-icon/flags/1x1/is.svg)}.flag-icon-it{background-image:url(flag-icon/flags/4x3/it.svg)}.flag-icon-it.flag-icon-squared{background-image:url(flag-icon/flags/1x1/it.svg)}.flag-icon-je{background-image:url(flag-icon/flags/4x3/je.svg)}.flag-icon-je.flag-icon-squared{background-image:url(flag-icon/flags/1x1/je.svg)}.flag-icon-jm{background-image:url(flag-icon/flags/4x3/jm.svg)}.flag-icon-jm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/jm.svg)}.flag-icon-jo{background-image:url(flag-icon/flags/4x3/jo.svg)}.flag-icon-jo.flag-icon-squared{background-image:url(flag-icon/flags/1x1/jo.svg)}.flag-icon-jp{background-image:url(flag-icon/flags/4x3/jp.svg)}.flag-icon-jp.flag-icon-squared{background-image:url(flag-icon/flags/1x1/jp.svg)}.flag-icon-ke{background-image:url(flag-icon/flags/4x3/ke.svg)}.flag-icon-ke.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ke.svg)}.flag-icon-kg{background-image:url(flag-icon/flags/4x3/kg.svg)}.flag-icon-kg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/kg.svg)}.flag-icon-kh{background-image:url(flag-icon/flags/4x3/kh.svg)}.flag-icon-kh.flag-icon-squared{background-image:url(flag-icon/flags/1x1/kh.svg)}.flag-icon-ki{background-image:url(flag-icon/flags/4x3/ki.svg)}.flag-icon-ki.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ki.svg)}.flag-icon-km{background-image:url(flag-icon/flags/4x3/km.svg)}.flag-icon-km.flag-icon-squared{background-image:url(flag-icon/flags/1x1/km.svg)}.flag-icon-kn{background-image:url(flag-icon/flags/4x3/kn.svg)}.flag-icon-kn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/kn.svg)}.flag-icon-kp{background-image:url(flag-icon/flags/4x3/kp.svg)}.flag-icon-kp.flag-icon-squared{background-image:url(flag-icon/flags/1x1/kp.svg)}.flag-icon-kr{background-image:url(flag-icon/flags/4x3/kr.svg)}.flag-icon-kr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/kr.svg)}.flag-icon-kw{background-image:url(flag-icon/flags/4x3/kw.svg)}.flag-icon-kw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/kw.svg)}.flag-icon-ky{background-image:url(flag-icon/flags/4x3/ky.svg)}.flag-icon-ky.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ky.svg)}.flag-icon-kz{background-image:url(flag-icon/flags/4x3/kz.svg)}.flag-icon-kz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/kz.svg)}.flag-icon-la{background-image:url(flag-icon/flags/4x3/la.svg)}.flag-icon-la.flag-icon-squared{background-image:url(flag-icon/flags/1x1/la.svg)}.flag-icon-lb{background-image:url(flag-icon/flags/4x3/lb.svg)}.flag-icon-lb.flag-icon-squared{background-image:url(flag-icon/flags/1x1/lb.svg)}.flag-icon-lc{background-image:url(flag-icon/flags/4x3/lc.svg)}.flag-icon-lc.flag-icon-squared{background-image:url(flag-icon/flags/1x1/lc.svg)}.flag-icon-li{background-image:url(flag-icon/flags/4x3/li.svg)}.flag-icon-li.flag-icon-squared{background-image:url(flag-icon/flags/1x1/li.svg)}.flag-icon-lk{background-image:url(flag-icon/flags/4x3/lk.svg)}.flag-icon-lk.flag-icon-squared{background-image:url(flag-icon/flags/1x1/lk.svg)}.flag-icon-lr{background-image:url(flag-icon/flags/4x3/lr.svg)}.flag-icon-lr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/lr.svg)}.flag-icon-ls{background-image:url(flag-icon/flags/4x3/ls.svg)}.flag-icon-ls.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ls.svg)}.flag-icon-lt{background-image:url(flag-icon/flags/4x3/lt.svg)}.flag-icon-lt.flag-icon-squared{background-image:url(flag-icon/flags/1x1/lt.svg)}.flag-icon-lu{background-image:url(flag-icon/flags/4x3/lu.svg)}.flag-icon-lu.flag-icon-squared{background-image:url(flag-icon/flags/1x1/lu.svg)}.flag-icon-lv{background-image:url(flag-icon/flags/4x3/lv.svg)}.flag-icon-lv.flag-icon-squared{background-image:url(flag-icon/flags/1x1/lv.svg)}.flag-icon-ly{background-image:url(flag-icon/flags/4x3/ly.svg)}.flag-icon-ly.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ly.svg)}.flag-icon-ma{background-image:url(flag-icon/flags/4x3/ma.svg)}.flag-icon-ma.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ma.svg)}.flag-icon-mc{background-image:url(flag-icon/flags/4x3/mc.svg)}.flag-icon-mc.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mc.svg)}.flag-icon-md{background-image:url(flag-icon/flags/4x3/md.svg)}.flag-icon-md.flag-icon-squared{background-image:url(flag-icon/flags/1x1/md.svg)}.flag-icon-me{background-image:url(flag-icon/flags/4x3/me.svg)}.flag-icon-me.flag-icon-squared{background-image:url(flag-icon/flags/1x1/me.svg)}.flag-icon-mf{background-image:url(flag-icon/flags/4x3/mf.svg)}.flag-icon-mf.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mf.svg)}.flag-icon-mg{background-image:url(flag-icon/flags/4x3/mg.svg)}.flag-icon-mg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mg.svg)}.flag-icon-mh{background-image:url(flag-icon/flags/4x3/mh.svg)}.flag-icon-mh.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mh.svg)}.flag-icon-mk{background-image:url(flag-icon/flags/4x3/mk.svg)}.flag-icon-mk.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mk.svg)}.flag-icon-ml{background-image:url(flag-icon/flags/4x3/ml.svg)}.flag-icon-ml.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ml.svg)}.flag-icon-mm{background-image:url(flag-icon/flags/4x3/mm.svg)}.flag-icon-mm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mm.svg)}.flag-icon-mn{background-image:url(flag-icon/flags/4x3/mn.svg)}.flag-icon-mn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mn.svg)}.flag-icon-mo{background-image:url(flag-icon/flags/4x3/mo.svg)}.flag-icon-mo.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mo.svg)}.flag-icon-mp{background-image:url(flag-icon/flags/4x3/mp.svg)}.flag-icon-mp.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mp.svg)}.flag-icon-mq{background-image:url(flag-icon/flags/4x3/mq.svg)}.flag-icon-mq.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mq.svg)}.flag-icon-mr{background-image:url(flag-icon/flags/4x3/mr.svg)}.flag-icon-mr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mr.svg)}.flag-icon-ms{background-image:url(flag-icon/flags/4x3/ms.svg)}.flag-icon-ms.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ms.svg)}.flag-icon-mt{background-image:url(flag-icon/flags/4x3/mt.svg)}.flag-icon-mt.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mt.svg)}.flag-icon-mu{background-image:url(flag-icon/flags/4x3/mu.svg)}.flag-icon-mu.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mu.svg)}.flag-icon-mv{background-image:url(flag-icon/flags/4x3/mv.svg)}.flag-icon-mv.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mv.svg)}.flag-icon-mw{background-image:url(flag-icon/flags/4x3/mw.svg)}.flag-icon-mw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mw.svg)}.flag-icon-mx{background-image:url(flag-icon/flags/4x3/mx.svg)}.flag-icon-mx.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mx.svg)}.flag-icon-my{background-image:url(flag-icon/flags/4x3/my.svg)}.flag-icon-my.flag-icon-squared{background-image:url(flag-icon/flags/1x1/my.svg)}.flag-icon-mz{background-image:url(flag-icon/flags/4x3/mz.svg)}.flag-icon-mz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/mz.svg)}.flag-icon-na{background-image:url(flag-icon/flags/4x3/na.svg)}.flag-icon-na.flag-icon-squared{background-image:url(flag-icon/flags/1x1/na.svg)}.flag-icon-nc{background-image:url(flag-icon/flags/4x3/nc.svg)}.flag-icon-nc.flag-icon-squared{background-image:url(flag-icon/flags/1x1/nc.svg)}.flag-icon-ne{background-image:url(flag-icon/flags/4x3/ne.svg)}.flag-icon-ne.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ne.svg)}.flag-icon-nf{background-image:url(flag-icon/flags/4x3/nf.svg)}.flag-icon-nf.flag-icon-squared{background-image:url(flag-icon/flags/1x1/nf.svg)}.flag-icon-ng{background-image:url(flag-icon/flags/4x3/ng.svg)}.flag-icon-ng.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ng.svg)}.flag-icon-ni{background-image:url(flag-icon/flags/4x3/ni.svg)}.flag-icon-ni.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ni.svg)}.flag-icon-nl{background-image:url(flag-icon/flags/4x3/nl.svg)}.flag-icon-nl.flag-icon-squared{background-image:url(flag-icon/flags/1x1/nl.svg)}.flag-icon-no{background-image:url(flag-icon/flags/4x3/no.svg)}.flag-icon-no.flag-icon-squared{background-image:url(flag-icon/flags/1x1/no.svg)}.flag-icon-np{background-image:url(flag-icon/flags/4x3/np.svg)}.flag-icon-np.flag-icon-squared{background-image:url(flag-icon/flags/1x1/np.svg)}.flag-icon-nr{background-image:url(flag-icon/flags/4x3/nr.svg)}.flag-icon-nr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/nr.svg)}.flag-icon-nu{background-image:url(flag-icon/flags/4x3/nu.svg)}.flag-icon-nu.flag-icon-squared{background-image:url(flag-icon/flags/1x1/nu.svg)}.flag-icon-nz{background-image:url(flag-icon/flags/4x3/nz.svg)}.flag-icon-nz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/nz.svg)}.flag-icon-om{background-image:url(flag-icon/flags/4x3/om.svg)}.flag-icon-om.flag-icon-squared{background-image:url(flag-icon/flags/1x1/om.svg)}.flag-icon-pa{background-image:url(flag-icon/flags/4x3/pa.svg)}.flag-icon-pa.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pa.svg)}.flag-icon-pe{background-image:url(flag-icon/flags/4x3/pe.svg)}.flag-icon-pe.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pe.svg)}.flag-icon-pf{background-image:url(flag-icon/flags/4x3/pf.svg)}.flag-icon-pf.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pf.svg)}.flag-icon-pg{background-image:url(flag-icon/flags/4x3/pg.svg)}.flag-icon-pg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pg.svg)}.flag-icon-ph{background-image:url(flag-icon/flags/4x3/ph.svg)}.flag-icon-ph.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ph.svg)}.flag-icon-pk{background-image:url(flag-icon/flags/4x3/pk.svg)}.flag-icon-pk.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pk.svg)}.flag-icon-pl{background-image:url(flag-icon/flags/4x3/pl.svg)}.flag-icon-pl.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pl.svg)}.flag-icon-pm{background-image:url(flag-icon/flags/4x3/pm.svg)}.flag-icon-pm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pm.svg)}.flag-icon-pn{background-image:url(flag-icon/flags/4x3/pn.svg)}.flag-icon-pn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pn.svg)}.flag-icon-pr{background-image:url(flag-icon/flags/4x3/pr.svg)}.flag-icon-pr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pr.svg)}.flag-icon-ps{background-image:url(flag-icon/flags/4x3/ps.svg)}.flag-icon-ps.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ps.svg)}.flag-icon-pt{background-image:url(flag-icon/flags/4x3/pt.svg)}.flag-icon-pt.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pt.svg)}.flag-icon-pw{background-image:url(flag-icon/flags/4x3/pw.svg)}.flag-icon-pw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/pw.svg)}.flag-icon-py{background-image:url(flag-icon/flags/4x3/py.svg)}.flag-icon-py.flag-icon-squared{background-image:url(flag-icon/flags/1x1/py.svg)}.flag-icon-qa{background-image:url(flag-icon/flags/4x3/qa.svg)}.flag-icon-qa.flag-icon-squared{background-image:url(flag-icon/flags/1x1/qa.svg)}.flag-icon-re{background-image:url(flag-icon/flags/4x3/re.svg)}.flag-icon-re.flag-icon-squared{background-image:url(flag-icon/flags/1x1/re.svg)}.flag-icon-ro{background-image:url(flag-icon/flags/4x3/ro.svg)}.flag-icon-ro.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ro.svg)}.flag-icon-rs{background-image:url(flag-icon/flags/4x3/rs.svg)}.flag-icon-rs.flag-icon-squared{background-image:url(flag-icon/flags/1x1/rs.svg)}.flag-icon-ru{background-image:url(flag-icon/flags/4x3/ru.svg)}.flag-icon-ru.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ru.svg)}.flag-icon-rw{background-image:url(flag-icon/flags/4x3/rw.svg)}.flag-icon-rw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/rw.svg)}.flag-icon-sa{background-image:url(flag-icon/flags/4x3/sa.svg)}.flag-icon-sa.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sa.svg)}.flag-icon-sb{background-image:url(flag-icon/flags/4x3/sb.svg)}.flag-icon-sb.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sb.svg)}.flag-icon-sc{background-image:url(flag-icon/flags/4x3/sc.svg)}.flag-icon-sc.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sc.svg)}.flag-icon-sd{background-image:url(flag-icon/flags/4x3/sd.svg)}.flag-icon-sd.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sd.svg)}.flag-icon-se{background-image:url(flag-icon/flags/4x3/se.svg)}.flag-icon-se.flag-icon-squared{background-image:url(flag-icon/flags/1x1/se.svg)}.flag-icon-sg{background-image:url(flag-icon/flags/4x3/sg.svg)}.flag-icon-sg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sg.svg)}.flag-icon-sh{background-image:url(flag-icon/flags/4x3/sh.svg)}.flag-icon-sh.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sh.svg)}.flag-icon-si{background-image:url(flag-icon/flags/4x3/si.svg)}.flag-icon-si.flag-icon-squared{background-image:url(flag-icon/flags/1x1/si.svg)}.flag-icon-sj{background-image:url(flag-icon/flags/4x3/sj.svg)}.flag-icon-sj.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sj.svg)}.flag-icon-sk{background-image:url(flag-icon/flags/4x3/sk.svg)}.flag-icon-sk.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sk.svg)}.flag-icon-sl{background-image:url(flag-icon/flags/4x3/sl.svg)}.flag-icon-sl.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sl.svg)}.flag-icon-sm{background-image:url(flag-icon/flags/4x3/sm.svg)}.flag-icon-sm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sm.svg)}.flag-icon-sn{background-image:url(flag-icon/flags/4x3/sn.svg)}.flag-icon-sn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sn.svg)}.flag-icon-so{background-image:url(flag-icon/flags/4x3/so.svg)}.flag-icon-so.flag-icon-squared{background-image:url(flag-icon/flags/1x1/so.svg)}.flag-icon-sr{background-image:url(flag-icon/flags/4x3/sr.svg)}.flag-icon-sr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sr.svg)}.flag-icon-ss{background-image:url(flag-icon/flags/4x3/ss.svg)}.flag-icon-ss.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ss.svg)}.flag-icon-st{background-image:url(flag-icon/flags/4x3/st.svg)}.flag-icon-st.flag-icon-squared{background-image:url(flag-icon/flags/1x1/st.svg)}.flag-icon-sv{background-image:url(flag-icon/flags/4x3/sv.svg)}.flag-icon-sv.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sv.svg)}.flag-icon-sx{background-image:url(flag-icon/flags/4x3/sx.svg)}.flag-icon-sx.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sx.svg)}.flag-icon-sy{background-image:url(flag-icon/flags/4x3/sy.svg)}.flag-icon-sy.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sy.svg)}.flag-icon-sz{background-image:url(flag-icon/flags/4x3/sz.svg)}.flag-icon-sz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/sz.svg)}.flag-icon-tc{background-image:url(flag-icon/flags/4x3/tc.svg)}.flag-icon-tc.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tc.svg)}.flag-icon-td{background-image:url(flag-icon/flags/4x3/td.svg)}.flag-icon-td.flag-icon-squared{background-image:url(flag-icon/flags/1x1/td.svg)}.flag-icon-tf{background-image:url(flag-icon/flags/4x3/tf.svg)}.flag-icon-tf.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tf.svg)}.flag-icon-tg{background-image:url(flag-icon/flags/4x3/tg.svg)}.flag-icon-tg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tg.svg)}.flag-icon-th{background-image:url(flag-icon/flags/4x3/th.svg)}.flag-icon-th.flag-icon-squared{background-image:url(flag-icon/flags/1x1/th.svg)}.flag-icon-tj{background-image:url(flag-icon/flags/4x3/tj.svg)}.flag-icon-tj.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tj.svg)}.flag-icon-tk{background-image:url(flag-icon/flags/4x3/tk.svg)}.flag-icon-tk.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tk.svg)}.flag-icon-tl{background-image:url(flag-icon/flags/4x3/tl.svg)}.flag-icon-tl.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tl.svg)}.flag-icon-tm{background-image:url(flag-icon/flags/4x3/tm.svg)}.flag-icon-tm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tm.svg)}.flag-icon-tn{background-image:url(flag-icon/flags/4x3/tn.svg)}.flag-icon-tn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tn.svg)}.flag-icon-to{background-image:url(flag-icon/flags/4x3/to.svg)}.flag-icon-to.flag-icon-squared{background-image:url(flag-icon/flags/1x1/to.svg)}.flag-icon-tr{background-image:url(flag-icon/flags/4x3/tr.svg)}.flag-icon-tr.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tr.svg)}.flag-icon-tt{background-image:url(flag-icon/flags/4x3/tt.svg)}.flag-icon-tt.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tt.svg)}.flag-icon-tv{background-image:url(flag-icon/flags/4x3/tv.svg)}.flag-icon-tv.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tv.svg)}.flag-icon-tw{background-image:url(flag-icon/flags/4x3/tw.svg)}.flag-icon-tw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tw.svg)}.flag-icon-tz{background-image:url(flag-icon/flags/4x3/tz.svg)}.flag-icon-tz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/tz.svg)}.flag-icon-ua{background-image:url(flag-icon/flags/4x3/ua.svg)}.flag-icon-ua.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ua.svg)}.flag-icon-ug{background-image:url(flag-icon/flags/4x3/ug.svg)}.flag-icon-ug.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ug.svg)}.flag-icon-um{background-image:url(flag-icon/flags/4x3/um.svg)}.flag-icon-um.flag-icon-squared{background-image:url(flag-icon/flags/1x1/um.svg)}.flag-icon-us{background-image:url(flag-icon/flags/4x3/us.svg)}.flag-icon-us.flag-icon-squared{background-image:url(flag-icon/flags/1x1/us.svg)}.flag-icon-uy{background-image:url(flag-icon/flags/4x3/uy.svg)}.flag-icon-uy.flag-icon-squared{background-image:url(flag-icon/flags/1x1/uy.svg)}.flag-icon-uz{background-image:url(flag-icon/flags/4x3/uz.svg)}.flag-icon-uz.flag-icon-squared{background-image:url(flag-icon/flags/1x1/uz.svg)}.flag-icon-va{background-image:url(flag-icon/flags/4x3/va.svg)}.flag-icon-va.flag-icon-squared{background-image:url(flag-icon/flags/1x1/va.svg)}.flag-icon-vc{background-image:url(flag-icon/flags/4x3/vc.svg)}.flag-icon-vc.flag-icon-squared{background-image:url(flag-icon/flags/1x1/vc.svg)}.flag-icon-ve{background-image:url(flag-icon/flags/4x3/ve.svg)}.flag-icon-ve.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ve.svg)}.flag-icon-vg{background-image:url(flag-icon/flags/4x3/vg.svg)}.flag-icon-vg.flag-icon-squared{background-image:url(flag-icon/flags/1x1/vg.svg)}.flag-icon-vi{background-image:url(flag-icon/flags/4x3/vi.svg)}.flag-icon-vi.flag-icon-squared{background-image:url(flag-icon/flags/1x1/vi.svg)}.flag-icon-vn{background-image:url(flag-icon/flags/4x3/vn.svg)}.flag-icon-vn.flag-icon-squared{background-image:url(flag-icon/flags/1x1/vn.svg)}.flag-icon-vu{background-image:url(flag-icon/flags/4x3/vu.svg)}.flag-icon-vu.flag-icon-squared{background-image:url(flag-icon/flags/1x1/vu.svg)}.flag-icon-wf{background-image:url(flag-icon/flags/4x3/wf.svg)}.flag-icon-wf.flag-icon-squared{background-image:url(flag-icon/flags/1x1/wf.svg)}.flag-icon-ws{background-image:url(flag-icon/flags/4x3/ws.svg)}.flag-icon-ws.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ws.svg)}.flag-icon-ye{background-image:url(flag-icon/flags/4x3/ye.svg)}.flag-icon-ye.flag-icon-squared{background-image:url(flag-icon/flags/1x1/ye.svg)}.flag-icon-yt{background-image:url(flag-icon/flags/4x3/yt.svg)}.flag-icon-yt.flag-icon-squared{background-image:url(flag-icon/flags/1x1/yt.svg)}.flag-icon-za{background-image:url(flag-icon/flags/4x3/za.svg)}.flag-icon-za.flag-icon-squared{background-image:url(flag-icon/flags/1x1/za.svg)}.flag-icon-zm{background-image:url(flag-icon/flags/4x3/zm.svg)}.flag-icon-zm.flag-icon-squared{background-image:url(flag-icon/flags/1x1/zm.svg)}.flag-icon-zw{background-image:url(flag-icon/flags/4x3/zw.svg)}.flag-icon-zw.flag-icon-squared{background-image:url(flag-icon/flags/1x1/zw.svg)}.flag-icon-es-ct{background-image:url(flag-icon/flags/4x3/es-ct.svg)}.flag-icon-es-ct.flag-icon-squared{background-image:url(flag-icon/flags/1x1/es-ct.svg)}.flag-icon-eu{background-image:url(flag-icon/flags/4x3/eu.svg)}.flag-icon-eu.flag-icon-squared{background-image:url(flag-icon/flags/1x1/eu.svg)}.flag-icon-gb-eng{background-image:url(flag-icon/flags/4x3/gb-eng.svg)}.flag-icon-gb-eng.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gb-eng.svg)}.flag-icon-gb-nir{background-image:url(flag-icon/flags/4x3/gb-nir.svg)}.flag-icon-gb-nir.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gb-nir.svg)}.flag-icon-gb-sct{background-image:url(flag-icon/flags/4x3/gb-sct.svg)}.flag-icon-gb-sct.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gb-sct.svg)}.flag-icon-gb-wls{background-image:url(flag-icon/flags/4x3/gb-wls.svg)}.flag-icon-gb-wls.flag-icon-squared{background-image:url(flag-icon/flags/1x1/gb-wls.svg)}.flag-icon-un{background-image:url(flag-icon/flags/4x3/un.svg)}.flag-icon-un.flag-icon-squared{background-image:url(flag-icon/flags/1x1/un.svg)}
.fl-scrolls{bottom:0;height:35px;overflow:auto;position:fixed}.fl-scrolls div{height:1px;overflow:hidden;pointer-events:none}.fl-scrolls div:before{content:"\A0"}.fl-scrolls,.fl-scrolls div{font-size:1px;line-height:0;margin:0;padding:0}.fl-scrolls-hidden{bottom:9999px}.fl-scrolls-hidden div:before{content:"\A0\A0"}.fl-scrolls-viewport{position:relative}.fl-scrolls-body{overflow:auto}.fl-scrolls-viewport .fl-scrolls{left:0;position:absolute}.fl-scrolls-hoverable .fl-scrolls{opacity:0;transition:opacity .5s .3s}.fl-scrolls-hoverable:hover .fl-scrolls{opacity:1}
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs/jszip-2.5.0/pdfmake-0.1.36/dt-1.10.18/b-1.5.6/b-colvis-1.5.6/b-flash-1.5.6/b-html5-1.5.6/b-print-1.5.6/r-2.2.2/sc-2.0.0/sl-1.3.0
 *
 * Included libraries:
 *   JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.18, Buttons 1.5.6, Column visibility 1.5.6, Flash export 1.5.6, HTML5 export 1.5.6, Print view 1.5.6, Responsive 2.2.2, Scroller 2.0.0, Select 1.3.0
 */

table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}


@keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}div.dt-button-collection-title{text-align:center;padding:0.3em 0 0.5em;font-size:0.9em}div.dt-button-collection-title:empty{display:none}ul.dt-button-collection.dropdown-menu{display:block;z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.dropdown-menu.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.dropdown-menu.fixed.two-column{margin-left:-150px}ul.dt-button-collection.dropdown-menu.fixed.three-column{margin-left:-225px}ul.dt-button-collection.dropdown-menu.fixed.four-column{margin-left:-300px}ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.dropdown-menu.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.dropdown-menu.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.dropdown-menu.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}ul.dt-button-collection.dropdown-menu .dt-button{border-radius:0}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2001}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons a.btn{float:none}}div.dt-buttons button.btn.processing,div.dt-buttons div.btn.processing,div.dt-buttons a.btn.processing{color:rgba(0,0,0,0.2)}div.dt-buttons button.btn.processing:after,div.dt-buttons div.btn.processing:after,div.dt-buttons a.btn.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:' ';border:2px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}


table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}


div.dts{display:block !important}div.dts tbody th,div.dts tbody td{white-space:nowrap}div.dts div.dts_loading{z-index:1}div.dts div.dts_label{position:absolute;right:10px;background:rgba(0,0,0,0.8);color:white;box-shadow:3px 3px 10px rgba(0,0,0,0.5);text-align:right;border-radius:3px;padding:0.4em;z-index:2;display:none}div.dts div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)}div.dts div.dataTables_scrollBody table{z-index:2}div.dts div.dataTables_paginate,div.dts div.dataTables_length{display:none}div.DTS tbody tr{background-color:white}


table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#08C}table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{background-color:#0085c7}table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{background-color:#0083c5}table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected{background-color:#0085c8}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#0081c1}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#0082c2}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#0083c4}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#0085c8}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#0086ca}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#0087cb}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#0081c1}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#0085c8}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#007dbb}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#007ebd}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#007fbf}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#007dbb}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:-11px;margin-left:-4px;text-align:center;text-shadow:1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0.5em}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}table.dataTable tbody tr.selected,table.dataTable tbody th.selected,table.dataTable tbody td.selected{color:white}table.dataTable tbody tr.selected a,table.dataTable tbody th.selected a,table.dataTable tbody td.selected a{color:#a2d4ed}



table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}

@keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}div.dt-button-collection-title{text-align:center;padding:0.3em 0 0.5em;font-size:0.9em}div.dt-button-collection-title:empty{display:none}ul.dt-button-collection.dropdown-menu{display:block;z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.dropdown-menu.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.dropdown-menu.fixed.two-column{margin-left:-150px}ul.dt-button-collection.dropdown-menu.fixed.three-column{margin-left:-225px}ul.dt-button-collection.dropdown-menu.fixed.four-column{margin-left:-300px}ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.dropdown-menu.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.dropdown-menu.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.dropdown-menu.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}ul.dt-button-collection.dropdown-menu .dt-button{border-radius:0}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2001}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons a.btn{float:none}}div.dt-buttons button.btn.processing,div.dt-buttons div.btn.processing,div.dt-buttons a.btn.processing{color:rgba(0,0,0,0.2)}div.dt-buttons button.btn.processing:after,div.dt-buttons div.btn.processing:after,div.dt-buttons a.btn.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:' ';border:2px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}

table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#B0BED9}table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{background-color:#acbad4}table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{background-color:#aab7d1}table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#a6b4cd}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#a5b2cb}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#a2aec7}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:-11px;margin-left:-4px;text-align:center;text-shadow:1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0.5em}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle
}

  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
  }

    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative
    }

  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
  }

  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
  }

    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap
    }

  .select2-container .select2-search--inline {
    float: left
  }

    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0
    }

      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none
      }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 94%;
  z-index: 1251
}

.select2-results {
  display: block
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none
}

  .select2-results__option[aria-selected] {
    cursor: pointer
  }

.select2-container--open .select2-dropdown {
  left: 0
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-search--dropdown {
  display: block;
  padding: 4px
}

  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 94%;
    box-sizing: border-box
  }

    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none
    }

  .select2-search--dropdown.select2-search--hide {
    display: none
  }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 94%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0)
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
  /*background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px*/
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 0 0;
  padding: 0;
  display: block;
  user-select: none;
}

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
  }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        font-size: 20px;
        padding-right: 2px;
        color: #f05e5e;
    }

  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
  }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0
    }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default
}

  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
  }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text
}

  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 94%
  }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none
    }

  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
  }

  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 15px;
    font-size:20px !important;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
  }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333
    }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd
}

  .select2-container--default .select2-results__option[aria-selected=true]:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
  }

  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
  }

  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
  }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em
    }

      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em
      }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em
        }

          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em
          }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
  }

  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
  }

  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
  }

  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
  }

  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
  }

    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0
    }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb
}

  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
  }

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px
    }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0
}

  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
  }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555
    }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
  border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb
}

/*--------------------------------------------------------------
	Materialize file contain extended material ui based on theme
---------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,600);
.materialize-red {
  background-color: #e51c23 !important;
}

:root {
  --nav-text-size: 14px;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

.red {
  background-color: #f44336 !important;
}

.red-text {
  color: #f44336 !important;
}

.red.lighten-5 {
  background-color: #ffebee !important;
}

.red-text.text-lighten-5 {
  color: #ffebee !important;
}

.red.lighten-4 {
  background-color: #ffcdd2 !important;
}

.red-text.text-lighten-4 {
  color: #ffcdd2 !important;
}

.red.lighten-3 {
  background-color: #ef9a9a !important;
}

.red-text.text-lighten-3 {
  color: #ef9a9a !important;
}

.red.lighten-2 {
  background-color: #e57373 !important;
}

.red-text.text-lighten-2 {
  color: #e57373 !important;
}

.red.lighten-1 {
  background-color: #ef5350 !important;
}

.red-text.text-lighten-1 {
  color: #ef5350 !important;
}

.red.darken-1 {
  background-color: #e53935 !important;
}

.red-text.text-darken-1 {
  color: #e53935 !important;
}

.red.darken-2 {
  background-color: #d32f2f !important;
}

.red-text.text-darken-2 {
  color: #d32f2f !important;
}

.red.darken-3 {
  background-color: #c62828 !important;
}

.red-text.text-darken-3 {
  color: #c62828 !important;
}

.red.darken-4 {
  background-color: #b71c1c !important;
}

.red-text.text-darken-4 {
  color: #b71c1c !important;
}

.red.accent-1 {
  background-color: #ff8a80 !important;
}

.red-text.text-accent-1 {
  color: #ff8a80 !important;
}

.red.accent-2 {
  background-color: #FF934D !important;
}

.red-text.text-accent-2 {
  color: #FF934D !important;
}

.red.accent-3 {
  background-color: #ff1744 !important;
}

.red-text.text-accent-3 {
  color: #ff1744 !important;
}

.red.accent-4 {
  background-color: #d50000 !important;
}

.red-text.text-accent-4 {
  color: #d50000 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-3 {
    background-color: #009C92 !important;
}

.pink-text.text-lighten-3 {
    color: #009C92 !important;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
  color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
  color: #880e4f !important;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #FF934D !important;
}

.pink-text.text-accent-2 {
  color: #FF934D !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
  color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

.purple.darken-2 {
  background-color: #203638a8 !important;
}

.purple-text.text-darken-2 {
  color: #203638a8 !important;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
  color: #6a1b9a !important;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
  color: #4a148c !important;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
  color: #e040fb !important;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

.purple.accent-4 {
  background-color: #a0f !important;
}

.purple-text.text-accent-4 {
  color: #a0f !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

.indigo.darken-1 {
  background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
  color: #3949ab !important;
}

.indigo.darken-2 {
    background-color: #6470DB !important;
}

.indigo-text.text-darken-2 {
    color: #6470DB !important;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
  color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.blue {
  background-color: #2196f3 !important;
}

.blue-text {
  color: #2196f3 !important;
}

.blue.lighten-5 {
  background-color: #e3f2fd !important;
}

.blue-text.text-lighten-5 {
  color: #e3f2fd !important;
}

.blue.lighten-4 {
  background-color: #bbdefb !important;
}

.blue-text.text-lighten-4 {
  color: #bbdefb !important;
}

.blue.lighten-3 {
  background-color: #90caf9 !important;
}

.blue-text.text-lighten-3 {
  color: #90caf9 !important;
}

.blue.lighten-2 {
  background-color: #64b5f6 !important;
}

.blue-text.text-lighten-2 {
  color: #64b5f6 !important;
}

.blue.lighten-1 {
  background-color: #42a5f5 !important;
}

.blue-text.text-lighten-1 {
  color: #42a5f5 !important;
}

.blue.darken-1 {
  background-color: #1e88e5 !important;
}

.blue-text.text-darken-1 {
  color: #1e88e5 !important;
}

.blue.darken-2 {
  background-color: #1976d2 !important;
}

.blue-text.text-darken-2 {
  color: #1976d2 !important;
}

.blue.darken-3 {
  background-color: #1565c0 !important;
}

.blue-text.text-darken-3 {
  color: #1565c0 !important;
}

.blue.darken-4 {
  background-color: #0d47a1 !important;
}

.blue-text.text-darken-4 {
  color: #0d47a1 !important;
}

.blue.accent-1 {
  background-color: #82b1ff !important;
}

.blue-text.text-accent-1 {
  color: #82b1ff !important;
}

.blue.accent-2 {
  background-color: #448aff !important;
}

.blue-text.text-accent-2 {
  color: #448aff !important;
}

.blue.accent-3 {
  background-color: #2979ff !important;
}

.blue-text.text-accent-3 {
  color: #2979ff !important;
}

.blue.accent-4 {
  background-color: #2962ff !important;
}

.blue-text.text-accent-4 {
  color: #2962ff !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.light-blue.darken-2 {
  background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
  color: #0288d1 !important;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
  color: #0277bd !important;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

.cyan.lighten-1 {
  background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
  color: #26c6da !important;
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
  color: #00838f !important;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
  color: #006064 !important;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-1 {
  background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
  color: #26a69a !important;
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal-text.text-darken-1 {
  color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal-text.text-darken-3 {
  color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
  color: #004d40 !important;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
  color: #1de9b6 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.green {
  background-color: #4caf50 !important;
}

.green-text {
  color: #4caf50 !important;
}

.green.lighten-5 {
  background-color: #e8f5e9 !important;
}

.green-text.text-lighten-5 {
  color: #e8f5e9 !important;
}

.green.lighten-4 {
  background-color: #c8e6c9 !important;
}

.green-text.text-lighten-4 {
  color: #c8e6c9 !important;
}

.green.lighten-3 {
  background-color: #a5d6a7 !important;
}

.green-text.text-lighten-3 {
  color: #a5d6a7 !important;
}

.green.lighten-2 {
  background-color: #81c784 !important;
}

.green-text.text-lighten-2 {
  color: #81c784 !important;
}

.green.lighten-1 {
  background-color: #66bb6a !important;
}

.green-text.text-lighten-1 {
  color: #66bb6a !important;
}

.green.darken-1 {
  background-color: #43a047 !important;
}

.green-text.text-darken-1 {
  color: #43a047 !important;
}

.green.darken-2 {
  background-color: #388e3c !important;
}

.green-text.text-darken-2 {
  color: #388e3c !important;
}

.green.darken-3 {
  background-color: #2e7d32 !important;
}

.green-text.text-darken-3 {
  color: #2e7d32 !important;
}

.green.darken-4 {
  background-color: #1b5e20 !important;
}

.green-text.text-darken-4 {
  color: #1b5e20 !important;
}

.green.accent-1 {
  background-color: #b9f6ca !important;
}

.green-text.text-accent-1 {
  color: #b9f6ca !important;
}

.green.accent-2 {
  background-color: #69f0ae !important;
}

.green-text.text-accent-2 {
  color: #69f0ae !important;
}

.green.accent-3 {
  background-color: #00e676 !important;
}

.green-text.text-accent-3 {
  color: #00e676 !important;
}

.green.accent-4 {
  background-color: #00c853 !important;
}

.green-text.text-accent-4 {
  color: #00c853 !important;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
  color: #558b2f !important;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
  color: #33691e !important;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
  color: #afb42b !important;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
  color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4 {
  color: #827717 !important;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
  color: #f9a825 !important;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

.yellow.accent-2 {
  background-color: #ff0 !important;
}

.yellow-text.text-accent-2 {
  color: #ff0 !important;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

.amber.lighten-1 {
  background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
  color: #ffca28 !important;
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
  color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #ff6f00 !important;
}

.amber-text.text-darken-4 {
  color: #ff6f00 !important;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

.orange.darken-2 {
  background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
  color: #f57c00 !important;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
  color: #ef6c00 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
  color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
  color: #bf360c !important;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
  color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
  color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eee !important;
}

.grey-text.text-lighten-3 {
  color: #eee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.black {
  background-color: #000 !important;
}

.black-text {
  color: #000 !important;
}

.white {
  background-color: #fff !important;
}

.white-text {
  color: #fff !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

/*
  Autogenerated theme file
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  /* 1 */
  overflow: visible;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  /* 1 */
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  color: #000;
  background-color: #ff0;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

  /**
 * Add the correct display in iOS 4-7.
 */
  audio:not([controls]) {
    display: none;
    height: 0;
  }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 2 */
}

  /**
 * Remove the inner border and padding in Firefox.
 */
  button::-moz-focus-inner,
  [type='button']::-moz-focus-inner,
  [type='reset']::-moz-focus-inner,
  [type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  /**
 * Restore the focus styles unset by the previous rule.
 */
  button:-moz-focusring,
  [type='button']:-moz-focusring,
  [type='reset']:-moz-focusring,
  [type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
  }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: .35em .75em .625em;
  border: 1px solid #bbbbbb !important;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  /* 2 */
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  /* 1 */
  outline-offset: -2px;
  -webkit-appearance: textfield;
  /* 2 */
}

  /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
  [type='search']::-webkit-search-cancel-button,
  [type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
  }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Muli', sans-serif;
}

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

  ul:not(.browser-default) > li {
    list-style-type: none;
  }

a {
  text-decoration: none;
  color: #FF934D;
  -webkit-tap-highlight-color: transparent;
}

:focus {
  outline: none;
}

.valign-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clearfix {
  clear: both;
}

.z-depth-0 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* 2dp elevation modified*/
.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-small,
.btn-floating,
.dropdown-content,
.collapsible,
.sidenav {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}

  .z-depth-1-half,
  .btn:hover,
  .btn-large:hover,
  .btn-small:hover,
  .btn-floating:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
  }

/* 6dp elevation modified*/
.z-depth-2 {
  -webkit-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, .3);
  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, .3);
}

/* 12dp elevation modified*/
.z-depth-3 {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}

/* 16dp elevation */
.z-depth-4 {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
}

.hoverable {
  -webkit-transition: -webkit-box-shadow .25s;
  -moz-transition: box-shadow .25s;
  -o-transition: box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

  .hoverable:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  }

.divider {
  overflow: hidden;
  height: 1px;
  background-color: #e0e0e0;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #3f51b5;
}

i {
  line-height: inherit;
}

  i.left {
    float: left;
    margin-right: 15px;
  }

  i.right {
    float: right;
    margin-left: 15px;
  }

  i.tiny {
    font-size: 1rem;
  }

  i.small {
    font-size: 2rem;
  }

  i.medium {
    font-size: 4rem;
  }

  i.large {
    font-size: 6rem;
  }

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto;
}

.pagination li {
  display: inline-block;
  height: 30px;
  text-align: center;
  vertical-align: top;
  border-radius: 2px;
}

  .pagination li a {
    font-size: 1.2rem;
    line-height: 30px;
    display: inline-block;
    padding: 0 10px;
    color: #444;
  }

  .pagination li.active a {
    color: #fff;
  }

  .pagination li.active {
    background-color: #3f51b5;
  }

  .pagination li.disabled a {
    cursor: default;
    color: #999;
  }

  .pagination li i {
    font-size: 2rem;
  }

  .pagination li.pages ul li {
    display: inline-block;
    float: none;
  }

@media only screen and (max-width: 992px) {
  .pagination {
    width: 100%;
  }

    .pagination li.prev,
    .pagination li.next {
      width: 10%;
    }

    .pagination li.pages {
      overflow: hidden;
      width: 80%;
      white-space: nowrap;
    }
}

.breadcrumb {
  font-size: 18px;
  color: rgba(255, 255, 255, .7);
}

  .breadcrumb i,
  .breadcrumb [class^='mdi-'],
  .breadcrumb [class*='mdi-'],
  .breadcrumb i.material-icons {
    font-size: 24px;
    display: inline-block;
    float: left;
  }

  .breadcrumb:before {
    font-family: 'Material Icons';
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    margin: 0 10px 0 8px;
    content: '\E5CC';
    vertical-align: top;
    color: rgba(255, 255, 255, .7);
    -webkit-font-smoothing: antialiased;
  }

  .breadcrumb:first-child:before {
    display: none;
  }

  .breadcrumb:last-child {
    color: #fff;
  }

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}

  .parallax-container .parallax {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

    .parallax-container .parallax img {
      position: absolute;
      bottom: 0;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-transform: translateX(-50%);
      -moz-transform: translate3d(0, 0, 0);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translate3d(0, 0, 0);
      transform: translateX(-50%);
      opacity: 0;
    }

.pin-top,
.pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0;
}


/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
  .hide-on-small-only,
  .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .hide-on-extra-large-only {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .show-on-extra-large {
    display: block !important;
  }
}

@media only screen and (min-width: 993px) {
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .show-on-medium-and-down {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center;
  }
}

.page-footer {
  padding-top: 20px;
  color: #fff;
  background-color: #3f51b5;
}

  .page-footer .footer-copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-height: 50px;
    padding: 10px 0;
    color: rgba(255, 255, 255, .8);
    background-color: rgba(51, 51, 51, .08);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

table,
th,
td {
  border: none;
}

td {
  padding: 3px 4px;
}

table {
  display: table;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

  table.striped tr {
    border-bottom: none;
  }

  table.striped > tbody > tr:nth-child(odd) {
    background-color: rgba(242, 242, 242, .5);
  }

  table.striped > tbody > tr > td {
    border-radius: 0;
  }

  table.highlight > tbody > tr {
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
  }

    table.highlight > tbody > tr:hover {
      background-color: rgba(242, 242, 242, .5);
    }

  table.centered thead tr th,
  table.centered tbody tr td {
    text-align: center;
  }

tr {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.custom-th-td td,
.custom-th-td th {
  display: table-cell;
  padding: 15px 6px;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

@media only screen and (max-width: 992px) {
  table.responsive-table {
    position: relative;
    display: block;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    /* sort out borders */
  }

    table.responsive-table td:empty:before {
      content: '\00a0';
    }

    table.responsive-table th,
    table.responsive-table td {
      margin: 0;
      vertical-align: top;
    }

    table.responsive-table th {
      text-align: left;
    }

    table.responsive-table thead {
      display: block;
      float: left;
    }

      table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0;
      }

        table.responsive-table thead tr th::before {
          content: '\00a0';
        }

    table.responsive-table tbody {
      position: relative;
      display: block;
      overflow-x: auto;
      width: auto;
      white-space: nowrap;
    }

      table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top;
      }

    table.responsive-table th {
      display: block;
      text-align: right;
    }

    table.responsive-table td {
      display: block;
      min-height: 1.25em;
      text-align: left;
    }

    table.responsive-table tr {
      padding: 0 10px;
      border-bottom: none;
    }

    table.responsive-table thead {
      border: 0;
      border-right: 1px solid rgba(0, 0, 0, .12);
    }
}

.collection {
  position: relative;
  overflow: hidden;
  margin: .5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
}

  .collection .collection-item {
    line-height: 1.5rem;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
  }

    .collection .collection-item.avatar {
      position: relative;
      min-height: 84px;
      padding-left: 72px;
    }

      .collection .collection-item.avatar:not(.circle-clipper) > .circle,
      .collection .collection-item.avatar :not(.circle-clipper) > .circle {
        position: absolute;
        left: 15px;
        display: inline-block;
        overflow: hidden;
        width: 42px;
        height: 42px;
        vertical-align: middle;
      }

      .collection .collection-item.avatar i.circle {
        font-size: 18px;
        line-height: 42px;
        text-align: center;
        color: #fff;
        background-color: #999;
      }

      .collection .collection-item.avatar .title {
        font-size: 16px;
      }

      .collection .collection-item.avatar p {
        margin: 0;
      }

      .collection .collection-item.avatar .secondary-content {
        position: absolute;
        top: 16px;
        right: 16px;
      }

    .collection .collection-item:last-child {
      border-bottom: none;
    }

    .collection .collection-item.active {
      color: white;
      background-color: #FF934D;
    }

      .collection .collection-item.active .secondary-content {
        color: #fff;
      }

  .collection a.collection-item {
    display: block;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    color: #FF934D;
  }

    .collection a.collection-item:not(.active):hover {
      background-color: #ddd;
    }

  .collection.with-header .collection-header {
    padding: 10px 20px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
  }

  .collection.with-header .collection-item {
    padding-left: 30px;
  }

    .collection.with-header .collection-item.avatar {
      padding-left: 72px;
    }

.secondary-content {
  float: right;
  color: #FF934D;
}

.collapsible .collection {
  margin: 0;
  border: none;
}

.video-container {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}

  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.progress {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 4px;
  margin: .5rem 0 1rem 0;
  border-radius: 2px;
  background-color: white;
}

  .progress .determinate {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: width .3s linear;
    -moz-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear;
    background-color: #FF934D;
  }

  .progress .indeterminate {
    background-color: #FF934D;
  }

    .progress .indeterminate:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      content: '';
      -webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
      -moz-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
      -o-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
      animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
      background-color: inherit;
      will-change: left, right;
    }

    .progress .indeterminate:after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      content: '';
      -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
      -moz-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
      -o-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
      animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
      -webkit-animation-delay: 1.15s;
      -moz-animation-delay: 1.15s;
      -o-animation-delay: 1.15s;
      animation-delay: 1.15s;
      background-color: inherit;
      will-change: left, right;
    }

@-webkit-keyframes indeterminate {
  0% {
    right: 100%;
    left: -35%;
  }

  60% {
    right: -90%;
    left: 100%;
  }

  100% {
    right: -90%;
    left: 100%;
  }
}

@-moz-keyframes indeterminate {
  0% {
    right: 100%;
    left: -35%;
  }

  60% {
    right: -90%;
    left: 100%;
  }

  100% {
    right: -90%;
    left: 100%;
  }
}

@-o-keyframes indeterminate {
  0% {
    right: 100%;
    left: -35%;
  }

  60% {
    right: -90%;
    left: 100%;
  }

  100% {
    right: -90%;
    left: 100%;
  }
}

@keyframes indeterminate {
  0% {
    right: 100%;
    left: -35%;
  }

  60% {
    right: -90%;
    left: 100%;
  }

  100% {
    right: -90%;
    left: 100%;
  }
}

@-webkit-keyframes indeterminate-short {
  0% {
    right: 100%;
    left: -200%;
  }

  60% {
    right: -8%;
    left: 107%;
  }

  100% {
    right: -8%;
    left: 107%;
  }
}

@-moz-keyframes indeterminate-short {
  0% {
    right: 100%;
    left: -200%;
  }

  60% {
    right: -8%;
    left: 107%;
  }

  100% {
    right: -8%;
    left: 107%;
  }
}

@-o-keyframes indeterminate-short {
  0% {
    right: 100%;
    left: -200%;
  }

  60% {
    right: -8%;
    left: 107%;
  }

  100% {
    right: -8%;
    left: 107%;
  }
}

@keyframes indeterminate-short {
  0% {
    right: 100%;
    left: -200%;
  }

  60% {
    right: -8%;
    left: 107%;
  }

  100% {
    right: -8%;
    left: 107%;
  }
}

/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

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

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

.center,
.center-align {
  text-align: center;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.no-select,
input[type=range],
input[type=range] + .thumb {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.circle {
  border-radius: 50%;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.truncate {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.no-padding {
  padding: 0 !important;
}

span.badge {
  font-size: 1rem;
  line-height: 22px;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 3rem;
  height: 22px;
  margin-left: 14px;
  padding: 0 6px;
  text-align: center;
  color: #757575;
}

  span.badge.new {
    font-size: .8rem;
    font-weight: 300;
    color: #fff;
    border-radius: 2px;
    background-color: #FF934D;
  }

    span.badge.new:after {
      content: ' new';
    }

  span.badge[data-badge-caption]::after {
    content: ' ' attr(data-badge-caption);
  }

nav ul a span.badge {
  line-height: 22px;
  display: inline-block;
  float: none;
  height: 22px;
  margin-left: 4px;
  -webkit-font-smoothing: auto;
}

.collection-item span.badge {
  margin-top: -webkit-calc(.75rem - 11px);
  margin-top: -moz-calc(.75rem - 11px);
  margin-top: calc(.75rem - 11px);
}

.collapsible span.badge {
  margin-left: auto;
}

.sidenav span.badge {
  margin-top: -webkit-calc(24px - 11px);
  margin-top: -moz-calc(24px - 11px);
  margin-top: calc(24px - 11px);
}

table span.badge {
  display: inline-block;
  float: none;
  margin-left: auto;
}

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

.container {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}

.col .row {
  margin-right: -.75rem;
  margin-left: -.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

  .section.no-pad {
    padding: 0;
  }

  .section.no-pad-bot {
    padding-bottom: 0;
  }

  .section.no-pad-top {
    padding-top: 0;
  }

.row {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

  .row:after {
    display: table;
    clear: both;
    content: '';
  }

  .row .col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
    padding: 0 .75rem;
  }

    .row2 .col2 {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 1px;
    }

    .row .col[class*='push-'],
    .row .col[class*='pull-'] {
      position: relative;
    }

    @media only screen and (max-width: 599.67px) {
        .row .col.xs1 {
            right: auto;
            left: auto;
            width: 8.33333%;
            margin-left: auto;
        }

        .row .col.xs2 {
            right: auto;
            left: auto;
            width: 16.66667%;
            margin-left: auto;
        }

        .row .col.xs3 {
            right: auto;
            left: auto;
            width: 25%;
            margin-left: auto;
        }

        .row .col.xs4 {
            right: auto;
            left: auto;
            width: 33.33333%;
            margin-left: auto;
        }

        .row .col.xs5 {
            right: auto;
            left: auto;
            width: 41.66667%;
            margin-left: auto;
        }

        .row .col.xs6 {
            right: auto;
            left: auto;
            width: 50%;
            margin-left: auto;
        }

        .row .col.xs7 {
            right: auto;
            left: auto;
            width: 58.33333%;
            margin-left: auto;
        }

        .row .col.xs8 {
            right: auto;
            left: auto;
            width: 66.66667%;
            margin-left: auto;
        }

        .row .col.xs9 {
            right: auto;
            left: auto;
            width: 75%;
            margin-left: auto;
        }

        .row .col.xs10 {
            right: auto;
            left: auto;
            width: 83.33333%;
            margin-left: auto;
        }

        .row .col.xs11 {
            right: auto;
            left: auto;
            width: 91.66667%;
            margin-left: auto;
        }

        .row .col.xs12 {
            right: auto;
            left: auto;
            width: 100%;
            margin-left: auto;
        }

        .row .col.offset-xs1 {
            margin-left: 8.33333%;
        }

        .row .col.pull-xs1 {
            right: 8.33333%;
        }

        .row .col.push-xs1 {
            left: 8.33333%;
        }

        .row .col.offset-xs2 {
            margin-left: 16.66667%;
        }

        .row .col.pull-xs2 {
            right: 16.66667%;
        }

        .row .col.push-xs2 {
            left: 16.66667%;
        }

        .row .col.offset-xs3 {
            margin-left: 25%;
        }

        .row .col.pull-xs3 {
            right: 25%;
        }

        .row .col.push-xs3 {
            left: 25%;
        }

        .row .col.offset-xs4 {
            margin-left: 33.33333%;
        }

        .row .col.pull-xs4 {
            right: 33.33333%;
        }

        .row .col.push-xs4 {
            left: 33.33333%;
        }

        .row .col.offset-xs5 {
            margin-left: 41.66667%;
        }

        .row .col.pull-xs5 {
            right: 41.66667%;
        }

        .row .col.push-xs5 {
            left: 41.66667%;
        }

        .row .col.offset-xs6 {
            margin-left: 50%;
        }

        .row .col.pull-xs6 {
            right: 50%;
        }

        .row .col.push-xs6 {
            left: 50%;
        }

        .row .col.offset-xs7 {
            margin-left: 58.33333%;
        }

        .row .col.pull-xs7 {
            right: 58.33333%;
        }

        .row .col.push-xs7 {
            left: 58.33333%;
        }

        .row .col.offset-xs8 {
            margin-left: 66.66667%;
        }

        .row .col.pull-xs8 {
            right: 66.66667%;
        }

        .row .col.push-xs8 {
            left: 66.66667%;
        }

        .row .col.offset-xs9 {
            margin-left: 75%;
        }

        .row .col.pull-xs9 {
            right: 75%;
        }

        .row .col.push-xs9 {
            left: 75%;
        }

        .row .col.offset-xs10 {
            margin-left: 83.33333%;
        }

        .row .col.pull-xs10 {
            right: 83.33333%;
        }

        .row .col.push-xs10 {
            left: 83.33333%;
        }

        .row .col.offset-xs11 {
            margin-left: 91.66667%;
        }

        .row .col.pull-xs11 {
            right: 91.66667%;
        }

        .row .col.push-xs11 {
            left: 91.66667%;
        }

        .row .col.offset-xs12 {
            margin-left: 100%;
        }

        .row .col.pull-xs12 {
            right: 100%;
        }

        .row .col.push-xs12 {
            left: 100%;
        }
    }

    @media only screen and (min-width: 600px) {
        .row .col.s1 {
            right: auto;
            left: auto;
            width: 8.33333%;
            margin-left: auto;
        }

        .row .col.s2 {
            right: auto;
            left: auto;
            width: 16.66667%;
            margin-left: auto;
        }

        .row .col.s3 {
            right: auto;
            left: auto;
            width: 25%;
            margin-left: auto;
        }

        .row .col.s4 {
            right: auto;
            left: auto;
            width: 33.33333%;
            margin-left: auto;
        }

        .row .col.s5 {
            right: auto;
            left: auto;
            width: 41.66667%;
            margin-left: auto;
        }

        .row .col.s6 {
            right: auto;
            left: auto;
            width: 50%;
            margin-left: auto;
        }

        .row .col.s7 {
            right: auto;
            left: auto;
            width: 58.33333%;
            margin-left: auto;
        }

        .row .col.s8 {
            right: auto;
            left: auto;
            width: 66.66667%;
            margin-left: auto;
        }

        .row .col.s9 {
            right: auto;
            left: auto;
            width: 75%;
            margin-left: auto;
        }

        .row .col.s10 {
            right: auto;
            left: auto;
            width: 83.33333%;
            margin-left: auto;
        }

        .row .col.s11 {
            right: auto;
            left: auto;
            width: 91.66667%;
            margin-left: auto;
        }

        .row .col.s12 {
            right: auto;
            left: auto;
            width: 100%;
            margin-left: auto;
        }

        .row .col.offset-s1 {
            margin-left: 8.33333%;
        }

        .row .col.pull-s1 {
            right: 8.33333%;
        }

        .row .col.push-s1 {
            left: 8.33333%;
        }

        .row .col.offset-s2 {
            margin-left: 16.66667%;
        }

        .row .col.pull-s2 {
            right: 16.66667%;
        }

        .row .col.push-s2 {
            left: 16.66667%;
        }

        .row .col.offset-s3 {
            margin-left: 25%;
        }

        .row .col.pull-s3 {
            right: 25%;
        }

        .row .col.push-s3 {
            left: 25%;
        }

        .row .col.offset-s4 {
            margin-left: 33.33333%;
        }

        .row .col.pull-s4 {
            right: 33.33333%;
        }

        .row .col.push-s4 {
            left: 33.33333%;
        }

        .row .col.offset-s5 {
            margin-left: 41.66667%;
        }

        .row .col.pull-s5 {
            right: 41.66667%;
        }

        .row .col.push-s5 {
            left: 41.66667%;
        }

        .row .col.offset-s6 {
            margin-left: 50%;
        }

        .row .col.pull-s6 {
            right: 50%;
        }

        .row .col.push-s6 {
            left: 50%;
        }

        .row .col.offset-s7 {
            margin-left: 58.33333%;
        }

        .row .col.pull-s7 {
            right: 58.33333%;
        }

        .row .col.push-s7 {
            left: 58.33333%;
        }

        .row .col.offset-s8 {
            margin-left: 66.66667%;
        }

        .row .col.pull-s8 {
            right: 66.66667%;
        }

        .row .col.push-s8 {
            left: 66.66667%;
        }

        .row .col.offset-s9 {
            margin-left: 75%;
        }

        .row .col.pull-s9 {
            right: 75%;
        }

        .row .col.push-s9 {
            left: 75%;
        }

        .row .col.offset-s10 {
            margin-left: 83.33333%;
        }

        .row .col.pull-s10 {
            right: 83.33333%;
        }

        .row .col.push-s10 {
            left: 83.33333%;
        }

        .row .col.offset-s11 {
            margin-left: 91.66667%;
        }

        .row .col.pull-s11 {
            right: 91.66667%;
        }

        .row .col.push-s11 {
            left: 91.66667%;
        }

        .row .col.offset-s12 {
            margin-left: 100%;
        }

        .row .col.pull-s12 {
            right: 100%;
        }

        .row .col.push-s12 {
            left: 100%;
        }
    }

@media only screen and (min-width: 768px) {
  .row .col.m1 {
    right: auto;
    left: auto;
    width: 8.33333%;
    margin-left: auto;
  }

  .row .col.m2 {
    right: auto;
    left: auto;
    width: 16.66667%;
    margin-left: auto;
  }


  .row .col.m4 {
    right: auto;
    left: auto;
    width: 33.33333%;
    margin-left: auto;
  }

  .row .col.m5 {
    right: auto;
    left: auto;
    width: 41.66667%;
    margin-left: auto;
  }

  .row .col.m6 {
    right: auto;
    left: auto;
    width: 50%;
    margin-left: auto;
  }
  .row .col.m3 {
    right: auto;
    left: auto;
    width: 25%;
    margin-left: auto;
  }

  .row .col.m7 {
    right: auto;
    left: auto;
    width: 58.33333%;
    margin-left: auto;
  }

  .row .col.m8 {
    right: auto;
    left: auto;
    width: 66.66667%;
    margin-left: auto;
  }

  .row .col.m9 {
    right: auto;
    left: auto;
    width: 75%;
    margin-left: auto;
  }

  .row .col.m10 {
    right: auto;
    left: auto;
    width: 83.33333%;
    margin-left: auto;
  }

  .row .col.m11 {
    right: auto;
    left: auto;
    width: 91.66667%;
    margin-left: auto;
  }

  .row .col.m12 {
    right: auto;
    left: auto;
    width: 100%;
    margin-left: auto;
  }

  .row .col.offset-m1 {
    margin-left: 8.33333%;
  }

  .row .col.pull-m1 {
    right: 8.33333%;
  }

  .row .col.push-m1 {
    left: 8.33333%;
  }

  .row .col.offset-m2 {
    margin-left: 16.66667%;
  }

  .row .col.pull-m2 {
    right: 16.66667%;
  }

  .row .col.push-m2 {
    left: 16.66667%;
  }

  .row .col.offset-m3 {
    margin-left: 25%;
  }

  .row .col.pull-m3 {
    right: 25%;
  }

  .row .col.push-m3 {
    left: 25%;
  }

  .row .col.offset-m4 {
    margin-left: 33.33333%;
  }

  .row .col.pull-m4 {
    right: 33.33333%;
  }

  .row .col.push-m4 {
    left: 33.33333%;
  }

  .row .col.offset-m5 {
    margin-left: 41.66667%;
  }

  .row .col.pull-m5 {
    right: 41.66667%;
  }

  .row .col.push-m5 {
    left: 41.66667%;
  }

  .row .col.offset-m6 {
    margin-left: 50%;
  }

  .row .col.pull-m6 {
    right: 50%;
  }

  .row .col.push-m6 {
    left: 50%;
  }

  .row .col.offset-m7 {
    margin-left: 58.33333%;
  }

  .row .col.pull-m7 {
    right: 58.33333%;
  }

  .row .col.push-m7 {
    left: 58.33333%;
  }

  .row .col.offset-m8 {
    margin-left: 66.66667%;
  }

  .row .col.pull-m8 {
    right: 66.66667%;
  }

  .row .col.push-m8 {
    left: 66.66667%;
  }

  .row .col.offset-m9 {
    margin-left: 75%;
  }

  .row .col.pull-m9 {
    right: 75%;
  }

  .row .col.push-m9 {
    left: 75%;
  }

  .row .col.offset-m10 {
    margin-left: 83.33333%;
  }

  .row .col.pull-m10 {
    right: 83.33333%;
  }

  .row .col.push-m10 {
    left: 83.33333%;
  }

  .row .col.offset-m11 {
    margin-left: 91.66667%;
  }

  .row .col.pull-m11 {
    right: 91.66667%;
  }

  .row .col.push-m11 {
    left: 91.66667%;
  }

  .row .col.offset-m12 {
    margin-left: 100%;
  }

  .row .col.pull-m12 {
    right: 100%;
  }

  .row .col.push-m12 {
    left: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .row .col.l1 {
    right: auto;
    left: auto;
    width: 8.33333%;
    margin-left: auto;
  }

  .row .col.l2 {
    right: auto;
    left: auto;
    width: 16.66667%;
    margin-left: auto;
  }

  .row .col.l3 {
    right: auto;
    left: auto;
    width: 25%;
    margin-left: auto;
  }

  .row .col.l4 {
    right: auto;
    left: auto;
    width: 33.33333%;
    margin-left: auto;
  }

  .row .col.l5 {
    right: auto;
    left: auto;
    width: 41.66667%;
    margin-left: auto;
  }

  .row .col.l6 {
    right: auto;
    left: auto;
    width: 50%;
    margin-left: auto;
  }

  .row .col.l7 {
    right: auto;
    left: auto;
    width: 58.33333%;
    margin-left: auto;
  }

  .row .col.l8 {
    right: auto;
    left: auto;
    width: 66.66667%;
    margin-left: auto;
  }

  .row .col.l9 {
    right: auto;
    left: auto;
    width: 75%;
    margin-left: auto;
  }

  .row .col.l10 {
    right: auto;
    left: auto;
    width: 83.33333%;
    margin-left: auto;
  }

  .row .col.l11 {
    right: auto;
    left: auto;
    width: 91.66667%;
    margin-left: auto;
  }

  .row .col.l12 {
    right: auto;
    left: auto;
    width: 100%;
    margin-left: auto;
  }

  .row .col.offset-l1 {
    margin-left: 8.33333%;
  }

  .row .col.pull-l1 {
    right: 8.33333%;
  }

  .row .col.push-l1 {
    left: 8.33333%;
  }

  .row .col.offset-l2 {
    margin-left: 16.66667%;
  }

  .row .col.pull-l2 {
    right: 16.66667%;
  }

  .row .col.push-l2 {
    left: 16.66667%;
  }

  .row .col.offset-l3 {
    margin-left: 25%;
  }

  .row .col.pull-l3 {
    right: 25%;
  }

  .row .col.push-l3 {
    left: 25%;
  }

  .row .col.offset-l4 {
    margin-left: 33.33333%;
  }

  .row .col.pull-l4 {
    right: 33.33333%;
  }

  .row .col.push-l4 {
    left: 33.33333%;
  }

  .row .col.offset-l5 {
    margin-left: 41.66667%;
  }

  .row .col.pull-l5 {
    right: 41.66667%;
  }

  .row .col.push-l5 {
    left: 41.66667%;
  }

  .row .col.offset-l6 {
    margin-left: 50%;
  }

  .row .col.pull-l6 {
    right: 50%;
  }

  .row .col.push-l6 {
    left: 50%;
  }

  .row .col.offset-l7 {
    margin-left: 58.33333%;
  }

  .row .col.pull-l7 {
    right: 58.33333%;
  }

  .row .col.push-l7 {
    left: 58.33333%;
  }

  .row .col.offset-l8 {
    margin-left: 66.66667%;
  }

  .row .col.pull-l8 {
    right: 66.66667%;
  }

  .row .col.push-l8 {
    left: 66.66667%;
  }

  .row .col.offset-l9 {
    margin-left: 75%;
  }

  .row .col.pull-l9 {
    right: 75%;
  }

  .row .col.push-l9 {
    left: 75%;
  }

  .row .col.offset-l10 {
    margin-left: 83.33333%;
  }

  .row .col.pull-l10 {
    right: 83.33333%;
  }

  .row .col.push-l10 {
    left: 83.33333%;
  }

  .row .col.offset-l11 {
    margin-left: 91.66667%;
  }

  .row .col.pull-l11 {
    right: 91.66667%;
  }

  .row .col.push-l11 {
    left: 91.66667%;
  }

  .row .col.offset-l12 {
    margin-left: 100%;
  }

  .row .col.pull-l12 {
    right: 100%;
  }

  .row .col.push-l12 {
    left: 100%;
  }
}

nav {
  line-height: 56px;
  width: 100%;
  height: 56px;
  color: #fff;
  background-color: #3f51b5;
}

  nav.nav-extended {
    height: auto;
  }

    nav.nav-extended .nav-wrapper {
      height: auto;
      min-height: 56px;
    }

    nav.nav-extended .nav-content {
      line-height: normal;
      position: relative;
    }

  nav a {
    color: #fff;
  }

  nav i,
  nav [class^='mdi-'],
  nav [class*='mdi-'] {
    font-size: 24px;
    line-height: 56px;
    display: block;
    height: 56px;
  }

  nav .nav-wrapper {
    position: relative;
    height: 100%;
  }

  nav .sidenav-trigger {
    position: relative;
    z-index: 1;
    float: left;
    height: 56px;
  }

    nav .sidenav-trigger i {
      line-height: 56px;
      height: 56px;
    }

  nav .nav-title {
    font-size: 32px;
    display: inline-block;
    padding: 28px 0;
  }

  nav ul {
    margin: 0;
  }

    nav ul li {
      float: left;
      padding: 0;
      -webkit-transition: background-color .3s;
      -moz-transition: background-color .3s;
      -o-transition: background-color .3s;
      transition: background-color .3s;
    }

      nav ul li.active {
        background-color: rgba(0, 0, 0, .1);
      }

    nav ul a {
      font-size: 1rem;
      display: block;
      padding: 0 15px;
      cursor: pointer;
      -webkit-transition: background-color .3s;
      -moz-transition: background-color .3s;
      -o-transition: background-color .3s;
      transition: background-color .3s;
      color: #fff;
    }

      nav ul a.btn,
      nav ul a.btn-large,
      nav ul a.btn-small,
      nav ul a.btn-large,
      nav ul a.btn-flat,
      nav ul a.btn-floating {
        margin-top: -2px;
        margin-right: 15px;
        margin-left: 15px;
      }

        nav ul a.btn > .material-icons,
        nav ul a.btn-large > .material-icons,
        nav ul a.btn-small > .material-icons,
        nav ul a.btn-large > .material-icons,
        nav ul a.btn-flat > .material-icons,
        nav ul a.btn-floating > .material-icons {
          line-height: inherit;
          height: inherit;
        }

      nav ul a:hover {
        background-color: rgba(0, 0, 0, .1);
      }

    nav ul.left {
      float: left;
    }

  nav form {
    height: 100%;
  }

  nav .input-field {
    height: 100%;
    margin: 0;
  }

    nav .input-field input {
      font-size: 1.2rem;
      height: 100%;
      padding-left: 2rem;
      border: none;
    }

      nav .input-field input:focus,
      nav .input-field input[type='text']:valid,
      nav .input-field input[type='password']:valid,
      nav .input-field input[type='email']:valid,
      nav .input-field input[type='url']:valid,
      nav .input-field input[type='date']:valid {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
      }

    nav .input-field label {
      top: 0;
      left: 0;
    }

      nav .input-field label i {
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s;
        color: rgba(255, 255, 255, .7);
      }

      nav .input-field label.active i {
        color: #fff;
      }

.navbar-fixed {
  position: relative;
  z-index: 997;
  height: 56px;
}

  .navbar-fixed nav {
    position: fixed;
  }

@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {
    min-height: 64px;
  }

  nav,
  nav .nav-wrapper i,
  nav a.sidenav-trigger,
  nav a.sidenav-trigger i {
    line-height: 64px;
    height: 64px;
  }

  .navbar-fixed {
    height: 64px;
  }
}



a {
  text-decoration: none;
}

html {
  font-family: 'Muli', sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: rgba(0, 0, 0, .87);
}

@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}

@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.3;
}

  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    font-weight: inherit;
  }

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.8rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 2.37333rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.94667rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.52rem 0 .912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.09333rem 0 .656rem 0;
}

h6 {
  font-size: 1.15rem;
  line-height: 110%;
  margin: .76667rem 0 .46rem 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: 500;
}

small {
  font-size: 75%;
}

.light {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}

@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}

@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}

@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}

@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}

@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}

@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}

@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}

@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}

@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}

@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}

@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}

@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}

@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}

@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}

@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}

@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}

@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}

@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}

@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}

@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.scale-transition {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
  -moz-transition: transform .3s cubic-bezier(.53, .01, .36, 1.63), -moz-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
  -o-transition: -o-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
  transition: -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
  transition: transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
  transition: transform .3s cubic-bezier(.53, .01, .36, 1.63), -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63), -moz-transform .3s cubic-bezier(.53, .01, .36, 1.63), -o-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
}

  .scale-transition.scale-out {
    -webkit-transition: -webkit-transform .2s !important;
    -moz-transition: transform .2s, -moz-transform .2s !important;
    -o-transition: -o-transform .2s !important;
    transition: -webkit-transform .2s !important;
    transition: transform .2s !important;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s !important;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  .scale-transition.scale-in {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

.card-panel {
  margin: .5rem 0 1rem 0;
  padding: 24px;
  -webkit-transition: -webkit-box-shadow .25s;
  -moz-transition: box-shadow .25s;
  -o-transition: box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  margin: .5rem 0 1rem 0;
  -webkit-transition: -webkit-box-shadow .25s;
  -moz-transition: box-shadow .25s;
  -o-transition: box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  border-radius: 2px;
  background-color: #fff;
}

  .card .card-title {
    font-size: 24px;
    font-weight: 300;
  }

    .card .card-title.activator {
      cursor: pointer;
    }

  .card.small,
  .card.medium,
  .card.large {
    position: relative;
  }

    .card.small .card-image,
    .card.medium .card-image,
    .card.large .card-image {
      overflow: hidden;
      max-height: 60%;
    }

      .card.small .card-image + .card-content,
      .card.medium .card-image + .card-content,
      .card.large .card-image + .card-content {
        max-height: 40%;
      }

    .card.small .card-content,
    .card.medium .card-content,
    .card.large .card-content {
      overflow: hidden;
      max-height: 100%;
    }

    .card.small .card-action,
    .card.medium .card-action,
    .card.large .card-action {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
    }

  .card.small {
    height: 300px;
  }

  .card.medium {
    height: 400px;
  }

  .card.large {
    height: 500px;
  }

  .card.horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

    .card.horizontal.small .card-image,
    .card.horizontal.medium .card-image,
    .card.horizontal.large .card-image {
      overflow: visible;
      height: 100%;
      max-height: none;
    }

      .card.horizontal.small .card-image img,
      .card.horizontal.medium .card-image img,
      .card.horizontal.large .card-image img {
        height: 100%;
      }

    .card.horizontal .card-image {
      max-width: 50%;
    }

      .card.horizontal .card-image img {
        width: auto;
        max-width: 100%;
        border-radius: 2px 0 0 2px;
      }

    .card.horizontal .card-stacked {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

      .card.horizontal .card-stacked .card-content {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
      }

  .card.sticky-action .card-action {
    z-index: 2;
  }

  .card.sticky-action .card-reveal {
    z-index: 1;
    padding-bottom: 64px;
  }

  .card .card-image {
    position: relative;
  }

    .card .card-image img {
      position: relative;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      border-radius: 2px 2px 0 0;
    }

    .card .card-image .card-title {
      position: absolute;
      bottom: 0;
      left: 0;
      max-width: 100%;
      padding: 24px;
      color: #fff;
    }

  .card .card-content {
    padding: 24px;
    border-radius: 0 0 2px 2px;
  }

    .card .card-content p {
      margin: 0;
    }

    .card .card-content .card-title {
      line-height: 32px;
      display: block;
      margin-bottom: 8px;
    }

      .card .card-content .card-title i {
        line-height: 32px;
      }

  .card .card-action {
    position: relative;
    padding: 16px 24px;
    border-top: 1px solid rgba(160, 160, 160, .2);
    background-color: inherit;
  }

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

    .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
      margin-right: 24px;
      -webkit-transition: color .3s ease;
      -moz-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease;
      text-transform: uppercase;
      color: #3949ab;
    }

      .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
        color: #7885d2;
      }

  .card .card-reveal {
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: #fff;
  }

    .card .card-reveal .card-title {
      display: block;
      cursor: pointer;
    }

#toast-container {
  position: fixed;
  z-index: 10000;
  display: block;
}

@media only screen and (max-width: 600px) {
  #toast-container {
    bottom: 0;
    min-width: 100%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
  #toast-container {
    bottom: 7%;
    left: 5%;
    max-width: 90%;
  }
}

@media only screen and (min-width: 993px) {
  #toast-container {
    top: 10%;
    right: 7%;
    max-width: 86%;
  }
}

.toast {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.5em;
  position: relative;
  top: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  margin-top: 10px;
  padding: 10px 25px;
  cursor: default;
  color: #fff;
  border-radius: 2px;
  background-color: #323232;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

  .toast .toast-action {
    font-weight: 500;
    margin-right: -25px;
    margin-left: 3rem;
    color: #eeff41;
  }

  .toast.rounded {
    border-radius: 24px;
  }

@media only screen and (max-width: 600px) {
  .toast {
    width: 100%;
    border-radius: 0;
  }
}

.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: 48px;
  margin: 0 auto;
  white-space: nowrap;
  background-color: #fff;
}

  .tabs.tabs-transparent {
    background-color: transparent;
  }

    .tabs.tabs-transparent .tab a,
    .tabs.tabs-transparent .tab.disabled a,
    .tabs.tabs-transparent .tab.disabled a:hover {
      color: rgba(255, 255, 255, .7);
    }

      .tabs.tabs-transparent .tab a:hover,
      .tabs.tabs-transparent .tab a.active {
        color: #fff;
      }

    .tabs.tabs-transparent .indicator {
      background-color: #fff;
    }

  .tabs.tabs-fixed-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

    .tabs.tabs-fixed-width .tab {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }

  .tabs .tab {
    line-height: 48px;
    display: inline-block;
    height: 48px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
  }

    .tabs .tab a {
      font-size: 14px;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      padding: 0 24px;
      -webkit-transition: color .28s ease, background-color .28s ease;
      -moz-transition: color .28s ease, background-color .28s ease;
      -o-transition: color .28s ease, background-color .28s ease;
      transition: color .28s ease, background-color .28s ease;
      text-overflow: ellipsis;
      color: rgba(63, 81, 181, .7);
    }

      .tabs .tab a:focus,
      .tabs .tab a:focus.active {
        outline: none;
        background-color: rgba(114, 128, 206, .2);
      }

      .tabs .tab a:hover,
      .tabs .tab a.active {
        color: #3f51b5;
        background-color: transparent;
      }

    .tabs .tab.disabled a,
    .tabs .tab.disabled a:hover {
      cursor: default;
      color: rgba(63, 81, 181, .4);
    }

  .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #7280ce;
    will-change: left, right;
  }

@media only screen and (max-width: 992px) {
  .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

    .tabs .tab {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }

      .tabs .tab a {
        padding: 0 12px;
      }
}

.material-tooltip {
  font-size: 1rem;
  line-height: 120%;
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  max-width: -webkit-calc(100% - 4px);
  max-width: -moz-calc(100% - 4px);
  max-width: calc(100% - 4px);
  min-height: 36px;
  padding: 10px 8px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  color: #fff;
  border-radius: 2px;
  background-color: transparent;
  background-color: #323232;
}

.backdrop {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  width: 14px;
  height: 7px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
}

.btn,
.btn-large,
.btn-small,
.btn-flat {
  line-height: 36px;
  display: inline-block;
  height: 36px;
  padding: 0 1rem;
  vertical-align: middle;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  -webkit-tap-highlight-color: transparent;
}

  .btn.disabled,
  .disabled.btn-large,
  .disabled.btn-small,
  .btn-floating.disabled,
  .btn-large.disabled,
  .btn-small.disabled,
  .btn-flat.disabled,
  .btn:disabled,
  .btn-large:disabled,
  .btn-small:disabled,
  .btn-floating:disabled,
  .btn-large:disabled,
  .btn-small:disabled,
  .btn-flat:disabled,
  .btn[disabled],
  .btn-large[disabled],
  .btn-small[disabled],
  .btn-floating[disabled],
  .btn-large[disabled],
  .btn-small[disabled],
  .btn-flat[disabled] {
    cursor: default;
    pointer-events: none;
    color: #9f9f9f !important;
    background-color: #dfdfdf !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

    .btn.disabled:hover,
    .disabled.btn-large:hover,
    .disabled.btn-small:hover,
    .btn-floating.disabled:hover,
    .btn-large.disabled:hover,
    .btn-small.disabled:hover,
    .btn-flat.disabled:hover,
    .btn:disabled:hover,
    .btn-large:disabled:hover,
    .btn-small:disabled:hover,
    .btn-floating:disabled:hover,
    .btn-large:disabled:hover,
    .btn-small:disabled:hover,
    .btn-flat:disabled:hover,
    .btn[disabled]:hover,
    .btn-large[disabled]:hover,
    .btn-small[disabled]:hover,
    .btn-floating[disabled]:hover,
    .btn-large[disabled]:hover,
    .btn-small[disabled]:hover,
    .btn-flat[disabled]:hover {
      color: #9f9f9f !important;
      background-color: #dfdfdf !important;
    }

.btn,
.btn-large,
.btn-small,
.btn-floating,
.btn-large,
.btn-small,
.btn-flat {
  font-size: 1rem;
  outline: 0;
}

  .btn i,
  .btn-large i,
  .btn-small i,
  .btn-floating i,
  .btn-large i,
  .btn-small i,
  .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit;
  }

  .btn:focus,
  .btn-large:focus,
  .btn-small:focus,
  .btn-floating:focus {
    background-color: #ff0d5f;
  }

.btn,
.btn-large,
.btn-small {
  cursor: pointer;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  text-align: center;
  text-decoration: none;
  letter-spacing: .5px;
  color: #fff;
  background-color: #FF934D;
}

  .btn:hover,
  .btn-large:hover,
  .btn-small:hover {
    background-color: #FF934D;
  }

.btn-floating {
  line-height: 40px;
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background-color .3s;
  -moz-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: #FF934D;
}

  .btn-floating:hover {
    background-color: #FF934D;
  }

  .btn-floating:before {
    border-radius: 0;
  }

  .btn-floating.btn-large {
    width: 4rem;
    height: 4rem;
    padding: 0;
  }

    .btn-floating.btn-large.halfway-fab {
      bottom: -2rem;
    }

    .btn-floating.btn-large i {
      line-height: 4rem;
    }

  .btn-floating.btn-small {
    width: 32.4px;
    height: 32.4px;
  }

    .btn-floating.btn-small.halfway-fab {
      bottom: -16.2px;
    }

    .btn-floating.btn-small i {
      line-height: 32.4px;
    }

  .btn-floating.halfway-fab {
    position: absolute;
    right: 24px;
    bottom: -20px;
  }

    .btn-floating.halfway-fab.left {
      right: auto;
      left: 24px;
    }

  .btn-floating i {
    font-size: 1.6rem;
    line-height: 40px;
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #fff;
  }

button.btn-floating {
  border: none;
}

.fixed-action-btn {
  position: fixed;
  z-index: 997;
  right: 23px;
  bottom: 23px;
  margin-bottom: 0;
  padding-top: 15px;
}

  .fixed-action-btn.active ul {
    visibility: visible;
  }

  .fixed-action-btn.direction-left,
  .fixed-action-btn.direction-right {
    padding: 0 0 0 15px;
  }

    .fixed-action-btn.direction-left ul,
    .fixed-action-btn.direction-right ul {
      top: 50%;
      right: 64px;
      left: auto;
      /*width 100% only goes to width of button container */
      width: 500px;
      height: 100%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: right;
    }

      .fixed-action-btn.direction-left ul li,
      .fixed-action-btn.direction-right ul li {
        display: inline-block;
        margin: 7.5px 15px 0 0;
      }

  .fixed-action-btn.direction-right {
    padding: 0 15px 0 0;
  }

    .fixed-action-btn.direction-right ul {
      right: auto;
      left: 64px;
      text-align: left;
      direction: rtl;
    }

      .fixed-action-btn.direction-right ul li {
        margin: 7.5px 0 0 15px;
      }

  .fixed-action-btn.direction-bottom {
    padding: 0 0 15px 0;
  }

    .fixed-action-btn.direction-bottom ul {
      top: 64px;
      bottom: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column-reverse;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -moz-box-orient: vertical;
      -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
    }

      .fixed-action-btn.direction-bottom ul li {
        margin: 15px 0 0 0;
      }

  .fixed-action-btn.toolbar {
    height: 4rem;
    padding: 0;
  }

    .fixed-action-btn.toolbar.active > a i {
      opacity: 0;
    }

    .fixed-action-btn.toolbar ul {
      z-index: 1;
      top: 0;
      bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }

      .fixed-action-btn.toolbar ul li {
        display: inline-block;
        height: 100%;
        margin: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }

        .fixed-action-btn.toolbar ul li a {
          line-height: 4rem;
          position: relative;
          z-index: 1;
          display: block;
          overflow: hidden;
          width: 100%;
          height: 100%;
          color: #fff;
          background-color: transparent;
          -webkit-box-shadow: none;
          box-shadow: none;
        }

          .fixed-action-btn.toolbar ul li a i {
            line-height: inherit;
          }

  .fixed-action-btn ul {
    position: absolute;
    right: 0;
    bottom: 64px;
    left: 0;
    visibility: hidden;
    margin: 0;
    text-align: center;
  }

    .fixed-action-btn ul li {
      margin-bottom: 15px;
    }

    .fixed-action-btn ul a.btn-floating {
      opacity: 0;
    }

  .fixed-action-btn .fab-backdrop {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    background-color: #FF934D;
  }

.btn-flat {
  cursor: pointer;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s;
  color: #343434;
  background-color: var(--cancel-button-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}

  .btn-flat:focus,
  .btn-flat:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .btn-flat:focus {
    background-color: rgba(0, 0, 0, .1);
  }

  .btn-flat.disabled,
  .btn-flat.btn-flat[disabled] {
    cursor: default;
    color: #b3b3b3 !important;
    background-color: transparent !important;
  }

.btn-large {
  font-size: 1rem;
  line-height: 54px;
  height: 54px;
  padding: 0 28px;
}

  .btn-large i {
    font-size: 1.6rem;
  }

.btn-small {
  font-size: 1rem;
  line-height: 32.4px;
  height: 32.4px;
}

  .btn-small i {
    font-size: 1.2rem;
  }

.btn-block {
  display: block;
}

.dropdown-content {
  position: absolute;
  z-index: 99;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
  min-width: 120px;
  margin: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  background-color: #fff;
}

  .dropdown-content:focus {
    outline: 0;
  }

  .dropdown-content li {
    line-height: 1.5rem;
    clear: both;
    width: 100%;
    min-height: 50px;
    cursor: pointer;
    text-align: left;
    color: rgba(0, 0, 0, .87);
    word-break: break-all;
  }

    .dropdown-content li:hover,
    .dropdown-content li.active {
      background-color: #eee;
    }

    .dropdown-content li:focus {
      outline: none;
    }

    .dropdown-content li.divider {
      height: 1px;
      min-height: 0;
    }

    .dropdown-content li > a,
    .dropdown-content li > span {
      font-size: 16px;
      line-height: 22px;
      display: block;
      padding: 14px 16px;
      color: #FF934D;
    }

      .dropdown-content li > span > label {
        top: 1px;
        left: 0;
        height: 18px;
      }

      .dropdown-content li > a > i {
        line-height: inherit;
        float: left;
        width: 24px;
        height: inherit;
        margin: 0 24px 0 0;
      }

body.keyboard-focused .dropdown-content li:focus {
  background-color: #dadada;
}

.input-field.col .dropdown-content [type='checkbox'] + label {
  top: 1px;
  left: 0;
  height: 18px;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.dropdown-trigger {
  cursor: pointer;
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.tablestyle1 {
  font-weight: 900;
  font-size: 13px;
}

.tablestyle2 {
  font-size: 12px;
}

.marginRight {
  margin-right: 10px;
}

.waves-effect .waves-ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  -webkit-transition: all .7s ease-out;
  -moz-transition: all .7s ease-out;
  -o-transition: all .7s ease-out;
  transition: all .7s ease-out;
  -webkit-transition-property: opacity, -webkit-transform;
  -moz-transition-property: transform, opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
  opacity: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .2);
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, .45);
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, .7);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, .7);
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, .7);
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, .7);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, .7);
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, .7);
}

.waves-effect input[type='button'],
.waves-effect input[type='reset'],
.waves-effect input[type='submit'] {
  font-size: inherit;
  font-style: normal;
  text-transform: inherit;
  border: 0;
  background: none;
}

.waves-effect img {
  position: relative;
  z-index: -1;
}

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  vertical-align: bottom;
  border-radius: .2em;
}

  .waves-input-wrapper .waves-button-input {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
  }

.waves-circle {
  line-height: 2.5em;
  width: 2.5em;
  height: 2.5em;
  text-align: center;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
  z-index: -1;
}

.modalfixed-width {
  max-width: 540px !important;
  height: auto;
  max-height: 450px;
  overflow: auto;
}

.modal {
  position: fixed;
  right: 0;
  left: 0;
  display: none;
  overflow-y: auto;
  width: 55%;
  margin: auto;
  padding: 0;
  border-radius: 2px;
  background-color: #fafafa;
  will-change: top, opacity;
}

  .modal:focus {
    outline: none;
  }

@media only screen and (max-width: 992px) {
  .modal {
    width: 80%;
  }
}

.modal h1,
.modal h2,
.modal h3,
.modal h4 {
  margin-top: 0;
}

.modal .modal-content {
  padding: 24px;
  background-color: white;
}

.modal .modal-close {
  cursor: pointer;
}

.modal-margin-bottom {
  margin-bottom: 56px !important;
}

.modal .modal-footer {
  width: 100%;
  height: 56px;
  padding: 4px 6px;
  text-align: right;
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  z-index: 1000;
}

  .modal .modal-footer .btn,
  .modal .modal-footer .btn-large,
  .modal .modal-footer .btn-small,
  .modal .modal-footer .btn-flat {
    margin: 6px 0;
  }

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 125%;
  background: #000;
  will-change: opacity;
}

.modal.modal-fixed-footer {
  height: 70%;
  padding: 0;
}

  .modal.modal-fixed-footer .modal-content {
    position: absolute;
    overflow-y: auto;
    width: 100%;
    height: -webkit-calc(100% - 56px);
    height: -moz-calc(100% - 56px);
    height: calc(100% - 100px);
    max-height: 100%;
  }

  .modal.modal-fixed-footer .modal-footer {
    position: absolute;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
  }

@media only screen and (min-width: 1900px) {
  .modal.modal-fixed-footer {
    min-height: 65% !important;
    /*height: 65% !important;*/
    padding: 0;
  }
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  width: 100%;
  max-height: 45%;
  margin: 0;
  border-radius: 0;
  will-change: bottom, opacity;
}

.collapsible {
  margin: .5rem 0 1rem 0;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.collapsible-header {
  line-height: 1.5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent;
}

  .collapsible-header:focus {
    outline: 0;
  }

  .collapsible-header i {
    font-size: 1.6rem;
    display: inline-block;
    width: 2rem;
    margin-right: 1rem;
    text-align: center;
  }

.keyboard-focused .collapsible-header:focus {
  background-color: #eee;
}

.collapsible-body {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2rem;
  border-bottom: 1px solid #ddd;
}

.sidenav .collapsible,
.sidenav.fixed .collapsible {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  .sidenav .collapsible li,
  .sidenav.fixed .collapsible li {
    padding: 0;
  }

.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
  border: none;
  background-color: transparent;
}

  .sidenav .collapsible-header:hover,
  .sidenav.fixed .collapsible-header:hover {
    background-color: rgba(0, 0, 0, .05);
  }

  .sidenav .collapsible-header i,
  .sidenav.fixed .collapsible-header i {
    line-height: inherit;
  }

.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
  border: 0;
  background-color: #fff;
}

  .sidenav .collapsible-body li a,
  .sidenav.fixed .collapsible-body li a {
    padding: 0 23.5px 0 31px;
  }

.collapsible.popout {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  .collapsible.popout > li {
    margin: 0 24px;
    -webkit-transition: margin .35s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: margin .35s cubic-bezier(.25, .46, .45, .94);
    -o-transition: margin .35s cubic-bezier(.25, .46, .45, .94);
    transition: margin .35s cubic-bezier(.25, .46, .45, .94);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
  }

    .collapsible.popout > li.active {
      margin: 16px 0;
      -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    }

.chip {
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  display: inline-block;
  height: 32px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 12px;
  color: rgba(0, 0, 0, .6);
  border-radius: 16px;
  background-color: #e4e4e4;
}

  .chip:focus {
    color: #fff;
    outline: none;
    background-color: #26a69a;
  }

  .chip > img {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 8px 0 -12px;
    border-radius: 50%;
  }

  .chip .close {
    font-size: 16px;
    line-height: 32px;
    float: right;
    padding-left: 8px;
    cursor: pointer;
  }

.chips {
  min-height: 45px;
  margin: 0 0 8px 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  .chips.focus {
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
  }

  .chips:hover {
    cursor: text;
  }

  .chips .input {
    font-size: 1rem;
    line-height: 32px;
    display: inline-block;
    width: 120px !important;
    height: 3rem;
    margin: 0;
    padding: 0 !important;
    color: rgba(0, 0, 0, .6);
    border: 0;
    outline: 0;
    background: none;
  }

    .chips .input:focus {
      border: 0 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }

  .chips .autocomplete-content {
    margin-top: 0;
    margin-bottom: 0;
  }

.prefix ~ .chips {
  width: 92%;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
  margin-left: 3rem;
}

.chips:empty ~ label {
  font-size: .8rem;
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%);
}

.materialboxed {
  position: relative;
  display: block;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
  -webkit-backface-visibility: hidden;
}

  .materialboxed:hover:not(.active) {
    opacity: .8;
  }

  .materialboxed.active {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
  }

#materialbox-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #292929;
  will-change: opacity;
}

.materialbox-caption {
  line-height: 50px;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 50px;
  padding: 0 15%;
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

select:focus {
  outline: 1px solid white;
}

button:focus {
  outline: none;
  background-color: #ff548e;
}


/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder {
  color: #d1d1d1;
}

::-moz-placeholder {
  color: #d1d1d1;
}

::placeholder {
  color: #d1d1d1;
}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  font-size: 14px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /*width: 100%;*/
  width: calc(100% - 12px);
  height: 2.5rem;
  /*margin: 0 0 14px 0;*/
  padding: 0px 6px;
  -webkit-transition: border .3s, -webkit-box-shadow .3s;
  -moz-transition: box-shadow .3s, border .3s;
  -o-transition: box-shadow .3s, border .3s;
  transition: border .3s, -webkit-box-shadow .3s;
  transition: box-shadow .3s, border .3s;
  transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
  /*border: none; border: 1px solid #bdbdbd;*/
  border: 1px solid #f3f0f0;
  border-radius: .5rem;
  outline: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 1000;
}

  input:not([type]):disabled,
  input:not([type])[readonly='readonly'],
  input[type=text]:not(.browser-default):disabled,
  input[type=text]:not(.browser-default)[readonly='readonly'],
  input[type=password]:not(.browser-default):disabled,
  input[type=password]:not(.browser-default)[readonly='readonly'],
  input[type=email]:not(.browser-default):disabled,
  input[type=email]:not(.browser-default)[readonly='readonly'],
  input[type=url]:not(.browser-default):disabled,
  input[type=url]:not(.browser-default)[readonly='readonly'],
  input[type=time]:not(.browser-default):disabled,
  input[type=time]:not(.browser-default)[readonly='readonly'],
  input[type=date]:not(.browser-default):disabled,
  input[type=date]:not(.browser-default)[readonly='readonly'],
  input[type=datetime]:not(.browser-default):disabled,
  input[type=datetime]:not(.browser-default)[readonly='readonly'],
  input[type=datetime-local]:not(.browser-default):disabled,
  input[type=datetime-local]:not(.browser-default)[readonly='readonly'],
  input[type=tel]:not(.browser-default):disabled,
  input[type=tel]:not(.browser-default)[readonly='readonly'],
  input[type=number]:not(.browser-default):disabled,
  input[type=number]:not(.browser-default)[readonly='readonly'],
  input[type=search]:not(.browser-default):disabled,
  input[type=search]:not(.browser-default)[readonly='readonly'],
  textarea.materialize-textarea:disabled,
  textarea.materialize-textarea[readonly='readonly'] {
    color: rgba(0, 0, 0, .42);
    border-bottom: 1px dotted rgba(0, 0, 0, .42);
  }

    input:not([type]):disabled + label,
    input:not([type])[readonly='readonly'] + label,
    input[type=text]:not(.browser-default):disabled + label,
    input[type=text]:not(.browser-default)[readonly='readonly'] + label,
    input[type=password]:not(.browser-default):disabled + label,
    input[type=password]:not(.browser-default)[readonly='readonly'] + label,
    input[type=email]:not(.browser-default):disabled + label,
    input[type=email]:not(.browser-default)[readonly='readonly'] + label,
    input[type=url]:not(.browser-default):disabled + label,
    input[type=url]:not(.browser-default)[readonly='readonly'] + label,
    input[type=time]:not(.browser-default):disabled + label,
    input[type=time]:not(.browser-default)[readonly='readonly'] + label,
    input[type=date]:not(.browser-default):disabled + label,
    input[type=date]:not(.browser-default)[readonly='readonly'] + label,
    input[type=datetime]:not(.browser-default):disabled + label,
    input[type=datetime]:not(.browser-default)[readonly='readonly'] + label,
    input[type=datetime-local]:not(.browser-default):disabled + label,
    input[type=datetime-local]:not(.browser-default)[readonly='readonly'] + label,
    input[type=tel]:not(.browser-default):disabled + label,
    input[type=tel]:not(.browser-default)[readonly='readonly'] + label,
    input[type=number]:not(.browser-default):disabled + label,
    input[type=number]:not(.browser-default)[readonly='readonly'] + label,
    input[type=search]:not(.browser-default):disabled + label,
    input[type=search]:not(.browser-default)[readonly='readonly'] + label,
    textarea.materialize-textarea:disabled + label,
    textarea.materialize-textarea[readonly='readonly'] + label {
      color: rgba(0, 0, 0, .42);
    }

  input:not([type]):focus:not([readonly]),
  input[type=text]:not(.browser-default):focus:not([readonly]),
  input[type=password]:not(.browser-default):focus:not([readonly]),
  input[type=email]:not(.browser-default):focus:not([readonly]),
  input[type=url]:not(.browser-default):focus:not([readonly]),
  input[type=time]:not(.browser-default):focus:not([readonly]),
  input[type=date]:not(.browser-default):focus:not([readonly]),
  input[type=datetime]:not(.browser-default):focus:not([readonly]),
  input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
  input[type=tel]:not(.browser-default):focus:not([readonly]),
  input[type=number]:not(.browser-default):focus:not([readonly]),
  input[type=search]:not(.browser-default):focus:not([readonly]),
  textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #FF934D;
    -webkit-box-shadow: 0 1px 0 0 #FF934D;
    box-shadow: 0 1px 0 0 #FF934D;
  }

    input:not([type]):focus:not([readonly]) + label,
    input[type=text]:not(.browser-default):focus:not([readonly]) + label,
    input[type=password]:not(.browser-default):focus:not([readonly]) + label,
    input[type=email]:not(.browser-default):focus:not([readonly]) + label,
    input[type=url]:not(.browser-default):focus:not([readonly]) + label,
    input[type=time]:not(.browser-default):focus:not([readonly]) + label,
    input[type=date]:not(.browser-default):focus:not([readonly]) + label,
    input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
    input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
    input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
    input[type=number]:not(.browser-default):focus:not([readonly]) + label,
    input[type=search]:not(.browser-default):focus:not([readonly]) + label,
    textarea.materialize-textarea:focus:not([readonly]) + label {
      color: #FF934D;
    }

  input:not([type]):focus.valid ~ label,
  input[type=text]:not(.browser-default):focus.valid ~ label,
  input[type=password]:not(.browser-default):focus.valid ~ label,
  input[type=email]:not(.browser-default):focus.valid ~ label,
  input[type=url]:not(.browser-default):focus.valid ~ label,
  input[type=time]:not(.browser-default):focus.valid ~ label,
  input[type=date]:not(.browser-default):focus.valid ~ label,
  input[type=datetime]:not(.browser-default):focus.valid ~ label,
  input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
  input[type=tel]:not(.browser-default):focus.valid ~ label,
  input[type=number]:not(.browser-default):focus.valid ~ label,
  input[type=search]:not(.browser-default):focus.valid ~ label,
  textarea.materialize-textarea:focus.valid ~ label {
    color: #00bfa5;
  }

  input:not([type]):focus.invalid ~ label,
  input[type=text]:not(.browser-default):focus.invalid ~ label,
  input[type=password]:not(.browser-default):focus.invalid ~ label,
  input[type=email]:not(.browser-default):focus.invalid ~ label,
  input[type=url]:not(.browser-default):focus.invalid ~ label,
  input[type=time]:not(.browser-default):focus.invalid ~ label,
  input[type=date]:not(.browser-default):focus.invalid ~ label,
  input[type=datetime]:not(.browser-default):focus.invalid ~ label,
  input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
  input[type=tel]:not(.browser-default):focus.invalid ~ label,
  input[type=number]:not(.browser-default):focus.invalid ~ label,
  input[type=search]:not(.browser-default):focus.invalid ~ label,
  textarea.materialize-textarea:focus.invalid ~ label {
    color: #FF934D;
  }

  input:not([type]).validate + label,
  input[type=text]:not(.browser-default).validate + label,
  input[type=password]:not(.browser-default).validate + label,
  input[type=email]:not(.browser-default).validate + label,
  input[type=url]:not(.browser-default).validate + label,
  input[type=time]:not(.browser-default).validate + label,
  input[type=date]:not(.browser-default).validate + label,
  input[type=datetime]:not(.browser-default).validate + label,
  input[type=datetime-local]:not(.browser-default).validate + label,
  input[type=tel]:not(.browser-default).validate + label,
  input[type=number]:not(.browser-default).validate + label,
  input[type=search]:not(.browser-default).validate + label,
  textarea.materialize-textarea.validate + label {
    width: 100%;
  }

  /* Validation Sass Placeholders */
  input.valid:not([type]),
  input.valid:not([type]):focus,
  input.valid[type=text]:not(.browser-default),
  input.valid[type=text]:not(.browser-default):focus,
  input.valid[type=password]:not(.browser-default),
  input.valid[type=password]:not(.browser-default):focus,
  input.valid[type=email]:not(.browser-default),
  input.valid[type=email]:not(.browser-default):focus,
  input.valid[type=url]:not(.browser-default),
  input.valid[type=url]:not(.browser-default):focus,
  input.valid[type=time]:not(.browser-default),
  input.valid[type=time]:not(.browser-default):focus,
  input.valid[type=date]:not(.browser-default),
  input.valid[type=date]:not(.browser-default):focus,
  input.valid[type=datetime]:not(.browser-default),
  input.valid[type=datetime]:not(.browser-default):focus,
  input.valid[type=datetime-local]:not(.browser-default),
  input.valid[type=datetime-local]:not(.browser-default):focus,
  input.valid[type=tel]:not(.browser-default),
  input.valid[type=tel]:not(.browser-default):focus,
  input.valid[type=number]:not(.browser-default),
  input.valid[type=number]:not(.browser-default):focus,
  input.valid[type=search]:not(.browser-default),
  input.valid[type=search]:not(.browser-default):focus,
  textarea.materialize-textarea.valid,
  textarea.materialize-textarea.valid:focus,
  .select-wrapper.valid > input.select-dropdown {
    /*border-bottom: 1px solid #00bfa5;
        -webkit-box-shadow: 0 1px 0 0 #00bfa5;
        box-shadow: 0 1px 0 0 #00bfa5;*/
  }

  input.invalid:not([type]),
  input.invalid:not([type]):focus,
  input.invalid[type=text]:not(.browser-default),
  input.invalid[type=text]:not(.browser-default):focus,
  input.invalid[type=password]:not(.browser-default),
  input.invalid[type=password]:not(.browser-default):focus,
  input.invalid[type=email]:not(.browser-default),
  input.invalid[type=email]:not(.browser-default):focus,
  input.invalid[type=url]:not(.browser-default),
  input.invalid[type=url]:not(.browser-default):focus,
  input.invalid[type=time]:not(.browser-default),
  input.invalid[type=time]:not(.browser-default):focus,
  input.invalid[type=date]:not(.browser-default),
  input.invalid[type=date]:not(.browser-default):focus,
  input.invalid[type=datetime]:not(.browser-default),
  input.invalid[type=datetime]:not(.browser-default):focus,
  input.invalid[type=datetime-local]:not(.browser-default),
  input.invalid[type=datetime-local]:not(.browser-default):focus,
  input.invalid[type=tel]:not(.browser-default),
  input.invalid[type=tel]:not(.browser-default):focus,
  input.invalid[type=number]:not(.browser-default),
  input.invalid[type=number]:not(.browser-default):focus,
  input.invalid[type=search]:not(.browser-default),
  input.invalid[type=search]:not(.browser-default):focus,
  textarea.materialize-textarea.invalid,
  textarea.materialize-textarea.invalid:focus,
  .select-wrapper.invalid > input.select-dropdown,
  .select-wrapper.invalid > input.select-dropdown:focus {
    border-bottom: 1px solid #FF934D;
    -webkit-box-shadow: 0 1px 0 0 #FF934D;
    box-shadow: 0 1px 0 0 #FF934D;
  }

    input:not([type]).valid ~ .helper-text[data-success],
    input:not([type]):focus.valid ~ .helper-text[data-success],
    input:not([type]).invalid ~ .helper-text[data-error],
    input:not([type]):focus.invalid ~ .helper-text[data-error],
    input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
    input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
    input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
    input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
    textarea.materialize-textarea.valid ~ .helper-text[data-success],
    textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
    textarea.materialize-textarea.invalid ~ .helper-text[data-error],
    textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error],
    .select-wrapper.valid .helper-text[data-success],
    .select-wrapper.invalid ~ .helper-text[data-error] {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      color: transparent;
    }

  input:not([type]).valid ~ .helper-text:after,
  input:not([type]):focus.valid ~ .helper-text:after,
  input[type=text]:not(.browser-default).valid ~ .helper-text:after,
  input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=password]:not(.browser-default).valid ~ .helper-text:after,
  input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=email]:not(.browser-default).valid ~ .helper-text:after,
  input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=url]:not(.browser-default).valid ~ .helper-text:after,
  input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=time]:not(.browser-default).valid ~ .helper-text:after,
  input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=date]:not(.browser-default).valid ~ .helper-text:after,
  input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
  input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
  input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
  input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=number]:not(.browser-default).valid ~ .helper-text:after,
  input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
  input[type=search]:not(.browser-default).valid ~ .helper-text:after,
  input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
  textarea.materialize-textarea.valid ~ .helper-text:after,
  textarea.materialize-textarea:focus.valid ~ .helper-text:after,
  .select-wrapper.valid ~ .helper-text:after {
    content: attr(data-success);
    color: #00bfa5;
  }

  input:not([type]).invalid ~ .helper-text:after,
  input:not([type]):focus.invalid ~ .helper-text:after,
  input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
  input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
  input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
  textarea.materialize-textarea.invalid ~ .helper-text:after,
  textarea.materialize-textarea:focus.invalid ~ .helper-text:after,
  .select-wrapper.invalid ~ .helper-text:after {
    content: attr(data-error);
    color: #FF934D;
  }

  input:not([type]) + label:after,
  input[type=text]:not(.browser-default) + label:after,
  input[type=password]:not(.browser-default) + label:after,
  input[type=email]:not(.browser-default) + label:after,
  input[type=url]:not(.browser-default) + label:after,
  input[type=time]:not(.browser-default) + label:after,
  input[type=date]:not(.browser-default) + label:after,
  input[type=datetime]:not(.browser-default) + label:after,
  input[type=datetime-local]:not(.browser-default) + label:after,
  input[type=tel]:not(.browser-default) + label:after,
  input[type=number]:not(.browser-default) + label:after,
  input[type=search]:not(.browser-default) + label:after,
  textarea.materialize-textarea + label:after,
  .select-wrapper + label:after {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    content: '';
    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
    -moz-transition: .2s opacity ease-out, .2s color ease-out;
    -o-transition: .2s opacity ease-out, .2s color ease-out;
    transition: .2s opacity ease-out, .2s color ease-out;
    opacity: 0;
  }

.input-field {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

  .input-field.inline {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
  }

    .input-field.inline input,
    .input-field.inline .select-dropdown {
      margin-bottom: 1rem;
    }

  .input-field.col label {
    left: .75rem;
  }

  .input-field.col .prefix ~ label,
  .input-field.col .prefix ~ .validate ~ label {
    width: -webkit-calc(100% - 3rem - 1.5rem);
    width: -moz-calc(100% - 3rem - 1.5rem);
    width: calc(100% - 3rem - 1.5rem);
  }

  .input-field > label {
    font-size: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    -moz-transition: transform .2s ease-out, color .2s ease-out, -moz-transform .2s ease-out;
    -o-transition: color .2s ease-out, -o-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out, -moz-transform .2s ease-out, -o-transform .2s ease-out;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    text-align: initial;
    color: #9e9e9e;
  }

    .input-field > label:not(.label-icon).active {
      -webkit-transform: translateY(-14px) scale(.8);
      -moz-transform: translateY(-14px) scale(.8);
      -ms-transform: translateY(-14px) scale(.8);
      -o-transform: translateY(-14px) scale(.8);
      transform: translateY(-14px) scale(.8);
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      transform-origin: 0 0;
    }

  .input-field > input[type]:-webkit-autofill:not(.browser-default) + label,
  .input-field > input[type=date]:not(.browser-default) + label,
  .input-field > input[type=time]:not(.browser-default) + label {
    -webkit-transform: translateY(-14px) scale(.8);
    transform: translateY(-14px) scale(.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  .input-field .helper-text {
    font-size: 12px;
    position: relative;
    display: block;
    min-height: 18px;
    color: rgba(0, 0, 0, .54);
  }

    .input-field .helper-text::after {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 1;
    }

  .input-field .prefix {
    font-size: 2rem;
    position: absolute;
    top: .5rem;
    width: 3rem;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
  }

.amount {
  position: relative;
}

  .amount .prefix {
    font-size: 2rem;
    position: absolute;
    top: .5rem;
    width: 3rem;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
  }

.input-field .prefix.active {
  color: #FF934D;
}

.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
  width: 92%;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
  margin-left: 3rem;
}

.input-field .prefix ~ label {
  margin-left: 3rem;
}

@media only screen and (max-width: 992px) {
  .input-field .prefix ~ input {
    width: 86%;
    width: -webkit-calc(100% - 3rem);
    width: -moz-calc(100% - 3rem);
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width: 600px) {
  .input-field .prefix ~ input {
    width: 80%;
    width: -webkit-calc(100% - 3rem);
    width: -moz-calc(100% - 3rem);
    width: calc(100% - 3rem);
  }
}

/* Search Field */
.input-field input[type=search] {
  line-height: inherit;
  display: block;
  -webkit-transition: .3s background-color;
  -moz-transition: .3s background-color;
  -o-transition: .3s background-color;
  transition: .3s background-color;
}

.nav-wrapper .input-field input[type=search] {
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  height: inherit;
  padding-left: 4rem;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-field input[type=search]:focus:not(.browser-default) {
  color: #444;
  border: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  .input-field input[type=search]:focus:not(.browser-default) + label i,
  .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
  .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
    color: #444;
  }

.input-field input[type=search] + .label-icon {
  left: 1rem;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.input-field input[type=search] ~ .mdi-navigation-close,
.input-field input[type=search] ~ .material-icons {
  font-size: 2rem;
  position: absolute;
  top: 0;
  right: 1rem;
  cursor: pointer;
  -webkit-transition: .3s color;
  -moz-transition: .3s color;
  -o-transition: .3s color;
  transition: .3s color;
  color: transparent;
}

/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}

  textarea.materialize-textarea {
    line-height: normal;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 3rem;
    /* prevents scroll bar flash */
    padding: .8rem 0 .8rem 0;
    /* prevents text jump on Enter keypress */
    resize: none;
  }

.hiddendiv {
  /* prevents text jump on Enter keypress */
  position: absolute;
  z-index: -1;
  top: 0;
  visibility: hidden;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Autocomplete */
.autocomplete-content li .highlight {
  color: #444;
}

.autocomplete-content li img {
  width: 40px;
  height: 40px;
  margin: 5px 15px;
}

/* Character Counter */
.character-counter {
  min-height: 18px;
}

/* Radio Buttons
   ========================================================================== */
[type='radio']:not(:checked),
[type='radio']:checked {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

  [type='radio']:not(:checked) + span,
  [type='radio']:checked + span {
    font-size: 1rem;
    line-height: 25px;
    position: relative;
    display: inline-block;
    height: 25px;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
  }

[type='radio'] + span:before,
[type='radio'] + span:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 4px;
  content: '';
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  transition: .28s ease;
}

/* Unchecked styles */
[type='radio']:not(:checked) + span:before,
[type='radio']:not(:checked) + span:after,
[type='radio']:checked + span:before,
[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:before,
[type='radio'].with-gap:checked + span:after {
  border-radius: 50%;
}

[type='radio']:not(:checked) + span:before,
[type='radio']:not(:checked) + span:after {
  border: 2px solid #5a5a5a;
}

[type='radio']:not(:checked) + span:after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/* Checked styles */
[type='radio']:checked + span:before {
  border: 2px solid transparent;
}

[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:before,
[type='radio'].with-gap:checked + span:after {
  border: 2px solid #FF934D;
}

[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:after {
  background-color: #FF934D;
}

[type='radio']:checked + span:after {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

/* Radio With gap */
[type='radio'].with-gap:checked + span:after {
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
}

/* Focused styles */
[type='radio'].tabbed:focus + span:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
}

/* Disabled Radio With gap */
[type='radio'].with-gap:disabled:checked + span:before {
  border: 2px solid rgba(0, 0, 0, .42);
}

[type='radio'].with-gap:disabled:checked + span:after {
  border: none;
  background-color: rgba(0, 0, 0, .42);
}

/* Disabled style */
[type='radio']:disabled:not(:checked) + span:before,
[type='radio']:disabled:checked + span:before {
  border-color: rgba(0, 0, 0, .42);
  background-color: transparent;
}

[type='radio']:disabled + span {
  color: rgba(0, 0, 0, .42);
}

[type='radio']:disabled:not(:checked) + span:before {
  border-color: rgba(0, 0, 0, .42);
}

[type='radio']:disabled:checked + span:after {
  border-color: #949494;
  background-color: rgba(0, 0, 0, .42);
}

/* Checkboxes
   ========================================================================== */
/* Remove default checkbox */
[type='checkbox']:not(:checked),
[type='checkbox']:checked {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

[type='checkbox'] {
  /* checkbox aspect */
}

  [type='checkbox'] + span:not(.lever) {
    font-size: 1rem;
    line-height: 25px;
    position: relative;
    display: inline-block;
    height: 25px;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

    [type='checkbox'] + span:not(.lever):before,
    [type='checkbox']:not(.filled-in) + span:not(.lever):after {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: 18px;
      height: 18px;
      margin-top: 3px;
      content: '';
      -webkit-transition: .2s;
      -moz-transition: .2s;
      -o-transition: .2s;
      transition: .2s;
      border: 2px solid #5a5a5a;
      border-radius: 1px;
    }

  [type='checkbox']:not(.filled-in) + span:not(.lever):after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    border: 0;
  }

  [type='checkbox']:not(:checked):disabled + span:not(.lever):before {
    border: none;
    background-color: rgba(0, 0, 0, .42);
  }

  [type='checkbox'].tabbed:focus + span:not(.lever):after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
  }

  [type='checkbox']:checked + span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border-top: 2px solid transparent;
    border-right: 2px solid #FF934D;
    border-bottom: 2px solid #FF934D;
    border-left: 2px solid transparent;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  [type='checkbox']:checked:disabled + span:before {
    border-right: 2px solid rgba(0, 0, 0, .42);
    border-bottom: 2px solid rgba(0, 0, 0, .42);
  }

  /* Indeterminate checkbox */
  [type='checkbox']:indeterminate + span:not(.lever):before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border-top: none;
    border-right: 2px solid #FF934D;
    border-bottom: none;
    border-left: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  [type='checkbox']:indeterminate:disabled + span:not(.lever):before {
    border-right: 2px solid rgba(0, 0, 0, .42);
    background-color: transparent;
  }

  [type='checkbox'].filled-in + span:not(.lever):after {
    border-radius: 2px;
  }

  [type='checkbox'].filled-in + span:not(.lever):before,
  [type='checkbox'].filled-in + span:not(.lever):after {
    position: absolute;
    z-index: 1;
    left: 0;
    content: '';
    /* .1s delay is for check animation */
    -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    -moz-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  }

  [type='checkbox'].filled-in:not(:checked) + span:not(.lever):before {
    top: 10px;
    left: 6px;
    width: 0;
    height: 0;
    -webkit-transform: rotateZ(37deg);
    -moz-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    -o-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border: 3px solid transparent;
  }

  [type='checkbox'].filled-in:not(:checked) + span:not(.lever):after {
    z-index: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #5a5a5a;
    background-color: transparent;
  }

  [type='checkbox'].filled-in:checked + span:not(.lever):before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    -webkit-transform: rotateZ(37deg);
    -moz-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    -o-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border-top: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid transparent;
  }

  [type='checkbox'].filled-in:checked + span:not(.lever):after {
    z-index: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #FF934D;
    background-color: #FF934D;
  }

  [type='checkbox'].filled-in.tabbed:focus + span:not(.lever):after {
    border-color: #5a5a5a;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .1);
  }

  [type='checkbox'].filled-in.tabbed:checked:focus + span:not(.lever):after {
    border-color: #FF934D;
    border-radius: 2px;
    background-color: #FF934D;
  }

  [type='checkbox'].filled-in:disabled:not(:checked) + span:not(.lever):before {
    border: 2px solid transparent;
    background-color: transparent;
  }

  [type='checkbox'].filled-in:disabled:not(:checked) + span:not(.lever):after {
    border-color: transparent;
    background-color: #949494;
  }

  [type='checkbox'].filled-in:disabled:checked + span:not(.lever):before {
    background-color: transparent;
  }

  [type='checkbox'].filled-in:disabled:checked + span:not(.lever):after {
    border-color: #949494;
    background-color: #949494;
  }

/* Switch
   ========================================================================== */
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

  .switch label {
    cursor: pointer;
  }

    .switch label input[type=checkbox] {
      width: 0;
      height: 0;
      opacity: 0;
    }

      .switch label input[type=checkbox]:checked + .lever {
        background-color: #f7c7d8;
      }

        .switch label input[type=checkbox]:checked + .lever:before,
        .switch label input[type=checkbox]:checked + .lever:after {
          left: 18px;
        }

        .switch label input[type=checkbox]:checked + .lever:after {
          background-color: #FF934D;
        }

    .switch label .lever {
      position: relative;
      display: inline-block;
      width: 36px;
      height: 14px;
      margin: 0 16px;
      margin-right: 10px;
      content: '';
      -webkit-transition: background .3s ease;
      -moz-transition: background .3s ease;
      -o-transition: background .3s ease;
      transition: background .3s ease;
      vertical-align: middle;
      border-radius: 15px;
      background-color: rgba(0, 0, 0, .38);
    }

      .switch label .lever:before,
      .switch label .lever:after {
        position: absolute;
        top: -3px;
        left: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        content: '';
        -webkit-transition: left .3s ease, background .3s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
        -moz-transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease, -moz-transform .1s ease;
        -o-transition: left .3s ease, background .3s ease, box-shadow .1s ease, -o-transform .1s ease;
        transition: left .3s ease, background .3s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
        transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease;
        transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease, -moz-transform .1s ease, -o-transform .1s ease;
        border-radius: 50%;
      }

      .switch label .lever:before {
        background-color: rgba(255, 64, 129, .15);
      }

      .switch label .lever:after {
        background-color: #f1f1f1;
        -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
      }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
  -moz-transform: scale(2.4);
  -ms-transform: scale(2.4);
  -o-transform: scale(2.4);
  transform: scale(2.4);
  background-color: rgba(255, 64, 129, .15);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
  -moz-transform: scale(2.4);
  -ms-transform: scale(2.4);
  -o-transform: scale(2.4);
  transform: scale(2.4);
  background-color: rgba(0, 0, 0, .08);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: rgba(0, 0, 0, .12);
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #949494;
}

/* Select Field
   ========================================================================== */
select {
  display: none;
}

  select.browser-default {
    display: block;
  }

select {
  width: 100%;
  height: 3rem;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, .9);
}

.select-label {
  position: absolute;
}

.select-wrapper {
  position: relative;
}

  .select-wrapper.valid + label,
  .select-wrapper.invalid + label {
    width: 100%;
    pointer-events: none;
  }

  .select-wrapper input.select-dropdown {
    /*font-size: 1rem;*/
    font-size: 14px;
    line-height: 3.5rem;
    display: block;
    /*width: 100%;*/
    width: calc(100% - 12px);
    /*height: 3rem;*/
    height: 2.5rem;
    /*margin: 0 0 8px 0;*/
    /*padding: 0;*/
    padding: 0px 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*border: none;*/
    /*border-bottom: 1px solid #9e9e9e;*/
    border: 1px solid #bdbdbd;
    outline: none;
    background-color: transparent;
  }

    .select-wrapper input.select-dropdown:focus {
      border-bottom: 1px solid #FF934D;
    }

  .select-wrapper .caret {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    /*background: white;*/
    background: transparent;
    fill: rgba(0, 0, 0, .87);
    pointer-events: none;
  }

  .select-wrapper + label {
    font-size: .8rem;
    position: absolute;
    top: -26px;
  }

select:disabled {
  color: rgba(0, 0, 0, .42);
}

.select-wrapper.disabled + label {
  color: rgba(0, 0, 0, .42);
}

.select-wrapper.disabled .caret {
  fill: rgba(0, 0, 0, .42);
}

.select-wrapper input.select-dropdown:disabled {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba(0, 0, 0, .42);
}

.select-wrapper i {
  color: rgba(0, 0, 0, .3);
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, .3);
  background-color: transparent;
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
  background-color: rgba(0, 0, 0, .08);
}

.select-dropdown.dropdown-content li:hover {
  background-color: rgba(0, 0, 0, .08);
}

.select-dropdown.dropdown-content li.selected {
  background-color: rgba(0, 0, 0, .03);
}

.prefix ~ .select-wrapper {
  width: 92%;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
  margin-left: 3rem;
}

.prefix ~ label {
  margin-left: 3rem;
}

.select-dropdown li img {
  float: right;
  width: 40px;
  height: 40px;
  margin: 5px 15px;
}

.select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}

  .select-dropdown li.optgroup.selected > span {
    color: rgba(0, 0, 0, .7);
  }

  .select-dropdown li.optgroup > span {
    color: rgba(0, 0, 0, .4);
  }

  .select-dropdown li.optgroup ~ li.optgroup-option {
    padding-left: 1rem;
  }

/* File Input
   ========================================================================== */
.file-field {
  position: relative;
}

  .file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px;
  }

  .file-field input.file-path {
    width: 100%;
  }

  .file-field .btn,
  .file-field .btn-large,
  .file-field .btn-small {
    line-height: 3rem;
    float: left;
    height: 3rem;
  }

  .file-field span {
    cursor: pointer;
  }

  .file-field input[type=file] {
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
  }

    .file-field input[type=file]::-webkit-file-upload-button {
      display: none;
    }

/* Range
   ========================================================================== */
.range-field {
  position: relative;
}

input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}

input[type=range] {
  position: relative;
  width: 100%;
  margin: 15px 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
}

  input[type=range]:focus {
    outline: none;
  }

  input[type=range] + .thumb {
    position: absolute;
    top: 10px;
    left: 0;
    width: 0;
    height: 0;
    margin-left: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: none;
    border-radius: 50%;
    background-color: #FF934D;
  }

    input[type=range] + .thumb .value {
      font-size: 0;
      display: block;
      width: 30px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      text-align: center;
      color: #FF934D;
    }

    input[type=range] + .thumb.active {
      border-radius: 50% 50% 50% 0;
    }

      input[type=range] + .thumb.active .value {
        font-size: 10px;
        margin-top: 8px;
        margin-left: -1px;
        color: #fff;
      }

input[type=range] {
  -webkit-appearance: none;
}

  input[type=range]::-webkit-slider-runnable-track {
    height: 3px;
    border: none;
    background: #c2c0c2;
  }

  input[type=range]::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    margin: -5px 0 0 0;
    -webkit-transition: -webkit-box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: none;
    border-radius: 50%;
    background: #FF934D;
    background-color: #FF934D;
    -webkit-appearance: none;
  }

.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 10px rgba(255, 64, 129, .26);
  box-shadow: 0 0 0 10px rgba(255, 64, 129, .26);
}

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

  input[type=range]::-moz-range-track {
    height: 3px;
    border: none;
    background: #c2c0c2;
  }

  input[type=range]::-moz-focus-inner {
    border: 0;
  }

  input[type=range]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    -webkit-transition: -webkit-box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    border: none;
    border-radius: 50%;
    background: #FF934D;
  }

  input[type=range]:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px;
  }

.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(255, 64, 129, .26);
}

input[type=range]::-ms-track {
  height: 3px;
  /*remove default tick marks*/
  color: transparent;
  border-width: 6px 0;
  border-color: transparent;
  background: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  width: 14px;
  height: 14px;
  -webkit-transition: -webkit-box-shadow .3s;
  -moz-transition: box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  border: none;
  border-radius: 50%;
  background: #FF934D;
}

.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
  box-shadow: 0 0 0 10px rgba(255, 64, 129, .26);
}

/***************
    Nav List
***************/
.table-of-contents.fixed {
  position: fixed;
}

.table-of-contents li {
  padding: 2px 0;
}

.table-of-contents a {
  font-weight: 300;
  line-height: 1.5rem;
  display: inline-block;
  display: inline-block;
  height: 1.5rem;
  padding-left: 16px;
  letter-spacing: .4;
  color: #757575;
}

  .table-of-contents a:hover {
    padding-left: 15px;
    color: #a8a8a8;
    border-left: 1px solid #3f51b5;
  }

  .table-of-contents a.active {
    font-weight: 500;
    padding-left: 14px;
    border-left: 2px solid #3f51b5;
  }

.sidenav {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  overflow-y: auto;
  width: 260px;
  height: 100%;
  height: -webkit-calc(100% + 60px);
  height: -moz-calc(100% + 60px);
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  margin: 0;
  padding-bottom: 60px;
  -webkit-transform: translateX(-100%);
  -webkit-transform: translateX(-105%);
  -moz-transform: translateX(-100%);
  -moz-transform: translateX(-105%);
  -ms-transform: translateX(-100%);
  -ms-transform: translateX(-105%);
  -o-transform: translateX(-100%);
  -o-transform: translateX(-105%);
  transform: translateX(-100%);
  transform: translateX(-105%);
  background-color: #fff;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media only screen and (min-width: 993px) {
  .sidenav.sidenav-collapsible {
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
  }
}

.sidenav.right-aligned {
  right: 0;
  left: auto;
  -webkit-transform: translateX(105%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(105%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(105%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(105%);
  -o-transform: translateX(100%);
  transform: translateX(105%);
  transform: translateX(100%);
}

.sidenav .collapsible {
  margin: 0;
}

.sidenav li {
  line-height: 48px;
  float: none;
}

  .sidenav li.active {
    background-color: rgba(0, 0, 0, .035);
  }

  .sidenav li > a {
    font-size: var(--nav-text-size);
    font-weight: 500;
    line-height: 48px;
    display: block;
    height: 48px;
    padding: 0 32px;
    color: rgba(0, 0, 0, .87);
  }

    .sidenav li > a:hover {
      background-color: rgba(0, 0, 0, .015);
    }

    .sidenav li > a.btn,
    .sidenav li > a.btn-large,
    .sidenav li > a.btn-small,
    .sidenav li > a.btn-large,
    .sidenav li > a.btn-flat,
    .sidenav li > a.btn-floating {
      margin: 10px 15px;
    }

    .sidenav li > a.btn,
    .sidenav li > a.btn-large,
    .sidenav li > a.btn-small,
    .sidenav li > a.btn-large,
    .sidenav li > a.btn-floating {
      color: #fff;
    }

    .sidenav li > a.btn-flat {
      color: #343434;
    }

    .sidenav li > a.btn:hover,
    .sidenav li > a.btn-large:hover,
    .sidenav li > a.btn-small:hover,
    .sidenav li > a.btn-large:hover {
      background-color: #FF934D;
    }

    .sidenav li > a.btn-floating:hover {
      background-color: #FF934D;
    }

    .sidenav li > a > i,
    .sidenav li > a > [class^='mdi-'],
    .sidenav li > a li > a > [class*='mdi-'],
    .sidenav li > a > i.material-icons {
      line-height: 48px;
      float: left;
      width: 24px;
      height: 48px;
      margin: 0 32px 0 0;
      color: rgba(0, 0, 0, .54);
    }

.sidenav .divider {
  margin: 8px 0 0 0;
}

.sidenav .subheader {
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  cursor: initial;
  pointer-events: none;
  color: rgba(0, 0, 0, .54);
}

  .sidenav .subheader:hover {
    background-color: transparent;
  }

.sidenav .user-view {
  position: relative;
  margin-bottom: 8px;
  padding: 32px 32px 0;
}

  .sidenav .user-view > a {
    height: auto;
    padding: 0;
  }

    .sidenav .user-view > a:hover {
      background-color: transparent;
    }

  .sidenav .user-view .background {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }

  .sidenav .user-view .circle,
  .sidenav .user-view .name,
  .sidenav .user-view .email {
    display: block;
  }

  .sidenav .user-view .circle {
    width: 64px;
    height: 64px;
  }

  .sidenav .user-view .name,
  .sidenav .user-view .email {
    font-size: 14px;
    line-height: 24px;
  }

  .sidenav .user-view .name {
    font-weight: 500;
    margin-top: 16px;
  }

  .sidenav .user-view .email {
    font-weight: 400;
    padding-bottom: 16px;
  }

.drag-target {
  position: fixed;
  z-index: 998;
  top: 0;
  width: 10px;
  height: 100%;
}

  .drag-target.right-aligned {
    right: 0;
  }

.sidenav.sidenav-fixed {
  position: fixed;
  left: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

  .sidenav.sidenav-fixed.right-aligned {
    right: 0;
    left: auto;
  }

@media only screen and (max-width: 992px) {
  .sidenav.sidenav-fixed {
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%);
  }

    .sidenav.sidenav-fixed.right-aligned {
      -webkit-transform: translateX(105%);
      -moz-transform: translateX(105%);
      -ms-transform: translateX(105%);
      -o-transform: translateX(105%);
      transform: translateX(105%);
    }

  .sidenav > a {
    padding: 0 16px;
  }

  .sidenav .user-view {
    padding: 16px 16px 0;
  }
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #3f51b5;
}

  .sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
  .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #fff;
  }

.sidenav .collapsible-body {
  padding: 0;
}

.sidenav-overlay {
  position: fixed;
  z-index: 997;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  height: 120vh;
  opacity: 0;
  background-color: rgba(0, 0, 0, .5);
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
}

  .preloader-wrapper.small {
    width: 36px;
    height: 36px;
  }

  .preloader-wrapper.big {
    width: 64px;
    height: 64px;
  }

  .preloader-wrapper.active {
    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
    -webkit-animation: container-rotate 1568ms linear infinite;
    -moz-animation: container-rotate 1568ms linear infinite;
    -o-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite;
  }

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

@-moz-keyframes container-rotate {
  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes container-rotate {
  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #FF934D;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
  border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  /* durations: 4 * ARCTIME */
  opacity: 1;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@-moz-keyframes fill-unfill-rotate {
  12.5% {
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -moz-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -moz-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -moz-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -moz-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -moz-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -moz-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@-o-keyframes fill-unfill-rotate {
  12.5% {
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -o-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -o-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -o-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -o-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -o-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
    -moz-transform: rotate(675deg);
    -o-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
    -moz-transform: rotate(810deg);
    -o-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
    -moz-transform: rotate(1080deg);
    -o-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  89% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  89% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  89% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  89% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  51% {
    opacity: 0;
  }
}

@-moz-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  51% {
    opacity: 0;
  }
}

@-o-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  51% {
    opacity: 0;
  }
}

@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  51% {
    opacity: 0;
  }
}

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  76% {
    opacity: 0;
  }
}

@-moz-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  76% {
    opacity: 0;
  }
}

@-o-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  76% {
    opacity: 0;
  }
}

@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  76% {
    opacity: 0;
  }
}

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  overflow: hidden;
  width: 10%;
  height: 100%;
  border-color: inherit;
}

  .gap-patch .circle {
    left: -450%;
    width: 1000%;
  }

.circle-clipper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 50%;
  height: 100%;
  border-color: inherit;
}

  .circle-clipper .circle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 200%;
    height: 100%;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    border-width: 3px;
    /* STROKEWIDTH */
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
  }

  .circle-clipper.left .circle {
    left: 0;
    -webkit-transform: rotate(129deg);
    -moz-transform: rotate(129deg);
    -ms-transform: rotate(129deg);
    -o-transform: rotate(129deg);
    transform: rotate(129deg);
    border-right-color: transparent !important;
  }

  .circle-clipper.right .circle {
    left: -100%;
    -webkit-transform: rotate(-129deg);
    -moz-transform: rotate(-129deg);
    -ms-transform: rotate(-129deg);
    -o-transform: rotate(-129deg);
    transform: rotate(-129deg);
    border-left-color: transparent !important;
  }

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -moz-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -o-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -moz-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  -o-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(130deg);
  }
}

@-moz-keyframes left-spin {
  from {
    -moz-transform: rotate(130deg);
    transform: rotate(130deg);
  }

  50% {
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -moz-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@-o-keyframes left-spin {
  from {
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
  }

  50% {
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
  }

  to {
    -webkit-transform: rotate(-130deg);
  }
}

@-moz-keyframes right-spin {
  from {
    -moz-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  50% {
    -moz-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  to {
    -moz-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

@-o-keyframes right-spin {
  from {
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  50% {
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  to {
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

@keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  to {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(.4, 0, .2, 1);
  -moz-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(.4, 0, .2, 1);
  -o-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(.4, 0, .2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(.4, 0, .2, 1);
}

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

  to {
    opacity: 0;
  }
}

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

  to {
    opacity: 0;
  }
}

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

  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.slider {
  position: relative;
  width: 100%;
  height: 400px;
}

  .slider.fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

    .slider.fullscreen ul.slides {
      height: 100%;
    }

    .slider.fullscreen ul.indicators {
      z-index: 2;
      bottom: 30px;
    }

  .slider .slides {
    height: 400px;
    margin: 0;
    background-color: #9e9e9e;
  }

    .slider .slides li {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      overflow: hidden;
      width: 100%;
      height: inherit;
      opacity: 0;
    }

      .slider .slides li img {
        width: 100%;
        height: 100%;
        background-position: center;
        -webkit-background-size: cover;
        background-size: cover;
      }

      .slider .slides li .caption {
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        opacity: 0;
        color: #fff;
      }

        .slider .slides li .caption p {
          color: #e0e0e0;
        }

      .slider .slides li.active {
        z-index: 2;
      }

  .slider .indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    text-align: center;
  }

    .slider .indicators .indicator-item {
      position: relative;
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: 0 12px;
      cursor: pointer;
      -webkit-transition: background-color .3s;
      -moz-transition: background-color .3s;
      -o-transition: background-color .3s;
      transition: background-color .3s;
      border-radius: 50%;
      background-color: #e0e0e0;
    }

      .slider .indicators .indicator-item.active {
        background-color: #4caf50;
      }

.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

  .carousel.carousel-slider {
    top: 0;
    left: 0;
  }

    .carousel.carousel-slider .carousel-fixed-item {
      position: absolute;
      z-index: 1;
      right: 0;
      bottom: 20px;
      left: 0;
    }

      .carousel.carousel-slider .carousel-fixed-item.with-indicators {
        bottom: 68px;
      }

    .carousel.carousel-slider .carousel-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      min-height: 400px;
    }

      .carousel.carousel-slider .carousel-item h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
      }

      .carousel.carousel-slider .carousel-item p {
        font-size: 15px;
      }

  .carousel .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 200px;
    height: 200px;
  }

    .carousel .carousel-item > img {
      width: 100%;
    }

  .carousel .indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    text-align: center;
  }

    .carousel .indicators .indicator-item {
      position: relative;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 24px 4px;
      cursor: pointer;
      -webkit-transition: background-color .3s;
      -moz-transition: background-color .3s;
      -o-transition: background-color .3s;
      transition: background-color .3s;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, .5);
    }

      .carousel .indicators .indicator-item.active {
        background-color: #fff;
      }

  .carousel.scrolling .carousel-item .materialboxed,
  .carousel .carousel-item:not(.active) .materialboxed {
    pointer-events: none;
  }

.tap-target-wrapper {
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  width: 800px;
  height: 800px;
  -webkit-transition: visibility 0s .3s;
  -moz-transition: visibility 0s .3s;
  -o-transition: visibility 0s .3s;
  transition: visibility 0s .3s;
}

  .tap-target-wrapper.open {
    visibility: visible;
    -webkit-transition: visibility 0s;
    -moz-transition: visibility 0s;
    -o-transition: visibility 0s;
    transition: visibility 0s;
  }

    .tap-target-wrapper.open .tap-target {
      -webkit-transition: opacity .3s cubic-bezier(.42, 0, .58, 1), -webkit-transform .3s cubic-bezier(.42, 0, .58, 1);
      -moz-transition: transform .3s cubic-bezier(.42, 0, .58, 1), opacity .3s cubic-bezier(.42, 0, .58, 1), -moz-transform .3s cubic-bezier(.42, 0, .58, 1);
      -o-transition: opacity .3s cubic-bezier(.42, 0, .58, 1), -o-transform .3s cubic-bezier(.42, 0, .58, 1);
      transition: opacity .3s cubic-bezier(.42, 0, .58, 1), -webkit-transform .3s cubic-bezier(.42, 0, .58, 1);
      transition: transform .3s cubic-bezier(.42, 0, .58, 1), opacity .3s cubic-bezier(.42, 0, .58, 1);
      transition: transform .3s cubic-bezier(.42, 0, .58, 1), opacity .3s cubic-bezier(.42, 0, .58, 1), -webkit-transform .3s cubic-bezier(.42, 0, .58, 1), -moz-transform .3s cubic-bezier(.42, 0, .58, 1), -o-transform .3s cubic-bezier(.42, 0, .58, 1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: .95;
    }

    .tap-target-wrapper.open .tap-target-wave::before {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }

    .tap-target-wrapper.open .tap-target-wave::after {
      visibility: visible;
      -webkit-transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
      -moz-transition: opacity .3s, transform .3s, visibility 0s 1s, -moz-transform .3s;
      -o-transition: opacity .3s, visibility 0s 1s, -o-transform .3s;
      transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
      transition: opacity .3s, transform .3s, visibility 0s 1s;
      transition: opacity .3s, transform .3s, visibility 0s 1s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
      -webkit-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
      -moz-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
      -o-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
      animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    }

.tap-target {
  font-size: 1rem;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s cubic-bezier(.42, 0, .58, 1), -webkit-transform .3s cubic-bezier(.42, 0, .58, 1);
  -moz-transition: transform .3s cubic-bezier(.42, 0, .58, 1), opacity .3s cubic-bezier(.42, 0, .58, 1), -moz-transform .3s cubic-bezier(.42, 0, .58, 1);
  -o-transition: opacity .3s cubic-bezier(.42, 0, .58, 1), -o-transform .3s cubic-bezier(.42, 0, .58, 1);
  transition: opacity .3s cubic-bezier(.42, 0, .58, 1), -webkit-transform .3s cubic-bezier(.42, 0, .58, 1);
  transition: transform .3s cubic-bezier(.42, 0, .58, 1), opacity .3s cubic-bezier(.42, 0, .58, 1);
  transition: transform .3s cubic-bezier(.42, 0, .58, 1), opacity .3s cubic-bezier(.42, 0, .58, 1), -webkit-transform .3s cubic-bezier(.42, 0, .58, 1), -moz-transform .3s cubic-bezier(.42, 0, .58, 1), -o-transform .3s cubic-bezier(.42, 0, .58, 1);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  border-radius: 50%;
  background-color: #3f51b5;
  -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .14), 0 10px 50px 0 rgba(0, 0, 0, .12), 0 30px 10px -20px rgba(0, 0, 0, .2);
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .14), 0 10px 50px 0 rgba(0, 0, 0, .12), 0 30px 10px -20px rgba(0, 0, 0, .2);
}

.tap-target-content {
  position: relative;
  display: table-cell;
}

.tap-target-wave {
  position: absolute;
  z-index: 10001;
  border-radius: 50%;
}

  .tap-target-wave::before,
  .tap-target-wave::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 50%;
    background-color: #fff;
  }

  .tap-target-wave::before {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    -o-transition: -o-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  .tap-target-wave::after {
    z-index: -1;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility 0s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, visibility 0s, -moz-transform .3s;
    -o-transition: opacity .3s, visibility 0s, -o-transform .3s;
    transition: opacity .3s, visibility 0s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s;
    transition: opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
  }

.tap-target-origin {
  position: absolute !important;
  z-index: 10002;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

  .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),
  .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
    background: none;
  }

@media only screen and (max-width: 600px) {
  .tap-target,
  .tap-target-wrapper {
    width: 600px;
    height: 600px;
  }
}

.pulse {
  position: relative;
  overflow: visible;
}

  .pulse::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, -moz-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    -moz-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    -o-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    border-radius: inherit;
    background-color: inherit;
  }

@-webkit-keyframes pulse-animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@-moz-keyframes pulse-animation {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -moz-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    -moz-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@-o-keyframes pulse-animation {
  0% {
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-animation {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

/* Modal */
.datepicker-modal {
  min-width: 300px;
  max-width: 325px;
  max-height: none;
}

.datepicker-container.modal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
}

.datepicker-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

  .datepicker-controls .selects-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .datepicker-controls .select-wrapper input {
    margin: 0;
    text-align: center;
    border-bottom: none;
  }

    .datepicker-controls .select-wrapper input:focus {
      border-bottom: none;
    }

  .datepicker-controls .select-wrapper .caret {
    display: none;
  }

  .datepicker-controls .select-year input {
    width: 50px;
    border: 0px !important;
  }

  .datepicker-controls .select-month input {
    width: 70px;
    border: 0px !important;
  }

.month-prev,
.month-next {
  margin-top: 4px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

/* Date Display */
.datepicker-date-display {
  font-weight: 500;
  padding: 20px 22px;
  color: #fff;
  background-color: #755ae4;
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
}

  .datepicker-date-display .year-text {
    font-size: 1.5rem;
    line-height: 25px;
    display: block;
    color: rgba(255, 255, 255, .7);
  }

  .datepicker-date-display .date-text {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 47px;
    display: block;
  }

/* Calendar */
.datepicker-calendar-container {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5 auto;
  -moz-box-flex: 2.5;
  -ms-flex: 2.5 auto;
  flex: 2.5 auto;
}

.datepicker-table {
  font-size: 1rem;
  width: 280px;
  margin: 0 auto;
}

  .datepicker-table thead {
    border-bottom: none;
  }

  .datepicker-table th {
    padding: 10px 5px;
    text-align: center;
  }

  .datepicker-table tr {
    border: none;
  }

  .datepicker-table abbr {
    text-decoration: none;
    color: #999;
  }

  .datepicker-table td {
    padding: 0;
    border-radius: 50%;
  }

    .datepicker-table td.is-today {
      color: #755ae4;
    }

    .datepicker-table td.is-selected {
      color: #fff;
      background-color: #755ae4;
    }

    .datepicker-table td.is-outside-current-month,
    .datepicker-table td.is-disabled {
      pointer-events: none;
      color: rgba(0, 0, 0, .3);
    }

.datepicker-day-button {
  line-height: 38px;
  display: block;
  width: 100%;
  padding: 0 5px;
  cursor: pointer;
  color: inherit;
  border: none;
  border-radius: 50%;
  background-color: transparent;
}

  .datepicker-day-button:focus {
    background-color: rgba(250, 69, 131, .25);
  }

/* Footer */
.datepicker-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  margin: 0 auto;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  padding: 0 1rem;
  color: #755ae4;
}

.datepicker-clear {
  color: #755ae4;
}

/* Media Queries */
@media only screen and (min-width: 601px) {
  .datepicker-modal {
    max-width: 625px;
  }

  .datepicker-container.modal-content {
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
  }

  .datepicker-date-display {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 270px;
    -moz-box-flex: 0;
    -ms-flex: 0 1 270px;
    flex: 0 1 270px;
  }

  .datepicker-controls,
  .datepicker-table,
  .datepicker-footer {
    width: 320px;
  }

  .datepicker-day-button {
    line-height: 44px;
  }
}

/* Timepicker Containers */
.timepicker-modal {
  max-width: 325px;
  max-height: none;
}

.timepicker-container.modal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
}

.text-primary {
  color: white;
}

/* Clock Digital Display */
.timepicker-digital-display {
  font-weight: 300;
  padding: 10px;
  background-color: #FF934D;
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
}

.timepicker-text-container {
  font-size: 4rem;
  font-weight: bold;
  font-weight: 400;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  color: rgba(255, 255, 255, .6);
}

.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
  cursor: pointer;
}

.timepicker-span-hours {
  margin-right: 3px;
}

.timepicker-span-minutes {
  margin-left: 3px;
}

.timepicker-display-am-pm {
  font-size: 1.3rem;
  font-weight: 400;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

/* Analog Clock Display */
.timepicker-analog-display {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5 auto;
  -moz-box-flex: 2.5;
  -ms-flex: 2.5 auto;
  flex: 2.5 auto;
}

.timepicker-plate {
  position: relative;
  overflow: visible;
  width: 270px;
  height: 270px;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
  background-color: #eee;
}

.timepicker-canvas,
.timepicker-dial {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.timepicker-minutes {
  visibility: hidden;
}

.timepicker-tick {
  font-size: 15px;
  line-height: 40px;
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  color: rgba(0, 0, 0, .87);
  border-radius: 50%;
}

  .timepicker-tick.active,
  .timepicker-tick:hover {
    background-color: rgba(255, 64, 129, .25);
  }

.timepicker-dial {
  -webkit-transition: opacity 350ms, -webkit-transform 350ms;
  -moz-transition: transform 350ms, opacity 350ms, -moz-transform 350ms;
  -o-transition: opacity 350ms, -o-transform 350ms;
  transition: opacity 350ms, -webkit-transform 350ms;
  transition: transform 350ms, opacity 350ms;
  transition: transform 350ms, opacity 350ms, -webkit-transform 350ms, -moz-transform 350ms, -o-transform 350ms;
}

.timepicker-dial-out {
  opacity: 0;
}

  .timepicker-dial-out.timepicker-hours {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }

  .timepicker-dial-out.timepicker-minutes {
    -webkit-transform: scale(.8, .8);
    -moz-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    transform: scale(.8, .8);
  }

.timepicker-canvas {
  -webkit-transition: opacity 175ms;
  -moz-transition: opacity 175ms;
  -o-transition: opacity 175ms;
  transition: opacity 175ms;
}

  .timepicker-canvas line {
    stroke: #FF934D;
    stroke-width: 4;
    stroke-linecap: round;
  }

.timepicker-canvas-out {
  opacity: .25;
}

.timepicker-canvas-bearing {
  stroke: none;
  fill: #FF934D;
}

.timepicker-canvas-bg {
  stroke: none;
  fill: #FF934D;
}

/* Footer */
.timepicker-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 5px 1rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.timepicker-clear {
  color: #FF934D;
}

.timepicker-close {
  color: #FF934D;
}

.timepicker-clear,
.timepicker-close {
  padding: 0 20px;
}

/* Media Queries */
@media only screen and (min-width: 601px) {
  .timepicker-modal {
    max-width: 600px;
  }

  .timepicker-container.modal-content {
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
  }

  .timepicker-text-container {
    top: 32%;
  }

  .timepicker-display-am-pm {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 1.2rem;
    text-align: center;
  }
}

.collection li.collection-item {
  display: block;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  color: #FF934D;
}

.collection-header {
  padding: 1px 20px !important;
}

.service-dropdown-header {
  line-height: 64px !important;
  height: 64px !important;
}

.card-t {
  position: absolute !important;
}

.paging-label {
  text-align: right !important;
  position: absolute !important;
  top: -3px !important;
  left: 9px !important;
}

.paging-content .select-dropdown {
  width: 50px !important;
  z-index: 1001 !important;
  padding-left: 20px !important;
  font-weight: bold;
}

.paging-content .select-wrapper {
  float: right;
  z-index: 9;
}

.paging-content .input-field label.active {
  width: 105% !important;
}

.dropdown-content {
  max-height: 200px !important;
}

.dropdown-content {
  max-height: 200px !important;
}

.account-add-modal .dropdown-content {
  max-height: 200px !important;
  min-width: 300px !important;
}

.paging-content .select-wrapper .caret {
  z-index: 0 !important;
}

.add-bank-paymentmethod .select2-container--default .select2-results > .select2-results__options {
  max-height: 170px;
}

.select2-dropdown {
  border-radius: 8px;
}

.blue-purple {
  color: #6470DB;
  font-weight: 500;
}

@media (max-width: 993px) {
  .payment-method-modal {
    height: 200px !important;
    max-height: 200px !important;
  }
}


table.dataTable thead .sorting {
  background: none;
  content: "" !important;
}

table.dataTable thead sorting {
  content: "" !important;
}

table.dataTable thead .sorting_desc:after {
  content: "" !important;
}

table.dataTable thead .sorting:after {
  content: "" !important;
}

table.dataTable thead .sorting_asc:after {
  content: "" !important;
}

.blockOverlay {
  z-index: 1010 !important;
}

.padding-top0 {
  padding-top: 0 !important
}


.responsive-tableli li {
  border-radius: 3px;
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.responsive-tableli .table-header {
  background-color: #95A5A6;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.responsive-tableli .table-row {
  background-color: #ffffff;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

.responsive-tableli .col-1 {
  flex-basis: 20%;
}

.responsive-tableli .col-2 {
  flex-basis: 40%;
}

.responsive-tableli .col-3 {
  flex-basis: 20%;
}

.responsive-tableli .col-4 {
  flex-basis: 10%;
}

@media all and (max-width: 767px) {
  .responsive-tableli .table-header {
    display: none;
  }

  .responsive-tableli li {
    display: block;
  }

  .responsive-tableli .colli {
    flex-basis: 100%;
  }

  .responsive-tableli .colli {
    display: flex;
    padding: 2px 0;
  }

    .responsive-tableli .colli:before {
      color: #6C7A89;
      text-align: left;
    }
}



.rlist table tr td:first-child {
  width: 200px
}

.flist table tr td:first-child {
  width: 320px
}

.image-fix-height {
  max-height: 180px !important;
}

.task-card-title {
  color: gray;
}

@media only screen and (min-width: 1100px) {
  .margin-top-transit {
    margin-top: 20px;
  }
}

.ds-btn li {
  background-color: lightgoldenrodyellow;
  list-style: none;
  font-size: small;
  float: left;
  padding: 10px;
  margin: 5px;
  min-height: 75px;
  min-width: 48%;
  width: 48%;
  font-family: 'Muli', sans-serif !important;
  box-shadow: 1px 1px 2px;
}

.addaccountclass .ds-btn li {
  min-width: 96% !important;
  width: 96% !important;
}

.ds-btn li a span {
  width: 100%;
  display: inline-block;
  text-align: left;
}

  .ds-btn li a span small {
    width: 100%;
    display: inline-block;
    text-align: left;
  }

@media only screen and (max-width: 900px) {
  .ds-btn li {
    min-width: 96%;
    width: 96%;
  }
}

.loader {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #3498db;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.logintype_service_header {
  color: white !important;
  background: linear-gradient(45deg, #47bcd7, #2268c4) !important;
}

.logintype_service_header_modal {
  background: linear-gradient(45deg, #28AAE1, #203638a8) !important;
  background-color: linear-gradient(45deg, #28AAE1, #203638a8) !important;
}

.logintype_service_header h5 {
  color: white !important;
}

.logintype_service_header_modal h5 {
  color: white !important;
}

#bank_listid li {
  cursor: pointer;
}

.loginLoaderContent {
  position: absolute;
  top: 0;
  left: 45%;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #FF934D;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.flag-icon-gb1 {
  background-image: url('/Content/assets/vendors/flag-icon/flags/4x3/us.svg');
  height: 60px;
}

.flag-icon-en1 {
  background-image: url('/Content/assets/vendors/flag-icon/flags/4x3/us.svg');
  height: 60px;
}

.flag-icon-fr1 {
  background-image: url('/Content/assets/vendors/flag-icon/flags/4x3/fr.svg');
  height: 60px;
}

tfoot {
  display: table-header-group;
}

#paymentstableid tfoot th {
  padding: 0 !important;
}

#paymentstableid .select2-selection {
  border-bottom: none !important;
}

#transmittedtableid tfoot th {
  padding: 0 !important;
}

#transmittedtableid .select2-selection {
  border-bottom: none !important;
}

.customerstablebody td, th {
  padding: 0px 0px 0px 15px !important;
  margin: 0px 0px !important;
}

.customerstablebody .input-field {
  padding: 0px !important;
  margin-bottom: 0px !important;
}


.customerstablebody tr.even {
  background-color: #f0f0f0;
}

/*Nilesh*/
.disabled {
  pointer-events: none;
  opacity: 0.6;
  /*//This makes it not clickable //This grays it out to look disabled*/
}

.serviceloader-loader {
  position: absolute;
  top: 56px;
  right: 7px;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #FF934D;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1;
}

.recur-loader {
  color: green;
  float: left;
  width: auto;
}

.account-loader {
  position: absolute;
  top: 1416px;
  right: 696px;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #FF934D;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1;
}

.addbill-loader {
  margin: 35% auto;
  display: block;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #FF934D;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1;
}

.DesDownloadExcelTooltip {
  margin-left: 10px;
  margin-top: -2px;
}

.excel_icon {
  height: 30px;
  width: 30px;
  padding: 5px;
}

.fa-info-circle:before {
  content: "\f05a";
}

.infoicon {
  z-index: 999;
  position: absolute;
  cursor: pointer;
  color: #FF934D;
  top: 31px;
  right: 20px;
}

.addcountInfo {
  z-index: 999;
  position: absolute;
  cursor: pointer;
  color: #FF934D;
  right: 50px;
  top: 60px;
}

.addcountInfo1 {
  z-index: 999;
  position: absolute;
  cursor: pointer;
  color: #FF934D;
  right: 31px;
  top: 51px;
}

/*-------------------------------------------------
	Style file contain theme components style
-------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,600);

:root {
  --nav-text-color: '';
  --nav-selected-background-color: linear-gradient(92deg, #6470DC 0%, #2E3CB8 100%);
  --nav-background-color: #FFFFFF;
  --nav-clientname-color: #333;
  --nav-hover-color: rgba(0, 0, 0, .035);
  --footer-background-color: #212529;
  --header-background-color: linear-gradient(91deg, #6470dc 0%, #0388d0 50%, #0bb7ab 100%);
  --lg-button-background-color: linear-gradient(92deg, #6470DC 0%, #2E3CB8 100%);
  --sm-button-background-color: linear-gradient(45deg, #00BFB2, #009C92);
  --md-button-background-color: #DBDEFF;
  --md-button-text-color: #6470DC;
  --icon-button-background-color: #6470DC;
  --tib-darkblue-color: #6470DC;
  --icon-cancel-button-background-color: #DC3545;
  --language-toggler-background-color: white;
}

.materialize-red {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.btn, .btn-large, .btn-small {
  background-color: var(--lg-button-background-color)
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #6470DB !important;
  -webkit-box-shadow: 0 1px 0 0 #6470DB !important;
  box-shadow: 0 1px 0 0 #6470DB !important;
}

[type='radio']:checked + span:after, [type='radio'].with-gap:checked + span:after {
  background-color: #6470DB !important;
}

[type='radio']:checked + span:after, [type='radio'].with-gap:checked + span:before, [type='radio'].with-gap:checked + span:after {
  border: 2px solid #6470DB !important;
}

a {
  text-decoration: none;
  color: #009688;
}

.dataTable-custom {
  background-color: white;
  width: 100%;
}

  .dataTable-custom thead {
    height: 4rem;
  }

/* New style for the data tables in /customers (override existing styling if applied) */
/* It may be necessary to remove the !important if this is what we aim for */
.dataTable-new-style tbody td {
  border-left: none !important;
}

.dataTable-new-style tfoot#paymentReportFilter tr th {
  background: none !important;
}

.dataTable-new-style tfoot#paymentReportFilter .fs-label-wrap {
  display: none;
}

.dataTable-new-style tfoot tr th {
  text-align: left;
  font-weight: bolder !important;
  background-color: #e5e5e5 !important;
  border: none !important;
  overflow: hidden !important;
}

.dataTable-new-style tfoot .fs-dropdown.hidden {
  display: none !important;
}

.dataTable-new-style tfoot .fs-dropdown {
  position: fixed !important;
  padding: 20px !important;
  border: 1px solid black !important;
  display: flex !important;
  justify-content: center !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 20px !important;
  width: max-content !important;
}

.dataTable-controls {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f8faff;
  border-bottom: 1px solid whitesmoke;
  padding-bottom: 10px;
}

  .dataTable-controls .controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
  }

.controls select, .controls input, .controls span.select2-selection {
  border: 1px solid #7a81d8a8 !important;
  border-radius: 5px !important;
}

.payment-btn-err-style:hover, .payment-btn-style:hover {
  scale: 103%;
  box-shadow: 0px 2px 3px #00000040;
}

.payment-btn-style {
  background-color: #755ae4;
}

.payment-btn-err-style {
  background-color: #dd5757;
  color: white;
}

  .payment-btn-err-style:focus {
    background-color: #dd5757 !important;
  }

.payment-btn-err-style, .payment-btn-style {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  padding: 8px;
  border: none;
  cursor: pointer;
}

.payment-btn-style:focus {
  background-color: #755ae4 !important;
}

.tabs .tab a.active {
  background-color: #e1e3f8 !important;
  color: #7a81d8 !important;
  border-radius: 0 !important;
}

.tabs .tab a:not(.active) {
  filter: grayscale(1);
}

.tabs .tab a {
  background-color: #e1e3f8 !important;
  color: #7a81d8 !important;
  border-radius: 0 !important;
  transition: all 100ms ease-in;
}

  .tabs .tab a:hover {
    scale: 101%;
    border-bottom: 2px solid blue;
  }

.tabs {
  background-color: none;
}


.paymentstab-header {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  padding-left: 20px;
  background-color: #7a81d830;
  color: #7a81d8;
  font-weight: 700;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}



    .dataTable-controls .controls > div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      color: #7a81d8 !important;
    }

.controls > div > span {
  font-size: smaller;
  font-weight: 600;
}

  .dataTable-controls .export-btn {
    background: none;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-color: #7a81d8;
    color: #7a81d8;
    font-weight: bolder;
    transition: all .1s ease-in;
    user-select: none;
  }

    .dataTable-controls .export-btn:hover {
      background-color: #7a80d821;
    }

    .dataTable-controls .export-btn span {
      margin-right: 6px;
    }


.dataTable-new-style .table-icon {
  position: relative; 
  top: 8px; 
  left: 6px;
  cursor: pointer;
  transition: all 200ms ease-in;
}

  .dataTable-new-style .table-icon:hover {
    text-shadow: -1px 2px 3px #0000003b;
    scale: 110%;
    left: 4px !important;
  }

.dataTable-new-style tfoot .fs-dropdown .fs-clear {
  text-decoration: underline !important;
}

.dataTable-new-style thead tr[role="row"] {
  background-color: #f8faff !important;
}

.dataTable-new-style thead th {
  text-align: left !important;
  font-weight: 600 !important;
  background-image: none !important;
}

.dataTable-new-style tbody td a {
  color: var(--tib-darkblue-color, #6470DC) !important;
}

/* New features */
.dataTable-actions-section-new-style {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

/* Customer search feature */
.dataTable-actions-section-new-style > .search-customer-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d3d3d38f;
  border-radius: 8px;
  transition: all .1s ease-in;
}

.dataTable-actions-section-new-style > .search-customer-container:focus-within {
  border-bottom: 1px solid #6470DB !important;
  -webkit-box-shadow: 0 1px 0 0 #6470DB !important;
  box-shadow: 0 1px 0 0 #6470DB !important;
}

  .dataTable-actions-section-new-style > .search-customer-container:focus-within i {
    opacity: 1;
  }

.dataTable-actions-section-new-style > .search-customer-container i {
  margin-left: 8px;
  user-select: none;
  cursor: pointer;
  opacity: .5;
}

  .dataTable-actions-section-new-style > .search-customer-container input.search-input {
    border: none !important;
  }

    .dataTable-actions-section-new-style > .search-customer-container input.search-input:focus {
      border-bottom: none !important;
      -webkit-box-shadow: 0 0px 0 0 transparent !important;
      box-shadow: 0 0px 0 0 transparent !important;
    }

/* Minor style update to make sure it works */

    .dataTable-paginate-container-new-style {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}

  .dataTable-paginate-container-new-style div#customerstableid_info {
    margin-left: 0px !important;
    margin-right: 12px !important;
    padding-top: 0 !important;
  }


  .excel-btn-new-style {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    gap: 5px;
  }

.excel-btn-new-style p {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-right: 5px;
  text-transform: lowercase;
}

@media screen and (max-width: 620px) {
  .amountHideAndShowContainer {
    flex-direction: column !important;
  }
}

@media screen and (max-width: 300px) {
  .limitContainerSection {
    flex-direction: column !important;
  }
}

/* End of the dataTable-new-style */

.custom-select-style .select2-container--default .select2-selection--single {
  border: 1px solid #00000024 !important;
}

.select2-container--default .select2-selection--single {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border-radius:4px;
  border: 1px solid #ccc !important;
  outline: none;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 0 0;
  padding: 0;
  display: block;
  user-select: none;
}
#loginDivId {
  color: #212529;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  padding: 4px;
  font-family: Inter, sans-serif;
}

#serviceNameText {
  color: #0BB7AB;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 5px;
  background-color: #F8F9FA;
  padding: 4px;
  border-radius:8px;
}

.form-group input {
  width: 98% !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 0px 0px 0px 10px !important;
  height: 40px !important;
}
.form-group textarea {
  padding: 0px 0px 0px 10px !important;
}

.form-group select.border {
  width: 100% !important;
  padding: 0px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  height: 40px !important;
}

  .m14 {
   margin-bottom:14px !important;
  }

  .required:after{
    content:'*';
    color:red;
  }
  .color-red{
    color:red;
  }
.form-group-flex-start {
  display: flex;
  justify-content: start;
}

.not-allowed {
  cursor: not-allowed;
}

.list-disable {
  pointer-events:none;
  opacity: 0.5;
}

  fieldset {
    border-color: #ccc;
  }

  textarea {
    border-color: #ccc;
  }

  .dataTable-custom td {
    background-color: white !important;
  }

.dropdown-content li > a, .dropdown-content li > span {
  color: #00BFB2 !important;
}

[type='checkbox']:checked + span:not(.lever):before {
  border-right: 2px solid #00BFB2 !important;
  border-bottom: 2px solid #00BFB2 !important;
}

.btn-floating {
  background-color: #6470DB !important;
}

.select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid #00BFB2 !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

.red {
  background-color: #f44336 !important;
}

.red-text {
  color: #f44336 !important;
}

.red.lighten-5 {
  background-color: #ffebee !important;
}

.red-text.text-lighten-5 {
  color: #ffebee !important;
}

.red.lighten-4 {
  background-color: #ffcdd2 !important;
}

.red-text.text-lighten-4 {
  color: #ffcdd2 !important;
}

.red.lighten-3 {
  background-color: #ef9a9a !important;
}

.red-text.text-lighten-3 {
  color: #ef9a9a !important;
}

.red.lighten-2 {
  background-color: #e57373 !important;
}

.red-text.text-lighten-2 {
  color: #e57373 !important;
}

.red.lighten-1 {
  background-color: #ef5350 !important;
}

.red-text.text-lighten-1 {
  color: #ef5350 !important;
}

.red.darken-1 {
  background-color: #e53935 !important;
}

.red-text.text-darken-1 {
  color: #e53935 !important;
}

.red.darken-2 {
  background-color: #d32f2f !important;
}

.red-text.text-darken-2 {
  color: #d32f2f !important;
}

.red.darken-3 {
  background-color: #c62828 !important;
}

.red-text.text-darken-3 {
  color: #c62828 !important;
}

.red.darken-4 {
  background-color: #b71c1c !important;
}

.red-text.text-darken-4 {
  color: #b71c1c !important;
}

.red.accent-1 {
  background-color: #ff8a80 !important;
}

.red-text.text-accent-1 {
  color: #ff8a80 !important;
}

.red.accent-2 {
  background-color: #00BFB2 !important;
}

.red-text.text-accent-2 {
  color: #00BFB2 !important;
}

.red.accent-3 {
  background-color: #ff1744 !important;
}

.red-text.text-accent-3 {
  color: #ff1744 !important;
}

.red.accent-4 {
  background-color: #d50000 !important;
}

.red-text.text-accent-4 {
  color: #d50000 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-3 {
  background-color: #009C92 !important;
}

.pink-text.text-lighten-3 {
  color: #009C92 !important;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
  color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
  color: #880e4f !important;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #00BFB2 !important;
}

.pink-text.text-accent-2 {
  color: #00BFB2 !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
  color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

.purple.darken-2 {
  background-color: #1529DB !important;
}

.purple-text.text-darken-2 {
  color: #1529DB !important;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
  color: #6a1b9a !important;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
  color: #4a148c !important;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
  color: #e040fb !important;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

.purple.accent-4 {
  background-color: #a0f !important;
}

.purple-text.text-accent-4 {
  color: #a0f !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

.indigo.darken-1 {
  background-color: #1529DB !important;
}

.indigo-text.text-darken-1 {
  color: #1529DB !important;
}

.indigo.darken-2 {
  background-color: #6470DB !important;
}

.indigo-text.text-darken-2 {
  color: #6470DB !important;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
  color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.blue {
  background-color: #2196f3 !important;
}

.blue-text {
  color: #2196f3 !important;
}

.blue.lighten-5 {
  background-color: #e3f2fd !important;
}

.blue-text.text-lighten-5 {
  color: #e3f2fd !important;
}

.blue.lighten-4 {
  background-color: #bbdefb !important;
}

.blue-text.text-lighten-4 {
  color: #bbdefb !important;
}

.blue.lighten-3 {
  background-color: #90caf9 !important;
}

.blue-text.text-lighten-3 {
  color: #90caf9 !important;
}

.blue.lighten-2 {
  background-color: #64b5f6 !important;
}

.blue-text.text-lighten-2 {
  color: #64b5f6 !important;
}

.blue.lighten-1 {
  background-color: #42a5f5 !important;
}

.blue-text.text-lighten-1 {
  color: #42a5f5 !important;
}

.blue.darken-1 {
  background-color: #1e88e5 !important;
}

.blue-text.text-darken-1 {
  color: #1e88e5 !important;
}

.blue.darken-2 {
  background-color: #1976d2 !important;
}

.blue-text.text-darken-2 {
  color: #1976d2 !important;
}

.blue.darken-3 {
  background-color: #1565c0 !important;
}

.blue-text.text-darken-3 {
  color: #1565c0 !important;
}

.blue.darken-4 {
  background-color: #0d47a1 !important;
}

.blue-text.text-darken-4 {
  color: #0d47a1 !important;
}

.blue.accent-1 {
  background-color: #82b1ff !important;
}

.blue-text.text-accent-1 {
  color: #82b1ff !important;
}

.blue.accent-2 {
  background-color: #448aff !important;
}

.blue-text.text-accent-2 {
  color: #448aff !important;
}

.blue.accent-3 {
  background-color: #2979ff !important;
}

.blue-text.text-accent-3 {
  color: #2979ff !important;
}

.blue.accent-4 {
  background-color: #6470DB !important;
}

.blue-text.text-accent-4 {
  color: #6470DB !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.light-blue.darken-2 {
  background-color: #6470DB !important;
}

.light-blue-text.text-darken-2 {
  color: #6470DB !important;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
  color: #0277bd !important;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

.cyan.lighten-1 {
  background-color: #1529DB !important;
}

.cyan-text.text-lighten-1 {
  color: #1529DB !important;
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
  color: #00838f !important;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
  color: #006064 !important;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-1 {
  background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
  color: #26a69a !important;
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal-text.text-darken-1 {
  color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal-text.text-darken-3 {
  color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
  color: #004d40 !important;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #202FB9 !important;
}

.teal-text.text-accent-3 {
  color: #202FB9 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.green {
  background-color: #4caf50 !important;
}

.green-text {
  color: #4caf50 !important;
}

.green.lighten-5 {
  background-color: #e8f5e9 !important;
}

.green-text.text-lighten-5 {
  color: #e8f5e9 !important;
}

.green.lighten-4 {
  background-color: #c8e6c9 !important;
}

.green-text.text-lighten-4 {
  color: #c8e6c9 !important;
}

.green.lighten-3 {
  background-color: #a5d6a7 !important;
}

.green-text.text-lighten-3 {
  color: #a5d6a7 !important;
}

.green.lighten-2 {
  background-color: #81c784 !important;
}

.green-text.text-lighten-2 {
  color: #81c784 !important;
}

.green.lighten-1 {
  background-color: #66bb6a !important;
}

.green-text.text-lighten-1 {
  color: #66bb6a !important;
}

.green.darken-1 {
  background-color: #4854BA !important;
}

.green-text.text-darken-1 {
  color: #4854BA !important;
}

.green.darken-2 {
  background-color: #388e3c !important;
}

.green-text.text-darken-2 {
  color: #388e3c !important;
}

.green.darken-3 {
  background-color: #2e7d32 !important;
}

.green-text.text-darken-3 {
  color: #2e7d32 !important;
}

.green.darken-4 {
  background-color: #1b5e20 !important;
}

.green-text.text-darken-4 {
  color: #1b5e20 !important;
}

.green.accent-1 {
  background-color: #b9f6ca !important;
}

.green-text.text-accent-1 {
  color: #b9f6ca !important;
}

.green.accent-2 {
  background-color: #69f0ae !important;
}

.green-text.text-accent-2 {
  color: #69f0ae !important;
}

.green.accent-3 {
  background-color: #00e676 !important;
}

.green-text.text-accent-3 {
  color: #00e676 !important;
}

.green.accent-4 {
  background-color: #00c853 !important;
}

.green-text.text-accent-4 {
  color: #00c853 !important;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
  color: #558b2f !important;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
  color: #33691e !important;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
  color: #afb42b !important;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
  color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4 {
  color: #827717 !important;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
  color: #f9a825 !important;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

.yellow.accent-2 {
  background-color: #ff0 !important;
}

.yellow-text.text-accent-2 {
  color: #ff0 !important;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

.amber.lighten-1 {
  background-color: #2A817C !important;
}

.amber-text.text-lighten-1 {
  color: #2A817C !important;
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
  color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #00867D !important;
}

.amber-text.text-darken-4 {
  color: #00867D !important;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

.orange.darken-2 {
  background-color: #009C92 !important;
}

.orange-text.text-darken-2 {
  color: #009C92 !important;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
  color: #ef6c00 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
  color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #00BFB2 !important;
}

.deep-orange-text.text-darken-4 {
  color: #00BFB2 !important;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
  color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
  color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eee !important;
}

.grey-text.text-lighten-3 {
  color: #eee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.black {
  background-color: #000 !important;
}

.black-text {
  color: #000 !important;
}

.white {
  background-color: #fff !important;
}

.white-text {
  color: #fff !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

.need-help {
  will-change: transform;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.portal-tutorial-btn {
  font-weight: bolder !important;
  animation: tutorialBtnAnimation 2s ease-in-out infinite;
  border-color: #6470DC50 !important;
}

.tooltip-icon {
  cursor: pointer;
  animation: tooltip-icon-animation 1s infinite ease-in-out;
  display: inline-block;
}

.helper-text {
  color: #e93143;
  font-size: 12px;
  margin-top: 5px;
  height: 12px;
  display: block;
}

.helper-text-green {
  color: green;
}

#bluesnap-hosted-iframe-ccn, #bluesnap-hosted-iframe-exp, #bluesnap-hosted-iframe-cvv {
  height: 25px !important;
}

/* Hosted Payment Fields styles*/
.hosted-field-focus {
  border: 1px solid #66afe9;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.hosted-field-invalid {
  border: 1px solid #e93143;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233,49,67, 0.8);
}

.hosted-field-valid {
  border: 1px solid #14ba57;
}

@keyframes tooltip-icon-animation {
  0% {
    transform: scale(1);
  }
   50% {
     transform: scale(1.5);
   }
  100% {
    transform: scale(1);
  }
}

.modal-test {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 100;
  left: 0;
  height: inherit;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content-test {
  background-color: white;
  border-left: 4px solid #6470dc;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: fit-content;
  margin: 0 auto;
  padding: 24px;
}

strong {
  font-weight: bolder !important;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

  .tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    opacity: 70%;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

/* small fix for dropdowns */
input.select-dropdown.dropdown-trigger {
  width: 100% !important;
}

@keyframes tutorialBtnAnimation {
  0% {
    transform: perspective(1px) scale3d(1, 1, 1);
  }

  50% {
    transform: perspective(1px) scale3d(1.05, 1.05, 1.05);
  }

  100% {
    transform: perspective(1px) scale3d(1, 1, 1);
  }
}

.swal-button {
  background-color: #6470DC !important;
  transition: all .2s ease-in-out;
  box-shadow: 0px 1px 1px black !important;
}

  .swal-button:hover {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 0.78;
  }

.swal-button--cancel {
  background-color: #f9f9f9 !important;
}

/* temp fix */
input.dropdown-trigger {
  width: 100% !important;
}

/*
  Autogenerated theme file
*/
/*----------------------------------------
  General Layout Style
------------------------------------------*/
html,
body {
  overflow: initial !important;
  overflow-x: hidden !important;
  overflow-y: initial !important;
}

body {
  background-color: #f9f9f9;
}

@media only screen and (max-width: 600px) {
  .layout-semi-dark #header nav.navbar-color {
    background: #37474f;
  }
}

#main {
  min-height: -webkit-calc(100% - 116px);
  min-height: -moz-calc(100% - 116px);
  min-height: calc(100% - 116px);
  padding-left: 0;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

  #main.main-full {
    padding-left: 0;
  }

  #main .content-wrapper-before {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 185px;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
  }

footer {
  padding-left: 0;
}

  footer.page-footer {
    padding-top: 1px;
  }

select {
  width: 100%;
  height: 2.5rem;
  /* border: 1px solid #bdbdbd; */
  border: 1px solid #f3f0f0;
  border-radius: .5rem;
  background-color: transparent;
}

.container {
  width: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0 .5rem;
}

  .container .dropdown-settings i.right {
    margin-left: 0;
  }

@media only screen and (min-width: 601px) {
  .container {
    width: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 100%;
  }

  .sidenav-overlay {
    background-color: transparent;
  }
}

@media only screen and (min-width: 993px) {
  #main {
    padding-left: 260px;
  }

    #main.main-full {
      padding-left: 64px;
    }

  #main_footer {
    padding-left: 260px;
  }

    #main_footer.main-full {
      padding-left: 64px;
    }
}

@media only screen and (max-width: 600px) {
  #main .content-wrapper-before {
    top: 56px;
  }
}

.ps-scrollbar-x-rail {
  z-index: 9999;
}

.ps-scrollbar-y-rail {
  z-index: 9999;
}

.bg-opacity-8 {
  background-color: rgba(255, 255, 255, .8);
}

.height-100vh {
  height: 100vh;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  cursor: pointer;
  -webkit-appearance: none;
}

/*----------------------------------------
  Healper Classes
------------------------------------------*/
/* Width */
.width-10 {
  width: 10% !important;
}

.width-20 {
  width: 20% !important;
}

.width-30 {
  width: 30% !important;
}

.width-40 {
  width: 40% !important;
}

.width-50 {
  width: 50% !important;
}

.width-60 {
  width: 60% !important;
}

.width-70 {
  width: 70% !important;
}

.width-80 {
  width: 80% !important;
}

.width-90 {
  width: 90% !important;
}

.width-100 {
  width: 100% !important;
}

/* Border Radius */
.border-radius-1 {
  border-radius: 1px !important;
}

.border-radius-2 {
  border-radius: 2px !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

.border-radius-7 {
  border-radius: 7px !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

.border-radius-9 {
  border-radius: 9px !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.border-round {
  border-radius: 150px !important;
}

/* Font Weight */
.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-200 {
  font-weight: 200 !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-800 {
  font-weight: 800 !important;
}

.font-weight-900 {
  font-weight: 900 !important;
}

.m-0 {
  margin: 0 !important;
}

/* Margin Top */
.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 1% !important;
}

.mt-2 {
  margin-top: 2% !important;
}

.mt-3 {
  margin-top: 3% !important;
}

.mt-4 {
  margin-top: 4% !important;
}

.mt-5 {
  margin-top: 5% !important;
}

.mt-6 {
  margin-top: 6% !important;
}

.mt-7 {
  margin-top: 7% !important;
}

.mt-8 {
  margin-top: 8% !important;
}

.mt-9 {
  margin-top: 9% !important;
}

.mt-10 {
  margin-top: 10% !important;
}

/* Margin Right */
.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 1% !important;
}

.mr-2 {
  margin-right: 2% !important;
}

.mr-3 {
  margin-right: 3% !important;
}

.mr-4 {
  margin-right: 4% !important;
}

.mr-5 {
  margin-right: 5% !important;
}

.mr-6 {
  margin-right: 6% !important;
}

.mr-7 {
  margin-right: 7% !important;
}

.mr-8 {
  margin-right: 8% !important;
}

.mr-9 {
  margin-right: 9% !important;
}

.mr-10 {
  margin-right: 10% !important;
}

/* Margin Left */
.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 1% !important;
}

.ml-2 {
  margin-left: 2% !important;
}

.ml-3 {
  margin-left: 3% !important;
}

.ml-4 {
  margin-left: 4% !important;
}

.ml-5 {
  margin-left: 5% !important;
}

.ml-6 {
  margin-left: 6% !important;
}

.ml-7 {
  margin-left: 7% !important;
}

.ml-8 {
  margin-left: 8% !important;
}

.ml-9 {
  margin-left: 9% !important;
}

.ml-10 {
  margin-left: 10% !important;
}

/* Margin Bottom */
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 1% !important;
}

.mb-2 {
  margin-bottom: 2% !important;
}

.mb-3 {
  margin-bottom: 3% !important;
}

.mb-4 {
  margin-bottom: 4% !important;
}

.mb-5 {
  margin-bottom: 5% !important;
}

.mb-6 {
  margin-bottom: 6% !important;
}

.mb-7 {
  margin-bottom: 7% !important;
}

.mb-8 {
  margin-bottom: 8% !important;
}

.mb-9 {
  margin-bottom: 9% !important;
}

.mb-10 {
  margin-bottom: 10% !important;
}

/* Padding All */
.padding-1 {
  padding: 1% !important;
}

.padding-2 {
  padding: 2% !important;
}

.padding-3 {
  padding: 3% !important;
}

.padding-4 {
  padding: 4% !important;
}

.padding-5 {
  padding: 5% !important;
}

.padding-6 {
  padding: 6% !important;
}

.padding-7 {
  padding: 7% !important;
}

.padding-8 {
  padding: 8% !important;
}

.padding-9 {
  padding: 9% !important;
}

.padding-10 {
  padding: 10% !important;
}

.p-0 {
  padding: 0 !important;
}

/* Padding Top */
.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 1% !important;
}

.pt-2 {
  padding-top: 2% !important;
}

.pt-3 {
  padding-top: 3% !important;
}

.pt-4 {
  padding-top: 4% !important;
}

.pt-5 {
  padding-top: 5% !important;
}

.pt-6 {
  padding-top: 6% !important;
}

.pt-7 {
  padding-top: 7% !important;
}

.pt-8 {
  padding-top: 8% !important;
}

.pt-9 {
  padding-top: 9% !important;
}

.pt-10 {
  padding-top: 10% !important;
}

/* Padding Right */
.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 1% !important;
}

.pr-2 {
  padding-right: 2% !important;
}

.pr-3 {
  padding-right: 3% !important;
}

.pr-4 {
  padding-right: 4% !important;
}

.pr-5 {
  padding-right: 5% !important;
}

.pr-6 {
  padding-right: 6% !important;
}

.pr-7 {
  padding-right: 7% !important;
}

.pr-8 {
  padding-right: 8% !important;
}

.pr-9 {
  padding-right: 9% !important;
}

.pr-10 {
  padding-right: 10% !important;
}

/* Padding Right */
.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 1% !important;
}

.pl-2 {
  padding-left: 2% !important;
}

.pl-3 {
  padding-left: 3% !important;
}

.pl-4 {
  padding-left: 4% !important;
}

.pl-5 {
  padding-left: 5% !important;
}

.pl-6 {
  padding-left: 6% !important;
}

.pl-7 {
  padding-left: 7% !important;
}

.pl-8 {
  padding-left: 8% !important;
}

.pl-9 {
  padding-left: 9% !important;
}

.pl-10 {
  padding-left: 10% !important;
}

/* Padding Bottom */
.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 1% !important;
}

.pb-2 {
  padding-bottom: 2% !important;
}

.pb-3 {
  padding-bottom: 3% !important;
}

.pb-4 {
  padding-bottom: 4% !important;
}

.pb-5 {
  padding-bottom: 5% !important;
}

.pb-6 {
  padding-bottom: 6% !important;
}

.pb-7 {
  padding-bottom: 7% !important;
}

.pb-8 {
  padding-bottom: 8% !important;
}

.pb-9 {
  padding-bottom: 9% !important;
}

.pb-10 {
  padding-bottom: 10% !important;
}

/* Minimum Height */
.min-height-100 {
  min-height: 150px !important;
}

.min-height-150 {
  min-height: 150px !important;
}

.min-height-200 {
  min-height: 200px !important;
}

.min-height-250 {
  min-height: 250px !important;
}

.min-height-300 {
  min-height: 300px !important;
}

@media (min-width: 576px) {
  .left-align-sm {
    text-align: left !important;
  }

  .right-align-sm {
    text-align: right !important;
  }

  .center-align-sm {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .left-align-md {
    text-align: left !important;
  }

  .right-align-md {
    text-align: right !important;
  }

  .center-align-md {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .left-align-lg {
    text-align: left !important;
  }

  .right-align-lg {
    text-align: right !important;
  }

  .center-align-lg {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .left-align-xl {
    text-align: left !important;
  }

  .right-align-xl {
    text-align: right !important;
  }

  .center-align-xl {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}

label.radio-button-label {
  font-size: 18px;
}
.radio-button-align {
  margin-top: 15px;
  padding: 0;
}
/* Icon Background Round */
.background-round {
  padding: 15px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .18);
}

.icon-cancel-bg-color{
  background-color: var(--icon-cancel-button-background-color);
}

/* opacity 0 */
.opacity-0 {
  opacity: 0;
}

/* Border None & Shadow None */
.border-none {
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

.box-shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Margin 0 & Padding 0 */
.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

/* Position */
.position-absolute {
  position: absolute;
}

.position-none {
  position: unset;
}

/* Vertical Align */
.vertical-align-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.vertical-align-super {
  vertical-align: super;
}

.vertical-text-top {
  vertical-align: text-top !important;
}

.vertical-text-sub {
  vertical-align: sub;
}

.vertical-text-middle {
  vertical-align: middle;
}

.height-100vh {
  height: 100vh;
}

/* Line Height */
.line-height-0 {
  line-height: 0 !important;
}

/* Icon Background */
.icon-bg-circle {
  padding: .4rem;
  color: #fff;
  border-radius: 50%;
}

.text-shadow {
  text-shadow: -1px 2px 4px black;
}

.display-none {
  display: none;
}

.display-inline {
  display: inline;
}

.display-block {
  display: block;
}

.display-grid {
  display: grid;
}

.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.float-none {
  float: none !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-inherit {
  float: inherit !important;
}

.clear-both {
  clear: both;
}

ul.list-type-bullet {
  padding-left: 40px;
  list-style-type: inherit;
}

  ul.list-type-bullet li {
    list-style-type: inherit;
  }

.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

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

/*---------------------------------
    Typography
-----------------------------------*/
a {
  text-decoration: none;
}

html {
  font-family: 'Muli', sans-serif !important;
  font-weight: normal;
  line-height: 1.5;
  color: #6b6f82;
}

@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}

@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  line-height: 1.1;
  color: #333;
}

p {
  font-family: 'Muli', sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 .912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: .82rem 0 .656rem 0;
}

h6 {
  font-size: 1.35rem;
  line-height: 110%;
  margin: .575rem 0 .46rem 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: 500;
}

small {
  font-size: 75%;
}

.light {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}

@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}

@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}

@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}

@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}

@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}

@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}

@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}

@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}

@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}

@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}

@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}

@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}

@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}

@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}

@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}

@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}

@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}

@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}

@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}

@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}

@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.small {
  font-size: 1.0rem !important;
}

.medium-small {
  font-size: .9rem !important;
}

.ultra-small {
  font-size: .8rem !important;
}

small {
  font-size: .8rem;
}

.strong {
  font-weight: 600;
}

h4.header {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.508rem;
  margin: 1.14rem 0 .912rem 0;
  text-transform: uppercase;
}

h4.header2 {
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
}

p.title {
  font-size: 1.3rem;
}

p.header {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}

li.li-hover:hover {
  background: transparent !important;
}

li.search-out:hover {
  background: transparent;
}

li.mobile:before {
  background: #f7464a;
}

li.kitchen:before {
  background: #46bfbd;
}

li.home:before {
  background: #fdb45c;
}

.more-text {
  font-weight: 500;
  padding: 5px 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.valign-demo {
  height: 400px;
  background-color: #ddd;
}

.margin {
  margin: 0 !important;
}

.uppercase {
  text-transform: uppercase;
}

/*----------------------------------------
  Grid 
------------------------------------------*/
.section {
  padding: .5rem 0;
}

.row {
  margin-bottom: 0;
}


.materialize-red {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

.red {
  background-color: #f44336 !important;
}

.red-text {
  color: #f44336 !important;
}

.red.lighten-5 {
  background-color: #ffebee !important;
}

.red-text.text-lighten-5 {
  color: #ffebee !important;
}

.red.lighten-4 {
  background-color: #ffcdd2 !important;
}

.red-text.text-lighten-4 {
  color: #ffcdd2 !important;
}

.red.lighten-3 {
  background-color: #ef9a9a !important;
}

.red-text.text-lighten-3 {
  color: #ef9a9a !important;
}

.red.lighten-2 {
  background-color: #e57373 !important;
}

.red-text.text-lighten-2 {
  color: #e57373 !important;
}

.red.lighten-1 {
  background-color: #ef5350 !important;
}

.red-text.text-lighten-1 {
  color: #ef5350 !important;
}

.red.darken-1 {
  background-color: #e53935 !important;
}

.red-text.text-darken-1 {
  color: #e53935 !important;
}

.red.darken-2 {
  background-color: #d32f2f !important;
}

.red-text.text-darken-2 {
  color: #d32f2f !important;
}

.red.darken-3 {
  background-color: #c62828 !important;
}

.red-text.text-darken-3 {
  color: #c62828 !important;
}

.red.darken-4 {
  background-color: #b71c1c !important;
}

.red-text.text-darken-4 {
  color: #b71c1c !important;
}

.red.accent-1 {
  background-color: #ff8a80 !important;
}

.red-text.text-accent-1 {
  color: #ff8a80 !important;
}

.red.accent-2 {
  background-color: #00BFB2 !important;
}

.red-text.text-accent-2 {
  color: #00BFB2 !important;
}

.red.accent-3 {
  background-color: #ff1744 !important;
}

.red-text.text-accent-3 {
  color: #ff1744 !important;
}

.red.accent-4 {
  background-color: #d50000 !important;
}

.red-text.text-accent-4 {
  color: #d50000 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-3 {
  background-color: #009C92 !important;
}

.pink-text.text-lighten-3 {
  color: #009C92 !important;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
  color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
  color: #880e4f !important;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #00BFB2 !important;
}

.pink-text.text-accent-2 {
  color: #00BFB2 !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
  color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

.purple.darken-2 {
  background-color: #1529DB !important;
}

.purple-text.text-darken-2 {
  color: #1529DB !important;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
  color: #6a1b9a !important;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
  color: #4a148c !important;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
  color: #e040fb !important;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

.purple.accent-4 {
  background-color: #a0f !important;
}

.purple-text.text-accent-4 {
  color: #a0f !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

.indigo.darken-1 {
  background-color: #1529DB !important;
}

.indigo-text.text-darken-1 {
  color: #1529DB !important;
}

.indigo.darken-2 {
  background-color: #6470DB !important;
}

.indigo-text.text-darken-2 {
  color: #6470DB !important;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
  color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.blue {
  background-color: #2196f3 !important;
}

.blue-text {
  color: #2196f3 !important;
}

.blue.lighten-5 {
  background-color: #e3f2fd !important;
}

.blue-text.text-lighten-5 {
  color: #e3f2fd !important;
}

.blue.lighten-4 {
  background-color: #bbdefb !important;
}

.blue-text.text-lighten-4 {
  color: #bbdefb !important;
}

.blue.lighten-3 {
  background-color: #90caf9 !important;
}

.blue-text.text-lighten-3 {
  color: #90caf9 !important;
}

.blue.lighten-2 {
  background-color: #64b5f6 !important;
}

.blue-text.text-lighten-2 {
  color: #64b5f6 !important;
}

.blue.lighten-1 {
  background-color: #42a5f5 !important;
}

.blue-text.text-lighten-1 {
  color: #42a5f5 !important;
}

.blue.darken-1 {
  background-color: #1e88e5 !important;
}

.blue-text.text-darken-1 {
  color: #1e88e5 !important;
}

.blue.darken-2 {
  background-color: #1976d2 !important;
}

.blue-text.text-darken-2 {
  color: #1976d2 !important;
}

.blue.darken-3 {
  background-color: #1565c0 !important;
}

.blue-text.text-darken-3 {
  color: #1565c0 !important;
}

.blue.darken-4 {
  background-color: #0d47a1 !important;
}

.blue-text.text-darken-4 {
  color: #0d47a1 !important;
}

.blue.accent-1 {
  background-color: #82b1ff !important;
}

.blue-text.text-accent-1 {
  color: #82b1ff !important;
}

.blue.accent-2 {
  background-color: #448aff !important;
}

.blue-text.text-accent-2 {
  color: #448aff !important;
}

.blue.accent-3 {
  background-color: #2979ff !important;
}

.blue-text.text-accent-3 {
  color: #2979ff !important;
}

.blue.accent-4 {
  background-color: #6470DB !important;
}

.blue-text.text-accent-4 {
  color: #6470DB !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.light-blue.darken-2 {
  background-color: #6470DB !important;
}

.light-blue-text.text-darken-2 {
  color: #6470DB !important;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
  color: #0277bd !important;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

.cyan.lighten-1 {
  background-color: #1529DB !important;
}

.cyan-text.text-lighten-1 {
  color: #1529DB !important;
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
  color: #00838f !important;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
  color: #006064 !important;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-1 {
  background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
  color: #26a69a !important;
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal-text.text-darken-1 {
  color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal-text.text-darken-3 {
  color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
  color: #004d40 !important;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #202FB9 !important;
}

.teal-text.text-accent-3 {
  color: #202FB9 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.green {
  background-color: #4caf50 !important;
}

.green-text {
  color: #4caf50 !important;
}

.green.lighten-5 {
  background-color: #e8f5e9 !important;
}

.green-text.text-lighten-5 {
  color: #e8f5e9 !important;
}

.green.lighten-4 {
  background-color: #c8e6c9 !important;
}

.green-text.text-lighten-4 {
  color: #c8e6c9 !important;
}

.green.lighten-3 {
  background-color: #a5d6a7 !important;
}

.green-text.text-lighten-3 {
  color: #a5d6a7 !important;
}

.green.lighten-2 {
  background-color: #81c784 !important;
}

.green-text.text-lighten-2 {
  color: #81c784 !important;
}

.green.lighten-1 {
  background-color: #66bb6a !important;
}

.green-text.text-lighten-1 {
  color: #66bb6a !important;
}

.green.darken-1 {
  background-color: #4854BA !important;
}

.green-text.text-darken-1 {
  color: #4854BA !important;
}

.green.darken-2 {
  background-color: #388e3c !important;
}

.green-text.text-darken-2 {
  color: #388e3c !important;
}

.green.darken-3 {
  background-color: #2e7d32 !important;
}

.green-text.text-darken-3 {
  color: #2e7d32 !important;
}

.green.darken-4 {
  background-color: #1b5e20 !important;
}

.green-text.text-darken-4 {
  color: #1b5e20 !important;
}

.green.accent-1 {
  background-color: #b9f6ca !important;
}

.green-text.text-accent-1 {
  color: #b9f6ca !important;
}

.green.accent-2 {
  background-color: #69f0ae !important;
}

.green-text.text-accent-2 {
  color: #69f0ae !important;
}

.green.accent-3 {
  background-color: #00e676 !important;
}

.green-text.text-accent-3 {
  color: #00e676 !important;
}

.green.accent-4 {
  background-color: #00c853 !important;
}

.green-text.text-accent-4 {
  color: #00c853 !important;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
  color: #558b2f !important;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
  color: #33691e !important;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
  color: #afb42b !important;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
  color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4 {
  color: #827717 !important;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
  color: #f9a825 !important;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

.yellow.accent-2 {
  background-color: #ff0 !important;
}

.yellow-text.text-accent-2 {
  color: #ff0 !important;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

.amber.lighten-1 {
  background-color: #2A817C !important;
}

.amber-text.text-lighten-1 {
  color: #2A817C !important;
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
  color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #00867D !important;
}

.amber-text.text-darken-4 {
  color: #00867D !important;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

.orange.darken-2 {
  background-color: #009C92 !important;
}

.orange-text.text-darken-2 {
  color: #009C92 !important;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
  color: #ef6c00 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
  color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #00BFB2 !important;
}

.deep-orange-text.text-darken-4 {
  color: #00BFB2 !important;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
  color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
  color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eee !important;
}

.grey-text.text-lighten-3 {
  color: #eee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.black {
  background-color: #000 !important;
}

.black-text {
  color: #000 !important;
}

.white {
  background-color: #fff !important;
}

.white-text {
  color: #fff !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

/*
  Gradient color mixin
*/
.gradient-45deg-light-blue-teal {
  background: #b3e5fc;
  background: -webkit-linear-gradient(45deg, #b3e5fc, #64ffda) !important;
  background: -moz- oldlinear-gradient(45deg, #b3e5fc, #64ffda) !important;
  background: -o-linear-gradient(45deg, #b3e5fc, #64ffda) !important;
  background: linear-gradient(45deg, #b3e5fc, #64ffda) !important;
}

  .gradient-45deg-light-blue-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
  }

.gradient-45deg-indigo-light-blue {
  background: #1529DB;
  background: -webkit-linear-gradient(45deg, #1529DB, #4fc3f7) !important;
  background: -moz- oldlinear-gradient(45deg, #1529DB, #4fc3f7) !important;
  background: -o-linear-gradient(45deg, #1529DB, #4fc3f7) !important;
  background: linear-gradient(45deg, #1529DB, #4fc3f7) !important;
}

  .gradient-45deg-indigo-light-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
  }

.gradient-45deg-light-blue-indigo {
  background: #b3e5fc;
  background: -webkit-linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
  background: -moz- oldlinear-gradient(45deg, #b3e5fc, #9fa8da) !important;
  background: -o-linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
  background: linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
}

  .gradient-45deg-light-blue-indigo.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(159, 168, 218, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(159, 168, 218, .5) !important;
  }

.gradient-45deg-yellow-green {
  background: #ffff8d;
  background: -webkit-linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
  background: -moz- oldlinear-gradient(45deg, #ffff8d, #b9f6ca) !important;
  background: -o-linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
  background: linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
}

  .gradient-45deg-yellow-green.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(185, 246, 202, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(185, 246, 202, .5) !important;
  }

.gradient-45deg-orange-deep-orange {
  background: #ffe0b2;
  background: -webkit-linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
  background: -moz- oldlinear-gradient(45deg, #ffe0b2, #ffccbc) !important;
  background: -o-linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
  background: linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
}

  .gradient-45deg-orange-deep-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 204, 188, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 204, 188, .5) !important;
  }

.gradient-45deg-deep-purple-purple {
  background: #d1c4e9;
  background: -webkit-linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
  background: -moz- oldlinear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
  background: -o-linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
  background: linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
}

  .gradient-45deg-deep-purple-purple.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(243, 229, 245, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(243, 229, 245, .5) !important;
  }

.gradient-45deg-red-pink {
  background: #00BFB2;
  background: -webkit-linear-gradient(45deg, #00BFB2, #009C92) !important;
  background: -moz- oldlinear-gradient(45deg, #00BFB2, #009C92) !important;
  background: -o-linear-gradient(45deg, #00BFB2, #009C92) !important;
  background: var(--sm-button-background-color) !important;
}

  .gradient-45deg-red-pink.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(244, 143, 177, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(244, 143, 177, .5) !important;
  }

.gradient-45deg-light-green-amber {
  background: #c5e1a5;
  background: -webkit-linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
  background: -moz- oldlinear-gradient(45deg, #c5e1a5, #fff8e1) !important;
  background: -o-linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
  background: linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
}

  .gradient-45deg-light-green-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 248, 225, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 248, 225, .5) !important;
  }

.gradient-45deg-amber-amber {
  background: #00867D;
  background: -webkit-linear-gradient(45deg, #00867D, #2A817C) !important;
  background: -moz- oldlinear-gradient(45deg, #00867D, #2A817C) !important;
  background: -o-linear-gradient(45deg, #00867D, #2A817C) !important;
  background: linear-gradient(45deg, #00867D, #2A817C) !important;
}

  .gradient-45deg-amber-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 134, 125, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(0, 134, 125, .5) !important;
  }

.gradient-45deg-purple-pink {
  background: #ea80fc;
  background: -webkit-linear-gradient(45deg, #ea80fc, #fce4ec) !important;
  background: -moz- oldlinear-gradient(45deg, #ea80fc, #fce4ec) !important;
  background: -o-linear-gradient(45deg, #ea80fc, #fce4ec) !important;
  background: linear-gradient(45deg, #ea80fc, #fce4ec) !important;
}

  .gradient-45deg-purple-pink.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(252, 228, 236, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(252, 228, 236, .5) !important;
  }

.gradient-45deg-teal-cyan {
  background: #e0f2f1;
  background: -webkit-linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
  background: -moz- oldlinear-gradient(45deg, #e0f2f1, #00e5ff) !important;
  background: -o-linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
  background: linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
}

  .gradient-45deg-teal-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
  }

.gradient-45deg-blue-grey-blue-grey {
  background: #cfd8dc;
  background: -webkit-linear-gradient(45deg, #cfd8dc, #546e7a) !important;
  background: -moz- oldlinear-gradient(45deg, #cfd8dc, #546e7a) !important;
  background: -o-linear-gradient(45deg, #cfd8dc, #546e7a) !important;
  background: linear-gradient(45deg, #cfd8dc, #546e7a) !important;
}

  .gradient-45deg-blue-grey-blue-grey.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(84, 110, 122, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(84, 110, 122, .5) !important;
  }

.gradient-45deg-orange-amber {
  background: #e65100;
  background: -webkit-linear-gradient(45deg, #e65100, #1976d2) !important;
  background: -moz- oldlinear-gradient(45deg, #e65100, #1976d2) !important;
  background: -o-linear-gradient(45deg, #e65100, #1976d2) !important;
  background: linear-gradient(45deg, #e65100, #1976d2) !important;
}

  .gradient-45deg-orange-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
  }

.gradient-45deg-indigo-blue {
  background: #6470DB;
  background: -webkit-linear-gradient(45deg, #6470DB, #1976d2) !important;
  background: -moz- oldlinear-gradient(45deg, #6470DB, #1976d2) !important;
  background: -o-linear-gradient(45deg, #6470DB, #1976d2) !important;
  background: linear-gradient(45deg, #6470DB, #1976d2) !important;
}

  .gradient-45deg-indigo-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
  }

.gradient-45deg-brown-brown {
  background: #6d4c41;
  background: -webkit-linear-gradient(45deg, #6d4c41, #bbdefb) !important;
  background: -moz- oldlinear-gradient(45deg, #6d4c41, #bbdefb) !important;
  background: -o-linear-gradient(45deg, #6d4c41, #bbdefb) !important;
  background: linear-gradient(45deg, #6d4c41, #bbdefb) !important;
}

  .gradient-45deg-brown-brown.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(187, 222, 251, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(187, 222, 251, .5) !important;
  }

.gradient-45deg-blue-grey-blue {
  background: #263238;
  background: -webkit-linear-gradient(45deg, #263238, #2979ff) !important;
  background: -moz- oldlinear-gradient(45deg, #263238, #2979ff) !important;
  background: -o-linear-gradient(45deg, #263238, #2979ff) !important;
  background: linear-gradient(45deg, #263238, #2979ff) !important;
}

  .gradient-45deg-blue-grey-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(41, 121, 255, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(41, 121, 255, .5) !important;
  }

.gradient-45deg-purple-deep-orange {
  background: #8e24aa;
  background: -webkit-linear-gradient(45deg, #00BFB2, #009C92) !important;
  background: -moz- oldlinear-gradient(45deg, #00BFB2, #009C92) !important;
  background: -o-linear-gradient(45deg, #00BFB2, #009C92) !important;
  background: linear-gradient(45deg, #00BFB2, #009C92) !important;
}

  .gradient-45deg-purple-deep-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 110, 64, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 110, 64, .5) !important;
  }

.gradient-45deg-green-teal {
  background: #4854BA;
  background: -webkit-linear-gradient(45deg, #4854BA, #202FB9) !important;
  background: -moz- oldlinear-gradient(45deg, #4854BA, #202FB9) !important;
  background: -o-linear-gradient(45deg, #4854BA, #202FB9) !important;
  background: linear-gradient(45deg, #4854BA, #202FB9) !important;
}

  .gradient-45deg-green-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(72, 84, 186, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(72, 84, 186, .5) !important;
  }

.gradient-45deg-purple-light-blue {
  background: #e040fb;
  background: -webkit-linear-gradient(45deg, #e040fb, #4fc3f7) !important;
  background: -moz- oldlinear-gradient(45deg, #e040fb, #4fc3f7) !important;
  background: -o-linear-gradient(45deg, #e040fb, #4fc3f7) !important;
  background: linear-gradient(45deg, #e040fb, #4fc3f7) !important;
}

  .gradient-45deg-purple-light-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
  }

.gradient-45deg-cyan-cyan {
  background: #18ffff;
  background: -webkit-linear-gradient(45deg, #18ffff, #00e5ff) !important;
  background: -moz- oldlinear-gradient(45deg, #18ffff, #00e5ff) !important;
  background: -o-linear-gradient(45deg, #18ffff, #00e5ff) !important;
  background: linear-gradient(45deg, #18ffff, #00e5ff) !important;
}

  .gradient-45deg-cyan-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
  }

.gradient-45deg-yellow-teal {
  background: #fff9c4;
  background: -webkit-linear-gradient(45deg, #fff9c4, #64ffda) !important;
  background: -moz- oldlinear-gradient(45deg, #fff9c4, #64ffda) !important;
  background: -o-linear-gradient(45deg, #fff9c4, #64ffda) !important;
  background: linear-gradient(45deg, #fff9c4, #64ffda) !important;
}

  .gradient-45deg-yellow-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
  }

.gradient-45deg-purple-deep-purple {
  background: #1529DB;
  background: -webkit-linear-gradient(45deg, #1529DB, #7c4dff) !important;
  background: -moz- oldlinear-gradient(45deg, #1529DB, #7c4dff) !important;
  background: -o-linear-gradient(45deg, #1529DB, #7c4dff) !important;
  background: linear-gradient(45deg, #1529DB, #7c4dff) !important;
}

  .gradient-45deg-purple-deep-purple.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(124, 77, 255, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(124, 77, 255, .5) !important;
  }

.gradient-45deg-cyan-light-green {
  background: #0097a7;
  background: -webkit-linear-gradient(45deg, #0097a7, #b2ff59) !important;
  background: -moz- oldlinear-gradient(45deg, #0097a7, #b2ff59) !important;
  background: -o-linear-gradient(45deg, #0097a7, #b2ff59) !important;
  background: linear-gradient(45deg, #0097a7, #b2ff59) !important;
}

  .gradient-45deg-cyan-light-green.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(178, 255, 89, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(178, 255, 89, .5) !important;
  }

.gradient-45deg-purple-amber {
  background: #d500f9;
  background: -webkit-linear-gradient(45deg, #d500f9, #ffa000) !important;
  background: -moz- oldlinear-gradient(45deg, #d500f9, #ffa000) !important;
  background: -o-linear-gradient(45deg, #d500f9, #ffa000) !important;
  background: linear-gradient(45deg, #d500f9, #ffa000) !important;
}

  .gradient-45deg-purple-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5) !important;
  }

.gradient-45deg-indigo-purple {
  background: #6470DB;
  background: -webkit-linear-gradient(45deg, #6470DB, #1529DB) !important;
  background: -moz- oldlinear-gradient(45deg, #6470DB, #1529DB) !important;
  background: -o-linear-gradient(45deg, #6470DB, #1529DB) !important;
  background: linear-gradient(45deg, #6470DB, #1529DB) !important;
}

.navbar_header__gradiant {
  background: var(--header-background-color) !important;
}

.body_top__gradiant {
  background: var(--header-background-color) !important;
}

.gradient-45deg-indigo-purple.gradient-shadow {
  -webkit-box-shadow: 0 6px 20px 0 rgba(123, 31, 162, .5) !important;
  box-shadow: 0 6px 20px 0 rgba(123, 31, 162, .5) !important;
}

.gradient-45deg-deep-purple-blue {
  background: #6200ea;
  background: -webkit-linear-gradient(45deg, #6200ea, #1976d2) !important;
  background: -moz- oldlinear-gradient(45deg, #6200ea, #1976d2) !important;
  background: -o-linear-gradient(45deg, #6200ea, #1976d2) !important;
  background: linear-gradient(45deg, #6200ea, #1976d2) !important;
}

  .gradient-45deg-deep-purple-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
  }

.gradient-45deg-deep-orange-orange {
  background: #00BFB2;
  background: -webkit-linear-gradient(45deg, #00BFB2, #009C92) !important;
  background: -moz- oldlinear-gradient(45deg, #00BFB2, #009C92) !important;
  background: -o-linear-gradient(45deg, #00BFB2, #009C92) !important;
  background: linear-gradient(45deg, #00BFB2, #009C92) !important;
}

  .gradient-45deg-deep-orange-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 191, 178, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(0, 191, 178, .5) !important;
  }

.gradient-45deg-light-blue-cyan {
  background: #6470DB;
  background: -webkit-linear-gradient(45deg, #6470DB, #1529DB) !important;
  background: -moz- oldlinear-gradient(45deg, #6470DB, #1529DB) !important;
  background: -o-linear-gradient(45deg, #6470DB, #1529DB) !important;
  background: linear-gradient(45deg, #6470DB, #1529DB) !important;
}

  .gradient-45deg-light-blue-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(100, 112, 219, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(100, 112, 219, .5) !important;
  }

.gradient-45deg-blue-indigo {
  background: #6470DB;
  background: -webkit-linear-gradient(45deg, #6470DB, #1529DB) !important;
  background: -moz- oldlinear-gradient(45deg, #6470DB, #1529DB) !important;
  background: -o-linear-gradient(45deg, #6470DB, #1529DB) !important;
  background: linear-gradient(45deg, #6470DB, #1529DB) !important;
}

  .gradient-45deg-blue-indigo.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(100, 112, 219, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(100, 112, 219, .5) !important;
  }

.gradient-45deg-semi-dark {
  background: #00aeff;
  background: -webkit-gradient(linear, right top, left top, from(#00aeff), to(#3369e6)) !important;
  background: -webkit-linear-gradient(right, #00aeff, #3369e6) !important;
  background: -moz- oldlinear-gradient(right, #00aeff, #3369e6) !important;
  background: -o-linear-gradient(right, #00aeff, #3369e6) !important;
  background: linear-gradient(-90deg, #00aeff, #3369e6) !important;
}

  .gradient-45deg-semi-dark.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(51, 105, 230, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(51, 105, 230, .5) !important;
  }

/*----------------------------------------
	Avatar
------------------------------------------*/
.avatar-status {
  line-height: 64px;
  height: 64px;
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 24px;
  vertical-align: central;
  white-space: nowrap;
  word-wrap: break-word;
  text-overflow: ellipsis;
  border-radius: 50px;
}

.bold {
  font-weight: bold;
}

.text-divider {
  margin-top: 10px !important;
  line-height: 0;
}

.text-divider-white span {
  background-color: #fff !important;
}

.text-divider:before {
  content: " ";
  display: block;
  border-bottom: 1px solid #f5f5f5;
}

.avatar-status i {
  position: absolute;
  right: 10px;
  width: 9px !important;
}

.avatar-status img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0 none;
  border-radius: 1000px;
  background: #e6e6e6;
}

.avatar-online i {
  background-color: #00e676;
}

.avatar-off i {
  background-color: #bdbdbd;
}

.avatar-busy i {
  background-color: #ff1744;
}

.avatar-away i {
  background-color: #ffc400;
}

.avatar-status.avatar-100 {
  width: 100px;
}

  .avatar-status.avatar-100 span.text-circle {
    width: 100px;
    height: 100px;
  }

  .avatar-status.avatar-100 i {
    width: 20px;
    height: 20px;
  }

.avatar-status.avatar-50 {
  line-height: 0;
  width: 50px;
}

  .avatar-status.avatar-50 span.text-circle {
    width: 50px;
    height: 50px;
  }

  .avatar-status.avatar-50 i {
    right: -1px;
    bottom: 21px;
    width: 12px !important;
    height: 12px !important;
  }

.avatar-status.avatar-lg {
  width: 144px;
}

  .avatar-status.avatar-lg span.text-circle {
    width: 144px;
    height: 144px;
  }

  .avatar-status.avatar-lg i {
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
  }

.avatar-status.avatar-md {
  width: 40px;
}

  .avatar-status.avatar-md span.text-circle {
    width: 40px;
    height: 40px;
  }

  .avatar-status.avatar-md i {
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
  }

.avatar-status.avatar-sm {
  width: 32px;
}

  .avatar-status.avatar-sm span.text-circle {
    width: 32px;
    height: 32px;
  }

  .avatar-status.avatar-sm i {
    width: 8px;
    height: 8px;
  }

.avatar-status.avatar-xs {
  width: 24px;
}

  .avatar-status.avatar-xs span.text-circle {
    width: 24px;
    height: 24px;
  }

  .avatar-status.avatar-xs i {
    width: 7px;
    height: 7px;
  }

.collection .collection-item.avatar:not(.circle-clipper) > .circle {
  background: #e6e6e6;
}

/*----------------------------------------
	Dropdown
------------------------------------------*/
.dropdown-content li:hover,
.dropdown-content li.active {
  background-color: #eee;
}

.dropdown-content li > a,
.dropdown-content li > span {
  padding: 14px 24px;
}

  .dropdown-content li > a:hover,
  .dropdown-content li > a.active,
  .dropdown-content li > span:hover,
  .dropdown-content li > span.active {
    background-color: #eee;
  }

  .dropdown-content li > a > i {
    width: 24px;
    margin: 0 12px 0 0;
  }

/*----------------------------------------
	Badges
------------------------------------------*/
span.badge {
  color: #fff;
}

  span.badge.pill {
    font-size: .8rem;
    line-height: 20px;
    min-width: 1rem;
    height: 20px;
    border-radius: 50%;
    border-radius: 9px;
  }

#badges-navbar nav .brand-logo {
  font-size: 2.1rem;
}

/*----------------------------------------
  Material
------------------------------------------*/
@font-face {
  font-family: 'Material Icons';
  font-weight: 400;
  font-style: normal;
}

.material-icons {
  font-family: 'Material Icons';
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* Preferred icon size */
  display: inline-block;
  white-space: nowrap;
  letter-spacing: normal;
  text-transform: none;
  word-wrap: normal;
  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. */
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

  /* Rules for sizing the icon. */
  .material-icons.md-18 {
    font-size: 18px;
  }

  .material-icons.md-24 {
    font-size: 24px;
  }

  .material-icons.md-36 {
    font-size: 36px;
  }

  .material-icons.md-48 {
    font-size: 48px;
  }

  /* Rules for using icons as black on a light background. */
  .material-icons.md-dark {
    color: rgba(0, 0, 0, .54);
  }

    .material-icons.md-dark.md-inactive {
      color: rgba(0, 0, 0, .26);
    }

  /* Rules for using icons as white on a dark background. */
  .material-icons.md-light {
    color: white;
  }

    .material-icons.md-light.md-inactive {
      color: rgba(255, 255, 255, .3);
    }

/*----------------------------------------
    Pulse
------------------------------------------*/
.pulse-style-one {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .modal {
    position: -ms-page;
    top: 10%;
  }

    .modal.bottom-sheet {
      position: -ms-page;
      top: 155%;
      height: 100%;
    }

      .modal.bottom-sheet + .modal-overlay {
        position: -ms-page;
        top: 100%;
      }

  .modal-overlay {
    position: -ms-page;
    top: 5%;
    height: 100%;
  }
}

.modal-header-bg{
  background: #4561EC !important;
}

/*----------------------------------------
   Navbar
------------------------------------------*/
.navbar .header-search-wrapper {
  position: relative;
  display: inline-block;
  width: -webkit-calc(100% - 600px);
  width: -moz-calc(100% - 600px);
  width: calc(100% - 600px);
  height: 40px;
  margin: 10px auto 0 285px;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

  .navbar .header-search-wrapper i {
    font-size: 24px;
    line-height: 32px !important;
    position: absolute;
    top: 6px;
    left: 24px;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;
  }

.navbar .nav-collapsed .header-search-wrapper {
  margin: 10px auto 0 100px;
}

.navbar input.header-search-input {
  font-size: 16px;
  font-weight: 400;
  display: block;
  width: 87%;
  height: 24px;
  padding: 8px 8px 8px 72px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  border: none;
  border-radius: 3px;
  outline: none;
  background: rgba(255, 255, 255, .3);
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.form-group input {
  width: 98% !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 0px 0px 0px 10px !important;
  height: 40px !important;
}

.form-group select.border {
  width: 100% !important;
  padding: 0px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  height: 40px !important;
}

.required:after {
  content: '*';
  color: red;
}

.form-group-flex-start {
  display: flex;
  justify-content: start;
}

.remove-border-bottom{
  margin: unset !important;
  border-bottom: unset !important;
}

.remove-border-left {
  border-left: 0 !important;
}

  .remove-border-left-radious {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }


  /*.input-group{
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.input-group > * {
  display: table-cell;
  border: 1px solid #ddd;
  vertical-align: middle;
}

  .input-group-icon {
    background-color: #eee;
    color: #777;
    padding: 0 12px;
  }

.input-group-area {
  width: 100%;
}

.input-group input {
  border: 0;
  display: block;
  width: 100%;
  padding: 8px;
}

.input-group-label{
  display:block;
  font-size: 16px;
}*/
  .custom-input-group {
    display: table;
    border-collapse: collapse;
    width: 100%;
  }

  .custom-input-group > * {
    display: table-cell;
    /*border: 1px solid #ddd;*/
    vertical-align: middle;
  }

.custom-input-group-icon {
  background-color: #eee;
  color: #777;
  padding: 0 12px;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.custom-input-group-area {
  width: 100%;
}

.custom-input-group input {
  border: 0;
  display: block;
  width: 100%;
  padding: 8px;
}

.custom-input-group-label {
  display: block;
  font-size: 16px;
}

  .navbar input.header-search-input:hover {
    background: rgba(255, 255, 255, .5);
  }

  .navbar input.header-search-input:focus {
    color: #333;
    border-bottom: none !important;
    background: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

.navbar .header-search-wrapper-focus i {
  color: #444;
}

.navbar .header-search-input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.navbar .header-search-input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.navbar .header-search-input:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.navbar .header-search-input:focus::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.navbar .header-search-input:focus::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.navbar .header-search-input:focus::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.navbar .header-search-input:focus:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.navbar .header-search-input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.navbar .header-search-input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.navbar .header-search-input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.navbar .toggle-fullscreen,
.navbar .notification-button {
  line-height: 1;
}

.navbar .notification-badge {
  font-family: 'Muli', sans-serif;
  position: relative;
  top: -20px;
  right: 5px;
  margin: 0 -.8em;
  padding: 2px 5px;
  color: #fff;
  border-radius: 50%;
  background-color: #00BFB2;
  -webkit-box-shadow: 0 0 10px 0 #00BFB2;
  box-shadow: 0 0 10px 0 #00BFB2;
}

.navbar #notifications-dropdown h5 {
  font-size: 1rem;
  font-weight: 500;
  text-transform: capitalize;
}

.navbar #notifications-dropdown li {
  font-size: 1rem;
  padding: 8px 16px;
}

  .navbar #notifications-dropdown li > a {
    font-size: 1.1rem;
    font-weight: 300;
    padding: 0;
  }

    .navbar #notifications-dropdown li > a > span {
      font-size: 1.2rem;
      position: relative;
      top: 4px;
      display: inline-block;
      margin-right: 5px;
    }

  .navbar #notifications-dropdown li > time {
    font-size: .8rem;
    font-weight: 400;
    margin-left: 38px;
  }

  .navbar #notifications-dropdown li.divider {
    padding: 0;
  }

.navbar .navbar-light {
  background: #fff;
}

  .navbar .navbar-light ul a {
    color: rgba(0, 0, 0, .87);
  }

  .navbar .navbar-light .header-search-wrapper i {
    color: rgba(0, 0, 0, .87);
  }

  .navbar .navbar-light .header-search-wrapper input.header-search-input {
    color: rgba(0, 0, 0, .87);
    border: 1px solid #efefef;
    background: rgba(230, 230, 230, .3);
  }

    .navbar .navbar-light .header-search-wrapper input.header-search-input:hover,
    .navbar .navbar-light .header-search-wrapper input.header-search-input:active,
    .navbar .navbar-light .header-search-wrapper input.header-search-input:focus {
      border: 1px solid #adadad;
      border-bottom: 1px solid #adadad !important;
      background: rgba(230, 230, 230, 0);
    }

    .navbar .navbar-light .header-search-wrapper input.header-search-input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, .87);
    }

    .navbar .navbar-light .header-search-wrapper input.header-search-input::-moz-placeholder {
      color: rgba(0, 0, 0, .87);
    }

    .navbar .navbar-light .header-search-wrapper input.header-search-input::placeholder {
      color: rgba(0, 0, 0, .87);
    }

.navbar .navbar-dark {
  background: #37474f;
}

  .navbar .navbar-dark ul a {
    color: #fff;
  }

  .navbar .navbar-dark .header-search-wrapper i {
    color: #fff;
  }

  .navbar .navbar-dark .header-search-wrapper input.header-search-input {
    color: #fff;
    border: 1px solid rgba(230, 230, 230, .05);
    background: rgba(230, 230, 230, .3);
  }

    .navbar .navbar-dark .header-search-wrapper input.header-search-input:hover,
    .navbar .navbar-dark .header-search-wrapper input.header-search-input:active,
    .navbar .navbar-dark .header-search-wrapper input.header-search-input:focus {
      border: 1px solid rgba(230, 230, 230, .1);
      background: rgba(230, 230, 230, .1);
    }

    .navbar .navbar-dark .header-search-wrapper input.header-search-input::-webkit-input-placeholder {
      color: #fff;
    }

    .navbar .navbar-dark .header-search-wrapper input.header-search-input::-moz-placeholder {
      color: #fff;
    }

    .navbar .navbar-dark .header-search-wrapper input.header-search-input::placeholder {
      color: #fff;
    }

.navbar .no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

nav.display-none.search-sm .nav-wrapper form .input-field input.search-box-sm:not(:focus) {
  color: #fff;
}

@media only screen and (max-width: 600px) {
  .navbar .nav-wrapper .dropdown-content {
    left: 0 !important;
    width: 100% !important;
  }

  .notification-button i {
    font-size: 29px;
    position: relative;
    top: 12px;
  }

  .search-button i {
    position: relative;
    top: 6px;
    height: 0;
  }

  .search-sm-close {
    position: absolute !important;
    top: 12px !important;
  }

  .search-sm-icon {
    position: absolute !important;
    top: 14px !important;
  }
}

/*----------------------------------------
    SideNav - Main Menu
------------------------------------------*/
.sidenav-main {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 260px;
  height: 100%;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
}

  .sidenav-main span.badge.new {
    line-height: 20px;
    margin-top: 11px;
  }

.sidebar-client-name {
  color: var(--nav-clientname-color) !important;
}

.brand-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: inherit;
  height: 64px;
  background: #fff;
  -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

  .brand-sidebar .logo-wrapper {
    font-size: 3rem;
    line-height: 17px !important;
    margin: 0;
    white-space: nowrap;
  }

    .brand-sidebar .logo-wrapper a.brand-logo img {
      height: 35px;
    }

    .brand-sidebar .logo-wrapper a.navbar-toggler {
      position: absolute;
      top: 7px;
      right: 0px;
    }

      .brand-sidebar .logo-wrapper a.navbar-toggler i {
        font-size: 24px;
        font-weight: bold;
        line-height: 46px;
        display: block;
        height: 56px;
        color: #333;
      }

  .brand-sidebar span.logo-text {
    font-size: 18px;
    visibility: visible;
    vertical-align: super;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: 1;
  }

  .brand-sidebar .brand-logo {
    font-size: 2.1rem;
    line-height: 0;
    position: absolute;
    display: inline-block;
    margin: 1px 0;
    padding: 12px 12px;
    color: #333;
  }

    .brand-sidebar .brand-logo img {
      height: 18px;
    }

    .brand-sidebar .brand-logo.center {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }

@media only screen and (max-width: 992px) {
  .brand-sidebar .brand-logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

    .brand-sidebar .brand-logo.left,
    .brand-sidebar .brand-logo.right {
      padding: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }

    .brand-sidebar .brand-logo.left {
      left: .5rem;
    }

    .brand-sidebar .brand-logo.right {
      right: .5rem;
      left: auto;
    }
}

.brand-sidebar .brand-logo.right {
  right: .5rem;
  padding: 0;
}

.brand-sidebar .brand-logo i,
.brand-sidebar .brand-logo [class^='mdi-'],
.brand-sidebar .brand-logo [class*='mdi-'],
.brand-sidebar .brand-logo i.material-icons {
  float: left;
  margin-right: 15px;
}

.sidenav {
  top: 64px;
  overflow: hidden;
  width: inherit;
  height: 100%;
  -webkit-transition: auto !important;
  -moz-transition: auto !important;
  -o-transition: auto !important;
  transition: auto !important;
  border: none;
  -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: var(--nav-background-color)
}

  .sidenav.native-scroll {
    overflow-y: scroll !important;
  }

  .sidenav a {
    line-height: 42px;
    height: 42px;
  }

  .sidenav .navigation-header {
    font-size: .85rem;
    font-weight: 600;
    margin-top: 10px;
    padding: 0 17px;
    text-transform: uppercase;
  }

    .sidenav .navigation-header .navigation-header-icon {
      display: none;
    }

    .sidenav .navigation-header .navigation-header-text {
      font-size: .85rem;
      font-weight: 600;
      line-height: 30px;
      height: 30px;
      margin: 0;
      padding: 0 !important;
      color: #969696;
    }

      .sidenav .navigation-header .navigation-header-text:hover {
        background-color: transparent !important;
      }

  .sidenav li {
    line-height: 44px;
    padding: 0;
  }

    .sidenav li a {
      color: rgba(0, 0, 0, .87);
    }

      .sidenav li a i {
        font-size: 1.4rem;
        line-height: inherit;
        display: block;
        float: left;
        width: 2rem;
        margin-right: 1rem;
        text-align: center;
      }

  .sidenav .collapsible-header {
    font-weight: 400;
    margin: 0;
    /* Sidebar nav open close icons*/
  }

    .sidenav .collapsible-header:after {
      font-family: 'Material Icons';
      font-size: 18px;
      position: absolute;
      right: 16px;
      content: 'keyboard_arrow_right';
      transition: transform .3s ease-in-out, opacity .25s ease-in-out .1s, -webkit-transform .3s ease-in-out;
      color: #afafaf;
    }

    .sidenav .collapsible-header.active:after {
      content: 'keyboard_arrow_down';
    }

  .sidenav li .collapsible-body {
    background: transparent;
  }

    .sidenav li .collapsible-body a i {
      font-size: .7rem;
    }

  .sidenav li a.active {
    color: #fff;
    background: var(--nav-selected-background-color)
  }

    .sidenav li a.active i {
      color: #fff;
    }

  .sidenav li:not(.active).open {
    background-color: rgba(0, 0, 0, .035);
  }

  .sidenav li.active {
    background-color: transparent;
  }

    .sidenav li.active > .collapsible-header:after {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
    }

  .sidenav li.open {
    background: rgba(0, 0, 0, .035);
  }

  .sidenav li > a,
  .sidenav li a.collapsible-header {
    font-weight: 400;
    line-height: 44px;
    height: 44px;
    padding: 0 16px !important;
  }

    .sidenav li > a > i.material-icons,
    .sidenav li a.collapsible-header > i.material-icons {
      line-height: 44px;
      height: 44px;
      margin: 0 20px 0 -4px;
    }

    .sidenav li > a:not(.active):hover {
      background-color: var(--nav-hover-color) !important;
    }

  .sidenav .collapsible-body > ul:not(.collapsible) > li.active,
  .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
    background-color: #d1d6ef;
  }

    .sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
    .sidenav .collapsible-body > ul:not(.collapsible) > li.active i,
    .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a,
    .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active i {
      color: #3f51b5;
      background: none;
    }

.nav-expanded .sidenav .menu-title {
  visibility: visible;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
  opacity: 1;
  color: var(--nav-text-color);
}

.nav-expanded .navigation-header-text {
  display: block;
}

.nav-expanded .navigation-header-icon {
  display: none;
}

.nav-collapsed.sidenav-main {
  width: 64px;
}


.nav-collapsed .brand-sidebar .brand-logo span {
  visibility: hidden;
  -webkit-transition: visibility 0s 2s, opacity .05s linear;
  -moz-transition: visibility 0s 2s, opacity .05s linear;
  -o-transition: visibility 0s 2s, opacity .05s linear;
  transition: visibility 0s 2s, opacity .05s linear;
  opacity: 0;
}

.nav-collapsed .navigation-header-text {
  display: none;
}

.nav-collapsed .navigation-header-icon {
  display: block !important;
}

.nav-collapsed .sidenav .user-options,
.nav-collapsed .sidenav .collapsible-body span,
.nav-collapsed .sidenav .collapsible-header:after {
  display: none;
}

.nav-collapsed .sidenav .menu-title {
  visibility: visible;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
  opacity: 1;
}

.nav-lock .navigation-header-icon {
  display: none;
}

.nav-collapsible.nav-collapsed span.badge.pill {
  visibility: hidden;
  -webkit-transition: visibility 0s 2s, opacity .05s linear;
  -moz-transition: visibility 0s 2s, opacity .05s linear;
  -o-transition: visibility 0s 2s, opacity .05s linear;
  transition: visibility 0s 2s, opacity .05s linear;
  opacity: 0;
}

.nav-collapsible span.badge {
  color: #fff;
}

  .nav-collapsible span.badge.pill {
    position: absolute;
    right: 10px;
    visibility: visible;
    float: none;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: 1;
  }

.sidenav-dark {
  background: #2c323f;
}

  .sidenav-dark .brand-sidebar {
    background: #2c323f;
    -webkit-box-shadow: 0 -4px 7px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 -4px 7px 1px rgba(0, 0, 0, .2);
  }

  .sidenav-dark.sidenav-main .sidenav {
    background-color: transparent;
  }

    .sidenav-dark.sidenav-main .sidenav .collapsible-body > ul:not(.collapsible) > li.active,
    .sidenav-dark.sidenav-main .sidenav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
      background: #3f51b5;
    }

    .sidenav-dark.sidenav-main .sidenav li .navigation-header-text {
      color: #b0bec5;
    }

    .sidenav-dark.sidenav-main .sidenav li > a,
    .sidenav-dark.sidenav-main .sidenav li .more-text {
      color: #fff;
    }

      .sidenav-dark.sidenav-main .sidenav li > a > i,
      .sidenav-dark.sidenav-main .sidenav li .more-text > i {
        color: #fff;
      }

    .sidenav-dark.sidenav-main .sidenav li.bold > a:not(.active):hover,
    .sidenav-dark.sidenav-main .sidenav li:not(.active).open {
      background-color: rgba(0, 0, 0, .1) !important;
    }

  .sidenav-dark.sidenav-main .collapsible {
    border: none;
  }

  .sidenav-dark.sidenav-main .brand-sidebar .brand-logo,
  .sidenav-dark.sidenav-main .brand-sidebar .logo-wrapper a.navbar-toggler i {
    color: #fff;
  }

  .sidenav-dark.sidenav-gradient .brand-sidebar {
    background: transparent;
  }

  .sidenav-dark.sidenav-gradient.fixed .collapsible-body {
    background: transparent;
  }

  .sidenav-dark.sidenav-gradient.sidenav-main .sidenav li .navigation-header-text {
    color: #ececec;
  }

  .sidenav-dark .collapsible-header:after {
    color: #ececec;
  }

  .sidenav-dark .ps__rail-y:hover {
    background: transparent;
  }

.navbar-full .brand-sidebar {
  background: transparent;
}

  .navbar-full .brand-sidebar .brand-logo {
    color: #fff;
  }

  .navbar-full .brand-sidebar .logo-wrapper a.navbar-toggler i {
    color: #fff;
  }

.sidenav-active-rounded .sidenav li > a.active {
  color: #fff;
  border-radius: 0 25px 25px 0;
}

  .sidenav-active-rounded .sidenav li > a.active > i {
    color: #fff;
  }

.sidenav-active-rounded .sidenav li:not(.open) > a.active {
  color: #fff;
}

  .sidenav-active-rounded .sidenav li:not(.open) > a.active > i {
    color: #fff;
  }

.sidenav-active-rounded .sidenav li:not(.active) > a:hover {
  margin-right: 16px;
  border-radius: 0 25px 25px 0;
}

.sidenav-active-rounded .sidenav li > a,
.sidenav-active-rounded .sidenav li a.collapsible-header {
  margin-right: 16px;
  padding: 0 0 0 16px !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.sidenav-active-rounded .sidenav .collapsible-header:after {
  right: 9px;
}

.sidenav-active-rounded.nav-collapsed li > a,
.sidenav-active-rounded.nav-collapsed li a.collapsible-header {
  margin-right: 10px;
}

.sidenav-active-rounded.nav-collapsed li.close {
  background-color: rgba(0, 0, 0, .08);
}

.sidenav-active-square .sidenav li > a.active {
  color: #fff;
  border-radius: 5px 5px 5px 5px;
}

  .sidenav-active-square .sidenav li > a.active > i {
    color: #fff;
  }

.sidenav-active-square .sidenav li:not(.open) > a.active {
  color: #fff;
}

  .sidenav-active-square .sidenav li:not(.open) > a.active > i {
    color: #fff;
  }

.sidenav-active-square .sidenav li:not(.active) > a:hover {
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 5px 5px 5px 5px;
}

.sidenav-active-square .sidenav li > a,
.sidenav-active-square .sidenav li a.collapsible-header {
  margin-left: 8px;
  margin-right: 8px;
  padding: 0 0 0 16px !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.sidenav-active-square .sidenav .collapsible-header:after {
  right: 9px;
}

.sidenav-active-square.nav-collapsed li > a,
.sidenav-active-square.nav-collapsed li a.collapsible-header {
  margin-right: 10px;
}

.sidenav-active-square.nav-collapsed li.close {
  background-color: rgba(0, 0, 0, .08);
}

@media only screen and (max-width: 992px) {
  .sidenav-main {
    width: auto;
    height: 0;
  }

    .sidenav-main .brand-sidebar {
      left: 80px;
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

      .sidenav-main .brand-sidebar .navbar-toggler {
        display: none;
      }

      .sidenav-main .brand-sidebar .logo-wrapper {
        padding: 0 !important;
      }

      .sidenav-main .brand-sidebar .sidenav-trigger {
        top: -48px;
      }

    .sidenav-main .sidenav {
      top: 0;
      width: 260px;
      padding-bottom: inherit;
    }

    .sidenav-main .btn-sidenav-toggle {
      position: relative;
      top: 10px;
      left: 10px;
    }

  .sidenav-dark.sidenav-main .sidenav {
    background: #2c323f;
  }
}

@media only screen and (max-width: 600px) {
  .sidenav-main .brand-sidebar .brand-logo {
    padding: 16px 12px 20px 12px;
  }

  .sidenav-main .btn-sidenav-toggle {
    position: relative;
    top: 6px;
    left: 6px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sidenav .collapsible-header {
    /* Sidebar nav open close icons*/
  }

    .sidenav .collapsible-header:after {
      width: 0;
      content: '+';
    }

  .sidenav li.active > .collapsible-header:after {
    right: 0;
    width: 0;
    content: '-';
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

/*----------------------------------------
    Slideout - Right side chat slide out
------------------------------------------*/
#right-search .input-field {
  margin-top: 0;
}

#slide-out-right {
  top: 64px;
  overflow: hidden;
}

  #slide-out-right .tab a {
    padding: 0 !important;
  }

  #slide-out-right.sidenav {
    top: 0;
    width: 340px;
    padding-bottom: 0;
  }

    #slide-out-right.sidenav li a.active {
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    #slide-out-right.sidenav .slide-out-right-body {
      overflow-y: hidden;
      width: 100%;
      height: -webkit-calc(100vh - 60px);
      height: -moz-calc(100vh - 60px);
      height: calc(100vh - 60px);
    }

    #slide-out-right.sidenav #messages {
      padding: .7rem;
    }

      #slide-out-right.sidenav #messages .header-search-input {
        width: 86%;
        height: 2.8rem;
        margin: 1rem;
        padding-left: 1rem;
        border: none;
        border-radius: 2rem;
        background-color: #eee;
      }

      #slide-out-right.sidenav #messages .collection {
        max-height: 100% !important;
      }

        #slide-out-right.sidenav #messages .collection .collection-item {
          border: none;
        }

        #slide-out-right.sidenav #messages .collection ul.collection {
          overflow: hidden;
          max-height: 100% !important;
          border: none;
        }

          #slide-out-right.sidenav #messages .collection ul.collection li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            padding-top: 1.2rem;
            cursor: pointer;
          }

            #slide-out-right.sidenav #messages .collection ul.collection li .user-content {
              margin-top: .4em;
              margin-left: 1rem;
            }

            #slide-out-right.sidenav #messages .collection ul.collection li .secondary-content {
              top: 1.6rem;
              color: #c5cae9;
            }

            #slide-out-right.sidenav #messages .collection ul.collection li:hover {
              background-color: #f5f5f5;
            }

  #slide-out-right .fixed-line-height {
    line-height: 24px;
  }

  #slide-out-right #chatapp li {
    line-height: 35px !important;
    min-height: 70px !important;
  }

  #slide-out-right #chatapp .sidenav li {
    line-height: 20px !important;
  }

.chat-close-collapse {
  padding: 5px 15px 0 0;
}

.icon-bg-color {
  font-size: 20px;
  width: 35px;
  height: 35px;
  padding-top: 8px;
  text-align: center;
  border-radius: 50%;
}

.border-bottom-1 {
  border-bottom: 1px solid #f5f5f5;
}

#activity ul.collection {
  max-height: 100% !important;
}

#activity .collection::before {
  position: absolute;
  top: 1rem;
  left: 4%;
  width: 1px;
  height: 100%;
  margin-left: -1px;
  content: '';
  background-color: #e0e0e0;
}

#activity .collection-item::before {
  font-family: 'Material Icons';
  font-size: 1rem;
  position: absolute;
  left: 1.6%;
  content: 'lens';
  color: #e0e0e0;
  border-radius: 100%;
}

#activity .collection {
  border: none;
}

  #activity .collection .collection-item {
    margin-bottom: 1rem;
    padding-left: 2rem;
    border: none;
  }

    #activity .collection .collection-item p {
      font-size: .9rem;
    }

    #activity .collection .collection-item .badge {
      float: none;
      margin: 0;
      padding: .3rem .5rem .4rem .5rem;
    }

    #activity .collection .collection-item .secondary-content {
      font-size: .9rem;
      color: #c5cae9;
    }

.slide-out-right-sidenav-chat {
  top: 0;
  width: 340px;
}

#settings ul.collection {
  max-height: 100% !important;
}

@media only screen and (max-width: 992px) {
  #slide-out-right {
    top: 0;
  }

    #slide-out-right.sidenav {
      height: 100% !important;
    }
}

#slide-out-chat .chat-head,
#slide-out-chat .chat-footer {
  z-index: 1;
  width: 100%;
  background-color: #eceff1;
}

#slide-out-chat .chat-footer {
  bottom: -.6rem;
}

  #slide-out-chat .chat-footer form {
    background-color: #eceff1;
  }

  #slide-out-chat .chat-footer input {
    width: 80%;
    margin-left: -2rem;
    padding-left: 1rem;
    border: none;
    border-radius: 3rem;
    background-color: #fff;
  }

  #slide-out-chat .chat-footer label {
    margin-top: -.7rem;
    margin-left: 2rem;
  }

    #slide-out-chat .chat-footer label:not(.label-icon).active {
      display: none;
    }

  #slide-out-chat .chat-footer i {
    cursor: pointer;
  }

  #slide-out-chat .chat-footer a {
    line-height: 2rem;
    position: absolute;
    width: 40px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

#slide-out-chat .speech-bubble {
  position: relative;
  margin-left: 1rem;
  border-radius: .3rem;
  background: #eceff1;
}

  #slide-out-chat .speech-bubble:after {
    position: absolute;
    top: 50%;
    left: -9px;
    width: 0;
    height: 0;
    margin-top: -20px;
    content: '';
    border: 10px solid transparent;
    border-right-color: #eceff1;
    border-left: 0;
  }

#slide-out-chat .speech-bubble-right {
  position: relative;
  margin-left: 1rem;
  color: #fff;
  border-radius: .3rem;
  background-color: #3f51b5;
}

  #slide-out-chat .speech-bubble-right:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -16px;
    margin-right: -8px;
    content: '';
    border: 10px solid transparent;
    border-right: 0;
    border-left-color: #3f51b5;
  }

#slide-out-chat .chat-body ul.collection {
  top: 0;
  margin-top: 0;
  margin-bottom: 0;
}

#slide-out-chat .collection {
  top: 48px;
  height: -webkit-calc(100vh - 129px);
  height: -moz-calc(100vh - 129px);
  height: calc(100vh - 129px);
}

  #slide-out-chat .collection .collection-item {
    min-height: auto;
    margin-bottom: 1rem;
    border: none;
  }

    #slide-out-chat .collection .collection-item .user-content {
      padding: 1rem;
    }

@media (max-width: 600px) {
  #slide-out-right.sidenav {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

/*----------------------------------------
	Breadcrumb
------------------------------------------*/
#breadcrumbs-wrapper {
  padding: 20px 0;
  background: transparent;
}

  #breadcrumbs-wrapper .breadcrumbs-btn {
    top: 24px;
  }

  #breadcrumbs-wrapper h5.breadcrumbs-header {
    font-size: 1.64rem;
    line-height: 1.804rem;
    margin: 1.5rem 0 0 0;
  }

  #breadcrumbs-wrapper .breadcrumbs {
    margin: 15px 0;
    padding: 0;
    list-style: none;
  }

    #breadcrumbs-wrapper .breadcrumbs > li {
      display: inline-block;
    }

      #breadcrumbs-wrapper .breadcrumbs > li + li::before {
        font-family: 'Material Icons';
        position: relative;
        top: 3px;
        padding: 0 5px 0 4px;
        content: 'keyboard_arrow_right';
        color: #bdbdbd;
      }

    #breadcrumbs-wrapper .breadcrumbs .active {
      font-weight: normal;
      color: #9e9e9e;
    }

  #breadcrumbs-wrapper .breadcrumbs-title {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  #breadcrumbs-wrapper .breadcrumbs-nav {
    margin: 8px 0 9px;
  }

  #breadcrumbs-wrapper.breadcrumbs-bg-image {
    position: relative;
    z-index: 1;
    color: #fff;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
  }

    #breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs-title {
      color: #fff;
    }

    #breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs {
      margin: 10px 0;
    }

      #breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs a {
        color: rgba(255, 255, 255, .8);
      }

      #breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs .active {
        color: rgba(255, 255, 255, .9);
      }

    #breadcrumbs-wrapper.breadcrumbs-bg-image::before {
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: '';
      background-color: rgba(0, 0, 0, .07);
    }

  #breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title,
  #breadcrumbs-wrapper.breadcrumbs-dark a {
    color: rgba(255, 255, 255, .85);
  }

  #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title,
  #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs {
    display: inline;
  }

  #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-left {
    position: relative;
    top: 8px;
  }

  #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title {
    padding-right: 20px;
    border-right: 1px solid #bdbdbd;
  }

  #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs {
    padding-left: 20px;
  }

  #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-btn {
    top: 0;
  }

  #breadcrumbs-wrapper .breadcrumbs-right .breadcrumbs {
    float: right;
    margin-top: 0;
  }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #breadcrumbs-wrapper .breadcrumbs > li + li::before {
    top: 0;
    width: 0;
    content: '/';
  }
}

/*----------------------------------------
    Forms
------------------------------------------*/
.input-field div.error {
  font-size: .8rem;
  position: relative;
  top: 0rem;
  left: 0rem;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  color: #00BFB2;
}

.input-field label.active {
  width: 100%;
}

.left-alert input[type=text] + label:after,
.left-alert input[type=password] + label:after,
.left-alert input[type=email] + label:after,
.left-alert input[type=url] + label:after,
.left-alert input[type=time] + label:after,
.left-alert input[type=date] + label:after,
.left-alert input[type=datetime-local] + label:after,
.left-alert input[type=tel] + label:after,
.left-alert input[type=number] + label:after,
.left-alert input[type=search] + label:after,
.left-alert textarea.materialize-textarea + label:after {
  left: 0;
}

.right-alert input[type=text] + label:after,
.right-alert input[type=password] + label:after,
.right-alert input[type=email] + label:after,
.right-alert input[type=url] + label:after,
.right-alert input[type=time] + label:after,
.right-alert input[type=date] + label:after,
.right-alert input[type=datetime-local] + label:after,
.right-alert input[type=tel] + label:after,
.right-alert input[type=number] + label:after,
.right-alert input[type=search] + label:after,
.right-alert textarea.materialize-textarea + label:after {
  right: 70px;
}

/*----------------------------------------
    Tables
------------------------------------------*/
table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > th:first-child:before {
  /*line-height: 15px;*/
  top: 19px;
  text-indent: -1px !important;
}

/*----------------------------------------
Cards
------------------------------------------*/
.card {
  overflow: hidden;
  margin: 1rem 0 1rem 0;
}

  .card .card-title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
  }

  .card .activator {
    cursor: pointer;
  }

#card-stats .card-content {
  text-align: center;
}

#card-stats .card-stats-title {
  font-size: 1rem;
}

  #card-stats .card-stats-title i {
    font-size: 1.2rem;
    position: relative;
    top: 3px;
  }

#card-stats .card-stats-compare {
  font-size: .85rem;
}

  #card-stats .card-stats-compare i {
    position: relative;
    top: 8px;
  }

#card-stats .card-stats-number {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2rem;
  margin: .8rem 0 .6rem 0;
}

#card-stats .card .card-content {
  padding: 10px 14px;
}

#card-stats .card .card-action {
  padding: 10px 14px;
}

.vertical-align-top {
  vertical-align: top;
}

.card-animation-1,
.image-n-margin {
  margin-top: -50px;
  -webkit-transition: .3s;
  /* Safari */
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

  .card-animation-1:hover .image-n-margin {
    margin-top: -80px;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
  }

/* alert card */
.card-alert .card-content {
  padding: 10px 20px;
}

.card-alert i {
  font-size: 20px;
  position: relative;
  top: 2px;
}

.card-alert .alert-circle {
  position: relative;
  top: -5px;
  left: -2px;
  display: inline-block;
  width: 40px;
  vertical-align: bottom;
  white-space: nowrap;
  border-radius: 1000px;
}

.card-alert .single-alert {
  line-height: 42px;
}

.card-alert button {
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 10px;
  color: #fff;
  border: none;
  background: none;
}

.card-alert .card .card-content {
  padding: 20px 40px 20px 20px;
}

.card-alert .card-action i {
  top: 0;
  margin: 0;
}

/* work card */
#work-collections .collection-header {
  font-size: 1.14rem;
  font-weight: 500;
}

#work-collections p.collections-title {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

#work-collections p.collections-content {
  font-size: .9rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

#work-collections .collection-item.avatar {
  height: auto;
  padding-top: 22px;
}

/* flight card */
#flight-card .flight-card-title {
  font-weight: 300;
  margin: 0;
  color: #fff;
}

#flight-card .flight-card-date {
  font-size: 1rem;
  margin: 0;
  color: #fff;
}

#flight-card .flight-state {
  padding-bottom: 15px;
}

#flight-card .flight-state-two {
  border-left: 1px dashed #bdbdbd;
}

#flight-card .flight-icon {
  font-size: 2.2rem;
  display: block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

#flight-card .card-content-bg {
  background: url('../../../images/gallery/3.png') no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

#flight-card .card-content {
  background: rgba(0, 0, 0, .25);
}

#flight-card .flight-state-wrapper {
  margin: 0 0 80px 0 !important;
}

#flight-card .card-header .card-title {
  padding: 20px;
}

/* task card */
#task-card label {
  display: block;
  height: auto;
  color: rgba(0, 0, 0, .87);
}

#task-card .task-card-title {
  font-weight: 300;
  margin: 0;
  color: #fff;
}

#task-card .task-card-date {
  font-size: 1rem;
  margin: 0;
  color: #fff;
}

#task-card .collection-header {
  padding: 20px;
}

#task-card .task-add {
  position: absolute;
  top: 76px;
  right: 10px;
}

#task-card .task-cat {
  font-size: .8rem;
  font-weight: 300;
  margin-left: 37px;
  padding: 2px 4px;
  color: #fff;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.task-cat {
  font-size: .8rem;
  font-weight: 300;
  padding: 2px 4px;
  color: #fff;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.collection .collection-item.avatar i.circle {
  font-size: 28px;
}

/* profile card */
#profile-card .card-image {
  height: 150px;
}

#profile-card .card-profile-image {
  position: absolute;
  z-index: 1;
  top: 110px;
  width: 70px;
  cursor: pointer;
}

#profile-card .btn-move-up {
  position: relative;
  top: -40px;
  right: -18px;
  margin-right: 10px !important;
}

#profile-card .card-content .profile-card-i {
  position: relative;
  top: 6px;
  margin-right: 10px;
}

#profile-card .card-content p {
  font-size: 1rem;
  margin: 10px 0 12px;
}

.card-move-up .move-up {
  padding: 20px;
}

.black-overlay {
  background-color: rgba(0, 0, 0, .42) !important;
}

.bg-image-1 {
  width: 100%;
  background-image: url('../../../images/cards/macbook.png');
  -webkit-background-size: cover;
  background-size: cover;
}

.bg-image-2 {
  width: 100%;
  background-image: url('../../../images/cards/iphone.png');
  -webkit-background-size: cover;
  background-size: cover;
}

.bg-image-3 {
  width: 100%;
  background-image: url('../../../images/cards/applewatch.png');
  -webkit-background-size: cover;
  background-size: cover;
}

.icon-background {
  width: 50px;
  height: 50px;
  margin: 8px;
  padding-top: 11px;
}

#profile-card .card-reveal i.material-icons {
  position: relative;
  top: 6px;
}

#user-card .flip-card {
  max-width: 100%;
}

@media screen and (min-width: 1290px) {
  .icon-background {
    width: 3.125rem;
    height: 3.125rem;
    margin: 1.25rem;
    margin-left: 2rem;
    padding-top: .6875rem;
  }
}

@media screen and (max-width: 1366px) {
  .icon-background {
    margin-left: 1.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .icon-background {
    margin-left: 2rem;
  }
}

@media screen and (min-width: 1680px) {
  .icon-background {
    margin-left: 2.6875rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .icon-background {
    margin-left: .25rem;
  }
}

@media screen and (max-width: 992px) {
  .icon-background {
    margin-left: 1.875rem;
  }
}

@media screen and (max-width: 786px) {
  .icon-background {
    margin-left: .9375rem;
  }
}

@media screen and (max-width: 540px) {
  .icon-background {
    margin-left: .625rem;
  }
}

.small-ico-bg {
  padding: 6px;
  border-radius: 50%;
  background-color: #f3f1f1;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  #cards-extended #gradient-Analytics .card-width,
  #cards-extended #card-with-analytics .card-width,
  #cards-extended #card-panel-type .card-width {
    width: 50%;
  }
}

/*----------------------------------------
    Charts
------------------------------------------*/
#card-stats {
  padding-top: 12px;
}

#chart-dashboard .card {
  overflow: hidden;
}

  #chart-dashboard .card .card-content {
    padding: 10px 14px;
  }

#chartjs .sample-chart-wrapper,
#chartjs2 .sample-chart-wrapper,
#chartjs3 .sample-chart-wrapper {
  margin-top: -75px;
  margin-bottom: -14px;
}

.sample-chart-wrapper {
  width: 100%;
}

.chart-title {
  font-size: 1.6rem;
  font-weight: 300;
}

/* Revenue Chart */
.chart-revenue {
  float: right;
  padding: 8px;
  text-align: center;
  border-radius: 3px;
}

  .chart-revenue .chart-revenue-total {
    font-size: .9rem;
    margin: 0;
  }

  .chart-revenue .chart-revenue-per {
    font-size: .8rem;
    margin: 0;
  }

    .chart-revenue .chart-revenue-per i {
      position: relative;
      top: 5px;
    }

.chart-revenue-switch {
  padding-top: 28px;
  padding-right: 10px;
  text-align: right;
  color: #fff;
}

#materialize-chartist .ct-chart-line,
#materialize-chartist .ct-chart-bar,
#materialize-chartist .ct-chart-pie,
#materialize-chartist .ct-chart-donut {
  height: 400px !important;
}

/* doughnut chart */
.doughnut-chart-status {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  top: -75px;
  left: 0;
  height: 0;
  text-align: center;
}

  .doughnut-chart-status p {
    margin-top: -5px;
  }

.doughnut-chart-legend li {
  font-size: .9rem;
  padding: 2px 0;
}

  .doughnut-chart-legend li:before {
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    margin-right: 4px;
    content: '';
  }

a.button-collapse.top-nav {
  font-size: 32px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 7.5%;
  float: none;
  margin-left: 1.5rem;
  color: #fff;
}

/* trending bar chart */
.trending-bar-chart-wrapper {
  width: 100%;
}

.btn-move-up {
  position: relative;
  top: -28px;
  right: -18px;
  margin-right: 10px !important;
}

/*Sparkline*/
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none !important;
}

.tooltip-class {
  overflow: hidden;
  width: 30px;
  height: 20px;
  color: #fff;
}

#ct2-chart .ct-series.ct-series-a .ct-area {
  fill: #00bcd4;
}

#ct2-chart .ct-series.ct-series-a .ct-point {
  stroke: #00bcd4;
}

#ct2-chart .ct-series.ct-series-a .ct-line {
  stroke: #54e2f4;
}

/*  Widget */
.socialbox .logo {
  font-size: 28px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
}

.socialbox .info {
  font-size: 15px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.chartist-tooltip.tooltip-show {
  display: inline-block;
}

.chartist-tooltip {
  display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .doughnut-chart-status {
    display: none;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .doughnut-chart-status {
    display: none;
  }

  #card-stats .card-stats-compare {
    font-size: .8rem;
  }
}

/*----------------------------------------
    Calender
------------------------------------------*/
#full-calendar {
  padding-top: 30px;
}

#calendar h2 {
  font-size: 1.5rem;
  line-height: 35px;
  text-transform: uppercase;
}

#calendar .fc-day-header {
  font-weight: 400;
  text-transform: uppercase;
}

#external-events {
  padding-top: 50px;
}

  #external-events .fc-event {
    margin-bottom: 10px;
    padding: 5px;
    cursor: all-scroll;
    text-decoration: none;
    color: #fff;
    border: none;
  }

.fc button {
  background: #fff;
}

.fc td {
  border-width: 0 !important;
}

.fc th {
  border-width: 0 !important;
}

.fc-state-active {
  color: #3f51b5 !important;
}

.fc-state-down {
  color: #3f51b5 !important;
}

/*
* Custom Animations
*/
@-webkit-keyframes fadeUp {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@-moz-keyframes fadeUp {
  0% {
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@-o-keyframes fadeUp {
  0% {
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fadeUp {
  0% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

.animate.fadeUp {
  -webkit-animation: fadeUp;
  -moz-animation: fadeUp;
  -o-animation: fadeUp;
  animation: fadeUp;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeLeft {
  0% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes fadeLeft {
  0% {
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-o-keyframes fadeLeft {
  0% {
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes fadeLeft {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

.animate.fadeLeft {
  -webkit-animation: fadeLeft;
  -moz-animation: fadeLeft;
  -o-animation: fadeLeft;
  animation: fadeLeft;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeRight {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes fadeRight {
  0% {
    -moz-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-o-keyframes fadeRight {
  0% {
    -o-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }

  100% {
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes fadeRight {
  0% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

.animate.fadeRight {
  -webkit-animation: fadeRight;
  -moz-animation: fadeRight;
  -o-animation: fadeRight;
  animation: fadeRight;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animation-fast {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
  animation-delay: .1s;
}

.animation-slow {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}

.delay-1 {
  -webkit-animation-delay: .3s !important;
  -moz-animation-delay: .3s !important;
  -o-animation-delay: .3s !important;
  animation-delay: .3s !important;
}

.delay-2 {
  -webkit-animation-delay: .4s !important;
  -moz-animation-delay: .4s !important;
  -o-animation-delay: .4s !important;
  animation-delay: .4s !important;
}

.delay-3 {
  -webkit-animation-delay: .5s !important;
  -moz-animation-delay: .5s !important;
  -o-animation-delay: .5s !important;
  animation-delay: .5s !important;
}

.delay-4 {
  -webkit-animation-delay: .6s !important;
  -moz-animation-delay: .6s !important;
  -o-animation-delay: .6s !important;
  animation-delay: .6s !important;
}

.delay-5 {
  -webkit-animation-delay: .7s !important;
  -moz-animation-delay: .7s !important;
  -o-animation-delay: .7s !important;
  animation-delay: .7s !important;
}

/*----------------------------------------
  Miscellaneous CSS for demo purpose only
------------------------------------------*/
.dynamic-color .red,
.dynamic-color .pink,
.dynamic-color .purple,
.dynamic-color .deep-purple,
.dynamic-color .indigo,
.dynamic-color .blue,
.dynamic-color .light-blue,
.dynamic-color .cyan,
.dynamic-color .teal,
.dynamic-color .green,
.dynamic-color .light-green,
.dynamic-color .lime,
.dynamic-color .yellow,
.dynamic-color .amber,
.dynamic-color .orange,
.dynamic-color .deep-orange,
.dynamic-color .brown,
.dynamic-color .grey,
.dynamic-color .blue-grey {
  font-size: 12px;
  font-weight: 500;
  line-height: 55px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 55px;
  padding: 0 15px;
}

.dynamic-color .col {
  margin-bottom: 55px;
}

tr.group {
  background-color: #ddd !important;
}

  tr.group:hover {
    background-color: #ddd !important;
  }

@media only screen and (max-width: 1024px) {
  tfoot {
    /*display: none;*/
  }
}

/*----------------------------------------
    Grid - Flat Site Mockup
------------------------------------------*/
.site-layout-example-left {
  height: 300px;
  background-color: #90a4ae;
}

.site-layout-example-right {
  height: 300px;
  background-color: #00bfa5;
}

.site-layout-example-top {
  height: 50px;
  background-color: #00BFB2;
}

.flat-text-header {
  display: block;
  width: 80%;
  height: 35px;
  margin: 27px auto;
  background-color: rgba(255, 255, 255, .15);
}

.flat-text {
  display: block;
  width: 80%;
  height: 25px;
  margin: 27px auto;
  background-color: rgba(0, 0, 0, .15);
}

  .flat-text.small {
    width: 25%;
    height: 25px;
    background-color: rgba(0, 0, 0, .15);
  }

  .flat-text.full-width {
    width: 100%;
  }

.col.grid-example {
  font-size: 28px;
  line-height: 50px;
  margin: 7px 0;
  padding: 0;
  text-align: center;
  color: #fff;
  border: 1px solid #eee;
  background-color: #ff6347;
}

  .col.grid-example span {
    font-weight: 200;
    line-height: 50px;
  }

.waves-color-demo .collection-item {
  line-height: 57px;
  height: 57px;
}

.collection a.collection-item:not(.active):hover {
  background-color: #f9f9f9;
}

/*----------------------------------------
    Chrome Browser Grid Example
------------------------------------------*/
.browser-window {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 20px 0;
  text-align: left;
  border-radius: 5px 5px 2px 2px;
  background-color: transparent;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

  .browser-window .top-bar {
    height: 30px;
    border-top: thin solid #eaeae9;
    border-bottom: thin solid #ddd;
    border-radius: 5px 5px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e6), to(#e0e0e0));
    background: -webkit-linear-gradient(#e7e7e6, #e0e0e0);
    background: -moz- oldlinear-gradient(#e7e7e6, #e0e0e0);
    background: -o-linear-gradient(#e7e7e6, #e0e0e0);
    background: linear-gradient(#e7e7e6, #e0e0e0);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }

  .browser-window .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 1px;
    border-radius: 50%;
  }

  .browser-window .circles {
    margin: 5px 12px;
  }

  .browser-window .content {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-radius: 0 0 5px 5px;
    background-color: #fafafa;
  }

  .browser-window .row {
    margin: 0;
  }

.close-circle {
  background-color: #ff5c5a;
}

.minimize-circle {
  background-color: #fdb45c;
}

.maximize-circle {
  background-color: #1bc656;
}

.clear {
  clear: both;
}

.promo i {
  font-size: 6rem;
  display: block;
  color: #ee6e73;
}

.promo-caption {
  font-size: 1.7rem;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 0;
}

/*----------------------------------------
    Shadow effect
------------------------------------------*/
.shadow-demo {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  background-color: #26a69a;
}

#input-select .input-field label {
  font-size: .8rem;
  position: absolute;
  top: -14px;
}

/*----------------------------------------
    Footer
------------------------------------------*/
.page-footer.footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.page-footer .container {
  padding: 0 15px;
}

.page-footer .footer-copyright {
  background-color: transparent;
}

#world-map-markers {
  height: 300px;
}

#polar-chart-holder {
  padding-top: 20px;
}

.footer-light {
  background-color: #fff;
}

  .footer-light.page-footer {
    border-top: 1px solid #d2d2d2 !important;
  }

  .footer-light .footer-copyright {
    color: rgba(0, 0, 0, .87);
  }

.footer-dark {
  background: #37474f;
}

  .footer-dark .footer-copyright {
    color: rgba(255, 255, 255, .8);
  }

    .footer-dark .footer-copyright a {
      color: #fff;
    }

/*---------------------------------
    Theme Customizer
-----------------------------------*/
.btn-customizer {
  padding: 0 1rem;
}

  .btn-customizer i {
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
  }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-moz-keyframes fa-spin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes fa-spin {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

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

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

.theme-cutomizer {
  z-index: 99999;
  top: 0;
  width: 360px;
}

  .theme-cutomizer .sidenav-close {
    position: absolute;
    top: 5px;
    right: 10px;
  }

  .theme-cutomizer .customize-devider {
    border: 1px solid #e4e4e4;
  }

  .theme-cutomizer .menu-options .menu-color-option,
  .theme-cutomizer .menu-options .menu-bg-color-option,
  .theme-cutomizer .menu-options .navbar-color-option,
  .theme-cutomizer .navbar-options .menu-color-option,
  .theme-cutomizer .navbar-options .menu-bg-color-option,
  .theme-cutomizer .navbar-options .navbar-color-option {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 3px solid #fff;
    border-radius: 12px;
  }

    .theme-cutomizer .menu-options .menu-color-option.selected,
    .theme-cutomizer .menu-options .menu-bg-color-option.selected,
    .theme-cutomizer .menu-options .navbar-color-option.selected,
    .theme-cutomizer .navbar-options .menu-color-option.selected,
    .theme-cutomizer .navbar-options .menu-bg-color-option.selected,
    .theme-cutomizer .navbar-options .navbar-color-option.selected {
      -webkit-box-shadow: 0 0 10px 3px #03a9f4;
      box-shadow: 0 0 10px 3px #03a9f4;
    }

.btn-buy-now {
  position: fixed;
  top: 50%;
  right: -2px;
  padding: 0 1rem;
}

.buy-now-animated {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-o-keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

.theme-cutomizer-trigger {
  position: fixed;
  top: 40%;
  right: -2px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #fafafa !important;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #f1f1f1 !important;
}

.padding-bottom-30 {
  min-height: 300px !important;
}

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

.info dl {
  margin-top: 20px;
  margin-bottom: 0;
}

  .info dl dd {
    margin-bottom: 10px !important;
    min-height: 24px;
  }

@media screen and (min-width: 0px) {
  .info dl.dl-horizontal dt {
    margin-bottom: 10px;
  }

  .info dl.dl-horizontal dd {
    margin-bottom: 0;
  }

  .dl-horizontal dt {
    float: left;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (min-width: 768px) {
  .dt-custom-width {
    width: 270px !important;
  }

  .dd-custom-margin {
    margin-left: 280px !important;
  }

  .info dl.dl-horizontal dt {
    margin-bottom: 10px;
  }

  .info dl.dl-horizontal dd {
    margin-bottom: 0;
  }

  .dl-horizontal dt {
    float: left;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.profile-button-text-elipsis {
  float: left;
  width: 100%;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.label-display-off {
  display: none !important;
}

.input-field-bottom0 {
  margin-bottom: 5px !important;
  margin-bottom: 5px !important;
  margin-top: 1px !important;
}

.select2-selection {
  text-align: left !important;
}

.select2-results {
  display: block;
  text-align: left !important;
}


.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0;
  border-bottom: 1px solid #aaa;
  border-radius: 0;
}

/*.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px !important;
  top: 7px !important;
}*/

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: auto;
  position: absolute;
  top: unset;
  right: 0;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  /*line-height: 3.5rem !important;*/
  font-size: 14px;
}

.select2-container--default .select2-selection--single {
  height: 2.5rem;
}

.select2-container--default .select2-selection--single {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border-radius: .5rem;
  border: 1px solid #f3f0f0 !important;
  outline: none;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 0 0;
  padding: 0;
  display: block;
  user-select: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
   background-color: white; 
  cursor: default;
}

.select2-container--default .select2-selection--single {
   line-height: 0; 
   display: flex;
   align-items: center;
}

.select2-results__option {
  font-size: 14px;
  line-height: 22px;
  display: block;
  padding: 10px;
  color: #00BFB2;
}

.modal .modal-header {
  position: sticky;
  top: 0;
  border-bottom: 1px solid #CED4DA !important;
  padding: 16px 12px 16px 16px;
  background: #FFFFFF;
}

.margin-bottom-10 {
  margin-bottom: 10px !important
}

.modal .modal-header .close {
  margin-top: 0px !important;
}

.modal .modal-header i {
  color: white;
  font-size: 20px !important;
}


.modal .modal-title {
  font-size: 20px !important;
  font-weight: 400;
  color: #000000;
}

.modal-title {
  margin: 0;
}

.modal .modal-footer {
  background: #eee !important;
}

.modal.modal-fixed-footer .modal-content {
  background: #fff !important;
}

.spinner {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: white;
  background: -moz-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
  background: -webkit-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
  background: -o-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
  background: -ms-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
  background: linear-gradient(to right, #000000 10%, rgba(0,0,0, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

  .spinner:before {
    width: 50%;
    height: 50%;
    background: white;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
  }

  .spinner:after {
    background: white;
    width: 85%;
    height: 85%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

.custom-error {
  color: #ff4081;
  font-size: .875rem !important;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0px 5px;
}

/*.custom-error {
  color: #ff4081;
  top: 42px !important;
  font-size: 8pt !important;
  position: absolute;
  width: 100%;
  left: 0.87em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}*/

.login-error {
  color: #ff4081;
  top: 47px !important;
  font-size: 8pt !important;
  position: absolute;
  width: 100%;
  left: 6em !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.select-wrapper span {
  left: 0 !important;
}

.blockUI h1 {
  font-size: 12px !important;
}

.operation-table {
  padding: 10px !important;
}

  .operation-table tr {
    border-bottom: none !important;
    padding: 0 !important;
  }

  .operation-table td {
    border-bottom: none !important;
    padding: 0 !important;
  }

@media only screen and (max-width: 992px) {
  .custom-overflow {
    overflow-x: auto !important;
  }
}

.dataTables_wrapper .dataTables_info {
  float: right !important;
}

.dataTables_wrapper .dataTables_paginate {
  float: left !important;
}

table.dataTable {
  margin: 0 !important;
}

.view-button-link {
  margin-right: 5px !important;
}

.custom-modal-date .datepicker-container {
  position: relative !important;
}


.ico-upload {
  min-height: 105px;
  height: auto;
}

  .ico-upload .btn {
    border: 0px solid transparent;
  }

  .ico-upload .ico-upload-box {
    border: solid 1px #cfcfcf;
    padding: 10px 20px;
    position: relative;
  }

    .ico-upload .ico-upload-box .fa {
      color: #cfcfcf;
    }

    .ico-upload .ico-upload-box .ico-upload-file {
      display: inline-block;
      margin-left: 10px;
    }

.ico-file-display {
  display: none !important;
}

.ico-upload .ico-upload-box .ico-file-exists {
}

.ico-upload .ico-upload-box .ico-file-new {
}

.ico-upload .ico-upload-box .ico-upload-file > span {
  color: #666;
  display: block;
  /*line-height: 2rem;*/
  margin-bottom: .5rem;
}

.ico-upload .ico-upload-box.hover, .ico-upload.hover .ico-upload-box {
  border-color: #00a8e6;
}

  .ico-upload .ico-upload-box.hover .fa, .ico-upload.hover .ico-upload-box .fa {
    color: #00a8e6;
  }

.ico-upload input[type=file] {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.account-info dl.dl-horizontal dt {
  text-align: left !important;
}

.modal.datepicker-modal {
  width: 80% !important;
  padding: 10px;
}

.custom-datatable .dataTables_wrapper {
  overflow-x: scroll;
}


.tib_light_blue {
  color: #6470DB;
}

.tib_light_blue_bg {
  background: #6470DB;
  border: 1px solid #fff !important;
  color: #fff;
}

.tib_light_gray_bg {
  background: #F5F5F5;
  border: 1px solid #fff !important;
  color: #a9acad;
  height: 2rem;
  font-weight: 500;
  font-size: 14px;
}

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

  /* Force table to not be like tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
    padding: 5px 5px !important
  }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

  #no-more-tables tr {
    border: 1px solid #ccc;
  }

  #no-more-tables td {
    /*Behave  like a "row"*/
    border: none;
    position: relative;
    padding-left: 25%;
    white-space: normal;
    text-align: left;
  }

    #no-more-tables td:before {
      /* Now like a table header */
      /*Top/left values mimic padding*/
      top: 6px;
      left: 6px;
      width: 25%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
    }

    /*
	Label the data
	*/
    #no-more-tables td:before {
      content: attr(data-title);
    }
}

.cus_name {
  margin-top: 15px
}

.cus_currency .select-wrapper .caret {
  background: none !important;
}

.paymentduedatedivmain .select-wrapper .caret {
  background: none !important;
  z-index: 9 !important;
}

.summary_font_color {
  color: #00BFB2 !important;
}

.nopaymenterror {
  color: red;
}

label.active {
  font-size: 16px;
}

.dev_tooltop[data-title] {
  position: relative;
  cursor: help;
}

  .dev_tooltop[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    top: -23px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    white-space: nowrap;
  }

  .dev_tooltop[data-title]:hover::after {
    content: '';
    position: absolute;
    top: -3px;
    left: 8px;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-top: 8px solid #000;
  }

.dev_tooltop_btn[data-title] {
  position: relative;
  cursor: help;
}

  .dev_tooltop_btn[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    top: -30px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    white-space: nowrap;
    z-index: 9999
  }

  .dev_tooltop_btn[data-title].right:hover::before {
    right: 0;
  }



  .dev_tooltop_btn[data-title]:hover::after {
    content: '';
    position: absolute;
    top: -6px;
    left: 8px;
    z-index: 10;
    display: inline-block;
    color: #fff;
    border: 5px solid transparent;
    border-top: 5px solid #000;
  }

.error_alert_bg {
  color: #fff;
  background: #ff0000;
  border: 1px solid #ff0000;
  padding: 2px 14px;
  border-collapse: separate;
  border-radius: 4px;
  font-size: 15px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 7px;
}

#max-amount-validation .error {
  margin-left: 20px;
  color: red;
  display: flex;
  align-items: center;
}

.dev_tooltop_btn[data-title]:hover.DesDownloadExcelTooltip::after {
  left: 15px;
}

.cus_identity label input[type='checkbox']:not(:checked), .cus_identity label input[type='checkbox']:checked {
  position: relative;
}


.hidden {
  display: none;
}

input[type=radio]:checked + label.btn-lg {
  background: #00BFB2 !important;
}

input[type=checkbox]:checked + label.btn-lg {
  background: #00BFB2 !important;
}

.pagination_Footer {
  text-align: center;
  padding: 1rem;
}

#plusbutton, #minbutton {
  margin: 0px 20px;
  border: 0;
}

.dashboard__first_col {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 30px;
}

.m_0 {
  margin: 0 !important;
}

.mb_3 {
  margin-bottom: 1rem;
}

.mb_4 {
  margin-bottom: 1.5rem !important;
}

.rounded_0 {
  border-radius: 0;
}

.rounded_1 {
  border-radius: 0.2rem;
}

.rounded_2 {
  border-radius: 0.25rem;
}

.rounded_3 {
  border-radius: 0.3rem !important;
}

.rounded_4 {
  border-radius: 0.375rem;
}

.rounded_5 {
  border-radius: 0.5rem;
}

.rounded_1rem {
  border-radius: 1rem !important;
}

.rounded_circle {
  border-radius: 50% !important;
}

.rounded_top_5 {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.bg_white {
  background-color: #FFFFFF !important;
}

.text_black {
  color: black !important;
}

.text_gray_600 {
  color: #6C757D !important;
}

.dashboard_payments {
  background: #fff;
  margin: 15px;
  padding: 10px 10px 30px 10px !important;
  border-radius: 10px;
  border: 1px solid #CED4DA;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.dashboard_icons {
  font-size: 18px !important;
  padding: 5px !important;
  border-radius: 50% !important;
}

.chart-sec__margin {
  margin: 6px !important;
}

.rounded_10 {
  border-radius: 10px !important;
}

.chart-section__pending_col_padding {
  padding: 10px 10px 20px 10px !important;
}

.chart-section__tnx_chart {
  margin: 12px !important;
  border-radius: 10px !important;
}

.dashboard__seperation_border {
  border-right: 1px solid #CED4DA;
}

.fw_bold {
  font-weight: bold !important;
}

.h_100 {
  height: 100% !important;
}

.h_3x {
  height: 3.5rem;
}

.card_content_padding {
  padding: 10px 10px 10px 10px !important;
}

.button_bg {
  background: var(--lg-button-background-color) !important;
}

.bg_danger {
  background: #DC3545;
}

.text_white {
  color: #FFFFFF;
}

.custom-container {
  width: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0 .5rem;
}

.float_right {
  float: right!important;
}

.d_flex {
  display: flex;
}

.flex_column {
  flex-direction: column;
}

.flex_wrap {
  flex-wrap: wrap;
}

.align_items_center {
  align-items: center;
}

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

.justify_content_center {
  justify-content: center;
}

.justify_content_end {
  justify-content: end;
}

.w_100 {
  width: 100%;
}

.w_98 {
  width: 98% !important;
}

.w_96x {
  width: 96.5% !important;
}

.border_gray_400 {
  border: 1px solid #CED4DA !important;
}

.bg_gray_400 {
  background: #CED4DA !important;
}

.bg_gray_200 {
  background: #E9ECEF !important;
}

.border_0 {
  border: none !important;
}

.text_center {
  text-align: center !important;
}

.p_0 {
  padding: 0 !important;
}

.p_1xs {
  padding: .2rem !important;
}

.p_1 {
  padding: 0.25rem !important;
}

.p_2 {
  padding: 0.5rem !important;
}

.p_3 {
  padding: 1rem !important;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.pb_3 {
  padding-bottom: 1rem !important;
}

.ps_1 {
  padding-left: 0.25rem;
}

.ps_0 {
  padding-left: 0 !important;
}

.pe_0 {
  padding-right: 0 !important;
}

.ps_2 {
  padding-left: 0.5rem !important;
}

.ps_3 {
  padding-left: 1rem !important;
}

.pt_2x {
  padding-top: .375rem !important;
}

.pt_3 {
  padding-top: 1rem;
}

.pt_4 {
  padding-top: 1.5rem !important;
}

.pb_4 {
  padding-bottom: 1.5rem !important;
}

.py_2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py_3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py_4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px_1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px_2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.mt_1 {
  margin-top: 0.25rem;
}

.mt_2 {
  margin-top: 0.5rem;
}

.mt_3 {
  margin-top: 1rem;
}

.mt_4 {
  margin-top: 1.5rem;
}

.mt_5 {
  margin-top: 3rem !important;
}

.mb_2 {
  margin-bottom: 0.5rem !important;
}

.mb_3 {
  margin-bottom: 1rem;
}

.ms_2 {
  margin-left: 0.5rem;
}

.gap_1 {
  gap: 0.25rem;
}

.gap_2 {
  gap: 0.5rem;
}

.gap_3 {
  gap: 1rem;
}

.gap_4 {
  gap: 1.5rem;
}

.gap_5 {
  gap: 3rem;
}

.fs_110 {
  font-size: 1.1rem;
}

.fs_125 {
  font-size: 1.20rem !important;
}

.button_bg_light {
  color: #6470DC !important;
  background: #DBDEFF !important;
}

.add_btn_bg {
  background: var(--md-button-background-color) !important;
}

.add_btn_text_color {
  color: var(--md-button-text-color) !important;
}

.border_default_1 {
  border: 1px solid #6470DC;
}

.add_color_delete_button {
  color: red !important;
}

.th_bottom_border {
  border-bottom: 2px solid rgba(0, 0, 0, 0.05) !important;
}

.td_border {
  border: 2px solid rgba(0, 0, 0, 0.05) !important;
}

.text_gray800 {
  color: #2f4f4f !important;
}

.send-fund-table-button {
  color: #6470DC;
  cursor: pointer;
  border-radius: .5rem;
  padding: .2rem;
  background: transparent;
  border: 1px solid #6470DC;
  transition: all 0.2s ease;
}

  .send-fund-table-button:hover {
    background: linear-gradient(92deg, #6470DC 0%, #2E3CB8 100%);
    color: white;
    transform: scale(1.15);
  }

.tabs_custom_width {
  width: 90% !important;
  margin: auto !important;
}

.history_section__tabs_custom .tabs .tab a:hover {
  color: #6470DC;
  background-color: #E6E8FF;
}

.history_section__tabs_custom .tabs .tab a.active {
  color: #6470DC;
  background-color: #E0E3FF;
}

.history_section__tabs_custom ul li {
  background-color: transparent !important;
}

.select_custom_height {
  height: 2.5rem !important;
}

.input-container {
  position: relative;
  display: inline-block;
}

.amount-input {
    padding-right: 20px !important;
}

.input-container::after {
  content: "$";
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #999;
}

.fs_13 {
  font-size: 0.8125rem !important;
}

.fs_14 {
  font-size: 0.875rem;
}

.text_right {
  text-align: right !important;
}

.no_wrap {
  white-space: nowrap !important;
}

.lh_base {
  line-height: 1.5 !important;
}

.d_none {
  display: none !important;
}

.d_none_ni {
  display: none;
}

.modal_payment_image {
  height: 70px !important;
  width: 80px !important;
  object-fit: cover !important;
}

#paymentReportTransferTypeControls [type='radio']:not(:checked) + span,
#paymentReportTransferTypeControls [type='radio']:checked + span {
  height: 24px !important;
  padding-left: 24px !important;
}

#operationreportTransaferTypeControls [type='radio']:not(:checked) + span,
#operationreportTransaferTypeControls [type='radio']:checked + span {
  height: 24px !important;
  padding-left: 24px !important;
}

.btn_transparent {
  border: none;
  background: transparent;
  color: #6470DC;
  padding: 0;
}

#paymentstableid td {
  white-space: pre-wrap !important;
}

.page_length_select .select-wrapper input.select-dropdown {
  font-size: 1rem;
  position: relative;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 2rem;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ADB5BD !important;
  border: 1px solid #DEE2E6 !important;
  border-radius: 6px;
  outline: none;
  background-color: transparent;
}

.icon_btn_bg {
  background: var(--icon-button-background-color) ;
}

.color_gray_900 {
  color: #212529;
}

.color_gray_600 {
  color: #6C757D;
}

.bg_gray_900 {
  background: #212529;
}

.bg_transparent {
  background: transparent;
}

.footer-bg {
  background: var(--footer-background-color);
}

.footer-copyright .footer-text span {
  font-size: var(--footer-font-size);
  color: var(--footer-text-color);
}

.footer-copyright .footer-text span a{
  font-size: var(--footer-font-size);
  color: var(--footer-text-color);
}

.sidenav_image_container {
  display: flex !important;
  align-items: center !important;
}

.sidenav_image_icon {
  height: 22px !important;
  width: 22px !important;
  margin-right: 20px !important;
  margin-left: -4px !important;
}

.login_error_bg {
  background: linear-gradient(45deg, #f05e5e, #f48fb1) !important;
}

.page_title_bg {
  background-image: url("/Content/assets/images/tibicons/TIB-Background.png");
  background-repeat: no-repeat;
  object-fit: cover;
  background-position: right;
}

.walletInfoModalClass {
  min-height: 30% !important;
  max-height: 50% !important;
  overflow-y: auto !important;
}
.line {
  border: none;
  border-top: 1px solid #ccc;
  margin-top: 10px;
}
.fs_16{
  font-size:16px;
}

.dropdown-content{
  z-index: 1005;
}
.radio-group {
  display:flex;
  gap:15px;
}

.merchant_status_label {
  text-align: center;
  padding: 5px 10px 5px 10px;
  border-radius: var(--radius);
  box-shadow: 0px 1px 4px #00000036;
  user-select: none;
}

.merchant_status_label.pending{
  background-color: #fbbd08;
  color: black;
}

  .merchant_status_label.approved {
    background-color: #606dda;
    color: white;
  }

  .merchant_status_label.rejected {
    background-color: #d97878;
    color: white;
  }

.sidenav--need_help {
  margin: 8px 8px;
  background: #f2f2f2;
  padding: 10px 0px 10px 16px;
  border-radius: 6px;
  color: black;
  font-weight: bold;
}

.nav-collapsed .sidenav--need_help {
  padding: 4px;
  line-height: 1.1;
}

.need-help--menu {
  line-height: 1.5 !important;
  height: 34px !important;
  border: 2px solid #f2f2f2;
  border-radius: 6px;
  display: flex !important;
  align-items: center;
}

.need-help--icon {
  line-height: 0 !important;
  height: auto !important;
  font-size: 16px !important;
  border-radius: 50%;
  padding: 12px 0px;
}

.nav-collapsed .need-help--icon {
  padding: 10px 2px;
}

.bg_gray_50 {
  background: #f2f2f2;
}

.w-auto {
  width: auto !important;
}
/* language toggler design start */
.language_toggoler .toggle_language_checkbox {
  display: none;
}

.language_toggoler .toggle {
  position: relative;
  width: 60px !important;
  height: 24px !important;
  background-color: var(--language-toggler-background-color) !important;
  border-radius: 30px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.4s ease;
}

.language_toggoler .flag_knob {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 2px;
  transition: 0.4s ease left;
  background-size: cover;
  border-radius: 30px;
}

.language_toggoler .toggle::before {
  content: "En";
  position: absolute;
  right: 10px;
  font-size: 13px;
  color: black;
  transition: opacity 0.4s ease;
}

.language_toggoler .toggle_language_checkbox:checked + .toggle::before {
  content: "Fr";
  left: 10px;
}

.language_toggoler .toggle_language_checkbox:checked + .toggle {
  background-color: #f0f0f0;
}

  .language_toggoler .toggle_language_checkbox:checked + .toggle .flag_knob {
    background-image: url('/Content/assets/vendors/flag-icon/flags/4x3/fr.svg');
    left: 36px;
  }

.language_toggoler .flag_knob.lang_en {
  background-image: url('/Content/assets/vendors/flag-icon/flags/4x3/us.svg');
}
/* language toggler design end */

@media only screen and (max-width: 599.67px) {
  .chart-section__rev_row_media {
    display: flex;
    flex-direction: column-reverse;
    padding-left: -38px;
    margin-left: -26px;
  }

  .chart-section__colleciton_media {
    margin-left: 7px;
    margin-right: 12px;
  }

  .chart-section__pending_col_media {
    margin-left: 25px;
  }

  .chart-section__cashback_media {
    margin-left: 25px;
  }

  .chart-section__rev_chart_media {
    margin-left: 25px;
    margin-top: 15px;
  }

  .dashboard__seperation_border {
    border-right: none !important;
    border-bottom: 1px solid #CED4DA !important;
  }


  .dashboard__first_col_media {
    padding-top: 20px;
  }

  .d_xs_none {
    display: none !important;
  }

  .rounded_xs_top_5 {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .ps_xs_0 {
    padding-left: 0 !important;
  }

  .customer_small_bg {
    background-color: #F8F9FA;
  }

  .select_xs_width {
    width: 20ch !important;
  }

  .input_xs_width_10ch {
    width: 10ch !important;
  }

  .fs_xs_90 {
    font-size: .90rem;
  }
}

/*landscape phone and potrait tablet*/
@media only screen and (min-width: 600px) and (max-width: 767.67px) {
  .margin_bottom_med_device {
    margin-bottom: 15px;
  }

  .boder_right_none {
    border-right: none;
  }

  .chart-section__rev_row_media {
    display: flex;
    flex-direction: column-reverse;
    padding-left: -38px;
    margin-left: -26px;
  }

  .chart-section__colleciton_media {
    margin-left: 7px;
    margin-right: 12px;
  }

  .chart-section__pending_col_media {
    margin-left: 25px;
  }

  .chart-section__cashback_media {
    margin-left: 25px;
  }

  .chart-section__rev_chart_media {
    margin-left: 25px;
    margin-top: 15px;
  }

  .d_s_none {
    display: none !important;
  }

  .rounded_s_top_5 {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .ps_s_0 {
    padding-left: 0 !important;
  }

  .customer_small_bg {
    background-color: #F8F9FA;
  }
}

/* land scape tablet */
@media only screen and (min-width: 768px) and (max-width: 992.67px) {
  .text_md_nowrap {
    text-wrap: none;
  }

  .cashback_text_media {
    font-size: 1.3rem;
  }

  .d_m_none {
    display: none !important;
  }
}

/* large device */
@media only screen and (min-width: 993px) {
  .custom-container {
    width: 98% !important;
  }

  .d_l_none {
    display: none !important;
  }

  .overflow-x_l_auto {
    overflow-x: auto;
  }
}

.btn_background_color {
  background: #6470DC;
}

@media only screen and (max-width: 767.67px) {
  .d_sm_flex {
    display: flex;
  }

  .width_sm {
    width: 100%
  }

  .flex_sm_column {
    flex-direction: column;
  }

  .align_sm_center {
    align-items: center;
  }

  .justify_content_sm_center {
    justify-content: center;
  }

  .justify_content_sm_between {
    justify-content: space-between !important;
  }

  .justify_content_sm_end {
    justify-content: end;
  }

  .gap_sm_1 {
    gap: 0.25rem;
  }

  .gap_sm_2 {
    gap: 0.5rem;
  }

  .gap_sm_3 {
    gap: 1rem;
  }

  .shadow_sm_none {
    box-shadow: none !important;
  }

  .border_sm_gray_400 {
    border: 1px solid #CED4DA !important;
  }

  .w_sm_auto {
    width: auto !important;
  }

  .action_sm_height {
    height: 73px !important;
  }

  .d_sm_none {
    display: none !important;
  }

  .mt_sm_3 {
    margin-top: 1rem !important;
  }

  .modal_width_sm_90 {
    width: 90% !important;
  }

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

  .pe_sm_2 {
    padding-right: 0.5rem;
  }

  .fs_sm_14 {
    font-size: 14px;
  }

  .fs_sm_16 {
    font-size: 16px;
  }

  .mb_sm_1 {
    margin-bottom: .25rem;
  }
  
}



@media only screen and (min-width: 768px) {
  .d_md_none {
    display: none;
  }

  .align_md_center {
    align-items: center;
  }

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

  .justify_content_md_end {
    justify-content: end;
  }

  .gap_md_5 {
    gap: 3rem;
  }

  .gap_md_2 {
    gap: 0.5rem;
  }
  .gap_md_3{
    gap: 0.75rem !important;
  }
}

.h_auto {
  height: auto !important;
}

.shadow_none {
  box-shadow: none !important;
}

.payment-method-type--card {
  border: 2px solid #E9ECEF;
  border-radius: 1rem;
  padding: 1rem;
  height: 100%;
  max-height: 10rem !important;
}

.payment-method-type--card:hover {
  background: #F6F7FE;
}

  .payment-method-type--card:active {
    background: #F6F7FE;
    border: 2px solid #6470DB;
  }
.select_payment_card{
  cursor: pointer;
  user-select: none;
}
.button_bg_export_excel {
  background-color: #4768DA !important;
}
.export_file_icon {
  font-size: 30px !important;
  color: white !important;
}
.per_page_pagination{
  left: 70px !important;
}
.searchAccount_input {
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid #6470DC !important;
  border-left: none !important;
  border-radius: 0px !important;
}
.search_input_icon{
  position: absolute !important;
  top: 10px !important;
  right: 0px !important;
}

.per-page-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

  .per-page-container svg.caret {
    position: absolute;
    right: -20px;
  }


  .selected-card {
    border: 2px solid red !important;
    background-color: yellow !important;
  }
input[type="radio"]:checked + label {
  background-color: #f6f7fe !important;
  border: 2px solid #4561EC !important;

}

.waiting_screen {
  text-align: center;
}
/*----------------------------------------
        Data Tables
------------------------------------------*/

td i.icon-action-revert {
  cursor: pointer;
  opacity: 0.3;
  transition: all .1s ease-in;
}

td i.icon-action-revert:hover {
  color: #ff7373;
}

.amount-container:hover i {
  opacity: 1;
}

.dataTable-actions-btn.more-details {
  background-color: #755ae4 !important;
}

.dataTable-actions-btn.revert-payment {
   background-color: #7dd1c3 !important;
}

.dataTable-actions-btn:hover {
  scale: 103%;
  box-shadow: 0px 2px 3px #00000040;
}

.send-reminder-btn-container {
  background-color: #6470dc !important;
}

.dataTable-actions-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-right: 10px !important;
  border: none;
  background: none;
  color: white;
  border-radius: 5px;
  padding: 5px;
  transition: all 80ms ease-in;
}

.dataTable-actions-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

/****/
.modal-resized-full {
  height: 90% !important;
  top: 3% !important;
}
/****/
#main table {
  width: 100%;
}

#main  .dataTables_wrapper table.dataTable thead th
{
    min-width: max-content;

    color: #616161;
}
#main  .dataTables_wrapper table.dataTable thead th.background-image-none
{
    background-image: none !important;
}
#main  .dataTables_wrapper table.dataTable thead th.select-all
{
    background-image: none !important;
}

#main  .dataTables_wrapper table.dataTable th,
#main  .dataTables_wrapper table.dataTable td
{
    font-weight: 300;

    padding: 17px 14px;

    white-space: nowrap; 

    border-bottom: 1px solid #cfd8dc;
}

#main  .dataTables_wrapper table.dataTable tbody
{
    overflow: auto; 

    max-width: 100%;
}
  #main .dataTables_wrapper table.dataTable tbody th,
  #main .dataTables_wrapper table.dataTable tbody td {
    border-left: 1px solid #cfd8dc;
    padding: 8px 14px;
    white-space: nowrap;
  }
#main  .dataTables_wrapper table.dataTable tbody tr td:before,
#main  .dataTables_wrapper table.dataTable tbody tr th:before
{
    font-size: .9rem;
    line-height: 14px; 

    top: 10px;
    left: -3px;

    width: 12px;
    height: 12px;

    text-indent: 0;
}

#main  .dataTables_wrapper table.dataTable tfoot th,
#main  .dataTables_wrapper table.dataTable tfoot td
{
    font-weight: 300;

    white-space: nowrap; 

    border-top: 1px solid #cfd8dc;
}

#main  .dataTables_wrapper table.dataTable.stripe tbody tr,
#main  .dataTables_wrapper table.dataTable.display tbody tr
{
    height: auto;
}
#main  .dataTables_wrapper table.dataTable.stripe tbody tr .odd,
#main  .dataTables_wrapper table.dataTable.display tbody tr .odd
{
    background-color: #f4f5f7;
}
#main  .dataTables_wrapper table.dataTable.stripe tbody tr .odd > .sorting_1,
#main  .dataTables_wrapper table.dataTable.display tbody tr .odd > .sorting_1
{
    background-color: transparent;
}
#main  .dataTables_wrapper table.dataTable.stripe tbody tr .odd.selected,
#main  .dataTables_wrapper table.dataTable.display tbody tr .odd.selected
{
    background-color: #acbad4 !important;
}
#main  .dataTables_wrapper table.dataTable.stripe tbody tr .odd.selected th,
#main  .dataTables_wrapper table.dataTable.display tbody tr .odd.selected th
{
    border-radius: 0;
}

#main  .dataTables_wrapper table.dataTable.display tbody tr.hover > .sorting_1,
#main  .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
#main  .dataTables_wrapper table.dataTable.order-column.hover tbody tr.hover > .sorting_1,
#main  .dataTables_wrapper table.dataTable.order-column.hover tbody tr:hover > .sorting_1
{
    background-color: transparent;
}

#main  .dataTables_wrapper table [type='checkbox'] + span:not(.lever):before,
#main  .dataTables_wrapper table [type='checkbox']:not(.filled-in) + span:not(.lever):after
{
    opacity: .5; 
    border-radius: 4px !important;
}

#main  .dataTables_wrapper .dataTables_length#page-length-option_length,
#main  .dataTables_wrapper .dataTables_filter#page-length-option_filter
{
    display: block;
}
#main  .dataTables_wrapper .dataTables_length#page-length-option_length label select,
#main  .dataTables_wrapper .dataTables_filter#page-length-option_filter label select
{
    display: inline-block;

    width: auto;
    height: auto;
}
#main  .dataTables_wrapper .dataTables_length#page-length-option_length label input,
#main  .dataTables_wrapper .dataTables_filter#page-length-option_filter label input
{
    width: auto; 
    height: auto;
}

#main  .dataTables_wrapper .dataTables_length,
#main  .dataTables_wrapper .dataTables_filter
{
    display: none;
}

#main  .dataTables_wrapper .dataTables_info
{
    margin-left: 18px;

    color: #616161;
}

#main  .dataTables_wrapper .dataTables_paginate,
#main  .dataTables_wrapper #page-length-option_paginate
{
    margin-right: .35rem; 
    margin-bottom: .75rem;
}
#main  .dataTables_wrapper .dataTables_paginate .paginate_button,
#main  .dataTables_wrapper #page-length-option_paginate .paginate_button
{
    margin-top: .25rem; 
    padding: .25em .65em;
}
#main  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#main  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
#main  .dataTables_wrapper #page-length-option_paginate .paginate_button.current,
#main  .dataTables_wrapper #page-length-option_paginate .paginate_button.current:hover
{
    color: #fff !important;
    border: 1px solid #2196f3;
    border-radius: 6px;
    background: #2196f3;
    -webkit-box-shadow: 0 0 8px 0 #2196f3;
            box-shadow: 0 0 8px 0 #2196f3;
}
#main  .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#main  .dataTables_wrapper #page-length-option_paginate .paginate_button:hover
{
    color: #fff !important;
    border: 1px solid #2196f3;
    border-radius: 6px;
    background: #2196f3;
    -webkit-box-shadow: 0 0 8px 0 #2196f3;
            box-shadow: 0 0 8px 0 #2196f3;
}

/* ======================================
 * SASS VARIABLES
 * ======================================
 */
/* ======================================
 * UTILITY CLASSES
 * ======================================
 */
.hide {
  left: -999999px;
  position: absolute; }

/* ======================================
 * SINGLE FIELD CREDIT CARD STYLES
 * These styles were modified from http://zdfs.github.io/toscani/paymentInfo/index.html
 * ======================================
 */
.js .credit-card-group {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  border: 1px solid #bbbbbb;
  overflow: hidden;
  padding: 0 0.5em;
  margin-bottom: 0.2em;
  position: relative; }
  .js .credit-card-group input {
    background: transparent;
    /*border: 0;*/
    box-shadow: none;
    outline: 0;
    padding: 0;
     }
  .js .credit-card-group .card-number {
    width: 206px; }
    .js .credit-card-group .card-number.transitioning-out {
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      -o-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: .4s;
      -moz-animation-duration: .4s;
      -o-animation-duration: .4s;
      animation-duration: .4s;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: slide;
      -moz-animation-name: slide;
      -o-animation-name: slide;
      animation-name: slide; }
    .js .credit-card-group .card-number.transitioning-in {
      -webkit-transition: width 0s linear;
      -moz-transition: width 0s linear;
      -ms-transition: width 0s linear;
      -o-transition: width 0s linear;
      transition: width 0s linear;
      width: 206px; }
    .js .credit-card-group .card-number.full {
      width: 19%; }
  .js .credit-card-group .card-expiration {
    width: 21.5%; }
  .js .credit-card-group .card-zip {
    width: 20%; }
  .js .credit-card-group .card-cvv {
    width: 18%; }
  .js .credit-card-group.invalid {
    border-color: #b94a48; }
    .js .credit-card-group.invalid input {
      color: #b94a48; }
  .js .credit-card-group.valid {
    border-color: #089e00; }

.card-image {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%221%200%2060%2040%22%20enable-background%3D%22new%201%200%2060%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23C4DAB0%22%20d%3D%22M61%2C35c0%2C2.8-2.2%2C5-5%2C5H6c-2.8%2C0-5-2.2-5-5V5c0-2.8%2C2.2-5%2C5-5h50c2.8%2C0%2C5%2C2.2%2C5%2C5V35z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Crect%20x%3D%222%22%20y%3D%226.3%22%20fill%3D%22%23424143%22%20width%3D%2259%22%20height%3D%228%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%237D9769%22%20d%3D%22M56%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4v30c0%2C2.2-1.8%2C4-4%2C4H6c-2.2%2C0-4-1.8-4-4V5c0-2.2%2C1.8-4%2C4-4H56%20M56%2C0H6%0D%0A%09%09%09%09C3.2%2C0%2C1%2C2.2%2C1%2C5v30c0%2C2.8%2C2.2%2C5%2C5%2C5h50c2.8%2C0%2C5-2.2%2C5-5V5C61%2C2.2%2C58.7%2C0%2C56%2C0L56%2C0z%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  position: relative;
  top: 50%;
  margin: 0 3px -6px 0;
  width: 32px;
  z-index: 2;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear; }
  .card-image.visa {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220.4%2043.8%2060%2040%22%20enable-background%3D%22new%200.4%2043.8%2060%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23F3F4F4%22%20d%3D%22M60.4%2C78.8c0%2C2.8-2.2%2C5-5%2C5h-50c-2.8%2C0-5-2.2-5-5v-30c0-2.8%2C2.2-5%2C5-5h50c2.8%2C0%2C5%2C2.2%2C5%2C5V78.8z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%235565AF%22%20d%3D%22M1.4%2C53.8v-5c0-2.8%2C2.2-5%2C5-5h48c2.8%2C0%2C5%2C2.2%2C5%2C5v5%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%23E6A124%22%20d%3D%22M59.4%2C73.8v5c0%2C2.8-2.2%2C4-5%2C4h-48c-2.8%2C0-5-1.2-5-4v-5%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%235565AF%22%20d%3D%22M17.8%2C67.2c0.4-1.1%2C0.7-1.9%2C0.9-2.2l3.4-6.9h2.5l-5.8%2C11.4H16l-1-11.4h2.3l0.4%2C6.9c0%2C0.2%2C0%2C0.6%2C0%2C1%0D%0A%09%09%09C17.7%2C66.5%2C17.7%2C66.9%2C17.8%2C67.2L17.8%2C67.2z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%235565AF%22%20d%3D%22M23.4%2C69.5l2.4-11.4h2.4l-2.4%2C11.4H23.4z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%235565AF%22%20d%3D%22M35.6%2C66.1c0%2C1.1-0.4%2C1.9-1.2%2C2.6c-0.8%2C0.6-1.8%2C0.9-3.1%2C0.9c-1.2%2C0-2.1-0.2-2.8-0.7v-2.1%0D%0A%09%09%09c1%2C0.6%2C1.9%2C0.8%2C2.8%2C0.8c0.6%2C0%2C1-0.1%2C1.4-0.3c0.3-0.2%2C0.5-0.5%2C0.5-0.9c0-0.2%2C0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.5%0D%0A%09%09%09c-0.1-0.1-0.5-0.4-1-0.8c-0.7-0.5-1.2-1-1.5-1.5c-0.3-0.5-0.4-1-0.4-1.6c0-0.7%2C0.2-1.3%2C0.5-1.8c0.3-0.5%2C0.8-0.9%2C1.4-1.2%0D%0A%09%09%09c0.6-0.3%2C1.3-0.4%2C2.1-0.4c1.1%2C0%2C2.2%2C0.3%2C3.1%2C0.8L36%2C60.5c-0.8-0.4-1.6-0.6-2.2-0.6c-0.4%2C0-0.8%2C0.1-1.1%2C0.4%0D%0A%09%09%09c-0.3%2C0.2-0.4%2C0.5-0.4%2C0.9c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8c0.2%2C0.2%2C0.6%2C0.6%2C1.2%2C0.9c0.6%2C0.4%2C1.1%2C0.9%2C1.4%2C1.4C35.4%2C64.9%2C35.6%2C65.5%2C35.6%2C66.1%0D%0A%09%09%09z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%235565AF%22%20d%3D%22M43.2%2C66.8h-3.7l-1.3%2C2.7h-2.5l6-11.5h2.9l1.1%2C11.5h-2.3L43.2%2C66.8z%20M43.1%2C64.8L42.9%2C62%0D%0A%09%09%09c-0.1-0.7-0.1-1.3-0.1-2v-0.3c-0.2%2C0.6-0.5%2C1.3-0.9%2C2l-1.5%2C3H43.1z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M30.4%2C43.8%22/%3E%0D%0A%09%3Cpath%20opacity%3D%224.000000e-02%22%20fill%3D%22%23FFFFFF%22%20enable-background%3D%22new%20%20%20%20%22%20d%3D%22M58.9%2C45.3c0.9%2C0.9%2C1.5%2C2.2%2C1.5%2C3.5v15v15%0D%0A%09%09c0%2C1.4-0.6%2C2.6-1.5%2C3.5s-2.2%2C1.5-3.5%2C1.5h-25h-25c-1.4%2C0-2.6-0.6-3.5-1.5L58.9%2C45.3z%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23F8F8F9%22%20d%3D%22M55.4%2C44.8c2.2%2C0%2C4%2C1.8%2C4%2C4v30c0%2C2.2-1.8%2C4-4%2C4h-50c-2.2%2C0-4-1.8-4-4v-30c0-2.2%2C1.8-4%2C4-4H55.4%20M55.4%2C43.8%0D%0A%09%09%09h-50c-2.8%2C0-5%2C2.2-5%2C5v30c0%2C2.8%2C2.2%2C5%2C5%2C5h50c2.8%2C0%2C5-2.2%2C5-5v-30C60.4%2C46%2C58.1%2C43.8%2C55.4%2C43.8L55.4%2C43.8z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A"); }
  .card-image.mc {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220.4%2088%2060%2040%22%20enable-background%3D%22new%200.4%2088%2060%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%235565AF%22%20d%3D%22M60.4%2C123c0%2C2.8-2.2%2C5-5%2C5h-50c-2.8%2C0-5-2.2-5-5V93c0-2.8%2C2.2-5%2C5-5h50c2.8%2C0%2C5%2C2.2%2C5%2C5V123z%22/%3E%0D%0A%09%3Cpath%20opacity%3D%224.000000e-02%22%20fill%3D%22%23FFFFFF%22%20enable-background%3D%22new%20%20%20%20%22%20d%3D%22M58.9%2C89.5c0.9%2C0.9%2C1.5%2C2.2%2C1.5%2C3.5v15v15%0D%0A%09%09c0%2C1.4-0.6%2C2.6-1.5%2C3.5c-0.9%2C0.9-2.2%2C1.5-3.5%2C1.5h-25h-25c-1.4%2C0-2.6-0.6-3.5-1.5L58.9%2C89.5z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%2356B1D9%22%20d%3D%22M30.4%2C88%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23EA564B%22%20d%3D%22M30.4%2C101.4c-1.8-2.1-4.5-3.4-7.5-3.4c-5.5%2C0-10%2C4.5-10%2C10c0%2C5.5%2C4.5%2C10%2C10%2C10c3%2C0%2C5.7-1.3%2C7.5-3.4%0D%0A%09%09%09c-1.6-1.8-2.5-4.1-2.5-6.6S28.8%2C103.2%2C30.4%2C101.4z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23EA564B%22%20d%3D%22M30.4%2C101.4c-1.6%2C1.8-2.5%2C4.1-2.5%2C6.6s0.9%2C4.8%2C2.5%2C6.6c1.6-1.8%2C2.5-4.1%2C2.5-6.6S31.9%2C103.2%2C30.4%2C101.4z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpath%20fill%3D%22%23E9D419%22%20d%3D%22M37.9%2C98c-3%2C0-5.7%2C1.3-7.5%2C3.4c-0.4%2C0.5-0.8%2C1-1.1%2C1.6h2.3c0.4%2C0.6%2C0.6%2C1.3%2C0.9%2C2h-4%0D%0A%09%09c-0.2%2C0.6-0.4%2C1.3-0.4%2C2h4.9c0%2C0.3%2C0.1%2C0.7%2C0.1%2C1c0%2C0.3%2C0%2C0.7-0.1%2C1h-4.9c0.1%2C0.7%2C0.2%2C1.4%2C0.4%2C2h4.1c-0.2%2C0.7-0.5%2C1.4-0.9%2C2h-2.3%0D%0A%09%09c0.3%2C0.6%2C0.7%2C1.1%2C1.1%2C1.6c1.8%2C2.1%2C4.5%2C3.4%2C7.5%2C3.4c5.5%2C0%2C10-4.5%2C10-10C47.9%2C102.5%2C43.4%2C98%2C37.9%2C98z%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%237684B7%22%20d%3D%22M55.4%2C89c2.2%2C0%2C4%2C1.8%2C4%2C4v30c0%2C2.2-1.8%2C4-4%2C4h-50c-2.2%2C0-4-1.8-4-4V93c0-2.2%2C1.8-4%2C4-4H55.4%20M55.4%2C88h-50%0D%0A%09%09%09c-2.8%2C0-5%2C2.2-5%2C5v30c0%2C2.8%2C2.2%2C5%2C5%2C5h50c2.8%2C0%2C5-2.2%2C5-5V93C60.4%2C90.2%2C58.1%2C88%2C55.4%2C88L55.4%2C88z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A"); }
  .card-image.amex {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220.1%20131.8%2060%2040%22%20enable-background%3D%22new%200.1%20131.8%2060%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%235EC1EC%22%20d%3D%22M60.1%2C166.8c0%2C2.8-2.2%2C5-5%2C5h-50c-2.8%2C0-5-2.2-5-5v-30c0-2.8%2C2.2-5%2C5-5h50c2.8%2C0%2C5%2C2.2%2C5%2C5V166.8z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%235BBBE6%22%20d%3D%22M58.6%2C133.3c0.9%2C0.9%2C1.5%2C2.2%2C1.5%2C3.5v15v15c0%2C1.4-0.6%2C2.6-1.5%2C3.5c-0.9%2C0.9-2.2%2C1.5-3.5%2C1.5h-25h-25%0D%0A%09%09%09c-1.4%2C0-2.6-0.6-3.5-1.5L58.6%2C133.3z%22/%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.7%2C156.7l-0.5-1.7h-3l-0.5%2C1.7H11l3-9.3h3.3l3.1%2C9.3H17.7z%20M16.7%2C152.9l-0.4-1.5%0D%0A%09%09%09%09c-0.1-0.3-0.2-0.8-0.3-1.3c-0.1-0.5-0.2-0.9-0.3-1.2c0%2C0.2-0.1%2C0.6-0.2%2C1.1s-0.4%2C1.5-0.7%2C2.9L16.7%2C152.9L16.7%2C152.9z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M25.5%2C156.7l-1.9-6.7h-0.1c0.1%2C1.1%2C0.1%2C2%2C0.1%2C2.7v4h-2.2v-9.3h3.3l1.9%2C6.6h0.1l1.9-6.6H32v9.3h-2.3v-4.1%0D%0A%09%09%09%09c0-0.2%2C0-0.4%2C0-0.7s0-0.9%2C0.1-1.9h-0.1l-1.9%2C6.7L25.5%2C156.7L25.5%2C156.7z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M39.2%2C156.7h-5.5v-9.3h5.5v2h-3v1.5H39v2h-2.8v1.8h3V156.7z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M49.2%2C156.7h-2.9l-1.8-2.9l-1.8%2C2.9h-2.8L43%2C152l-2.9-4.5h2.8l1.7%2C2.9l1.6-2.9H49l-2.9%2C4.7L49.2%2C156.7z%22%0D%0A%09%09%09%09/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.7%2C156.7l-0.5-1.7h-3l-0.5%2C1.7H11l3-9.3h3.3l3.1%2C9.3H17.7z%20M16.7%2C152.9l-0.4-1.5%0D%0A%09%09%09%09c-0.1-0.3-0.2-0.8-0.3-1.3c-0.1-0.5-0.2-0.9-0.3-1.2c0%2C0.2-0.1%2C0.6-0.2%2C1.1s-0.4%2C1.5-0.7%2C2.9L16.7%2C152.9L16.7%2C152.9z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M25.5%2C156.7l-1.9-6.7h-0.1c0.1%2C1.1%2C0.1%2C2%2C0.1%2C2.7v4h-2.2v-9.3h3.3l1.9%2C6.6h0.1l1.9-6.6H32v9.3h-2.3v-4.1%0D%0A%09%09%09%09c0-0.2%2C0-0.4%2C0-0.7s0-0.9%2C0.1-1.9h-0.1l-1.9%2C6.7L25.5%2C156.7L25.5%2C156.7z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M39.2%2C156.7h-5.5v-9.3h5.5v2h-3v1.5H39v2h-2.8v1.8h3V156.7z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M49.2%2C156.7h-2.9l-1.8-2.9l-1.8%2C2.9h-2.8L43%2C152l-2.9-4.5h2.8l1.7%2C2.9l1.6-2.9H49l-2.9%2C4.7L49.2%2C156.7z%22%0D%0A%09%09%09%09/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cpath%20fill%3D%22%2356B1D9%22%20d%3D%22M30.1%2C131.8%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%239BCEE0%22%20d%3D%22M55.1%2C132.8c2.2%2C0%2C4%2C1.8%2C4%2C4v30c0%2C2.2-1.8%2C4-4%2C4h-50c-2.2%2C0-4-1.8-4-4v-30c0-2.2%2C1.8-4%2C4-4H55.1%0D%0A%09%09%09%20M55.1%2C131.8h-50c-2.8%2C0-5%2C2.2-5%2C5v30c0%2C2.8%2C2.2%2C5%2C5%2C5h50c2.8%2C0%2C5-2.2%2C5-5v-30C60.1%2C134%2C57.9%2C131.8%2C55.1%2C131.8L55.1%2C131.8z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A"); }
  .card-image.disc {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220.1%20175.7%2060%2040%22%20enable-background%3D%22new%200.1%20175.7%2060%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23FFF9F0%22%20d%3D%22M60.1%2C210.7c0%2C2.8-2.2%2C5-5%2C5h-50c-2.8%2C0-5-2.2-5-5v-30c0-2.8%2C2.2-5%2C5-5h50c2.8%2C0%2C5%2C2.2%2C5%2C5V210.7z%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M15.2%2C195.7c0%2C1-0.3%2C1.8-0.9%2C2.3c-0.6%2C0.5-1.4%2C0.8-2.5%2C0.8h-1.7v-6.1h1.9c1%2C0%2C1.8%2C0.3%2C2.3%2C0.8%0D%0A%09%09%09C15%2C194%2C15.2%2C194.7%2C15.2%2C195.7z%20M13.9%2C195.7c0-1.3-0.6-2-1.7-2h-0.7v4H12C13.3%2C197.7%2C13.9%2C197%2C13.9%2C195.7z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M16.3%2C198.8v-6.1h1.3v6.1H16.3z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M22.8%2C197.1c0%2C0.6-0.2%2C1-0.6%2C1.3c-0.4%2C0.3-0.9%2C0.5-1.6%2C0.5c-0.6%2C0-1.2-0.1-1.7-0.4v-1.2%0D%0A%09%09%09c0.4%2C0.2%2C0.8%2C0.3%2C1%2C0.4c0.3%2C0.1%2C0.5%2C0.1%2C0.8%2C0.1c0.3%2C0%2C0.5-0.1%2C0.7-0.2c0.1-0.1%2C0.2-0.3%2C0.2-0.5c0-0.1%2C0-0.2-0.1-0.3%0D%0A%09%09%09c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.4-0.2-0.8-0.4c-0.4-0.2-0.6-0.3-0.8-0.5c-0.2-0.2-0.3-0.3-0.4-0.6s-0.2-0.5-0.2-0.8%0D%0A%09%09%09c0-0.5%2C0.2-1%2C0.5-1.3c0.4-0.3%2C0.9-0.5%2C1.5-0.5c0.3%2C0%2C0.6%2C0%2C0.9%2C0.1c0.3%2C0.1%2C0.6%2C0.2%2C0.9%2C0.3l-0.4%2C1c-0.3-0.1-0.6-0.2-0.8-0.3%0D%0A%09%09%09c-0.2-0.1-0.4-0.1-0.6-0.1c-0.2%2C0-0.4%2C0.1-0.6%2C0.2c-0.1%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1%2C0%2C0.2%2C0.1%2C0.3c0.1%2C0.1%2C0.1%2C0.2%2C0.3%2C0.2%0D%0A%09%09%09s0.4%2C0.2%2C0.8%2C0.4c0.6%2C0.3%2C1%2C0.5%2C1.2%2C0.8C22.6%2C196.3%2C22.8%2C196.7%2C22.8%2C197.1z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M26.4%2C193.7c-0.5%2C0-0.9%2C0.2-1.1%2C0.5c-0.3%2C0.4-0.4%2C0.9-0.4%2C1.5c0%2C1.4%2C0.5%2C2%2C1.5%2C2c0.4%2C0%2C0.9-0.1%2C1.6-0.3%0D%0A%09%09%09v1.1c-0.5%2C0.2-1.1%2C0.3-1.7%2C0.3c-0.9%2C0-1.6-0.3-2-0.8c-0.5-0.5-0.7-1.3-0.7-2.3c0-0.6%2C0.1-1.2%2C0.3-1.7c0.2-0.5%2C0.6-0.8%2C1-1.1%0D%0A%09%09%09c0.4-0.3%2C0.9-0.4%2C1.5-0.4c0.6%2C0%2C1.2%2C0.1%2C1.8%2C0.4l-0.4%2C1c-0.2-0.1-0.5-0.2-0.7-0.3C26.9%2C193.7%2C26.7%2C193.7%2C26.4%2C193.7z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M38.3%2C192.7h1.3l-2.1%2C6.1h-1.4l-2.1-6.1h1.3l1.1%2C3.6c0.1%2C0.2%2C0.1%2C0.5%2C0.2%2C0.7c0.1%2C0.3%2C0.1%2C0.5%2C0.1%2C0.6%0D%0A%09%09%09c0-0.3%2C0.1-0.7%2C0.3-1.3L38.3%2C192.7z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M43.9%2C198.8h-3.5v-6.1h3.5v1.1h-2.2v1.3h2.1v1.1h-2.1v1.6h2.2V198.8z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M46.5%2C196.4v2.3h-1.3v-6.1h1.8c0.8%2C0%2C1.4%2C0.1%2C1.8%2C0.5c0.4%2C0.3%2C0.6%2C0.8%2C0.6%2C1.4c0%2C0.4-0.1%2C0.7-0.3%2C1%0D%0A%09%09%09c-0.2%2C0.3-0.5%2C0.5-0.8%2C0.7c0.9%2C1.4%2C1.5%2C2.3%2C1.8%2C2.6h-1.4l-1.5-2.3L46.5%2C196.4L46.5%2C196.4z%20M46.5%2C195.4h0.4c0.4%2C0%2C0.7-0.1%2C0.9-0.2%0D%0A%09%09%09c0.2-0.1%2C0.3-0.4%2C0.3-0.6c0-0.3-0.1-0.5-0.3-0.6s-0.5-0.2-0.9-0.2h-0.4L46.5%2C195.4L46.5%2C195.4z%22/%3E%0D%0A%09%09%3Ccircle%20fill%3D%22%23E6A124%22%20cx%3D%2231.2%22%20cy%3D%22195.7%22%20r%3D%223%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpath%20fill%3D%22%23E6A124%22%20d%3D%22M60.1%2C203.2v7.5c0%2C0.7-0.1%2C1.3-0.4%2C1.9c-0.3%2C0.6-0.6%2C1.1-1.1%2C1.6s-1%2C0.8-1.6%2C1.1c-0.6%2C0.3-1.3%2C0.4-1.9%2C0.4%0D%0A%09%09H32.7H10.2L60.1%2C203.2z%22/%3E%0D%0A%09%3Cpath%20opacity%3D%228.000000e-02%22%20fill%3D%22%23FFFFFF%22%20enable-background%3D%22new%20%20%20%20%22%20d%3D%22M58.6%2C177.2c0.9%2C0.9%2C1.5%2C2.2%2C1.5%2C3.5v15v15%0D%0A%09%09c0%2C1.4-0.6%2C2.6-1.5%2C3.5c-0.9%2C0.9-2.2%2C1.5-3.5%2C1.5h-25h-25c-1.4%2C0-2.6-0.6-3.5-1.5L58.6%2C177.2z%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23F7F5F2%22%20d%3D%22M55.1%2C176.7c2.2%2C0%2C4%2C1.8%2C4%2C4v30c0%2C2.2-1.8%2C4-4%2C4h-50c-2.2%2C0-4-1.8-4-4v-30c0-2.2%2C1.8-4%2C4-4H55.1%0D%0A%09%09%09%20M55.1%2C175.7h-50c-2.8%2C0-5%2C2.2-5%2C5v30c0%2C2.8%2C2.2%2C5%2C5%2C5h50c2.8%2C0%2C5-2.2%2C5-5v-30C60.1%2C178%2C57.9%2C175.7%2C55.1%2C175.7L55.1%2C175.7z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A"); }
  .card-image.cvv2 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%20308.7%2060%2040%22%20enable-background%3D%22new%200%20308.7%2060%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23CDCDCD%22%20d%3D%22M60%2C343.7c0%2C2.8-2.2%2C5-5%2C5H5c-2.8%2C0-5-2.2-5-5v-30c0-2.8%2C2.2-5%2C5-5h50c2.8%2C0%2C5%2C2.2%2C5%2C5V343.7z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Crect%20x%3D%221.8%22%20y%3D%22315%22%20fill%3D%22%23424143%22%20width%3D%2258.2%22%20height%3D%228%22/%3E%0D%0A%09%3Crect%20x%3D%227.8%22%20y%3D%22327%22%20fill%3D%22%23FFFFFF%22%20width%3D%2236%22%20height%3D%228%22/%3E%0D%0A%09%3Crect%20x%3D%2210.8%22%20y%3D%22330%22%20fill%3D%22%23424143%22%20width%3D%2229%22%20height%3D%222%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23DFDEDD%22%20d%3D%22M55%2C309.7c2.2%2C0%2C4%2C1.8%2C4%2C4v30c0%2C2.2-1.8%2C4-4%2C4H5c-2.2%2C0-4-1.8-4-4v-30c0-2.2%2C1.8-4%2C4-4H55%20M55%2C308.7H5%0D%0A%09%09%09%09c-2.8%2C0-5%2C2.2-5%2C5v30c0%2C2.8%2C2.2%2C5%2C5%2C5h50c2.8%2C0%2C5-2.2%2C5-5v-30C60%2C311%2C57.8%2C308.7%2C55%2C308.7L55%2C308.7z%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Crect%20x%3D%2246.8%22%20y%3D%22327%22%20fill%3D%22%23FFFFFF%22%20width%3D%228%22%20height%3D%228%22/%3E%0D%0A%09%3Crect%20x%3D%2247.8%22%20y%3D%22330%22%20fill%3D%22%23424143%22%20width%3D%226%22%20height%3D%222%22/%3E%0D%0A%09%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23E9564B%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2250.2%22%20cy%3D%22330.9%22%20r%3D%227.8%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }

.no-svg .card-image {
  background-image: url("../images/cc-front.png"); }
  .no-svg .card-image.visa {
    background-image: url("../images/cc-visa.png"); }
  .no-svg .card-image.mc {
    background-image: url("../images/cc-mc.png"); }
  .no-svg .card-image.amex {
    background-image: url("../images/cc-amex.png"); }
  .no-svg .card-image.disc {
    background-image: url("../images/cc-disc.png"); }
  .no-svg .card-image.cvv2 {
    background-image: url("../images/cc-back.png"); }

.card-instruction {
  font-size: 80%;
  color: gray; }
  .card-instruction.invalid {
    color: #b94a48; }
  .card-instruction.valid {
    color: #089e00; }

.shake {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: .4s;
  -moz-animation-duration: .4s;
  -o-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake; }

/* ======================================
 * ANIMATIONS
 * ======================================
 */
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }

  30%, 60% {
    -webkit-transform: translateX(-10px); }

  40%, 80% {
    -webkit-transform: translateX(10px); } }
@-webkit-keyframes slide {
  0%, 10% {
    text-indent: 0;
    width: 186px;
    -webkit-transform: translateX(-10%); }

  10%, 20% {
    text-indent: -15px;
    width: 176px;
    -webkit-transform: translateX(-10%); }

  20%, 30% {
    text-indent: -30px;
    width: 156px;
    -webkit-transform: translateX(-10%); }

  30%, 40% {
    text-indent: -45px;
    width: 136px;
    -webkit-transform: translateX(-10%); }

  40%, 50% {
    text-indent: -60px;
    width: 116px;
    -webkit-transform: translateX(-10%); }

  50%, 60% {
    text-indent: -75px;
    width: 96px;
    -webkit-transform: translateX(-15%); }

  60%, 70% {
    text-indent: -90px;
    width: 76px;
    -webkit-transform: translateX(-15%); }

  70%, 80% {
    text-indent: -105px;
    width: 66px;
    -webkit-transform: translateX(-10%); }

  80%, 90% {
    text-indent: -110px;
    width: 56px;
    -webkit-transform: translateX(-5%); }

  90%, 100% {
    text-indent: -120px;
    width: 46px;
    -webkit-transform: translateX(0); } }
@-moz-keyframes slide {
  0%, 10% {
    text-indent: 0;
    width: 186px;
    -moz-transform: translateX(-10%); }

  10%, 20% {
    text-indent: -15px;
    width: 176px;
    -moz-transform: translateX(-10%); }

  20%, 30% {
    text-indent: -30px;
    width: 156px;
    -moz-transform: translateX(-10%); }

  30%, 40% {
    text-indent: -45px;
    width: 136px;
    -moz-transform: translateX(-10%); }

  40%, 50% {
    text-indent: -60px;
    width: 116px;
    -moz-transform: translateX(-10%); }

  50%, 60% {
    text-indent: -75px;
    width: 96px;
    -moz-transform: translateX(-15%); }

  60%, 70% {
    text-indent: -90px;
    width: 76px;
    -moz-transform: translateX(-15%); }

  70%, 80% {
    text-indent: -105px;
    width: 66px;
    -moz-transform: translateX(-10%); }

  80%, 90% {
    text-indent: -110px;
    width: 56px;
    -moz-transform: translateX(-5%); }

  90%, 100% {
    text-indent: -120px;
    width: 46px;
    -moz-transform: translateX(0); } }
@-o-keyframes slide {
  0%, 10% {
    text-indent: 0;
    width: 186px;
    -o-transform: translateX(-10%); }

  10%, 20% {
    text-indent: -15px;
    width: 176px;
    -o-transform: translateX(-10%); }

  20%, 30% {
    text-indent: -30px;
    width: 156px;
    -o-transform: translateX(-10%); }

  30%, 40% {
    text-indent: -45px;
    width: 136px;
    -o-transform: translateX(-10%); }

  40%, 50% {
    text-indent: -60px;
    width: 116px;
    -o-transform: translateX(-10%); }

  50%, 60% {
    text-indent: -75px;
    width: 96px;
    -o-transform: translateX(-15%); }

  60%, 70% {
    text-indent: -90px;
    width: 76px;
    -o-transform: translateX(-15%); }

  70%, 80% {
    text-indent: -105px;
    width: 66px;
    -o-transform: translateX(-10%); }

  80%, 90% {
    text-indent: -110px;
    width: 56px;
    -o-transform: translateX(-5%); }

  90%, 100% {
    text-indent: -120px;
    width: 46px;
    -o-transform: translateX(0); } }
@keyframes slide {
  0%, 10% {
    text-indent: 0;
    width: 186px;
    transform: translateX(-10%); }

  10%, 20% {
    text-indent: -15px;
    width: 176px;
    transform: translateX(-10%); }

  20%, 30% {
    text-indent: -30px;
    width: 156px;
    transform: translateX(-10%); }

  30%, 40% {
    text-indent: -45px;
    width: 136px;
    transform: translateX(-10%); }

  40%, 50% {
    text-indent: -60px;
    width: 116px;
    transform: translateX(-10%); }

  50%, 60% {
    text-indent: -75px;
    width: 96px;
    transform: translateX(-15%); }

  60%, 70% {
    text-indent: -90px;
    width: 76px;
    transform: translateX(-15%); }

  70%, 80% {
    text-indent: -105px;
    width: 66px;
    transform: translateX(-10%); }

  80%, 90% {
    text-indent: -110px;
    width: 56px;
    transform: translateX(-5%); }

  90%, 100% {
    text-indent: -120px;
    width: 46px;
    transform: translateX(0); } }
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0); }

  30%, 60% {
    -moz-transform: translateX(-10px); }

  40%, 80% {
    -moz-transform: translateX(10px); } }
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0); }

  30%, 60% {
    -o-transform: translateX(-10px); }

  40%, 80% {
    -o-transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    transform: translateX(0); }

  30%, 60% {
    transform: translateX(-10px); }

  40%, 80% {
    transform: translateX(10px); } }

/*-------------------------------------------------
  Dashboard common file for Analytics & eCommmerce
--------------------------------------------------*/
#revenue-chart span i.material-icons
{
    position: relative; 
    top: 5px;
}

#revenue-chart .yearly-revenue-chart
{
    position: relative;
}
#revenue-chart .yearly-revenue-chart canvas
{
    width: 100% !important;
    height: 350px !important;
}
#revenue-chart .yearly-revenue-chart canvas.firstShadow
{
    position: absolute;
    top: 0; 
    left: 0;
}

#weekly-earning h3.header
{
    margin: 2.4rem 0 2.3rem 0;
}

#weekly-earning canvas
{
    width: 100% !important;
    height: 110 !important;
    margin: 10px 0 10px -18px;
}

#weekly-earning .center-align p
{
    margin-bottom: 1rem;
}

#legend {
float:left;

}

.clear-button {
  position: absolute !important;
  top: 1.2em !important;
  right: 0.7em !important;
  display: none;
}
.fs-wrap {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    cursor:pointer;
    position:relative;
    /*width: 200px;*/
}
.fs-default .fs-label-wrap {
    color: gray !important;
}
.fs-label-wrap {
    position: relative;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
    cursor: default;
    color: #FF934D;
}

.fs-label-wrap,
.fs-dropdown {
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

  .fs-label-wrap .fs-label {
    padding: 6px 22px 6px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    color: #616161 !important
  }

.fs-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid gray;
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 0;
    margin: auto;
    transition: ease-in 0.15s;
}

.fs-open .fs-arrow {
    transform: rotate(-180deg);
}

.fs-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 350px;
    margin-top: 5px;
    z-index: 9999;
}

.fs-dropdown .fs-options {
    max-height: 200px;
    overflow: auto;
}

.fs-search input {
    border: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 6px 0;
    width: 100%;
}

.fs-option,
.fs-search,
.fs-optgroup-label {
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
    cursor: default;
}

.fs-option:last-child {
    border-bottom: none;
}

.fs-search {
    padding: 0 8px;
}

.fs-no-results {
    padding: 6px 8px;
}
.fs-clear {
    padding: 10px 10px;
    /*text-align:right*/
}

.fs-option {
    cursor: pointer;
    word-break: break-all;
}

.fs-option.disabled {
    opacity: 0.4;
    cursor: default;
}

.fs-option.hl {
    background-color: #f5f5f5;
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: rgb(17, 169, 17);
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
}

.fs-optgroup-label {
    font-weight: bold;
    text-align: center;
}

.hidden {
    display: none;
}

/* boarding-new-theme.css - Version corrigée */

/* Variables */
:root {
  --primary: #5a67d8;
  --primary-dark: #4c51bf;
  --primary-light: #7f9cf5;
  --secondary: #6366f1;
  --accent: #a78bfa;
  --grey-light: #f7fafc;
  --grey: #edf2f7;
  --grey-dark: #a0aec0;
  --text: #2d3748;
  --text-light: #4a5568;
  --red: #fc8181;
  --green: #68d391;
  --radius: 10px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
  --shadow: 0 4px 6px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 25px rgba(90,103,216,0.07), 0 8px 10px rgba(0,0,0,0.04);
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --form-spacing: 40px;
}


.ag-set-filter-item-checkbox.ag-labeled.ag-label-align-right.ag-checkbox.ag-input-field:has(div.ag-checked),
.ag-set-filter-item-checkbox.ag-labeled.ag-label-align-right.ag-checkbox.ag-input-field:has(div.ag-indeterminate) {
  text-decoration: none;
}

.ag-set-filter-item-checkbox.ag-labeled.ag-label-align-right.ag-checkbox.ag-input-field {
  text-decoration: line-through;
}

.payment-btn-style [type='checkbox']:checked + span:not(.lever):before {
  border-right: 2px solid #f8faff !important;
  border-bottom: 2px solid #f8faff !important;
}

#agGridDemo input[type='checkbox']:not(:checked), #agGridDemo input[type='checkbox']:checked {
  position: initial !important;
  pointer-events: all !important;
  opacity: 1 !important;
}

#agGridDemo button:focus {
  outline: none !important;
  background-color: #6874dca6 !important;
}

input.ag-input-field-input.ag-text-field-input {
  padding: 0 !important;
  padding-left: 24px !important;
}


.ag-custom-show-hide-section-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

  .ag-custom-show-hide-section-items > label {
    flex: 1;
    text-wrap-mode: nowrap;
  }

  .ag-custom-show-hide-section-item {
    max-width: fit-content;
  }

.ag-custom-show-hide-section-item.ag-custom-hidden {
  background-color: #00000059 !important;
}

#agGridDemo a {
  color: var(--tib-darkblue-color, #6470DC) !important;
}

#agGridDemo .ag-header-cell {
  background-color: #e0e3f89c !important;
}

#agGridDemo .ag-row-odd {
  background-color: #e0e3f840 !important;
}
/* Global */
  html body .boarding-new-theme * {
  box-sizing: border-box !important;
}

/* Form Layout */
html body .boarding-new-theme .form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -15px !important;
  margin-bottom: 10px !important;
  clear: both !important;
}

html body .boarding-new-theme .form-col {
  flex: 1 1 280px !important;
  min-width: 280px !important;
  padding: 0 15px !important;
  margin-bottom: 10px !important;
}

html body .boarding-new-theme .form-group {
  margin-bottom: 10px !important;
  position: relative !important;
}

html body .boarding-new-theme .mb-1 {
  margin-bottom: 10px !important;
}

/* Form Controls */
html body .boarding-new-theme .form-control {
  width: 100% !important;
  padding: 14px 16px !important;
  border: 1px solid var(--grey-dark) !important;
  border-radius: var(--radius) !important;
  font-size: 15px !important;
  transition: var(--transition) !important;
  color: var(--text) !important;
  background-color: white !important;
  box-shadow: var(--shadow-sm) !important;
  height: auto !important;
}

html body .boarding-new-theme .form-control:focus {
  border-color: var(--primary-light) !important;
  box-shadow: 0 0 0 3px rgba(126,156,245,0.2) !important;
  outline: none !important;
}

html body .boarding-new-theme .form-control::placeholder {
  color: var(--grey-dark) !important;
  font-weight: 400 !important;
}

html body .boarding-new-theme textarea.form-control {
  resize: vertical !important;
  min-height: 120px !important;
  line-height: 1.5 !important;
}

html body .boarding-new-theme select.form-control {
  min-height: 55px !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}

#property-manager-warning-section {
  background-color: #fbf2f2;
  color: darkred;
  border-left: 3px solid #d54848;
  padding: 20px 15px 20px 15px;
  margin-bottom: 10px;
  transition: opacity .7s ease-in-out;
}

.warning-section-visible {
  opacity: 1;
}

.warning-section-hidden {
  opacity: 0;
}



/* Labels */
html body .boarding-new-theme label {
  display: block !important;
  margin-bottom: 10px !important;
  font-size: 14px !important;
  color: var(--text-light) !important;
  font-weight: 500 !important;
}

.disabled-field {
  cursor: no-drop;
}

/* Required Indicator */
html body .boarding-new-theme .required:after {
  color: var(--red) !important;
  margin-left: 4px !important;
}

/* Input Icons */
html body .boarding-new-theme .input-icon-wrapper {
  position: relative !important;
}

html body .boarding-new-theme .input-icon {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--grey-dark) !important;
}

/* Fieldset & Legend */
html body .boarding-new-theme fieldset {
  border: none !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  padding-bottom: 40px !important;
  border-bottom: 1px solid var(--grey) !important;
}

html body .boarding-new-theme fieldset:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

html body .boarding-new-theme fieldset:last-of-type {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body .boarding-new-theme legend {
  font-size: 20px !important;
  color: var(--text) !important;
  margin-bottom: 25px !important;
  font-weight: 600 !important;
  position: relative !important;
  padding-left: 16px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: none !important;
  width: auto !important;
}

html body .boarding-new-theme legend::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  height: 24px !important;
  width: 4px !important;
  background: linear-gradient(to bottom, var(--primary), var(--secondary)) !important;
  border-radius: 4px !important;
}

/* Info Text */
html body .boarding-new-theme .info-text {
  display: block !important;
  font-size: 15px !important;
  color: var(--text-light) !important;
  margin-bottom: 30px !important;
  line-height: 1.5 !important;
}

/* Radio & Checkbox */
html body .boarding-new-theme .radio-group {
  display: flex !important;
  gap: 20px !important;
  margin-top: 15px !important;
  margin-bottom: 25px !important;
  padding: 5px 0 !important;
}

html body .boarding-new-theme input[type="radio"],
html body .boarding-new-theme input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin-right: 10px !important;
  accent-color: var(--primary) !important;
}

html body .boarding-new-theme .styled-checkbox {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;
}

/* Share Owner Percentage Zone */
html body .boarding-new-theme #repShareOwnerPercentageZone {
  padding-left: 0 !important;
  max-width: 100% !important;
  margin-top: 15px !important;
  margin-bottom: 30px !important;
}

/* Help Text */
html body .boarding-new-theme .help-text {
  display: block !important;
  font-size: 12px !important;
  color: #6470DC !important;
  margin-top: 6px !important;
}

/* Owner Section */
html body .boarding-new-theme .owner-section {
  background-color: var(--grey-light) !important;
  border: 1px solid var(--grey) !important;
  border-radius: var(--radius) !important;
  padding: 25px !important;
  margin: 30px 0 !important;
}

html body .boarding-new-theme .owner-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

html body .boarding-new-theme .owner-title {
  margin-bottom: 0 !important;
}

/* Buttons */
html body .boarding-new-theme .action-button {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 15px 20px !important;
  border-radius: var(--radius) !important;
  border: none !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: var(--transition) !important;
  margin: 20px 0 !important;
}

html body .boarding-new-theme .action-button-delete {
  background-color: rgba(252,129,129,0.1) !important;
  color: var(--red) !important;
}

html body .boarding-new-theme .btn-flat {
  padding: 14px 28px !important;
  border-radius: var(--radius) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: var(--transition) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 10px !important;
  white-space: nowrap !important;
}

html body .boarding-new-theme .button_bg {
  background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%) !important;
  color: white !important;
  box-shadow: 0 4px 12px rgba(99,102,241,0.2) !important;
}

html body .boarding-new-theme .button_bg:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(99,102,241,0.3) !important;
}

html body .boarding-new-theme .modal-action {
  background-color: var(--grey) !important;
  color: var(--text) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08) !important;
}

html body .boarding-new-theme .modal-action:hover {
  background-color: var(--grey-light) !important;
  transform: translateY(-1px) !important;
}

/* Error Message */
html body .boarding-new-theme .color-red {
  color: var(--red) !important;
  font-size: 12px !important;
  margin-top: 5px !important;
}

/* Modal */
html body .boarding-new-theme .modal {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-lg) !important;
  overflow: hidden !important;
  animation: fadeIn 0.6s ease-in-out !important;
  color: var(--text) !important;
}

html body .boarding-new-theme .modal-header {
  background: linear-gradient(120deg, var(--primary) 0%, var(--secondary) 60%, var(--accent) 100%) !important;
  color: white !important;
  padding: 35px 40px !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: none !important;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

html body .boarding-new-theme .modal-header::before {
  content: "" !important;
  position: absolute !important;
  top: -50px !important;
  right: -50px !important;
  width: 200px !important;
  height: 200px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.1) !important;
  z-index: 0 !important;
}

html body .boarding-new-theme .modal-header::after {
  content: "" !important;
  position: absolute !important;
  bottom: -80px !important;
  left: -80px !important;
  width: 240px !important;
  height: 240px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,0.03) !important;
  z-index: 0 !important;
}

html body .boarding-new-theme .modal-header h4.modal-title {
  font-size: 28px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.5px !important;
  position: relative !important;
  z-index: 1 !important;
}

html body .boarding-new-theme .modal-header .modal-title span {
  color: white !important;
  font-size: 28px !important;
}

html body .boarding-new-theme .modal-header .close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  background: rgba(255,255,255,0.2) !important;
  border: none !important;
  color: white !important;
  font-size: 18px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--transition) !important;
  z-index: 2 !important;
  opacity: 1 !important;
}

html body .boarding-new-theme .modal-header .close:hover {
  background: rgba(255,255,255,0.3) !important;
  transform: rotate(90deg) !important;
}

/* Steps */
html body .boarding-new-theme .steps {
  display: flex !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

html body .boarding-new-theme .step {
  display: flex !important;
  align-items: center !important;
  margin-right: 25px !important;
  opacity: 0.6 !important;
}

html body .boarding-new-theme .step.active {
  opacity: 1 !important;
}

html body .boarding-new-theme .step-number {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background-color: white !important;
  color: var(--primary) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-right: 8px !important;
}

html body .boarding-new-theme .step-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: white !important;
}

/* Progress Bar */
html body .boarding-new-theme .progress-bar {
  height: 6px !important;
  background-color: var(--grey) !important;
  position: relative !important;
}

html body .boarding-new-theme .progress {
  height: 100% !important;
  background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%) !important;
  transition: width 0.6s cubic-bezier(0.65,0,0.35,1) !important;
  border-radius: 0 3px 3px 0 !important;
}

/* Modal Content */
html body .boarding-new-theme .modal-content {
  padding: 40px !important;
  background-color: white !important;
}

/* Modal Footer */
html body .boarding-new-theme .modal-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important; /* Centre verticalement les boutons */
  padding: 25px 40px !important;
  background-color: white !important;
  border-top: 1px solid var(--grey) !important;
  gap: 15px !important;
  height: 80px !important; /* Fixe une hauteur pour le footer */
}


/* START New UI for the convenient fees section */

.confee-merchant-info-section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #f7fafc;
  justify-content: center;
  align-items: flex-start;
  box-shadow: 0px 1px 4px #0000001c;
  border-radius: var(--radius);
  gap: 15px;
}

  .confee-merchant-info-section p {
    margin-block-end: 0;
    margin-block-start: 0;
    margin-left: 20px;
  }

.confee-container-style label.label-header {
  font-size: 20px !important;
  color: var(--text) !important;
  margin-bottom: 25px !important;
  font-weight: 600 !important;
  position: relative !important;
  padding-left: 16px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: none !important;
  width: auto !important;
}

  .confee-container-style label.label-header::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    height: 24px !important;
    width: 4px !important;
    background: linear-gradient(to bottom, var(--primary), var(--secondary)) !important;
    border-radius: 4px !important;
  }

.confee-amount-section-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
}

  .confee-amount-section-container .confee-amount-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100% !important;
    flex-wrap: wrap;
    gap: 20px;
  }

    .confee-amount-section-container .confee-amount-section .confee-amount-item {
      flex: 1;
    }

.confee-checkbox-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

  .confee-checkbox-container input[type=checkbox] {
    cursor: pointer;
  }

  .confee-checkbox-container p {
    user-select: none;
  }

/* END */

/* -------------------------------------------------- */
/* Additional CSS Sections */
/* -------------------------------------------------- */

/* Ajout d'un espace en bas du contenu pour éviter la superposition avec les boutons */
html body .boarding-new-theme .modal-content {
  padding: 30px 40px 80px 40px !important; /* Augmentation du padding bottom à 80px */
}

/* Style fixe pour le footer des boutons */
html body .boarding-new-theme .modal-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important; /* Centre verticalement les boutons */
  padding: 0 40px !important; /* Réduit le padding vertical pour éviter trop d'espace */
  background-color: white !important;
  border-top: 1px solid var(--grey) !important;
  gap: 15px !important;
  height: 56px !important; /* Utilise la hauteur exacte montrée dans l'inspecteur */
  position: fixed !important; /* Garde le footer en bas */
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
}

html body .boarding-new-theme .modal-footer button {
  margin: 0 !important; /* Supprime les marges par défaut des boutons */
  height: 36px !important; /* Hauteur fixe pour tous les boutons */
  line-height: 36px !important; /* Aligne le texte verticalement */
  padding: 0 16px !important; /* Padding horizontal uniforme */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Style personnalisé pour les barres de défilement */
html body .boarding-new-theme ::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

html body .boarding-new-theme ::-webkit-scrollbar-track {
  background: var(--grey-light) !important;
  border-radius: 4px !important;
}

html body .boarding-new-theme ::-webkit-scrollbar-thumb {
  background: var(--primary-light) !important;
  border-radius: 4px !important;
}

html body .boarding-new-theme ::-webkit-scrollbar-thumb:hover {
  background: var(--primary) !important;
}

/* Ajustement de la taille de la fenêtre modale */
html body .boarding-new-theme.modal {
  width: 80% !important; /* Largeur relative à la taille de l'écran */
  max-width: 1200px !important; /* Largeur maximale */
  height: 85% !important; /* Hauteur relative à la taille de l'écran */
  max-height: 800px !important; /* Hauteur maximale */
  top: 7% !important; /* Position verticale */
}

/* Ajustements pour différentes tailles d'écran */
@media (max-width: 1200px) {
  html body .boarding-new-theme.modal {
    width: 90% !important;
    height: 90% !important;
  }
}

@media (max-width: 768px) {
  html body .boarding-new-theme.modal {
    width: 95% !important;
    height: 95% !important;
    top: 2.5% !important;
  }
}

/* Gestion du défilement dans la modal */
html body .boarding-new-theme .modal-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: calc(100% - 140px) !important; /* Hauteur maximale en tenant compte du header et footer */
}

/* Animation */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Media Queries */
@media (max-width: 768px) {
  html body .boarding-new-theme .form-col {
    flex: 100% !important;
  }
  html body .boarding-new-theme .modal-footer {
    flex-direction: column !important;
    height: auto !important;
    padding: 10px 40px !important;
	
  html body .boarding-new-theme .btn-flat {
    width: 100% !important;
  }
  html body .boarding-new-theme .modal-header {
    padding: 25px 30px !important;
  }
  html body .boarding-new-theme .modal-content {
    padding: 30px 25px !important;
  }
  html body .boarding-new-theme .steps {
    display: none !important;
  }
}