.rw-btn,.rw-input{color:inherit;font:inherit;margin:0}button.rw-input{overflow:visible}button.rw-input,select.rw-input{text-transform:none}button.rw-input,html input[type="button"].rw-input,input[type="reset"].rw-input,input[type="submit"].rw-input{-webkit-appearance:button;cursor:pointer}button[disabled].rw-input,html input[disabled].rw-input{cursor:not-allowed}button.rw-input::-moz-focus-inner,input.rw-input::-moz-focus-inner{border:0;padding:0}@font-face{font-family:'RwWidgets';src:url(0c6e26403d051e8af2f8.eot);src:url(0c6e26403d051e8af2f8.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(data:application/font-woff;base64,bW9kdWxlLmV4cG9ydHMgPSAiZGF0YTphcHBsaWNhdGlvbi9mb250LXdvZmY7YmFzZTY0LGQwOUdSZ0FCQUFBQUFBMEVBQTRBQUFBQUZnZ0FBUUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFCUFV5OHlBQUFCUkFBQUFFUUFBQUJXUGloSVRtTnRZWEFBQUFHSUFBQUFPZ0FBQVVyUUZ4bTNZM1owSUFBQUFjUUFBQUFLQUFBQUNnQUFBQUJtY0dkdEFBQUIwQUFBQlpRQUFBdHdpSkNRV1dkaGMzQUFBQWRrQUFBQUNBQUFBQWdBQUFBUVoyeDVaZ0FBQjJ3QUFBS3JBQUFEY0lOTUFSTm9aV0ZrQUFBS0dBQUFBRFlBQUFBMkJYTk1sR2hvWldFQUFBcFFBQUFBSUFBQUFDUUhVUU5TYUcxMGVBQUFDbkFBQUFBYkFBQUFJQlhCQUFCc2IyTmhBQUFLakFBQUFCSUFBQUFTQTJnQ09HMWhlSEFBQUFxZ0FBQUFJQUFBQUNBQXZ3djJibUZ0WlFBQUNzQUFBQUdNQUFBQzViMk9LRTV3YjNOMEFBQU1UQUFBQUU4QUFBQnQ2TWUrNG5CeVpYQUFBQXljQUFBQVpRQUFBSHZkYXdPRmVKeGpZR1Rhd1RpQmdaV0JnNm1LYVE4REEwTVBoR1o4d0dESXlNVEF3TVRBeXN5QUZRU2t1YVl3T0x4Z2VNSEdIUFEvaXlHS09aaGhHbENZRVNRSEFQMWZDL040bkdOZ1lHQm1nR0FaQmtZR0VIQUI4aGpCZkJZR0RTRE5CcVFaR1pnWUdGNncvZjhQVXZDQ0FVUkxNRUxWQXdFakc4T0lCd0JxZFFhMEFBQUFBQUFBQUFBQUFBQUFBQUI0bksxV2FYTVRSeENkMVdITE5qNkNEeEkyZ1ZuR2NveDJWcGpMQ0JERzdFb1c0Qnp5bGV4Q2psMUxkdTZMVC93Ry9acGVrVlNSYi95MHZCNGQyR0FuVlZRb1N2Mm05KzFNOSt1ZVhwUFFrc1JlV0krazNId3BwclkyYVdUblNVZzNiRnFPNGtQWjJRc3BVMHorTG9pQ2FMWFV2dTA0SkNJU2dhcDFoU1dDMlBmSTBpVGpRNDh5V3JZbHZXcFNidWxKZDlrYUQrcXQrdmJUMEZHTzNRa2xOWnVoUSt1UkxhbkNxQkpGTXUyUmtqWXR3OVZmU1ZyaDV5dk1mTlVNSllMb0pKTEdtMkVNaitSbjQ0eFdHYTNHZGh4RmtVMldHMFdLUkRNOGlDS1BzbHBpbjF3eFFVRDVvQmxTWHZrMG9ueUVINUVWZTVUVENuSEpkcHJmOXlVLzZSM092eVRpZW91eUpRZitRSFprQjN1bksva2kwdG9LNDZhZGJFZWhpdkIwZlNmRUk1dVQ2cC9zVVY3VGFPQjJSYVluelFpV3lsZVFXUGtKWmZZUHlXcmhmTXFYUEJyVmtvT2NDRm92YzJKZjhnNjBIa2RNaVdzbXlJTHVqazZJb082WG5LSFlZL3E0K09POVhTd1hJUVRJT0piMWprcTRFRVlwWWJPYUpHMEVPWWlTc2tXVjFIcEhUSnp5T2kzaUxXRy9UdTNvUzJlMFNhZzdNWjZ0aDQ2dG5LamtlRFNwMDB5bVR1Mms1dEdVQmxGS09oTTg1dGNCbEIvUkpLKzJzWnJFeXFOcGJETmpKSkZRb0lWemFTcUlaU2VXTkFYUlBKclJtN3RobW12WG9rV2FQRkRQUFhwUGIyNkZtenM5cCszQVAydjhaM1VxcG9POU1KMmVEc2hLZkpwMnVVblJ1bjU2aG44bThVUFdBaXFSTFRiRGxNVkR0bjRINWVWalM0N0Nhd05zOTU3eksraDk5a1RJcElINEcvQWVMOVVwQlV5Rm1GVlFDOTIwMXJVc3k5UnFWb3RVWk9xN0lVMHJYOVpwQWswNURuMWpYOFk0L3ErWkdVdE1DZC92eE9uWkVaZWV1ZllseURTSDNHWmRqK1oxYXJGZGdNNXN6K2sweS9aOW5lYllmcURUUE52ek9oMWhhK3QwbE8ySE9pMncvVWluWTJ3dmFFR1Q3anNFY2hHQlhNQUdFb0d3ZFJBSTIwc0loSzFDSUd3WEVRamJJZ0podTRSQTJINk1RTmd1SXhDMmw3V3NtbjRxYVJ3N0U4c0FSWWdEb3pudXlHVnVLbGRUeWFVU3JvdEdwemJrS1hLcnBLSjRWdjByQS8zaWtUZXNnYlZBdWtUVy9JcEpybnhVbGVPUHJtaDUwOFM1QW81VmYzdHpYSjhURDJXL1dQaFQ4TC9hbXFxa1Y2eDVaSElWZVNQUWsrTkUxeVlWajY3cDhybXFSOWYvaTRvT2E0RitBNlVRQzBWWmxnMittWkR3VWFmVFVBMWM1UkF6R3pNUDEvVzZaYzNQNGZ5YkdDRUw2SDc4TnhRYUM5eURUbGxKV2UxZ3I5WFhqMlc1dHdmbHNDZFlrbUsrek90YjRZdU16RXI3UldZcGV6N3llY0FWTUNxVllhc05YSzNnelhzUzg1RHBUZkpNRUxjVlpZT2tqY2VaSUxHQll4NHdiNzZUSUNSTVhiV0IyaW1jc0lHOFlNd3AyTytFUTFSdmxPVndlNkY5SG8yVWYydFg3TWdaRlUwUStHMzJSdGpyczFEeVc2eUJoQ2UvMU5kQVZTRk54YmlwZ0VzajVZWnE4R0ZjcmR0R01rNmdyNmpZRGN1eWlnOGZSOXgzU281bElQbElFYXRIUnordHZVS2QxTG45eWlodTN6djlDSUpCYVdMKzlyNlo0cUNVZDdXU1pWWnRBMU8zR3BWVDE1ckR4YXNPM2MyajdudkgyU2R5MWpUZGRFL2M5TDZtVmJlRGc3bFpFTzNiSEpTbFRDNm82OE1PRzZqTHphWFE2bVZja3Q1MkR6QXNNS0Rmb1JVYi8xZjNjZmc4VjZvS28rTkl2WjJvSDZQUFlnenlEemgvUi9VRjZPY3hUTG1HbE9kN2x4T2ZidHpEMlRKZHhWMnNuK0xmd0t5MTVtYnBHbkJEMHcyWWg2eGFIYnJLRFh5bkJqbzkwdHlPOUJEd3NlNEs4UUJnRThCaThJbnVXc2J6S1lEeGZNWWNIK0J6NWpCb01vZkJGbk1ZYkRObkRXQ0hPUXgybWNOZ2p6a012bURPT3NDWHpHRVFNb2RCeEJ3R1Q1Z1RBRHhsRG9Pdm1NUGdhK1l3K0lZNTl3RytaUTZEbURrTUV1WXcyTmQwYXloeml4ZDBGNmh0VUJYb3dQUVRGdmV3T05SVUdiSy80NFZoZjI4UXMzOHdpS2svYXJvOXBQN0VDMFA5MlNDbS9tSVFVMy9WZEdkSS9ZMFhodnE3UVV6OXd5Q21QdE12eG5LWndWOUd2a3VGQThvdU5wL3o5OFQ3QjhJYVFMWUFBUUFCLy84QUQzaWNYVkpCYXhOQkZINXZObXppYkxwcDYyWlR0VW1iM1NTVnBFMGwyV3hLVTlNcWxnb2lMYWFJSi9WUXJWUXBvdlZpclFjRmtSS0NGQ2xpVDFQRWczcHhnd2dpOUpLSzFSNGwvb1VpNkttbllCTm5OeEdMQy9QZTIzbnZlOTgzYndhdzBRQWdPZHdDR2NReUpUaVFpQ3BpWDFoTDRpaWFxUjVVU1U3eDFiMCtoWGhyTkVScjlMV3NvaEtTYXBUV0pBQUUvdUVzdVFkdEhDOEpISThkaXFnTllzeXdHNmg0UmVrOTRCUjNkNUVMZGErc1NqemtTMjFoVDVBbGgxdHkyVmpGaDZJV3kzUVllZVRjZU1MR3FTcXZwM2hSdGxFeTdqYTF0TGpKQ1A1c2F2K0h0OG5OZERqRnRkTVdHWWR4M1Z0MkM4bHB5YUUrZ01hY3dJUUNDT0FHaWY4ZmhBQWNnUjdRSVExWnlNRW9UTUp0ME1kNkx4Zk9uTXFQREErWnh1QlJyVGZVZmJoTFZUcmJaUy8xaUM0Q3ZvRkVJSjNSN2RXM3orTi9Yc2dZc1Q1ZEU5MStSYzJtVXlidXE4KzJja0ZzNXJKOGlIclltWVNadzR4aEJ0SXBOY2dSelNqZzUyYUNzVTNMMnZ4cmNhMWNybG9Xdm1Hc1dpNVh2R0xFVGJGcDE1eXRLbU9kMUtON3FHTys5M2YvL2hXTXg0T25qV2drYWxUTmlCNDFjQ0lZbjJTTVJTekxpckM5Q3F2WkptTGhNZVkwWTI0djBucU01eGk3dm0rcmZ5OWp0eUpmZzNFellxSVJOVnN1enVjc05QWWFiNFZMZ2dRS2hDRUo5SDBpMnRQVkxnajh2dnlLbUVBdGRoeGJ4OHdoUDV5UlJGa0lrVHhtRlJtMUpBOVNJY1JkNnJGczdVdlVIZkhRblhQTEw0dFRaUHJ4cTBmbkYyOTkydms4TDk3OXVQdmhQdEZxYnVwVVZIanhkbUY1bWt5VjFrdThjcmx3cDdLd1VQbGhHeUNOaG5QM2JlRGhtanp2RGttaVFMZ2VUaTJHTUkvb3ZHRlJ0OWxkSVJKUTNBR1ZQSHk2dmVvcWZTdWkxaitzYk13c1RxMWNHeU1qTjBvdmlqZUhoUEVOUHo2WVhTR3JYNTZKeGZyellOeS9NWjZmZTdKZW1oOTJuYnk2ZW5aeFpzTVBmd0FScGN4R0FBQUJBQUFBQVFBQWVzYXhVMThQUFBVQUN3UG9BQUFBQU5GYkdaRUFBQUFBMFZydllmLzkvMm9Eb1FOVEFBQUFDQUFDQUFBQUFBQUFlSnhqWUdSZ1lBNzZuOFVReGZ5Q2dlSC9kK1pGREVBUkZNQUJBSXQxQmFsNG5HTit3Y0RBWk0zQXdKZ0t3U0EyOHdJZ2pvVFFBRUxUQTlRQUFBQUFBQUFnQUQ0QVhnQitBVElCZkFHNEFBQUFBUUFBQUFnQWRBQVBBQUFBQUFBQ0FBQUFFQUJ6QUFBQU5BdHdBQUFBQUhpY2RaTE5Uc0pBRklYUElHS0V4SVVhM2Q2VndSakxUK0pDTnBLUTRNckV1R0RocnNEUWxwUU9tUTRRbnNFMzhCMThKUlBmeEVPWmlDYllabnEvZStiMHpwMXBBWnppRXdyYjY0NWp5d3BWWmxzdTRRZ1BuZytvOXoyWHljK2VEMUhEcStjS2RlMjVpaHNZenpXYzRaMFZWUG1ZMlJRZm5oWE8xYVhuRWs3VWplY0Q2dmVleStRbno0ZTRVS0huQ3ZXVjV5b0c2czF6RFZmcXEyZm1hNXRFc1pONjcxcmF6ZGFkRE5kaUtDVlptRXE0Y0xHeHVYUmxZaktuMDlRRUl6T3pxOXRWTW82MHkxOTB0RWhEdXhOMk5OQTJUMHdtcmFDNUV4OTFwbTNvOUhpelNyNk0yczVOWkdMTlRQcSt2c3l0bWVxUkMyTG41cDFHNC9lNjZQR2c1bGpESWtHRUdBNkNPdFZyeGphYWFQR0RDSVowQ0oxYlY0SU1JVklxSVJaOEl5NW1jdVpkamdtempLcW1JeVVIR1BFNW8yT0ZXNDRFWTliUWRPUjRZWXhZSTJVbHU5ZXhUeHN3YnRaTGlwV0VQUWJzZEovemtURXIzR0hSMGZobkx6bVdkTFdwT25hODZkb1dYUXAvdEwvOUM4OW5NemVsTXFJZUZLZmtxSGJRNFAzUGZyOEJmdUtLYVhpY2JjYkJEWUFnREFEQUZnV3J1emhVVTFDSUJFelZ1TDRSdjk3cndNQm5nbjhFZ0FZNzdOR2l3d0hKWGZ2c2sxSU95L2xtMUxUR052TDFMaTNDT1JUUGFpVlgyZHdSV0NVQ1BIR3VGRU1BZUp4ajhON0JjQ0lvWWlNalkxL2tCc2FkSEF3Y0RNa0ZHeGxZblRZeU1HaEJhQTRVZWljREF3TW5Nb3Vad1dXakNtTkhZTVFHaDQ2SWpjd3BMaHZWUUx4ZEhBME1qQ3dPSGNraEVTQWxrVUN3a1lGSGF3ZmovOVlOTEwwYm1SaGNBQWZUSXJnQUFBQT0i) format('woff'),url(5fca944b912c5ca69fc2.ttf) format('truetype'),url(data:image/svg;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIwMzk0NWFjNGZjN2ZkZWZjNDRiYzExMGJmMWJhMjM5My5zdmciOw==#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.rw-i{display:inline-block;font-family:RwWidgets;font-style:normal;font-weight:normal;line-height:1em;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rw-i-caret-down:before{content:'\E803'}.rw-i-caret-up:before{content:'\E800'}.rw-i-caret-left:before{content:'\E801'}.rw-i-caret-right:before{content:'\E802'}.rw-i-clock-o:before{content:'\E805'}.rw-i-calendar:before{content:'\E804'}.rw-i-search:before{content:'\E806'}.rw-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.rw-widget,.rw-widget *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rw-widget:before,.rw-widget *:before,.rw-widget:after,.rw-widget *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rw-widget{outline:0;-moz-background-clip:border-box;-webkit-background-clip:border-box;background-clip:border-box}.rw-btn{color:#333;line-height:2.286em;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid transparent;padding:0;white-space:nowrap}.rw-rtl{direction:rtl}.rw-input{color:#555;height:2.286em;padding:.429em .857em;background-color:#fff}.rw-input[disabled]{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:1;background-color:#eee;border-color:#ccc}.rw-input[readonly]{cursor:not-allowed}.rw-filter-input{position:relative;width:100%;padding-right:1.9em;border:#ccc 1px solid;border-radius:4px;margin-bottom:2px}.rw-rtl .rw-filter-input{padding-left:1.9em;padding-right:0}.rw-filter-input>.rw-input{width:100%;border:none;outline:none}.rw-filter-input>span{margin-top:-2px}.rw-i.rw-loading{background:url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///zMzM87OzmdnZzMzM4GBgZqamqenpyH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==) no-repeat center;width:16px;height:100%}.rw-i.rw-loading:before{content:""}.rw-loading-mask{border-radius:4px;position:relative}.rw-loading-mask:after{content:'';background:url(939c68e755cf14fab347.gif) no-repeat center;position:absolute;background-color:#fff;opacity:.7;top:0;left:0;height:100%;width:100%}.rw-now{font-weight:600}.rw-state-focus{background-color:#fff;border:#66afe9 1px solid;color:#333}.rw-state-selected{background-color:#adadad;border:#adadad 1px solid;color:#333}.rw-state-disabled{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:1}.rw-btn,.rw-dropdownlist{cursor:pointer}.rw-btn[disabled],.rw-state-disabled .rw-btn,.rw-state-readonly .rw-btn{-webkit-box-shadow:none;box-shadow:none;pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);opacity:.65}ul.rw-list,.rw-selectlist{margin:0;padding-left:0;list-style:none;padding:5px 0;overflow:auto;outline:0;height:100%}ul.rw-list>li,.rw-selectlist>li{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul.rw-list>li.rw-list-optgroup,.rw-selectlist>li.rw-list-optgroup{font-weight:bold}ul.rw-list>li.rw-list-option,ul.rw-list>li.rw-list-empty,.rw-selectlist>li.rw-list-option,.rw-selectlist>li.rw-list-empty{padding-left:10px;padding-right:10px}ul.rw-list>li.rw-list-option,.rw-selectlist>li.rw-list-option{cursor:pointer;border:1px solid transparent;border-radius:3px}ul.rw-list>li.rw-list-option:hover,.rw-selectlist>li.rw-list-option:hover{background-color:#e6e6e6;border-color:#adadad}ul.rw-list>li.rw-list-option.rw-state-focus,.rw-selectlist>li.rw-list-option.rw-state-focus{background-color:#fff;border:#66afe9 1px solid;color:#333}ul.rw-list>li.rw-list-option.rw-state-selected,.rw-selectlist>li.rw-list-option.rw-state-selected{background-color:#adadad;border:#adadad 1px solid;color:#333}ul.rw-list>li.rw-list-option.rw-state-disabled,ul.rw-list>li.rw-list-option.rw-state-readonly,.rw-selectlist>li.rw-list-option.rw-state-disabled,.rw-selectlist>li.rw-list-option.rw-state-readonly{color:#777;cursor:not-allowed}ul.rw-list>li.rw-list-option.rw-state-disabled:hover,ul.rw-list>li.rw-list-option.rw-state-readonly:hover,.rw-selectlist>li.rw-list-option.rw-state-disabled:hover,.rw-selectlist>li.rw-list-option.rw-state-readonly:hover{background:none;border-color:transparent}ul.rw-list.rw-list-grouped>li.rw-list-optgroup,.rw-selectlist.rw-list-grouped>li.rw-list-optgroup{padding-left:10px}ul.rw-list.rw-list-grouped>li.rw-list-option,.rw-selectlist.rw-list-grouped>li.rw-list-option{padding-left:20px}.rw-widget{position:relative}.rw-open.rw-widget,.rw-open>.rw-multiselect-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}.rw-open-up.rw-widget,.rw-open-up>.rw-multiselect-wrapper{border-top-right-radius:0;border-top-left-radius:0}.rw-combobox .rw-list,.rw-datetimepicker .rw-list,.rw-numberpicker .rw-list,.rw-dropdownlist .rw-list,.rw-multiselect .rw-list{max-height:200px;height:auto}.rw-widget{background-color:#fff;border:#ccc 1px solid;border-radius:4px}.rw-widget .rw-input{border-bottom-left-radius:4px;border-top-left-radius:4px}.rw-rtl .rw-widget .rw-input{border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-top-right-radius:4px}.rw-widget>.rw-select{border-left:#ccc 1px solid}.rw-widget.rw-rtl>.rw-select{border-right:#ccc 1px solid;border-left:none}.rw-widget.rw-state-focus,.rw-widget.rw-state-focus:hover{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);border-color:#66afe9;outline:0}.rw-widget.rw-state-readonly,.rw-widget.rw-state-readonly>.rw-multiselect-wrapper{cursor:not-allowed}.rw-widget.rw-state-disabled,.rw-widget.rw-state-disabled:hover,.rw-widget.rw-state-disabled:active{-webkit-box-shadow:none;box-shadow:none;background-color:#eee;border-color:#ccc}.rw-combobox,.rw-datetimepicker,.rw-numberpicker,.rw-dropdownlist{padding-right:1.9em}.rw-combobox.rw-rtl,.rw-datetimepicker.rw-rtl,.rw-numberpicker.rw-rtl,.rw-dropdownlist.rw-rtl{padding-right:0;padding-left:1.9em}.rw-combobox>.rw-input,.rw-datetimepicker>.rw-input,.rw-numberpicker>.rw-input,.rw-dropdownlist>.rw-input{width:100%;border:none;outline:0}.rw-combobox>.rw-input::-moz-placeholder,.rw-datetimepicker>.rw-input::-moz-placeholder,.rw-numberpicker>.rw-input::-moz-placeholder,.rw-dropdownlist>.rw-input::-moz-placeholder{color:#999;opacity:1}.rw-combobox>.rw-input:-ms-input-placeholder,.rw-datetimepicker>.rw-input:-ms-input-placeholder,.rw-numberpicker>.rw-input:-ms-input-placeholder,.rw-dropdownlist>.rw-input:-ms-input-placeholder{color:#999}.rw-combobox>.rw-input::-webkit-input-placeholder,.rw-datetimepicker>.rw-input::-webkit-input-placeholder,.rw-numberpicker>.rw-input::-webkit-input-placeholder,.rw-dropdownlist>.rw-input::-webkit-input-placeholder{color:#999}.rw-placeholder{color:#999}.rw-select{position:absolute;width:1.9em;height:100%;right:0;top:0}.rw-select.rw-btn,.rw-select>.rw-btn{height:100%;vertical-align:middle;outline:0}.rw-rtl .rw-select{left:0;right:auto}.rw-multiselect,.rw-combobox input.rw-input,.rw-datetimepicker input.rw-input,.rw-numberpicker input.rw-input{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.rw-combobox:active,.rw-datetimepicker:active,.rw-dropdownlist:active,.rw-header>.rw-btn:active,.rw-numberpicker .rw-btn.rw-state-active,.rw-combobox:active.rw-state-focus,.rw-datetimepicker:active.rw-state-focus,.rw-dropdownlist:active.rw-state-focus,.rw-header>.rw-btn:active.rw-state-focus,.rw-numberpicker .rw-btn.rw-state-active.rw-state-focus{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.rw-combobox:hover,.rw-datetimepicker:hover,.rw-numberpicker:hover,.rw-dropdownlist:hover{background-color:#e6e6e6;border-color:#adadad}.rw-dropdownlist.rw-state-disabled,.rw-dropdownlist.rw-state-readonly{cursor:not-allowed}.rw-dropdownlist>.rw-input{line-height:2.286em;background-color:transparent;padding-top:0;padding-bottom:0;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rw-dropdownlist.rw-rtl>.rw-input{padding:.429em .857em;padding-top:0;padding-bottom:0;padding-left:0}.rw-dropdownlist>.rw-select,.rw-dropdownlist.rw-rtl>.rw-select{border-width:0}.rw-numberpicker .rw-btn{display:block;height:1.143em;line-height:1.143em;width:100%;border-width:0}.rw-popup{position:absolute;-webkit-box-shadow:0 5px 6px rgba(0,0,0,0.2);box-shadow:0 5px 6px rgba(0,0,0,0.2);border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border:#ccc 1px solid;background:#fff;padding:2px;overflow:auto;margin-bottom:10px;left:10px;right:10px}.rw-dropup>.rw-popup{margin-bottom:0;margin-top:10px;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);box-shadow:0 0 6px rgba(0,0,0,0.2)}.rw-popup-container{position:absolute;top:100%;margin-top:1px;z-index:1005;left:-11px;right:-11px}.rw-widget.rw-state-focus .rw-popup-container{z-index:1015}.rw-popup-container.rw-dropup{top:auto;bottom:100%}.rw-popup-container.rw-calendar-popup{right:auto;width:18em}.rw-datetimepicker .rw-btn{width:1.8em}.rw-datetimepicker.rw-has-neither{padding-left:0;padding-right:0}.rw-datetimepicker.rw-has-neither .rw-input{border-radius:4px}.rw-datetimepicker.rw-has-both{padding-right:3.8em}.rw-datetimepicker.rw-has-both.rw-rtl{padding-right:0;padding-left:3.8em}.rw-datetimepicker.rw-has-both>.rw-select{width:3.8em;height:100%}.rw-calendar{background-color:#fff}.rw-calendar thead>tr{border-bottom:2px solid #ccc}.rw-calendar .rw-header{padding-bottom:5px}.rw-calendar .rw-header .rw-btn-left,.rw-calendar .rw-header .rw-btn-right{width:12.5%}.rw-calendar .rw-header .rw-btn-view{width:75%;background-color:#eee;border-radius:4px}.rw-calendar .rw-header .rw-btn-view[disabled]{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.rw-calendar .rw-footer{border-top:1px solid #ccc}.rw-calendar .rw-footer .rw-btn{width:100%;white-space:normal}.rw-calendar .rw-footer .rw-btn:hover{background-color:#e6e6e6}.rw-calendar .rw-footer .rw-btn[disabled]{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.rw-calendar-grid{outline:none;height:14.28571429em;table-layout:fixed;width:100%}.rw-calendar-grid th{text-align:right;padding:0 .4em 0 .1em}.rw-calendar-grid .rw-btn{width:100%;text-align:right}.rw-calendar-grid td .rw-btn{border-radius:4px;padding:0 .4em 0 .1em;outline:0}.rw-calendar-grid td .rw-btn:hover{background-color:#e6e6e6}.rw-calendar-grid td .rw-btn.rw-off-range{color:#b3b3b3}.rw-calendar-grid.rw-nav-view .rw-btn{padding:.25em 0 .3em;display:block;overflow:hidden;text-align:center;white-space:normal}.rw-selectlist{padding:2px}.rw-selectlist>ul{height:100%;overflow:auto}.rw-selectlist>ul>li.rw-list-option{position:relative;min-height:27px;cursor:auto;outline:none;padding-left:5px}.rw-selectlist>ul>li.rw-list-option>label>input{position:absolute;margin:4px 0 0 -20px}.rw-selectlist>ul>li.rw-list-option>label{padding-left:20px;line-height:1.423em;display:inline-block}.rw-selectlist.rw-rtl>ul>li.rw-list-option{padding-left:0;padding-right:5px}.rw-selectlist.rw-rtl>ul>li.rw-list-option>label>input{margin:4px -20px 0 0}.rw-selectlist.rw-rtl>ul>li.rw-list-option>label{padding-left:0;padding-right:20px}.rw-selectlist.rw-rtl>ul>li.rw-list-option{padding-left:0;padding-right:5px}.rw-selectlist.rw-rtl>ul>li.rw-list-option>label>input{margin:4px -20px 0 0}.rw-selectlist.rw-rtl>ul>li.rw-list-option>label{padding-left:0;padding-right:20px}.rw-selectlist.rw-state-disabled>ul>li:hover,.rw-selectlist.rw-state-readonly>ul>li:hover{background:none;border-color:transparent}.rw-multiselect{background-color:#fff}.rw-multiselect:hover{border-color:#adadad}.rw-multiselect-wrapper{border-radius:4px;position:relative;cursor:text}.rw-multiselect-wrapper:before,.rw-multiselect-wrapper:after{content:" ";display:table}.rw-multiselect-wrapper:after{clear:both}.rw-multiselect-wrapper i.rw-loading{position:absolute;right:3px}.rw-multiselect-wrapper>.rw-input{outline:0;border-width:0;line-height:normal;width:auto;max-width:100%}.rw-multiselect-wrapper>.rw-input::-moz-placeholder{color:#999;opacity:1}.rw-multiselect-wrapper>.rw-input:-ms-input-placeholder{color:#999}.rw-multiselect-wrapper>.rw-input::-webkit-input-placeholder{color:#999}.rw-state-readonly>.rw-multiselect-wrapper,.rw-state-disabled>.rw-multiselect-wrapper{cursor:not-allowed}.rw-rtl .rw-multiselect-wrapper>.rw-input{float:right}.rw-multiselect-create-tag{border-top:1px #ccc solid;padding-top:5px;margin-top:5px}.rw-multiselect-taglist{margin:0;padding-left:0;list-style:none;display:inline;padding-right:0}.rw-multiselect-taglist>li{display:inline-block;padding-left:5px;padding-right:5px}.rw-multiselect-taglist>li{display:inline-block;margin:1px;padding:.214em .15em .214em .4em;line-height:1.4em;text-align:center;white-space:nowrap;border-radius:3px;border:1px solid #ccc;background-color:#ccc;cursor:pointer}.rw-multiselect-taglist>li.rw-state-focus{background-color:#fff;border:#66afe9 1px solid;color:#333}.rw-multiselect-taglist>li.rw-state-readonly,.rw-multiselect-taglist>li.rw-state-disabled,.rw-multiselect.rw-state-readonly .rw-multiselect-taglist>li,.rw-multiselect.rw-state-disabled .rw-multiselect-taglist>li{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65}.rw-multiselect-taglist>li .rw-btn{outline:0;font-size:115%;line-height:normal}.rw-rtl .rw-multiselect-taglist>li{float:right}/*
 * ===============================================================
 *   <FABRIC UI THEME>
 *   v 0.1 | <Jiten Poddar> | <jiten.poddar@infosys.com>
 * ===============================================================
*/
/*BRAND ACCENT COLORS*/
/*light bluish grey*/
/*
 * ===============================================================
 *   <COLOR PALLETE>
 * ===============================================================
*/
.text-white-base {
  color: #ffffff !important;
}
.bg-white-base {
  background: #ffffff;
}
.text-yellow-variant1 {
  color: #fd9c35;
}
.bg-yellow-variant1 {
  background-color: #fd9c35;
}
.text-blue-variant1 {
  color: #1a3b7a;
}
.bg-blue-variant1 {
  background-color: #1a3b7a !important;
}
.text-blue-variant2 {
  color: #5793f3 !important;
}
.bg-blue-variant2 {
  background-color: #5793f3;
}
.text-blue-variant3 {
  color: #0099ff !important;
}
.bg-blue-variant3 {
  background-color: #0099ff;
}
.text-grey-variant2 {
  color: #f1f1f1;
}
.bg-grey-variant2 {
  background-color: #f1f1f1 !important;
}
.text-green-variant1 {
  color: #36a372;
}
.bg-green-variant1 {
  background-color: #36a372;
}
.text-green-variant2 {
  color: #74ba00;
}
.bg-green-variant2 {
  background-color: #74ba00;
}
.text-red-variant1 {
  color: #dd4343;
}
.bg-red-variant1 {
  background-color: #dd4343;
}
/*
 * =============================================================================
 *   <FUI BUTTONS>
 * =============================================================================
*/
.fui-btn-primary.fui-btn button {
  background-color: #1a3b7a !important;
}
.fui-btn-primary.fui-btn button span {
  color: #ffffff !important;
}
.fui-btn-info.fui-btn button {
  background-color: #CCEBFF !important;
}
.fui-btn-info.fui-btn button span {
  color: #1a3b7a !important;
}
.fui-btn-success.fui-btn button {
  background-color: #74ba00 !important;
  background-image: linear-gradient(-135deg, #86D600 0%, #74BA00 100%);
}
.fui-btn-success.fui-btn button span {
  color: #ffffff !important;
}
.fui-btn-warning.fui-btn button {
  background-color: #fd9c35 !important;
}
.fui-btn-warning.fui-btn button span {
  color: #ffffff !important;
}
.fui-btn-danger.fui-btn button {
  background-color: #dd4343 !important;
}
.fui-btn-danger.fui-btn button span {
  color: #ffffff !important;
}
.fui-btn + .fui-btn {
  margin-left: 1em;
}
/*
 * =============================================================================
 *  <FLAT BUTTONS>
 * =============================================================================
*/
button.fui-btn span,
button.fab-btn span {
  font-weight: 400 !important;
  text-transform: capitalize !important;
}
button.fui-btn-info.fui-flat-btn,
button.fab-btn-info.fui-flat-btn {
  border-radius: 3px !important;
  box-shadow: none !important;
}
button.fui-btn-info.fui-flat-btn div svg,
button.fab-btn-info.fui-flat-btn div svg {
  fill: #0099ff !important;
}
button.fui-btn-info.fui-flat-btn span,
button.fab-btn-info.fui-flat-btn span {
  color: #0099ff !important;
  padding-left: 5px !important;
}
button.fui-btn-info.fui-flat-btn:hover,
button.fab-btn-info.fui-flat-btn:hover {
  background: #F4F4F4 !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
button.fui-btn-info.fui-flat-btn[disabled],
button.fab-btn-info.fui-flat-btn[disabled] {
  box-shadow: none !important;
  background: #ccc !important;
}
button.fui-btn-info.fui-flat-btn[disabled] span,
button.fab-btn-info.fui-flat-btn[disabled] span {
  color: #ffffff !important;
}
/*
 * =============================================================================
 *  <CARL, VINCE, ISSAC BUTTONS with small, basic, large and extra-large>
 * =============================================================================
*/
.fab-btn {
  border-radius: 3px !important;
}
.fab-btn span {
  color: #ffffff !important;
  text-transform: capitalize !important;
}
.fab-btn.fab-btn-info button {
  background: #CCEBFF !important;
}
.fab-btn.fab-btn-info button:hover {
  background: #66C2FF !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
  color: #1a3b7a !important;
}
.fab-btn.fab-btn-info button:active {
  background: #1a3b7a !important;
  border-radius: 3px !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn.fab-btn-info button:active span {
  color: #ffffff !important;
}
.fab-btn.fab-btn-info button[disabled] {
  background: #ccc !important;
  box-shadow: none !important;
}
.fab-btn.fab-btn-info span {
  color: #1a3b7a !important;
}
.fab-btn.fab-btn-info div svg {
  fill: #1a3b7a !important;
}
.fab-btn button div svg {
  fill: #ffffff !important;
}
.fab-btn button div svg + span {
  padding-left: 4px !important;
}
.fab-btn-success button {
  background: #74ba00 !important;
}
.fab-btn-success button:hover {
  background: #acd666 !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn-success button:active {
  background: #538c31 !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn-success button[disabled] {
  background: #ccc !important;
  box-shadow: none !important;
}
.fab-btn-primary button {
  background: #0064FE !important;
}
.fab-btn-primary button:hover {
  background: #0064FE !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn-primary button:active {
  background: #5793f3 !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn-primary button[disabled] {
  background: #ccc !important;
  box-shadow: none !important;
}
.fab-btn-warning button {
  background: #FF5916 !important;
}
.fab-btn-warning button:hover {
  background: #F89E5D !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn-warning button:active {
  background: #c74a1b !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn-warning button[disabled] {
  background: #ccc !important;
  box-shadow: none !important;
}
.fab-btn-info button {
  background: #CCEBFF !important;
}
.fab-btn-info button:hover {
  background: #F4F4F4 !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn-info button:active {
  background: #999999 !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.fab-btn-info button[disabled] {
  background: #ccc !important;
  box-shadow: none !important;
}
.fab-btn-ghost {
  box-shadow: none!important;
}
.fab-btn-ghost button {
  background: transparent!important;
}
.fab-btn-ghost button span {
  color: #0064fe!important;
  text-decoration: underline!important;
  font-weight: normal!important;
}
.fab-btn-ghost button:hover {
  background-color: rgba(0, 100, 254, 0.05) !important;
  text-decoration: underline!important;
}
.fab-btn-ghost button:active {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
  background-color: rgba(0, 100, 254, 0.05) !important;
  text-decoration: underline!important;
}
.fab-btn-ghost button[disabled] {
  background: #ccc !important;
  box-shadow: none !important;
}
.fab-btn-small {
  min-width: 64px !important;
}
.fab-btn-small button {
  height: 32px !important;
  line-height: 32px !important;
}
.fab-btn-small button div {
  height: 32px !important;
}
.fab-btn-small button div svg {
  height: 16px !important;
  width: 16px !important;
}
.fab-btn-small button div span {
  font-size: 13px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.fab-btn-basic {
  min-width: 80px !important;
}
.fab-btn-basic button {
  height: 40px !important;
  line-height: 40px !important;
}
.fab-btn-basic button div {
  height: 40px !important;
}
.fab-btn-basic button div svg {
  height: 24px !important;
  width: 24px !important;
}
.fab-btn-basic button div span {
  font-size: 16px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.fab-btn-large {
  min-width: 96px !important;
}
.fab-btn-large button {
  height: 48px !important;
  line-height: 48px !important;
}
.fab-btn-large button div {
  height: 48px !important;
}
.fab-btn-large button div svg {
  height: 24px !important;
  width: 24px !important;
}
.fab-btn-large button div span {
  font-size: 16px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.fab-btn-extra-large {
  min-width: 96px !important;
}
.fab-btn-extra-large button {
  height: 56px !important;
  line-height: 56px !important;
}
.fab-btn-extra-large button div {
  height: 56px !important;
}
.fab-btn-extra-large button div svg {
  height: 32px !important;
  width: 32px !important;
}
.fab-btn-extra-large button div span {
  font-size: 20px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}
/*
 * =============================================================================
 *   <React DateTimpePicker Override>
 * =============================================================================
*/
.calendar-right.rw-widget .rw-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rw-input {
  color: #666;
  height: 2.28em;
}
.calendar-right .rw-select {
  left: 0;
  right: auto;
}
.rw-datetimepicker.calendar-right {
  padding-right: 0;
  padding-left: 1.9em;
}
.calendar-right.rw-widget > .rw-select {
  border-right: #ccc 1px solid;
  border-left: none;
}

.react-datepicker-wrapper{
  width: 100%;
}

.react-datepicker__month-container{
  width: max-content;
}

.WeekPickerComponent{
  width: 100%;
}

.time-calendar-right {
  padding: 7.5px 22px;
  border-radius: 4px;
  border: 1px solid #ccc;
   color: #33435b;
  width: 100%;
  height: 40px;
}

/* Ensure the react-datepicker calendar popover always renders above modals/overlays.
   Modals in this app sit around z-index 2000-2001; the calendar renders into the
   #datepicker-portal at <body> level, so it must sit above them to be visible. */
#datepicker-portal {
  position: relative;
  z-index: 3000;
}
.react-datepicker-popper {
  z-index: 3000 !important;
}

.time-calendar-right:focus {
   color: #33435b;
    outline: none;
    border: 1px solid #66a2fe;
    box-shadow: 0 0 0 1px #66a2fe;
}
.datepicker-error {
  color: #FF5916 !important;
}
.validation-error {
  color: #dd4343 !important;
}
.fui-input-label {
  font-weight: normal;
  color: #002D72;
  font-size: 14px;
  line-height: 18px;
}
.fui-form-control {
  color: #35445B!important;
  height: 40px!important;
  line-height: 22px!important;
  border: 1px solid #ffffff!important;
  box-shadow: 0 0 0 1px #ccd0d6!important;
  border-radius: 2px!important;
  font-size: 16px!important;
}
.fui-form-control:focus {
  border: 1px solid #63A0FF!important;
  box-shadow: 0 0 0 1px #63A0FF!important;
}
.m-input {
  margin-bottom: 1.5rem;
}
.m-input::-webkit-input-placeholder {
  color: #667284;
}
.m-input::-moz-placeholder {
  color: #667284;
}
.m-input:-ms-input-placeholder {
  color: #667284;
}
.m-input:-moz-placeholder {
  color: #667284;
}
.m-input-elementWrapper {
  position: relative;
}
.m-input-element {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px #ccd0d6;
  font-size: 1rem;
  font-family: inherit;
  padding: 0 .75rem;
  height: 2.5rem;
  color: #001432;
  border-radius: 2px;
  transition: 0.125s ease-in-out 0s;
  transition-property: border-color;
}
.m-input-element:focus {
  color: #33435b;
  outline: none;
  border: 1px solid #66a2fe;
  box-shadow: 0 0 0 1px #66a2fe;
}
.m-input-element:disabled {
  pointer-events: none;
  color: #99a1ad;
  background-color: #f2f3f5;
  border: 1px solid transparent;
  box-shadow: 0 0 0 1px #ccd0d6 !important;
}
.m-input-element:before {
  content: "";
}
.m-input-element[aria-readonly=true] {
  padding-left: 2rem;
  background-color: #f2f3f5;
  border: 1px solid transparent;
  box-shadow: 0 0 0 1px #ccd0d6;
}
.m-input-element.m-input-isValid {
  border: 1px solid #85d9b4;
  box-shadow: 0 0 0 1px #85d9b4;
}
.m-input-element.m-input-hasError,
.m-input-element.m-input-hasWarning {
  border: 1px solid #eb8676;
  box-shadow: 0 0 0 1px #eb8676;
}
.m-input input[type=search] {
  -webkit-appearance: textfield;
}
.m-input input[type=search]::-webkit-search-cancel-button,
.m-input input[type=search]::-webkit-search-decoration,
.m-input input[type=search]::-webkit-search-results-button,
.m-input input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.m-input input::-ms-clear,
.m-input input::-ms-reveal {
  display: none;
}
.m-input textarea {
  overflow: auto;
  resize: vertical;
  width: 100%;
  min-height: 10rem;
  padding-top: 1rem;
}
.m-input-errorMessage {
  display: block;
  visibility: visible;
  font-size: 1rem;
  line-height: 1.125rem;
  margin-top: .375rem;
  color: #de351b;
}
.m-input-passwordToggle,
.m-input-search {
  position: absolute;
  top: 0;
  bottom: 0;
  right: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.5rem;
  color: #33435b;
}
.m-input-passwordToggle:focus,
.m-input-search:focus {
  outline: 0 none;
}
.m-input-search {
  width: 1.75rem;
  height: 1.75rem;
  margin-top: .375rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #3383fe;
}
.m-input-readOnlyIcon {
  position: absolute;
  top: 0;
  left: .5rem;
  height: 2.5rem;
  width: 1rem;
  color: #99a1ad;
}
.m-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fui-app-header-secondary .nav-item {
  color: #66C2FF;
  font-size: 16px!important;
  padding-left: 16px;
  padding-right: 16px;
}
.fui-app-header-secondary .nav-item.active {
  border-bottom: 4px solid #66C2FF;
}
.fui-app-header-secondary .nav-item:hover {
  cursor: pointer;
}
.sidebar-menu .menu-item {
  color: #ffffff !important;
}
.sidebar-menu .sidebar-close-icon {
  color: #ffffff !important;
}
.sidebar-hamburger-icon {
  color: #fbe400 !important;
}
/*
 * =============================================================================
 *   <FUI PANELS>
 * =============================================================================
*/
.fui-panel-primary.fui-panel .fui-panel-header {
  background-color: #1a3b7a !important;
}
.fui-panel-info.fui-panel .fui-panel-header {
  background-color: #0099ff !important;
}
.fui-panel-success.fui-panel .fui-panel-header {
  background-color: #74ba00 !important;
  background-image: linear-gradient(-135deg, #86D600 0%, #74BA00 100%);
}
.fui-panel-warning.fui-panel .fui-panel-header {
  background-color: #fd9c35 !important;
}
.fui-panel-danger.fui-panel .fui-panel-header {
  background-color: #dd4343 !important;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(c3f3a1bc6bae4d12f9ef.woff2) format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.react-select-box-container {
  position: relative;
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: left;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 40px;
}
.react-select-box {
  padding: 12px 0;
  display: inline-block;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
  background-color: transparent;
}
.react-select-box:focus {
  outline: 0;
  box-shadow: 0 0 4px #0493D1;
}
.react-select-box:before {
  content: ' ';
  z-index: 1;
  position: absolute;
  height: 20px;
  top: 15px;
  right: 34px;
}
.react-select-box:after {
  content: '\E5CF';
  position: absolute;
  z-index: 0;
  top: 5px;
  right: 13px;
  color: #666;
  font-family: 'Material Icons';
  font-size: 24px;
}
.react-select-box-label,
.react-select-box-option {
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: #7B8E9B;
}
.react-select-box-label {
  padding: 0 40px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #444444;
  font-family: inherit;
  font-weight: 300;
  font-size: 14px;
}
.react-select-box-empty .react-select-box-label {
  color: #7B8E9B;
}
.react-select-box-click-outside-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.react-select-box-clear {
  position: absolute;
  top: 15px;
  right: 0;
  width: 35px;
  height: 20px;
  background-color: #fff;
  text-indent: -9999em;
  z-index: 3;
  border: none;
}
.react-select-box-clear:before {
  content: '\E5C9';
  position: absolute;
  top: 6px;
  left: 0;
  z-index: 1;
  border-radius: 100%;
  font-size: 24px;
  color: #666;
  line-height: 0;
  text-indent: 0;
  text-align: center;
  font-family: 'Material Icons';
}
.react-select-box-clear:hover,
.react-select-box-clear:focus {
  outline: 0;
}
.react-select-box-clear:hover:before,
.react-select-box-clear:focus:before {
  background-color: #0493D1;
}
.react-select-box-hidden {
  display: none;
}
.react-select-box-options {
  margin: 2px 0 0;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 4;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.react-select-box-options-list {
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.react-select-box-option {
  padding: 10px 20px;
  margin: 0;
  cursor: pointer;
  display: block;
  line-height: 1.2;
  text-decoration: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 300;
  color: #444444;
}
.react-select-box-option:hover {
  color: #0099FF;
  background-color: #f4f4f4;
  text-decoration: none;
  cursor: pointer;
}
.react-select-box-option-selected {
  color: #0099FF;
}
.react-select-box-multi .react-select-box-option {
  padding-left: 42px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.react-select-box-multi .react-select-box-option:before {
  content: '\E835';
  position: absolute;
  line-height: 1;
  text-align: center;
  left: 12px;
  top: 7px;
  font: normal normal normal 22px/1 'Material Icons';
  vertical-align: middle;
}
.react-select-box-multi .react-select-box-option-selected:before {
  content: '\E834';
  color: #0099FF;
}
.react-select-box-multi .react-select-box-option-selected {
  color: #1F3344;
}
.react-select-box-option:focus,
.react-select-box-option-focused {
  color: #0099FF;
  outline: 0;
  background-color: #DDE2E5;
}
.react-select-box-close {
  color: #0099FF;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  padding: 5px 0;
  display: block;
  text-align: center;
  width: 100%;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}
.react-select-box-close:hover,
.react-select-box-close:focus {
  text-decoration: underline;
}
.react-select-box-empty .react-select-box-close {
  color: #CBD2D7;
}
.react-select-box-native {
  position: absolute;
  left: -99999em;
}
.react-select-box-disabled {
  background-color: #eeeeee;
}
#filterInputDiv {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.sectionOptions {
  max-height: 230px;
  overflow-y: overlay;
}
.snack-bar-success > div {
  background: #74ba00 !important;
}
.snack-bar-primary > div {
  background: #1a3b7a !important;
}
.snack-bar-info > div {
  background: #CCEBFF !important;
}
.snack-bar-info > div span {
  color: #1a3b7a !important;
}
.snack-bar-warning > div {
  background: #FF5916 !important;
}
.fabric-autocomplete > div {
  bottom: 6px !important;
}
.fabric-autocomplete hr {
  display: none;
}
.fabric-autocomplete:focus {
  border-color: #66c2ff;
  outline: 0;
  box-shadow: inset 0 1px 1px #66c2ff, 0 0 8px #66c2ff;
}
a {
  text-decoration: none!important;
}
.no-borders {
  border: none!important;
  border-radius: 0;
}
/*TYPOGRAPHY*/
/*.font-light {
	font-weight: 100;
}*/
.font-thin {
  font-weight: 300;
}
.text-base {
  color: #666!important;
}
.text-muted {
  color: #818a91!important;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
/*
 * =============================================================================
 *   <CURSOR>
 * =============================================================================
*/
.fui-clickable {
  cursor: pointer;
}
/*
 * =============================================================================
 *   <SPACING>
 * =============================================================================
*/
.m-t-0 {
  margin-top: 0!important;
}
.m-b-75,
.margin-bottom-75 {
  margin-bottom: .75rem;
}
.no-margins {
  margin: 0!important;
}
.text-group-item {
  display: inline-block;
  margin: .75rem;
}
/*
 * =============================================================================
 *   <BOOTSTRAP CARD STYLES>
 * =============================================================================
*/
.card {
  position: relative;
  display: block;
  margin-bottom: .75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: .25rem;
  height: auto;
}
.card-header {
  padding: .75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}
.card-block {
  padding: 1.25rem;
}
.card-title {
  margin-bottom: .75rem;
}
.card-footer:last-child {
  border-radius: 0 0 .25rem .25rem;
}
.card-footer {
  padding: .75rem 1.25rem!important;
  /*margin-bottom: -8px;*/
  background-color: #F7F8F9;
  border-top: 1px solid #e5e5e5;
}
.no-borders {
  border: 0!important;
  border-radius: 0!important;
}
/*
 * =============================================================================
 *   <CARD STYLES>
 * =============================================================================
*/
.mdg-card-margin-bottom {
  margin-bottom: .75rem;
}
.card-success-brand {
  background-color: #36a372 !important;
}
.card-success-brand .title {
  color: #ffffff !important;
}
.card-success-brand .card-text {
  color: rgba(255, 255, 255, 0.65);
}
.card-white-brand {
  background-color: #ffffff !important;
}
.card-white-brand .title {
  color: #0099ff !important;
}
.card-white-brand .card-text {
  color: #666 !important;
}
.card-info-brand {
  background-color: #0099ff !important;
}
.card-info-brand .title {
  color: #ffffff !important;
}
.card-info-brand .card-text {
  color: rgba(255, 255, 255, 0.65) !important;
}
.card-primary-brand {
  background-color: #5677fc;
  background-image: linear-gradient(-135deg, #738EFC 0%, #516FE4 100%);
}
.card-primary-brand .title {
  color: #ffffff !important;
}
.card-primary-brand .card-text {
  color: rgba(255, 255, 255, 0.65) !important;
}
.card-danger-brand {
  background-color: #dd4343 !important;
}
.card-danger-brand .title {
  color: #ffffff !important;
}
.card-danger-brand .card-text {
  color: rgba(255, 255, 255, 0.65) !important;
}
.card-warning-brand {
  background-color: #fd9c35 !important;
}
.card-warning-brand .title {
  color: #ffffff !important;
}
.card-warning-brand .card-text {
  color: rgba(255, 255, 255, 0.65) !important;
}
.card-success-special-brand {
  background-image: linear-gradient(-135deg, #86D600 0%, #74BA00 100%);
  background-color: #74BA00;
}
.card-success-special-brand .title {
  color: #ffffff !important;
}
.card-success-special-brand .card-text {
  color: rgba(255, 255, 255, 0.65);
}
.card-warning-special-brand {
  background-color: #ff5917!important;
}
.card-warning-special-brand .title {
  color: #ffffff !important;
}
.card-warning-special-brand .card-text {
  color: rgba(255, 255, 255, 0.65) !important;
}
.toastr-notification {
  top: 58px;
  bottom: inherit!important;
  -webkit-transform: translate(50px, 20px);
          transform: translate(50px, 20px);
}
.requiredMark > label:after {
  content: '*';
  color: #e03305;
}
label.requiredMark::after {
  content: '*';
  color: #e03305;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
/**
 * _generic.scss partial
 *
 * Contains general imports for global usaged. First layer to output CSS
 *
 * @author christian.nies@uxi.de
 */
/* apply a natural box layout model to all elements, but allowing components to change */
/* @see https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
}

html.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

@media (max-width: 320px) {
  html {
    font-size: 14px;
  }
}

/**
 * Apply appropriate box sizing
 */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/**
 * Importing helpers
 */
/**
 * helpers includes generic helpers for global use
 */
.centered {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.highcharts-container, .highcharts-container svg {
  width: 100% !important;
}

.mobile-only {
  display: none;
  visibility: hidden;
}

@media (min-width: 321px) {
  .mobile-only {
    display: block;
    visibility: visible;
  }
}

.desktop-only {
  display: block;
  visibility: visible;
}

@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
    visibility: hidden !important;
  }
}

.nowrap {
  white-space: nowrap;
}

.alignRight {
  margin-left: auto;
}

.centeredHV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.line-through {
  text-decoration: line-through;
}

/**
   * Color gradients
   *
   * TODO Replace hard coded color values with variables if possible
   * TODO Move to appropriate file
   */
.grad-metro-blue {
  background-image: linear-gradient(to bottom right, #1b50a0 0%, #002d72 100%);
}

.grad-metro-blue-light {
  background-image: linear-gradient(to bottom, #f7faff 0%, #f2f7ff 100%);
}

.grad-blue {
  background-image: linear-gradient(to bottom right, #66a2fe 0%, #0064fe 100%);
}

.grad-green {
  background-image: linear-gradient(to bottom right, #85d9b4 0%, #34c082 100%);
}

/**
 * Importing font stack
 */
/* Bold */
@font-face {
  font-family: "Lato";
  src: url(a71b68edff9e94c35094.eot);
  /* IE9 Compat Modes */
  src: url(a71b68edff9e94c35094.eot?#iefix) format("embedded-opentype"), url(75f024ce11d1fb961e8c.woff2) format("woff2"), url(5b824a726edcf6642539.woff) format("woff"), url(ba81e9fe23612fe14264.ttf) format("truetype");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

/* Bold Italic */
@font-face {
  font-family: "Lato";
  src: url(3f8a7636622f058c23a5.eot);
  /* IE9 Compat Modes */
  src: url(3f8a7636622f058c23a5.eot?#iefix) format("embedded-opentype"), url(353a3bb93ba34c9b0476.woff2) format("woff2"), url(e014213d2c1456d5f1af.woff) format("woff"), url(3ee268b7ef0c81fbb239.ttf) format("truetype");
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */
@font-face {
  font-family: "Lato";
  src: url(a535f1663295e4d3a7fc.eot);
  /* IE9 Compat Modes */
  src: url(a535f1663295e4d3a7fc.eot?#iefix) format("embedded-opentype"), url(e244488c8cc2f5337153.woff2) format("woff2"), url(848f3a6e80058194c450.woff) format("woff"), url(2a5730eb90a8be72bc93.ttf) format("truetype");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */
@font-face {
  font-family: "Lato";
  src: url(738871ed9b5e8b3b2d78.eot);
  /* IE9 Compat Modes */
  src: url(738871ed9b5e8b3b2d78.eot?#iefix) format("embedded-opentype"), url(dcb1947bf381a2824c71.woff2) format("woff2"), url(ed49088eb627c1c0155d.woff) format("woff"), url(20f105750babd5827e29.ttf) format("truetype");
  font-style: italic;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */
@font-face {
  font-family: "Lato";
  src: url(19df47b6173ee16371f8.eot);
  /* IE9 Compat Modes */
  src: url(19df47b6173ee16371f8.eot?#iefix) format("embedded-opentype"), url(75614cfcfedd509b1f7a.woff2) format("woff2"), url(1d2ca94dfba6f8d87cfd.woff) format("woff"), url(bb14dc80e8b5d860fe9c.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */
@font-face {
  font-family: "Lato";
  src: url(2f91a4b63d1e65b9dc8e.eot);
  /* IE9 Compat Modes */
  src: url(2f91a4b63d1e65b9dc8e.eot?#iefix) format("embedded-opentype"), url(bb5de40edffdbd3ab519.woff2) format("woff2"), url(62a9c838c99d073c7ba6.woff) format("woff"), url(22694696c76f3f352b01.ttf) format("truetype");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/**
 * Importing colorsystem
 */
/**
 * Creates css classes for all colors defined in __settings:
 *
 *  e.g. `.blue` for blue text color and `.bg-blue` for a blue background.
 *
 */
.metro-blue {
  color: #002d72;
}

.bg-metro-blue {
  background-color: #002d72;
}

.metro-blue-tint-20 {
  color: #33578e;
}

.bg-metro-blue-tint-20 {
  background-color: #33578e;
}

.metro-blue-tint-40 {
  color: #6681aa;
}

.bg-metro-blue-tint-40 {
  background-color: #6681aa;
}

.metro-blue-tint-60 {
  color: #99abc7;
}

.bg-metro-blue-tint-60 {
  background-color: #99abc7;
}

.metro-blue-tint-80 {
  color: #ccd5e3;
}

.bg-metro-blue-tint-80 {
  background-color: #ccd5e3;
}

.metro-blue-tint-90 {
  color: #e6eaf1;
}

.bg-metro-blue-tint-90 {
  background-color: #e6eaf1;
}

.metro-blue-tint-95 {
  color: #f2f5f8;
}

.bg-metro-blue-tint-95 {
  background-color: #f2f5f8;
}

.metro-blue-shade-20 {
  color: #00245b;
}

.bg-metro-blue-shade-20 {
  background-color: #00245b;
}

.metro-blue-shade-40 {
  color: #001b44;
}

.bg-metro-blue-shade-40 {
  background-color: #001b44;
}

.metro-blue-shade-60 {
  color: #00122e;
}

.bg-metro-blue-shade-60 {
  background-color: #00122e;
}

.metro-yellow {
  color: #ffed00;
}

.bg-metro-yellow {
  background-color: #ffed00;
}

.blue {
  color: #0064fe;
}

.bg-blue {
  background-color: #0064fe;
}

.blue-tint-20 {
  color: #3383fe;
}

.bg-blue-tint-20 {
  background-color: #3383fe;
}

.blue-tint-40 {
  color: #66a2fe;
}

.bg-blue-tint-40 {
  background-color: #66a2fe;
}

.blue-tint-60 {
  color: #99c1ff;
}

.bg-blue-tint-60 {
  background-color: #99c1ff;
}

.blue-tint-80 {
  color: #cce0ff;
}

.bg-blue-tint-80 {
  background-color: #cce0ff;
}

.blue-tint-90 {
  color: #e6f0ff;
}

.bg-blue-tint-90 {
  background-color: #e6f0ff;
}

.blue-tint-95 {
  color: #f2f7ff;
}

.bg-blue-tint-95 {
  background-color: #f2f7ff;
}

.blue-shade-20 {
  color: #0050cb;
}

.bg-blue-shade-20 {
  background-color: #0050cb;
}

.blue-shade-40 {
  color: #003c98;
}

.bg-blue-shade-40 {
  background-color: #003c98;
}

.blue-shade-60 {
  color: #002866;
}

.bg-blue-shade-60 {
  background-color: #002866;
}

.green {
  color: #34c082;
}

.bg-green {
  background-color: #34c082;
}

.green-tint-20 {
  color: #5dcd9b;
}

.bg-green-tint-20 {
  background-color: #5dcd9b;
}

.green-tint-40 {
  color: #85d9b4;
}

.bg-green-tint-40 {
  background-color: #85d9b4;
}

.green-tint-60 {
  color: #aee6cd;
}

.bg-green-tint-60 {
  background-color: #aee6cd;
}

.green-tint-80 {
  color: #d6f2e6;
}

.bg-green-tint-80 {
  background-color: #d6f2e6;
}

.green-tint-90 {
  color: #ebf9f3;
}

.bg-green-tint-90 {
  background-color: #ebf9f3;
}

.green-tint-95 {
  color: #f5fcf9;
}

.bg-green-tint-95 {
  background-color: #f5fcf9;
}

.green-shade-20 {
  color: #2a9a68;
}

.bg-green-shade-20 {
  background-color: #2a9a68;
}

.green-shade-40 {
  color: #1f734e;
}

.bg-green-shade-40 {
  background-color: #1f734e;
}

.green-shade-60 {
  color: #154d34;
}

.bg-green-shade-60 {
  background-color: #154d34;
}

.red {
  color: #de351b;
}

.bg-red {
  background-color: #de351b;
}

.red-tint-20 {
  color: #e55d49;
}

.bg-red-tint-20 {
  background-color: #e55d49;
}

.red-tint-40 {
  color: #eb8676;
}

.bg-red-tint-40 {
  background-color: #eb8676;
}

.red-tint-60 {
  color: #f2aea4;
}

.bg-red-tint-60 {
  background-color: #f2aea4;
}

.red-tint-80 {
  color: #f8d7d1;
}

.bg-red-tint-80 {
  background-color: #f8d7d1;
}

.red-tint-90 {
  color: #fcebe8;
}

.bg-red-tint-90 {
  background-color: #fcebe8;
}

.red-tint-95 {
  color: #fdf5f4;
}

.bg-red-tint-95 {
  background-color: #fdf5f4;
}

.red-shade-20 {
  color: #b22a16;
}

.bg-red-shade-20 {
  background-color: #b22a16;
}

.red-shade-40 {
  color: #852010;
}

.bg-red-shade-40 {
  background-color: #852010;
}

.red-shade-60 {
  color: #59150b;
}

.bg-red-shade-60 {
  background-color: #59150b;
}

.grey {
  color: #001432;
}

.bg-grey {
  background-color: #001432;
}

.grey-tint-20 {
  color: #33435b;
}

.bg-grey-tint-20 {
  background-color: #33435b;
}

.grey-tint-40 {
  color: #667284;
}

.bg-grey-tint-40 {
  background-color: #667284;
}

.grey-tint-60 {
  color: #99a1ad;
}

.bg-grey-tint-60 {
  background-color: #99a1ad;
}

.grey-tint-80 {
  color: #ccd0d6;
}

.bg-grey-tint-80 {
  background-color: #ccd0d6;
}

.grey-tint-90 {
  color: #e6e8eb;
}

.bg-grey-tint-90 {
  background-color: #e6e8eb;
}

.grey-tint-95 {
  color: #f2f3f5;
}

.bg-grey-tint-95 {
  background-color: #f2f3f5;
}

.white {
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff;
}

.black {
  color: #000000;
}

.bg-black {
  background-color: #000000;
}

.purple {
  color: #9b0053;
}

.bg-purple {
  background-color: #9b0053;
}

.purple-tint-20 {
  color: #af3375;
}

.bg-purple-tint-20 {
  background-color: #af3375;
}

.purple-tint-40 {
  color: #c36698;
}

.bg-purple-tint-40 {
  background-color: #c36698;
}

.purple-tint-60 {
  color: #d799ba;
}

.bg-purple-tint-60 {
  background-color: #d799ba;
}

.purple-tint-80 {
  color: #ebccdd;
}

.bg-purple-tint-80 {
  background-color: #ebccdd;
}

.purple-tint-90 {
  color: #f5e6ee;
}

.bg-purple-tint-90 {
  background-color: #f5e6ee;
}

.purple-tint-95 {
  color: #faf2f6;
}

.bg-purple-tint-95 {
  background-color: #faf2f6;
}

.purple-shade-20 {
  color: #7c0042;
}

.bg-purple-shade-20 {
  background-color: #7c0042;
}

.purple-shade-40 {
  color: #5d0032;
}

.bg-purple-shade-40 {
  background-color: #5d0032;
}

.purple-shade-60 {
  color: #3e0021;
}

.bg-purple-shade-60 {
  background-color: #3e0021;
}

/**
 * Importing typography
 */
.m-inverted {
  color: #ffffff !important;
}

.m h2.centered {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 2rem;
  text-align: center;
}

.m .cellContainerHeadline,
.cellContainerHeadline {
  font-weight: normal;
  font-size: 2rem;
}

.m h1.viewTitle,
h1.viewTitle {
  font-size: 4rem;
  font-weight: bold;
  margin: 4.125rem 0 1.5rem;
}

/**
 * _elements.scss partial
 *
 * Contains style definitions for bare semantic HTML elements
 */
a {
  color: #0064fe;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: none;
}

html:not(.touchevents) a:hover {
  text-decoration: underline;
}

html:not(.touchevents) a:focus {
  text-decoration: underline;
  outline: none;
}

a.underline {
  text-decoration: underline;
}

a.no-underline {
  text-decoration: none !important;
}

a.white {
  color: #ffffff;
}

a.gray {
  color: #667284;
}

a.active {
  pointer-events: none;
}

a.m-muted {
  text-decoration: underline;
  color: #001432;
}

html:not(.touchevents) a.m-muted:hover {
  color: #0064fe;
}

a.profile {
  color: #002d72;
}

a.profile:hover {
  text-decoration: none;
}

li a {
  display: block;
  cursor: pointer;
}

a[aria-selected="false"] {
  color: #667284;
  font-weight: normal;
}

a[aria-selected="true"] {
  color: #002d72 !important;
  font-weight: normal;
  pointer-events: none;
}

.footer-link {
  color: #000000;
  padding: 0 0.5rem;
  font-size: 0.825rem;
  text-decoration: none;
}

.footer-link:first-child {
  padding-left: 0;
}

.footer-link:last-child {
  padding-right: 0;
}

/* Todo: check if can be removed, also exists in NavigationHeader */
a.back-link {
  float: left;
  margin-left: 0;
  padding-left: 1.5rem;
  -ms-flex-item-align: center;
      align-self: center;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body {
  font-family: Lato, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 auto;
}

footer {
  color: #667284;
  background-color: #ffffff;
  min-height: 2.875rem;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8275rem;
}

.footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-right img {
  margin-right: 4px;
}

@media (min-width: 321px) {
  .footer-right {
    display: none;
    visibility: hidden;
  }
}

form {
  width: 100%;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

/**
 * All m-hX are set with and without .m prefix, to enable override when .m is set e.g. on the body
 */
.m h1,
.m .m-h1,
.m-h1 {
  font-weight: normal;
  font-size: 2rem;
  line-height: 2.5rem;
  color: #002d72;
}

.m h1.m-intro,
.m .m-h1.m-intro,
.m-h1.m-intro {
  font-weight: 900;
  font-size: 5rem;
  line-height: 6rem;
}

.m h2,
.m .m-h2,
.m-h2 {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #002d72;
}

.m h3,
.m .m-h3,
.m-h3 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #002d72;
}

.m h4,
.m .m-h4,
.m-h4 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #002d72;
}

.m h5,
.m .m-h5,
.m-h5 {
  font-weight: bold;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #001432;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #f2f3f5;
  margin: 1em 0;
  padding: 0;
}

main {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  width: 100%;
  height: 100vh;
  margin-bottom: 2rem;
}

.m p,
.m-p {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #001432;
}

p.large {
  font-size: 1.25rem;
}

p.light {
  font-weight: 400;
}

/* TODO: refactor, think of a better solution */
img.full-width {
  max-width: 100%;
}

/**
 * General style definitions for menubar navigation list.
 *
 * @section Navigation
 *
 * @page List elements
 *
 * @example
 * <nav class="main-navigation" role="navigation">
 * <ul role="menubar">
 * <li>
 * <a aria-selected="false" href="register_company.html">Register Company</a>
 * </li>
 * <li>
 * <a aria-selected="false" href="profile_data.html">Profile Data</a>
 * </li>
 * <li>
 * <a aria-selected="false" href="business_profile.html">Business Profile</a>
 * </li>
 * <li>
 * <a aria-selected="false" href="help.html">Help</a>
 * </li>
 * </ul>
 * </nav>
 */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

[role="menubar"] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sub-navigation {
  line-height: 200%;
}

@media (min-width: 321px) {
  .sub-navigation {
    display: none;
    visibility: hidden;
  }
}

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

.list-composite__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1.5rem;
}

.mobile-navigation {
  z-index: 20;
  position: absolute;
  display: block;
  left: 0;
  top: 9rem;
  width: 100%;
  height: 100%;
}

.content-list-item {
  max-width: 34rem;
  height: 6rem;
  border: 1px solid #ccd0d6;
  border-top: none;
}

.content-list-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content-list-item:first-child {
  border-top: 1px solid #ccd0d6;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.content-list-item:nth-last-child(-n + 1) {
  border-bottom: 1px solid #ccd0d6;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

@media (min-width: 321px) {
  .content-list-item {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
    border-right: none;
    border-left: none;
  }
  .content-list-item:first-child {
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .content-list-item:nth-last-child(-n + 1) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.navigation-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1.5rem;
  height: 5rem;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #eeeeee;
  color: #002d72;
  background-color: #ffffff;
}

.navigation-list__item > img {
  margin-right: 1rem;
}

.navigation-list__item span {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.notifications-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 5rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #f2f3f5;
}

.notifications-list__item:first-child {
  border-top: none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.notifications-list__item:nth-last-child(-n + 1) {
  border-bottom: 1px solid #f2f3f5;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.notifications-list__item-content {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-left: 1rem;
}

.notifications-list__item-controls {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 0;
}

@media (min-width: 321px) {
  .notifications-list__item {
    padding: 0;
  }
  .notifications-list__item-controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.custom-dropdown {
  overflow-y: scroll;
  min-height: 100px;
  box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.2);
}

.custom-dropdown li {
  display: block;
  min-height: 2.625rem;
}

.custom-dropdown li:hover {
  background-color: #f2f3f5;
}

small {
  font-weight: normal;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: currentColor;
}

/**
 * _components.scss partial
 *
 * Importing and including specific UI components for both, CSS only and ReactJS implementation.
 */
.m-segmentedControl {
  margin-bottom: 1.5rem;
}

.m-segmentedControl-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border: 1px solid #66a2fe;
  border-radius: 0.1875rem;
  margin-bottom: 0.1875rem;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  overflow: hidden;
}

.m-segmentedControl-isVertical .m-segmentedControl-options {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.m-segmentedControl-isVertical .m-segmentedControl-option {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.m-segmentedControl-isVertical .m-segmentedControl-option + .m-segmentedControl-option {
  border-left: none;
  border-top: 1px solid #66a2fe;
}

.m-segmentedControl-option {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  margin: 0;
  padding: 0.6875rem 0;
  height: 2.5rem;
  outline: none;
  text-align: center;
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  border: 0;
  border-radius: 0;
  color: #0064fe;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Don't use focus() mixin, to also disable outline for touch devices */
}

.m-segmentedControl-option + .m-segmentedControl-option {
  border-left: 1px solid #66a2fe;
}

.m-segmentedControl-option:focus {
  outline: none;
}

html:not(.touchevents) .m-segmentedControl-option:focus {
  color: #0050cb;
  font-weight: bold;
}

html:not(.touchevents) .m-segmentedControl-option:hover {
  text-decoration: underline;
  outline: none;
}

.m-segmentedControl-option-isActive {
  background-color: #e6f0ff;
  color: #0050cb;
  font-weight: bold;
  pointer-events: none;
}

.m-segmentedControl-option:last-child {
  border-right: none;
}

.m-button {
  position: relative;
  height: 2.5rem;
  padding: 0 1rem;
  vertical-align: middle;
  border: 0;
  border-radius: 0.125rem;
  color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background-color 125ms ease, box-shadow 125ms ease;
  /* Color override. Breaks consistency and should be used as less as possible. */
}

.m-button .m-icon {
  margin: 0 0.5rem;
  vertical-align: bottom;
  font-size: 1.25rem;
  width: 1em;
  height: 1em;
  -webkit-transform: translateY(-0.125rem);
          transform: translateY(-0.125rem);
}

.m-button-small .m-icon {
  font-size: 1rem;
}

.m-button-large .m-icon {
  font-size: 1.5rem;
}

.m-button.m-button-isDisabled, .m-button:disabled {
  box-shadow: none;
  cursor: not-allowed;
}

.m-button-disabledShaker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.m-button-isShaking {
  -webkit-animation: btn-shake 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
          animation: btn-shake 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

@-webkit-keyframes btn-shake {
  0% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  20% {
    -webkit-transform: translateX(-2.5px);
            transform: translateX(-2.5px);
  }
  40% {
    -webkit-transform: translateX(1.5px);
            transform: translateX(1.5px);
  }
  60% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  80% {
    -webkit-transform: translateX(0.5px);
            transform: translateX(0.5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes btn-shake {
  0% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  20% {
    -webkit-transform: translateX(-2.5px);
            transform: translateX(-2.5px);
  }
  40% {
    -webkit-transform: translateX(1.5px);
            transform: translateX(1.5px);
  }
  60% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  80% {
    -webkit-transform: translateX(0.5px);
            transform: translateX(0.5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.m-button-primary, .m-button-primaryRaised {
  color: #ffffff;
  background-color: #0064fe;
}

html:not(.touchevents) .m-button-primary:hover, html:not(.touchevents) .m-button-primaryRaised:hover {
  background-color: #0050cb;
}

html:not(.touchevents) .m-button-primary:focus, html:not(.touchevents) .m-button-primaryRaised:focus {
  background-color: #0050cb;
}

.m-button-primary:active, .m-button-primaryRaised:active {
  background-color: #0050cb;
}

.m-button-primaryRaised {
  box-shadow: 0 2px 4px 0 rgba(0, 45, 114, 0.2);
}

.m-button-primaryRaised:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 45, 114, 0.2);
}

.m-button-secondary {
  color: #002d72;
  background-color: #e6f0ff;
}

html:not(.touchevents) .m-button-secondary:hover {
  background-color: #cce0ff;
}

html:not(.touchevents) .m-button-secondary:focus {
  background-color: #cce0ff;
}

.m-button-secondary:active {
  background-color: #cce0ff;
}

.m-button-primary.m-button-isDisabled, .m-button-primary:disabled, .m-button-primaryRaised.m-button-isDisabled, .m-button-primaryRaised:disabled, .m-button-secondary.m-button-isDisabled, .m-button-secondary:disabled {
  color: #667284;
  background-color: #e6e8eb;
  background-image: repeating-linear-gradient(40deg, #e0e1e3 0, #e0e1e3 2px, #e9eaed 2px, #e9eaed 10px);
}

html:not(.touchevents) .m-button-primary.m-button-isDisabled:hover, html:not(.touchevents) .m-button-primary:disabled:hover, html:not(.touchevents) .m-button-primaryRaised.m-button-isDisabled:hover, html:not(.touchevents) .m-button-primaryRaised:disabled:hover, html:not(.touchevents) .m-button-secondary.m-button-isDisabled:hover, html:not(.touchevents) .m-button-secondary:disabled:hover {
  background-color: #e6e8eb;
  text-decoration: none;
  box-shadow: none;
}

.m-button-ghost, .m-button-ghostMuted {
  color: #0064fe;
  background: transparent;
  font-weight: normal;
}

html:not(.touchevents) .m-button-ghost:hover, html:not(.touchevents) .m-button-ghostMuted:hover {
  background-color: rgba(0, 100, 254, 0.05);
  text-decoration: underline;
}

html:not(.touchevents) .m-button-ghost:focus, html:not(.touchevents) .m-button-ghostMuted:focus {
  background-color: rgba(0, 100, 254, 0.05);
  text-decoration: underline;
}

.m-button-ghost:active, .m-button-ghostMuted:active {
  background-color: rgba(0, 100, 254, 0.05);
  text-decoration: underline;
}

.m-button-ghost.m-button-isDisabled, .m-button-ghost:disabled, .m-button-ghostMuted.m-button-isDisabled, .m-button-ghostMuted:disabled {
  color: #99a1ad;
}

html:not(.touchevents) .m-button-ghost.m-button-isDisabled:hover, html:not(.touchevents) .m-button-ghost:disabled:hover, html:not(.touchevents) .m-button-ghostMuted.m-button-isDisabled:hover, html:not(.touchevents) .m-button-ghostMuted:disabled:hover {
  background-color: transparent;
  color: #99a1ad;
  text-decoration: none;
}

.m-button-ghostMuted {
  color: #001432;
}

.m-button.m-button-waiting {
  position: relative;
  text-decoration: none;
}

.m-button.m-button-waiting > span {
  color: transparent;
}

.m-button.m-button-waiting .m-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 0.6875rem;
}

html:not(.touchevents) .m-button.m-button-waiting:hover {
  text-decoration: none;
}

.m-button-large {
  height: 3rem;
  padding: 0 2rem;
  font-size: 1.125rem;
}

.m-button-small {
  height: auto; 
   /* changed from 2rem to auto as text werent aligned centrally */
  padding: 0 0.75rem;
  font-size: 0.875rem;
}

.m-button-block {
  display: block;
  width: 100%;
  margin: 1rem 0;
  padding: 0;
}

.m-button-isDarkBlue {
  background-color: #002866;
  color: #ffffff;
}

input.m-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none !important;
  color: #ffffff;
}

.m-labelIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-labelIcon > .m-label {
  padding-right: 8px;
}

.m-labelIcon > .m-Icon {
  max-height: 1.2rem;
}

@media (max-width: 321px) {
  .m-labelIcon .m-Icon {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

a.m-button-block {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

a.m-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

a.m-button:hover {
  text-decoration: none !important;
}

a.m-button:focus {
  text-decoration: none;
}

.m-bottomNavigation {
  height: 5rem;
}

.m-bottomNavigation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  padding: 0;
  height: 5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #002d72;
}

.m-bottomNavigation-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  margin: 0;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  height: 100%;
  box-shadow: none;
  border: none;
  border-radius: 0;
  background-color: #002d72;
  color: #ffffff;
  font-size: 0.6875rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html:not(.touchevents) .m-bottomNavigation-button:focus {
  color: #ffffff;
}

.m-bottomNavigation-button:focus {
  outline: none;
}

.m-bottomNavigation-button-isActive {
  color: #ffed00;
}

.m-bottomNavigation-buttonLabel {
  display: block;
  margin-top: 0.125rem;
  font-weight: bold;
  text-transform: uppercase;
}

.m-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  font-size: 1rem;
  cursor: pointer;
}

html:not(.touchevents) .m-checkbox:hover .m-checkbox-input:not(:disabled) + .m-checkbox-inputIcon {
  border-color: #0064fe;
}

.m-checkbox-inputIcon {
  position: relative;
  float: left;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.125rem solid #99a1ad;
  border-radius: 0.125rem;
  background-color: #ffffff;
  transition: background-color, border-color;
  transition-duration: 0.35s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  will-change: background-color, border-color;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.m-checkbox-inputIcon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: 0;
  height: 0;
  border-radius: 0.125rem;
  background-color: transparent;
  transition: width, height, background-color;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.m-checkbox-inputIcon svg {
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
}

.m-checkbox-inputIcon svg polyline {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1.125rem;
  stroke-dashoffset: 1.125rem;
  will-change: stroke-dashoffset;
  transition: stroke-dashoffset 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

.m-checkbox-input {
  position: absolute;
  opacity: 0;
}

.m-checkbox-input:focus + .m-checkbox-inputIcon:before {
  width: 2rem;
  height: 2rem;
  background-color: #cce0ff;
}

.m-checkbox-input:checked + .m-checkbox-inputIcon {
  border-color: #0064fe;
  background-color: #0064fe;
  transition-delay: 0s;
}

.m-checkbox-input:checked + .m-checkbox-inputIcon polyline {
  stroke-dashoffset: 0;
  transition-delay: 0.15s;
}

.m-checkbox-input:disabled:not(:checked) + .m-checkbox-inputIcon {
  border-width: 0.0625rem;
  padding: 0.0625rem;
}

.m-checkbox-input:checked:disabled + .m-checkbox-inputIcon {
  border-color: #99a1ad;
  background-color: #99a1ad;
}

.m-checkbox-input:disabled + .m-checkbox-inputIcon {
  border-color: #e6e8eb;
  background-color: #f2f3f5;
}

.m-checkbox-input:disabled ~ .m-checkbox-label,
.m-checkbox-input:disabled ~ .m-checkbox-label strong {
  color: #99a1ad;
}

.m-checkbox-label {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #33435b;
  margin-left: 0.75rem;
}

.m-checkbox-label > strong {
  color: #002d72;
}

.m-choiceList {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  list-style: none;
}

.m-choiceList > li {
  transition: background-color 0.125s ease-in-out 0s;
  position: relative;
  padding: 1rem 1.5rem;
  width: 100%;
  box-shadow: inset 0 -1px 0 0 #f2f3f5;
}

.m-choiceList > li > a:hover,
.m-choiceList > li > a:focus {
  text-decoration: none;
}

.m-choiceList > li:not(.m-choiceList-header) {
  min-height: 4.25rem;
}

.m-choiceList > li.m-choiceList-header {
  padding: 0.375rem 1.5rem 0.375rem 0.75rem;
  color: #6681aa;
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #f2f3f5;
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.25rem;
  text-transform: uppercase;
}

.m-choiceList > .m-choiceList-linkItem {
  padding: 0;
}

.m-choiceList-link {
  display: block;
  padding: 1rem 1.5rem;
  color: #667284;
  font-weight: bold;
}

.m-choiceList-linkItem-isSelected .m-choiceList-link {
  color: #001432;
}

.m-choiceList-link strong {
  color: #0064fe;
}

.m-choiceList-linkItem-isSelected .m-choiceList-link strong {
  color: #001432;
}

html:not(.touchevents) .m-choiceList:not(.m-choiceList-noHover) li:not(.m-choiceList-header):hover {
  background-color: #f2f7ff;
}

.m-choiceList-bordered {
  border: 1px solid #ccd0d6;
  border-radius: 3px;
}

.m-choiceList-bordered > li:not(:last-child) {
  box-shadow: inset 0 -1px 0 0 #ccd0d6;
}

.m-choiceList-compact > li:not(.m-choiceList-header) {
  min-height: 0;
}

.m-radioButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  font-size: 1rem;
  cursor: pointer;
}

html:not(.touchevents) .m-radioButton:hover .m-radioButton-input:not(:disabled) + .m-radioButton-inputIcon {
  border-color: #0064fe;
}

.m-radioButton-inputIcon {
  position: relative;
  float: left;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.3125rem;
  border: 0.125rem solid #99a1ad;
  border-radius: 50%;
  background-color: #ffffff;
  transition: background-color, border-color;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease, ease;
  will-change: background-color, border-color;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.m-radioButton-inputIcon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: transparent;
  transition: width 0.3s, height 0.3s, background-color 0.3s;
  transition-timing-function: cubic-bezier(0.77, 0, 0.32, 1);
}

.m-radioButton-inputIcon:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  border-radius: 50%;
  background-color: #0064fe;
  transition: -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.m-radioButton-input {
  position: absolute;
  opacity: 0;
}

.m-radioButton-input:focus + .m-radioButton-inputIcon:before {
  width: 2rem;
  height: 2rem;
  background-color: #cce0ff;
}

.m-radioButton-input:checked + .m-radioButton-inputIcon {
  border-color: #0064fe;
}

.m-radioButton-input:checked + .m-radioButton-inputIcon:after {
  -webkit-transform: scale(0.625);
          transform: scale(0.625);
  /* 16 * 0.625 = 10 */
}

.m-radioButton-input:checked:disabled + .m-radioButton-inputIcon {
  border-color: #99a1ad;
  background-color: #ffffff;
}

.m-radioButton-input:checked:disabled + .m-radioButton-inputIcon:after {
  background-color: #99a1ad;
}

.m-radioButton-input:disabled + .m-radioButton-inputIcon {
  border-color: #e6e8eb;
  background-color: #f2f3f5;
}

.m-radioButton-input:disabled:not(:checked) + .m-radioButton-inputIcon {
  border-width: 1px;
}

.m-radioButton-input:disabled ~ .m-radioButton-label,
.m-radioButton-input:disabled ~ .m-radioButton-label strong {
  color: #99a1ad;
}

.m-radioButton-label {
  font-size: 1rem;
  line-height: 1.375rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #33435b;
  margin-left: 0.75rem;
}

.m-radioButton-label > strong {
  color: #002d72;
}

.m-radioButton-isReversed {
  text-align: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.m-radioButton-isReversed .m-radioButton-label {
  margin-left: 0;
  margin-right: 0.75rem;
}

.m-errorMessage {
  padding: 11px 16px 9px;
  margin: 20px 0;
  font-weight: bold;
  color: #de351b;
  letter-spacing: 0;
  line-height: 20px;
  background: #ffebcc;
  border-radius: 3px;
}
.m-row, .m-row-fluid {
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.m-row {
  display: flex;
  flex-flow: row wrap;
  max-width: 980px;
}

@media (min-width: 1024px) {
  .m-row {
    max-width: 1030px;
  }
}

.m-row-centerVertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.m-row .m-col-centered:nth-child(1n) {
  margin: 0 auto;
  float: none;
}
.m-col-xs1of1 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.m-col-xs1of1:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}
.m-col-xs1of1:last-child {
  margin-right: 0;
}
.m-col-xs1of1:nth-child(1n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs1of2 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}

.m-col-xs1of2:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs1of2:last-child {
  margin-right: 0;
}

.m-col-xs1of2:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs2of2 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}

.m-col-xs2of2:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs2of2:last-child {
  margin-right: 0;
}

.m-col-xs2of2:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs1of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}

.m-col-xs1of3:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs1of3:last-child {
  margin-right: 0;
}

.m-col-xs1of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs2of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
}

.m-col-xs2of3:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs2of3:last-child {
  margin-right: 0;
}

.m-col-xs2of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs3of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}

.m-col-xs3of3:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs3of3:last-child {
  margin-right: 0;
}

.m-col-xs3of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs1of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}

.m-col-xs1of4:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs1of4:last-child {
  margin-right: 0;
}

.m-col-xs1of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs2of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/4 - (30px - 30px * 2/4));
}

.m-col-xs2of4:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs2of4:last-child {
  margin-right: 0;
}

.m-col-xs2of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs3of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/4 - (30px - 30px * 3/4));
}

.m-col-xs3of4:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs3of4:last-child {
  margin-right: 0;
}

.m-col-xs3of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs4of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}

.m-col-xs4of4:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs4of4:last-child {
  margin-right: 0;
}

.m-col-xs4of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs1of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}

.m-col-xs1of5:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs1of5:last-child {
  margin-right: 0;
}

.m-col-xs1of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs2of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/5 - (30px - 30px * 2/5));
}

.m-col-xs2of5:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs2of5:last-child {
  margin-right: 0;
}

.m-col-xs2of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs3of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/5 - (30px - 30px * 3/5));
}

.m-col-xs3of5:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs3of5:last-child {
  margin-right: 0;
}

.m-col-xs3of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs4of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 4/5 - (30px - 30px * 4/5));
}

.m-col-xs4of5:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs4of5:last-child {
  margin-right: 0;
}

.m-col-xs4of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs5of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}

.m-col-xs5of5:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs5of5:last-child {
  margin-right: 0;
}

.m-col-xs5of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs1of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/8 - (30px - 30px * 1/8));
}

.m-col-xs1of8:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs1of8:last-child {
  margin-right: 0;
}

.m-col-xs1of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs2of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/8 - (30px - 30px * 2/8));
}

.m-col-xs2of8:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs2of8:last-child {
  margin-right: 0;
}

.m-col-xs2of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs3of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/8 - (30px - 30px * 3/8));
}

.m-col-xs3of8:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs3of8:last-child {
  margin-right: 0;
}

.m-col-xs3of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs4of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 4/8 - (30px - 30px * 4/8));
}

.m-col-xs4of8:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs4of8:last-child {
  margin-right: 0;
}

.m-col-xs4of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs5of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 5/8 - (30px - 30px * 5/8));
}

.m-col-xs5of8:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs5of8:last-child {
  margin-right: 0;
}

.m-col-xs5of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs6of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 6/8 - (30px - 30px * 6/8));
}

.m-col-xs6of8:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs6of8:last-child {
  margin-right: 0;
}

.m-col-xs6of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs7of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 7/8 - (30px - 30px * 7/8));
}

.m-col-xs7of8:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs7of8:last-child {
  margin-right: 0;
}

.m-col-xs7of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xs8of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 8/8 - (30px - 30px * 8/8));
}

.m-col-xs8of8:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.m-col-xs8of8:last-child {
  margin-right: 0;
}

.m-col-xs8of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}
.m-col-xsTight1of1 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
}
.m-col-xsTight1of1:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}
.m-col-xsTight1of1:last-child {
  margin-right: 0;
}
.m-col-xsTight1of1:nth-child(1n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight1of2 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/2 - (16px - 16px * 1/2));
}

.m-col-xsTight1of2:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight1of2:last-child {
  margin-right: 0;
}

.m-col-xsTight1of2:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight2of2 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
}

.m-col-xsTight2of2:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight2of2:last-child {
  margin-right: 0;
}

.m-col-xsTight2of2:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight1of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/3 - (16px - 16px * 1/3));
}

.m-col-xsTight1of3:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight1of3:last-child {
  margin-right: 0;
}

.m-col-xsTight1of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight2of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/3 - (16px - 16px * 2/3));
}

.m-col-xsTight2of3:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight2of3:last-child {
  margin-right: 0;
}

.m-col-xsTight2of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight3of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
}

.m-col-xsTight3of3:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight3of3:last-child {
  margin-right: 0;
}

.m-col-xsTight3of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight1of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/4 - (16px - 16px * 1/4));
}

.m-col-xsTight1of4:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight1of4:last-child {
  margin-right: 0;
}

.m-col-xsTight1of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight2of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/4 - (16px - 16px * 2/4));
}

.m-col-xsTight2of4:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight2of4:last-child {
  margin-right: 0;
}

.m-col-xsTight2of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight3of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/4 - (16px - 16px * 3/4));
}

.m-col-xsTight3of4:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight3of4:last-child {
  margin-right: 0;
}

.m-col-xsTight3of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight4of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
}

.m-col-xsTight4of4:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight4of4:last-child {
  margin-right: 0;
}

.m-col-xsTight4of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight1of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/5 - (16px - 16px * 1/5));
}

.m-col-xsTight1of5:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight1of5:last-child {
  margin-right: 0;
}

.m-col-xsTight1of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight2of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/5 - (16px - 16px * 2/5));
}

.m-col-xsTight2of5:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight2of5:last-child {
  margin-right: 0;
}

.m-col-xsTight2of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight3of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/5 - (16px - 16px * 3/5));
}

.m-col-xsTight3of5:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight3of5:last-child {
  margin-right: 0;
}

.m-col-xsTight3of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight4of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 4/5 - (16px - 16px * 4/5));
}

.m-col-xsTight4of5:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight4of5:last-child {
  margin-right: 0;
}

.m-col-xsTight4of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight5of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
}

.m-col-xsTight5of5:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight5of5:last-child {
  margin-right: 0;
}

.m-col-xsTight5of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight1of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/8 - (16px - 16px * 1/8));
}

.m-col-xsTight1of8:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight1of8:last-child {
  margin-right: 0;
}

.m-col-xsTight1of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight2of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/8 - (16px - 16px * 2/8));
}

.m-col-xsTight2of8:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight2of8:last-child {
  margin-right: 0;
}

.m-col-xsTight2of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight3of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/8 - (16px - 16px * 3/8));
}

.m-col-xsTight3of8:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight3of8:last-child {
  margin-right: 0;
}

.m-col-xsTight3of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight4of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 4/8 - (16px - 16px * 4/8));
}

.m-col-xsTight4of8:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight4of8:last-child {
  margin-right: 0;
}

.m-col-xsTight4of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight5of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 5/8 - (16px - 16px * 5/8));
}

.m-col-xsTight5of8:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight5of8:last-child {
  margin-right: 0;
}

.m-col-xsTight5of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight6of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 6/8 - (16px - 16px * 6/8));
}

.m-col-xsTight6of8:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight6of8:last-child {
  margin-right: 0;
}

.m-col-xsTight6of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight7of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 7/8 - (16px - 16px * 7/8));
}

.m-col-xsTight7of8:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight7of8:last-child {
  margin-right: 0;
}

.m-col-xsTight7of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsTight8of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 8/8 - (16px - 16px * 8/8));
}

.m-col-xsTight8of8:nth-child(1n) {
  margin-right: 16px;
  margin-left: 0;
}

.m-col-xsTight8of8:last-child {
  margin-right: 0;
}

.m-col-xsTight8of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}
.m-col-xsWide1of1 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
}
.m-col-xsWide1of1:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}
.m-col-xsWide1of1:last-child {
  margin-right: 0;
}
.m-col-xsWide1of1:nth-child(1n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide1of2 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/2 - (60px - 60px * 1/2));
}

.m-col-xsWide1of2:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide1of2:last-child {
  margin-right: 0;
}

.m-col-xsWide1of2:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide2of2 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
}

.m-col-xsWide2of2:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide2of2:last-child {
  margin-right: 0;
}

.m-col-xsWide2of2:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide1of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/3 - (60px - 60px * 1/3));
}

.m-col-xsWide1of3:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide1of3:last-child {
  margin-right: 0;
}

.m-col-xsWide1of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide2of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/3 - (60px - 60px * 2/3));
}

.m-col-xsWide2of3:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide2of3:last-child {
  margin-right: 0;
}

.m-col-xsWide2of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide3of3 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
}

.m-col-xsWide3of3:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide3of3:last-child {
  margin-right: 0;
}

.m-col-xsWide3of3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide1of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/4 - (60px - 60px * 1/4));
}

.m-col-xsWide1of4:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide1of4:last-child {
  margin-right: 0;
}

.m-col-xsWide1of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide2of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/4 - (60px - 60px * 2/4));
}

.m-col-xsWide2of4:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide2of4:last-child {
  margin-right: 0;
}

.m-col-xsWide2of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide3of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/4 - (60px - 60px * 3/4));
}

.m-col-xsWide3of4:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide3of4:last-child {
  margin-right: 0;
}

.m-col-xsWide3of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide4of4 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
}

.m-col-xsWide4of4:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide4of4:last-child {
  margin-right: 0;
}

.m-col-xsWide4of4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide1of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/5 - (60px - 60px * 1/5));
}

.m-col-xsWide1of5:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide1of5:last-child {
  margin-right: 0;
}

.m-col-xsWide1of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide2of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/5 - (60px - 60px * 2/5));
}

.m-col-xsWide2of5:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide2of5:last-child {
  margin-right: 0;
}

.m-col-xsWide2of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide3of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/5 - (60px - 60px * 3/5));
}

.m-col-xsWide3of5:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide3of5:last-child {
  margin-right: 0;
}

.m-col-xsWide3of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide4of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 4/5 - (60px - 60px * 4/5));
}

.m-col-xsWide4of5:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide4of5:last-child {
  margin-right: 0;
}

.m-col-xsWide4of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide5of5 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
}

.m-col-xsWide5of5:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide5of5:last-child {
  margin-right: 0;
}

.m-col-xsWide5of5:nth-child(5n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide1of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 1/8 - (60px - 60px * 1/8));
}

.m-col-xsWide1of8:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide1of8:last-child {
  margin-right: 0;
}

.m-col-xsWide1of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide2of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 2/8 - (60px - 60px * 2/8));
}

.m-col-xsWide2of8:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide2of8:last-child {
  margin-right: 0;
}

.m-col-xsWide2of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide3of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 3/8 - (60px - 60px * 3/8));
}

.m-col-xsWide3of8:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide3of8:last-child {
  margin-right: 0;
}

.m-col-xsWide3of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide4of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 4/8 - (60px - 60px * 4/8));
}

.m-col-xsWide4of8:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide4of8:last-child {
  margin-right: 0;
}

.m-col-xsWide4of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide5of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 5/8 - (60px - 60px * 5/8));
}

.m-col-xsWide5of8:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide5of8:last-child {
  margin-right: 0;
}

.m-col-xsWide5of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide6of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 6/8 - (60px - 60px * 6/8));
}

.m-col-xsWide6of8:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide6of8:last-child {
  margin-right: 0;
}

.m-col-xsWide6of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide7of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 7/8 - (60px - 60px * 7/8));
}

.m-col-xsWide7of8:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide7of8:last-child {
  margin-right: 0;
}

.m-col-xsWide7of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

.m-col-xsWide8of8 {
  flex: 0 0 auto;
  width: calc(99.9% * 8/8 - (60px - 60px * 8/8));
}

.m-col-xsWide8of8:nth-child(1n) {
  margin-right: 60px;
  margin-left: 0;
}

.m-col-xsWide8of8:last-child {
  margin-right: 0;
}

.m-col-xsWide8of8:nth-child(8n) {
  margin-right: 0;
  margin-left: auto;
}

@media (min-width: 420px) {
  .m-col-sm1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-sm1of1:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm1of1:last-child {
    margin-right: 0;
  }
  .m-col-sm1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
  }
  .m-col-sm1of2:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm1of2:last-child {
    margin-right: 0;
  }
  .m-col-sm1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-sm2of2:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm2of2:last-child {
    margin-right: 0;
  }
  .m-col-sm2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
  }
  .m-col-sm1of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm1of3:last-child {
    margin-right: 0;
  }
  .m-col-sm1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
  }
  .m-col-sm2of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm2of3:last-child {
    margin-right: 0;
  }
  .m-col-sm2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-sm3of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm3of3:last-child {
    margin-right: 0;
  }
  .m-col-sm3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
  }
  .m-col-sm1of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm1of4:last-child {
    margin-right: 0;
  }
  .m-col-sm1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (30px - 30px * 2/4));
  }
  .m-col-sm2of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm2of4:last-child {
    margin-right: 0;
  }
  .m-col-sm2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (30px - 30px * 3/4));
  }
  .m-col-sm3of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm3of4:last-child {
    margin-right: 0;
  }
  .m-col-sm3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-sm4of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm4of4:last-child {
    margin-right: 0;
  }
  .m-col-sm4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
  }
  .m-col-sm1of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm1of5:last-child {
    margin-right: 0;
  }
  .m-col-sm1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (30px - 30px * 2/5));
  }
  .m-col-sm2of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm2of5:last-child {
    margin-right: 0;
  }
  .m-col-sm2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (30px - 30px * 3/5));
  }
  .m-col-sm3of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm3of5:last-child {
    margin-right: 0;
  }
  .m-col-sm3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (30px - 30px * 4/5));
  }
  .m-col-sm4of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm4of5:last-child {
    margin-right: 0;
  }
  .m-col-sm4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-sm5of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm5of5:last-child {
    margin-right: 0;
  }
  .m-col-sm5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (30px - 30px * 1/8));
  }
  .m-col-sm1of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm1of8:last-child {
    margin-right: 0;
  }
  .m-col-sm1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (30px - 30px * 2/8));
  }
  .m-col-sm2of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm2of8:last-child {
    margin-right: 0;
  }
  .m-col-sm2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (30px - 30px * 3/8));
  }
  .m-col-sm3of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm3of8:last-child {
    margin-right: 0;
  }
  .m-col-sm3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (30px - 30px * 4/8));
  }
  .m-col-sm4of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm4of8:last-child {
    margin-right: 0;
  }
  .m-col-sm4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (30px - 30px * 5/8));
  }
  .m-col-sm5of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm5of8:last-child {
    margin-right: 0;
  }
  .m-col-sm5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (30px - 30px * 6/8));
  }
  .m-col-sm6of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm6of8:last-child {
    margin-right: 0;
  }
  .m-col-sm6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (30px - 30px * 7/8));
  }
  .m-col-sm7of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm7of8:last-child {
    margin-right: 0;
  }
  .m-col-sm7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-sm8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (30px - 30px * 8/8));
  }
  .m-col-sm8of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-sm8of8:last-child {
    margin-right: 0;
  }
  .m-col-sm8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-smTight1of1:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight1of1:last-child {
    margin-right: 0;
  }
  .m-col-smTight1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (16px - 16px * 1/2));
  }
  .m-col-smTight1of2:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight1of2:last-child {
    margin-right: 0;
  }
  .m-col-smTight1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-smTight2of2:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight2of2:last-child {
    margin-right: 0;
  }
  .m-col-smTight2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (16px - 16px * 1/3));
  }
  .m-col-smTight1of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight1of3:last-child {
    margin-right: 0;
  }
  .m-col-smTight1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (16px - 16px * 2/3));
  }
  .m-col-smTight2of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight2of3:last-child {
    margin-right: 0;
  }
  .m-col-smTight2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-smTight3of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight3of3:last-child {
    margin-right: 0;
  }
  .m-col-smTight3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (16px - 16px * 1/4));
  }
  .m-col-smTight1of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight1of4:last-child {
    margin-right: 0;
  }
  .m-col-smTight1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (16px - 16px * 2/4));
  }
  .m-col-smTight2of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight2of4:last-child {
    margin-right: 0;
  }
  .m-col-smTight2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (16px - 16px * 3/4));
  }
  .m-col-smTight3of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight3of4:last-child {
    margin-right: 0;
  }
  .m-col-smTight3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-smTight4of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight4of4:last-child {
    margin-right: 0;
  }
  .m-col-smTight4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (16px - 16px * 1/5));
  }
  .m-col-smTight1of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight1of5:last-child {
    margin-right: 0;
  }
  .m-col-smTight1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (16px - 16px * 2/5));
  }
  .m-col-smTight2of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight2of5:last-child {
    margin-right: 0;
  }
  .m-col-smTight2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (16px - 16px * 3/5));
  }
  .m-col-smTight3of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight3of5:last-child {
    margin-right: 0;
  }
  .m-col-smTight3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (16px - 16px * 4/5));
  }
  .m-col-smTight4of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight4of5:last-child {
    margin-right: 0;
  }
  .m-col-smTight4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-smTight5of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight5of5:last-child {
    margin-right: 0;
  }
  .m-col-smTight5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (16px - 16px * 1/8));
  }
  .m-col-smTight1of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight1of8:last-child {
    margin-right: 0;
  }
  .m-col-smTight1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (16px - 16px * 2/8));
  }
  .m-col-smTight2of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight2of8:last-child {
    margin-right: 0;
  }
  .m-col-smTight2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (16px - 16px * 3/8));
  }
  .m-col-smTight3of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight3of8:last-child {
    margin-right: 0;
  }
  .m-col-smTight3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (16px - 16px * 4/8));
  }
  .m-col-smTight4of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight4of8:last-child {
    margin-right: 0;
  }
  .m-col-smTight4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (16px - 16px * 5/8));
  }
  .m-col-smTight5of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight5of8:last-child {
    margin-right: 0;
  }
  .m-col-smTight5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (16px - 16px * 6/8));
  }
  .m-col-smTight6of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight6of8:last-child {
    margin-right: 0;
  }
  .m-col-smTight6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (16px - 16px * 7/8));
  }
  .m-col-smTight7of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight7of8:last-child {
    margin-right: 0;
  }
  .m-col-smTight7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smTight8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (16px - 16px * 8/8));
  }
  .m-col-smTight8of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-smTight8of8:last-child {
    margin-right: 0;
  }
  .m-col-smTight8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-smWide1of1:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide1of1:last-child {
    margin-right: 0;
  }
  .m-col-smWide1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (60px - 60px * 1/2));
  }
  .m-col-smWide1of2:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide1of2:last-child {
    margin-right: 0;
  }
  .m-col-smWide1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-smWide2of2:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide2of2:last-child {
    margin-right: 0;
  }
  .m-col-smWide2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (60px - 60px * 1/3));
  }
  .m-col-smWide1of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide1of3:last-child {
    margin-right: 0;
  }
  .m-col-smWide1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (60px - 60px * 2/3));
  }
  .m-col-smWide2of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide2of3:last-child {
    margin-right: 0;
  }
  .m-col-smWide2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-smWide3of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide3of3:last-child {
    margin-right: 0;
  }
  .m-col-smWide3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (60px - 60px * 1/4));
  }
  .m-col-smWide1of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide1of4:last-child {
    margin-right: 0;
  }
  .m-col-smWide1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (60px - 60px * 2/4));
  }
  .m-col-smWide2of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide2of4:last-child {
    margin-right: 0;
  }
  .m-col-smWide2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (60px - 60px * 3/4));
  }
  .m-col-smWide3of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide3of4:last-child {
    margin-right: 0;
  }
  .m-col-smWide3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-smWide4of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide4of4:last-child {
    margin-right: 0;
  }
  .m-col-smWide4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (60px - 60px * 1/5));
  }
  .m-col-smWide1of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide1of5:last-child {
    margin-right: 0;
  }
  .m-col-smWide1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (60px - 60px * 2/5));
  }
  .m-col-smWide2of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide2of5:last-child {
    margin-right: 0;
  }
  .m-col-smWide2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (60px - 60px * 3/5));
  }
  .m-col-smWide3of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide3of5:last-child {
    margin-right: 0;
  }
  .m-col-smWide3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (60px - 60px * 4/5));
  }
  .m-col-smWide4of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide4of5:last-child {
    margin-right: 0;
  }
  .m-col-smWide4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-smWide5of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide5of5:last-child {
    margin-right: 0;
  }
  .m-col-smWide5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (60px - 60px * 1/8));
  }
  .m-col-smWide1of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide1of8:last-child {
    margin-right: 0;
  }
  .m-col-smWide1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (60px - 60px * 2/8));
  }
  .m-col-smWide2of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide2of8:last-child {
    margin-right: 0;
  }
  .m-col-smWide2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (60px - 60px * 3/8));
  }
  .m-col-smWide3of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide3of8:last-child {
    margin-right: 0;
  }
  .m-col-smWide3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (60px - 60px * 4/8));
  }
  .m-col-smWide4of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide4of8:last-child {
    margin-right: 0;
  }
  .m-col-smWide4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (60px - 60px * 5/8));
  }
  .m-col-smWide5of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide5of8:last-child {
    margin-right: 0;
  }
  .m-col-smWide5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (60px - 60px * 6/8));
  }
  .m-col-smWide6of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide6of8:last-child {
    margin-right: 0;
  }
  .m-col-smWide6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (60px - 60px * 7/8));
  }
  .m-col-smWide7of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide7of8:last-child {
    margin-right: 0;
  }
  .m-col-smWide7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-smWide8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (60px - 60px * 8/8));
  }
  .m-col-smWide8of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-smWide8of8:last-child {
    margin-right: 0;
  }
  .m-col-smWide8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media (min-width: 1024px) {
  .m-col-md1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-md1of1:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md1of1:last-child {
    margin-right: 0;
  }
  .m-col-md1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
  }
  .m-col-md1of2:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md1of2:last-child {
    margin-right: 0;
  }
  .m-col-md1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-md2of2:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md2of2:last-child {
    margin-right: 0;
  }
  .m-col-md2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
  }
  .m-col-md1of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md1of3:last-child {
    margin-right: 0;
  }
  .m-col-md1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
  }
  .m-col-md2of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md2of3:last-child {
    margin-right: 0;
  }
  .m-col-md2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-md3of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md3of3:last-child {
    margin-right: 0;
  }
  .m-col-md3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
  }
  .m-col-md1of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md1of4:last-child {
    margin-right: 0;
  }
  .m-col-md1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (30px - 30px * 2/4));
  }
  .m-col-md2of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md2of4:last-child {
    margin-right: 0;
  }
  .m-col-md2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (30px - 30px * 3/4));
  }
  .m-col-md3of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md3of4:last-child {
    margin-right: 0;
  }
  .m-col-md3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-md4of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md4of4:last-child {
    margin-right: 0;
  }
  .m-col-md4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
  }
  .m-col-md1of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md1of5:last-child {
    margin-right: 0;
  }
  .m-col-md1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (30px - 30px * 2/5));
  }
  .m-col-md2of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md2of5:last-child {
    margin-right: 0;
  }
  .m-col-md2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (30px - 30px * 3/5));
  }
  .m-col-md3of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md3of5:last-child {
    margin-right: 0;
  }
  .m-col-md3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (30px - 30px * 4/5));
  }
  .m-col-md4of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md4of5:last-child {
    margin-right: 0;
  }
  .m-col-md4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-md5of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md5of5:last-child {
    margin-right: 0;
  }
  .m-col-md5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (30px - 30px * 1/8));
  }
  .m-col-md1of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md1of8:last-child {
    margin-right: 0;
  }
  .m-col-md1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (30px - 30px * 2/8));
  }
  .m-col-md2of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md2of8:last-child {
    margin-right: 0;
  }
  .m-col-md2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (30px - 30px * 3/8));
  }
  .m-col-md3of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md3of8:last-child {
    margin-right: 0;
  }
  .m-col-md3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (30px - 30px * 4/8));
  }
  .m-col-md4of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md4of8:last-child {
    margin-right: 0;
  }
  .m-col-md4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (30px - 30px * 5/8));
  }
  .m-col-md5of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md5of8:last-child {
    margin-right: 0;
  }
  .m-col-md5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (30px - 30px * 6/8));
  }
  .m-col-md6of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md6of8:last-child {
    margin-right: 0;
  }
  .m-col-md6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (30px - 30px * 7/8));
  }
  .m-col-md7of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md7of8:last-child {
    margin-right: 0;
  }
  .m-col-md7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-md8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (30px - 30px * 8/8));
  }
  .m-col-md8of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-md8of8:last-child {
    margin-right: 0;
  }
  .m-col-md8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-mdTight1of1:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight1of1:last-child {
    margin-right: 0;
  }
  .m-col-mdTight1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (16px - 16px * 1/2));
  }
  .m-col-mdTight1of2:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight1of2:last-child {
    margin-right: 0;
  }
  .m-col-mdTight1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-mdTight2of2:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight2of2:last-child {
    margin-right: 0;
  }
  .m-col-mdTight2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (16px - 16px * 1/3));
  }
  .m-col-mdTight1of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight1of3:last-child {
    margin-right: 0;
  }
  .m-col-mdTight1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (16px - 16px * 2/3));
  }
  .m-col-mdTight2of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight2of3:last-child {
    margin-right: 0;
  }
  .m-col-mdTight2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-mdTight3of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight3of3:last-child {
    margin-right: 0;
  }
  .m-col-mdTight3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (16px - 16px * 1/4));
  }
  .m-col-mdTight1of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight1of4:last-child {
    margin-right: 0;
  }
  .m-col-mdTight1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (16px - 16px * 2/4));
  }
  .m-col-mdTight2of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight2of4:last-child {
    margin-right: 0;
  }
  .m-col-mdTight2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (16px - 16px * 3/4));
  }
  .m-col-mdTight3of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight3of4:last-child {
    margin-right: 0;
  }
  .m-col-mdTight3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-mdTight4of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight4of4:last-child {
    margin-right: 0;
  }
  .m-col-mdTight4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (16px - 16px * 1/5));
  }
  .m-col-mdTight1of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight1of5:last-child {
    margin-right: 0;
  }
  .m-col-mdTight1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (16px - 16px * 2/5));
  }
  .m-col-mdTight2of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight2of5:last-child {
    margin-right: 0;
  }
  .m-col-mdTight2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (16px - 16px * 3/5));
  }
  .m-col-mdTight3of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight3of5:last-child {
    margin-right: 0;
  }
  .m-col-mdTight3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (16px - 16px * 4/5));
  }
  .m-col-mdTight4of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight4of5:last-child {
    margin-right: 0;
  }
  .m-col-mdTight4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-mdTight5of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight5of5:last-child {
    margin-right: 0;
  }
  .m-col-mdTight5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (16px - 16px * 1/8));
  }
  .m-col-mdTight1of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight1of8:last-child {
    margin-right: 0;
  }
  .m-col-mdTight1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (16px - 16px * 2/8));
  }
  .m-col-mdTight2of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight2of8:last-child {
    margin-right: 0;
  }
  .m-col-mdTight2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (16px - 16px * 3/8));
  }
  .m-col-mdTight3of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight3of8:last-child {
    margin-right: 0;
  }
  .m-col-mdTight3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (16px - 16px * 4/8));
  }
  .m-col-mdTight4of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight4of8:last-child {
    margin-right: 0;
  }
  .m-col-mdTight4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (16px - 16px * 5/8));
  }
  .m-col-mdTight5of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight5of8:last-child {
    margin-right: 0;
  }
  .m-col-mdTight5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (16px - 16px * 6/8));
  }
  .m-col-mdTight6of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight6of8:last-child {
    margin-right: 0;
  }
  .m-col-mdTight6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (16px - 16px * 7/8));
  }
  .m-col-mdTight7of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight7of8:last-child {
    margin-right: 0;
  }
  .m-col-mdTight7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdTight8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (16px - 16px * 8/8));
  }
  .m-col-mdTight8of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-mdTight8of8:last-child {
    margin-right: 0;
  }
  .m-col-mdTight8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-mdWide1of1:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide1of1:last-child {
    margin-right: 0;
  }
  .m-col-mdWide1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (60px - 60px * 1/2));
  }
  .m-col-mdWide1of2:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide1of2:last-child {
    margin-right: 0;
  }
  .m-col-mdWide1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-mdWide2of2:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide2of2:last-child {
    margin-right: 0;
  }
  .m-col-mdWide2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (60px - 60px * 1/3));
  }
  .m-col-mdWide1of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide1of3:last-child {
    margin-right: 0;
  }
  .m-col-mdWide1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (60px - 60px * 2/3));
  }
  .m-col-mdWide2of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide2of3:last-child {
    margin-right: 0;
  }
  .m-col-mdWide2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-mdWide3of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide3of3:last-child {
    margin-right: 0;
  }
  .m-col-mdWide3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (60px - 60px * 1/4));
  }
  .m-col-mdWide1of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide1of4:last-child {
    margin-right: 0;
  }
  .m-col-mdWide1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (60px - 60px * 2/4));
  }
  .m-col-mdWide2of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide2of4:last-child {
    margin-right: 0;
  }
  .m-col-mdWide2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (60px - 60px * 3/4));
  }
  .m-col-mdWide3of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide3of4:last-child {
    margin-right: 0;
  }
  .m-col-mdWide3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-mdWide4of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide4of4:last-child {
    margin-right: 0;
  }
  .m-col-mdWide4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (60px - 60px * 1/5));
  }
  .m-col-mdWide1of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide1of5:last-child {
    margin-right: 0;
  }
  .m-col-mdWide1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (60px - 60px * 2/5));
  }
  .m-col-mdWide2of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide2of5:last-child {
    margin-right: 0;
  }
  .m-col-mdWide2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (60px - 60px * 3/5));
  }
  .m-col-mdWide3of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide3of5:last-child {
    margin-right: 0;
  }
  .m-col-mdWide3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (60px - 60px * 4/5));
  }
  .m-col-mdWide4of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide4of5:last-child {
    margin-right: 0;
  }
  .m-col-mdWide4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-mdWide5of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide5of5:last-child {
    margin-right: 0;
  }
  .m-col-mdWide5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (60px - 60px * 1/8));
  }
  .m-col-mdWide1of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide1of8:last-child {
    margin-right: 0;
  }
  .m-col-mdWide1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (60px - 60px * 2/8));
  }
  .m-col-mdWide2of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide2of8:last-child {
    margin-right: 0;
  }
  .m-col-mdWide2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (60px - 60px * 3/8));
  }
  .m-col-mdWide3of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide3of8:last-child {
    margin-right: 0;
  }
  .m-col-mdWide3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (60px - 60px * 4/8));
  }
  .m-col-mdWide4of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide4of8:last-child {
    margin-right: 0;
  }
  .m-col-mdWide4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (60px - 60px * 5/8));
  }
  .m-col-mdWide5of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide5of8:last-child {
    margin-right: 0;
  }
  .m-col-mdWide5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (60px - 60px * 6/8));
  }
  .m-col-mdWide6of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide6of8:last-child {
    margin-right: 0;
  }
  .m-col-mdWide6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (60px - 60px * 7/8));
  }
  .m-col-mdWide7of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide7of8:last-child {
    margin-right: 0;
  }
  .m-col-mdWide7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-mdWide8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (60px - 60px * 8/8));
  }
  .m-col-mdWide8of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-mdWide8of8:last-child {
    margin-right: 0;
  }
  .m-col-mdWide8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media (min-width: 1280px) {
  .m-col-lg1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-lg1of1:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg1of1:last-child {
    margin-right: 0;
  }
  .m-col-lg1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
  }
  .m-col-lg1of2:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg1of2:last-child {
    margin-right: 0;
  }
  .m-col-lg1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-lg2of2:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg2of2:last-child {
    margin-right: 0;
  }
  .m-col-lg2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
  }
  .m-col-lg1of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg1of3:last-child {
    margin-right: 0;
  }
  .m-col-lg1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
  }
  .m-col-lg2of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg2of3:last-child {
    margin-right: 0;
  }
  .m-col-lg2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-lg3of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg3of3:last-child {
    margin-right: 0;
  }
  .m-col-lg3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
  }
  .m-col-lg1of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg1of4:last-child {
    margin-right: 0;
  }
  .m-col-lg1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (30px - 30px * 2/4));
  }
  .m-col-lg2of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg2of4:last-child {
    margin-right: 0;
  }
  .m-col-lg2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (30px - 30px * 3/4));
  }
  .m-col-lg3of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg3of4:last-child {
    margin-right: 0;
  }
  .m-col-lg3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-lg4of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg4of4:last-child {
    margin-right: 0;
  }
  .m-col-lg4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
  }
  .m-col-lg1of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg1of5:last-child {
    margin-right: 0;
  }
  .m-col-lg1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (30px - 30px * 2/5));
  }
  .m-col-lg2of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg2of5:last-child {
    margin-right: 0;
  }
  .m-col-lg2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (30px - 30px * 3/5));
  }
  .m-col-lg3of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg3of5:last-child {
    margin-right: 0;
  }
  .m-col-lg3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (30px - 30px * 4/5));
  }
  .m-col-lg4of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg4of5:last-child {
    margin-right: 0;
  }
  .m-col-lg4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
  }
  .m-col-lg5of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg5of5:last-child {
    margin-right: 0;
  }
  .m-col-lg5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (30px - 30px * 1/8));
  }
  .m-col-lg1of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg1of8:last-child {
    margin-right: 0;
  }
  .m-col-lg1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (30px - 30px * 2/8));
  }
  .m-col-lg2of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg2of8:last-child {
    margin-right: 0;
  }
  .m-col-lg2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (30px - 30px * 3/8));
  }
  .m-col-lg3of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg3of8:last-child {
    margin-right: 0;
  }
  .m-col-lg3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (30px - 30px * 4/8));
  }
  .m-col-lg4of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg4of8:last-child {
    margin-right: 0;
  }
  .m-col-lg4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (30px - 30px * 5/8));
  }
  .m-col-lg5of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg5of8:last-child {
    margin-right: 0;
  }
  .m-col-lg5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (30px - 30px * 6/8));
  }
  .m-col-lg6of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg6of8:last-child {
    margin-right: 0;
  }
  .m-col-lg6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (30px - 30px * 7/8));
  }
  .m-col-lg7of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg7of8:last-child {
    margin-right: 0;
  }
  .m-col-lg7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lg8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (30px - 30px * 8/8));
  }
  .m-col-lg8of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }
  .m-col-lg8of8:last-child {
    margin-right: 0;
  }
  .m-col-lg8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-lgTight1of1:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight1of1:last-child {
    margin-right: 0;
  }
  .m-col-lgTight1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (16px - 16px * 1/2));
  }
  .m-col-lgTight1of2:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight1of2:last-child {
    margin-right: 0;
  }
  .m-col-lgTight1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-lgTight2of2:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight2of2:last-child {
    margin-right: 0;
  }
  .m-col-lgTight2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (16px - 16px * 1/3));
  }
  .m-col-lgTight1of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight1of3:last-child {
    margin-right: 0;
  }
  .m-col-lgTight1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (16px - 16px * 2/3));
  }
  .m-col-lgTight2of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight2of3:last-child {
    margin-right: 0;
  }
  .m-col-lgTight2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-lgTight3of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight3of3:last-child {
    margin-right: 0;
  }
  .m-col-lgTight3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (16px - 16px * 1/4));
  }
  .m-col-lgTight1of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight1of4:last-child {
    margin-right: 0;
  }
  .m-col-lgTight1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (16px - 16px * 2/4));
  }
  .m-col-lgTight2of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight2of4:last-child {
    margin-right: 0;
  }
  .m-col-lgTight2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (16px - 16px * 3/4));
  }
  .m-col-lgTight3of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight3of4:last-child {
    margin-right: 0;
  }
  .m-col-lgTight3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-lgTight4of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight4of4:last-child {
    margin-right: 0;
  }
  .m-col-lgTight4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (16px - 16px * 1/5));
  }
  .m-col-lgTight1of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight1of5:last-child {
    margin-right: 0;
  }
  .m-col-lgTight1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (16px - 16px * 2/5));
  }
  .m-col-lgTight2of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight2of5:last-child {
    margin-right: 0;
  }
  .m-col-lgTight2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (16px - 16px * 3/5));
  }
  .m-col-lgTight3of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight3of5:last-child {
    margin-right: 0;
  }
  .m-col-lgTight3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (16px - 16px * 4/5));
  }
  .m-col-lgTight4of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight4of5:last-child {
    margin-right: 0;
  }
  .m-col-lgTight4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
  }
  .m-col-lgTight5of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight5of5:last-child {
    margin-right: 0;
  }
  .m-col-lgTight5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (16px - 16px * 1/8));
  }
  .m-col-lgTight1of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight1of8:last-child {
    margin-right: 0;
  }
  .m-col-lgTight1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (16px - 16px * 2/8));
  }
  .m-col-lgTight2of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight2of8:last-child {
    margin-right: 0;
  }
  .m-col-lgTight2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (16px - 16px * 3/8));
  }
  .m-col-lgTight3of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight3of8:last-child {
    margin-right: 0;
  }
  .m-col-lgTight3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (16px - 16px * 4/8));
  }
  .m-col-lgTight4of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight4of8:last-child {
    margin-right: 0;
  }
  .m-col-lgTight4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (16px - 16px * 5/8));
  }
  .m-col-lgTight5of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight5of8:last-child {
    margin-right: 0;
  }
  .m-col-lgTight5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (16px - 16px * 6/8));
  }
  .m-col-lgTight6of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight6of8:last-child {
    margin-right: 0;
  }
  .m-col-lgTight6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (16px - 16px * 7/8));
  }
  .m-col-lgTight7of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight7of8:last-child {
    margin-right: 0;
  }
  .m-col-lgTight7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgTight8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (16px - 16px * 8/8));
  }
  .m-col-lgTight8of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0;
  }
  .m-col-lgTight8of8:last-child {
    margin-right: 0;
  }
  .m-col-lgTight8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-lgWide1of1:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide1of1:last-child {
    margin-right: 0;
  }
  .m-col-lgWide1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (60px - 60px * 1/2));
  }
  .m-col-lgWide1of2:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide1of2:last-child {
    margin-right: 0;
  }
  .m-col-lgWide1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-lgWide2of2:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide2of2:last-child {
    margin-right: 0;
  }
  .m-col-lgWide2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (60px - 60px * 1/3));
  }
  .m-col-lgWide1of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide1of3:last-child {
    margin-right: 0;
  }
  .m-col-lgWide1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (60px - 60px * 2/3));
  }
  .m-col-lgWide2of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide2of3:last-child {
    margin-right: 0;
  }
  .m-col-lgWide2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-lgWide3of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide3of3:last-child {
    margin-right: 0;
  }
  .m-col-lgWide3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - (60px - 60px * 1/4));
  }
  .m-col-lgWide1of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide1of4:last-child {
    margin-right: 0;
  }
  .m-col-lgWide1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - (60px - 60px * 2/4));
  }
  .m-col-lgWide2of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide2of4:last-child {
    margin-right: 0;
  }
  .m-col-lgWide2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - (60px - 60px * 3/4));
  }
  .m-col-lgWide3of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide3of4:last-child {
    margin-right: 0;
  }
  .m-col-lgWide3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-lgWide4of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide4of4:last-child {
    margin-right: 0;
  }
  .m-col-lgWide4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - (60px - 60px * 1/5));
  }
  .m-col-lgWide1of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide1of5:last-child {
    margin-right: 0;
  }
  .m-col-lgWide1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (60px - 60px * 2/5));
  }
  .m-col-lgWide2of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide2of5:last-child {
    margin-right: 0;
  }
  .m-col-lgWide2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (60px - 60px * 3/5));
  }
  .m-col-lgWide3of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide3of5:last-child {
    margin-right: 0;
  }
  .m-col-lgWide3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - (60px - 60px * 4/5));
  }
  .m-col-lgWide4of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide4of5:last-child {
    margin-right: 0;
  }
  .m-col-lgWide4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - (60px - 60px * 1/1));
  }
  .m-col-lgWide5of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide5of5:last-child {
    margin-right: 0;
  }
  .m-col-lgWide5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - (60px - 60px * 1/8));
  }
  .m-col-lgWide1of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide1of8:last-child {
    margin-right: 0;
  }
  .m-col-lgWide1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - (60px - 60px * 2/8));
  }
  .m-col-lgWide2of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide2of8:last-child {
    margin-right: 0;
  }
  .m-col-lgWide2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - (60px - 60px * 3/8));
  }
  .m-col-lgWide3of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide3of8:last-child {
    margin-right: 0;
  }
  .m-col-lgWide3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - (60px - 60px * 4/8));
  }
  .m-col-lgWide4of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide4of8:last-child {
    margin-right: 0;
  }
  .m-col-lgWide4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - (60px - 60px * 5/8));
  }
  .m-col-lgWide5of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide5of8:last-child {
    margin-right: 0;
  }
  .m-col-lgWide5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - (60px - 60px * 6/8));
  }
  .m-col-lgWide6of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide6of8:last-child {
    margin-right: 0;
  }
  .m-col-lgWide6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - (60px - 60px * 7/8));
  }
  .m-col-lgWide7of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide7of8:last-child {
    margin-right: 0;
  }
  .m-col-lgWide7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
  .m-col-lgWide8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - (60px - 60px * 8/8));
  }
  .m-col-lgWide8of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0;
  }
  .m-col-lgWide8of8:last-child {
    margin-right: 0;
  }
  .m-col-lgWide8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto;
  }
}

.m-toggleButton {
  position: relative;
  min-height: 2em;
  margin: 1.25em 0;
  font-size: 1rem;
}

.m-toggleButton-label {
  display: block;
  margin-right: 5.3125em;
  padding-right: 1.25em;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #666666;
}

.m-toggleButton-input {
  position: relative;
  display: block;
  padding: 0.2em;
  width: 4.8em;
  height: auto;
  border: none;
  border-radius: 1.625em;
  box-sizing: border-box;
  float: right;
  font-size: 16px;
  font-weight: bold;
  background-color: #e6e8eb;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  transition-property: background-color;
  transition-duration: 0.18s;
  transition-timing-function: ease-out;
  will-change: background-color;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: transparent;
  /* Don't use focus() mixin, to also disable outline for touch devices */
}

.m-toggleButton-input:focus {
  outline: none;
}

html:not(.touchevents) .m-toggleButton-input:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 0 0 2px rgba(86, 119, 252, 0.5);
}

.m-toggleButton-input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

.m-toggleButton-isActive .m-toggleButton-input {
  background-color: #34c082;
}

.m-toggleButton-switch {
  position: relative;
  width: 1.602em;
  height: 1.602em;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: inherit;
  transition-timing-function: inherit;
  will-change: transform;
  pointer-events: none;
}

.m-toggleButton-isActive .m-toggleButton-switch {
  -webkit-transform: translateX(2.8em);
          transform: translateX(2.8em);
}

.m-toggleButton-isBlocked .m-toggleButton-switch {
  line-height: 1.5em;
  text-align: center;
  color: #b8bbc1;
  background-color: #ffffff;
}

.m-toggleButton-isBlocked .m-toggleButton-switch .icon {
  font-size: inherit;
  line-height: inherit;
}

.m-toggleButton-isShaking .m-toggleButton-switch {
  -webkit-animation: 0.4s toggleSwitch-shake;
          animation: 0.4s toggleSwitch-shake;
}

@-webkit-keyframes toggleSwitch-shake {
  0% {
    left: 3px;
  }
  20% {
    left: -2.5px;
  }
  40% {
    left: 1.5px;
  }
  60% {
    left: -1px;
  }
  80% {
    left: 0.5px;
  }
  100% {
    left: 0;
  }
}

@keyframes toggleSwitch-shake {
  0% {
    left: 3px;
  }
  20% {
    left: -2.5px;
  }
  40% {
    left: 1.5px;
  }
  60% {
    left: -1px;
  }
  80% {
    left: 0.5px;
  }
  100% {
    left: 0;
  }
}

.m-toggleButton-option {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0 0.6875em;
  line-height: 2.1em;
  text-align: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  color: #717784;
  transition-property: opacity;
  transition-duration: inherit;
  transition-timing-function: inherit;
  will-change: opacity;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.m-toggleButton-option-isTrue {
  padding-right: 2.1875em;
  opacity: 0;
}

.m-toggleButton-option-isFalse {
  padding-left: 2.1875em;
}

.m-toggleButton-isActive .m-toggleButton-option-isTrue {
  color: #ffffff;
  opacity: 1;
}

.m-toggleButton-isActive .m-toggleButton-option-isFalse {
  opacity: 0;
}

.m-toggleButton-isDecision.m-toggleButton-isActive .m-toggleButton-input {
  background-color: #0064fe;
}

.m-toggleButton-hasError .m-toggleButton-input {
  background-color: #de351b;
}

.m-toggleButton-hasError .m-toggleButton-option-isFalse {
  color: #ffffff;
}

.m-toggleButton-isCompact .m-toggleButton-input {
  font-size: 16px;
  width: 3.375em;
}

.m-toggleButton-isCompact.m-toggleButton-isActive .m-toggleButton-switch {
  -webkit-transform: translateX(1.45em);
          transform: translateX(1.45em);
}

.m-toggleButton-isCompact .m-toggleButton-option {
  display: none;
}

.m-toggleButton-isCompact .m-toggleButton-switch {
  width: 1.525em;
  height: 1.525em;
}

.popover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  box-shadow: 0 8px 32px 0 rgba(128, 128, 128, 0.2);
}

.popoverHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f3f5;
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
  height: 32px;
  padding: 0 8px;
}

.popoverContent_padding + .popoverHeader {
  border-top: 1px solid #f2f3f5;
}

.popoverHeader-headline {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #99a1ad;
  margin-left: 0.25rem;
  padding: 0.5rem 0;
}

.popoverContent {
  font-size: 1rem;
}

.popoverContent-padding {
  padding: 1rem;
}

.popoverFooter {
  height: 64px;
  margin-top: 0;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #f2f3f5;
}

.profilePopover {
  position: absolute;
  right: 1rem;
  top: 4.5rem;
  background-color: #ffffff;
  border-radius: 0.1875rem;
  width: 23.75rem;
  z-index: 2001;
}

@media (min-width: 321px) {
  .profilePopover {
    position: absolute;
    right: 0;
    left: 0;
    top: 4.5rem;
    width: 100%;
  }
  .popoverHeader {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
}

.arrow_box_nw,
.arrow_box_ne {
  position: relative;
  background-color: #ffffff;
  border-radius: 0.1875rem;
}

.arrow_box:after,
.arrow_box:before,
.arrow_box_nw:after,
.arrow_box_nw:before,
.arrow_box_ne:after,
.arrow_box_ne:before {
  bottom: 100%;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  content: " ";
  height: 0;
  width: 0;
}

.arrow_box:after,
.arrow_box:before {
  left: 1rem;
  content: " ";
}

.arrow_box_nw:after,
.arrow_box_nw:before {
  left: 8rem;
  content: " ";
}

.arrow_box_ne:after,
.arrow_box_ne:before {
  right: 1rem;
}

.arrow_box_nw:after,
.arrow_box_ne:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 0.5rem;
  margin-left: -10px;
}

.m-tabPanel {
  border-top: 1px solid #f2f3f5;
  padding: 32px;
}

@media (max-width: 321px) {
  .m-tabPanel {
    padding: 16px;
  }
}

.m-tabPanel-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-tabPanel-list-isSticky {
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
  background: white;
  z-index: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 321px) {
  .m-tabPanel-list-isSticky {
    top: 4rem;
  }
}

.m-tabPanel-tab {
  border-radius: 0;
  background-color: #ffffff;
  height: 4rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: bold;
  color: #0064fe;
  text-transform: uppercase;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 transparent;
  transition: 0.3s box-shadow;
  /* Don"t use focus() mixin, to also disable outline for touch devices */
}

.m-tabPanel-tab:focus {
  outline: 0 none;
}

html:not(.touchevents) .m-tabPanel-tab:hover {
  text-decoration: underline;
}

.m-tabPanel-tab-selected {
  color: #002d72;
  pointer-events: none;
  box-shadow: inset 0 -4px 0 0 #002d72;
}

.m-tabPanel-tab-selected#loginbutton {
  box-shadow: inset 0 -6px 0 0 #34c082;
}

.m-tabPanel-tab-selected#signupbutton {
  box-shadow: inset 0 -6px 0 0 #0064fe;
}

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #ccd0d6;
  margin: 2rem 0;
}

.card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #002d72;
  background-color: #ffffff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom: 1px solid #f2f3f5;
  min-height: 110px;
  padding: 16px;
}

.card-header__headline {
  font-weight: normal;
  font-size: 1.25rem;
}

.card-content {
  padding: 0 0 1rem 1rem;
}

.card-footer {
  height: 4rem;
  margin-top: 2rem;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #f2f3f5;
}

/* Todo: Refactor css classnames to MCSS */
.m-notification {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.m-notification a {
  color: #ffffff !important;
}

.m-notification a.m-close-notification {
  width: 2rem;
  height: 2rem;
  line-height: 25px;
  font-size: 2.5rem;
  font-weight: 300;
  cursor: pointer;
  text-align: center;
  color: #667284;
  margin-left: 1rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.m-notification a.m-close-notification:hover {
  text-decoration: none;
}

.m-notification--active {
  pointer-events: auto;
}

.m-notification--blocking:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  z-index: -1;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color, visibility, z-index;
  transition-duration: 400ms, 0s, 0s;
  transition-delay: 200ms, 600ms, 600ms;
}

.m-notification--blocking.m-notification--active:before {
  z-index: 1;
  visibility: visible;
  transition-delay: 0s, 0s, 0s;
  background-color: rgba(255, 255, 255, 0.4);
}

.m-notification__action {
  white-space: nowrap;
}

.m-notification__message {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.5;
}

.m-notification__message a {
  text-decoration: underline;
}

.m-notification__content {
  position: relative;
  min-height: 4rem;
  color: #ffffff;
  padding: 1rem 1.5rem;
  z-index: 2;
  opacity: 0.5;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  transition: 200ms opacity, 200ms -webkit-transform;
  transition: 200ms opacity, 200ms transform;
  transition: 200ms opacity, 200ms transform, 200ms -webkit-transform;
}

.m-notification--active .m-notification__content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.m-notification--message {
  background-color: #6681aa;
}

.m-notification--error {
  background-color: #de351b;
}

.m-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 5rem;
  border-top: 1px solid #ccd0d6;
  background-color: #ffffff;
}

.m-footer-transparent {
  color: #33435b;
  background-color: transparent;
}

.m-footer a {
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 321px) {
  .m-footer {
    height: 3rem;
  }
}

.m-barcodeCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  bottom: 0;
  margin-bottom: 2rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: white;
  box-shadow: 0 8px 32px 0 #ccd0d6;
  border-radius: 16px;
  overflow: hidden;
}

.m-barcodeCard-section {
  padding: 0 16px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.m-barcodeCard-section + .m-barcodeCard-section {
  padding-top: 1px;
  box-shadow: inset 0 1px 0 0 #f2f3f5;
}

.m-barcodeCard-section > p {
  padding-bottom: 0;
  color: #33435b;
}

@media (min-height: 620px) {
  .m-barcodeCard-section > p {
    padding-bottom: 0.5rem;
  }
}

.m-barcodeCard-section > small {
  color: #33435b;
}

.m-barcodeCard-section > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-barcodeCard-hasImage.m-barcodeCard-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-barcodeCard-hasImage.m-barcodeCard-section > p {
  margin-right: auto;
  min-width: 0;
}

.m-barcodeCard-icon {
  display: none;
}

@media (min-height: 620px) {
  .m-barcodeCard-icon {
    display: block;
    margin: 18px auto 0;
  }
}

.m-barcodeCard-code {
  position: relative;
  margin: 18px 16px 0;
  max-height: 180px;
  min-height: 20px;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  text-align: center;
}

.m-barcodeCard-code svg,
.m-barcodeCard-code img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.m-barcodeCard-code svg {
  height: 100%;
}

.m-barcodeCard-secure {
  position: relative;
  height: 48px;
  overflow: hidden;
  border-radius: 0 0 16px 16px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media (min-height: 620px) {
  .m-barcodeCard-secure {
    height: 65px;
  }
}

.m-barcodeCard-secure strong {
  position: relative;
  display: block;
  text-align: center;
  padding: 16px 0;
  color: white;
  font-weight: bold;
  z-index: 1;
}

@media (min-height: 620px) {
  .m-barcodeCard-secure strong {
    padding: 23px 0;
  }
}

.m-barcodeCard-secure span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 20%;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.m-barcodeCard-secure span:nth-child(1) {
  left: -14.28571%;
  width: 19.28571%;
  /*filter: hue-rotate(random(10) * -1deg) saturate(115 - random(30) * 1%);*/
  -webkit-animation-name: barcode-secure-1;
          animation-name: barcode-secure-1;
  -webkit-animation-duration: 5.5s;
          animation-duration: 5.5s;
}

@-webkit-keyframes barcode-secure-1 {
  0%, 100% {
    -webkit-transform: translateX(25.28571%) scaleX(1.46);
            transform: translateX(25.28571%) scaleX(1.46);
  }
  50% {
    -webkit-transform: translateX(-60.71429%) scaleX(1);
            transform: translateX(-60.71429%) scaleX(1);
  }
}

@keyframes barcode-secure-1 {
  0%, 100% {
    -webkit-transform: translateX(25.28571%) scaleX(1.46);
            transform: translateX(25.28571%) scaleX(1.46);
  }
  50% {
    -webkit-transform: translateX(-60.71429%) scaleX(1);
            transform: translateX(-60.71429%) scaleX(1);
  }
}

.m-barcodeCard-secure span:nth-child(2) {
  left: 0%;
  width: 24.28571%;
  /*filter: hue-rotate(random(10) * -1deg) saturate(115 - random(30) * 1%);*/
  -webkit-animation-name: barcode-secure-2;
          animation-name: barcode-secure-2;
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
}

@-webkit-keyframes barcode-secure-2 {
  0%, 100% {
    -webkit-transform: translateX(122.28571%) scaleX(0.51);
            transform: translateX(122.28571%) scaleX(0.51);
  }
  50% {
    -webkit-transform: translateX(-9.71429%) scaleX(1);
            transform: translateX(-9.71429%) scaleX(1);
  }
}

@keyframes barcode-secure-2 {
  0%, 100% {
    -webkit-transform: translateX(122.28571%) scaleX(0.51);
            transform: translateX(122.28571%) scaleX(0.51);
  }
  50% {
    -webkit-transform: translateX(-9.71429%) scaleX(1);
            transform: translateX(-9.71429%) scaleX(1);
  }
}

.m-barcodeCard-secure span:nth-child(3) {
  left: 14.28571%;
  width: 17.28571%;
  /*filter: hue-rotate(random(10) * -1deg) saturate(115 - random(30) * 1%);*/
  -webkit-animation-name: barcode-secure-3;
          animation-name: barcode-secure-3;
  -webkit-animation-duration: 6.2s;
          animation-duration: 6.2s;
}

@-webkit-keyframes barcode-secure-3 {
  0%, 100% {
    -webkit-transform: translateX(65.28571%) scaleX(1.13);
            transform: translateX(65.28571%) scaleX(1.13);
  }
  50% {
    -webkit-transform: translateX(-43.71429%) scaleX(1);
            transform: translateX(-43.71429%) scaleX(1);
  }
}

@keyframes barcode-secure-3 {
  0%, 100% {
    -webkit-transform: translateX(65.28571%) scaleX(1.13);
            transform: translateX(65.28571%) scaleX(1.13);
  }
  50% {
    -webkit-transform: translateX(-43.71429%) scaleX(1);
            transform: translateX(-43.71429%) scaleX(1);
  }
}

.m-barcodeCard-secure span:nth-child(4) {
  left: 28.57143%;
  width: 32.28571%;
  /*filter: hue-rotate(random(10) * -1deg) saturate(115 - random(30) * 1%);*/
  -webkit-animation-name: barcode-secure-4;
          animation-name: barcode-secure-4;
  -webkit-animation-duration: 5.8s;
          animation-duration: 5.8s;
}

@-webkit-keyframes barcode-secure-4 {
  0%, 100% {
    -webkit-transform: translateX(96.28571%) scaleX(1.4);
            transform: translateX(96.28571%) scaleX(1.4);
  }
  50% {
    -webkit-transform: translateX(-11.71429%) scaleX(1);
            transform: translateX(-11.71429%) scaleX(1);
  }
}

@keyframes barcode-secure-4 {
  0%, 100% {
    -webkit-transform: translateX(96.28571%) scaleX(1.4);
            transform: translateX(96.28571%) scaleX(1.4);
  }
  50% {
    -webkit-transform: translateX(-11.71429%) scaleX(1);
            transform: translateX(-11.71429%) scaleX(1);
  }
}

.m-barcodeCard-secure span:nth-child(5) {
  left: 42.85714%;
  width: 31.28571%;
  /*filter: hue-rotate(random(10) * -1deg) saturate(115 - random(30) * 1%);*/
  -webkit-animation-name: barcode-secure-5;
          animation-name: barcode-secure-5;
  -webkit-animation-duration: 7.3s;
          animation-duration: 7.3s;
}

@-webkit-keyframes barcode-secure-5 {
  0%, 100% {
    -webkit-transform: translateX(139.28571%) scaleX(0.64);
            transform: translateX(139.28571%) scaleX(0.64);
  }
  50% {
    -webkit-transform: translateX(18.28571%) scaleX(1);
            transform: translateX(18.28571%) scaleX(1);
  }
}

@keyframes barcode-secure-5 {
  0%, 100% {
    -webkit-transform: translateX(139.28571%) scaleX(0.64);
            transform: translateX(139.28571%) scaleX(0.64);
  }
  50% {
    -webkit-transform: translateX(18.28571%) scaleX(1);
            transform: translateX(18.28571%) scaleX(1);
  }
}

.m-barcodeCard-secure span:nth-child(6) {
  left: 57.14286%;
  width: 17.28571%;
  /*filter: hue-rotate(random(10) * -1deg) saturate(115 - random(30) * 1%);*/
  -webkit-animation-name: barcode-secure-6;
          animation-name: barcode-secure-6;
  -webkit-animation-duration: 6.3s;
          animation-duration: 6.3s;
}

@-webkit-keyframes barcode-secure-6 {
  0%, 100% {
    -webkit-transform: translateX(82.28571%) scaleX(1);
            transform: translateX(82.28571%) scaleX(1);
  }
  50% {
    -webkit-transform: translateX(-32.71429%) scaleX(1);
            transform: translateX(-32.71429%) scaleX(1);
  }
}

@keyframes barcode-secure-6 {
  0%, 100% {
    -webkit-transform: translateX(82.28571%) scaleX(1);
            transform: translateX(82.28571%) scaleX(1);
  }
  50% {
    -webkit-transform: translateX(-32.71429%) scaleX(1);
            transform: translateX(-32.71429%) scaleX(1);
  }
}

.m-barcodeCard-secure span:nth-child(7) {
  left: 71.42857%;
  width: 18.28571%;
  /*filter: hue-rotate(random(10) * -1deg) saturate(115 - random(30) * 1%);*/
  -webkit-animation-name: barcode-secure-7;
          animation-name: barcode-secure-7;
  -webkit-animation-duration: 7.8s;
          animation-duration: 7.8s;
}

@-webkit-keyframes barcode-secure-7 {
  0%, 100% {
    -webkit-transform: translateX(41.28571%) scaleX(1.39);
            transform: translateX(41.28571%) scaleX(1.39);
  }
  50% {
    -webkit-transform: translateX(-40.71429%) scaleX(1);
            transform: translateX(-40.71429%) scaleX(1);
  }
}

@keyframes barcode-secure-7 {
  0%, 100% {
    -webkit-transform: translateX(41.28571%) scaleX(1.39);
            transform: translateX(41.28571%) scaleX(1.39);
  }
  50% {
    -webkit-transform: translateX(-40.71429%) scaleX(1);
            transform: translateX(-40.71429%) scaleX(1);
  }
}

.m-barcodeCard-blue {
  /* OHOH */
  background-color: #48b0ff;
  content: "#48b0ff";
  content: "#3399ff";
  content: "#247bff";
  content: "#113dff";
  content: "#4ba5ff";
}

.m-barcodeCard-blue span {
  background-color: rgba(72, 176, 255, 0.8);
}

.m-barcodeCard-blue span:nth-child(5n + 1) {
  background-color: rgba(72, 176, 255, 0.5);
}

.m-barcodeCard-blue span:nth-child(5n + 2) {
  background-color: rgba(51, 153, 255, 0.5);
}

.m-barcodeCard-blue span:nth-child(5n + 3) {
  background-color: rgba(36, 123, 255, 0.5);
}

.m-barcodeCard-blue span:nth-child(5n + 4) {
  background-color: rgba(17, 61, 255, 0.5);
}

.m-barcodeCard-blue span:nth-child(5n + 5) {
  background-color: rgba(75, 165, 255, 0.5);
}

.m-barcodeCard-gold {
  /* OHOH */
  background-color: #f5cd47;
  content: "#f5cd47";
  content: "#c58700";
  content: "#d19f07";
  content: "#deb630";
  content: "#ba7900";
}

.m-barcodeCard-gold span {
  background-color: rgba(245, 205, 71, 0.8);
}

.m-barcodeCard-gold span:nth-child(5n + 1) {
  background-color: rgba(245, 205, 71, 0.5);
}

.m-barcodeCard-gold span:nth-child(5n + 2) {
  background-color: rgba(197, 135, 0, 0.5);
}

.m-barcodeCard-gold span:nth-child(5n + 3) {
  background-color: rgba(209, 159, 7, 0.5);
}

.m-barcodeCard-gold span:nth-child(5n + 4) {
  background-color: rgba(222, 182, 48, 0.5);
}

.m-barcodeCard-gold span:nth-child(5n + 5) {
  background-color: rgba(186, 121, 0, 0.5);
}

.m-barcodeCard-red {
  /* OHOH */
  background-color: #c80000;
  content: "#c80000";
  content: "#ab0000";
  content: "#b90000";
  content: "#920000";
  content: "#e60000";
}

.m-barcodeCard-red span {
  background-color: rgba(200, 0, 0, 0.8);
}

.m-barcodeCard-red span:nth-child(5n + 1) {
  background-color: rgba(200, 0, 0, 0.5);
}

.m-barcodeCard-red span:nth-child(5n + 2) {
  background-color: rgba(171, 0, 0, 0.5);
}

.m-barcodeCard-red span:nth-child(5n + 3) {
  background-color: rgba(185, 0, 0, 0.5);
}

.m-barcodeCard-red span:nth-child(5n + 4) {
  background-color: rgba(146, 0, 0, 0.5);
}

.m-barcodeCard-red span:nth-child(5n + 5) {
  background-color: rgba(230, 0, 0, 0.5);
}

.m-barcodeCard-green {
  /* OHOH */
  background-color: #95ce00;
  content: "#95ce00";
  content: "#c9e600";
  content: "#b3dc00";
  content: "#d8ed00";
  content: "#e3f200";
}

.m-barcodeCard-green span {
  background-color: rgba(149, 206, 0, 0.8);
}

.m-barcodeCard-green span:nth-child(5n + 1) {
  background-color: rgba(149, 206, 0, 0.5);
}

.m-barcodeCard-green span:nth-child(5n + 2) {
  background-color: rgba(201, 230, 0, 0.5);
}

.m-barcodeCard-green span:nth-child(5n + 3) {
  background-color: rgba(179, 220, 0, 0.5);
}

.m-barcodeCard-green span:nth-child(5n + 4) {
  background-color: rgba(216, 237, 0, 0.5);
}

.m-barcodeCard-green span:nth-child(5n + 5) {
  background-color: rgba(227, 242, 0, 0.5);
}

.m-barcodeCard-tr-bl {
  /* OHOH */
  background-color: #002470;
  content: "#002470";
  content: "#153d8c";
  content: "#224e9d";
  content: "#001052";
  content: "#2e5cb0";
}

.m-barcodeCard-tr-bl span {
  background-color: rgba(0, 36, 112, 0.8);
}

.m-barcodeCard-tr-bl span:nth-child(5n + 1) {
  background-color: rgba(0, 36, 112, 0.5);
}

.m-barcodeCard-tr-bl span:nth-child(5n + 2) {
  background-color: rgba(21, 61, 140, 0.5);
}

.m-barcodeCard-tr-bl span:nth-child(5n + 3) {
  background-color: rgba(34, 78, 157, 0.5);
}

.m-barcodeCard-tr-bl span:nth-child(5n + 4) {
  background-color: rgba(0, 16, 82, 0.5);
}

.m-barcodeCard-tr-bl span:nth-child(5n + 5) {
  background-color: rgba(46, 92, 176, 0.5);
}

.m-barcodeCard-tr-pc {
  /* OHOH */
  background-color: #fbcc2e;
  content: "#fbcc2e";
  content: "#fcd956";
  content: "#fce171";
  content: "#fbc828";
  content: "#fbbd16";
}

.m-barcodeCard-tr-pc span {
  background-color: rgba(251, 204, 46, 0.8);
}

.m-barcodeCard-tr-pc span:nth-child(5n + 1) {
  background-color: rgba(251, 204, 46, 0.5);
}

.m-barcodeCard-tr-pc span:nth-child(5n + 2) {
  background-color: rgba(252, 217, 86, 0.5);
}

.m-barcodeCard-tr-pc span:nth-child(5n + 3) {
  background-color: rgba(252, 225, 113, 0.5);
}

.m-barcodeCard-tr-pc span:nth-child(5n + 4) {
  background-color: rgba(251, 200, 40, 0.5);
}

.m-barcodeCard-tr-pc span:nth-child(5n + 5) {
  background-color: rgba(251, 189, 22, 0.5);
}

.m-barcodeCard-nl-bl {
  /* OHOH */
  background-color: #0097ff;
  content: "#0097ff";
  content: "#2cb0ff";
  content: "#52c0ff";
  content: "#63c8ff";
  content: "#008eff";
}

.m-barcodeCard-nl-bl span {
  background-color: rgba(0, 151, 255, 0.8);
}

.m-barcodeCard-nl-bl span:nth-child(5n + 1) {
  background-color: rgba(0, 151, 255, 0.5);
}

.m-barcodeCard-nl-bl span:nth-child(5n + 2) {
  background-color: rgba(44, 176, 255, 0.5);
}

.m-barcodeCard-nl-bl span:nth-child(5n + 3) {
  background-color: rgba(82, 192, 255, 0.5);
}

.m-barcodeCard-nl-bl span:nth-child(5n + 4) {
  background-color: rgba(99, 200, 255, 0.5);
}

.m-barcodeCard-nl-bl span:nth-child(5n + 5) {
  background-color: rgba(0, 142, 255, 0.5);
}

.m-barcodeCard-nl-si {
  /* OHOH */
  background-color: #d1d7e4;
  content: "#d1d7e4";
  content: "#dadfea";
  content: "#eef1f6";
  content: "#c4cbd9";
  content: "#dadfea";
}

.m-barcodeCard-nl-si span {
  background-color: rgba(209, 215, 228, 0.8);
}

.m-barcodeCard-nl-si span:nth-child(5n + 1) {
  background-color: rgba(209, 215, 228, 0.5);
}

.m-barcodeCard-nl-si span:nth-child(5n + 2) {
  background-color: rgba(218, 223, 234, 0.5);
}

.m-barcodeCard-nl-si span:nth-child(5n + 3) {
  background-color: rgba(238, 241, 246, 0.5);
}

.m-barcodeCard-nl-si span:nth-child(5n + 4) {
  background-color: rgba(196, 203, 217, 0.5);
}

.m-barcodeCard-nl-si span:nth-child(5n + 2) {
  background-color: rgba(218, 223, 234, 0.5);
}

.m-barcodeCard-nl-vp {
  /* OHOH */
  background-color: #152a40;
  content: "#152a40";
  content: "#203850";
  content: "#2d4965";
  content: "#0f2032";
  content: "#203850";
}

.m-barcodeCard-nl-vp span {
  background-color: rgba(21, 42, 64, 0.8);
}

.m-barcodeCard-nl-vp span:nth-child(5n + 1) {
  background-color: rgba(21, 42, 64, 0.5);
}

.m-barcodeCard-nl-vp span:nth-child(5n + 2) {
  background-color: rgba(32, 56, 80, 0.5);
}

.m-barcodeCard-nl-vp span:nth-child(5n + 3) {
  background-color: rgba(45, 73, 101, 0.5);
}

.m-barcodeCard-nl-vp span:nth-child(5n + 4) {
  background-color: rgba(15, 32, 50, 0.5);
}

.m-barcodeCard-nl-vp span:nth-child(5n + 2) {
  background-color: rgba(32, 56, 80, 0.5);
}

.m-barcodeCard-nl-go {
  /* OHOH */
  background-color: #fce600;
  content: "#fce600";
  content: "#fcd300";
  content: "#fac700";
  content: "#fcec21";
  content: "#fbb800";
}

.m-barcodeCard-nl-go span {
  background-color: rgba(252, 230, 0, 0.8);
}

.m-barcodeCard-nl-go span:nth-child(5n + 1) {
  background-color: rgba(252, 230, 0, 0.5);
}

.m-barcodeCard-nl-go span:nth-child(5n + 2) {
  background-color: rgba(252, 211, 0, 0.5);
}

.m-barcodeCard-nl-go span:nth-child(5n + 3) {
  background-color: rgba(250, 199, 0, 0.5);
}

.m-barcodeCard-nl-go span:nth-child(5n + 4) {
  background-color: rgba(252, 236, 33, 0.5);
}

.m-barcodeCard-nl-go span:nth-child(5n + 5) {
  background-color: rgba(251, 184, 0, 0.5);
}

.m-barcodeCard-nl-pc {
  /* OHOH */
  background-color: #73bc00;
  content: "#73bc00";
  content: "#93cd23";
  content: "#a8d84e";
  content: "#bae06e";
  content: "#6bae00";
}

.m-barcodeCard-nl-pc span {
  background-color: rgba(115, 188, 0, 0.8);
}

.m-barcodeCard-nl-pc span:nth-child(5n + 1) {
  background-color: rgba(115, 188, 0, 0.5);
}

.m-barcodeCard-nl-pc span:nth-child(5n + 2) {
  background-color: rgba(147, 205, 35, 0.5);
}

.m-barcodeCard-nl-pc span:nth-child(5n + 3) {
  background-color: rgba(168, 216, 78, 0.5);
}

.m-barcodeCard-nl-pc span:nth-child(5n + 4) {
  background-color: rgba(186, 224, 110, 0.5);
}

.m-barcodeCard-nl-pc span:nth-child(5n + 5) {
  background-color: rgba(107, 174, 0, 0.5);
}

.m-barcodeCard-de-bl {
  /* OHOH */
  background-color: #0097ff;
  content: "#0097ff";
  content: "#2cb0ff";
  content: "#52c0ff";
  content: "#63c8ff";
  content: "#008eff";
}

.m-barcodeCard-de-bl span {
  background-color: rgba(0, 151, 255, 0.8);
}

.m-barcodeCard-de-bl span:nth-child(5n + 1) {
  background-color: rgba(0, 151, 255, 0.5);
}

.m-barcodeCard-de-bl span:nth-child(5n + 2) {
  background-color: rgba(44, 176, 255, 0.5);
}

.m-barcodeCard-de-bl span:nth-child(5n + 3) {
  background-color: rgba(82, 192, 255, 0.5);
}

.m-barcodeCard-de-bl span:nth-child(5n + 4) {
  background-color: rgba(99, 200, 255, 0.5);
}

.m-barcodeCard-de-bl span:nth-child(5n + 5) {
  background-color: rgba(0, 142, 255, 0.5);
}

.m-barcodeCard-de-si {
  /* OHOH */
  background-color: #d1d7e4;
  content: "#d1d7e4";
  content: "#dadfea";
  content: "#eef1f6";
  content: "#c4cbd9";
  content: "#dadfea";
}

.m-barcodeCard-de-si span {
  background-color: rgba(209, 215, 228, 0.8);
}

.m-barcodeCard-de-si span:nth-child(5n + 1) {
  background-color: rgba(209, 215, 228, 0.5);
}

.m-barcodeCard-de-si span:nth-child(5n + 2) {
  background-color: rgba(218, 223, 234, 0.5);
}

.m-barcodeCard-de-si span:nth-child(5n + 3) {
  background-color: rgba(238, 241, 246, 0.5);
}

.m-barcodeCard-de-si span:nth-child(5n + 4) {
  background-color: rgba(196, 203, 217, 0.5);
}

.m-barcodeCard-de-si span:nth-child(5n + 2) {
  background-color: rgba(218, 223, 234, 0.5);
}

.m-barcodeCard-de-go {
  /* OHOH */
  background-color: #fce600;
  content: "#fce600";
  content: "#fcd300";
  content: "#fac700";
  content: "#fcec21";
  content: "#fbb800";
}

.m-barcodeCard-de-go span {
  background-color: rgba(252, 230, 0, 0.8);
}

.m-barcodeCard-de-go span:nth-child(5n + 1) {
  background-color: rgba(252, 230, 0, 0.5);
}

.m-barcodeCard-de-go span:nth-child(5n + 2) {
  background-color: rgba(252, 211, 0, 0.5);
}

.m-barcodeCard-de-go span:nth-child(5n + 3) {
  background-color: rgba(250, 199, 0, 0.5);
}

.m-barcodeCard-de-go span:nth-child(5n + 4) {
  background-color: rgba(252, 236, 33, 0.5);
}

.m-barcodeCard-de-go span:nth-child(5n + 5) {
  background-color: rgba(251, 184, 0, 0.5);
}

.m-barcodeCard-de-pc {
  /* OHOH */
  background-color: #0097ff;
  content: "#0097ff";
  content: "#2cb0ff";
  content: "#52c0ff";
  content: "#63c8ff";
  content: "#008eff";
}

.m-barcodeCard-de-pc span {
  background-color: rgba(0, 151, 255, 0.8);
}

.m-barcodeCard-de-pc span:nth-child(5n + 1) {
  background-color: rgba(0, 151, 255, 0.5);
}

.m-barcodeCard-de-pc span:nth-child(5n + 2) {
  background-color: rgba(44, 176, 255, 0.5);
}

.m-barcodeCard-de-pc span:nth-child(5n + 3) {
  background-color: rgba(82, 192, 255, 0.5);
}

.m-barcodeCard-de-pc span:nth-child(5n + 4) {
  background-color: rgba(99, 200, 255, 0.5);
}

.m-barcodeCard-de-pc span:nth-child(5n + 5) {
  background-color: rgba(0, 142, 255, 0.5);
}

.m-barcodeCard-de-eu {
  /* OHOH */
  background-color: #fbcc2e;
  content: "#fbcc2e";
  content: "#fcd956";
  content: "#fce171";
  content: "#fbc828";
  content: "#fbbd16";
}

.m-barcodeCard-de-eu span {
  background-color: rgba(251, 204, 46, 0.8);
}

.m-barcodeCard-de-eu span:nth-child(5n + 1) {
  background-color: rgba(251, 204, 46, 0.5);
}

.m-barcodeCard-de-eu span:nth-child(5n + 2) {
  background-color: rgba(252, 217, 86, 0.5);
}

.m-barcodeCard-de-eu span:nth-child(5n + 3) {
  background-color: rgba(252, 225, 113, 0.5);
}

.m-barcodeCard-de-eu span:nth-child(5n + 4) {
  background-color: rgba(251, 200, 40, 0.5);
}

.m-barcodeCard-de-eu span:nth-child(5n + 5) {
  background-color: rgba(251, 189, 22, 0.5);
}

.m-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.m-page--grey {
  background-color: #f2f3f5;
}

.m-page--lightBlue {
  background-color: #f2f7ff;
}

.m-page-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-top: 2rem;
  padding: 0 1rem 1rem;
}

/* Todo: these are app specific styles and should not be part of the library */
.authentication-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  margin: 0 1rem 1rem 1rem;
}

.authentication-container :first-child {
  margin-right: 0.5rem;
}

.authentication-container :last-child {
  margin-left: 0.5rem;
}

@media (max-width: 321px) {
  .authentication-container {
    margin: 1rem;
  }
  .authentication-container button {
    font-size: 90%;
  }
}

.intro-header {
  margin-top: 3rem;
}

.intro-title {
  font-size: 1.625rem;
  font-weight: 600;
  color: #ffffff;
  margin-top: 1rem;
}

.info-icon {
  position: absolute;
  top: 3rem;
  right: 2rem;
}

/* Todo: refactor css classnames for MCSS style */
.m-panel {
  display: block;
  /* Only for IE11, which actually supports display: flex, but does not support @supports .. */
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.2);
  border-radius: 8px !important;
}

@supports ((display: -webkit-box) or (display: flex)) {
  .m-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.m-panel + .m-panel {
  margin-top: 3rem;
}

.m-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #002d72;
  background-color: #ffffff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom: 1px solid #f2f3f5;
  height: 4rem;
  padding: 0 0.75rem 0 1.5rem;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.625rem;
  border-radius: 10px !important; 
}

@media (min-width: 768px) {
  .m-panel-header {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.m-panel-content {
  font-size: 1rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: visible;
}

.m-panel-contentPadding {
  margin: 1.5rem;
}

@media (min-width: 1024px) {
  .m-panel-contentPadding {
    margin: 3rem 6rem;
  }
}

.m-panel-footer {
  height:64px ;
    padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          border-top: 1px solid #f2f3f5;
}

.m-panel-footer-isStack {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.m-panel-footer-isStack .m-button-block:not(:last-child) {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .m-panel .m-panel {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .m-panel .m-panel-content {
    padding: 0;
  }
  .m-panel .m-panel-contentPadding {
    margin: 1rem 1.5rem;
  }
  .m-panel-footer {
    padding: 0 1rem;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

/*.panel-header *:last-child {
    margin-left: auto;
    margin-right: 0.5rem;
  }*/
.m-icon {
  width: 1.5em;
  height: 1.5em;
}

.m-icon-isRotate {
  -webkit-animation: 1s icon-rotate ease-in-out infinite;
          animation: 1s icon-rotate ease-in-out infinite;
}

@-webkit-keyframes icon-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes icon-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

.m-icon * {
  fill: #667284;
  fill: currentColor !important;
  stroke-width: 1.5px !important;
}

.m-input {
  margin-bottom: 1.5rem;
  /* Hide clear and reveal icons in internet explorer */
}

.m-input ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #667284;
}

.m-input ::-moz-placeholder {
  /* Firefox 19+ */
  color: #667284;
}

.m-input :-ms-input-placeholder {
  /* IE 10+ */
  color: #667284;
}

.m-input :-moz-placeholder {
  /* Firefox 18- */
  color: #667284;
}

.m-input-elementWrapper {
  position: relative;
}

.m-input-element {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 1px #ccd0d6;
  font-size: 1rem;
  font-family: inherit;
  padding: 0 0.75rem;
  height: 2.5rem;
  color: #001432;
  border-radius: 2px;
  transition: 0.125s ease-in-out 0s;
  transition-property: border-color;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.orderNo-error {
  color: red !important;
}

.m-input-element:focus {
  color: #33435b;
  outline: none;
  border: 1px solid #66a2fe;
  box-shadow: 0 0 0 1px #66a2fe;
}

.m-input-element:disabled {
  pointer-events: none;
  color: #99a1ad;
  background-color: #f2f3f5;
  border: 1px solid transparent;
  box-shadow: 0 0 0 1px #ccd0d6 !important;
}

.m-input-element:before {
  content: "";
}

.m-input-element[aria-readonly="true"] {
  padding-left: 2rem;
  background-color: #f2f3f5;
  border: 1px solid transparent;
  box-shadow: 0 0 0 1px #ccd0d6;
  pointer-events: none;
}

.m-input-element[aria-readonly="true"]:focus {
  outline: 0 none;
  box-shadow: 0 0 0 1px #ccd0d6;
}

.m-input-element.m-input-isValid {
  border: 1px solid #85d9b4;
  box-shadow: 0 0 0 1px #85d9b4;
}

.m-input-element.m-input-hasInfo {
  border: 1px solid #66a2fe;
  box-shadow: none;
}

.m-input-element.m-input-hasWarning {
  border: 1px solid #eb8676;
  box-shadow: 0 0 0 1px #eb8676;
}

.m-input-element.m-input-hasError {
  border: 1px solid #eb8676;
  box-shadow: 0 0 0 1px #eb8676;
}

.m-input input[type="search"] {
  -webkit-appearance: textfield;
}

.m-input input[type="search"]::-webkit-search-decoration,
.m-input input[type="search"]::-webkit-search-cancel-button,
.m-input input[type="search"]::-webkit-search-results-button,
.m-input input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.m-input input::-ms-clear, .m-input input::-ms-reveal {
  display: none;
}

.m-input textarea {
  overflow: auto;
  resize: vertical;
  width: 100%;
  min-height: 10rem;
  padding-top: 1rem;
}

.m-input-errorMessage {
  display: block;
  visibility: visible;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-top: 0.375rem;
  color: #de351b;
}

.search-button.disabled {
  /* Styles for disabled button */
  pointer-events: none;
  cursor: not-allowed;
  background-color: #F2F3F5;
  border: 0px solid #F2F3F5 !important;
  color: #667284;
}

.m-input-errorMessage-isInfo {
  position: relative;
  padding: 0.4375rem 0.75rem 0.4375rem 0.625rem;
  border-radius: 0.125rem;
  color: #003c98;
  background-color: #cce0ff;
  font-size: 0.8125rem;
}

.m-input-errorMessage-isInfo:after {
  content: "";
  position: absolute;
  top: -0.75rem;
  right: 0.75rem;
  border: 0.5rem solid transparent;
  border-bottom-color: #cce0ff;
}

.m-input-errorMessage-isInfo .m-icon {
  font-size: 1rem;
  width: 1em;
  height: 1em;
  vertical-align: text-top;
  margin-right: 0.375rem;
}

.m-input-passwordToggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
  color: #99a1ad;
}

.m-input-passwordToggle:focus {
  outline: 0 none;
  color: #33435b;
}

.m-input-readOnlyIcon {
  position: absolute;
  top: 0;
  left: 0.5rem;
  height: 2.5rem;
  width: 1rem;
  color: #99a1ad;
}

.m-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.m-label label {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: normal;
  color: #001432;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: default;
  display: block;
  padding-bottom: 0.3125rem;
}

.m-label-link {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: normal;
  color: #0064fe;
}

.m-logo {
  height: 2.25rem;
  width: 9.1906rem;
}

.m-logo-isSmall {
  height: 1.6875rem;
  width: 5.9063rem;
}

.m-logo-isSmall.m-logo-isMetroTr {
  height: 2.25rem;
  width: 7.9225rem;
}

.m-logo-isSmall.m-logo-isMetroUnited, .m-logo-isSmall.m-logo-isMetroUnitedInverted, .m-logo-isSmall.m-logo-isMetro {
  height: 2.25rem;
  width: 9.1906rem;
}

.m-logo-isSmall.m-logo-isMakro {
  height: 3.5rem;
  width: 5.9063rem;
}

.m-logo-isSmall.m-logo-isMakroNl {
  height: 3rem;
  width: 6.7175rem;
}

.m-logo-isLarge {
  height: 3.5rem;
  max-height: none;
}

.m-logo-isLarge.m-logo-isMetroTr {
  height: 3.3rem;
  width: 11.75rem;
}

.m-logo-isLarge.m-logo-isMetroUnited, .m-logo-isLarge.m-logo-isMetroUnitedInverted, .m-logo-isLarge.m-logo-isMetro {
  height: 2.25rem;
  width: 12.2538rem;
}

.m-logo-isLarge.m-logo-isMakro {
  height: 3.5rem;
  width: 12.25rem;
}

.m-logo-isLarge.m-logo-isMakroNl {
  height: 3rem;
  width: 11.9431rem;
}

.m-mainNavigation {
  padding: 0 1.5rem;
  background-color: #ffffff;
}

.m-mainNavigation [role="menubar"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  text-align: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.m-mainNavigation li {
  display: flex !important;
  padding-right: 0rem !important;
}

.m-mainNavigation li a {
  color: #002d72;
  /* line-height: 2.65rem !important; */
  line-height: 20px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
  display: inline-block;
  text-decoration: none;
  margin-top: 0rem !important;
  /* margin-top: 0.1875rem; */
}

.m-mainNavigation li a:hover {
  text-decoration: none;
  border-bottom: 3px solid #0064fe;
}

.m-mainNavigation li a.m-mainNavigation-isActive {
  text-decoration: none;
  border-bottom: 3px solid #0064fe;
}

/**
 * .page-top
 * The main sky blue bar on top of each additional view container or page
 *
 * Todo: Refactor css classnames
 */
.m-page-top, .m-page-top-inner {
  height: 4rem;
}

.m-page-top {
  position: relative;
  z-index: 10;
}

.m-page-top-inner {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.5rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #0064fe;
  color: #ffffff;
  text-align: left;
  z-index: 2;
}

.m-page-top-isRelative .m-page-top-inner {
  position: relative;
}

.m-page-top-isAbsolute .m-page-top-inner {
  position: absolute;
}

.m-page-top-isLight .m-page-top-inner {
  background-color: #ffffff;
  color: #002d72;
}

.m-page-top-content {
  padding: 0 1.5rem;
  line-height: 4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m-page-top-iconButton {
  width: 4rem;
  height: 4rem;
  font-size: 1.5rem;
}

@media (max-width: 321px) {
  .m-page-top {
    min-height: 3rem;
  }
}

/**
 * Nicely formatted html tags
 *
 * @example
 * <div class="m-niceHtml">
 *   <h1>Hello world</h1>
 *   <p>This is a fantastic paragraph</pa>
 * </div>
 *
 * Or with a light grey background
 *
 * @example
 * <div class="m-niceHtml m-niceHtml-isGrey">
 *   <h1>Hello world</h1>
 *   <p>This is a fantastic paragraph</pa>
 * </div>
 */
.m-niceHtml {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem 1rem;
  margin-bottom: 2.2rem;
  border-radius: 3px;
  background-color: #ffffff;
}

.m-niceHtml-isGrey {
  background-color: #f2f3f5;
}

.m-niceHtml h1 {
  /* flex, to align possible icons */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: 1rem;
  font-size: 7vw;
  font-weight: bold;
  line-height: 1.3;
  color: #0064fe;
  /* Custom breakpoint, because it looks weird when using normal layout breakpoint */
}

@media (min-width: 321px) {
  .m-niceHtml h1 {
    font-size: 5vw;
  }
}

@media (min-width: 550px) {
  .m-niceHtml h1 {
    font-size: 1.875rem;
  }
}

.m-niceHtml h1 .m-icon {
  font-size: 0.8em;
}

.m-niceHtml h2 {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #002d72;
}

.m-niceHtml small {
  font-size: 0.875rem;
  font-weight: 300;
  color: #666666;
}

.m-niceHtml p {
  font-size: 1rem;
  color: #666666;
  margin: 1.2rem 0;
}

.m-progressNavigation-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0064fe;
  border-radius: 3px;
  line-height: 1.375;
  padding: 0.375rem 1rem 0.25rem;
  transition: 200ms color;
}

html:not(.touchevents) .m-progressNavigation-link:hover {
  text-decoration: underline;
}

html:not(.touchevents) .m-progressNavigation-link:focus {
  text-decoration: none;
}

.m-progressNavigation-isActive {
  color: #002d72;
  background-color: #ccd5e3;
  pointer-events: none;
}

html:not(.touchevents) .m-progressNavigation-isActive:hover {
  text-decoration: none;
}

.m-progressNavigation-isComplete {
  background: transparent;
  color: #34c082;
}

html:not(.touchevents) .m-progressNavigation-isComplete:hover {
  color: #34c082;
  text-decoration: underline;
}

.m-progressNavigation-isIncomplete {
  background: transparent;
  color: #de351b;
}

html:not(.touchevents) .m-progressNavigation-isIncomplete:hover {
  color: #de351b;
  text-decoration: underline;
}

.m-progressNavigation-isIncomplete .m-progressNavigation-checkIcon {
  color: #de351b;
}

.m-progressNavigation-checkIcon {
  position: relative;
  display: inline-block;
  margin-left: 0.375rem;
  font-size: 0.6667rem;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: 200ms opacity, 200ms -webkit-transform;
  transition: 200ms opacity, 200ms transform;
  transition: 200ms opacity, 200ms transform, 200ms -webkit-transform;
}

.m-progressNavigation-isComplete .m-progressNavigation-checkIcon,
.m-progressNavigation-isIncomplete .m-progressNavigation-checkIcon {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.profileDropdown {
  position: absolute;
  right: 0;
  top: 2.6rem;
  min-width: 12rem;
  z-index: 2;
  box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.2);
  border-radius: 3px;
  /* Todo: Not in module style. Do we need those? */
}

.profileDropdown-trigger {
  background: transparent;
  border: 0 none;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.profileDropdown-listItem {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid #f2f3f5;
}

.profileDropdown-listItem:first-child {
  border-top: none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.profileDropdown-listItem:nth-last-child(-n + 1) {
  border-bottom: none;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.profileDropdown .arrow_box_nw,
.profileDropdown .arrow_box_ne {
  position: relative;
  background-color: #ffffff;
  border-radius: 0.1875rem;
}

.profileDropdown .arrow_box:after,
.profileDropdown .arrow_box:before,
.profileDropdown .arrow_box_nw:after,
.profileDropdown .arrow_box_nw:before,
.profileDropdown .arrow_box_ne:after,
.profileDropdown .arrow_box_ne:before {
  bottom: 100%;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  content: " ";
  height: 0;
  width: 0;
}

.profileDropdown .arrow_box:after,
.profileDropdown .arrow_box:before {
  left: 1rem;
  content: " ";
}

.profileDropdown .arrow_box_nw:after,
.profileDropdown .arrow_box_nw:before {
  left: 8rem;
  content: " ";
}

.profileDropdown .arrow_box_ne:after,
.profileDropdown .arrow_box_ne:before {
  right: 0.5rem;
}

.profileDropdown .arrow_box_nw:after,
.profileDropdown .arrow_box_ne:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 0.5rem;
  margin-left: 0;
}

.m-spinner {
  position: relative;
  margin: 0 auto;
  width: 2em;
  stroke-width: 0.18rem;
  color: currentColor;
}

.m-spinner:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.m-spinner-svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
  -webkit-animation: spinner-rotate 2s linear infinite;
          animation: spinner-rotate 2s linear infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.m-spinner-path {
  stroke-dasharray: 89, 200;
  stroke-dashoffset: 0;
  color: inherit;
  stroke: currentColor;
  stroke-width: inherit;
  -webkit-animation: spinner-rotate-dash 1.5s ease-in-out infinite;
          animation: spinner-rotate-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

.m-spinner .au-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: inherit;
  font-size: inherit;
}

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

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

@-webkit-keyframes spinner-rotate-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes spinner-rotate-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

/**
   * Hide the overflow in IE.
   *
   * normalize 5.0.0
   */
svg:not(:root) {
  overflow: hidden;
  vertical-align: middle;
}

@media screen and (max-width: 320px) {
  img[src*=".svg"] {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
}

.m-stepHeader-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.25rem;
  color: #002d72;
  padding: 1rem 1.5625rem;
}

@media (max-width: 768px) {
  .m-stepHeader-title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.m-stepHeader-count {
  font-weight: 400;
  color: #99a1ad;
  padding-left: 2rem;
}

@media (max-width: 768px) {
  .m-stepHeader-count {
    position: absolute;
    right: 2rem;
  }
}

.m-stepHeader-close {
  font-weight: 400;
  color: #99a1ad;
  position: absolute;
  right: 1rem;
  top: 0.42rem;
  display: inline;
}

@media (max-width: 768px) {
  .m-stepHeader-close {
    display: none;
  }
}

.m-stepHeader-currentStep {
  font-weight: 400;
  color: #003c98;
}

.m-stepHeader-backLink {
  display: none;
}

@media (max-width: 768px) {
  .m-stepHeader-backLink {
    display: inline;
  }
}

.m-stepHeader-progress {
  height: 0.375rem;
  background-color: #f2f3f5;
  overflow: hidden;
}

.m-stepHeader-progressInner {
  position: relative;
  height: 100%;
  width: 0;
  background-color: #34c082;
  will-change: width;
  transition: 150ms width;
}

.m-stepHeader-progressActive {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #cce0ff;
  will-change: width;
  transition: 150ms width;
  -webkit-animation: 2s stepHeaderPulse ease-in-out infinite;
          animation: 2s stepHeaderPulse ease-in-out infinite;
}

@-webkit-keyframes stepHeaderPulse {}

@keyframes stepHeaderPulse {}.m-thumbnail {
  position: relative;
  display: block;
  margin: 0.8rem 0 0.4rem;
  text-align: center;
  color: #002d72;
}

.m-thumbnail-spinner {
  position: relative;
  padding-top: 50%;
  box-shadow: 0 1px 4px 0 rgba(33, 33, 33, 0.2);
}

.m-thumbnail-spinner .m-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1em;
  margin-top: -1em;
}

.m-thumbnail-image {
  display: block;
  width: 100%;
  border: none;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 4px 0 rgba(33, 33, 33, 0.2);
}

.m-thumbnail-label {
  display: block;
  color: #33435b;
  margin-top: 0.4rem;
}

.m-thumbnail-label > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.m-thumbnail-title {
  font-weight: bold;
  line-height: 1.4;
  color: #002d72;
}

.m-thumbnail-subTitle {
  font-size: 0.95rem;
}

.m-ruleChecklist {
  margin: 0;
  max-height: 0;
  padding: 0 1rem;
  border-radius: 3px;
  background: #f4f4f4;
  color: #33435b;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: bold;
  overflow: hidden;
  transition: 0.3s max-height, 0.3s padding;
}

.m-ruleChecklist-visible {
  padding: 0.5625rem 1rem;
  max-height: 15rem;
  margin-bottom: 1rem;
}

.m-ruleChecklist-content {
  opacity: 0;
  transition: 0.3s opacity;
}

.m-ruleChecklist-visible .m-ruleChecklist-content {
  opacity: 1;
}

.m-ruleChecklist-list {
  margin: 0.3rem 0 0.5rem;
  padding: 0;
  list-style: none;
  line-height: 1.375rem;
}

.m-ruleChecklist-item {
  position: relative;
  padding-left: 1.5rem;
  color: #33435b;
  transition: 0.3s color;
}

.m-ruleChecklist-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.1875rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #ccd0d6;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  transition: 0.3s color, 0.3s -webkit-transform;
  transition: 0.3s transform, 0.3s color;
  transition: 0.3s transform, 0.3s color, 0.3s -webkit-transform;
  transition-timing-function: cubic-bezier(0, 0.72, 0.32, 1), linear;
  transition-timing-function: cubic-bezier(0, 0.72, 0.72, 1.42), linear;
}

.m-ruleChecklist-showErrors .m-ruleChecklist-item:not(.m-ruleChecklist-itemValid) {
  color: #de351b;
}

.m-ruleChecklist-showErrors .m-ruleChecklist-item:not(.m-ruleChecklist-itemValid):before {
  background-color: #de351b;
}

.m-ruleChecklist-itemValid {
  color: #34c082;
}

.m-ruleChecklist-itemValid:before {
  background-color: #34c082;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.m-ruleChecklist-itemValid .m-ruleChecklist-icon {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.m-ruleChecklist-icon {
  position: absolute;
  left: 0;
  top: 0.1875rem;
  width: 1rem;
  height: 1rem;
  font-size: 0.4rem;
  color: white;
  opacity: 0;
  pointer-events: none;
  background: url(df24498d9b98a3e96777.svg) no-repeat 50% 50%;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  transition: 0.3s opacity, 0.3s -webkit-transform;
  transition: 0.3s transform, 0.3s opacity;
  transition: 0.3s transform, 0.3s opacity, 0.3s -webkit-transform;
}

.m-header, .m-header-inner {
  height: 5rem;
}

@media (max-width: 321px) {
  .m-header, .m-header-inner {
    height: 4rem;
  }
}

.m-header {
  position: relative;
  z-index: 20;
}

.m-header-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  background-color: #002d72;
}

.m-header-isRelative .m-header-inner {
  position: relative;
}

.m-header-isAbsolute .m-header-inner {
  position: absolute;
}

.m-header-content {
  position: relative;
  margin-right: 1rem;
  margin-left: auto;
}

.m-header-logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

@media (min-width: 768px) {
  .m-header-logo {
    left: 1.6875rem;
    right: auto;
  }
}

.m-verticalHeader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: #002d72;
  width: 5rem;
  z-index: 30;
}

.m-verticalHeader-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5rem;
  height: 5rem;
  border-bottom: 1px solid rgba(153, 193, 255, 0.25);
  background-color: #002d72;
}

.m-verticalHeader-logo {
  width: 2.25rem;
}

.m-verticalHeader-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 2.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #002d72;
}

.m-verticalHeader-button {
  position: relative;
}

.m-verticalHeader-button > button {
  box-shadow: none;
  border: none;
  border-radius: 0;
  width: 5rem;
  height: 4rem;
  background-color: #002d72;
  color: #6681aa;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.2rem;
  cursor: pointer;
}

html:not(.touchevents) .m-verticalHeader-button > button:hover {
  background-color: #0064fe;
}

html:not(.touchevents) .m-verticalHeader-button > button:focus {
  color: #ffffff;
  outline: none;
}

.m-verticalHeader-button-isActive > button {
  color: #ffffff;
  background-color: #0064fe;
}

.m-verticalHeader-buttonPush {
  margin-bottom: auto;
}

.m-verticalHeader-tooltip {
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.2);
  text-align: initial;
  position: absolute;
  left: 5.25rem;
  bottom: 0;
  width: 24rem;
  border-radius: 0.125rem;
  background: #ffffff;
}

.m-verticalHeader-tooltip:hover {
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.2);
}

.m-verticalHeader-tooltip-enter {
  will-change: opacity, transform;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  transition: opacity, -webkit-transform;
  transition: opacity, transform;
  transition: opacity, transform, -webkit-transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
}

.m-verticalHeader-tooltip-enter-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.m-verticalHeader-tooltip-exit {
  will-change: opacity, transform;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  transition: opacity, -webkit-transform;
  transition: opacity, transform;
  transition: opacity, transform, -webkit-transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
}

.m-verticalHeader-tooltip-exit-active {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.m-verticalHeader-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1.1875rem;
  left: -1rem;
  border: 0.5rem solid transparent;
  border-right-color: #ffffff;
}

.m-verticalHeader-drawer {
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 26.75rem;
  padding-left: 5rem;
  background: white;
  z-index: -1;
}

.m-verticalHeader-drawer:hover {
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.2);
}

.m-verticalHeader-drawer-enter {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  will-change: transform;
}

.m-verticalHeader-drawer-enter-active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.m-verticalHeader-drawer-exit {
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  transition-timing-function: cubic-bezier(1, 0, 1, 0);
  will-change: transform;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.m-verticalHeader-drawer-exit-active {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.m-verticalHeader-drawer .m-panel {
  height: 100%;
}

.m-verticalHeader-drawer .m-panel-header {
  min-height: 4rem;
  height: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.m-verticalHeader-drawer .m-panel-header .m-input {
  margin: 0.75rem 0.75rem 0.75rem 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.m-verticalHeader-drawer .m-panel-content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.m-togglePane {
  overflow: hidden;
  display: block;
}

.m-togglePane-content {
  padding: 0.5rem 1.125rem 0.75rem 1.75rem;
  margin: 0 0 0 0.6875rem;
  border-bottom: 1.6875rem solid transparent;
  box-shadow: inset 2px 0 0 0 #66a2fe;
}

.m-multiSelect {
  position: relative;
  margin-bottom: 1.5rem;
}

.m-multiSelect-value {
  position: relative;
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 1px #d0d4d8;
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0.5625rem 2rem 0.5625rem 0.75rem;
  text-align: left;
  color: #152a40;
  font-size: 1rem;
  font-family: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m-multiSelect-value:focus {
  color: #33435b;
  outline: none;
  border: 1px solid #66a2fe;
  box-shadow: 0 0 0 1px #66a2fe;
}

.m-multiSelect-placeholder {
  color: #a1a9b2;
}

.m-multiSelect-icon {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.m-multiSelect-disabled .m-multiSelect-value {
  pointer-events: none;
  color: #99a1ad;
  background-color: #f2f3f5;
  border: 0 solid #ccd0d6;
  box-shadow: 0 0 0 1px #ccd0d6;
}

.m-multiSelect-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  margin-top: 1px;
  max-height: 16.5rem;
  padding: 0.5rem 0;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(21, 42, 64, 0.2);
  overflow-y: auto;
}

.m-multiSelect-option {
  padding: 0.4375rem 0.625rem;
}

html:not(.touchevents) .m-multiSelect-option:hover {
  background-color: #e3f6ff;
}

.m-multiSelect-enter {
  display: block;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
}

.m-multiSelect-enter-active {
  transition: 150ms opacity, 150ms -webkit-transform;
  transition: 150ms transform, 150ms opacity;
  transition: 150ms transform, 150ms opacity, 150ms -webkit-transform;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.m-multiSelect-exit {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.m-multiSelect-exit-active {
  transition: 150ms opacity, 150ms -webkit-transform;
  transition: 150ms transform, 150ms opacity;
  transition: 150ms transform, 150ms opacity, 150ms -webkit-transform;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
}

.m-countrySelectionList {
  margin: 0;
  padding: 0;
  background: #ffffff;
}

.m-countrySelectionList-isInline {
  margin: 1.5rem 0;
  box-shadow: 0 1px 2px 0 rgba(50, 72, 87, 0.2);
  border-radius: 3px;
}

.m-countrySelectionList a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 6rem;
  padding: 0 1.5rem;
  text-align: left;
}

.m-countrySelectionList a.m-countrySelectionList-isChecked {
  background-color: #f3f4f5;
}

html:not(.touchevents) .m-countrySelectionList a:hover {
  text-decoration: none;
  background-color: #f3f4f5;
}

html:not(.touchevents) .m-countrySelectionList a:focus {
  text-decoration: none;
}

.m-countrySelectionList-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 10rem;
}

.m-countrySelectionList-countryMarket {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #002d72;
  font-weight: bold;
}

.m-countrySelectionList-isInline .m-countrySelectionList-countryMarket {
  font-size: 1.25rem;
}

.m-countrySelectionList-countryURL {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #6681aa;
}

.m-countrySelectionList li + li {
  border-top: 1px solid #f2f3f5;
}

.m-countrySelectionList .m-countryFlag {
  margin-right: 0.5rem;
  height: 3rem;
  width: 3rem;
}

.m-countrySelectionList + .m-page-container {
  margin-top: 1rem;
}

/* Use of `em` is intentionally here, to make enable resizing over local font-size */
.m-badge {
  display: inline-block;
  padding: 0 0.4em;
  line-height: 1.7;
  min-width: 1.6em;
  height: 1.6em;
  border-radius: 1.6em;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  background-color: #34c082;
  white-space: nowrap;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -webkit-font-smoothing: antialiased;
  font-size: 0.625rem;
}

.m-badge-isLarge {
  font-size: 0.75rem;
}

.m-badge-isSmall {
  font-size: 5px;
  /* px, so that it does not scale with the main font size on small screens */
  color: #34c082;
  text-indent: -9999rem;
  width: 1.6em;
}

.m-badge-isBlue {
  background-color: #0064fe;
}

.m-profilePicture {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #002d72;
}

.m-profilePicture-isLarge {
  text-align: center;
  padding: 1.75rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffffff;
}

.m-profilePicture-isLarge a {
  color: #99c1ff;
  font-size: 1rem;
}

.m-profilePicture-button {
  position: relative;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  background-position: 50% 50%;
  background-color: transparent;
  transition: 150ms background-color;
}

.m-profilePicture-button:focus {
  outline: none;
}

.m-profilePicture-isLarge .m-profilePicture-button {
  width: 7.5rem;
  height: 7.5rem;
  margin: 0.5rem;
}

.m-profilePicture-img {
  border-radius: 50%;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  transition: 150ms opacity;
}

.m-profilePicture-editIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.0625rem;
  color: white;
  opacity: 0;
  transition: 150ms opacity;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.m-profilePicture-content {
  line-height: 1.37;
  margin-left: 1rem;
}

.m-profilePicture-content a {
  display: inline;
}

.m-profilePicture-isLarge .m-profilePicture-content {
  line-height: 1.07;
  font-size: 1.75rem;
}

html:not(.touchevents) a.m-profilePicture-button:hover {
  background-color: #0064fe;
}

html:not(.touchevents) a.m-profilePicture-button:hover .m-profilePicture-editIcon {
  opacity: 1;
}

html:not(.touchevents) a.m-profilePicture-button:hover .m-profilePicture-img {
  opacity: 0.4;
}

.m-address {
  position: relative;
  margin: 0.25rem 0;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #99a1ad;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m-address strong {
  color: #002d72;
  font-weight: bold;
}

.m-address a {
  display: inline-block;
  margin-top: 0.5rem;
}

.m-address .m-badge {
  position: absolute;
  right: 0;
  top: 0.1875rem;
  z-index: 1;
}

.m-labelList {
  font-size: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.m-labelList-label {
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #f2f3f5;
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
  padding: 0.375rem 1.5rem 0.375rem 0.75rem;
  color: #667284;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
}

.m-labelList-labelIsFlat {
  padding: 1rem 1.5rem 1rem 1.5rem;
  font-size: 1.125rem;
  text-transform: none;
  color: #002d72;
  background-color: #f2f7ff;
}

.m-labelList-label .m-button {
  padding: 0;
  height: auto;
}

.m-labelList-item {
  min-height: 2rem;
  padding: 0.8125rem 1.5rem;
  box-shadow: inset 0 -1px 0 0 #f2f3f5;
}

.m-labelList-item h1, .m-labelList-item h2, .m-labelList-item h3, .m-labelList-item p {
  margin: 1rem 0;
}

.m-labelList-link {
  padding: 0;
  min-height: 0;
}

.m-labelList-link > a {
  display: block;
  min-height: 4.25rem;
  padding: 0.8125rem 1.5rem;
}

.m-labelList-link > a:hover, .m-labelList-link > a:focus {
  text-decoration: none;
}

html:not(.touchevents) .m-labelList-link > a:focus {
  text-decoration: none;
}

html:not(.touchevents) .m-labelList-link > a:hover {
  text-decoration: none;
  background-color: #f2f7ff;
}

.m-labelList-isMuted:not(:hover) * {
  color: #99a1ad;
}

.m-labelList-isMuted:not(:hover) .m-badge {
  background-color: #ccd0d6;
  color: #ffffff;
}

.m-toastNotification {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 1rem auto 0 auto;
  border-radius: 0.125rem;
  overflow: hidden;
  pointer-events: auto;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.m-toastNotification-enter {
  -webkit-animation-name: toastNotification-enter;
          animation-name: toastNotification-enter;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
}

.m-toastNotification-exit {
  -webkit-animation-name: toastNotification-exit;
          animation-name: toastNotification-exit;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-in;
}

@-webkit-keyframes toastNotification-enter {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
    max-height: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    max-height: 100px;
  }
}

@keyframes toastNotification-enter {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
    max-height: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    max-height: 100px;
  }
}

@-webkit-keyframes toastNotification-exit {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}

@keyframes toastNotification-exit {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}

.m-toastNotification-content {
  padding: 1rem 1.5rem 0.8rem;
  background: #34c082;
  color: #ffffff;
  font-size: 1rem;
}

@supports ((display: -webkit-box) or (display: flex)) {
  .m-toastNotification-hasAction .m-toastNotification-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.m-toastNotification-icon {
  margin-right: 0.5rem;
}

.m-toastNotification-action {
  position: relative;
  right: 0;
  top: -6px;
  float: right;
  margin-left: 12px;
  padding: 0 15px;
  border: none;
  border-radius: 0.125rem;
  background: rgba(51, 51, 51, 0.07);
  line-height: 35px;
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@supports ((display: -webkit-box) or (display: flex)) {
  .m-toastNotification-action {
    top: 0;
  }
}

.m-toastNotification-action:hover {
  box-shadow: inset 0 -35px rgba(51, 51, 51, 0.07);
}

.m-toastNotification-container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
  pointer-events: none;
}

.m-select-input {
  background: white;
  cursor: pointer;
}

.m-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  margin: 2px 0 0;
  max-height: 19.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  list-style: none;
  z-index: 1;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
}

.m-select-option {
  display: block;
  padding: 8px 8px 9px;
  width: 100%;
  font-size: 1rem;
  text-decoration: none;
  color: #666666;
  background-color: #ffffff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  text-align: left;
  cursor: pointer;
}

html:not(.touchevents) .m-select-option:hover {
  background-color: #e3f6ff;
}

.m-select-isActive {
  color: #333333;
  font-weight: 600;
}

.m-select-isFocused {
  background: #e8e8e8;
}

.m-select-isDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.m-select-chevron {
  position: absolute;
  right: 0.5rem;
  top: 0;
  height: 2.5rem;
  font-size: 0.8125rem;
  color: #001432;
  pointer-events: none;
}

.m-separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1rem 0;
}

.m-separator hr {
  border-top: 1px solid #e6e8eb;
  margin-top: 1.5rem;
  min-width: 0.625rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1;
}

.m-separator-text {
  padding: 0 1rem;
  color: #667284;
  text-align: center;
}

.m-summary {
  position: relative;
  margin-bottom: 1.5rem;
}

.m-summary-content {
  border: 1px solid #ccd0d6;
  padding: 0 1rem;
}

.m-summary-hasWarning .m-summary-content {
  border-color: #eb8676;
  box-shadow: 0 0 0 1px #eb8676;
}

.m-summary h3 {
  margin: 1rem 0;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375;
  color: #002d72;
}

.m-summary-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: absolute;
  right: 1rem;
  top: 0;
}

.m-summary-button {
  padding: 0.75rem;
  margin-top: 0.75rem;
  line-height: 0;
  border-radius: 50%;
}

html:not(.touchevents) .m-summary-button:hover {
  background-color: #0064fe;
  transition: 150ms background-color;
}

html:not(.touchevents) .m-summary-button:hover svg {
  color: #ffffff;
}

.m-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.m-bar-item {
  min-width: 0;
}

.m-bar-isStretchy {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m-bar-isFullyCentered {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.m-bar-pushRight {
  margin-left: auto;
}

.m-bar-item:not(:last-child):not(.m-bar-isFullyCentered) .m-page-top-content {
  padding-right: 0;
}

.m-stepProgress {
  height: 0.375rem;
  background-color: #f2f3f5;
  overflow: hidden;
}

.m-stepProgress-inner {
  position: relative;
  height: 100%;
  width: 0;
  background-color: #34c082;
  will-change: width;
  transition: 150ms width;
}

.m-stepProgress-active {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #cce0ff;
  will-change: width;
  transition: 150ms width;
  -webkit-animation: 2s stepProgressPulse ease-in-out infinite;
          animation: 2s stepProgressPulse ease-in-out infinite;
}

@-webkit-keyframes stepProgressPulse {
  0% {
    background-color: #dbe9ff;
  }
  50% {
    background-color: #adcdff;
  }
  100% {
    background-color: #dbe9ff;
  }
}

@keyframes stepProgressPulse {
  0% {
    background-color: #dbe9ff;
  }
  50% {
    background-color: #adcdff;
  }
  100% {
    background-color: #dbe9ff;
  }
}

.m-paragraph {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #33435b;
}

.m-sidebarNavigation {
  font-size: 1.125rem;
  margin: 2.25rem 0 4rem;
}

.m-sidebarNavigation-isFullWidth {
  margin: 0;
}

.m-sidebarNavigation-title {
  padding: 0.75rem 1rem;
  color: #002d72;
  font-weight: bold;
}

.m-sidebarNavigation-link {
  position: relative;
  display: block;
  padding: 0.4375rem 1rem 0.4375rem 3rem;
  color: #002d72;
  line-height: 1.625rem;
}

.m-sidebarNavigation-link:focus, .m-sidebarNavigation-link:hover {
  /* Disable underline for mobile *and* desktop */
  text-decoration: none;
}

html:not(.touchevents) .m-sidebarNavigation-link:hover {
  /* Add hover only for desktop */
  text-decoration: none;
}

html:not(.touchevents) .m-sidebarNavigation-link:hover:not(.m-sidebarNavigation-isActive) {
  /* Todo: style needs to be defined */
  background-color: #f2f7ff;
}

html:not(.touchevents) .m-sidebarNavigation-link:focus {
  text-decoration: none;
}

.m-sidebarNavigation-isFullWidth .m-sidebarNavigation-link {
  padding: 1rem 1rem 1rem 4rem;
  border-bottom: 1px solid #e6e8eb;
}

.m-sidebarNavigation-isActive {
  background-color: #cce0ff;
}

.m-sidebarNavigation-icon {
  position: absolute;
  left: 1rem;
  top: 0.75rem;
  bottom: 0;
}

.m-sidebarNavigation-isFullWidth .m-sidebarNavigation-icon {
  top: 1.125rem;
}

.m-sidebarNavigation-badge {
  position: absolute;
  left: 1.9375rem;
  top: 0.625rem;
}

.m-sidebarNavigation-isFullWidth .m-sidebarNavigation-badge {
  left: 2.0625rem;
  top: 0.875rem;
}

.m-sidebarNavigation-chevron {
  position: absolute;
  right: 1rem;
  top: 0.875rem;
}

.m-scrollToTopButton {
  position: fixed;
  bottom: 4.5rem;
  left: 50%;
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  font-size: 1.3125rem;
  text-align: center;
  background: #002d72;
  color: #ffed00;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: 0 none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility, opacity;
  transition-duration: 0s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.m-scrollToTopButton:focus {
  outline: none;
}

html:not(.touchevents) .m-scrollToTopButton:hover {
  background-color: #33578e;
}

.m-scrollToTopButton-isVisible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s, 0s;
}

.m-iconButton {
  color: inherit;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  font-size: 1rem;
  line-height: inherit;
  padding: 0.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.m-iconButton:focus {
  outline: none;
}

.m-iconButton-blue {
  color: #0064fe;
}

.m-description {
  color: #667284;
  font-style: italic;
}
 #specialText{
  font-style: normal!important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
}
#headerStep2{
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-decoration: underline !important;
}

.m-datePicker {
  display: inline-block;
  background: #ffffff;
}

.m-datePicker-container {
  position: relative;
  font-size: 0.8125rem;
}

.m-datePicker-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 2.5rem;
  padding: 0.625rem 0;
  background: #0064fe;
}

.m-datePicker-footer {
  padding: 0.5rem;
}

.m-datePicker-footer .m-button {
  margin: 0;
}

.m-datePicker-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.m-datePicker-month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #ffffff;
  border-radius: 2px;
  overflow: hidden;
}

.m-datePicker-month + .m-datePicker-month {
  margin-left: 1.5rem;
}

.m-datePicker-navBar {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  top: 0;
}

.m-datePicker-navButton {
  font-size: 1rem;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.m-datePicker-navButton-isPrev {
  float: left;
}

.m-datePicker-navButton-isNext {
  float: right;
}

.m-datePicker-navButton-isDisabled {
  display: none;
}

.m-datePicker-caption {
  display: table-caption;
  height: 2.5rem;
  padding: 0.625rem 0;
  background: #0064fe;
  color: #ffffff;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
}

.m-datePicker-weekdays {
  display: table-header-group;
}

.m-datePicker-weekdaysRow {
  display: table-row;
}

.m-datePicker-weekdaysRow > div:last-child {
  border-right: 0 none;
}

.m-datePicker-weekdaysRow > div:first-child {
  border-left: 0 none;
}

.m-datePicker-weekday {
  display: table-cell;
  padding: 0.25rem;
  text-align: center;
  color: #99a1ad;
  border: 1px solid #f2f3f5;
  border-top: 0;
  border-bottom: 0;
}

.m-datePicker-weekday abbr {
  text-decoration: none;
}

.m-datePicker-body {
  display: table-row-group;
  /* Striped background for disabled days */
  background-color: #e6e8eb;
  background-image: repeating-linear-gradient(40deg, #e0e1e3 0, #e0e1e3 2px, #e9eaed 2px, #e9eaed 10px);
}

.m-datePicker-week {
  display: table-row;
}

.m-datePicker-week > div:last-child {
  border-right: 0 none;
}

.m-datePicker-week > div:first-child {
  border-left: 0 none;
}

.m-datePicker-day {
  display: table-cell;
  padding: 0;
  border: 1px solid #f2f3f5;
  position: relative;
  background: #ffffff;
  width: 2.8125rem;
  height: 2rem;
  color: #000000;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}

.m-datePicker-dayInner {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.5625rem;
  border-radius: 50%;
  border: 2px solid transparent;
}

.m-datePicker-day:focus {
  outline: none;
}

.m-datePicker-day:focus:not(:active) .m-datePicker-dayInner {
  border-color: #66a2fe;
}

html:not(.touchevents) .m-datePicker-day:hover .m-datePicker-dayInner {
  color: #0064fe;
  border-color: #e6f0ff;
  background-color: #e6f0ff;
}

.m-datePicker-day-isSelected .m-datePicker-dayInner {
  color: #ffffff;
  background: #0064fe;
}

.m-datePicker-day-isSelected:focus:not(:active) .m-datePicker-dayInner {
  border-color: #0064fe;
}

html:not(.touchevents) .m-datePicker-day-isSelected:hover .m-datePicker-dayInner {
  color: #ffffff;
  border-color: #0064fe;
  background: #0064fe;
}

.m-datePicker-day-isToday:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border: 0.3125rem solid transparent;
  border-top-color: #34c082;
  border-right-color: #34c082;
}

.m-datePicker-day-isDisabled {
  cursor: default;
  color: #99a1ad;
  font-weight: normal;
  pointer-events: none;
  background-color: transparent;
}

.m-datePicker-day-isOutside:not(.m-datePicker-day-isDisabled) {
  cursor: default;
  background-color: #f2f3f5;
}

.m-datePicker-day-isInRange:before, .m-datePicker-day-isRangeStart:before, .m-datePicker-day-isRangeEnd:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.125rem;
  bottom: 0.125rem;
  left: 0;
  right: -0.0625rem;
  background-color: #cce0ff;
}

.m-datePicker-day-isRangeStart:before {
  left: 50%;
}

.m-datePicker-day-isRangeEnd:before {
  right: 50%;
}

.m-datePicker-day-isInRange .m-datePicker-dayInner {
  background-color: transparent;
  color: #0050cb;
}

.m-datePicker-weekNumber {
  display: table-cell;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  min-width: 1.5rem;
  cursor: pointer;
  color: #0064fe;
  background-color: #ffffff;
  border: 1px solid #f2f3f5;
}

.m-datePicker-isDisabled .m-datePicker-day {
  cursor: default;
}

.m-datePicker-todayButton {
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  color: #4A90E2;
  font-size: 0.875em;
}

.m-contextualMenu {
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.2);
  max-width: 20rem;
  background: #ffffff;
}

.m-contextualMenu:hover {
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.2);
}

.m-contextualMenu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.m-contextualMenu-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0.5rem 1rem 0.5rem;
  border: none;
  border-radius: 0;
  color: #0064fe;
  text-align: left;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.375rem;
  box-shadow: inset 0 -0.0625rem 0 #e6e8eb;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.m-contextualMenu-button:focus {
  outline: none;
}

html:not(.touchevents) .m-contextualMenu-button:hover {
  text-decoration: underline;
  background-color: #f2f7ff;
  cursor: pointer;
}

.m-contextualMenu-button-isSelected {
  font-weight: bold;
  color: #002d72;
}

.m-contextualMenu .m-contextualMenu-description {
  display: block;
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.125rem;
  color: #667284;
  padding: 0.625rem 1rem 1.75rem;
}

.m-contextualMenu .m-datePicker {
  display: block;
  width: 100%;
}

.m-contextualMenu .m-datePicker-month {
  width: 100%;
}

.m-countryFlag {
  width: 1.46em;
  height: 1.46em;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 0.5rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  vertical-align: middle;
}

/**
 * _trumps.scss partial
 *
 * Contains utilities and helper classes with ability to override anything which goes before the triangle, e.g. hide helper class
 */
.title-container {
  background-color: #0064fe;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  position: relative;
  z-index: 2000;
  box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.2);
}

.vcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.passwordHints {
  background-color: #f2f3f5;
  padding: 16px;
}

.passwordHints-headline {
  font-size: 0.875rem;
  font-weight: bold;
  color: #002d72;
}

.passwordHints-list {
  list-style: none;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.inlineFormContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mt2 {
  margin-top: 2rem;
}

.DashboardLayout{display: flex; flex-direction:column; gap: 20px;width:50%}
.dropdown-input-label{
  color: #002b72;
  font-size: 15px;
  width: auto;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flex{
  display: flex;
  align-items: center;
}

.inlineBlock{
  display: inline-block;
}

.w-33{
  width:33.33%
}

.effTableOptn{
  display:none;
  position: absolute;
  z-index: 1;
  width: 320px;
  height: 400px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 20, 50, 0.1);
  background-color: #fff;
}
.manageGrid{
  display:none;
  position: absolute;
  z-index: 1;
  width: 320px;
  height: 400px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 20, 50, 0.1);
  background-color: #fff;
}
.custmheadermsg{
  color: #33578E;
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 20, 50, 0.1);
  padding: 8px;
}
.custmsg{
  width: 318px;
  height: 44px;
  padding: 8px 8px 16px 8px;
}
.custmsgtitle{
  color: #001432;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  align-items: center;
}
.custmactnbtn{
  width: 100%;
  height: 51px;
  position: absolute;
  bottom: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 20, 50, 0.1);
  padding: 6px 16px 6px 16px;
}
.btnstyle{
  width: 79.41px !important;
  height: 32px !important;
  padding: 6px 16px 6px 16px ;
  background-color: rgba(0, 89, 228, 1) !important;
  gap: 4px;
}
.btnstylecancel{
  position: absolute !important;
  width: 79.41px !important;
  height: 32px !important;
  padding: 6px 16px 6px 16px;
  gap: 4px;
}
.btntxt{
  color: rgba(255, 255, 255, 1);
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 20px;
  align-items: center;
}
.btntxtcancel{
  color: rgba(0, 89, 228, 1);
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 20px;
  align-items: center; 
  text-decoration: underline; 
}
.show{
  display:block;
}

.inputBox{
  position: relative;
  width: 320px;
  height: 40px;
  gap: 4px;
  cursor: pointer;
}

.inputBox input[type="text"]{
  width: 320px;
  height: 40px;
  padding: 13px 10px 8px 12px;
  border: 2px solid rgba(204, 208, 214, 1);
  border-radius: 2px;
  outline: none;
  color: rgba(0, 20, 50, 1);
  font-family: Lato, sans-serif;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
.custombtn{
  position: absolute;
  width: 24px;
  height: 30px;
  right: 5px;
  bottom: 5px;
  display: flex;
  justify-content: center;
  text-align: center;
  background-color: #fff;
}
.custombtn-expand{
  position: relative;
  width: 22px;
  height: 22px;
  color: rgba(0, 20, 50, 1);
  text-align: center;
  top:5px;
  left:2px;
}
.inputBox label{
  position: absolute;
  height: 15px;
  left: 0;
  pointer-events: none;
  font-family: Lato;
  color: rgba(0, 20, 50, 1);
  transform: translateX(10px) translateY(-7px);
  font-size: 0.65em;
  padding: 0px 10px;
  font-weight: 400;
  background: rgba(255, 255, 255, 1);
}

.grid-records-section {
  background: white;
  border-top-left-radius: 8px;
  width: 100%;
  border-top-right-radius: 8px;
  justify-content:space-between;
  padding:17px 19px;
  align-items:center;
  flex-direction: row;
  align-items: flex-start;
}
.grid-records-section-contract{
  border-top-left-radius: 8px;
  width: 100%;
  border-top-right-radius: 8px;
  /* justify-content:space-between; */
  /* padding:0px 17px; */
  align-items:center;
  flex-direction: row;
  margin-top: 50px;
  align-items: flex-start;
}

.search-bar-filter{
  display: flex;
  justify-content: right;
  gap: 19px;

}
.search-bar-filter-newDesign{
  display: flex;
  justify-content: right;
  gap: 19px;
  margin-right: -10px !important;
  padding-top: 15px !important;
}
.run-btn{
  width: 120px;
  height: 40px;
  background-color: #0064FE;
  color: white;
  font-weight: bold;
  border: none;
  /* margin-top: 70px; */
}

.run-btn-adjust-margin{
  width: 120px;
  height: 40px;
  background-color: #0064FE;
  color: white;
  font-weight: bold;
  border: none;
  margin-top: 100px;
}

.search-icon{
  background: url(942d8b100dc63a6eb419.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.search-icon-disabled{
  background: url(5f546b52e424fff0f3af.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.send-icon{
  background: url(f5b6b1f7f45f87c1a113.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.send-icon-disabled{
  background: url(4f12641174ae5318680d.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.check-icon{
  background: url(f3c858c7f0e9bd6cb4d1.svg);
  background-repeat: no-repeat;
  background-position: center;
} 

.check-icon-disabled{
  background: url(605161b31325884428ad.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.rca-button {
  border-radius: 8px;
  background: white;
  color: black;
  pointer-events: all;
  /* cursor: pointer; */
  border-style: solid;
  border-width: 3px;
  border-color: #0064fe;
}

.rca-button .icon {
  padding: 10px 10px !important;
  background: #0064fe;
}
.rca-button .icon-text {
  padding: 0px 20px 0px 0px !important;
  cursor: default;
}
.rca-button .icon-link {
  padding: 0px 5px 0px 10px !important;
  color: #0064fe;
  text-decoration: underline;
  cursor: pointer;
}

.search-button{
  padding: 10px 20px;
  border-radius: 8px;
  background: #0064fe;
  color: white;
  pointer-events: all;
  cursor: pointer;
}

.search-button-disabled{
  background: #F2F3F5;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight:bold;
  color: #667284;
  cursor: not-allowed;
}

.search-button:hover{
  background-color: #0050cb;
}

.search-button:active{
  background-color: #0050cb;
  box-shadow: 0 0 10px rgba(0, 151, 255, 0.8);
}

.myCard-parent{
  z-index: 0;
  position: relative;
}
.hide-calender-footer .rw-footer{
  display: none !important;
}

.contri .m-select-options{
  z-index: 10 !important;
}

.padding-5{
  padding:5px
}

.teal-color-bg{
  background-color: #34bac0
}

.centered-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.react-grid-checkbox{
  width: 35%;
  height:55%
}

.react-grid-checkbox:checked {
  background-color: #fff;
  border: 2px solid #000;
}

.react-grid-checkbox:checked:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 4px;
  background-color: #000;
}

/* this new card sesign is by latest designer as all the card needs to be in the same format with background and boxshadow */
.new-design-card-box{ 
  width: 100%;
   background: white;
   border-radius: 4px
}
/* 
.performance-grid-color-row{
  width: 100%;
  border: none!important;
}

.performance-grid-color-row:last-child{
  width: 100%;
  border-bottom: 1px solid rgb(224, 224, 224);
} */

.custom-td-performance{
  position: relative;
}

.custom-td-performance > h5 {
  font-size: 14px;
    line-height: 16px;
    color: #001333;
}

.custom-th-performance > h5 {
  font-size: 13.5px;
  line-height: 16px;
  color: #001333;
  white-space: break-spaces;
}

.custom-th.custom-header-performance > h5{
  position: relative;right:45px
}

.custom-table-row{
  border: none
}

.excel-upload-panel-new{
  border-radius: 8px;
  background-color: #fff;
  padding:0 20px 20px 20px;
  color:  #001432;
margin-bottom: 20px;
}

.forecast-multiselect-label > form > div > div > button > .react-select-box-label{
  max-width: 16.8vw;
}
.logistics-multiselect-label > form > div > div > button > .react-select-box-label{
  max-width:19.5vw;
}
.article-parameters-multiselect-label > form > div > div > button > .react-select-box-label{
  max-width:15vw;
}
.supplier-holiday-multiselect-label > form > div > div > button > .react-select-box-label{
  max-width:21.5vw;
}
.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}
.newFilterDesign{
  border-radius: 8px !important;
  display: inline-block !important;
    width: 100% !important;
    background: white !important;
}
.cross-icon{
  position:relative
}
.newFilterDesignPenalization{
  display: inline-block !important;
    width: 100% !important;
    background: white !important;
    margin-top: 0.5px;
    border-radius: 0px !important;
}
.masterContract{
   height: 97.34%;
}
.defaultContract{
  height: 98.2%;
}
.rowreDesign{
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.widthforperf{
  width: 25.333333% !important;
}
.widthDate{
  width: 12.666667% !important;
}
.widthWeek{
  width: 12.666667% !important;
 
}
.widthforPfName{
  width:20.6667% !important;
}
@charset "utf-8";
.legend-header {
  background-color: #fff;
}
.legend-header-column {
  border: none;
  text-align: left !important;
  white-space: normal !important;
}
.align-column-left {
  padding-left: 24px!important;
  border: 1px solid #eeeeee;
  padding-right: 24px !important;
  text-align: left !important;
}
.align-column-left-fol {
  padding-left: 24px!important;
  border: 1px solid #CCD0D6;
  padding-right: 24px !important;
  text-align: left !important;
}
.align-table-center {
  text-align: center !important;
  width: 90% !important;
}
.align-table-center-fol {
  text-align: center !important;
  width: 100% !important;
}
.icon-fol-grid-info {
  height: 22px !important;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(5be1347c682810f199c7.eot);
  src: url(5be1347c682810f199c7.eot?#iefix) format('embedded-opentype'), url(be810be3a3e14c682a25.woff2) format('woff2'), url(82b1212e45a2bc35dd73.woff) format('woff'), url(4692b9ec53fd5972caa2.ttf) format('truetype'), url(060b2710bdbbe3dfe48b.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #3ca2e0;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1c7ab3;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #3ca2e0;
}
a.text-primary:hover {
  color: #2089c9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #3ca2e0;
}
a.bg-primary:hover {
  background-color: #2089c9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}
.container-fluid {
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #CCD0D6;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #CCD0D6;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #CCD0D6;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #CCD0D6;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #CCD0D6;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #CCD0D6;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  min-height: 32px;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  min-height: 38px;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #3ca2e0;
  border-color: #2698dd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2089c9;
  border-color: #1b74aa;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #3ca2e0;
  border-color: #2698dd;
}
.btn-primary .badge {
  color: #3ca2e0;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #3ca2e0;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #1c7ab3;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #3ca2e0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #3ca2e0;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #3ca2e0;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #3ca2e0;
  border-color: #2089c9;
}
.navbar-inverse .navbar-brand {
  color: #f2f2f2;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #f2f2f2;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #2089c9;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #2292d6;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #2089c9;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #2089c9;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #2089c9;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #f2f2f2;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #2089c9;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #f2f2f2;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #f2f2f2;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #3ca2e0;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #1c7ab3;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #3ca2e0;
  border-color: #3ca2e0;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #3ca2e0;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #2089c9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #3ca2e0;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron .cust {
    padding-left: 0;
    padding-right: 0;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #3ca2e0;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #3ca2e0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #3ca2e0;
  border-color: #3ca2e0;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #ecf6fc;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #CCD0D6;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #3ca2e0;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #3ca2e0;
  border-color: #3ca2e0;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3ca2e0;
}
.panel-primary > .panel-heading .badge {
  color: #3ca2e0;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3ca2e0;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*import color pallette*/
/*use brand color pallette and create aliases which 
will be used in other pages*/
.fabric-ui-base {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e6eefc;
  overflow-y: scroll;
}
.sidenav {
  height: 100%;
  width: 60px;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #002d72;
  overflow-x: hidden;
  padding-top: 20px;
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.contentRight {
  margin-left: 60px;
  min-height: 100vh;
}
.sidenav::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
.dashboardicon1-isActive,
.sidenav > a:active {
  background-color: #1a69e6 !important;
}
.sidenav a {
  display: block !important;
}
.dashboardicon {
  height: 21px;
  width: 30px;
  margin: 7px 0px 7px 15px;
}
.dashboardicon1 .textpopup {
  visibility: hidden;
  width: auto;
  background-color: black;
  content: '';
  position: absolute;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 5px 5px;
  /* Position the tooltip */
  position: fixed;
  z-index: 1;
  margin: -36px 0px 0px 60px;
  font-weight: 400;
}
.dashboardicon1 .textpopup::before {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 5px;
  top: 50%;
  border: 6px solid transparent;
  border-left: 0;
  border-right: 7px solid black;
  transform: translate(calc(-100% - 5px), -50%);
}
.dashboardicon1:hover .textpopup {
  visibility: visible;
}
.dashboardicon2 {
  margin: -10px 0px 15px 13px;
}
.dashboardicon1:hover {
  background-color: #1a69e6;
  cursor: hand;
  width: 60px;
}
.dashboardicon1 > span {
  display: none !important;
}
.dashboardicon1 > .nav-new-batch {
  display: inline-block !important;
  background: linear-gradient(90deg, #F7A800, #FFC107, #FFB300);
  color: #002D72;
  height: 13px;
  width: 26px;
  font-size: 9px;
  border-radius: 3px;
  position: absolute;
  right: 3px;
  top: 4px;
}
.padding-y-10 {
  padding: 10px 0;
}
.m-input-errorMessage {
  position: absolute;
}
.padding-16 {
  padding: 16px;
}
.padding-7 {
  padding: 7px;
}
.contract-headlines {
  padding-top: 18px;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
}
.height-95 {
  height: 95px;
}
.display-webkit {
  display: -webkit-box;
}
.padding-14 {
  padding: 14px;
}
.display-none {
  display: none;
}
.display-normal {
  display: unset !important;
}
.msg-body {
  height: 100%;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container {
  position: absolute;
  right: 0.625rem;
  top: -124px;
  left: 42px;
  bottom: auto;
  width: 300px;
  border-radius: 3px;
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.15);
  visibility: visible;
  border-radius: 8px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.Language > .m-compositeDropdown > .m-compositeDropdown-container {
  position: absolute;
  right: 0.625rem;
  top: -23rem;
  left: 32px;
  bottom: auto;
  max-width: 20rem;
  width: 100vw;
  border-radius: 3px;
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.15);
  visibility: visible;
  box-shadow: 0 8px 20px;
  border-radius: 8px;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-trigger > .m-compositeDropdown-label.desktop-only {
  display: none;
}
.dashboardicon1 > .m-compositeDropdown {
  left: 18px;
  float: unset;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .m-labelList-item > .m-address > a > span {
  font-size: 22;
  font-weight: bold;
  margin: 0px 0 -40px 5px;
  color: #002d72;
  text-decoration: underline;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile {
  left: 300px;
  position: absolute;
  background: white;
  top: -40px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 8px 20px;
  padding: 10px 10px;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .m-labelList-item > .m-address > a > span:hover {
  color: #1a69e6;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .m-labelList-item,
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item {
  padding-bottom: 0px;
  box-shadow: none;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container::after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 1px;
  top: 88%;
  border: 6px solid transparent;
  border-left: 0;
  border-right: 8px solid white;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .m-labelList-item > .m-address > a > .m-profilePicture {
  float: left;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-trigger {
  width: 36px;
  margin: 0px 2px 0px 0px;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .m-labelList-item > .m-address > a > .m-profilePicture > .m-profilePicture-button {
  width: 30px;
  height: 30px;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .m-labelList-item > .m-address {
  margin: -5px 0;
  padding-bottom: 10px;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-togglePane-content > .m-labelList-item > .user-profile > div > .user-profile-scroller,
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile > div > .user-profile-scroller {
  max-height: 14vh;
}
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .rah-static.rah-static--height-auto.m-togglePane {
  height: auto;
  left: 300px;
  position: absolute;
  background: white;
  top: -59px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .rah-static.rah-static--height-auto.m-togglePane {
  height: auto;
  left: 300px;
  position: absolute;
  background: white;
  top: 15px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .rah-static.rah-static--height-auto.m-togglePane::after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 0px;
  top: 25%;
  border: 8px solid transparent;
  border-left: 0;
  border-right: 10px solid #002d72;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.dashboardicon1.profile-icon.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .rah-static.rah-static--height-auto.m-togglePane::after,
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .rah-static.rah-static--height-auto.m-togglePane::after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 0px;
  top: 25%;
  border: 8px solid transparent;
  border-left: 0;
  border-right: 10px solid #002d72;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.dashboardicon1 {
  position: relative;
}
.langzz {
  position: absolute;
  bottom: 0px;
  left: 61px;
  width: 200px;
  z-index: 2;
  background-color: white;
  box-shadow: 0 8px 20px;
  height: 300px;
  overflow: auto;
  border-radius: 8px;
}
.afterlang::after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 62px;
  top: 18px;
  border: 8px solid transparent;
  border-left: 0;
  border-right: 10px solid white;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.dashboardicon1 > div > button {
  position: unset !important;
  background-color: transparent !important;
  transform: rotate(0deg) !important;
}
.langzz > .langinner > ul > li:hover,
.dashboardicon1 > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile > div > .user-profile-scroller > p:hover {
  border-left: 4px solid #002d72;
  background-color: #E6EEFC;
  cursor: hand;
}
.langzz > ul > li {
  border-bottom: 1px solid lightgray;
  color: #002d72;
  font-weight: 400;
}
.sellangside {
  padding: 10px 10px;
  border-bottom: 2px solid lightgray;
  font-size: 18px;
  font-weight: 600;
}
.langicon {
  height: 22px;
  width: 22px;
  margin: 7px 10px 8px 15px;
}
.langbutton > img {
  height: 24px;
  width: 24px;
  margin-left: 18px;
}
.profile-icon {
  padding: 5px 0px;
}
.second > div > .m-modalContainer.m-modalContainer-active > .m-modal > .m-panel.m-modal-panel {
  margin-left: 60px !important;
  left: 0 !important;
  float: left !important;
  position: absolute !important;
  box-shadow: 0 8px 20px;
  bottom: 130px;
}
.second > div > .m-modalContainer.m-modalContainer-active > .m-modal > .m-panel.m-modal-panel::after {
  content: '';
  position: sticky;
  display: block;
  width: 0px;
  left: 1px;
  top: 86%;
  border: 6px solid transparent;
  border-left: 0;
  border-right: 8px solid white;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.second > div > .m-modalContainer {
  transition-delay: unset !important;
  transition: none !important;
}
.dashboardicon1.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container {
  position: absolute;
  right: 0.625rem;
  top: -267px;
  left: 42px;
  bottom: auto;
  width: 300px;
  border-radius: 3px;
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.15);
  visibility: visible;
  border-radius: 8px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container {
  position: absolute;
  right: 0.625rem;
  top: -205px;
  left: 42px;
  bottom: auto;
  width: 300px;
  border-radius: 3px;
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.15);
  visibility: visible;
  border-radius: 8px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.profile-icon > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile {
  height: auto;
  left: 300px;
  position: absolute;
  background: white;
  top: -52px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.profile-icon.admin > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile {
  height: auto;
  left: 300px;
  position: absolute;
  background: white;
  top: 15px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.profile-icon > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile::after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 0px;
  top: 42%;
  border: 8px solid transparent;
  border-left: 0;
  border-right: 10px solid #002d72;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.dashboardicon1.profile-icon.admin > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile::after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 0px;
  top: 24%;
  border: 8px solid transparent;
  border-left: 0;
  border-right: 10px solid #002d72;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.dashboardicon1.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile {
  height: auto;
  left: 300px;
  position: absolute;
  background: white;
  top: 15px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile::after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 0px;
  top: 27%;
  border: 8px solid transparent;
  border-left: 0;
  border-right: 10px solid #002d72;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile {
  max-height: 285px;
  left: 300px;
  position: absolute;
  background: white;
  top: 15px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile::after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 0px;
  top: 12%;
  border: 8px solid transparent;
  border-left: 0;
  border-right: 10px solid #002d72;
  transform: translate(calc(-105%), -50%);
  z-index: 99;
}
.delete-modal > div {
  width: 30rem!important;
  border-radius: 9px!important;
}
.chgcntnewsidebar > .m-input.m-input-undefined > .m-input-elementWrapper > .m-input.m-input > .m-input-elementWrapper > .m-input-element.m-select-input > option {
  width: 300px;
}
.m-togglePane {
  transition-duration: 1ms !important;
}
.dashboardicon1.profile-icon.admin > .m-compositeDropdown > .m-compositeDropdown-container {
  position: absolute;
  right: 0.625rem;
  top: -284px;
  left: 42px;
  bottom: auto;
  width: 300px;
  border-radius: 3px;
  box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.15);
  visibility: visible;
  border-radius: 8px;
  box-shadow: 0 8px 20px;
}
.dashboardicon1.profile-icon > .m-compositeDropdown > .m-compositeDropdown-container,
.dashboardicon1.profile-icon.admin > .m-compositeDropdown > .m-compositeDropdown-container,
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container,
.dashboardicon1.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container {
  position: fixed !important;
  top: auto !important;
  bottom: 12px !important;
  left: 60px !important;
  right: auto !important;
  width: min(300px, calc(100vw - 72px));
  max-height: none;
  overflow-y: visible;
  z-index: 1200;
}
.dashboardicon1.profile-icon > .m-compositeDropdown > .m-compositeDropdown-container::after,
.dashboardicon1.profile-icon.admin > .m-compositeDropdown > .m-compositeDropdown-container::after,
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container::after,
.dashboardicon1.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -9px;
  top: auto;
  bottom: 30px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10px solid #ffffff;
  transform: none;
  z-index: 1201;
}
.dashboardicon1.profile-icon > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > .rah-static.rah-static--height-auto.m-togglePane,
.dashboardicon1.profile-icon > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile,
.dashboardicon1.profile-icon.admin > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile,
.dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile,
.dashboardicon1.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container > .m-labelList > div > .m-labelList-item > .user-profile {
  max-height: none;
  overflow-y: visible;
  top: 0 !important;
  left: 100% !important;
  margin-left: 0 !important;
}
@media (max-width: 768px) {
  .dashboardicon1.profile-icon > .m-compositeDropdown > .m-compositeDropdown-container,
  .dashboardicon1.profile-icon.admin > .m-compositeDropdown > .m-compositeDropdown-container,
  .dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container,
  .dashboardicon1.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container {
    left: 60px !important;
    width: calc(100vw - 72px);
  }
}
@media (max-width: 480px) {
  .dashboardicon1.profile-icon > .m-compositeDropdown > .m-compositeDropdown-container,
  .dashboardicon1.profile-icon.admin > .m-compositeDropdown > .m-compositeDropdown-container,
  .dashboardicon1.profile-icon.testuser > .m-compositeDropdown > .m-compositeDropdown-container,
  .dashboardicon1.imporsonate > .m-compositeDropdown > .m-compositeDropdown-container {
    left: 60px !important;
    width: calc(100vw - 70px);
    bottom: 8px !important;
  }
}
.tabs-logistic-container {
  display: flex;
  list-style: none;
  justify-content: space-around;
}
.tab-styles {
  cursor: pointer;
  color: #002b72;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease-in-out;
}
.tab-styles.active {
  color: #00307e;
  background-color: white;
}
.tab-styles:hover {
  color: #035be7;
}
.tab-indicator {
  height: 3.5px;
  background-color: #00307e;
  transition: transform 0.3s ease-in-out;
  bottom: 0;
  left: 0;
  width: calc(100%/3);
}
.tab-indicator-tutorials {
  height: 3.5px;
  background-color: #00307e;
  transition: transform 0.3s ease-in-out;
  bottom: 0;
  left: 0;
  width: calc(100%/2);
}
.card-download-icon {
  filter: invert(38%) sepia(81%) saturate(7406%) hue-rotate(213deg) brightness(94%) contrast(98%);
}
.border-top-hidden {
  border-top: none !important;
}
.box-shadow-hidden {
  box-shadow: none !important;
}
.m-modal .m-modal-panel {
  z-index: 9;
  border-radius: 10px !important;
}
.m-modal {
  position: fixed;
  z-index: 10 !important;
}
.modal-filter-label {
  color: #001432 !important;
  font-weight: 500 !important;
}
.submission-modal > div {
  width: 31.5rem !important;
}
.accept-modal > div {
  max-width: 70% !important;
}
.edit-modal > div {
  border-radius: 9px !important;
}
.edit-modal > div > div > div {
  border-radius: 9px !important;
}
.m-modal-open:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(6px);
  background-color: rgba(0, 45, 114, 0.24) !important;
  z-index: 7 !important;
}
.error-msg-footer {
  font-weight: 500;
  font-size: 14px;
  text-wrap: pretty;
  text-align: start;
  color: #DE351B;
}
.edit-modal > div > div .m-panel-footer.m-modal-footer {
  padding: 10px 25px;
  height: fit-content;
  display: flex !important;
  width: 100%;
  justify-content: flex-end;
}
.m-modal.edit-modal.bulk-email-modal > div {
  max-width: 60%;
  left: 30;
}
.m-modal.edit-modal.new-bulk-email-modal > div {
  max-width: 90%;
  left: 30;
}
.m-modalContainer:has(.m-modal.edit-modal.bulk-email-modal) {
  background: rgba(102, 129, 170, 0.1);
  backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.2);
}
.article-overview-filter > .m-panel-contentPadding {
  margin-bottom: 0px !important;
}
.article-overview-filter-footer {
  height: auto !important;
}
.fol-info-modal > div > div > div > div .m-panel-header {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom: 1px solid #CCD0D6 !important;
}
.fol-info-modal > div > div > div > div .m-panel-footer {
  border-top: 1px solid #CCD0D6 !important;
}
.apply-search-operators-penalization > span > button {
  top: -60px;
}
.color-description-performtitle > div > div .description-dashboard-header-title {
  color: black;
  font-weight: 600px !important;
  font-style: normal !important;
}
.color-description-performtitle > div .hint-text {
  font-style: normal ;
  text-align: center ;
  padding-right: 259px;
}
.color-description-performtitle > div > div .description-dashboard-header-subTitle {
  color: black;
  font-weight: 600px !important;
  font-style: normal !important;
}
.new-rca-filter-buttons {
  display: block;
  margin: 0;
  text-align: left;
  padding: 4px 14px;
}
.freeTextField {
  padding: 10px 15px 10px 15px;
  border: 1px solid lightgrey;
  width: 300;
  height: 40px;
}
.freeTextField:focus {
  outline: none;
}
.freeTextField::placeholder {
  color: #7B8E9B;
  opacity: 1;
  font-weight: 500;
}
.new-rca-grid-base > div > div > div > div > div > div > div > div .react-grid-Cell:has(svg.m-icon) {
  z-index: 1;
}
.glow-button {
  background-color: #0064FE;
  border: 1px solid #0064FE !important;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}
.glow-button.disable-button {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #F2F3F5;
  border: 0px solid #F2F3F5 !important;
  color: #667284;
}
.glow-button:hover {
  background-color: #0053D1;
}
.glow-active {
  border: 2px solid #ffbb00;
  box-shadow: 0 0 2px 2px #ffbb00;
  transform: scale(1.05);
  transition: all 0.3s ease;
}
/*
 * =============================================================================
 *   <React Data Grid Style Overrides>
 * =============================================================================
 *   Modifications made as per Metro standards, changes mentioned in the respective comments.
*/
.react-grid-Main {
  outline: none !important;
  /* Removed outline */
}
.react-grid-Grid {
  border: 1px solid #CCD0D6 !important;
  /* Removed border */
}
.react-grid-Header {
  background: #fff !important;
  /* Set background white*/
  border-bottom: 1px solid #7d7d7d !important;
  /* To apply border bottom for each Header row*/
}
.react-grid-HeaderRow {
  background: #fff !important;
  /* Set row background as white color. */
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid #ddd !important;
  /* To apply border bottom for each Header row*/
}
.react-grid-HeaderCell {
  background: #fff !important;
  /* Set cell background white */
  color: #4b4b4b !important;
  /* Set font color as blue */
  border-right: 1px solid #CCD0D6 !important;
  /* Remove column seperation borders. Keep only row bottom borders*/
  border-bottom: 1px solid #7d7d7d !important;
  font-weight: 700 !important;
}
.react-grid-HeaderCell-sortable {
  color: #0099ff !important;
  /* Set font color as blue */
}
.react-grid-HeaderCell-sortable span {
  float: none !important;
}
.karma-editable {
  background-color: #fff !important;
  height: 85%;
  border: 1px solid #CCD0D6 !important;
  border-radius: 3px;
  margin: 2px;
}
.rca-no-pointer {
  cursor: pointer;
  position: absolute;
  display: inline;
  right: 10px;
}
.rca-comment-pointer {
  cursor: help;
  position: absolute;
  display: inline;
  right: 10px;
}
.logistic-param-information {
  cursor: pointer;
}
.prca-completed-pointer {
  margin-left: 7px;
}
.validation-error {
  border-width: 1.5px;
  outline-color: Red;
}
.react-grid-Cell {
  background-color: transparent;
  padding: 5px !important;
  border-right: 1px solid #CCD0D6 !important;
  /* Remove column seperation borders. Keep only row bottom borders*/
  border-bottom: 1px solid #CCD0D6 !important;
  /* To apply border bottom for each cell */
  align-content: center;
}
.react-grid-Row {
  border-bottom: 1px solid #ddd !important;
  /* To apply border bottom for each row*/
}
.disabled .react-grid-Row .react-grid-Cell {
  background-color: #E5E7EA;
  color: #33435B;
}
.non-delivered .react-grid-Row .react-grid-Cell {
  background-color: #F8D6D1;
  color: #33435B;
}
.last-clicked-row .react-grid-Row .react-grid-Cell {
  font-weight: 600;
  color: #002d72;
}
.newly-added-row .react-grid-Row .react-grid-Cell {
  font-weight: 600;
  background-color: #F8D6D1;
  color: #002d72;
}
.ag-row.newly-added-row {
  font-weight: 600;
  background-color: #F8D6D1 !important;
  color: #002d72;
}
.ag-row.disabled {
  background-color: #E5E7EA !important;
  color: #33435B;
}
.ag-row.non-delivered {
  background-color: #F8D6D1 !important;
  color: #33435B;
}
.ag-row.last-clicked-row {
  font-weight: 600;
  color: #002d72;
}
.ag-row.ag-row-hover,
.ag-row.ag-row-hover.disabled,
.ag-row.ag-row-hover.non-delivered,
.ag-row.ag-row-hover.newly-added-row,
.ag-row.ag-row-hover.last-clicked-row {
  background-color: #ffffff !important;
}
.header-with-icon .ag-header-cell-label {
  display: flex;
  align-items: center;
}
.header-with-icon .ag-header-cell-label::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3e%3cpath fill=%27%230099ff%27 d=%27M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z%27/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.2s ease-in-out;
  /* Smooth transition */
}
.header-with-icon .ag-header-cell-label:hover::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3e%3cpath fill=%27%230099ff%27 d=%27M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%27/%3e%3c/svg%3e");
}
.ag-tooltip {
  background-color: #eeeeee !important;
  color: #002D72 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  border: none !important;
}
.react-grid-Cell {
  background-color: #fff;
  color: #021535;
  font-weight: 400;
}
.react-grid-Row:hover .react-grid-Cell,
.react-grid-Row.row-context-menu .react-grid-Cell {
  background-color: transparent;
}
.react-grid-Canvas {
  overflow-y: auto !important;
}
.fui-data-grid-pagination .pagination {
  display: table;
  min-height: 34px;
  margin: 20px auto;
}
.fui-data-grid-pagination .pagination li.active a {
  background: #0099ff !important;
  border-color: #0099ff !important;
  color: #fff !important;
}
.fui-data-grid-pagination .pagination li a {
  border-radius: 3px !important;
  color: #0099ff !important;
  cursor: pointer;
  font-weight: 700 !important;
  margin: 0 5px !important;
}
.cellClassRCA {
  border: 2px solid #0059E4 !important;
}
.disabled .cellClassRCA {
  border: none !important;
}
.IE-browser .drag-handle {
  display: none !important;
}
.super-folpage {
  margin: 18px;
}
.supuper-btn {
  margin: 0px 12px;
}
.super-search {
  height: 250;
  width: 1200;
  margin: 0px 12px;
  text-align: 'center';
  display: 'inline-block';
}
.left-btn {
  align-items: left;
  margin-bottom: 12px;
}
.super-grid {
  align-self: center;
  align-content: center;
}
.karma-grid-button {
  margin-top: 16px;
  margin-bottom: 16px;
}
.karma-grid-button .pull-left {
  position: absolute;
  right: 0;
}
.grid-options-padding {
  padding-bottom: 10px;
}
.fol-record-count {
  vertical-align: middle;
  padding: 8px 0px;
}
.export-button {
  vertical-align: middle;
  display: inline-block;
  padding: 7 0 0 0 !important;
  height: auto !important;
  min-height: 1.5em !important;
}
.auto-height {
  height: auto !important;
  min-height: 3em;
}
.customize-button {
  width: fit-content;
  vertical-align: middle;
  display: inline-block;
  padding-top: 8px !important ;
}
.save-filter-error-msg {
  color: #de351b;
  font-weight: normal;
  font-style: italic;
  padding-bottom: 10px;
}
.save-button,
.save-search {
  margin-left: 20px;
}
.right-aligned {
  text-align: right;
  padding-right: 38px;
}
.margin-bottom-1em {
  margin-bottom: 1em;
}
.fixedInputHeight {
  height: 81;
}
.visiblity-hidden {
  visibility: hidden;
}
.word-wrap {
  overflow-wrap: break-word;
}
@media (min-width: 750px) and (max-width: 993px) {
  .discard {
    width: 50%;
    text-align: center;
  }
  .customize-button {
    width: 50%;
    display: inline-block;
  }
  .save-button,
  .save-search {
    margin-left: 20px;
  }
  .save-changes {
    width: 50%;
  }
}
@media (max-width: 750px) {
  .discard {
    width: 100%;
    text-align: center;
  }
  .customize-button {
    width: 100%;
    display: inline-block;
  }
  .save-button,
  .save-search {
    margin-left: 20px;
  }
  .save-changes {
    width: 100%;
  }
}
.fol-header {
  font-weight: 400;
  font-size: 25px;
}
.pf-perf-header {
  font-weight: 400;
  font-size: 25px;
}
.save-changes {
  padding-left: 5px !important;
}
.full-width {
  width: 100% !important;
}
shorter-width {
  width: 60% !important;
}
.ux-hr {
  margin: 0 0 1rem 0;
  border: 1px solid #e6e8eb;
}
.grid-top-margin {
  margin-top: 3rem !important;
}
.fol-message {
  font-size: 16px;
  color: #002d72;
}
.fol-message p {
  text-align: center;
  margin: 20px 0px;
}
.fol-message-home {
  display: flex;
  font-size: 16px;
  color: #002d72;
}
.fol-message-home p {
  text-align: center;
  margin: 55px 0px;
}
.m-togglePane-content {
  border-bottom-width: 0.5rem !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.react-select-box:after {
  top: 8px !important;
}
.input-placeholder::-webkit-input-placeholder {
  color: #7B8E9B;
  font-weight: 500;
  font-size: 16px;
  padding: 0 40px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: inherit;
  line-height: 16px;
}
.input-placeholder:-ms-input-placeholder {
  color: #7B8E9B;
  font-weight: 500;
  font-size: 16px;
  padding: 0 40px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: inherit;
  line-height: 16px;
}
.input-placeholder:-moz-placeholder {
  color: #7B8E9B;
  font-weight: 500;
  font-size: 16px;
  padding: 0 40px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: inherit;
  line-height: 16px;
}
.input-placeholder::-moz-placeholder {
  color: #7B8E9B;
  font-weight: 500;
  font-size: 16px;
  padding: 0 40px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: inherit;
  line-height: 16px;
}
.snackbar-style > div {
  top: 0px !important;
  height: 70px !important;
  z-index: 1999 !important;
}
.margin-bottom-1 {
  margin-bottom: 1em !important;
}
.form-group {
  margin-bottom: 0 !important;
}
.form-control {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #33435b;
}
.padding-x-15 {
  padding: 0 15px !important;
}
.padding-y-15 {
  padding: 15px 0 !important;
}
.margin-y-15 {
  margin: 15px 0 !important;
}
.bulk-update-checkbox {
  height: 2.5rem;
  padding-top: 10px;
}
.calculate-portfPer {
  height: 2.5rem;
  padding-top: 10px;
}
.m-togglePane {
  overflow: inherit !important;
}
.m-checkbox {
  display: inline !important;
}
.m-checkbox-label {
  color: #002d72 !important;
  font-weight: normal !important;
}
.text-align-start {
  text-align: start !important;
}
.hint-text {
  color: #de351b;
  font-weight: normal;
  font-style: italic;
}
.m-input {
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .snackbar-style > div {
    top: 16px !important;
  }
}
@media (min-width: 768px) {
  .panel-button {
    margin-top: 1.5rem;
  }
}
@media (max-width: 768px) {
  .panel-button {
    margin-bottom: 1rem;
  }
}
select::-ms-expand {
  display: none;
}
.karma-rca-help {
  padding-right: 2px;
  text-align: right;
}
.react-select-box-multi .react-select-box-option:before {
  content: '\e83';
}
.react-select-box-multi .react-select-box-option-selected:before {
  content: '✓';
}
.react-select-box-option-load-more {
  font-weight: 400;
  color: black;
  cursor: pointer;
  text-align: center;
  padding: 10px 20px;
  margin: 0;
  display: block;
  line-height: 1.2;
  text-decoration: none;
  font-family: inherit;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.fol-details {
  max-height: 95%;
  overflow: hidden;
}
.fol-details .section-title {
  font-size: 16px;
  text-transform: none;
  color: #002d72;
  line-height: 26px;
  font-weight: 600;
  padding: 5px ;
}
.fol-details .details-label {
  margin: 0px;
  font-size: 14px;
  line-height: 22px;
  color: #444444;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fol-details .details-value {
  margin: 0px 0px 8px 0px;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #002d72;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fol-details .details-full-text {
  font-size: 14px;
  color: #002d72;
  width: 100%;
  font-weight: 500;
}
.fol-details .details-value-modal {
  display: inline-block;
  margin: 0px 0px 8px 0px;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #002d72;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.karma-spinner {
  font-size: 3rem;
  color: #0099ff !important;
}
/*! fileicon.css v0.1.1 | MIT License | github.com/picturepan2/fileicon.css */
/* fileicon.basic */
.file-icon {
  font-family: Arial, Tahoma, sans-serif;
  font-weight: 300;
  display: inline-block;
  width: 24px;
  height: 32px;
  background: #018fef;
  position: relative;
  border-radius: 2px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.file-icon::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom-left-radius: 2px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff #fff rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35);
}
.file-icon::after {
  display: block;
  content: attr(data-type);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  color: #fff;
  text-transform: lowercase;
  width: 100%;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
}
/* fileicons */
.file-icon-xs {
  width: 12px;
  height: 16px;
  border-radius: 2px;
}
.file-icon-xs::before {
  border-bottom-left-radius: 1px;
  border-width: 3px;
}
.file-icon-xs::after {
  content: "";
  border-bottom: 2px solid rgba(255, 255, 255, 0.45);
  width: auto;
  left: 2px;
  right: 2px;
  bottom: 3px;
}
.file-icon-sm {
  width: 18px;
  height: 24px;
  border-radius: 2px;
}
.file-icon-sm::before {
  border-bottom-left-radius: 2px;
  border-width: 4px;
}
.file-icon-sm::after {
  font-size: 7px;
  padding: 2px;
}
.file-icon-lg {
  width: 48px;
  height: 64px;
  border-radius: 3px;
}
.file-icon-lg::before {
  border-bottom-left-radius: 2px;
  border-width: 8px;
}
.file-icon-lg::after {
  font-size: 16px;
  padding: 4px 6px;
}
.file-icon-xl {
  width: 96px;
  height: 128px;
  border-radius: 4px;
}
.file-icon-xl::before {
  border-bottom-left-radius: 4px;
  border-width: 16px;
}
.file-icon-xl::after {
  font-size: 24px;
  padding: 4px 10px;
}
/* fileicon.types */
.file-icon[data-type=zip],
.file-icon[data-type=rar] {
  background: #acacac;
}
.file-icon[data-type^=doc] {
  background: #307cf1;
}
.file-icon[data-type^=xls] {
  background: #0f9d58;
}
.file-icon[data-type^=ppt] {
  background: #d24726;
}
.file-icon[data-type=pdf] {
  background: #e13d34;
}
.file-icon[data-type=txt] {
  background: #5eb533;
}
.file-icon[data-type=mp3],
.file-icon[data-type=wma],
.file-icon[data-type=m4a],
.file-icon[data-type=flac] {
  background: #8e44ad;
}
.file-icon[data-type=mp4],
.file-icon[data-type=wmv],
.file-icon[data-type=mov],
.file-icon[data-type=avi],
.file-icon[data-type=mkv] {
  background: #7a3ce7;
}
.file-icon[data-type=bmp],
.file-icon[data-type=jpg],
.file-icon[data-type=jpeg],
.file-icon[data-type=gif],
.file-icon[data-type=png] {
  background: #f4b400;
}
.records-exceed {
  color: #de351b;
  display: inline;
}
.custom-page {
  padding-top: 2px !important;
  cursor: none !important;
}
.custom-page-text {
  display: inline-block;
  width: max-content;
  padding-right: 10px;
  cursor: none;
}
.translate-new-badge {
  margin-left: 5px;
  position: absolute;
  right: 45;
}
.page-select {
  display: inline-block;
}
.page-select .m-select-input {
  height: 34px;
  padding-left: 4px;
  padding-right: 24px;
}
.page-select .m-select-chevron {
  margin-top: 8px!important;
  margin-left: 34px !important;
  left: 0px;
}
.excel-col-container {
  display: table;
  width: 100%;
}
.excel-col {
  display: table-cell;
  padding: 0px 12px;
}
.upload-panel {
  width: 30%;
  padding-right: 25px;
}
.details-panel {
  width: 70%;
  padding-left: 20px;
}
.doc-detail-grid {
  display: block;
  max-height: 300px;
  overflow-y: auto;
}
.table-container {
  width: 100%;
  overflow-x: auto;
}
.custom-table {
  width: 100%;
  border-collapse: collapse;
}
.custom-table th,
.custom-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.custom-table tr:nth-child(even) {
  background-color: #f9f9f9;
}
.custom-table tr:hover {
  background-color: #f1f1f1;
}
.custom-table th {
  background-color: #f1f1f1;
  color: white;
  padding-top: 12px;
  padding-bottom: 12px;
}
.admin-fol-container {
  display: flex;
}
.admin-fol-grid {
  flex-basis: 60%;
  min-width: 0;
}
.admin-fol-fullWidth-grid {
  flex-basis: 100%;
  min-width: 100%;
}
.showRowDetails-button {
  box-shadow: rgba(0, 0, 0, 0.25) 14px 0px 45px, rgba(0, 0, 0, 0.22) 0px 10px 18px;
  z-index: 1;
}
.admin-fol-details {
  background-color: #fff;
  margin-left: 4px;
  border: 1px solid #dcdcdc !important;
  flex-basis: 40%;
  min-width: 0;
  min-height: 560px;
}
.admin-fol-details .details-section {
  color: #001432;
  min-height: 560px;
}
.admin-fol-details .details-section .field-title {
  font-weight: 300;
  font-size: 14px;
}
.admin-fol-details .details-section .field-value {
  font-weight: 400;
  font-size: 14px;
  color: #001432;
}
.details-title {
  padding: 4px;
}
.fol-details-scrollable {
  height: 272px;
  overflow-y: auto;
  padding-top: 8px;
}
.fixed {
  margin-left: 5px;
  border-top: 0.5px solid #dcdcdc;
}
.contract-grid {
  padding-right: 2px;
}
.contract-details {
  padding-left: 7px;
}
.bulkEmail-search-color {
  padding-top: 8px;
  padding-right: 0px !important;
  padding-left: 0px !important;
  background-color: #eeeeee !important;
}
.bulkEmail-info-header {
  height: 55;
}
.search-title-bulkEmail-info {
  padding-top: 8px;
  color: #002d72;
}
.bulkEmail-grid-button {
  text-align: right;
  padding-right: 15px;
}
.bulkEmail-grid-button .m-button-ghost {
  margin-right: 8px;
}
.bulkemail-other-details {
  font-size: 14px;
  color: #aaa;
  padding-left: 0px;
}
.add_attachment {
  display: inline;
  border: none;
  background: none;
  color: #0050cb;
}
.add_attachment:focus {
  border: none;
  background: none;
}
.add_attachment:active {
  border: none;
  color: #0050cb;
  background: none;
}
form {
  width: 100%;
}
.form-group {
  margin-bottom: 0 !important;
}
.react-select-box-container {
  position: relative;
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  text-align: left;
  height: 40px;
}
.react-select-box-container > .form-control {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #33435b;
  height: 38px;
  padding-right: 30px;
}
.react-select-box-clear {
  position: absolute;
  top: 15px;
  right: 1;
  width: 28px;
  height: 16px;
  background-color: #fff;
  text-indent: -9999em;
  z-index: 3;
  border: none;
}
.react-select-box-clear:before {
  content: '\E5C9';
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
  border-radius: 100%;
  font-size: 20px;
  color: #666;
  line-height: 0;
  text-indent: 0;
  text-align: center;
  font-family: 'Material Icons';
}
.rca3Comments::-webkit-calendar-picker-indicator {
  display: none;
}
.bulkEmailStyle {
  margin-right: 2rem;
}
.bulk-email-wide-modal .m-modal-panel {
  max-width: 70vw !important;
  width: 70vw;
}
.underline-button {
  text-decoration: underline;
}
.excepStyle {
  float: right;
  position: relative;
  margin-top: -5px;
}
.modal-form {
  display: grid;
  row-gap: 0.25rem;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 2rem;
  background: white;
  max-width: 1170px;
  margin: 0 auto;
  padding: 1rem 2rem;
  border-radius: 0.25rem;
}
.modal-form input {
  letter-spacing: 0.75px;
  padding: 0.25rem 0.5rem;
}
.modal-form-control {
  margin: 0.5rem 0;
  display: grid;
  align-items: center;
}
.modal-with-form::-webkit-outer-spin-button,
.modal-with-form::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.step-section {
  margin-bottom: 20px;
  font-family: Lato;
  text-align: left;
  color: #001432;
}
.step-section .step-section-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: underline;
}
.step-section .step-section-download-icon {
  width: 100%;
  padding-bottom: 5px;
  text-align: center;
}
.step-icon-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 5px 0;
}
.step-section .step-section-subTitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #667284;
  padding-top: 2px;
}
.rca-table-header:nth-child(1) {
  border-top-left-radius: 8px;
}
.first-column {
  width: 200px;
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
}
.fol-info-table-header {
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
.fol-details .details-label {
  margin: 0px;
  font-size: 14px;
  line-height: 22px;
  color: #4a4a4a;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.submission-modal-custom {
  overflow: hidden;
  background: rgba(0, 45, 114, 0.24) !important;
}
.submission-modal-custom > div {
  position: relative;
  max-width: 90%!important;
  height: 90%;
  overflow: hidden scroll;
  left: 1.5%;
  z-index: 1;
  border-radius: 9px!important;
}
.submission-modal-custom > div::-webkit-scrollbar {
  display: none;
}
.submission-modal-custom > div {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.supplier-dropzone > div > p > span {
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-style: normal;
  color: #667284;
}
.fol-no-docs > ul > div > div > span > span {
  font-family: Lato;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(178, 177, 177, 0.8);
  font-style: normal;
}
.fol-attachment-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
  height: 100%;
}
.rca-attachment > div {
  border-radius: 9px !important;
}
.rca-attachment > div > div > div {
  border-radius: 9px !important;
}
.rca-attachment > div {
  max-width: 515px !important;
}
.fol-attachment-label {
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #001432;
  margin: 0px 0px 0px 0px !important;
}
.fol-attachment-border-box {
  border: 1px solid #ccd0d6;
  padding: 13px 18px;
  display: flex;
  gap: 12px;
}
.fol-attachment-border-box:not(:last-child) {
  border-bottom: none;
}
.fol-attachment-checkbox {
  transform: scale(1.5);
  margin: 0px 0px 0px 0px !important;
}
.ellipsis-icon-text {
  display: inline-block;
  padding: 0;
  height: auto;
  vertical-align: inherit;
}
.rdw-link-modal {
  height: 250px !important;
  width: 220px !important;
  padding: 15px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #e1e5e9 !important;
}
.rdw-link-modal .rdw-link-modal-input {
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 8px !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
}
.rdw-link-modal .rdw-link-modal-buttonsection {
  position: absolute !important;
  bottom: 30px !important;
  left: 15px !important;
  right: 25px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
}
.rdw-link-modal .rdw-link-modal-btn {
  padding: 5px 16px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  border: 1px solid #ddd !important;
  background: #f8f9fa !important;
}
.rdw-link-modal .rdw-link-modal-btn:hover {
  background: #e9ecef !important;
}
.rdw-link-modal .rdw-link-modal-btn:first-child {
  background: #0050cb !important;
  color: white !important;
  border-color: #0050cb !important;
}
.rdw-link-modal .rdw-link-modal-btn:first-child:hover {
  background: #003d9f !important;
}
.rdw-link-modal .rdw-link-modal-btn:first-child:disabled {
  background: #ccc !important;
  color: #888 !important;
  border-color: #ccc !important;
  cursor: not-allowed !important;
}
.rdw-link-modal .rdw-link-modal-btn:first-child:disabled:hover {
  background: #ccc !important;
}
.rdw-editor-toolbar {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background: #f8f9fa !important;
  padding: 8px !important;
}
.rdw-editor-main {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background: white !important;
  transition: border-color 0.2s ease !important;
}
.rdw-editor-main:focus-within {
  border: 3px solid #438eff !important;
  outline: none !important;
}
.rdw-option-wrapper {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  margin: 2px 4px !important;
  transition: all 0.2s ease !important;
}
.rdw-option-wrapper:hover {
  background: #e9ecef !important;
  border-color: #dee2e6 !important;
}
.rdw-option-active {
  background: #0050cb !important;
  color: white !important;
  border-color: #0050cb !important;
}
.rdw-option-active:hover {
  background: #003d9f !important;
}
.rdw-dropdown-wrapper {
  border: 1px solid #dee2e6 !important;
  border-radius: 4px !important;
  background: white !important;
  transition: all 0.2s ease !important;
}
.rdw-dropdown-wrapper:hover {
  border-color: #0050cb !important;
  box-shadow: 0 0 0 2px rgba(0, 80, 203, 0.1) !important;
}
.rdw-dropdown-optionwrapper {
  background: white !important;
  border: 1px solid #e1e5e9 !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  margin-top: 2px !important;
}
.rdw-dropdownoption-default {
  padding: 8px 12px !important;
  transition: background 0.2s ease !important;
}
.rdw-dropdownoption-default:hover {
  background: #f8f9fa !important;
}
.rdw-dropdownoption-highlighted {
  background: #e3f2fd !important;
}
.rdw-fontfamily-wrapper {
  min-width: 120px !important;
}
.rdw-fontfamily-wrapper .rdw-dropdown-wrapper {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}
.rdw-fontfamily-wrapper .rdw-dropdown-wrapper:hover {
  border-color: #0050cb !important;
  box-shadow: none !important;
}
.rdw-fontfamily-wrapper .rdw-dropdown-optionwrapper {
  min-width: 120px !important;
  width: 120px !important;
  left: 0 !important;
}
.rdw-colorpicker-modal {
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #e1e5e9 !important;
}
.rdw-colorpicker-option {
  border-radius: 3px !important;
  margin: 2px !important;
  transition: transform 0.2s ease !important;
}
.rdw-colorpicker-option:hover {
  transform: scale(1.1) !important;
}
.ag-theme-alpine .ag-header-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ag-theme-alpine .ag-header-cell-label {
  justify-content: center;
}
.ag-theme-alpine .ag-header-cell-text {
  color: #0070ff;
  font-size: 15px;
  font-weight: 600;
}
.fabric-ui-view .main {
  position: absolute;
  top: 56px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 992px) {
  .fabric-ui-view .main {
    top: 80px;
    transition: all 450ms;
    left: 0px;
  }
  .fabric-ui-view .slide-body {
    left: 240px;
  }
}
.fabric-ui-view-supp {
  background: #e6eefc;
  display: flex;
  gap: 5px;
  flex-direction: column-reverse;
}
.fabric-ui-view-supp .main {
  position: absolute;
  top: 56px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 992px) {
  .fabric-ui-view-supp .main {
    top: 80px;
    transition: all 450ms;
    left: 0px;
  }
  .fabric-ui-view-supp .slide-body {
    left: 240px;
  }
}
.truncate-ellipses div div span div {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.user-profile {
  padding: 10px 0px;
  margin-top: -1rem;
}
.user-profile h4 {
  padding-top: 5px;
}
.user-profile strong {
  color: #002d72;
}
.supplier-table table {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: #444444;
  padding: 4px;
}
.supplier-table table th {
  border: 1px solid white;
  border-bottom: 1px solid #CCCCCC;
  font-weight: normal;
  height: 16px;
  padding: 0px 4px;
}
.supplier-table td {
  border: 1px solid #CCCCCC;
  padding: 4px;
  height: 48px;
}
.supplier-table tr:nth-child(even) {
  background: #F4F4F4;
}
.supplier-table tr:nth-child(odd) {
  background: #FFF;
}
.feedback-button {
  box-shadow: rgba(0, 0, 0, 0.25) 14px 0px 45px, rgba(0, 0, 0, 0.22) 0px 10px 18px;
  z-index: 1;
}
.feedback-modal-content {
  max-height: 80% !important;
  overflow-y: auto;
}
.portfolio-pop-up {
  overflow-y: hidden;
  height: 80vh;
}
.blkupdate-modal-content {
  max-height: 390px;
  overflow-y: auto;
}
.m-dcFooter {
  width: 96%;
  height: 3rem !important;
  padding: 0.875rem 1.5rem;
  justify-content: space-between !important;
  border-top: none !important;
  float: right;
}
.m-footer-link {
  padding-left: 0.5rem;
  color: inherit;
  text-decoration: underline;
}
.m-p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.m-footer-link-isActive {
  color: #001432;
  font-weight: bold;
  text-decoration: none !important;
}
.footer-p {
  margin-top: 17px;
}
.underline:hover {
  text-decoration: underline !important;
}
.m-footer-link-isActive :hover {
  text-decoration: underline !important;
}
.m-footer a {
  text-decoration: underline !important;
}
.m-footer span {
  color: #667284;
}
.min-height-page {
  min-height: 650px;
}
.user-profile-scroller {
  max-height: 25vh;
  overflow-y: auto;
}
.user-profile-scroller hr {
  margin: 5px 0px;
}
.user-profile-scroller p {
  margin: 0px!important;
}
.m-header-content {
  width: 70% ! important;
}
#env-app-type {
  color: white;
  position: absolute;
  top: 18px;
  left: 9.5em;
  border-left: 6px solid #f7a40c;
  padding: 12px;
  z-index: 11;
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
}
.simple-tool-tip-box {
  position: relative;
  padding: 10px;
}
.simple-tool-tip {
  position: absolute;
  bottom: 100%;
  margin-bottom: 2px;
  left: 0px;
  width: 100%;
  text-align: center;
  opacity: 1;
  background-color: #222222;
  color: white;
  font-size: 0.75em;
  transition: all 0.25s ease 0s;
  border-radius: 3px;
  padding: 0.5em;
  z-index: 1;
  border-width: 2px;
  border-style: dashed;
  border-color: lightgrey;
  border-image: initial;
  border-radius: 5px;
}
.simple-tool-tip::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 5px;
  border-style: solid solid none;
  border-color: transparent transparent;
  border-image: initial;
  border-bottom: none;
  z-index: 1;
}
.redefine-logo {
  width: 150px;
}
.cls-1 {
  fill: #f7a800;
}
.cls-2 {
  fill: #fff;
}
.react-select-box {
  height: 100%;
}
.search-button {
  background-color: #0064FE;
  border: 1px solid #0064FE !important;
  color: white;
  font-weight: bold;
  font-size: 1rem;
}
.PerfSearchBar-search-btn {
  gap: 5px !important;
  border-radius: 2px !important;
  padding: 1 4px !important;
  padding-right: 13px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.PerfsearchIcon {
  font-size: 17px !important;
  padding-bottom: 1px !important;
}
.eff-clear-button {
  color: #0064FE;
  font-weight: normal;
  font-size: 1.1rem;
  text-decoration: underline;
  cursor: pointer;
}
.eff-clear-button:hover {
  color: #02398d;
}
.eff-reset-button {
  color: #0064FE;
  font-weight: normal;
  font-size: 1.1rem;
  text-decoration: underline;
  cursor: pointer;
}
.eff-reset-button:hover {
  color: #02398d;
}
.disabled-search-button {
  background-color: #e6e8eb;
  border: 1px solid #e6e8eb !important;
  color: #667284;
  font-weight: bold;
  font-size: 1rem;
}
.m-panel-contentPadding {
  margin-top: 1.5rem !important;
  margin-right: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.arrow-icon {
  margin-right: 30px;
  margin-top: 12px;
  background-color: #eeeeee;
}
.table-align {
  width: 85% !important;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  .arrow-icon {
    margin-right: -1px;
    margin-top: 12px;
  }
  .custom-date-search {
    top: 0px;
    margin-top: 0px;
    margin-bottom: 22px;
  }
  .btn-case {
    text-transform: capitalize !important;
    max-width: 4rem;
    font-size: 12px !important;
    padding: '0';
  }
  .m-tabPanel-tab {
    height: 5rem !important;
    line-height: 1.25rem !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 425px) {
  .highcharts-background {
    width: 320px;
  }
  .highcharts-container {
    margin: auto;
    overflow-x: visible !important;
  }
  h5 {
    font-size: 14px !important;
    line-height: 22px;
    color: #001333;
  }
  .btn-case {
    text-transform: capitalize !important;
    max-width: 4rem;
    font-size: 14px !important;
    padding: '0';
  }
  .m-tabPanel-tab {
    height: 5rem !important;
    line-height: 1.25rem !important;
  }
  .custom-date-search {
    top: 0px;
    margin-top: 0px;
    margin-bottom: 22px;
  }
  .table-container {
    margin: auto !important;
    vertical-align: middle !important;
    height: auto !important;
    padding: 4% !important;
    width: 90%;
  }
}
@media screen and (min-width: 425px) and (max-width: 768px) {
  .highcharts-background {
    width: 425px;
  }
  .highcharts-container {
    margin: auto;
    overflow-x: visible !important;
  }
  .table-container {
    margin: auto !important;
    vertical-align: middle !important;
    height: auto !important;
    padding: 4% !important;
  }
  .custom-td,
  .custom-th {
    border: 1px solid #eeeeee;
    font-size: 12px;
  }
  .custom-date-search {
    top: 0px;
    margin-top: 0px;
    margin-bottom: 22px;
  }
  .btn-case {
    text-transform: capitalize !important;
    max-width: 6rem;
    font-size: 16px !important;
    padding: '0';
  }
  h5 {
    font-size: 16px !important;
    line-height: 22px;
    color: #001333;
  }
  .date-input {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fui-input-label {
    font-size: 14px !important;
  }
  .rw-datetime-picker.calendar-right {
    padding-right: 0 !important;
    padding-left: 1.9em !important;
  }
  .rw-datetimepicker.time-calendar-right {
    padding-left: 3.5em !important;
  }
  #legend-table {
    padding: 40px;
    padding-bottom: 0;
  }
  #tableContainer {
    padding-left: 15%;
  }
  .table-align {
    width: 100% !important;
  }
  .highcharts-background {
    width: 768px;
  }
  .highcharts-container {
    margin: auto;
    overflow-x: visible !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .description-dashboard {
    text-align: center;
    margin-top: 32px;
  }
  .btn-case {
    text-transform: capitalize !important;
    max-width: 8rem;
    font-size: 18px !important;
    padding: '0';
  }
  .time-select {
    margin-top: 0px !important;
  }
  .custom-date-search {
    top: 0px;
    margin-top: 0px;
    margin-bottom: 22px;
  }
}
@media screen and (min-width: 990px) {
  .time-select {
    margin-top: 0px !important;
  }
  .btn-case {
    text-transform: capitalize !important;
    max-width: 16rem;
    font-size: 18px !important;
    padding: '0';
  }
  .custom-date-search {
    top: 27px !important;
    margin-top: 16px !important;
  }
}
.search-color {
  background-color: #eeeeee !important;
}
.search-border {
  border-bottom: 1px solid #eeeeee;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.contract-info-header {
  height: 42px;
}
.search-title-contract-info {
  padding-top: 10px;
  color: #002d72;
  font-weight: bold;
}
.input-group .m-input-element {
  height: 3rem;
}
.input-group-addon {
  padding: 6px 16px;
}
.my-form {
  margin: 0;
  padding: 0;
}
.my-box {
  margin-left: 3%;
  padding: 0;
}
.rw-datetime-picker.calendar-right {
  padding-right: 0;
  padding-left: 1.9em;
}
.rw-datetime-picker.time-calendar-right {
  padding-left: 3.5em !important;
}
/* Disabled date picker wrapper */
.date-picker-disabled .react-datepicker__input-container input,
.date-picker-disabled input {
  background-color: #f5f5f5 !important;
  color: #aaa !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
.my-multibox {
  height: 9.88%;
}
.my-multiboxd {
  box-shadow: none;
  margin-left: 10px;
}
.separated {
  margin: 0;
  padding: 0;
}
.my-icon {
  margin-left: -110%;
  margin-top: 38%;
}
.my-tab {
  text-transform: capitalize;
}
.mycard {
  border-radius: 8px!important;
  box-shadow: 0px 1px 8px 0px rgba(0, 20, 50, 0.2);
  height: 100%;
  padding: 19px;
  position: relative;
  z-index: 0;
}
.calendar-visible .rw-calendar-popup {
  left: -167px !important;
}
.mycard1 {
  background-color: transparent;
  box-shadow: none;
  width: 100%;
  padding: 22px;
  padding-bottom: 0;
}
.dashboard-card {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  gap: 20px;
  margin-top: 30px;
}
.margbtm {
  margin-bottom: 5px !important;
}
.my-panel {
  margin: 2%;
}
.SearchButton {
  margin-right: 90px;
}
.font-weight {
  font-weight: 600;
}
.search-box {
  max-width: 87%;
}
.box-height {
  height: 40px;
}
.modified-row {
  height: 64px;
}
.my-donut {
  box-shadow: none;
  margin-left: -12.5%;
  margin-top: -5.5%;
}
.my-formed {
  margin: 0;
  padding-bottom: 40px;
}
text tspan::nth-child(0) {
  color: red;
  word-spacing: 30px;
}
.btn-case {
  text-transform: capitalize !important;
  padding: '0';
}
.dash-title {
  color: #33435b;
  background-color: #f3f4f5;
  padding: 20px;
  font-size: 18px;
  padding-left: 30px;
  font-weight: bold;
  padding-bottom: 0px;
}
.dash-title1 {
  color: #33435b;
  font-size: 16px;
  font-weight: bold;
}
.dashboard-linechart-menu-title {
  width: 100%;
}
.downloadAttachmentModal-menuBar {
  display: inline-block;
  left: 16px;
  position: relative;
}
.dashboard-linechart-header-download {
  display: flex;
  color: #33435b;
  padding: 20px 30px 0 30px;
  font-size: 18px;
  font-weight: bold;
}
.search-title {
  color: #33435b;
  padding: 20px 20px 20px 11px;
  font-size: 18px;
  font-weight: bold;
}
.dropdown-tab {
  background-color: #f3f4f5;
  padding: 20px;
}
.row-formatted {
  margin: 0;
  border-bottom: 1px solid #CCD0D6;
}
.fui-input-label {
  color: #002b72;
  font-size: 15px;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fui-input-label-no-overflow {
  color: #002b72;
  font-size: 15px;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
}
.m-extra-class-on-input-tag {
  font-weight: 500;
  color: #20314d;
}
.table {
  width: '80% !important';
}
.highcharts-legend-box {
  border: black;
}
.m-tabPanel-list {
  text-transform: capitalize !important;
  font-size: 18px;
  padding: 0;
  border-bottom: 1px solid #eeeeee;
}
.tab-shade {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.02);
}
.time-select {
  margin-top: 20px;
}
.search-bar {
  box-shadow: none;
}
.row-spanned {
  padding-bottom: 30px;
}
.custom-td,
.custom-th {
  border: 1px solid #eeeeee;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
.custom-td-fol,
.custom-th-fol {
  border: 1px solid #CCD0D6;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
.custom-td-performance,
.custom-th {
  border-right: 1px solid #eeeeee;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
.react-select-box-label {
  color: #000000;
  font-weight: 500;
  font-size: 16px;
}
.table-container {
  margin: auto;
  vertical-align: middle;
  height: auto;
  padding-left: 2%;
  padding-top: 4%;
}
.table-element {
  font-size: 16px;
  line-height: 22px;
  color: #001333;
}
.react-select-box-options {
  min-width: auto;
  width: auto;
  box-shadow: -0.5px 0.5px 6px grey;
}
.description-dashboard {
  margin: 15px 20px;
}
.description-dashboard-header {
  display: inline-block;
}
.description-dashboard-header .description-dashboard-header-title {
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
.description-dashboard-header .description-dashboard-header-subTitle {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.instruction-for-chart {
  color: #33435B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 21.229px;
  /* 151.635% */
}
.downloadAttachmentModal {
  float: right;
}
.color-description {
  color: #002b72;
  font-weight: normal;
  font-style: italic;
}
.date-input {
  margin: 1.28rem 0 1rem 0;
}
.togglePane-contentpane-content {
  padding: 0.3rem 0.9rem 0.75rem 0.2rem !important;
  margin: 0 0 0 0.6875rem !important;
}
.custom-date-search {
  top: 0px;
}
.no-data-span {
  padding-bottom: 20px;
}
.padded-search {
  margin-top: 20px;
  margin-bottom: 35px;
}
.padded-custom-search {
  margin-bottom: 30px;
}
.custom-td-num {
  text-align: right !important;
}
.custom-td-num-padding {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.no-border {
  border: none;
}
.admin-legend-tr-data {
  font-weight: bold;
  font-size: 12px;
  text-align: right;
}
.admin-pie-legend-header {
  font-size: 14px;
  font-weight: 600;
  color: black;
}
.input-padding {
  padding-left: 18px;
}
.order-input {
  margin: 1.6rem 0 1rem 0;
}
.table-performance {
  padding-bottom: 4%;
}
.search-backgroud {
  padding: 1rem;
  background-color: #f3f4f5;
}
.alignTagTop {
  position: relative;
}
.td-value {
  font-size: 14px;
  white-space: normal;
  word-wrap: break-word;
}
.td-value-head {
  color: #002D72;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.td-value-head-otif {
  color: #001432;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.td-value-value1 {
  color: #001432;
  text-align: end;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.padding2 {
  padding: 5px 5px;
}
.td-value-value2 {
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.otifHeader-dashboard {
  color: #001432;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.299px;
  padding-bottom: 15px;
}
.otif-header-text {
  color: #001432;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.otif-subHeader-text {
  color: #33435B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 19.299px;
  /* 148.454% */
}
.otifHeader-dashboard1 {
  font-weight: 900;
  font-size: large;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-bottom: 5px;
}
.avail-dashboard-cont {
  text-align: left;
  padding: 16px 25px;
  border-radius: 5px;
  background: #E6EEFC;
  color: #001432;
  font-family: Lato, sans-serif;
  width: 100%;
}
.avail-dashboard-cont1 {
  text-align: center;
  padding: 10px 5px 0px 0px;
  border-radius: 5px;
  width: 41%;
  margin: 5px 8px 5px 8px;
}
.owdashrca {
  text-align: center;
  background-color: #E6EEFC;
  padding: 25px 5px 25px 5px;
  border-radius: 5px;
  width: 26%;
  margin: 5px 8px 5px 8px;
  height: 126px;
}
.bgcolorlastrow {
  margin-bottom: 40px;
  padding: 7px 20px;
  max-width: 600px;
}
.bgcolorlastrow1 {
  background-color: #E6EEFC !important;
}
.hidemdsp {
  display: none !important;
}
.lastrowowdash {
  margin-left: 0px !important;
  margin-bottom: 8px;
}
.owdashboard {
  font-size: 16px;
  font-weight: 900;
  margin-left: 10px;
  padding-bottom: 5px;
}
.topSectionWeekDash {
  border-bottom: 1px solid #CCD0D6;
}
.owdashmdcn {
  text-align: center;
  background-color: #E6EEFC;
  padding: 25px 5px 25px 5px;
  border-radius: 5px;
  width: 42%;
  margin: 0px 8px 0px 8px;
}
.dashunderline {
  text-decoration: underline !important;
  font-size: 19px !important;
}
.dashunderline > b > span:hover {
  color: #1a69e6;
}
.dashunderline > b:hover {
  color: #1a69e6;
}
.operation_values {
  color: #002D72;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 142.857% */
  text-decoration-line: underline;
}
.font22 {
  color: #002D72;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32.165px;
  /* 134.021% */
}
.font22_red {
  color: #DE351B;
}
.font_13 {
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: end;
}
.border1 {
  border: 1px solid #eeeeee;
}
.no-border {
  border: none !important;
}
.weight600 {
  font-weight: 600;
}
.weight400 {
  font-weight: 400;
  font-size: 13px;
}
.alignright2 {
  text-align: -webkit-right;
  padding-right: 3px;
}
.border-bottom-2 {
  border-bottom: 1px solid #eeeeee !important;
}
.dash_growth_rate {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.299px;
}
.font22_green {
  color: #24865A;
}
.font22_subText {
  color: #33435B;
  font-weight: 400;
  font-size: 14px;
}
.headereo {
  text-align: center;
  font-size: 55px;
  margin: 15px 0px 5px 0px;
}
.new_tab23 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70%;
  width: 100%;
  padding: 0;
}
.dotgreen {
  height: 10px;
  width: 10px;
  background-color: #008037;
  border-radius: 50%;
  display: inline-block;
}
.dotred {
  height: 10px;
  width: 10px;
  background-color: #FF0000;
  border-radius: 50%;
  display: inline-block;
}
.redcolorarrowdown {
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27red%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z%27/></svg>");
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0px 0px -3px 0px;
}
.greencolorarrowup {
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27green%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z%27/></svg>");
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0px 0px -3px 0px;
}
.font-bold-text {
  font-weight: 600;
  color: #001432;
  float: right;
}
.greencolorarrowdown {
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27green%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z%27/></svg>");
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0px 0px -3px 0px;
}
.redcolorarrowup {
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27red%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z%27/></svg>");
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0px 0px -3px 0px;
}
.width100 {
  width: 100%;
}
.operational_subText {
  color: #667284;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.299px;
  /* 148.454% */
}
.operational_newSubText {
  color: #667284;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.299px;
}
.width50 {
  width: 50%;
}
@media screen and (max-width: 1760px) {
  .BO_time_drop_down {
    width: 120px;
  }
  .OW_time_drop_down {
    width: 140px;
  }
  .BO_time_drop_down div div input {
    font-size: 14px;
  }
  .OW_time_drop_down div div input {
    font-size: 14px;
  }
  .drop_down_div {
    width: 70%;
  }
  .TitleTime_BO {
    width: 35%;
  }
  .Timetitle {
    font-size: 17px;
  }
  .lable-drop-down {
    font-size: 15px;
  }
  .header-focus-article-left-scatter {
    font-size: 19px;
  }
}
/*
@media screen and (max-width :1659px) and (min-width: 1359px) {
    .header-focus-article-left-scatter{
        font-size: 15px;
        color: rgb(4, 118, 122);
    }
}*/
@media screen and (max-width: 1660px) {
  .BO_time_drop_down {
    width: 120px;
  }
  .OW_time_drop_down {
    width: 120px;
  }
  .BO_time_drop_down div div input {
    font-size: 13px;
  }
  .OW_time_drop_down div div input {
    font-size: 13px;
  }
  .drop_down_div {
    width: 60%;
  }
  .TitleTime_BO {
    width: 40%;
  }
  .Timetitle {
    font-size: 16px;
  }
  .lable-drop-down {
    font-size: 15px;
  }
  .header-focus-article-left-scatter {
    font-size: 15px;
  }
  .eff-reset-button {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1360px) {
  .BO_time_drop_down {
    width: 100px;
  }
  .OW_time_drop_down {
    width: 100px;
  }
  .BO_time_drop_down div div input {
    font-size: 12px;
  }
  .OW_time_drop_down div div input {
    font-size: 12px;
  }
  .drop_down_div {
    width: 55%;
  }
  .TitleTime_BO {
    width: 45%;
  }
  .Timetitle {
    font-size: 15px;
  }
  .header-focus-article-left-scatter {
    font-size: 13px;
  }
  .eff-reset-button {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 1275px) {
  .BO_time_drop_down {
    width: 70px;
  }
  .OW_time_drop_down {
    width: 90px;
  }
  .BO_time_drop_down div div input {
    font-size: 12px;
    height: 40px;
  }
  .OW_time_drop_down div div input {
    font-size: 12px;
    height: 40px;
  }
  .drop_down_div {
    width: 45%;
  }
  .TitleTime_BO {
    width: 55%;
  }
  .Timetitle {
    font-size: 13px;
  }
  .lable-drop-down {
    font-size: 12px;
  }
}
.tree-view {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 20px;
  font-size: 22px;
}
.tree-node {
  cursor: pointer;
  color: #002d72;
  font-weight: 550;
  font-size: 15px;
}
.tree-modal-dialog {
  display: block;
  max-height: 60%;
  min-height: 200px;
  overflow-y: auto;
  overflow-x: auto;
}
.tree-default {
  display: block;
  position: absolute;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: left;
  box-shadow: inset 0 1px 1px #f4f4f4;
  z-index: 9999;
  overflow-y: auto;
  overflow-x: auto;
  max-height: 250px;
}
.tree-select {
  width: 400px;
  margin-left: -5px;
  z-index: 1;
}
.rca-comment-box {
  width: 100%;
  height: 100%;
}
.rca-value {
  margin-top: 9px;
  white-space: nowrap;
  overflow: hidden;
}
.tree-child {
  padding: 5px 0px;
  padding-left: 25px;
  color: #002d72;
  font-weight: 400;
  white-space: normal;
  overflow: hidden;
  cursor: default;
  font-size: 14px;
}
.tree-child .tree-text {
  width: 100%;
  margin: 0px 0px;
}
li,
ul {
  list-style-type: none;
  margin-bottom: 0px;
}
.tree {
  padding: 4px;
  margin: 0px;
  border-bottom: 1px solid #cccccc;
}
.tree-node-expand::before {
  content: "▼";
  display: inline-block;
  font-size: 83%;
  margin-right: 5px;
  vertical-align: center;
}
.tree-node-collapsed::before {
  content: "►";
  display: inline-block;
  font-size: 83%;
  margin-right: 5px;
  vertical-align: center;
}
.tree-node-expand_nw::before {
  content: url(6737a871cdb24fec265f.svg);
  display: inline-block;
  font-size: 83%;
  margin-right: 5px;
  vertical-align: center;
}
.tree-node-collapsed_nw::before {
  content: url(5c50d83db4ccc9e1f8d4.svg);
  display: inline-block;
  font-size: 83%;
  margin-right: 5px;
  vertical-align: center;
}
.blk_rca * {
  font-family: Lato, sans-serif !important;
  color: #001432;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
.rca-placeholder {
  width: 100%;
  height: 39px;
  background-color: #fff !important;
}
.rca-input {
  width: 100%;
  height: 35px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  padding: 0px 3%;
  background-color: #eee;
}
.rca-child-style {
  min-width: 100%;
  overflow: hidden;
  padding-left: 15px;
  margin: 2px 0px;
  padding: 10px;
  border-bottom: 1px solid #cccccc;
}
.rca-child-style:last-child {
  border-bottom: none;
}
#rca-selected {
  color: #0099ff;
  background-color: #f4f4f4;
  scroll-behavior: auto;
}
.rca-child-style:hover {
  color: #0099ff;
  background-color: #eeeeee;
}
.tree-ul {
  width: 100%;
}
.bulk-update-tree {
  width: 95%;
  display: block;
}
.bulk-update-tree-bulk {
  width: 100%;
  display: block;
  position: relative;
}
p.rca-assign {
  padding-top: 9px;
  padding-bottom: 3px;
}
.remove-rca::before {
  content: "0 - ";
  display: inline-block;
  margin-right: 5px;
  vertical-align: center;
}
.remove-rca {
  color: #002d72;
  padding: 0.5em 0 0.5em 1em;
  font-weight: 500;
  white-space: normal;
  border-bottom: 1px solid #cccccc;
}
.active {
  color: #0099ff;
  background-color: #f4f4f4;
}
.active-rm-rca {
  background-color: rgba(185, 212, 252, 0.2);
}
.translation-feature-panel {
  height: 35em;
  overflow-y: scroll;
  position: relative;
}
.kibanBtnList {
  padding: 8px;
  display: grid;
  justify-content: center;
}
.kibanaBtn {
  margin: 8px;
  width: 260;
  display: block;
  justify-content: center;
}
.rca-cards {
  display: flex;
}
.rca-widget-items {
  flex-grow: 1;
}
.light-blue-card {
  padding: 8px;
  background-color: #f2f7ff;
  border-radius: 8px;
  margin-right: 8px;
  margin-top: 10px;
}
.light-blue-card .card-head {
  display: inline;
}
.light-blue-card .card-head .card-title {
  color: #33435b;
  font-size: 14px;
  font-weight: bold;
  padding-top: 2px;
  margin-bottom: 0.25rem;
}
.light-blue-card .card-head .card-calender {
  margin-bottom: 0.5rem;
}
.light-blue-card .card-head .card-calender select {
  border: none;
  background-color: #f2f7ff;
}
.light-blue-card .tile-box .tile-title {
  color: #99a1ad;
  font-size: 14px;
  line-height: 20px;
}
.light-blue-card .tile-box .tile-value {
  color: #002866;
  font-size: 16px;
  font-weight: bold;
  padding: 4px;
}
.light-blue-card .tile-box:hover {
  cursor: pointer;
  text-decoration: underline;
}
.proactiverca-update-checkbox {
  height: 2.5rem;
  padding-top: 10px;
}
.suppArticles_config1 {
  width: 11.11%;
}
.suppBELArticles_config1 {
  width: 14.25%;
}
.suppBELArticles_config2 {
  width: 16.6%;
}
.suppArticles_config2 {
  width: 14.28%;
}
.gridOptBtn {
  margin-right: 20px;
}
.article-condition {
  color: red;
  padding-top: 10px;
  padding-bottom: 10px;
}
.upperSectionWidth {
  width: 13.88%;
}
.upperSectionWidthConfig2 {
  width: 20.8%;
}
.upperSectionSearchWidthL1 {
  width: 15%;
}
.positionAlignment {
  bottom: -5px;
}
.positionBottomAlingment {
  bottom: -1px;
}
.positionTopAlignment {
  bottom: 5px;
}
.Select-menu-outer {
  width: auto;
  min-width: 200%;
  text-align: left;
}
.Select-option {
  white-space: nowrap;
}
.penalty-res-row-details {
  background-color: #fff;
  margin-left: 4px;
  border: 1px solid #dcdcdc !important;
  flex-basis: 30%;
  min-width: 0;
}
.penalty-res-row-details .details-section {
  color: #001432;
}
.penalty-res-row-details .details-section .field-title {
  font-weight: 300;
  font-size: 14px;
}
.penalty-res-row-details .details-section .field-value {
  font-weight: 400;
  font-size: 14px;
  color: #001432;
}
.penalty-res-fullWidth-grid {
  flex-basis: 100%;
  min-width: 100%;
}
.penalty-res-container {
  display: flex;
}
.penalty-res-grid {
  flex-basis: 70%;
  min-width: 0;
}
.penalty-details {
  max-height: 100%;
  overflow: auto;
  margin-left: 5px;
}
.penalty-details .section-title {
  font-size: 16px;
  text-transform: none;
  color: #002d72;
  line-height: 26px;
  font-weight: 600;
  padding: 5px ;
}
.penalty-details .details-label {
  margin: 0px;
  font-size: 14px;
  line-height: 22px;
  color: #444444;
  width: 95%;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.penalty-details .details-value {
  margin: 0px 0px 8px 0px;
  width: 95%;
  font-size: 14px;
  line-height: 22px;
  color: #002d72;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.penalty-details .details-full-text {
  font-size: 14px;
  color: #002d72;
  width: 100%;
  font-weight: 500;
}
.penalty-details .details-value-modal {
  display: inline-block;
  margin: 0px 0px 8px 0px;
  width: 80%;
  font-size: 14px;
  line-height: 22px;
  color: #002d72;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html,
body {
  font-size: 100%;
  overflow: hidden;
  font-family: Lato, sans-serif;
}
body {
  color: #32435C;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  font-style: normal;
}
a {
  color: #0064fe;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Lato, sans-serif;
  color: #002d72;
  font-weight: normal;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 0;
}
h1 {
  /*Headline Monster*/
  font-size: 32px;
  line-height: 40px;
}
h2 {
  /*Headline 2*/
  font-size: 20px;
  line-height: 26px;
}
h3 {
  /*Headline regular*/
  font-size: 18px;
  line-height: 24px;
}
h4 {
  /*Headline small*/
  font-size: 16px;
  line-height: 22px;
}
h5 {
  /*Text flow*/
  font-size: 16px;
  line-height: 22px;
  color: #001333;
}
h6 {
  /*Small Text*/
  font-size: 0.813em;
  line-height: 15px;
}
.margin-top-0 {
  margin-top: 0px;
}
/*
 * =============================================================================
 *   <CUSTOM SCROLLBAR>
 * =============================================================================
*/
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 6px;
  transition: background 0.5s;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
/*
 * =============================================================================
 *   <REACT SCROLLZONE>
 * =============================================================================
*/
.scrollzone-y {
  overflow-x: hidden;
  overflow-y: auto;
}
.card-paper {
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffffff;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-sizing: border-box;
  font-family: Lato, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 8px 0px rgba(0, 20, 50, 0.2);
  border-radius: 8px;
  z-index: 0!important;
}
.full-height {
  height: 100%;
  overflow: auto;
}

/**
 * Do not edit directly, this file was auto-generated.
 * Made with ❤️ by the METRO Design System team.
 */
@layer mds {
  .LeljGvuOnYntxEI7NozQ {
    --mds-core-border-width-base: 0;
    /** No border at all. */
    --mds-core-border-radius-none: 0;
    /** No border at all. */
    --mds-core-border-radius-circle: 50%;
    /** Used on elements with a 1/1 aspect ratio to turn them into circles. */
    --mds-core-color-blue-base: hsl(216, 100%, 44%);
    /** The default interaction blue, used for most of METRO's interactive elements. */
    --mds-core-color-blue-faded90: hsl(216, 30%, 92%);
    --mds-core-color-blue-faded70: hsl(216, 28%, 69%);
    --mds-core-color-blue-faded50: hsl(216, 47%, 38%);
    --mds-core-color-blue-faded10: hsl(216, 100%, 13%);
    --mds-core-color-blue-shade20: hsl(216, 100%, 35%);
    /** Used for hover states of primary buttons. */
    --mds-core-color-blue-tint10: hsl(216, 78%, 50%);
    --mds-core-color-blue-tint20: hsl(216, 78%, 55%);
    --mds-core-color-blue-tint40: hsl(216, 78%, 66%);
    /** Used in many cases for focus states. */
    --mds-core-color-blue-tint80: hsl(216, 78%, 89%);
    --mds-core-color-blue-tint90: hsl(216, 78%, 94%);
    --mds-core-color-blue-tint95: hsl(216, 78%, 97%);
    --mds-core-color-blue-tint96: hsl(216, 28%, 96%);
    /** This is our default background color of Metro apps */
    --mds-core-color-brand-blue: hsl(216.32, 100%, 22.35%);
    /** The METRO primary brand colour. Used, for example, as primary headlines' text colour. */
    --mds-core-color-green-shade40: hsl(153, 50%, 28%);
    --mds-core-color-green-shade30: hsl(153, 50%, 34%);
    /** Often used to mark a successful interaction. */
    --mds-core-color-green-shade20: hsl(153, 58%, 38%);
    --mds-core-color-green-base: hsl(153, 50%, 50%);
    --mds-core-color-green-tint30: hsl(153, 50%, 65%);
    --mds-core-color-green-tint40: hsl(153, 50%, 70%);
    --mds-core-color-green-tint80: hsl(153, 50%, 89%);
    --mds-core-color-gray-base: hsl(216, 100%, 10%);
    /** The standard grey color for text, and often used in combination with icons. */
    --mds-core-color-gray-tint20: hsl(216, 28%, 28%);
    /** Grey used for muted states. */
    --mds-core-color-gray-tint40: hsl(216, 12%, 46%);
    /** Grey Used for elements in their disabled state and for secondary headlines. */
    --mds-core-color-gray-tint50: hsl(216, 12%, 55%);
    /** Grey Tint50 */
    --mds-core-color-gray-tint60: hsl(216, 12%, 64%);
    /** Grey Tint60 */
    --mds-core-color-gray-tint70: hsl(216, 11%, 73%);
    /** Grey Tint70 */
    --mds-core-color-gray-tint80: hsl(216, 11%, 82%);
    /** Used for inverted-muted grey text on darker backgrounds. */
    --mds-core-color-gray-tint90: hsl(216, 9%, 91%);
    /** Grey Tint90, often used for separators. */
    --mds-core-color-gray-tint95: hsl(216, 8%, 95%);
    /** Superlight grey */
    --mds-core-color-gray-white: hsl(0, 0%, 100%);
    /** Pure white. */
    --mds-core-color-yellow-base: hsl(56, 100%, 50%);
    /** We often use this yellow to draw attention to an item. */
    --mds-core-color-orange-shade40: hsl(42, 100%, 29%);
    --mds-core-color-orange-base: hsl(42, 100%, 49%);
    --mds-core-color-orange-tint80: hsl(42, 100%, 89%);
    --mds-core-color-orange-tint90: hsl(42, 100%, 95%);
    --mds-core-color-red-shade20: hsl(8, 74%, 40%);
    --mds-core-color-red-base: hsl(8, 74%, 49%);
    /** This red is famously used for our #danger and #warning messaging. */
    --mds-core-color-red-tint40: hsl(8, 74%, 69%);
    --mds-core-color-red-tint80: hsl(8, 74%, 90%);
    --mds-core-color-red-tint90: hsl(8, 74%, 95%);
    --mds-core-color-purple-base: hsl(328, 100%, 30%);
    --mds-core-color-purple-tint90: hsl(328, 43%, 93%);
    --mds-core-font-family-base: Lato, 'Noto Sans', Helvetica, Roboto, Ubuntu, Arial, sans-serif;
    /** Contains our UI typeface and the font stack used for fallbacks. */
    --mds-core-font-family-code: ui-monospace, Monaco, 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
    /** Used for code blocks. */
    --mds-core-font-weight-base: 400;
    /** Regular font weight of our UI typeface. Used for most text in our interfaces. */
    --mds-core-font-weight-bold: 700;
    /** Bold font weight of our UI typeface. Used for headings and bold text. */
    --mds-core-opacity-transparent: 0;
    /** There's nothing there! */
    --mds-core-opacity-barely: 10%;
    --mds-core-opacity-translucent: 20%;
    /** Very transparent, but still visible. */
    --mds-core-opacity-semi: 40%;
    /** Default for elements that need transparency. */
    --mds-core-opacity-frosted: 60%;
    --mds-core-opacity-opaque: 100%;
    /** Fully visible. */
    --mds-core-scale-layout-increment: 1px;
    /** 1 pixel - Sometimes you just need to nudge something. */
    --mds-core-scale-layout-xxxsmall: 2px;
    /** 2 pixels */
    --mds-core-scale-layout-xxsmall: 4px;
    /** 4 pixels */
    --mds-core-scale-layout-xsmall: 8px;
    /** 8 pixels */
    --mds-core-scale-layout-small: 12px;
    /** 12 pixels */
    --mds-core-scale-layout-base: 16px;
    /** 16 pixels - Our base dimension, on which we build out the rest of the size scale. */
    --mds-core-scale-layout-medium: 20px;
    /** 20 pixels */
    --mds-core-scale-layout-large: 24px;
    /** 24 pixels */
    --mds-core-scale-layout-xlarge: 32px;
    /** 32 pixels */
    --mds-core-scale-layout-xxlarge: 48px;
    /** 48 pixels */
    --mds-core-scale-typographic-xxsmall: 0.5rem;
    /** Equivalent to 8 pixels font size. */
    --mds-core-scale-typographic-xsmall: 0.75rem;
    /** Equivalent to 12 pixels font size. */
    --mds-core-scale-typographic-small: 0.875rem;
    /** Equivalent to 14 pixels font size. */
    --mds-core-scale-typographic-base: 1rem;
    /** Equivalent to 16 pixels font size. */
    --mds-core-scale-typographic-medium: 1.125rem;
    /** Equivalent to 18 pixels font size. */
    --mds-core-scale-typographic-large: 1.25rem;
    /** Equivalent to 20 pixels font size. */
    --mds-core-scale-typographic-xlarge: 1.5rem;
    /** Equivalent to 24 pixels font size. */
    --mds-core-scale-typographic-xxlarge: 2rem;
    /** Equivalent to 32 pixels font size. */
    --mds-core-scale-typographic-xxxlarge: 2.5rem;
    /** Equivalent to 40 pixels font size. */
    --mds-core-scale-typographic-xxxxlarge: 4rem;
    /** Equivalent to 64 pixels font size. */
    --mds-core-scale-typographic-xxxxxlarge: 5rem;
    /** Equivalent to 80 pixels font size. */
    --mds-core-timing-duration-fast: 0.15s;
    /** Used for fast transitions, at a microinteraction level. */
    --mds-core-timing-duration-base: 0.25s;
    /** Used for most transitions, at a microinteraction level. */
    --mds-core-timing-duration-slow: 0.5s;
    /** Used for normal transitions, at a macrointeraction level, usually for illustrations. */
    --mds-core-timing-duration-xslow: 1s;
    /** Used for slow transitions, at a macrointeraction level, usually for illustrations. */
    --mds-core-timing-duration-xxslow: 2s;
    /** Used for moderately slow transitions, at a macrointeraction level, usually for illustrations. */
    --mds-core-timing-function-base: cubic-bezier(0.04, 0.2, 0.4, 1);
    /** Used for most transitions, provides a fast response with a dampened finish. */
    --mds-core-timing-function-natural: cubic-bezier(0.4, 0, 0.5, 1);
    /** Used for natural animations, combines initial inertia with a dampened finish. */
    --mds-core-timing-function-bounce: cubic-bezier(0.4, 0.06, 0.4, 1.4);
    /** Used to animate bouncy elements. */
    --mds-core-border-width-thin: 1px;
    /** Thinnest possible border width. */
    --mds-core-border-width-medium: 2px;
    /** Medium sized border width. */
    --mds-core-border-width-thick: 4px;
    /** Our thickest border width. */
    --mds-core-border-radius-base: 2px;
    /** A very slight radius, used for most block elements. */
    --mds-core-border-radius-medium: 4px;
    /** Slightly more rounded, especially appropriate for mobile use. */
    --mds-core-border-radius-large: 8px;
    /** A comfortable roundness. */
    --mds-core-border-radius-xlarge: 16px;
    --mds-core-color-brand-yellow: hsl(56, 100%, 50%);
    /** The METRO secondary brand colour. */
    --mds-core-font-leading-base: 1rem;
    --mds-core-font-leading-medium: 1.25rem;
    --mds-core-font-leading-xlarge: 1.5rem;
    --mds-core-font-leading-xxlarge: 2.5rem;
    --mds-core-font-leading-xxxlarge: 4rem;
    --mds-core-font-leading-xxxxlarge: 5rem;
    --mds-core-font-size-xsmall: 0.75rem;
    --mds-core-font-size-small: 0.875rem;
    --mds-core-font-size-base: 1rem;
    --mds-core-font-size-medium: 1.125rem;
    --mds-core-font-size-large: 1.25rem;
    --mds-core-font-size-xlarge: 1.5rem;
    --mds-core-font-size-xxlarge: 2rem;
    --mds-core-shadow-inner-shadow-1: 0 1px 4px 0 hsla(216, 100%, 10%, 0.4) inset;
    --mds-core-shadow-inner-shadow-2: 0 4px 8px 0 hsla(216, 100%, 10%, 0.4) inset;
    --mds-core-shadow-outer-shadow-1: 0 1px 4px 0 hsla(216, 100%, 10%, 0.2);
    --mds-core-shadow-outer-shadow-2: 0 2px 8px 0 hsla(216, 100%, 10%, 0.2);
    --mds-core-shadow-outer-shadow-3: 0 4px 12px 0 hsla(216, 100%, 10%, 0.2);
    --mds-core-shadow-outer-shadow-4: 0 8px 32px 0 hsla(216, 100%, 10%, 0.2);
    --mds-core-timing-delay-fast: 0.15s;
    /** Used to slightly offset any compound animations. */
    --mds-core-timing-delay-base: 0.25s;
    /** Used to offset compound animations. */
    --mds-core-timing-delay-slow: 0.5s;
    /** Used to stagger compound animations. */
    --mds-core-background-pattern-disabled: repeating-linear-gradient(45deg, hsl(216, 8%, 95%) 0, hsl(216, 8%, 95%) 0.40625rem, hsl(216, 9%, 91%) 0.40625rem, hsl(216, 9%, 91%) 0.5rem);
    /** Background used for disabled elements. */
    --mds-alias-color-focus: var(--mds-core-color-blue-tint40);
    --mds-alias-color-container-primary: var(--mds-core-color-gray-white);
    --mds-alias-color-container-secondary: var(--mds-core-color-blue-tint80);
    --mds-alias-color-container-tertiary: var(--mds-core-color-gray-tint95);
    --mds-alias-color-interaction-group: var(--mds-core-color-gray-tint90);
    --mds-alias-color-interaction-primary-base: var(--mds-core-color-blue-base);
    --mds-alias-color-interaction-primary-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-interaction-primary-hover-base: var(--mds-core-color-blue-tint10);
    --mds-alias-color-interaction-primary-hover-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-interaction-primary-active-base: var(--mds-core-color-blue-shade20);
    --mds-alias-color-interaction-primary-active-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-interaction-primary-visited-base: var(--mds-core-color-blue-faded50);
    --mds-alias-color-interaction-primary-visited-stack: var(--mds-core-color-blue-faded70);
    --mds-alias-color-interaction-secondary-base: var(--mds-core-color-blue-tint90);
    --mds-alias-color-interaction-secondary-stack: var(--mds-core-color-blue-base);
    --mds-alias-color-interaction-secondary-hover-base: var(--mds-core-color-blue-tint95);
    --mds-alias-color-interaction-secondary-hover-stack: var(--mds-core-color-blue-shade20);
    --mds-alias-color-interaction-secondary-active-base: var(--mds-core-color-blue-tint80);
    --mds-alias-color-interaction-secondary-active-stack: var(--mds-core-color-gray-base);
    --mds-alias-color-interaction-tertiary-stack: var(--mds-core-color-blue-base);
    --mds-alias-color-interaction-tertiary-hover-base: var(--mds-core-color-blue-tint90);
    --mds-alias-color-interaction-tertiary-hover-stack: var(--mds-core-color-blue-base);
    --mds-alias-color-interaction-tertiary-active-base: var(--mds-core-color-blue-tint80);
    --mds-alias-color-interaction-tertiary-active-stack: var(--mds-core-color-gray-base);
    --mds-alias-color-interaction-danger-base: var(--mds-core-color-red-base);
    --mds-alias-color-interaction-danger-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-interaction-danger-hover-base: var(--mds-core-color-red-tint40);
    --mds-alias-color-interaction-danger-hover-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-interaction-danger-active-base: var(--mds-core-color-red-shade20);
    --mds-alias-color-interaction-danger-active-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-interaction-form-base-primary: var(--mds-core-color-gray-white);
    --mds-alias-color-interaction-form-base-secondary: var(--mds-core-color-gray-tint80);
    --mds-alias-color-interaction-form-stack-primary: var(--mds-core-color-gray-base);
    --mds-alias-color-interaction-form-stack-secondary: var(--mds-core-color-gray-tint20);
    --mds-alias-color-interaction-form-border-base: var(--mds-core-color-gray-tint80);
    --mds-alias-color-interaction-form-border-stack: var(--mds-core-color-gray-tint40);
    --mds-alias-color-interaction-disabled-stack: var(--mds-core-color-gray-tint40);
    --mds-alias-color-interaction-disabled-border: var(--mds-core-color-gray-tint60);
    --mds-alias-color-navigation-primary-base: var(--mds-core-color-brand-blue);
    --mds-alias-color-navigation-primary-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-navigation-primary-hover: var(--mds-core-color-blue-tint80);
    --mds-alias-color-navigation-secondary-base: var(--mds-core-color-blue-faded50);
    --mds-alias-color-navigation-secondary-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-notification-error-base: var(--mds-core-color-red-base);
    --mds-alias-color-notification-error-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-notification-warning-base: var(--mds-core-color-yellow-base);
    --mds-alias-color-notification-warning-stack: var(--mds-core-color-gray-base);
    --mds-alias-color-notification-info-base: var(--mds-core-color-blue-base);
    --mds-alias-color-notification-info-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-notification-success-base: var(--mds-core-color-green-shade30);
    --mds-alias-color-notification-success-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-notification-offline-base: var(--mds-core-color-gray-tint20);
    --mds-alias-color-notification-offline-stack: var(--mds-core-color-gray-white);
    --mds-alias-color-notification-invalid-base: var(--mds-core-color-red-tint40);
    --mds-alias-color-notification-invalid-stack: var(--mds-core-color-gray-base);
    --mds-alias-color-page-base: var(--mds-core-color-blue-tint96);
    --mds-alias-color-page-accent: var(--mds-core-color-brand-blue);
    --mds-alias-color-page-scrollbar-primary-base: var(--mds-core-color-gray-tint95);
    --mds-alias-color-page-scrollbar-primary-stack: var(--mds-core-color-gray-tint40);
    --mds-alias-color-page-scrollbar-secondary-base: var(--mds-core-color-gray-base);
    --mds-alias-color-page-scrollbar-secondary-stack: var(--mds-core-color-gray-tint50);
    --mds-alias-color-page-selection-base: var(--mds-core-color-brand-blue);
    --mds-alias-color-separator-text: var(--mds-core-color-gray-tint20);
    --mds-alias-color-separator-border-base: var(--mds-core-color-gray-tint80);
    --mds-alias-color-separator-border-soft: var(--mds-core-color-gray-tint90);
    --mds-alias-color-separator-border-strong: var(--mds-core-color-gray-tint60);
    --mds-alias-color-text-base: var(--mds-core-color-gray-base);
    --mds-alias-color-text-secondary: var(--mds-core-color-gray-tint40);
    --mds-alias-color-text-tertiary: var(--mds-core-color-gray-tint20);
    --mds-alias-color-text-title-base: var(--mds-core-color-brand-blue);
    --mds-alias-color-text-title-secondary: var(--mds-core-color-gray-tint40);
    --mds-alias-color-text-title-inverted: var(--mds-core-color-gray-white);
    --mds-alias-font-family-text: var(--mds-core-font-family-base);
    --mds-alias-font-family-code: var(--mds-core-font-family-code);
    --mds-alias-font-size-title-intro: var(--mds-core-scale-typographic-xxxxlarge);
    --mds-alias-font-size-title-subintro: var(--mds-core-scale-typographic-xxxlarge);
    --mds-alias-font-size-title-primary: var(--mds-core-scale-typographic-xxlarge);
    --mds-alias-font-size-title-secondary: var(--mds-core-scale-typographic-large);
    --mds-alias-font-size-title-tertiary: var(--mds-core-scale-typographic-medium);
    --mds-alias-font-size-title-quaternary: var(--mds-core-scale-typographic-base);
    --mds-alias-font-size-title-quinary: var(--mds-core-scale-typographic-small);
    --mds-alias-font-size-title-senary: var(--mds-core-scale-typographic-xsmall);
    --mds-alias-scale-container-primary-gap: var(--mds-core-scale-layout-base);
    --mds-alias-scale-container-primary-padding: var(--mds-core-scale-layout-large);
    --mds-alias-scale-container-secondary-gap: var(--mds-core-scale-layout-small);
    --mds-alias-scale-container-secondary-padding: var(--mds-core-scale-layout-base);
    --mds-alias-scale-container-tertiary-gap: var(--mds-core-scale-layout-xsmall);
    --mds-alias-scale-container-tertiary-padding: var(--mds-core-scale-layout-xsmall);
    --mds-alias-scale-container-quaternary-gap: var(--mds-core-scale-layout-xxsmall);
    --mds-alias-scale-container-quaternary-padding: var(--mds-core-scale-layout-xxsmall);
    --mds-alias-scale-text-gap: var(--mds-core-scale-layout-xxsmall);
    --mds-alias-scale-text-padding: var(--mds-core-scale-layout-xxsmall);
    --mds-alias-scale-interaction-gap-big: var(--mds-core-scale-layout-medium);
    --mds-alias-scale-interaction-gap-large: var(--mds-core-scale-layout-base);
    --mds-alias-scale-interaction-gap: var(--mds-core-scale-layout-small);
    --mds-alias-scale-interaction-gap-small: var(--mds-core-scale-layout-xsmall);
    --mds-alias-scale-interaction-gap-smaller: var(--mds-core-scale-layout-xxsmall);
    --mds-alias-scale-interaction-gap-tiny: var(--mds-core-scale-layout-xxxsmall);
    --mds-alias-scale-interaction-padding-big: var(--mds-core-scale-layout-medium);
    --mds-alias-scale-interaction-padding-large: var(--mds-core-scale-layout-base);
    --mds-alias-scale-interaction-padding: var(--mds-core-scale-layout-small);
    --mds-alias-scale-interaction-padding-small: var(--mds-core-scale-layout-xsmall);
    --mds-alias-scale-interaction-padding-smaller: var(--mds-core-scale-layout-xxsmall);
    --mds-alias-scale-interaction-padding-tiny: var(--mds-core-scale-layout-xxxsmall);
    --mds-alias-border-width-notification: var(--mds-core-border-width-medium);
    --mds-alias-border-width-focus: var(--mds-core-border-width-thin);
    --mds-alias-border-width-separator: var(--mds-core-border-width-thin);
    --mds-alias-border-width-interaction-base: var(--mds-core-border-width-thin);
    --mds-alias-border-width-interaction-active: var(--mds-core-border-width-medium);
    --mds-alias-border-width-interaction-form: var(--mds-core-border-width-medium);
    --mds-alias-border-width-navigation-base: var(--mds-core-border-width-thin);
    --mds-alias-border-width-navigation-active: var(--mds-core-border-width-thick);
    --mds-alias-border-radius-interaction: var(--mds-core-border-radius-base);
    --mds-alias-border-radius-scrobble: var(--mds-core-border-radius-xlarge);
    --mds-alias-border-radius-rounded: var(--mds-core-border-radius-xlarge);
    --mds-alias-border-radius-container-primary: var(--mds-core-border-radius-medium);
    --mds-alias-border-radius-container-secondary: var(--mds-core-border-radius-medium);
    --mds-alias-border-radius-container-tertiary: var(--mds-core-border-radius-base);
    --mds-alias-color-page-selection-stack: var(--mds-core-color-brand-yellow);
    --mds-alias-font-leading-notification: var(--mds-core-font-leading-medium);
    --mds-alias-font-leading-text: var(--mds-core-font-leading-xlarge);
    --mds-alias-font-leading-auxiliary: var(--mds-core-font-leading-base);
    --mds-alias-font-leading-interaction-primary: var(--mds-core-font-leading-xlarge);
    --mds-alias-font-leading-interaction-secondary: var(--mds-core-font-leading-base);
    --mds-alias-font-leading-title-primary: var(--mds-core-font-leading-xxlarge);
    --mds-alias-font-leading-title-secondary: var(--mds-core-font-leading-xlarge);
    --mds-alias-font-leading-title-tertiary: var(--mds-core-font-leading-medium);
    --mds-alias-font-leading-title-quaternary: var(--mds-core-font-leading-base);
    --mds-alias-font-size-text-base: var(--mds-core-font-size-base);
    --mds-alias-font-size-text-secondary: var(--mds-core-font-size-small);
    --mds-alias-font-size-text-tertiary: var(--mds-core-font-size-xsmall);
    --mds-alias-font-size-text-highlight: var(--mds-core-font-size-medium);
  }
}

.eFulm9EQq5PftwQq3UV8 {
  aspect-ratio: 1/1;
}
.B42yHz2DjpNOodS93CWq {
  width: 16px;
}
.tSoiWFnh5NmOixOdlJji {
  width: 24px;
}
.QGDWSlNB1zkE7jVVBYua {
  width: 32px;
}
.r28j6jIf7VzWIZP4yyvw {
  width: 48px;
}
.ygMT6sUfJr2UkodX0ABw {
  width: 80px;
}

.tab-trap {
  position: absolute;
  text-indent: -99999px;
  top: 0;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
/* Todo: refactor css classnames for MCSS style */
.m-panel {
  display: block;
  /* Only for IE11, which actually supports display: flex, but does not support @supports .. */
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.2);
  border-radius: 3px;
}
@supports ((display: -webkit-box) or (display: flex)) {
  .m-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.m-panel + .m-panel {
  margin-top: 3rem;
}
.m-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #002d72;
  background-color: #ffffff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom: 1px solid #f2f3f5;
  height: 4rem;
  padding: 0 0.75rem 0 1.5rem;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .m-panel-header {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.m-panel-content {
  font-size: 1rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.m-panel-content:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.m-panel-contentPadding {
  margin: 1.5rem;
}
@media (min-width: 1024px) {
  .m-panel-contentPadding {
    margin: 3rem 6rem;
  }
}
.m-panel .m-panel-content .m-panel-contentPadding > .row:first-child {
  display: flex !important;
  flex-wrap: wrap !important;
}
.m-panel-footer {
  height: 64px;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block !important;
  text-align: end;
  margin-bottom: 1.5em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f2f3f5;
}
.m-panel-footer-isStack {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.m-panel-footer-isStack .m-button-block:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .m-panel .m-panel {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .m-panel .m-panel-content {
    padding: 0;
  }
  .m-panel .m-panel-contentPadding {
    margin: 1rem 1.5rem;
  }
  .m-panel-footer {
    padding: 0 1rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
/*.panel-header *:last-child {
    margin-left: auto;
    margin-right: 0.5rem;
  }*/

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
/**
   * Hide the overflow in IE.
   *
   * normalize 5.0.0
   */
svg:not(:root) {
  overflow: hidden;
  vertical-align: middle;
}
@media screen and (max-width: 320px) {
  img[src*=".svg"] {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
.m-icon {
  width: 1.5em;
  height: 1.5em;
}
.m-icon-isRotate {
  -webkit-animation: 1s icon-rotate ease-in-out infinite;
  animation: 1s icon-rotate ease-in-out infinite;
}
@-webkit-keyframes icon-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes icon-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.m-icon * {
  fill: #667284;
  fill: currentColor !important;
  stroke-width: 1.5px !important;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  white-space: normal;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
  width: 100%;
  background-color: rgba(102, 129, 170, 0.1);
  /* Specificy set to ensure override from .panel */
}
.m-modal:before {
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.m-modal-enter {
  will-change: background-color;
  -webkit-animation: 210ms modal-bg-fade-in;
  animation: 210ms modal-bg-fade-in;
}
.m-modal-enter .m-modal-panel {
  will-change: transform, opacity;
  -webkit-animation: 210ms modal-panel-fade-in;
  animation: 210ms modal-panel-fade-in;
}
@-webkit-keyframes modal-bg-fade-in {
  from {
    background-color: rgba(102, 129, 170, 0);
  }
  to {
    background-color: rgba(102, 129, 170, 0.1);
  }
}
@keyframes modal-bg-fade-in {
  from {
    background-color: rgba(102, 129, 170, 0);
  }
  to {
    background-color: rgba(102, 129, 170, 0.1);
  }
}
@-webkit-keyframes modal-panel-fade-in {
  from {
    -webkit-transform: translateY(2%) scale(0.95);
    transform: translateY(2%) scale(0.95);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
}
@keyframes modal-panel-fade-in {
  from {
    -webkit-transform: translateY(2%) scale(0.95);
    transform: translateY(2%) scale(0.95);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
}
.m-modal-exit {
  will-change: background-color;
  -webkit-animation: 210ms modal-bg-fade-out both;
  animation: 210ms modal-bg-fade-out both;
}
.m-modal-exit .m-modal-panel {
  will-change: transform, opacity;
  -webkit-animation: 210ms modal-panel-fade-out;
  animation: 210ms modal-panel-fade-out;
}
@-webkit-keyframes modal-bg-fade-out {
  from {
    background-color: rgba(102, 129, 170, 0.1);
  }
  to {
    background-color: rgba(102, 129, 170, 0);
  }
}
@keyframes modal-bg-fade-out {
  from {
    background-color: rgba(102, 129, 170, 0.1);
  }
  to {
    background-color: rgba(102, 129, 170, 0);
  }
}
@-webkit-keyframes modal-panel-fade-out {
  from {
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(2%) scale(0.95);
    transform: translateY(2%) scale(0.95);
    opacity: 0;
  }
}
@keyframes modal-panel-fade-out {
  from {
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(2%) scale(0.95);
    transform: translateY(2%) scale(0.95);
    opacity: 0;
  }
}
.m-modal.m-modal-compact .m-modal-panel {
  max-width: 505px;
}
.m-modal.m-modal-compact .m-modal-content {
  text-align: center;
}
@media (min-width: 321px) {
  .m-modal.m-modal-compact .m-modal-content {
    padding: 15px 0 0;
  }
}
.m-modal.m-modal-bottom .m-modal-panel {
  max-width: none;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  vertical-align: bottom;
}
.m-modal.m-modal-bottom.m-modal-enter {
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
.m-modal.m-modal-bottom.m-modal-enter.m-modal-enter-active .m-modal-panel {
  -webkit-animation: 210ms m-modal-panel-slide-in;
  animation: 210ms m-modal-panel-slide-in;
}
.m-modal.m-modal-bottom.m-modal-exit {
  overflow: hidden;
}
.m-modal.m-modal-bottom.m-modal-exit .m-modal-panel {
  -webkit-animation: 210ms m-modal-panel-slide-in reverse;
  animation: 210ms m-modal-panel-slide-in reverse;
  will-change: transform;
}
@-webkit-keyframes m-modal-panel-slide-in {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes m-modal-panel-slide-in {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.m-modal .m-modal-panel {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: normal;
  vertical-align: middle;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 8px 24px rgba(51, 51, 51, 0.16);
  max-width: 677px;
  width: 100%;
}
.m-modal-content {
  text-align: left;
}
.m-modal-header {
  font-size: 20px;
  text-align: left;
}
.m-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 0;
}
.m-modal-close {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  padding: 0 1rem;
  color: #002d72;
  float: right;
  font-size: 1rem;
  line-height: 0;
}
.m-modal-compact .m-modal-close {
  height: 56px;
  padding: 0 20px;
  font-size: 10px;
}
.m-modalContainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  display: block;
  text-align: center;
  pointer-events: none;
  overflow: hidden;
  z-index: -1;
  transition: 0s bottom, 0s height, 0s z-index;
  transition-delay: 200ms, 200ms, 200ms;
}
.m-modalContainer-active {
  bottom: 0;
  z-index: 40;
  transition-delay: 0s, 0s, 0s;
  pointer-events: auto;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-spinner {
  position: relative;
  margin: 0 auto;
  width: 2em;
  stroke-width: 0.18rem;
  color: currentColor;
}
.m-spinner:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.m-spinner-svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
  -webkit-animation: spinner-rotate 2s linear infinite;
  animation: spinner-rotate 2s linear infinite;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.m-spinner-path {
  stroke-dasharray: 89, 200;
  stroke-dashoffset: 0;
  color: inherit;
  stroke: currentColor;
  stroke-width: inherit;
  -webkit-animation: spinner-rotate-dash 1.5s ease-in-out infinite;
  animation: spinner-rotate-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}
.m-spinner .au-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: inherit;
  font-size: inherit;
}
@-webkit-keyframes spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-rotate-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes spinner-rotate-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-button {
  position: relative;
  height: 2.5rem;
  padding: 0 1rem;
  vertical-align: middle;
  border: 0;
  border-radius: 0.125rem;
  color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 125ms ease, box-shadow 125ms ease;
  /* Color override. Breaks consistency and should be used as less as possible. */
}
.m-button .m-icon {
  margin: 0 0.5rem;
  vertical-align: bottom;
  font-size: 1.25rem;
  width: 1em;
  height: 1em;
  -webkit-transform: translateY(-0.125rem);
  transform: translateY(-0.125rem);
}
.m-button-small .m-icon {
  font-size: 1rem;
}
.m-button-large .m-icon {
  font-size: 1.5rem;
}
.m-button.m-button-isDisabled,
.m-button:disabled {
  box-shadow: none;
  cursor: not-allowed;
}
.m-button-disabledShaker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.m-button-isShaking {
  -webkit-animation: btn-shake 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: btn-shake 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
@-webkit-keyframes btn-shake {
  0% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  20% {
    -webkit-transform: translateX(-2.5px);
    transform: translateX(-2.5px);
  }
  40% {
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px);
  }
  60% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
  80% {
    -webkit-transform: translateX(0.5px);
    transform: translateX(0.5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes btn-shake {
  0% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  20% {
    -webkit-transform: translateX(-2.5px);
    transform: translateX(-2.5px);
  }
  40% {
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px);
  }
  60% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
  80% {
    -webkit-transform: translateX(0.5px);
    transform: translateX(0.5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.m-button-primary,
.m-button-primaryRaised {
  color: #ffffff;
  background-color: #0064fe;
}
html:not(.touchevents) .m-button-primary:hover,
html:not(.touchevents) .m-button-primaryRaised:hover {
  background-color: #0050cb;
}
html:not(.touchevents) .m-button-primary:focus,
html:not(.touchevents) .m-button-primaryRaised:focus {
  background-color: #0050cb;
}
.m-button-primary:active,
.m-button-primaryRaised:active {
  background-color: #0050cb;
}
.m-button-primaryRaised {
  box-shadow: 0 2px 4px 0 rgba(0, 45, 114, 0.2);
}
.m-button-primaryRaised:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 45, 114, 0.2);
}
.m-button-secondary {
  color: #002d72;
  background-color: #e6f0ff;
}
html:not(.touchevents) .m-button-secondary:hover {
  background-color: #cce0ff;
}
html:not(.touchevents) .m-button-secondary:focus {
  background-color: #cce0ff;
}
.m-button-secondary:active {
  background-color: #cce0ff;
}
.m-button-primary.m-button-isDisabled,
.m-button-primary:disabled,
.m-button-primaryRaised.m-button-isDisabled,
.m-button-primaryRaised:disabled,
.m-button-secondary.m-button-isDisabled,
.m-button-secondary:disabled {
  color: #667284;
  background-color: #e6e8eb;
  background-image: repeating-linear-gradient(40deg, #e0e1e3 0, #e0e1e3 2px, #e9eaed 2px, #e9eaed 10px);
}
html:not(.touchevents) .m-button-primary.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-primary:disabled:hover,
html:not(.touchevents) .m-button-primaryRaised.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-primaryRaised:disabled:hover,
html:not(.touchevents) .m-button-secondary.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-secondary:disabled:hover {
  background-color: #e6e8eb;
  text-decoration: none;
  box-shadow: none;
}
.m-button-ghost,
.m-button-ghostMuted {
  color: #0064fe;
  background: transparent;
  font-weight: normal;
}
html:not(.touchevents) .m-button-ghost:hover,
html:not(.touchevents) .m-button-ghostMuted:hover {
  background-color: rgba(0, 100, 254, 0.05);
  text-decoration: underline;
}
html:not(.touchevents) .m-button-ghost:focus,
html:not(.touchevents) .m-button-ghostMuted:focus {
  background-color: rgba(0, 100, 254, 0.05);
  text-decoration: underline;
}
.m-button-ghost:active,
.m-button-ghostMuted:active {
  background-color: rgba(0, 100, 254, 0.05);
  text-decoration: underline;
}
.m-button-ghost.m-button-isDisabled,
.m-button-ghost:disabled,
.m-button-ghostMuted.m-button-isDisabled,
.m-button-ghostMuted:disabled {
  color: #99a1ad;
}
html:not(.touchevents) .m-button-ghost.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-ghost:disabled:hover,
html:not(.touchevents) .m-button-ghostMuted.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-ghostMuted:disabled:hover {
  background-color: transparent;
  color: #99a1ad;
  text-decoration: none;
}
.m-button-ghostMuted {
  color: #001432;
}
.m-button.m-button-waiting {
  position: relative;
  text-decoration: none;
}
.m-button.m-button-waiting > span {
  color: transparent;
}
.m-button.m-button-waiting .m-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0.6875rem;
}
html:not(.touchevents) .m-button.m-button-waiting:hover {
  text-decoration: none;
}
.m-button-large {
  height: 3rem;
  padding: 0 2rem;
  font-size: 1.125rem;
}
.m-button-small {
  height: 2rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
}
.m-button-block {
  display: block;
  width: 100%;
  margin: 1rem 0;
  padding: 0;
}
.m-button-isDarkBlue {
  background-color: #002866;
  color: #ffffff;
}
input.m-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none !important;
  color: #ffffff;
}
.m-labelIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.m-labelIcon > .m-label {
  padding-right: 8px;
}
.m-labelIcon > .m-Icon {
  max-height: 1.2rem;
}
@media (max-width: 321px) {
  .m-labelIcon .m-Icon {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
a.m-button-block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
a.m-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
a.m-button:hover {
  text-decoration: none !important;
}
a.m-button:focus {
  text-decoration: none;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-description {
  color: #667284;
  font-style: italic;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  font-size: 1rem;
  cursor: pointer;
}
html:not(.touchevents) .m-checkbox:hover .m-checkbox-input:not(:disabled) + .m-checkbox-inputIcon {
  border-color: #0064fe;
}
.m-checkbox-inputIcon {
  position: relative;
  float: left;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.125rem solid #99a1ad;
  border-radius: 0.125rem;
  background-color: #ffffff;
  transition: background-color, border-color;
  transition-duration: 0.35s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  will-change: background-color, border-color;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.m-checkbox-inputIcon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 0;
  height: 0;
  border-radius: 0.125rem;
  background-color: transparent;
  transition: width, height, background-color;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.m-checkbox-inputIcon svg {
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
}
.m-checkbox-inputIcon svg polyline {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1.125rem;
  stroke-dashoffset: 1.125rem;
  will-change: stroke-dashoffset;
  transition: stroke-dashoffset 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}
.m-checkbox-input {
  position: absolute;
  opacity: 0;
}
.m-checkbox-input:focus + .m-checkbox-inputIcon:before {
  width: 2rem;
  height: 2rem;
  background-color: #cce0ff;
}
.m-checkbox-input:checked + .m-checkbox-inputIcon {
  border-color: #0064fe;
  background-color: #0064fe;
  transition-delay: 0s;
}
.m-checkbox-input:checked + .m-checkbox-inputIcon polyline {
  stroke-dashoffset: 0;
  transition-delay: 0.15s;
}
.m-checkbox-input:disabled:not(:checked) + .m-checkbox-inputIcon {
  border-width: 0.0625rem;
  padding: 0.0625rem;
}
.m-checkbox-input:checked:disabled + .m-checkbox-inputIcon {
  border-color: #99a1ad;
  background-color: #99a1ad;
}
.m-checkbox-input:disabled + .m-checkbox-inputIcon {
  border-color: #e6e8eb;
  background-color: #f2f3f5;
}
.m-checkbox-input:disabled ~ .m-checkbox-label,
.m-checkbox-input:disabled ~ .m-checkbox-label strong {
  color: #99a1ad;
}
.m-checkbox-label {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #33435b;
  margin-left: 0.75rem;
}
.m-checkbox-label > strong {
  color: #002d72;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-iconButton {
  color: inherit;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  font-size: 1rem;
  line-height: inherit;
  padding: 0.5rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.m-iconButton:focus {
  outline: none;
}
.m-iconButton-blue {
  color: #0064fe;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
/* Use of `em` is intentionally here, to make enable resizing over local font-size */
.m-badge {
  display: inline-block;
  padding: 0 0.4em;
  line-height: 1.7;
  min-width: 1.6em;
  height: 1.6em;
  border-radius: 1.6em;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  background-color: #34c082;
  white-space: nowrap;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-font-smoothing: antialiased;
  font-size: 0.625rem;
}
.m-badge-isLarge {
  font-size: 0.75rem;
}
.m-badge-isSmall {
  font-size: 5px;
  /* px, so that it does not scale with the main font size on small screens */
  color: #34c082;
  text-indent: -9999rem;
  width: 1.6em;
}
.m-badge-isBlue {
  background-color: #0064fe;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 5rem;
  border-top: 1px solid #ccd0d6;
  background-color: #ffffff;
}
.m-footer-transparent {
  color: #33435b;
  background-color: transparent;
}
.m-footer a {
  font-weight: bold;
  text-decoration: none;
}
@media (max-width: 321px) {
  .m-footer {
    height: 3rem;
  }
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-compositeDropdown {
  position: relative;
  display: inline-block;
  float: right;
}
.m-compositeDropdown-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.m-compositeDropdown-triggerIcon {
  margin-right: 0;
}
@media (min-width: 768px) {
  .m-compositeDropdown-triggerIcon {
    margin-right: 0.8125rem;
  }
}
.m-compositeDropdown-trigger .m-badge {
  position: absolute;
  top: -0.125rem;
  right: calc(100% - 2.25rem);
}
.m-compositeDropdown-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 0.3125rem;
  /* Randomly picked max-width */
  max-width: 9.0625rem;
}
.m-compositeDropdown-userName,
.m-compositeDropdown-companyName {
  margin-right: 0.8125rem;
  font-size: 0.8125rem;
  line-height: 1.1;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-compositeDropdown-hasNoCompany,
.m-compositeDropdown-companyName {
  font-size: 1rem;
}
.m-compositeDropdown-chevron {
  position: absolute;
  right: 0;
  bottom: -0.125rem;
  display: inline-block;
  margin-left: 0.1875rem;
  -webkit-transform: scaleY(0.8125);
  transform: scaleY(0.8125);
}
.m-compositeDropdown-header {
  padding: 0 0.625rem;
  background-repeat: repeat-x;
  background-image: linear-gradient(135deg, #33578e, #002d72);
}
.m-compositeDropdown-headerTitle {
  font-size: 1.25rem;
}
.m-compositeDropdown-headerClose {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.m-compositeDropdown-footer {
  margin: 1.75rem 1.5rem 1.75rem;
}
@media (min-width: 768px) {
  .m-compositeDropdown-footer {
    margin-top: 0;
  }
}
.m-compositeDropdown-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 2;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .m-compositeDropdown-container {
    overflow-y: visible;
  }
}
.m-compositeDropdown-container-enter {
  transition: 300ms -webkit-transform;
  transition: 300ms transform;
  transition: 300ms transform, 300ms -webkit-transform;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.m-compositeDropdown-container-enter-active {
  transition: 300ms -webkit-transform;
  transition: 300ms transform;
  transition: 300ms transform, 300ms -webkit-transform;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.m-compositeDropdown-container-exit {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.m-compositeDropdown-container-exit-active {
  transition: 300ms -webkit-transform;
  transition: 300ms transform;
  transition: 300ms transform, 300ms -webkit-transform;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (min-width: 768px) {
  .m-compositeDropdown-container {
    position: absolute;
    right: 0.625rem;
    top: 3rem;
    left: auto;
    bottom: auto;
    max-width: 24rem;
    width: 100vw;
    border-radius: 3px;
    box-shadow: 0 8px 32px 0 rgba(0, 45, 114, 0.15);
  }
  .m-compositeDropdown-container:after {
    position: absolute;
    right: 1.1875rem;
    bottom: 100%;
    height: 0;
    width: 0;
    border: 0.5rem solid transparent;
    border-bottom-color: white;
    content: " ";
    pointer-events: none;
  }
  .m-compositeDropdown-container-enter {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .m-compositeDropdown-container-enter-active {
    opacity: 1;
    transition: 300ms opacity, 300ms -webkit-transform;
    transition: 300ms opacity, 300ms transform;
    transition: 300ms opacity, 300ms transform, 300ms -webkit-transform;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .m-compositeDropdown-container-exit {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .m-compositeDropdown-container-exit-active {
    opacity: 0;
    transition: 300ms opacity, 300ms -webkit-transform;
    transition: 300ms opacity, 300ms transform;
    transition: 300ms opacity, 300ms transform, 300ms -webkit-transform;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.m-label label {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: normal;
  color: #001432;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: default;
  display: block;
  padding-bottom: 0.3125rem;
}
.m-label-link {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: normal;
  color: #0064fe;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-input {
  margin-bottom: 1.5rem;
  /* Hide clear and reveal icons in internet explorer */
}
.m-input ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #667284;
}
.m-input ::-moz-placeholder {
  /* Firefox 19+ */
  color: #667284;
}
.m-input :-ms-input-placeholder {
  /* IE 10+ */
  color: #667284;
}
.m-input :-moz-placeholder {
  /* Firefox 18- */
  color: #667284;
}
.m-input-elementWrapper {
  position: relative;
}
.m-input-element {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 1px #ccd0d6;
  font-size: 1rem;
  font-family: inherit;
  padding: 0 0.75rem;
  height: 2.5rem;
  color: #001432;
  border-radius: 2px;
  transition: 0.125s ease-in-out 0s;
  transition-property: border-color;
}
.m-input-element:focus {
  color: #33435b;
  outline: none;
  border: 1px solid #66a2fe;
  box-shadow: 0 0 0 1px #66a2fe;
}
.m-input-element:disabled {
  pointer-events: none;
  color: #99a1ad;
  background-color: #f2f3f5;
  border: 1px solid transparent;
  box-shadow: 0 0 0 1px #ccd0d6 !important;
}
.m-input-element:before {
  content: "";
}
.m-input-element[aria-readonly="true"] {
  padding-left: 2rem;
  background-color: #f2f3f5;
  border: 1px solid transparent;
  box-shadow: 0 0 0 1px #ccd0d6;
  pointer-events: none;
}
.m-input-element[aria-readonly="true"]:focus {
  outline: 0 none;
  box-shadow: 0 0 0 1px #ccd0d6;
}
.m-input-element.m-input-isValid {
  border: 1px solid #85d9b4;
  box-shadow: 0 0 0 1px #85d9b4;
}
.m-input-element.m-input-hasInfo {
  border: 1px solid #66a2fe;
  box-shadow: none;
}
.m-input-element.m-input-hasWarning {
  border: 1px solid #eb8676;
  box-shadow: 0 0 0 1px #eb8676;
}
.m-input-element.m-input-hasError {
  border: 1px solid #eb8676;
  box-shadow: 0 0 0 1px #eb8676;
}
.m-input input[type="search"] {
  -webkit-appearance: textfield;
}
.m-input input[type="search"]::-webkit-search-decoration,
.m-input input[type="search"]::-webkit-search-cancel-button,
.m-input input[type="search"]::-webkit-search-results-button,
.m-input input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.m-input input::-ms-clear,
.m-input input::-ms-reveal {
  display: none;
}
.m-input textarea {
  overflow: auto;
  resize: vertical;
  width: 100%;
  min-height: 10rem;
  padding-top: 1rem;
}
.m-input-errorMessage {
  display: block;
  visibility: visible;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-top: 0.375rem;
  color: #de351b;
}
.m-input-errorMessage-isInfo {
  position: relative;
  padding: 0.4375rem 0.75rem 0.4375rem 0.625rem;
  border-radius: 0.125rem;
  color: #003c98;
  background-color: #cce0ff;
  font-size: 0.8125rem;
}
.m-input-errorMessage-isInfo:after {
  content: "";
  position: absolute;
  top: -0.75rem;
  right: 0.75rem;
  border: 0.5rem solid transparent;
  border-bottom-color: #cce0ff;
}
.m-input-errorMessage-isInfo .m-icon {
  font-size: 1rem;
  width: 1em;
  height: 1em;
  vertical-align: text-top;
  margin-right: 0.375rem;
}
.m-input-passwordToggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.5rem;
  color: #99a1ad;
}
.m-input-passwordToggle:focus {
  outline: 0 none;
  color: #33435b;
}
.m-input-readOnlyIcon {
  position: absolute;
  top: 0;
  left: 0.5rem;
  height: 2.5rem;
  width: 1rem;
  color: #99a1ad;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-segmentedControl {
  margin-bottom: 1.5rem;
}
.m-segmentedControl-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #66a2fe;
  border-radius: 0.1875rem;
  margin-bottom: 0.1875rem;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  overflow: hidden;
}
.m-segmentedControl-isVertical .m-segmentedControl-options {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.m-segmentedControl-isVertical .m-segmentedControl-option {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.m-segmentedControl-isVertical .m-segmentedControl-option + .m-segmentedControl-option {
  border-left: none;
  border-top: 1px solid #66a2fe;
}
.m-segmentedControl-option {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  margin: 0;
  padding: 0.6875rem 0;
  height: 2.5rem;
  outline: none;
  text-align: center;
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  border: 0;
  border-radius: 0;
  color: #0064fe;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Don't use focus() mixin, to also disable outline for touch devices */
}
.m-segmentedControl-option + .m-segmentedControl-option {
  border-left: 1px solid #66a2fe;
}
.m-segmentedControl-option:focus {
  outline: none;
}
html:not(.touchevents) .m-segmentedControl-option:focus {
  color: #0050cb;
  font-weight: bold;
}
html:not(.touchevents) .m-segmentedControl-option:hover {
  text-decoration: underline;
  outline: none;
}
.m-segmentedControl-option-isActive {
  background-color: #e6f0ff;
  color: #0050cb;
  font-weight: bold;
  pointer-events: none;
}
.m-segmentedControl-option:last-child {
  border-right: none;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-toggleButton {
  position: relative;
  min-height: 2em;
  margin: 1.25em 0;
  font-size: 1rem;
}
.m-toggleButton-label {
  display: block;
  margin-right: 5.3125em;
  padding-right: 1.25em;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #666666;
}
.m-toggleButton-input {
  position: relative;
  display: block;
  padding: 0.2em;
  width: 4.8em;
  height: auto;
  border: none;
  border-radius: 1.625em;
  box-sizing: border-box;
  float: right;
  font-size: 16px;
  font-weight: bold;
  background-color: #e6e8eb;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  transition-property: background-color;
  transition-duration: 0.18s;
  transition-timing-function: ease-out;
  will-change: background-color;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  /* Don't use focus() mixin, to also disable outline for touch devices */
}
.m-toggleButton-input:focus {
  outline: none;
}
html:not(.touchevents) .m-toggleButton-input:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 0 0 2px rgba(86, 119, 252, 0.5);
}
.m-toggleButton-input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}
.m-toggleButton-isActive .m-toggleButton-input {
  background-color: #34c082;
}
.m-toggleButton-switch {
  position: relative;
  width: 1.602em;
  height: 1.602em;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: inherit;
  transition-timing-function: inherit;
  will-change: transform;
  pointer-events: none;
}
.m-toggleButton-isActive .m-toggleButton-switch {
  -webkit-transform: translateX(2.8em);
  transform: translateX(2.8em);
}
.m-toggleButton-isBlocked .m-toggleButton-switch {
  line-height: 1.5em;
  text-align: center;
  color: #b8bbc1;
  background-color: #ffffff;
}
.m-toggleButton-isBlocked .m-toggleButton-switch .icon {
  font-size: inherit;
  line-height: inherit;
}
.m-toggleButton-isShaking .m-toggleButton-switch {
  -webkit-animation: 0.4s toggleSwitch-shake;
  animation: 0.4s toggleSwitch-shake;
}
@-webkit-keyframes toggleSwitch-shake {
  0% {
    left: 3px;
  }
  20% {
    left: -2.5px;
  }
  40% {
    left: 1.5px;
  }
  60% {
    left: -1px;
  }
  80% {
    left: 0.5px;
  }
  100% {
    left: 0;
  }
}
@keyframes toggleSwitch-shake {
  0% {
    left: 3px;
  }
  20% {
    left: -2.5px;
  }
  40% {
    left: 1.5px;
  }
  60% {
    left: -1px;
  }
  80% {
    left: 0.5px;
  }
  100% {
    left: 0;
  }
}
.m-toggleButton-option {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0 0.6875em;
  line-height: 2.1em;
  text-align: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  color: #717784;
  transition-property: opacity;
  transition-duration: inherit;
  transition-timing-function: inherit;
  will-change: opacity;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.m-toggleButton-option-isTrue {
  padding-right: 2.1875em;
  opacity: 0;
}
.m-toggleButton-option-isFalse {
  padding-left: 2.1875em;
}
.m-toggleButton-isActive .m-toggleButton-option-isTrue {
  color: #ffffff;
  opacity: 1;
}
.m-toggleButton-isActive .m-toggleButton-option-isFalse {
  opacity: 0;
}
.m-toggleButton-isDecision.m-toggleButton-isActive .m-toggleButton-input {
  background-color: #0064fe;
}
.m-toggleButton-hasError .m-toggleButton-input {
  background-color: #de351b;
}
.m-toggleButton-hasError .m-toggleButton-option-isFalse {
  color: #ffffff;
}
.m-toggleButton-isCompact .m-toggleButton-input {
  font-size: 16px;
  width: 3.375em;
}
.m-toggleButton-isCompact.m-toggleButton-isActive .m-toggleButton-switch {
  -webkit-transform: translateX(1.45em);
  transform: translateX(1.45em);
}
.m-toggleButton-isCompact .m-toggleButton-option {
  display: none;
}
.m-toggleButton-isCompact .m-toggleButton-switch {
  width: 1.525em;
  height: 1.525em;
}

.dropdownFade-enter {
  display: block;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
}
.dropdownFade-enter-active {
  transition: 150ms opacity, 150ms -webkit-transform;
  transition: 150ms transform, 150ms opacity;
  transition: 150ms transform, 150ms opacity, 150ms -webkit-transform;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.dropdownFade-exit {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.dropdownFade-exit-active {
  transition: 150ms opacity, 150ms -webkit-transform;
  transition: 150ms transform, 150ms opacity;
  transition: 150ms transform, 150ms opacity, 150ms -webkit-transform;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-select-input {
  background: white;
  cursor: pointer;
}
.m-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  margin: 2px 0 0;
  max-height: 19.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  list-style: none;
  z-index: 2;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
}
.m-select-option {
  display: block;
  padding: 8px 8px 9px;
  width: 100%;
  font-size: 1rem;
  text-decoration: none;
  color: #666666;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-align: left;
  cursor: pointer;
}
html:not(.touchevents) .m-select-option:hover {
  background-color: #e3f6ff;
}
.m-select-isActive {
  color: #333333;
  font-weight: 600;
}
.m-select-isFocused {
  background: #e8e8e8;
}
.m-select-isDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.m-select-chevron {
  position: absolute;
  right: 0.5rem;
  top: 0;
  height: 2.5rem;
  font-size: 0.8125rem;
  color: #001432;
  pointer-events: none;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-radioButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  font-size: 1rem;
  cursor: pointer;
}
html:not(.touchevents) .m-radioButton:hover .m-radioButton-input:not(:disabled) + .m-radioButton-inputIcon {
  border-color: #0064fe;
}
.m-radioButton-inputIcon {
  position: relative;
  float: left;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.3125rem;
  border: 0.125rem solid #99a1ad;
  border-radius: 50%;
  background-color: #ffffff;
  transition: background-color, border-color;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease, ease;
  will-change: background-color, border-color;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.m-radioButton-inputIcon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: transparent;
  transition: width 0.3s, height 0.3s, background-color 0.3s;
  transition-timing-function: cubic-bezier(0.77, 0, 0.32, 1);
}
.m-radioButton-inputIcon:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  background-color: #0064fe;
  transition: -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.m-radioButton-input {
  position: absolute;
  opacity: 0;
}
.m-radioButton-input:focus + .m-radioButton-inputIcon:before {
  width: 2rem;
  height: 2rem;
  background-color: #cce0ff;
}
.m-radioButton-input:checked + .m-radioButton-inputIcon {
  border-color: #0064fe;
}
.m-radioButton-input:checked + .m-radioButton-inputIcon:after {
  -webkit-transform: scale(0.625);
  transform: scale(0.625);
  /* 16 * 0.625 = 10 */
}
.m-radioButton-input:checked:disabled + .m-radioButton-inputIcon {
  border-color: #99a1ad;
  background-color: #ffffff;
}
.m-radioButton-input:checked:disabled + .m-radioButton-inputIcon:after {
  background-color: #99a1ad;
}
.m-radioButton-input:disabled + .m-radioButton-inputIcon {
  border-color: #e6e8eb;
  background-color: #f2f3f5;
}
.m-radioButton-input:disabled:not(:checked) + .m-radioButton-inputIcon {
  border-width: 1px;
}
.m-radioButton-input:disabled ~ .m-radioButton-label,
.m-radioButton-input:disabled ~ .m-radioButton-label strong {
  color: #99a1ad;
}
.m-radioButton-label {
  font-size: 1rem;
  line-height: 1.375rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #33435b;
  margin-left: 0.75rem;
}
.m-radioButton-label > strong {
  color: #002d72;
}
.m-radioButton-isReversed {
  text-align: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.m-radioButton-isReversed .m-radioButton-label {
  margin-left: 0;
  margin-right: 0.75rem;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-radioButtonGroup-isBordered {
  margin: 1.5rem 0;
  border-radius: 0.125rem;
  box-shadow: inset 0 0 0 1px #ccd0d6;
  overflow: hidden;
}
.m-radioButtonGroup-isBordered .m-radioButton {
  padding: 1rem;
  box-shadow: 0 1px 0 0 #ccd0d6;
}
.m-radioButtonGroup-isBordered .m-radioButton-isChecked {
  box-shadow: inset 0 0 0 2px #66a2fe;
  z-index: 1;
}
.m-radioButtonGroup-isBordered .m-address {
  line-height: 1.3;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-togglePane {
  overflow: hidden;
  display: block;
}
.m-togglePane-content {
  padding: 0.5rem 1.125rem 0.75rem 1.75rem;
  margin: 0 0 0 0.6875rem;
  border-bottom: 1.6875rem solid transparent;
  box-shadow: inset 2px 0 0 0 #66a2fe;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-labelList {
  font-size: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.m-labelList-label {
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #f2f3f5;
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
  padding: 0.375rem 1.5rem 0.375rem 0.75rem;
  color: #667284;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
}
.m-labelList-labelIsFlat {
  padding: 1rem 1.5rem 1rem 1.5rem;
  font-size: 1.125rem;
  text-transform: none;
  color: #002d72;
  background-color: #f2f7ff;
}
.m-labelList-label .m-button {
  padding: 0;
  height: auto;
}
.m-labelList-item {
  min-height: 2rem;
  padding: 0.8125rem 1.5rem;
  box-shadow: inset 0 -1px 0 0 #f2f3f5;
}
.m-labelList-item h1,
.m-labelList-item h2,
.m-labelList-item h3,
.m-labelList-item p {
  margin: 1rem 0;
}
.m-labelList-link {
  padding: 0;
  min-height: 0;
}
.m-labelList-link > a {
  display: block;
  min-height: 4.25rem;
  padding: 0.8125rem 1.5rem;
}
.m-labelList-link > a:hover,
.m-labelList-link > a:focus {
  text-decoration: none;
}
html:not(.touchevents) .m-labelList-link > a:focus {
  text-decoration: none;
}
html:not(.touchevents) .m-labelList-link > a:hover {
  text-decoration: none;
  background-color: #f2f7ff;
}
.m-labelList-isMuted:not(:hover) * {
  color: #99a1ad;
}
.m-labelList-isMuted:not(:hover) .m-badge {
  background-color: #ccd0d6;
  color: #ffffff;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-address {
  position: relative;
  margin: 0.25rem 0;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #99a1ad;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-address strong {
  color: #002d72;
  font-weight: bold;
}
.m-address a {
  display: inline-block;
  margin-top: 0.5rem;
}
.m-address .m-badge {
  position: absolute;
  right: 0;
  top: 0.1875rem;
  z-index: 1;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-profilePicture {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #002d72;
}
.m-profilePicture-isLarge {
  text-align: center;
  padding: 1.75rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #ffffff;
}
.m-profilePicture-isLarge a {
  color: #99c1ff;
  font-size: 1rem;
}
.m-profilePicture-button {
  position: relative;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  background-position: 50% 50%;
  background-color: transparent;
  transition: 150ms background-color;
}
.m-profilePicture-button:focus {
  outline: none;
}
.m-profilePicture-isLarge .m-profilePicture-button {
  width: 7.5rem;
  height: 7.5rem;
  margin: 0.5rem;
}
.m-profilePicture-img {
  border-radius: 50%;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  transition: 150ms opacity;
}
.m-profilePicture-editIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.0625rem;
  color: white;
  opacity: 0;
  transition: 150ms opacity;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.m-profilePicture-content {
  line-height: 1.37;
  margin-left: 1rem;
}
.m-profilePicture-content a {
  display: inline;
}
.m-profilePicture-isLarge .m-profilePicture-content {
  line-height: 1.07;
  font-size: 1.75rem;
}
html:not(.touchevents) a.m-profilePicture-button:hover {
  background-color: #0064fe;
}
html:not(.touchevents) a.m-profilePicture-button:hover .m-profilePicture-editIcon {
  opacity: 1;
}
html:not(.touchevents) a.m-profilePicture-button:hover .m-profilePicture-img {
  opacity: 0.4;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-mainNavigation {
  padding: 0 1.5rem;
  background-color: #ffffff;
}
.m-mainNavigation [role="menubar"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.m-mainNavigation li {
  display: inline;
  padding-right: 1rem;
}
.m-mainNavigation li a {
  color: #002d72;
  line-height: 4.65rem;
  display: inline-block;
  text-decoration: none;
  margin-top: 0.1875rem;
}
.m-mainNavigation li a:hover {
  text-decoration: none;
  border-bottom: 3px solid #0064fe;
}
.m-mainNavigation li a.m-mainNavigation-isActive {
  text-decoration: none;
  border-bottom: 3px solid #0064fe;
}

/**
 * Settings provide general overarching settings split up in various specialzied partials
 *
 * @author christian.nies@uxi.de
 */
/**
 * _functions.scss partial
 *
 * Contains global functions.
 */
/**
 * Importing _family
 *
 * Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child"ified elements, in an easy
 * way.
 *
 * @see https://lukyvj.github.io/family.scss/
 */
/**
 * _tools.scss partial
 *
 * Contains global mixins and functions.
 *
 * @author christian.nies@uxi.de
 */
/**
// Standard
.radius-small {
	border-radius:2px;
}
.radius-medium {
	border-radius:4px;
}
.radius-large {
	border-radius:16px;
}
 */
.m-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.m-bar-item {
  min-width: 0;
}
.m-bar-isStretchy {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-bar-isFullyCentered {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.m-bar-pushRight {
  margin-left: auto;
}
.m-bar-item:not(:last-child):not(.m-bar-isFullyCentered) .m-page-top-content {
  padding-right: 0;
}

body {
  --ag-legacy-styles-loaded: "true";
}
.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center / contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}
.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}
.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}
.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}
.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}
.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}
.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}
.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}
.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}
.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}
.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}
.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}
.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}
.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}
.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}
.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}
.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}
.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}
.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}
.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}
.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}
.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}
.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}
.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}
.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}
.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}
.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}
.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}
.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}
.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}
.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}
.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}
.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}
.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}
.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}
.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}
.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}
.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}
.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}
.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}
.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}
.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}
.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}
.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}
.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}
.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}
.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}
.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}
.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}
.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}
.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}
.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}
.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}
.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}
.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}
.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}
.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}
.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}
.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}
.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}
.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}
.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}
.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}
.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}
.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}
.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}
.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}
.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}
.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}
.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}
.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}
.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}
.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}
.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}
.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}
.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}
.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}
.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}
.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}
.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}
.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}
.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}
.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}
.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}
.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}
.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}
.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}
.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}
.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}
.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}
.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}
.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}
.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}
.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}
.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}
.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}
.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}
.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}
.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}
.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}
.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}
.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}
.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}
.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}
.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}
.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}
.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}
.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}
.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}
.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}
.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}
.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}
.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}
.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}
.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}
.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}
.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}
.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}
[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}
.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}
.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}
[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}
ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}
.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}
.ag-hidden {
  display: none !important;
}
.ag-invisible {
  visibility: hidden !important;
}
.ag-drag-handle {
  cursor: grab;
}
.ag-column-drop-wrapper {
  display: flex;
}
.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}
.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ag-tab {
  position: relative;
}
.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}
.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}
.ag-tab-guard-top {
  top: 1px;
}
.ag-tab-guard-bottom {
  bottom: 1px;
}
.ag-select-agg-func-popup {
  position: absolute;
}
.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}
.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}
@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}
.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}
.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}
.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}
.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal,
.ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}
.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  min-height: 1px;
}
.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}
.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}
.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}
.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}
.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}
.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}
.ag-center-cols-container {
  display: block;
}
.ag-pinned-right-cols-container {
  display: block;
}
.ag-body-horizontal-scroll-container {
  height: 100%;
}
.ag-body-vertical-scroll-container {
  width: 100%;
}
.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}
.ag-full-width-container {
  width: 100%;
}
.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.ag-virtual-list-container {
  overflow: hidden;
}
.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}
.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}
.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}
.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}
.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}
.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}
.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}
.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}
.ag-pinned-left-header {
  height: 100%;
}
.ag-pinned-right-header {
  height: 100%;
}
.ag-header-row {
  position: absolute;
}
.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}
.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}
.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}
.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}
.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}
.ag-header-cell-label {
  text-overflow: ellipsis;
}
.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}
.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}
.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-header-cell-comp-wrapper {
  width: 100%;
}
.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}
.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}
.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}
.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}
.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}
.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}
.ag-header-select-all {
  display: flex;
}
.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}
.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}
.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}
.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}
.ag-column-select-header-icon {
  position: relative;
}
.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}
.ag-column-select-header-filter {
  width: 100%;
}
.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}
.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}
.ag-column-drop-list {
  display: flex;
  align-items: center;
}
.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}
.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}
.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}
.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}
.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}
.ag-column-drop-vertical-empty-message {
  display: block;
}
.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}
.ag-column-drop-cell-button {
  cursor: pointer;
}
.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}
.ag-filter-toolpanel-header {
  position: relative;
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}
.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}
.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}
.ag-row-no-animation .ag-row {
  transition: none;
}
.ag-row {
  white-space: nowrap;
  width: 100%;
}
.ag-row-loading {
  display: flex;
  align-items: center;
}
.ag-row-position-absolute {
  position: absolute;
}
.ag-row-position-relative {
  position: relative;
}
.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}
.ag-row-inline-editing {
  z-index: 1;
}
.ag-row-dragging {
  z-index: 2;
}
.ag-stub-cell {
  display: flex;
  align-items: center;
}
.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}
.ag-cell-value {
  flex: 1 1 auto;
}
.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}
.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}
.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}
.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}
.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}
.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}
.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}
.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}
.ag-filter-filter {
  flex: 1 1 0px;
}
.ag-filter-condition {
  display: flex;
  justify-content: center;
}
.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}
.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}
.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}
.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}
.ag-floating-filter-button {
  display: flex;
  flex: none;
}
.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}
.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}
.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}
.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ag-overlay-loading-wrapper {
  pointer-events: all;
}
.ag-popup-child {
  z-index: 5;
  top: 0;
}
.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-large-text-input {
  display: block;
}
.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}
.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}
.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}
.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}
.ag-sticky-bottom {
  box-sizing: content-box !important;
}
.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}
.ag-panel-title-bar-title {
  flex: 1 1 auto;
}
.ag-panel-title-bar-buttons {
  display: flex;
}
.ag-panel-title-bar-button {
  cursor: pointer;
}
.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.ag-dialog {
  position: absolute;
}
.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-tooltip {
  position: absolute;
  z-index: 99999;
}
.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}
.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}
.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}
.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}
.ag-opacity-zero {
  opacity: 0 !important;
}
.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}
.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  user-select: none;
}
.ag-menu-list {
  display: table;
  width: 100%;
}
.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}
.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}
.ag-menu-option-text {
  white-space: nowrap;
}
.ag-menu-option-custom {
  display: contents;
}
.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}
.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}
.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}
.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}
.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}
.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}
.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}
.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}
.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}
.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}
.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-autocomplete-list {
  position: relative;
}
.ag-autocomplete-virtual-list-item {
  display: flex;
}
.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}
.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}
.ag-paging-button {
  position: relative;
}
.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}
.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}
.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-select-checkbox {
  display: flex;
}
.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-details-row {
  width: 100%;
}
.ag-details-row-fixed-height {
  height: 100%;
}
.ag-details-grid {
  width: 100%;
}
.ag-details-grid-fixed-height {
  height: 100%;
}
.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}
.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}
.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}
.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}
.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}
.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}
.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}
.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ag-side-button-label {
  writing-mode: vertical-lr;
}
.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.ag-status-panel {
  display: inline-flex;
}
.ag-status-name-value {
  white-space: nowrap;
}
.ag-status-bar-left {
  display: inline-flex;
}
.ag-status-bar-center {
  display: inline-flex;
}
.ag-status-bar-right {
  display: inline-flex;
}
.ag-icon {
  display: block;
  speak: none;
}
.ag-group {
  position: relative;
  width: 100%;
}
.ag-group-title-bar {
  display: flex;
  align-items: center;
}
.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ag-group-title-bar .ag-group-title {
  cursor: default;
}
.ag-group-toolbar {
  display: flex;
  align-items: center;
}
.ag-group-container {
  display: flex;
}
.ag-disabled .ag-group-container {
  pointer-events: none;
}
.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.ag-group-container-vertical {
  flex-direction: column;
}
.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}
.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}
.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}
.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}
.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}
.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ag-input-field-input {
  flex: 1 1 auto;
}
.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}
.ag-range-field {
  display: flex;
  align-items: center;
}
.ag-angle-select {
  display: flex;
  align-items: center;
}
.ag-angle-select-wrapper {
  display: flex;
}
.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}
.ag-angle-select-child-circle {
  position: absolute;
}
.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}
.ag-picker-field-display {
  flex: 1 1 auto;
}
.ag-picker-field {
  display: flex;
  align-items: center;
}
.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.ag-picker-field-wrapper {
  overflow: hidden;
}
.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}
.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}
.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}
.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-spectrum-val {
  cursor: pointer;
}
.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}
.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}
.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}
.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"4\" height=\"4\"><rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" fill=\"%23fff\"/><path d=\"M0 0H2V4H4V2H0Z\" fill=\"%23b2b2b2\"/></svg>");
}
.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left / 4px 4px;
  width: 100%;
  height: 100%;
}
.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}
.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}
.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}
.ag-recent-colors {
  display: flex;
}
.ag-recent-color {
  cursor: pointer;
}
.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}
.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}
.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}
.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}
.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}
.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}
@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}
[class^=ag-]::-ms-clear {
  display: none;
}
.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}
.ag-range-field .ag-input-wrapper {
  height: 100%;
}
.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}
.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}
.ag-button:hover {
  background-color: transparent;
}
.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}
input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}
textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}
input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button,
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[class^=ag-][type=range] {
  padding: 0;
}
input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}
.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}
.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}
.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}
.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}
.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}
.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}
.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}
.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}
.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}
.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}
.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}
.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus,
.ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}
.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}
.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}
.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}
.ag-color-panel {
  padding: var(--ag-grid-size);
}
.ag-spectrum-color {
  background-color: #ff0000;
  border-radius: 2px;
}
.ag-spectrum-tools {
  padding: 10px;
}
.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}
.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}
.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}
.ag-spectrum-hue-background {
  border-radius: 2px;
}
.ag-spectrum-alpha-background {
  border-radius: 2px;
}
.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}
.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.ag-recent-colors {
  margin-top: 10px;
}
.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}
.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}
.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}
.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}
.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}
.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}
.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}
.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}
.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}
.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}
.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}
.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}
.ag-rich-select-row-text-highlight {
  font-weight: bold;
}
.ag-autocomplete {
  width: 100%;
}
.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}
.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}
.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}
.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}
.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}
.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}
.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}
.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}
.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}
.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}
.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}
.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}
.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}
.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-column-select-header-icon {
  cursor: pointer;
}
.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}
.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}
.ag-rtl {
  text-align: right;
}
.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}
.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}
.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}
.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-value-change-delta {
  padding-right: 2px;
}
.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}
.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}
.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}
.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}
.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}
.ag-cell-data-changed-animation {
  background-color: transparent;
}
.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}
.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}
.ag-row-highlight-above::after {
  top: 0px;
}
.ag-row-highlight-below::after {
  bottom: 0px;
}
.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}
.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}
.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}
.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}
.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}
.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}
.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}
.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}
.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}
.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}
.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}
.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-large-text-input textarea {
  resize: none;
}
.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}
.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}
.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}
.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}
.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}
.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}
@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}
.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}
.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}
.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}
.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}
.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}
.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}
.ag-fill-handle {
  cursor: cell;
}
.ag-range-handle {
  cursor: nwse-resize;
}
.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}
.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}
.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}
.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}
.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}
.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}
.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}
.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}
.ag-tabs-header {
  display: flex;
}
.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}
.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}
.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}
.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}
.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}
.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}
.ag-filter-condition-operator {
  height: 17px;
}
.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}
.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}
.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}
.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}
.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-set-filter {
  --ag-indentation-level: 0;
}
.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}
.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}
.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}
.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}
.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}
.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-side-bar {
  position: relative;
}
.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}
.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}
button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}
.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}
.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}
.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}
.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}
.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}
.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}
.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}
.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}
.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}
.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}
.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}
.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}
.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}
.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}
.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}
.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}
.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}
.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}
.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}
.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}
.ag-header-highlight-before::after {
  left: 0px;
}
.ag-header-highlight-after::after {
  right: 0px;
}
.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}
.ag-header-cell-resize {
  display: flex;
  align-items: center;
}
.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}
.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}
.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}
.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}
.ag-paging-button {
  cursor: pointer;
}
.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}
.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}
.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}
.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}
.ag-status-bar-center {
  text-align: center;
}
.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}
.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}
.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell-ghost {
  opacity: 0.5;
}
.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}
.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}
.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}
.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}
.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}
.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}
.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}
.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}
.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-sort-indicator-container {
  display: flex;
}
.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}
.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}
.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}
.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}
.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}
.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}
.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}
.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ag-chart-settings {
  overflow-x: hidden;
}
.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}
.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}
.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}
.ag-chart-mini-thumbnail {
  cursor: pointer;
}
.ag-chart-mini-thumbnail-canvas {
  display: block;
}
.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}
.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}
.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}
.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}
.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}
.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}
.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}
.ag-chart .ag-chart-menu {
  display: none;
}
.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}
.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}
.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}
.ag-charts-data-group-item {
  position: relative;
}
.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}
.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}
.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}
.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}
.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}
.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}
.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}
.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}
.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}
.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}
.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}
.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}
.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}
.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}
.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}
.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-date-time-list-page-title-bar {
  display: flex;
}
.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}
.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}
.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}
.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}
.ag-date-time-list-page-column-label {
  text-align: center;
}
.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}
.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}
.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}
.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}
.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}
.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}
.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}
.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before,
.ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}
.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}
.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}
.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}
.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}
.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}
.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}
.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}
.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}
.ag-input-field-input {
  width: 100%;
  min-width: 0;
}
.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within,
.ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center / contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within,
.ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center / contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABMUAAsAAAAAKMwAABLCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KqmyjKwE2AiQDgkALgSIABCAFhEYHhUEbnyMzg/aatGqziOpJNvu/JGhLhnjjdVVKiQVRRpQIMYb+arBrcnXzpDWxiZ/03+6d7uYA0kgNGvfxjeHHsZxySFI0efhYa+/v7iGeriQ0iXmiiXjIROjWyEwnREJiiNL8r7ned9lNjoj/UviIZqqAwagvZXWN7vQH2uY/PCuxGixE3Zco9c7GTcI4jGiM5Ixl6zZYJOu4deqq/4JF6qJ74B9A4MjcdjWnBf6vzeoX1p0qiEwH0j3ielqTJCVtAmTUucAVrqMqJHm7J9HDZROQwmB/an6zL7XMHhb7kozZWv+/7xgEJkGCJ4SvEGy5v2EaHaSESvAJKgL+b+1f7X9BlMATAqHj4/Ts7Pz/9965+zA0mU+02dBmQ5sfphJYIEX8Xjanfa8cAFStrQKWdRW+vpqEqbN1cToVOJ6CtsfmMoLfUD/X9o81JEiwSx5ix9/Y/D1YFRZgNHb89HY+AigxopP6BiQ4BLYXmusgA7t/bICvlWN7o7wQXGc5eKRfcJ1eti2g4qav/kYgjmNd0tLkOJ2Z/s9UagziUjLg4EUfjozhKEJQaXQSBRvG1xhMyJishB+RIifj9w6SMEZ1KBbXsdcUQmxLtN9Y2RPEjbehOT882Zbg6JXTtclU1IKAeRSMqKLcjrgNk40wT889wmXtgNBtcVthsjULZ4tB2WK6N7J190VFqlzEbaj5YYFjdj8VOa0t8WaELTaNWbZ2zJ36dM0BpxvCVJZlmP07Ku01wgZhT+xoxJdg3JpQhms8MU4R0KC64anv+rx2E9QmUFl/ortRSm2LPVbXu/6mNu5MGHAN4b2DK64KlaiuEGXqwIjTcKY+GVvvXXv07MWrT/8ARxGnhMUgqnrxK5p1WI/vEslM7FNW4qVzW4pQxmZGfTcfLa5FzMYh1DDHeHmEBYawVuhveThz4/Z2dCZM6QPZepCtu0Awgr9fxzGZfEA7NUeBnvZPglAHxmEeGS0TuaKyQz0dlSU+5CaqdHjGJPZMGbqSalOhn8ZkfcgmGZmvf+NtZ3kuxJoanXfBFT1apf/pNpfg7r5/jDDbG8TMmArFxZdY2RunTLjo7A1bhEgOKxy/44qp4TPcaX8TBaqr5I03XL2wOnWsmcJR+qYaVC4sUcTEa3fttqtEtmJTFzkEkKOHEg0IW2xbu847njOcPMS1HEguk4O4evv+401DJCAhp+5PaGo1rgT+qPli3jGfRZOPcxsxeZA4fApUAxlI8uONUTX04VdDPKlrg/1DGRcJ1vfKR7+/mgs1Hnnj81f8qLjXwfcQzmm4Aq0wK9YeoM575jiqJZvSu0mGAXtHYlg7unCQIJhMGY7Vxc3Dy8cvICgkLCIabTAhKSXtT4BZOXkFRSVlFVU1dQ1NLW0dXT19A0MlI2MTSMjUzNwViAL3M3lQqcZ+K0F0pgsVlj2jUW27//+7xP6ErY9y4JcBemZdmAFqntggsMAagUXWDyyxbmCZDQErrAVYZRPAGmsC1lkvsMHagC3WB2yzHmCHDQO7rAPYY+3APhsFDlkzcMS6gGPWCpywEeCUjQNnrBM4ZwPABRsDLkdPgi8AvREIIQhCMIQQCKEQwiCEQ4iAEAkhCkI0hBgIsRDiIMRDSICQCCEJQjKEFAipENIgpEPIgJAJIQtCNoQcCLkQ8iDkQyiAUAihCEIxhBIIpRDKIJRDqIBQCaEKQjWEGgi1EOog1LM3nQboL40QmiA0m0QKvha7bbRCebRBaIfQAWjE1KT6Mbe4oaAEFD15V8c1Npu8CiuJ+AgmZ+ibQWlcWmSAxALcWmEZSyAXGzLeJkSCSHP7vut0TVNSh01dwfysllW0nFagpJbIKHpGxmNm9hthJGqxHh2r9a1LpXoZteJbRCtpSsJSTEsukVAcjaubhmElaof2qUe+BlVN1Giq1mAaAZwEyNjKPVCn9M/ombCZRJqctqcDmwMD6YIbHZTN5WLZAkbni25GeSMT81p3zBduRVryQiIyK7q2F9KY/XxW7heJar+AV/4A237mtCB4kYk89YiCOQFcIhL20uGLC5C//SXJRK8vo5pgx6uNrmAl9nqbrUmU8rR0zekKrHF/ZrbTLBjbkj1RfwZ8jD6jIGTXaC+ppjqxRFrkNJGP9hy7FDGeHl4FhagGY/X+NWKIFlCDQdymq8aSUjqFqWvzkiu8bbxidd5BC5FI3fF2jDbWGGyHuZOQtm5/x4kTONSe2rVrHwpWnb9Nov1nwZZwm7XrFA63gb0no9N9tm+PtjL/zA0c+m27WJbiO3duJdFGFKiPWcdOnQvOn15mzcmdkfJv2xWeAFu3msOOmlv/ywgmtudQ7OBWH57bsiXY22Zxy0oiunOJu23/6avmojw/8UbZj+OwUkFBDKcnL4LlKINqlUTcrvDGGf/szej2+eDcraXhh5YpEnwqsZbt+05dyXoFKq+nwn92ShXNCF6yaHCcROsbmMjVyCpwAIykbGupvSPhMYsX7aOP4HADCurdUp6yJYUFrFqsL8zM7IV47ry5hRjHlQq3cper7EY8sVz1JEovtIkocwPG87er0DaWVUVFTeGaqMp0HFOhdHeVMhkVV0tzq8tXBfsy//f1KNCUo9RSBsUQa7goUOYSCQuMCJP3Zbl1eg901ANJ1JRAwAFWOYEiMGh9B6P5mSBGbmFdFGynyI2W4PF7ElIWwub1lx8hNmUO1YOBRJcelh+8wWAXdQFOYZnMheiyn3mxR0fGUhmEAcuc0OnNoWUCwy9APEPC6JLB3qh3kZxqcakMAz8X5/svbeB0nmCM8gVMTMCsHehWTxx6nn2v4oSV+aW7ZfBDrePhfZfDN33xNOiUOjI9Wu+fCE8FpxclVQIGIiWe206+Due/uv6F2Dfh9JzjOWfkmZE3plNza8PBsWdmDuV0/pIj2R1mA3029clIJ3d6wO7BvYW5lWx1PN6He1fL5X6/NO6J46m/dV+rVPr/2rK/Wp3xZ1dSKYvrnwdUl/rm3o/ThqFSdj1Ba/Tqqdhcb67xvOzTGc/HnB6w3B9EEI8HEiTC8ENfShDpAdJ/36fp3UfwVDATzzCQDf0hai8P8iAP1iG7MWwHe49R29iVpyW9Jvtm//FoVsNrHYxLzl1zj65MQXIJUXDHTCplOz0lt6XklEpsrSs6PLMb6BSjDSNiDdgbT82/rqLjG1PMyGr2IobBMyLY+X4EAyY1FNd7H4onDuKwRiWMHcCARyf3nsBnvo5KE1xM9KRgXZq0hw+FgIGlhoMR4oeQzvBT8Dn66H9YSWzWsLV9s7jHRfgE/EbI/8Ej2I93AzqCDlA9AK8XIc7u5PFcBFOLkAMDS9PTM9JhLmbk04cZURi0w2qd7hf+66VugwSKgGdMv7JAkMfj5QkKnobP8+fxCgRPHXzPW9Q/37AIkv38NMC12IJgEeQP4ifR2kq0EcCfpzP1CB70OLWDwR7ww/Gmm9rbS6VnTq9ZI5UFe9OZQQ1B3ukO03qi/5bXB+aH18eWL1cXFenpRYSf8ZmdOX1ma8SmTTNeK5xpEAc0Z/zNDGBd/alkK3erypElW5WytjZwbAoWVH/+gx9HCEzk8AgdaGJcPKJKuUADupgGNFpHE9PBedUXxBdgmJuRGR2dKetggTA4nAwcEfAGX5aXttT3xW6n+Jf7h/qX+fPke2vc5J1XXf9vbZ9CuW4cEGl9l1K//Kb5TPdBO+vy0J/LYu1pJ1sQW8cwP6rJUouO8Ga2leNOlteBUq/0dOduyyXbLJ2d7B3cLc+PUM1mWHZWNLwxt0mjWi53/MJbCSF2Tx2oKv02+2UWlSLZEw+qhUnWumgHh9WnqYvDZgQeYJBOgWDfYdYqMTVw4gw51S2w2pfrxLoUYmy6jKqEzebc7sO8W6mXh6IiGWxFKEtRln4KVtmHhyrYaGRhe26Tf7YX2+mU4QwUoWw/9+WJLucWczXnuPs13MX7EYp/m7xNhgMG5WFjfnJSewnFh4FjMzKGtkvD3L7BMxntY6pm1IxxwKxsaN/CMrHMpdfwk8ZWo8xtJNKa1PbD86kznOycuOndaR3cSQbGVl5WVGgg+ZUTvO++r47jqoukWKwIyE/TxDR1uskZgbyYnOOXyNIcVnUaaGKbOlzlImGitKTA+GJMSqhzZEFRLy8hOYG+fimXmcBgxDO5pkb5bexUo6AYZ4vFUhE9yymyUKBtBiBO4uEPv+XJmZWmgiLnyPjrip65yps6NTGb8zyI4WYOucqFEzWBqfHwSSm4Bt6OItctPkBmdBu2NRm9W6u/W3znLnzlHDls3FCbwPlhfASHOb0+gZIqjMAOqPgDsVDnDCKsDIooUQHKJzEWptpNYETVo8QPFQtuacUEmOqHGXb71sLHHTli235ZDtXjl063vvdgfVcWhZXDdJcddK1cK8zn8/MawweElsPRd7jQ1zNkuKx1za4W4gLD9MxX5gEXCUcy2ffr1zJhoDJdWWY4R8LZmZjNabLmXvN8MuyroYrDbrStLeMBhRIVRaE8MBqy/fTKvF/oPrCuCZWoklBi8rNRJaC78aN5225GCoBjavCGP+/x1wv48Mz9Y3fy5FzmBH27rG6nemh5dpCEmZjIlARlC8vpKwYHXejlEltICf1KQei46i3X/yT9ObmVBjSNTAk0EG8ziT6JBl9+zrsEDU4sJ3BIIubMMXYRyaadUeuqigpmrwtHPW67uyfufhofX15ioO/kI5Kfrurv//9/8tnMUbN2EF80mtxGqqmzc0uxg1GTzfz+pnlmj286fhoaglDb9Q2xDEasEeJmx4j8hQa2B8R5BTt+CfnvDd4Ze7Opxu++XbSxorK9P3btt1xI4ngqTk5uCGDExwUqmyeT5iuEk4s+chzm3jDhuccbqbo7D8FofaIH/c5JbNGHvE4MO9il6qTE/mh3vW3C2aqew6oGcXcPbP60YUXV6//8adz8urIcvwzfqVN9M/xyLoZPeurU+4lz/C565DcsHl+bw8vkcDJ5OXfF9fyZnBzeXcfqMPwutjE6unEyOVOT+X8u5kc+jZ4xUeuXsvKJUAvPdIOnmFvGNmyb4B3KQuGZ2lLqemDsRLRBliB5lnsm8Ti6Spdv36KjRUIPj6goIKOUeUr4tHlcZtT8VqqGEycmUYwZL1Z9UYQWhgvnzK8JWJOTmmosru7rXSCuiBROt9PwvhU9rFB44o15uQkJWi17334wH3JVYwu1Gd7cvBDT8tnEsljHw4eG0DaKtfuJw3C/f5mMzPX7wbsMnxaIVr7vW6OIb8Djd+9D9+3B4xoUcdo+ZzQgLglliur21l6/uv3Y/t3DEY1f0+sUEaBIwvEHKEDV86+/PX/hvdTfI8H/fqEb8m4cgE20TZ1+lAcpS6tpR0rACZbtRdvoIL3IEWc22wH0G6lD3qJHLUPupbURVMZxp6VZQd1qGPjt791g2KxXZdkyeqdw1T/kYxszbYM3jeNchQ3ulriPeY5Y12m2mjIbFdIFzhZvIlqZh5Eg1TAA0dPwvg+C0AqvZmsQ27zdGORuyWvX6jzLUXOUVJC/L7O75APlycErPsjuSM39f5PI/wGg5sSf93y0cf9U14K0beNCvem/gM1t/pdv/YhgcZT0X4L81ycKtSDt2zC32xwwPgjgI0h12mmkkIA0tAQ1Jwkgc7cOEkrnAUwFAmOYBjpMB+zhRsOnE6hTSwakJABBvd4dkyAJO0B+dNaCAp0PMxUsN0GDzm8ZBh7Kb0ZgeDQva7gn9uYmJE/wG1wJiu2boG/zHzj7SM1ld+F2ek9AwErANP2iyaO7ErGN5YjNY6R1QiHEJnH8Ai3dIJKup1OLz7jTEVcU5wnzjBtB4hHwG5xeuSJQWGCrkP4PjpDhhxaRxqXOhWDiSVCRBwgEjUZvoUazkXNFiLYa2WMRcvWYqhCEQCDeVfL2vgCNTWeI4SXXpmR3VtR0dCpyLiujaovvj5+KtUgji1wURGEURfHfW2t7xN78uHdWCaIkK6qmG6ZlO67nB2EUJ2mWF2VVN23XD+M0L+u2H+d1P+/3c+PWnXsPHj159uLVm3cfPv3w06+1E4djcEp8pIkajrO8rrae6CANodanYjnsMOjvPs5bVgvm3PY5ngwIMHpSAsduswsJRXd1h8ht8qbuvHEFC1Le1k3CSguYSnda1Hpizut6j+v6lcpk1jV8WTubnUkq9YJmC35oc1B5WOf1E1shw7y1Lc5SufGpPvWxpMrXEQTTyiQU5XykG6GV8eQ2MeYe/RIqTCqbJZWWI6WcS0VNsEMtrQohzsDUKYUjhPVUVKcao2ymgdHHkg85oe8mtn0RidRGaw9spajmcoNUOUbYzvdjUWvijHRRJNoBOwxt3qwSgzTM8xwLA7Sk2rIvHxPQZnnqEqjSVXLtxxs3a2EV10pDp0j97k5eVRwGhBeRmUwLBt96c+0fKpKFkbVcKwAA);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine,
.ag-theme-alpine-dark,
.ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-menu-background-color: var(--ag-header-background-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}
.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #282c2f;
    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
    --ag-chip-background-color: rgba(255, 255, 255, 0.07);
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar,
.ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-auto-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-header-row,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,
.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}
.ag-theme-alpine .ag-row,
.ag-theme-alpine-dark .ag-row,
.ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}
.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-],
.ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-],
.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]),
.ag-theme-alpine .ag-ltr input[class^=ag-][type=text],
.ag-theme-alpine .ag-ltr input[class^=ag-][type=number],
.ag-theme-alpine .ag-ltr input[class^=ag-][type=tel],
.ag-theme-alpine .ag-ltr input[class^=ag-][type=date],
.ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local],
.ag-theme-alpine .ag-ltr textarea[class^=ag-],
.ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]),
.ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text],
.ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number],
.ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel],
.ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date],
.ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark .ag-ltr textarea[class^=ag-],
.ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}
.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]),
.ag-theme-alpine .ag-rtl input[class^=ag-][type=text],
.ag-theme-alpine .ag-rtl input[class^=ag-][type=number],
.ag-theme-alpine .ag-rtl input[class^=ag-][type=tel],
.ag-theme-alpine .ag-rtl input[class^=ag-][type=date],
.ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local],
.ag-theme-alpine .ag-rtl textarea[class^=ag-],
.ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]),
.ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text],
.ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number],
.ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel],
.ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date],
.ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark .ag-rtl textarea[class^=ag-],
.ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}
.ag-theme-alpine .ag-tab,
.ag-theme-alpine-dark .ag-tab,
.ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}
.ag-theme-alpine .ag-tab-selected,
.ag-theme-alpine-dark .ag-tab-selected,
.ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-menu,
.ag-theme-alpine-dark .ag-menu,
.ag-theme-alpine-auto-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-menu-header,
.ag-theme-alpine-dark .ag-menu-header,
.ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}
.ag-theme-alpine .ag-tabs-header,
.ag-theme-alpine-dark .ag-tabs-header,
.ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}
.ag-theme-alpine .ag-chart-mini-thumbnail,
.ag-theme-alpine-dark .ag-chart-mini-thumbnail,
.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-settings-nav-bar,
.ag-theme-alpine-dark .ag-chart-settings-nav-bar,
.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon,
.ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon,
.ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon,
.ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon,
.ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}
.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-alpine.ag-dnd-ghost,
.ag-theme-alpine-dark.ag-dnd-ghost,
.ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}
.ag-theme-alpine .ag-side-buttons,
.ag-theme-alpine-dark .ag-side-buttons,
.ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}
.ag-theme-alpine .ag-standard-button,
.ag-theme-alpine-dark .ag-standard-button,
.ag-theme-alpine-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-standard-button:hover,
.ag-theme-alpine-dark .ag-standard-button:hover,
.ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}
.ag-theme-alpine .ag-standard-button:active,
.ag-theme-alpine-dark .ag-standard-button:active,
.ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}
.ag-theme-alpine .ag-standard-button:disabled,
.ag-theme-alpine-dark .ag-standard-button:disabled,
.ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-alpine .ag-column-drop-vertical,
.ag-theme-alpine-dark .ag-column-drop-vertical,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-alpine .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}
.ag-theme-alpine .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-column-drop-empty-message,
.ag-theme-alpine-dark .ag-column-drop-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}
.ag-theme-alpine .ag-pill-select .ag-column-drop,
.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,
.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-alpine .ag-status-name-value-value,
.ag-theme-alpine-dark .ag-status-name-value-value,
.ag-theme-alpine-auto-dark .ag-status-name-value-value {
  font-weight: 700;
}
.ag-theme-alpine .ag-paging-number,
.ag-theme-alpine .ag-paging-row-summary-panel-number,
.ag-theme-alpine-dark .ag-paging-number,
.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,
.ag-theme-alpine-auto-dark .ag-paging-number,
.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}
.ag-theme-alpine .ag-column-drop-cell-button,
.ag-theme-alpine-dark .ag-column-drop-cell-button,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}
.ag-theme-alpine .ag-column-drop-cell-button:hover,
.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}
.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-header-cell-filter-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover,
.ag-theme-alpine-auto-dark .ag-tab:hover,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {
  color: inherit;
}
.ag-theme-alpine .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button,
.ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button,
.ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}
.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button,
.ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button,
.ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container,
.ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container,
.ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}
.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container,
.ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container,
.ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}
.ag-theme-alpine .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}
.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}
.ag-theme-alpine .ag-set-filter-list,
.ag-theme-alpine-dark .ag-set-filter-list,
.ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-alpine .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-button,
.ag-theme-alpine-dark .ag-advanced-filter-builder-button,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-alpine .ag-list-item-hovered::after,
.ag-theme-alpine-dark .ag-list-item-hovered::after,
.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-highlight-before::after,
.ag-theme-alpine .ag-header-highlight-after::after,
.ag-theme-alpine-dark .ag-header-highlight-before::after,
.ag-theme-alpine-dark .ag-header-highlight-after::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-before::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-alpine-active-color);
}

@charset "UTF-8";
.react-datepicker__navigation-icon::before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.375em;
  border-bottom-right-radius: 0.375em;
}
.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select, .react-datepicker__header--middle, .react-datepicker__header--bottom) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__header--middle {
  border-top: 1px solid #aeaeae;
  border-radius: 0;
  margin-top: 4px;
}
.react-datepicker__header--bottom {
  border-bottom: none;
  border-top: 1px solid #aeaeae;
  border-radius: 0 0 0.3rem 0.3rem;
}
.react-datepicker__header-wrapper {
  position: relative;
}
.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 2px;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker__month-select,
.react-datepicker__year-select,
.react-datepicker__month-year-select {
  background-color: transparent;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  margin-top: 5px;
  padding: 2px 5px;
}
.react-datepicker__month-select:focus-visible,
.react-datepicker__year-select:focus-visible,
.react-datepicker__month-year-select:focus-visible {
  outline: auto 1px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.5em;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 5em;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.5em;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 5em;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.375em;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.375em;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.375em;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 2.125em / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 2.125em;
  line-height: 2.125em;
  text-align: center;
  margin: 0.208em;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day-names {
  text-align: center;
  white-space: nowrap;
  margin-bottom: -8px;
}
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2.125em;
  line-height: 2.125em;
  text-align: center;
  margin: 0.208em;
}
.react-datepicker__day-name--disabled,
.react-datepicker__day--disabled,
.react-datepicker__time-name--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover,
.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: #000000;
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: #1d5d90;
  color: #fff;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.625em;
  box-sizing: content-box;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__children-container {
  width: 17.25em;
  margin: 0.5em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.react-datepicker-popper-offset {
  margin-top: -0.7em;
}

/*  add media query for tablet level but anything less than 1000px should have margin bottom */
@media screen and (max-width: 1000px) {
  .col-xs-12 {
    margin-bottom: 10px;
  }
  .col-xs-12:last-child {
    margin-bottom: 0;
  }
}

.pagebanner-main {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
  height: 110px;
  flex-shrink: 0;
  background: url(941969ff64c93cea9a85.svg), linear-gradient(90deg, #002D72 11.07%, #1A69E6 110.64%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2px);
  border-radius: 8px;
  align-items: center;
  padding: 20px;
  justify-content: space-between;
}
/* .pagebanner-main:hover{
  transform:translateY(-5px);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.35);
} */
.pagebanner-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 87%;
}
.pagebanner-header {
  color: #FFF;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 100% */
}
.pagebanner-subHeader {
  color: rgba(255, 255, 255, 0.9);
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.terms-link {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: underline;
  cursor: pointer;
  font-size: inherit;
  padding: 0;
  margin-left: 10px;
}
.pagebanner-logo {
  background-image: url(3f6dce28b4011f0e96aa.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 156px;
  height: 42.35px;
}
.pagebanner-version {
  background-image: url(d22fcafde83e00b8cb8c.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 28px;
  height: 23.64px;
}
.pagebanner-logo-container {
  display: flex;
  gap: 2px;
  align-items: center;
}
/*.pagebanner-logo-version{
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
} */

/* Variables declaration */
.rdp-root {
  --rdp-accent-color: blue;
  /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff;
  /* The accent background color used for selected days and UI elements. */
  --rdp-day-height: 44px;
  /* The height of the day cells. */
  --rdp-day-width: 44px;
  /* The width of the day cells. */
  --rdp-day_button-border-radius: 100%;
  /* The border radius of the day cells. */
  --rdp-day_button-border: 2px solid transparent;
  /* The border of the day cells. */
  --rdp-day_button-height: 42px;
  /* The height of the day cells. */
  --rdp-day_button-width: 42px;
  /* The width of the day cells. */
  --rdp-selected-border: 2px solid var(--rdp-accent-color);
  /* The border of the selected days. */
  --rdp-disabled-opacity: 0.5;
  /* The opacity of the disabled days. */
  --rdp-outside-opacity: 0.75;
  /* The opacity of the days outside the current month. */
  --rdp-today-color: var(--rdp-accent-color);
  /* The color of the today's date. */
  --rdp-dropdown-gap: 0.5rem;
  /* The gap between the dropdowns used in the month captons. */
  --rdp-months-gap: 2rem;
  /* The gap between the months in the multi-month view. */
  --rdp-nav_button-disabled-opacity: 0.5;
  /* The opacity of the disabled navigation buttons. */
  --rdp-nav_button-height: 2.25rem;
  /* The height of the navigation buttons. */
  --rdp-nav_button-width: 2.25rem;
  /* The width of the navigation buttons. */
  --rdp-nav-height: 2.75rem;
  /* The height of the navigation bar. */
  --rdp-range_middle-background-color: var(--rdp-accent-background-color);
  /* The color of the background for days in the middle of a range. */
  --rdp-range_middle-color: inherit;
  /* The color of the range text. */
  --rdp-range_start-color: white;
  /* The color of the range text. */
  --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
  /* Used for the background of the start of the selected range. */
  --rdp-range_start-date-background-color: var(--rdp-accent-color);
  /* The background color of the date when at the start of the selected range. */
  --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
  /* Used for the background of the end of the selected range. */
  --rdp-range_end-color: white;
  /* The color of the range text. */
  --rdp-range_end-date-background-color: var(--rdp-accent-color);
  /* The background color of the date when at the end of the selected range. */
  --rdp-week_number-border-radius: 100%;
  /* The border radius of the week number. */
  --rdp-week_number-border: 2px solid transparent;
  /* The border of the week number. */
  --rdp-week_number-height: var(--rdp-day-height);
  /* The height of the week number cells. */
  --rdp-week_number-opacity: 0.75;
  /* The opacity of the week number. */
  --rdp-week_number-width: var(--rdp-day-width);
  /* The width of the week number cells. */
  --rdp-weeknumber-text-align: center;
  /* The text alignment of the weekday cells. */
  --rdp-weekday-opacity: 0.75;
  /* The opacity of the weekday. */
  --rdp-weekday-padding: 0.5rem 0rem;
  /* The padding of the weekday. */
  --rdp-weekday-text-align: center;
  /* The text alignment of the weekday cells. */
  --rdp-gradient-direction: 90deg;
  --rdp-animation_duration: 0.3s;
  --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
}
.rdp-root[dir="rtl"] {
  --rdp-gradient-direction: -90deg;
}
.rdp-root[data-broadcast-calendar="true"] {
  --rdp-outside-opacity: unset;
}
/* Root of the component. */
.rdp-root {
  position: relative;
  /* Required to position the navigation toolbar. */
  box-sizing: border-box;
}
.rdp-root * {
  box-sizing: border-box;
}
.rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}
.rdp-day_button {
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;
  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
}
.rdp-day_button:disabled {
  cursor: revert;
}
.rdp-caption_label {
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border: 0;
}
.rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto Highlight;
  /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */
  outline: 5px auto -webkit-focus-ring-color;
}
.rdp-button_next,
.rdp-button_previous {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;
  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
}
.rdp-button_next:disabled,
.rdp-button_next[aria-disabled="true"],
.rdp-button_previous:disabled,
.rdp-button_previous[aria-disabled="true"] {
  cursor: revert;
  opacity: var(--rdp-nav_button-disabled-opacity);
}
.rdp-chevron {
  display: inline-block;
  fill: var(--rdp-accent-color);
}
.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
  transform-origin: 50%;
}
.rdp-dropdowns {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--rdp-dropdown-gap);
}
.rdp-dropdown {
  z-index: 2;
  /* Reset */
  opacity: 0;
  appearance: none;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  border: none;
  line-height: inherit;
}
.rdp-dropdown_root {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}
.rdp-month_caption {
  display: flex;
  align-content: center;
  height: var(--rdp-nav-height);
  font-weight: bold;
  font-size: large;
}
.rdp-root[data-nav-layout="around"] .rdp-month,
.rdp-root[data-nav-layout="after"] .rdp-month {
  position: relative;
}
.rdp-root[data-nav-layout="around"] .rdp-month_caption {
  justify-content: center;
  margin-inline-start: var(--rdp-nav_button-width);
  margin-inline-end: var(--rdp-nav_button-width);
  position: relative;
}
.rdp-root[data-nav-layout="around"] .rdp-button_previous {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
}
.rdp-root[data-nav-layout="around"] .rdp-button_next {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
  justify-content: center;
}
.rdp-months {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rdp-months-gap);
  max-width: fit-content;
}
.rdp-month_grid {
  border-collapse: collapse;
}
.rdp-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  height: var(--rdp-nav-height);
}
.rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  font-weight: 500;
  font-size: smaller;
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
}
.rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  font-weight: 400;
  font-size: small;
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
}
/* DAY MODIFIERS */
.rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}
.rdp-selected {
  font-weight: bold;
  font-size: large;
}
.rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}
.rdp-outside {
  opacity: var(--rdp-outside-opacity);
}
.rdp-disabled:not(.rdp-selected) {
  opacity: var(--rdp-disabled-opacity);
}
.rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}
.rdp-range_start {
  background: var(--rdp-range_start-background);
}
.rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}
.rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}
.rdp-range_middle .rdp-day_button {
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}
.rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}
.rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}
.rdp-range_start.rdp-range_end {
  background: revert;
}
.rdp-focusable {
  cursor: pointer;
}
@keyframes rdp-slide_in_left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rdp-slide_in_right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rdp-slide_out_left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes rdp-slide_out_right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
.rdp-weeks_before_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-weeks_before_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-weeks_after_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-weeks_after_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-root[dir="rtl"] .rdp-weeks_after_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-root[dir="rtl"] .rdp-weeks_before_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-root[dir="rtl"] .rdp-weeks_before_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-root[dir="rtl"] .rdp-weeks_after_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
@keyframes rdp-fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes rdp-fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.rdp-caption_after_enter {
  animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-caption_after_exit {
  animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-caption_before_enter {
  animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-caption_before_exit {
  animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

/* ============================================================
   WeekPicker – react-day-picker v10 custom styles
   Migrated from home.less – all v7 DayPicker-* class names
   updated to v10 rdp-* equivalents.
   ============================================================ */
/* Container */
.WeekPickerComponent {
  position: relative;
  display: inline-block;
}
/* Input field (replaces old .DayPickerInput + .DayPickerInput input) */
.WeekPickerComponent input {
  width: 100%;
  color: #666;
  height: 41px;
  border: none;
  padding: 0 0 0 0.75rem;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #ccd0d6;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
/* Picker popup positioning (replaces old .DayPickerInput-OverlayWrapper) */
.WeekPickerComponent .rdp-root {
  position: absolute;
  z-index: 10;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  padding: 5px 20px;
}
/* Month table (replaces .DayPicker-Month) */
.WeekPickerComponent .rdp-month_grid {
  border-collapse: separate;
}
/* Week number (replaces .DayPicker-WeekNumber) */
.WeekPickerComponent .rdp-week_number {
  outline: none;
  color: #0050cb;
  font-weight: 600;
  cursor: pointer;
}
/* Day button (replaces .DayPicker-Day) */
.WeekPickerComponent .rdp-day_button {
  outline: none;
  border: 1px solid transparent;
}
/* Built-in selected day – reset so range highlight takes over
   (replaces .DayPicker-Day--selected) */
.WeekPickerComponent .rdp-selected .rdp-day_button {
  background-color: #add8e6 !important;
  color: #333 !important;
}
/* ── Custom modifier styles ──────────────────────────────────────
   react-day-picker v10 applies the modifier key name as a CSS
   class directly on the .rdp-day element.
   ──────────────────────────────────────────────────────────────── */
/* Hover range (replaces .DayPicker-Day--hoverRange) */
.WeekPickerComponent .hoverRange .rdp-day_button {
  background-color: #add8e6 !important;
}
/* Selected range Mon–Sat (replaces .DayPicker-Day--selectedRange) */
.WeekPickerComponent .selectedRange .rdp-day_button {
  background-color: #add8e6 !important;
  border-color: #add8e6;
}
/* Range start (replaces .DayPicker-Day--selectedRangeStart) */
.WeekPickerComponent .selectedRangeStart .rdp-day_button {
  background-color: #add8e6 !important;
  border-left: 1px solid #add8e6;
  border-radius: 0 !important;
}
/* Range end (replaces .DayPicker-Day--selectedRangeEnd) */
.WeekPickerComponent .selectedRangeEnd .rdp-day_button {
  background-color: #add8e6 !important;
  border-right: 1px solid #add8e6;
  border-radius: 0 !important;
}
/* No border-radius on range / hover-range non-outside days */
.WeekPickerComponent .selectedRange:not(.rdp-outside) .rdp-day_button,
.WeekPickerComponent .hoverRange:not(.rdp-outside) .rdp-day_button {
  border-radius: 0 !important;
  color: black !important;
}
.WeekPickerComponent .hoverRange:hover .rdp-day_button {
  border-radius: 0 !important;
}
/* Override built-in v10 range_start / range_end circle styles */
.WeekPickerComponent .rdp-range_start .rdp-day_button,
.WeekPickerComponent .rdp-range_end .rdp-day_button,
.WeekPickerComponent .rdp-range_middle .rdp-day_button {
  border-radius: 0 !important;
}
/* Remove the built-in chevron/half-background on range start and end cells */
.WeekPickerComponent .rdp-range_start,
.WeekPickerComponent .rdp-range_end,
.WeekPickerComponent .rdp-range_middle {
  background: none !important;
}
/* ============================================================
   react-datepicker week picker – selected week highlight
   ============================================================ */
/* All days in the selected week (in-range + start + end) */
.WeekPickerComponent .react-datepicker__day--selected,
.WeekPickerComponent .react-datepicker__day--in-range,
.WeekPickerComponent .react-datepicker__day--range-start,
.WeekPickerComponent .react-datepicker__day--range-end {
  background-color: #add8e6 !important;
  color: #333 !important;
  border-radius: 0 !important;
}
/* Round only the very first and last day of the selected week */
.WeekPickerComponent .react-datepicker__day--range-start {
  border-radius: 4px 0 0 4px !important;
}
.WeekPickerComponent .react-datepicker__day--range-end {
  border-radius: 0 4px 4px 0 !important;
}
/* Hover preview – highlight full week on hover */
.WeekPickerComponent .react-datepicker__week:hover .react-datepicker__day {
  background-color: #c8e8f0 !important;
  color: #333 !important;
  border-radius: 0 !important;
}
/* Week number column – base */
.WeekPickerComponent .react-datepicker__week-number {
  color: #0050cb;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.15s;
}
/* Week number – hover */
.WeekPickerComponent .react-datepicker__week-number:hover {
  background-color: #eee !important;
}
/* Week number – selected (same grey base + inset shadow to look "pressed/active") */
.WeekPickerComponent .react-datepicker__week-number--selected {
  background-color: #eee !important;
  box-shadow: inset 0 0 0 2px #aaa;
  color: #0050cb !important;
}
/* Position the inline calendar as a popup */
.WeekPickerComponent .react-datepicker {
  position: absolute;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
/* Sunday is always the 7th column when week starts on Monday (calendarStartDay=1) */
.WeekPickerComponent .react-datepicker__week .react-datepicker__day:nth-child(8) {
  /* color: #ccc !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.50 !important;
  background-color: transparent !important;
  border-radius: 0 !important; */
}
/* remove that extra margin */
.react-datepicker-popper-offset {
  margin: 0 !important;
}
/* When the popover opens AT THE TOP of the input field */
.react-datepicker-popper[data-placement^="top"] {
  margin-top: 10px !important;
  z-index: 3000 !important;
}
/* When the popover opens AT THE BOTTOM of the input field */
.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: -10px !important;
  z-index: 3000 !important;
}
/* .react-datepicker__day--outside-month { // This is for the days that are not part of the current month, but are shown in the calendar to fill the grid. We want to hide them.
        visibility: hidden;
        pointer-events: none;
      } */
.react-datepicker__day--today.react-datepicker__day--in-range,
.react-datepicker__day--today.react-datepicker__day--range-start,
.react-datepicker__day--today.react-datepicker__day--range-end {
  color: white !important;
}
.react-datepicker__input-container input {
  padding-left: 0.75rem !important;
  padding-right: 2rem !important;
}
/* .react-datepicker__month-text--today.react-datepicker__month-text--selected {
        color: white !important;
      } */
/* Month cells - give them breathing room */
.react-datepicker__month-text {
  padding: 6px 8px !important;
  margin: 3px !important;
  line-height: 1.5 !important;
}
/* The month grid wrapper */
.react-datepicker__month-wrapper {
  margin: 2px 0 !important;
}
/* Overall calendar container */
.react-datepicker__month .react-datepicker__month-text {
  width: 4rem !important;
}
/* Icon on the right, vertically centered */
.react-datepicker__calendar-icon {
  right: 8px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding: 0 !important;
}
.react-datepicker__month-text--disabled {
  color: #ccc !important;
  pointer-events: none !important;
  /* Block all user clicks, taps, or selections */
  cursor: not-allowed !important;
  /* Changes cursor to an error sign */
  background-color: transparent !important;
  /* Strips the default active background color */
}
/* ============================================================
   FIX: Reset ONLY when the "today" item is NOT selected
   ============================================================ */
/* 1. Reset standard calendar days (only if NOT selected or in range) */
.react-datepicker__day--today:not(.react-datepicker__day--selected):not(.react-datepicker__day--in-range) {
  font-weight: normal !important;
  background-color: transparent !important;
  color: inherit !important;
}
/* 2. Reset Month view pickers (only if NOT selected) */
.react-datepicker__month-text--today:not(.react-datepicker__month-text--selected),
.react-datepicker__quarter-text--today:not(.react-datepicker__quarter-text--selected) {
  font-weight: normal !important;
  background-color: transparent !important;
  color: inherit !important;
}
/* 3. Reset Time picker list highlights */
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul li.react-datepicker__time-list-item--today:not(.react-datepicker__time-list-item--selected) {
  font-weight: normal !important;
  background-color: transparent !important;
  color: inherit !important;
}
/* 4. Fix hover states so they still turn gray nicely when hovered (only if NOT selected) */
.react-datepicker__day--today:not(.react-datepicker__day--selected):hover,
.react-datepicker__month-text--today:not(.react-datepicker__month-text--selected):hover,
.react-datepicker__quarter-text--today:not(.react-datepicker__quarter-text--selected):hover {
  background-color: #f0f0f0 !important;
  /* Soft gray fallback hover */
  color: black !important;
}

.custom-snackbar {
  position: fixed;
  top: 0;
  left: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  z-index: 999;
  width: 100%;
  transition: transform 200ms ease-out;
  will-change: transform;
  transform: translate(-50%, 0px);
  background-color: #de351b;
  padding: 20px 24px;
  border-radius: 2px;
  min-width: 400px;
  max-width: 600px;
}
.custom-snackbar > p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.custom-snackbar.open {
  /* transform: translateY(0); */
}
.custom-snackbar-cancel {
  flex: 1 1 0%;
  text-align: right;
  font: bold 14px arial, sans-serif;
  color: white;
  border: none;
  background: none;
  padding: 0px;
  margin: 0px;
  transition: opacity 200ms ease-out 150ms;
  will-change: opacity;
  opacity: 1;
}

.pie-chart {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid #ECF0F4;
  border-radius: 50%;
  background: light #ECF0F4;
}
.pie-chart .slice {
  position: absolute;
  width: 100%;
  height: 100%;
  /* clip: rect(0, 200px, 200px, 100px); */
  background: #ECF0F4;
  border: 1px solid #ECF0F4;
  border-radius: 50%;
  transform: rotate(0deg);
}
.pie-chart .slice .inner-circle {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  background: white;
  border: 1px solid #ECF0F4;
  border-radius: 50%;
}
/* Pie chart legend  */
.legend {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.legend-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
}
.text {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
}
/*  Table */
.table {
  font-family: Lato;
  border: 1px solid #CCD5E3;
  width: 80%;
  text-align: center;
}
.table > thead > tr > th {
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  text-align: center;
  border-bottom: 1px solid #CCD5E3 !important;
}
.table > thead > tr > th:nth-child(even),
.table > tbody > tr > td:nth-child(even) {
  border-left: 1px solid #CCD5E3;
  border-right: 1px solid #CCD5E3;
}
tbody > tr > td {
  position: relative;
}
.color-code {
  position: absolute;
  left: 0;
  width: 12px;
  height: 100%;
  top: 0;
}
.table > tbody {
  font-family: Lato;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: center;
}
.pie-filter {
  padding: 25px 10px;
}
.selected-cell-input {
  width: 100%;
  height: 84%;
  border: none;
  margin-bottom: 3px;
}

.badgelabel {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 3px;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  border-color: #D7D7D7;
  font-weight: 300;
  font-style: normal;
  overflow: auto;
  min-height: 40px;
}
.morelink {
  font-size: 0.85rem;
  font-weight: bold;
  margin-top: 1px;
}
.alignleft {
  line-height: 2;
  float: left;
  width: 85%;
  text-align: left;
}
.alignright {
  line-height: 1.6;
  float: left;
  width: 15%;
  text-align: right;
}
.badgeDist {
  margin-right: 2px;
  background-color: #f0eeee;
  font-weight: normal;
  color: #001432;
  margin-bottom: 3px;
  height: 1.85rem;
  font-size: 0.825em;
  line-height: 2.5;
}

/* Article Parameter search filters (Supplier Logistic Parameter page) */
/* Default (desktop) layout - same as the previous inline styles */
.art-param-search-fields {
  display: flex;
  gap: 40px;
  align-items: baseline;
}
.art-param-search-field {
  width: 25%;
}
/* Laptop standard (1366x768) and smaller: 4 fields per row (4 + 3) */
@media screen and (max-width: 1366px) {
  .art-param-search-fields {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 16px;
    align-items: start;
  }
  .art-param-search-field {
    width: 100%;
    min-width: 0;
  }
  .art-param-search-field .fui-input-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* Let the dropdown/multiselect controls shrink to the grid cell */
  .art-param-search-field > div,
  .art-param-search-field .Select,
  .art-param-search-field input,
  .art-param-search-field select {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}
/* Tablet landscape (1024x768) and smaller: smaller labels */
@media screen and (max-width: 1024px) {
  .art-param-search-field .fui-input-label {
    font-size: 12px !important;
  }
}
/* Smaller than tablet (<= 767px): tighter spacing and font */
@media screen and (max-width: 767px) {
  .art-param-search-fields {
    gap: 12px 10px;
  }
  .art-param-search-field .fui-input-label {
    font-size: 11px !important;
  }
}
/* ------------------------------------------------------------------ */
/* Order/Delivery Parameter search filters (Supplier Logistic Parameter) */
/* ------------------------------------------------------------------ */
/* Default (desktop) layout - same as the previous inline styles */
.od-param-search-fields {
  display: flex;
  gap: 40px;
  align-items: baseline;
}
.od-param-search-fields--extra {
  width: 18%;
}
.od-param-search-field {
  width: 20%;
}
.od-param-search-field--store {
  width: calc(20%);
  flex: 1;
}
/* Laptop / tablet (<= 1366px, incl. 768x1024 portrait): 4 fields per row (4 + 4).
   Both field rows are flattened into one grid so the optional Delivery Location
   field becomes the 8th item. */
@media screen and (max-width: 1366px) {
  .od-param-search-wrap {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 16px;
    align-items: start;
  }
  .od-param-search-fields,
  .od-param-search-fields--extra {
    display: contents;
  }
  .od-param-search-field,
  .od-param-search-field--store {
    width: 100%;
    min-width: 0;
    flex: none;
  }
  .od-param-search-field .fui-input-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* Let the dropdown/multiselect controls shrink to the grid cell */
  .od-param-search-field > div,
  .od-param-search-field .Select,
  .od-param-search-field input,
  .od-param-search-field select {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}
/* Tablet (<= 1024px): smaller labels */
@media screen and (max-width: 1024px) {
  .od-param-search-field .fui-input-label {
    font-size: 12px !important;
  }
}
/* Smaller than tablet (<= 767px): tighter spacing and font */
@media screen and (max-width: 767px) {
  .od-param-search-wrap {
    gap: 12px 10px;
  }
  .od-param-search-field .fui-input-label {
    font-size: 11px !important;
  }
}
/* ------------------------------------------------------------------ */
/* Multiselect placeholder / selected-value visibility in the 4-column  */
/* search grids (Article Parameter + Order/Delivery Parameter).         */
/* The shared label has 20px left + 40px right padding and a 15vw       */
/* max-width, which truncates text in narrow columns. Scoped overrides  */
/* below only affect these two search bars.                             */
/* ------------------------------------------------------------------ */
@media screen and (max-width: 1366px) {
  .art-param-search-field .article-parameters-multiselect-label > form > div > div > button > .react-select-box-label,
  .od-param-search-field .article-parameters-multiselect-label > form > div > div > button > .react-select-box-label {
    max-width: none;
    padding: 0 36px 0 8px;
  }
}
@media screen and (max-width: 1024px) {
  .art-param-search-field .article-parameters-multiselect-label > form > div > div > button > .react-select-box-label,
  .od-param-search-field .article-parameters-multiselect-label > form > div > div > button > .react-select-box-label {
    font-size: 12px;
  }
}
/* ------------------------------------------------------------------ */
/* Supplier Holidays: Create New button placed on the switcher row.     */
/* Global .save-changes rules (50% / 100% width at small screens) make  */
/* the label wrap, so the size is pinned here.                          */
/* ------------------------------------------------------------------ */
.sh-switcher-wrap {
  position: relative;
  display: flow-root;
}
/* Reserve room on the left of the switcher row for the Create New button
   (DataGridSwitcher root > toggle row wrapper) */
.sh-switcher-wrap--with-create > div > div:first-child {
  padding-left: 170px;
  box-sizing: border-box;
}
.sh-create-toolbar {
  position: absolute;
  top: 12px;
  left: 0;
  width: 150px;
  height: 40px;
  display: flex;
  align-items: center;
  z-index: 1;
}
/* Manage Request - Filter Status row */
.sh-filter-status-wrap {
  margin-top: -30px;
  margin-bottom: -30px;
}
.sh-filter-status {
  align-items: center;
  gap: 20px;
  padding: 6px 12px 0 20px;
  background-color: #ffffff;
  border-bottom: 1px solid #e6ebf3;
}
.sh-filter-status .fui-input-label {
  margin-bottom: 0;
}
.sh-create-toolbar button,
.sh-create-toolbar .save-changes {
  width: 150px !important;
  min-width: 150px;
  height: 40px;
  padding: 0 8px !important;
  margin: 0 !important;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
/* ------------------------------------------------------------------ */
/* Order/Delivery Parameter: Bulk Update button placed on the switcher  */
/* row, and Manage Request Filter Status row.                           */
/* ------------------------------------------------------------------ */
.od-switcher-wrap {
  position: relative;
}
/* Reserve room on the left of the switcher row for the Bulk Update button
   (DataGridSwitcher root > toggle row wrapper). The bulk toolbar is excluded
   so its own button is not padded. */
.od-switcher-wrap--with-bulk > div:not(.od-bulk-toolbar) > div:first-child {
  padding-left: 170px;
  box-sizing: border-box;
}
.od-bulk-toolbar {
  position: absolute;
  top: 12px;
  left: 0;
  height: 40px;
  display: flex;
  align-items: center;
  z-index: 1;
}
/* Manage Request - Filter Status row */
.od-filter-status-wrap {
  margin-top: -30px;
  margin-bottom: -30px;
}
.od-filter-status {
  align-items: center;
  gap: 20px;
  padding: 6px 12px 0 20px;
  background-color: #ffffff;
  border-bottom: 1px solid #e6ebf3;
}
.od-filter-status .fui-input-label {
  margin-bottom: 0;
}
/* ------------------------------------------------------------------ */
/* Article Parameter: Manage Request - Filter Status row               */
/* ------------------------------------------------------------------ */
.ap-filter-status-wrap {
  margin-top: -30px;
  margin-bottom: -30px;
}
.ap-filter-status {
  align-items: center;
  gap: 20px;
  padding: 6px 12px 0 20px;
  background-color: #ffffff;
  border-bottom: 1px solid #e6ebf3;
}
.ap-filter-status .fui-input-label {
  margin-bottom: 0;
}

.highcharts-container-custom {
  height: 280px;
  /* Set the desired height */
  width: 100%;
  /* Optional: Set width */
  position: relative;
  /* Ensure proper layout */
}
.highcharts-container-custom .highcharts-container {
  height: 100% !important;
  /* Force the chart to take the full height */
  width: 100% !important;
  /* Force the chart to take the full width */
}

.selected-cell-modal .modal-content-wrapper {
  padding: 0;
  font-family: 'MetroSans', Arial, sans-serif;
}
.selected-cell-modal .variance-header {
  margin-bottom: 24px;
}
.selected-cell-modal .variance-header .variance-title {
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
  line-height: 1.5;
}
.selected-cell-modal .variance-header .variance-title strong {
  font-weight: 600;
}
.selected-cell-modal .variance-header .article-name {
  font-size: 16px;
  font-weight: 600;
  color: #002d72;
  margin-top: 4px;
}
.selected-cell-modal .forecast-comparison {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 24px;
  gap: 16px;
}
.selected-cell-modal .forecast-comparison .forecast-item {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.selected-cell-modal .forecast-comparison .forecast-item .forecast-label {
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
  font-weight: 500;
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selected-cell-modal .forecast-comparison .forecast-item .forecast-value {
  font-size: 24px;
  font-weight: 600;
  color: #002d72;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}
.selected-cell-modal .forecast-comparison .forecast-item.variance-item .forecast-value.variance-badge {
  background-color: #dc3545;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.selected-cell-modal .dialogue-section .dialogue-header {
  font-size: 16px;
  font-weight: 600;
  color: #002d72;
  margin-bottom: 16px;
}
.selected-cell-modal .dialogue-section .comments-list {
  margin-bottom: 20px;
  max-height: 300px;
  overflow-y: auto;
  padding-right: 8px;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  width: 400px;
  max-width: 100%;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-header .comment-author {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-header .comment-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-header .comment-header-right .read-indicator {
  font-size: 16px;
  color: #0066cc;
  display: flex;
  align-items: center;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-header .comment-date {
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .edit-icon-button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0066cc;
  transition: background-color 0.3s ease;
  border-radius: 4px;
  flex-shrink: 0;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .edit-icon-button:hover {
  background-color: rgba(0, 102, 204, 0.08);
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .edit-icon-button:active {
  background-color: rgba(0, 102, 204, 0.15);
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .comment-text {
  width: 400px;
  max-width: 100%;
  background-color: #d4e6f7;
  color: #002d72;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  white-space: normal;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .comment-edit-wrapper {
  width: 400px;
  max-width: 100%;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .comment-edit-wrapper .comment-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #0066cc;
  border-radius: 8px;
  font-size: 14px;
  font-family: 'MetroSans', Arial, sans-serif;
  resize: none;
  line-height: 1.5;
  background-color: #ffffff;
  color: #333;
  word-wrap: break-word;
  white-space: normal;
  box-sizing: border-box;
  overflow: hidden;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .comment-edit-wrapper .comment-textarea:focus {
  outline: none;
  border-color: #0066cc;
  box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.1);
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .comment-edit-wrapper .edit-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .comment-edit-wrapper .edit-buttons .edit-cancel-button {
  background-color: transparent !important;
  color: #002d72 !important;
  border: none !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 400;
  cursor: pointer;
  text-transform: none !important;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item .comment-body .comment-edit-wrapper .edit-buttons .edit-cancel-button:hover {
  background-color: rgba(0, 45, 114, 0.08) !important;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.own-comment {
  align-items: flex-end;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.own-comment .comment-header {
  align-self: flex-end;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.own-comment .comment-body {
  flex-direction: row;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.own-comment .comment-body .comment-text {
  background-color: #d4e6f7;
  color: #002d72;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.own-comment .comment-body .comment-edit-wrapper {
  margin-left: auto;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.other-comment {
  align-items: flex-start;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.other-comment .comment-header {
  align-self: flex-start;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.other-comment .comment-body {
  flex-direction: row;
}
.selected-cell-modal .dialogue-section .comments-list .comment-item.other-comment .comment-body .comment-text {
  background-color: #f0f0f0;
  color: #333;
}
.selected-cell-modal .dialogue-section .comments-list::-webkit-scrollbar {
  width: 6px;
}
.selected-cell-modal .dialogue-section .comments-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.selected-cell-modal .dialogue-section .comments-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.selected-cell-modal .dialogue-section .comments-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 0;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .comment-label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 12px;
  font-weight: 500;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .comment-textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  font-family: 'MetroSans', Arial, sans-serif;
  resize: vertical;
  min-height: 80px;
  transition: border-color 0.3s ease;
  background-color: #ffffff;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .comment-textarea:focus {
  outline: none;
  border-color: #0066cc;
  box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.1);
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .comment-textarea::placeholder {
  color: #999;
  font-style: italic;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .shared-info {
  font-size: 12px;
  color: #666;
  font-style: italic;
  margin-top: 12px;
  margin-bottom: 16px;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper .cancel-button {
  display: flex;
  align-items: center;
  background-color: transparent;
  color: #002d72;
  padding: 10px 16px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper .cancel-button:hover {
  background-color: rgba(0, 102, 204, 0.08);
  color: #0052a3;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper .cancel-button:active {
  background-color: rgba(0, 102, 204, 0.15);
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper .send-button {
  display: flex;
  align-items: center;
  background-color: #0066cc;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper .send-button:hover:not(:disabled) {
  background-color: #0052a3;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper .send-button:active:not(:disabled) {
  background-color: #004080;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper .send-button:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
  opacity: 0.6;
}
.selected-cell-modal .dialogue-section .comment-input-wrapper .send-button-wrapper .send-button svg {
  margin-right: 8px;
  font-size: 18px;
}
.selected-cell-modal.edit-modal .m-modal-footer,
.selected-cell-modal.edit-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 16px 24px;
  border-top: 1px solid #e0e0e0;
}
.selected-cell-modal.edit-modal .m-modal-footer .send-button,
.selected-cell-modal.edit-modal .modal-footer .send-button {
  display: flex;
  align-items: center;
  background-color: #0066cc;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.selected-cell-modal.edit-modal .m-modal-footer .send-button:hover,
.selected-cell-modal.edit-modal .modal-footer .send-button:hover {
  background-color: #0052a3;
}
.selected-cell-modal.edit-modal .m-modal-footer .send-button:active,
.selected-cell-modal.edit-modal .modal-footer .send-button:active {
  background-color: #004080;
}
.selected-cell-modal.edit-modal .m-modal-footer .send-button svg,
.selected-cell-modal.edit-modal .modal-footer .send-button svg {
  margin-right: 8px;
  font-size: 18px;
}
.selected-cell-modal.edit-modal .m-modal-header,
.selected-cell-modal.edit-modal .modal-header {
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
}
.selected-cell-modal.edit-modal .m-modal-header h2,
.selected-cell-modal.edit-modal .modal-header h2,
.selected-cell-modal.edit-modal .m-modal-header div,
.selected-cell-modal.edit-modal .modal-header div {
  font-size: 20px;
  font-weight: 600;
  color: #002d72;
  margin: 0;
}
.selected-cell-modal.edit-modal .m-modal-content,
.selected-cell-modal.edit-modal .modal-content {
  padding: 0px;
}
@media (max-width: 768px) {
  .selected-cell-modal .forecast-comparison {
    flex-direction: column;
    gap: 16px;
  }
  .selected-cell-modal .forecast-comparison .forecast-item {
    width: 100%;
  }
}

.ag-grid-comment-section .comments-container {
  padding: 16px;
  overflow-y: auto;
  padding-right: 8px;
  max-height: 100%;
  height: 100%;
}
.ag-grid-comment-section .comments-container .comment-block {
  margin-bottom: 16px;
}
.ag-grid-comment-section .comments-container .comment-block.supplier-comment-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ag-grid-comment-section .comments-container .comment-block.metro-comment-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ag-grid-comment-section .comments-container .comment-block .comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  width: 70%;
  max-width: 70%;
}
.ag-grid-comment-section .comments-container .comment-block .comment-header .comment-author {
  font-weight: bold;
  color: #001432;
  font-size: 13px;
}
.ag-grid-comment-section .comments-container .comment-block .comment-header .comment-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ag-grid-comment-section .comments-container .comment-block .comment-header .comment-header-right .read-indicator {
  font-size: 16px;
  color: #005ae0;
  display: flex;
  align-items: center;
  padding: 2px;
}
.ag-grid-comment-section .comments-container .comment-block .comment-header .comment-header-right .comment-date {
  color: #001432;
  font-size: 12px;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper.supplier-content {
  flex-direction: row;
  justify-content: flex-start;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper.metro-content {
  flex-direction: row;
  justify-content: flex-end;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .edit-icon-button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #005ae0;
  transition: background-color 0.3s ease;
  border-radius: 4px;
  flex-shrink: 0;
  margin-top: 10px;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .edit-icon-button:hover {
  background-color: rgba(0, 102, 204, 0.08);
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .edit-icon-button:active {
  background-color: rgba(0, 102, 204, 0.15);
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .edit-icon-button svg {
  font-size: 18px;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-bubble {
  background-color: #ccd0d6;
  border-radius: 12px;
  padding: 12px 16px;
  position: relative;
  width: 70%;
  max-width: 70%;
  min-height: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-bubble.supplier-bubble {
  background-color: #ccd0d6;
  color: #001432;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-bubble.metro-bubble {
  background-color: #cddff9;
  color: #001432;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-bubble .comment-text {
  color: #001432;
  line-height: 1.4;
  font-size: 14px;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-edit-wrapper {
  width: 70%;
  max-width: 70%;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-edit-wrapper .comment-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #005ae0;
  border-radius: 8px;
  font-size: 14px;
  font-family: 'MetroSans', Arial, sans-serif;
  resize: none;
  line-height: 1.5;
  background-color: #ffffff;
  color: #333;
  word-wrap: break-word;
  white-space: normal;
  box-sizing: border-box;
  min-height: 80px;
  max-height: 200px;
  overflow-y: auto;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-edit-wrapper .comment-textarea:focus {
  outline: none;
  border-color: #005ae0;
  box-shadow: 0 0 0 2px rgba(0, 90, 224, 0.1);
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-edit-wrapper .edit-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-edit-wrapper .edit-buttons .cancel-button {
  color: #002d72;
  text-transform: none;
  background-color: transparent !important;
  border: none !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 400;
  cursor: pointer;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-edit-wrapper .edit-buttons .cancel-button:hover {
  background-color: rgba(0, 45, 114, 0.08) !important;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-edit-wrapper .edit-buttons .send-button {
  text-transform: none;
  color: white;
  padding: 10px 24px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.ag-grid-comment-section .comments-container .comment-block .comment-content-wrapper .comment-edit-wrapper .edit-buttons .send-button:disabled {
  cursor: not-allowed;
}
.ag-grid-comment-section .comments-container .comment-input-section {
  padding: 16px;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ag-grid-comment-section .comments-container .comment-input-section .input-label {
  color: #001432;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 14px;
}
.ag-grid-comment-section .comments-container .comment-input-section .comment-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  font-family: 'MetroSans', Arial, sans-serif;
  resize: none;
  min-height: 80px;
  max-height: 200px;
  overflow-y: auto;
  background-color: white;
  color: #001432;
}
.ag-grid-comment-section .comments-container .comment-input-section .comment-textarea:focus {
  outline: none;
  border-color: #005ae0;
  box-shadow: 0 0 0 2px rgba(0, 90, 224, 0.1);
}
.ag-grid-comment-section .comments-container .comment-input-section .comment-textarea::placeholder {
  color: #999;
  font-style: italic;
}
.ag-grid-comment-section .comments-container .comment-input-section .input-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.ag-grid-comment-section .comments-container .comment-input-section .input-footer .shared-info {
  color: #33435b;
  font-style: italic;
  margin-right: auto;
  font-size: 12px;
}
.ag-grid-comment-section .comments-container .comment-input-section .input-footer .action-buttons {
  display: flex;
  gap: 8px;
}
.ag-grid-comment-section .comments-container .comment-input-section .input-footer .action-buttons .cancel-button {
  color: #002d72;
  text-transform: none;
  background-color: transparent;
  border: none;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
}
.ag-grid-comment-section .comments-container .comment-input-section .input-footer .action-buttons .cancel-button:hover {
  background-color: rgba(0, 45, 114, 0.08);
}
.ag-grid-comment-section .comments-container .comment-input-section .input-footer .action-buttons .send-button {
  text-transform: none;
  min-width: 80px;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.ag-grid-comment-section .comments-container .comment-input-section .input-footer .action-buttons .send-button:disabled {
  cursor: not-allowed;
}
.ag-grid-comment-section .comments-container .comment-input-section .input-footer .action-buttons .send-button svg {
  font-size: 18px;
  margin-right: 4px;
}
.ag-grid-comment-section .comments-container::-webkit-scrollbar {
  width: 6px;
}
.ag-grid-comment-section .comments-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.ag-grid-comment-section .comments-container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.ag-grid-comment-section .comments-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.bulk-comment-section {
  margin-top: 20px;
  background-color: #f0f7ff;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.bulk-comment-section .bulk-comment-title {
  color: #001432;
  font-weight: bold;
  margin-bottom: 12px;
  font-size: 14px;
}
.bulk-comment-section .bulk-comment-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  font-family: 'MetroSans', Arial, sans-serif;
  resize: none;
  min-height: 100px;
  background-color: white;
  color: #001432;
  margin-bottom: 12px;
}
.bulk-comment-section .bulk-comment-textarea:focus {
  outline: none;
  border-color: #005ae0;
  box-shadow: 0 0 0 2px rgba(0, 90, 224, 0.1);
}
.bulk-comment-section .bulk-comment-textarea::placeholder {
  color: #999;
}
.bulk-comment-section .bulk-comment-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bulk-comment-section .bulk-comment-footer .bulk-shared-info {
  color: #33435b;
  font-style: italic;
  font-size: 12px;
  margin-right: auto;
}
.bulk-comment-section .bulk-comment-footer .bulk-action-buttons {
  display: flex;
  gap: 10px;
}
.bulk-comment-section .bulk-comment-footer .bulk-action-buttons .cancel-button {
  color: #002d72;
  text-transform: none;
  background-color: transparent;
  border: none;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
}
.bulk-comment-section .bulk-comment-footer .bulk-action-buttons .cancel-button:hover {
  background-color: rgba(0, 45, 114, 0.08);
}
.bulk-comment-section .bulk-comment-footer .bulk-action-buttons .send-button {
  text-transform: none;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bulk-comment-section .bulk-comment-footer .bulk-action-buttons .send-button:disabled {
  cursor: not-allowed;
}
.bulk-comment-section .bulk-comment-footer .bulk-action-buttons .send-button svg {
  font-size: 18px;
}

/* Logistic Parameters -> Article Parameters tab : tablet (<= 768px) */
@media (max-width: 768px) {
  /* Search filters: 4 fields per row */
  .art-param-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
  }
  .art-param-filter-grid > .art-param-filter-row {
    display: contents;
  }
  .art-param-filter-grid .art-param-filter-row > div {
    width: 100% !important;
    min-width: 0;
  }
  /* empty spacer cells used for desktop alignment */
  .art-param-filter-grid .art-param-filter-row > div:empty {
    display: none;
  }
  /* Article Variant No - Name label (5th field, first row) */
  .art-param-filter-grid .art-param-filter-row:first-child > div:nth-child(5) .fui-input-label {
    font-size: 12px !important;
  }
  /* Manage Request: Filter Status row above Change Status To row */
  .art-param-mr-filter-wrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .art-param-mr-filter {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
  }
  .art-param-mr-filter-group {
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important;
    padding-left: 0 !important;
    width: 100%;
  }
  .art-param-mr-filter-group > :first-child {
    min-width: 0;
    margin-right: 0 !important;
  }
  .art-param-mr-filter-group .MuiFormGroup-root {
    flex-wrap: wrap !important;
    height: auto !important;
  }
}

.admin-dashboard-card .container,
.admin-dashboard-card [class*="col-"] {
  padding: 0 !important;
}
.admin-dashboard-card .container {
  padding: 0%;
}
.card2-card .card2-title-row {
  align-items: flex-start;
  gap: 8px;
}
.card2-card .card2-title {
  line-height: 1.2;
  flex: 1;
  min-width: 0;
}
.card2-card .card2-fol-box-left {
  min-width: 0;
  flex: 1;
}
.card2-card .card2-fol-label {
  line-height: 1.2;
}
@media (max-width: 1600px) {
  .card2-card .card2-title {
    font-size: 15px;
  }
  .card2-card .card2-fol-label {
    font-size: 15px;
  }
}