@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto:300,400,500,700);




.vgt-table.striped tbody tr:nth-of-type(odd){background-color:rgba(51,68,109,.03)}.vgt-right-align{text-align:right}.vgt-left-align{text-align:left}.vgt-center-align{text-align:center}.vgt-pull-left{float:left!important}.vgt-pull-right{float:right!important}.vgt-clearfix::after{display:block;content:"";clear:both}.vgt-responsive{width:100%;overflow-x:auto;position:relative}.vgt-text-disabled{color:#909399}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.vgt-wrap{position:relative}.vgt-fixed-header{position:absolute;z-index:10;overflow-x:auto}table.vgt-table{font-size:16px;border-collapse:collapse;background-color:#fff;width:100%;max-width:100%;table-layout:auto;border:1px solid #dcdfe6}table.vgt-table td{padding:.75em .75em .75em .75em;vertical-align:top;border-bottom:1px solid #dcdfe6;color:#606266}table.vgt-table tr.clickable{cursor:pointer}table.vgt-table tr.clickable:hover{background-color:#f1f5fd}.vgt-table th{padding:.75em 1.5em .75em .75em;vertical-align:middle;position:relative}.vgt-table th.sortable button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;position:absolute;top:0;left:0;width:100%;height:100%}.vgt-table th.sortable button:focus{outline:0}.vgt-table th.sortable button:after{content:"";position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #606266}.vgt-table th.sortable button:before{content:"";position:absolute;height:0;width:0;right:6px;top:50%;margin-bottom:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #606266}.vgt-table th.line-numbers,.vgt-table th.vgt-checkbox-col{padding:0 .75em 0 .75em;color:#606266;border-right:1px solid #dcdfe6;word-wrap:break-word;width:25px;text-align:center;background:-webkit-gradient(linear,left top, left bottom,from(#f4f5f8),to(#f1f3f6));background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-table th.filter-th{padding:.75em .75em .75em .75em}.vgt-table th.vgt-row-header{border-bottom:2px solid #dcdfe6;border-top:2px solid #dcdfe6;background-color:#fafafb}.vgt-table th.vgt-row-header .triangle{width:24px;height:24px;border-radius:15%;position:relative;margin:0 8px}.vgt-table th.vgt-row-header .triangle:after{content:"";position:absolute;display:block;left:50%;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #606266;margin-left:-3px;-webkit-transition:.3s ease transform;transition:.3s ease transform}.vgt-table th.vgt-row-header .triangle.expand:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.vgt-table thead th{color:#606266;vertical-align:bottom;border-bottom:1px solid #dcdfe6;padding-right:1.5em;background:-webkit-gradient(linear,left top, left bottom,from(#f4f5f8),to(#f1f3f6));background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-table thead th.vgt-checkbox-col{vertical-align:middle}.vgt-table thead th.sorting-asc button:after{border-bottom:5px solid #409eff}.vgt-table thead th.sorting-desc button:before{border-top:5px solid #409eff}.vgt-input,.vgt-select{width:100%;height:32px;line-height:1;display:block;font-size:14px;font-weight:400;padding:6px 12px;color:#606266;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:none;background-color:#fff;border:1px solid #dcdfe6;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.vgt-input::-webkit-input-placeholder,.vgt-select::-webkit-input-placeholder{color:#606266;opacity:.3}.vgt-input::-moz-placeholder,.vgt-select::-moz-placeholder{color:#606266;opacity:.3}.vgt-input::-ms-input-placeholder,.vgt-select::-ms-input-placeholder{color:#606266;opacity:.3}.vgt-input::placeholder,.vgt-select::placeholder{color:#606266;opacity:.3}.vgt-input:focus,.vgt-select:focus{outline:0;border-color:#409eff}.vgt-loading{position:absolute;width:100%;z-index:10;margin-top:117px}.vgt-loading__content{background-color:#c0dfff;color:#409eff;padding:7px 30px;border-radius:3px}.vgt-inner-wrap.is-loading{opacity:.5;pointer-events:none}.vgt-table.bordered td,.vgt-table.bordered th{border:1px solid #dcdfe6}.vgt-table.bordered th.vgt-row-header{border-bottom:3px solid #dcdfe6}.vgt-wrap.rtl{direction:rtl}.vgt-wrap.rtl .vgt-table thead th,.vgt-wrap.rtl .vgt-table.condensed thead th{padding-left:1.5em;padding-right:.75em}.vgt-wrap.rtl .vgt-table th.sorting-asc:after,.vgt-wrap.rtl .vgt-table th.sorting:after{margin-right:5px;margin-left:0}.vgt-wrap.rtl .vgt-table th.sortable:after,.vgt-wrap.rtl .vgt-table th.sortable:before{right:inherit;left:6px}.vgt-table.condensed td,.vgt-table.condensed th.vgt-row-header{padding:.4em .4em .4em .4em}@media (max-width:576px){.vgt-compact *{-webkit-box-sizing:border-box;box-sizing:border-box}.vgt-compact tbody,.vgt-compact td,.vgt-compact tr{display:block;width:100%}.vgt-compact thead{display:none}.vgt-compact tr{margin-bottom:15px}.vgt-compact td{text-align:right;position:relative}.vgt-compact td:before{content:attr(data-label);position:relative;float:left;left:0;width:40%;padding-left:10px;font-weight:700;text-align:left}.vgt-compact th.line-numbers{width:100%!important;display:block;padding:.3em 1em!important}}.vgt-global-search{padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border:1px solid #dcdfe6;border-bottom:0;background:-webkit-gradient(linear,left top, left bottom,from(#f4f5f8),to(#f1f3f6));background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-global-search form{display:-webkit-box;display:-ms-flexbox;display:flex}.vgt-global-search form label{margin-top:3px}.vgt-global-search__input{position:relative;padding-left:40px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vgt-global-search__input .input__icon{position:absolute;left:0;max-width:32px}.vgt-global-search__input .input__icon .magnifying-glass{margin-top:3px;margin-left:8px;display:block;width:16px;height:16px;border:2px solid #494949;position:relative;border-radius:50%}.vgt-global-search__input .input__icon .magnifying-glass:before{content:"";display:block;position:absolute;right:-7px;bottom:-5px;background:#494949;width:8px;height:4px;border-radius:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.vgt-global-search__actions{margin-left:10px}.vgt-selection-info-row{background:#fdf9e8;padding:5px 16px;font-size:13px;border-top:1px solid #dcdfe6;border-left:1px solid #dcdfe6;border-right:1px solid #dcdfe6;color:#d3aa3b;font-weight:700}.vgt-selection-info-row a{font-weight:700;display:inline-block;margin-left:10px}.vgt-wrap__actions-footer{border:1px solid #dcdfe6}.vgt-wrap__footer{color:#606266;font-size:1.1rem;padding:1em;border:1px solid #dcdfe6;background:-webkit-gradient(linear,left top, left bottom,from(#f4f5f8),to(#f1f3f6));background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap__footer .footer__row-count__label,.vgt-wrap__footer .footer__row-count__select{display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__row-count__label{font-size:1.1rem}.vgt-wrap__footer .footer__row-count__select{font-size:1.1rem;background-color:transparent;width:auto;padding:0;border:0;border-radius:0;height:auto;margin-left:8px;color:#606266;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:5px}.vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap__footer .footer__row-count__select:focus{outline:0;border-color:#409eff}.vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #606266;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap__footer .footer__navigation{font-size:1.1rem}.vgt-wrap__footer .footer__navigation>button:first-of-type{margin-right:16px}.vgt-wrap__footer .footer__navigation__info,.vgt-wrap__footer .footer__navigation__page-btn,.vgt-wrap__footer .footer__navigation__page-info{display:inline-block;vertical-align:middle;color:#909399}.vgt-wrap__footer .footer__navigation__page-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;text-decoration:none;color:#606266;font-weight:700;white-space:nowrap;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-btn:hover{cursor:pointer}.vgt-wrap__footer .footer__navigation__page-btn.disabled,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover{opacity:.5;cursor:not-allowed}.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#606266}.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#606266}.vgt-wrap__footer .footer__navigation__page-btn span{display:inline-block;vertical-align:middle;font-size:1.1rem}.vgt-wrap__footer .footer__navigation__page-btn .chevron{width:24px;height:24px;border-radius:15%;position:relative;margin:0;display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-btn .chevron:after{content:"";position:absolute;display:block;left:50%;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent}.vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after{border-right:6px solid #409eff;margin-left:-3px}.vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after{border-left:6px solid #409eff;margin-left:-3px}.vgt-wrap__footer .footer__navigation__info,.vgt-wrap__footer .footer__navigation__page-info{display:inline-block;margin:0 16px}.vgt-wrap__footer .footer__navigation__page-info span{display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-info__current-entry{width:30px;text-align:center;vertical-align:middle;display:inline-block;margin:0 10px;font-weight:700}@media only screen and (max-width:750px){.vgt-wrap__footer .footer__navigation__info{display:none}.vgt-wrap__footer .footer__navigation__page-btn{margin-left:16px}}.vgt-table.nocturnal{border:1px solid #435169;background-color:#324057}.vgt-table.nocturnal tr.clickable:hover{background-color:#445168}.vgt-table.nocturnal td{border-bottom:1px solid #435169;color:#c7ced8}.vgt-table.nocturnal th.line-numbers,.vgt-table.nocturnal th.vgt-checkbox-col{color:#c7ced8;border-right:1px solid #435169;background:-webkit-gradient(linear,left top, left bottom,from(#2c394f),to(#2c394f));background:linear-gradient(#2c394f,#2c394f)}.vgt-table.nocturnal thead th{color:#c7ced8;border-bottom:1px solid #435169;background:-webkit-gradient(linear,left top, left bottom,from(#2c394f),to(#2c394f));background:linear-gradient(#2c394f,#2c394f)}.vgt-table.nocturnal thead th.sortable:before{border-top-color:#3e5170}.vgt-table.nocturnal thead th.sortable:after{border-bottom-color:#3e5170}.vgt-table.nocturnal thead th.sortable.sorting-asc{color:#fff}.vgt-table.nocturnal thead th.sortable.sorting-asc:after{border-bottom-color:#409eff}.vgt-table.nocturnal thead th.sortable.sorting-desc{color:#fff}.vgt-table.nocturnal thead th.sortable.sorting-desc:before{border-top-color:#409eff}.vgt-table.nocturnal.bordered td,.vgt-table.nocturnal.bordered th{border:1px solid #435169}.vgt-table.nocturnal .vgt-input,.vgt-table.nocturnal .vgt-select{color:#c7ced8;background-color:#232d3f;border:1px solid #435169}.vgt-table.nocturnal .vgt-input::-webkit-input-placeholder,.vgt-table.nocturnal .vgt-select::-webkit-input-placeholder{color:#c7ced8;opacity:.3}.vgt-table.nocturnal .vgt-input::-moz-placeholder,.vgt-table.nocturnal .vgt-select::-moz-placeholder{color:#c7ced8;opacity:.3}.vgt-table.nocturnal .vgt-input::-ms-input-placeholder,.vgt-table.nocturnal .vgt-select::-ms-input-placeholder{color:#c7ced8;opacity:.3}.vgt-table.nocturnal .vgt-input::placeholder,.vgt-table.nocturnal .vgt-select::placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-wrap__footer{color:#c7ced8;border:1px solid #435169;background:-webkit-gradient(linear,left top, left bottom,from(#2c394f),to(#2c394f));background:linear-gradient(#2c394f,#2c394f)}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count{position:relative}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__label{color:#8290a7}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select{color:#c7ced8;background:#232d3f;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:10px;border-radius:3px;text-align:center}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select:focus{border-color:#409eff}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #c7ced8;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn{color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-info{color:#8290a7}.vgt-wrap.nocturnal .vgt-global-search{border:1px solid #435169;background:-webkit-gradient(linear,left top, left bottom,from(#2c394f),to(#2c394f));background:linear-gradient(#2c394f,#2c394f)}.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #3f4c63}.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass:before{background:#3f4c63}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select{color:#c7ced8;background-color:#232d3f;border:1px solid #435169}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-webkit-input-placeholder,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-webkit-input-placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-moz-placeholder,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-moz-placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-ms-input-placeholder,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-ms-input-placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::placeholder{color:#c7ced8;opacity:.3}.vgt-table.black-rhino{border:1px solid #435169;background-color:#dfe5ee}.vgt-table.black-rhino tr.clickable:hover{background-color:#fff}.vgt-table.black-rhino td{border-bottom:1px solid #bbc5d6;color:#49515e}.vgt-table.black-rhino th.line-numbers,.vgt-table.black-rhino th.vgt-checkbox-col{color:#dae2f0;border-right:1px solid #435169;background:-webkit-gradient(linear,left top, left bottom,from(#4c5c79),to(#4e5d7c));background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-table.black-rhino thead th{color:#dae2f0;text-shadow:1px 1px #3e5170;border-bottom:1px solid #435169;background:-webkit-gradient(linear,left top, left bottom,from(#4c5c79),to(#4e5d7c));background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-table.black-rhino thead th.sortable:before{border-top-color:#607498}.vgt-table.black-rhino thead th.sortable:after{border-bottom-color:#607498}.vgt-table.black-rhino thead th.sortable.sorting-asc{color:#fff}.vgt-table.black-rhino thead th.sortable.sorting-asc:after{border-bottom-color:#409eff}.vgt-table.black-rhino thead th.sortable.sorting-desc:before{border-top-color:#409eff}.vgt-table.black-rhino.bordered td{border:1px solid #bbc5d6}.vgt-table.black-rhino.bordered th{border:1px solid #435169}.vgt-table.black-rhino .vgt-input,.vgt-table.black-rhino .vgt-select{color:#dae2f0;background-color:#34445f;border:1px solid transparent}.vgt-table.black-rhino .vgt-input::-webkit-input-placeholder,.vgt-table.black-rhino .vgt-select::-webkit-input-placeholder{color:#dae2f0;opacity:.3}.vgt-table.black-rhino .vgt-input::-moz-placeholder,.vgt-table.black-rhino .vgt-select::-moz-placeholder{color:#dae2f0;opacity:.3}.vgt-table.black-rhino .vgt-input::-ms-input-placeholder,.vgt-table.black-rhino .vgt-select::-ms-input-placeholder{color:#dae2f0;opacity:.3}.vgt-table.black-rhino .vgt-input::placeholder,.vgt-table.black-rhino .vgt-select::placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-wrap__footer{color:#dae2f0;border:1px solid #435169;background:-webkit-gradient(linear,left top, left bottom,from(#4c5c79),to(#4e5d7c));background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__label{color:#98a5b9}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select{color:#49515e;background:#34445f;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:5px;border-radius:3px}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select:focus{border-color:#409eff}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #49515e;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn{color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-info{color:#dae2f0}.vgt-wrap.black-rhino .vgt-global-search{border:1px solid #435169;background:-webkit-gradient(linear,left top, left bottom,from(#4c5c79),to(#4e5d7c));background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #3f4c63}.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass:before{background:#3f4c63}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select{color:#dae2f0;background-color:#44516c;border:1px solid transparent}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-webkit-input-placeholder,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-webkit-input-placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-moz-placeholder,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-moz-placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-ms-input-placeholder,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-ms-input-placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::placeholder{color:#dae2f0;opacity:.3}.vgt-inner-wrap{border-radius:.25rem;-webkit-box-shadow:0 1px 3px 0 rgba(50,50,93,.1),0 1px 2px 0 rgba(50,50,93,.06);box-shadow:0 1px 3px 0 rgba(50,50,93,.1),0 1px 2px 0 rgba(50,50,93,.06)}.vgt-table.polar-bear{border-spacing:0;border-collapse:separate;font-size:1rem;background-color:#fff;border:1px solid #e3e8ee;border-bottom:none;border-radius:.25rem}.vgt-table.polar-bear td{padding:1em .75em 1em .75em;border-bottom:1px solid #e4ebf3;color:#525f7f}.vgt-table.polar-bear td.vgt-right-align{text-align:right}.vgt-table.polar-bear th.line-numbers,.vgt-table.polar-bear th.vgt-checkbox-col{color:#394567;border-right:1px solid #e3e8ee;background:#f7fafc}.vgt-table.polar-bear thead th{color:#667b94;font-weight:600;border-bottom:1px solid #e3e8ee;background:#f7fafc}.vgt-table.polar-bear thead th.sorting-asc,.vgt-table.polar-bear thead th.sorting-desc{color:#5e72e4}.vgt-table.polar-bear thead th.sorting-desc:before{border-top:5px solid #7485e8}.vgt-table.polar-bear thead th.sorting-asc:after{border-bottom:5px solid #7485e8}.vgt-table.polar-bear thead th .vgt-input,.vgt-table.polar-bear thead th .vgt-select{height:2.75em;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-table.polar-bear thead th .vgt-input:focus,.vgt-table.polar-bear thead th .vgt-select:focus{outline:0;border-color:#cae0fe}.vgt-table.polar-bear thead tr:first-child th:first-child{border-top-left-radius:.25rem}.vgt-table.polar-bear thead tr:first-child th:last-child{border-top-right-radius:.25rem}.vgt-table.polar-bear.bordered td{border:1px solid #e3e8ee;background:#fff}.vgt-table.polar-bear.bordered th{border:1px solid #e3e8ee}.vgt-wrap.polar-bear .vgt-wrap__footer{color:#394567;border:1px solid #e3e8ee;border-bottom:0;border-top:0;background:-webkit-gradient(linear,left top, left bottom,from(#f7fafc),to(#f7fafc));background:linear-gradient(#f7fafc,#f7fafc)}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__label{color:#98a5b9}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select{text-align:center;color:#525f7f;background:#fff;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;padding-right:30px;border-radius:3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select:focus{border-color:#5e72e4}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:15px;top:50%;margin-top:-3px;border-top:6px solid #525f7f;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn{color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-info{color:#394567}.vgt-wrap.polar-bear .vgt-global-search{border:1px solid #e3e8ee;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;background:#f7fafc}.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #dde3ea}.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass:before{background:#dde3ea}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select{height:2.75em;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::-webkit-input-placeholder,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::-webkit-input-placeholder{color:#394567;opacity:.3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::-moz-placeholder,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::-moz-placeholder{color:#394567;opacity:.3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::-ms-input-placeholder,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::-ms-input-placeholder{color:#394567;opacity:.3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::placeholder{color:#394567;opacity:.3}fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{-webkit-animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__spinner:after{-webkit-animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{-webkit-box-sizing:content-box;box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{-webkit-box-sizing:border-box;box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;-webkit-transition:border .1s ease;transition:border .1s ease;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-webkit-input-placeholder{color:#35495e}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{-webkit-transition:all .15s ease;transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}@charset "UTF-8";

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url(/fonts/vendor/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
  src: url(/fonts/vendor/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713) format("embedded-opentype"), url(/fonts/vendor/font-awesome/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format("woff2"), url(/fonts/vendor/font-awesome/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format("woff"), url(/fonts/vendor/font-awesome/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format("truetype"), url(/fonts/vendor/font-awesome/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde) format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
  content: "\F000";
}

.fa-music:before {
  content: "\F001";
}

.fa-search:before {
  content: "\F002";
}

.fa-envelope-o:before {
  content: "\F003";
}

.fa-heart:before {
  content: "\F004";
}

.fa-star:before {
  content: "\F005";
}

.fa-star-o:before {
  content: "\F006";
}

.fa-user:before {
  content: "\F007";
}

.fa-film:before {
  content: "\F008";
}

.fa-th-large:before {
  content: "\F009";
}

.fa-th:before {
  content: "\F00A";
}

.fa-th-list:before {
  content: "\F00B";
}

.fa-check:before {
  content: "\F00C";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}

.fa-search-plus:before {
  content: "\F00E";
}

.fa-search-minus:before {
  content: "\F010";
}

.fa-power-off:before {
  content: "\F011";
}

.fa-signal:before {
  content: "\F012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}

.fa-trash-o:before {
  content: "\F014";
}

.fa-home:before {
  content: "\F015";
}

.fa-file-o:before {
  content: "\F016";
}

.fa-clock-o:before {
  content: "\F017";
}

.fa-road:before {
  content: "\F018";
}

.fa-download:before {
  content: "\F019";
}

.fa-arrow-circle-o-down:before {
  content: "\F01A";
}

.fa-arrow-circle-o-up:before {
  content: "\F01B";
}

.fa-inbox:before {
  content: "\F01C";
}

.fa-play-circle-o:before {
  content: "\F01D";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}

.fa-refresh:before {
  content: "\F021";
}

.fa-list-alt:before {
  content: "\F022";
}

.fa-lock:before {
  content: "\F023";
}

.fa-flag:before {
  content: "\F024";
}

.fa-headphones:before {
  content: "\F025";
}

.fa-volume-off:before {
  content: "\F026";
}

.fa-volume-down:before {
  content: "\F027";
}

.fa-volume-up:before {
  content: "\F028";
}

.fa-qrcode:before {
  content: "\F029";
}

.fa-barcode:before {
  content: "\F02A";
}

.fa-tag:before {
  content: "\F02B";
}

.fa-tags:before {
  content: "\F02C";
}

.fa-book:before {
  content: "\F02D";
}

.fa-bookmark:before {
  content: "\F02E";
}

.fa-print:before {
  content: "\F02F";
}

.fa-camera:before {
  content: "\F030";
}

.fa-font:before {
  content: "\F031";
}

.fa-bold:before {
  content: "\F032";
}

.fa-italic:before {
  content: "\F033";
}

.fa-text-height:before {
  content: "\F034";
}

.fa-text-width:before {
  content: "\F035";
}

.fa-align-left:before {
  content: "\F036";
}

.fa-align-center:before {
  content: "\F037";
}

.fa-align-right:before {
  content: "\F038";
}

.fa-align-justify:before {
  content: "\F039";
}

.fa-list:before {
  content: "\F03A";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}

.fa-indent:before {
  content: "\F03C";
}

.fa-video-camera:before {
  content: "\F03D";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}

.fa-pencil:before {
  content: "\F040";
}

.fa-map-marker:before {
  content: "\F041";
}

.fa-adjust:before {
  content: "\F042";
}

.fa-tint:before {
  content: "\F043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}

.fa-share-square-o:before {
  content: "\F045";
}

.fa-check-square-o:before {
  content: "\F046";
}

.fa-arrows:before {
  content: "\F047";
}

.fa-step-backward:before {
  content: "\F048";
}

.fa-fast-backward:before {
  content: "\F049";
}

.fa-backward:before {
  content: "\F04A";
}

.fa-play:before {
  content: "\F04B";
}

.fa-pause:before {
  content: "\F04C";
}

.fa-stop:before {
  content: "\F04D";
}

.fa-forward:before {
  content: "\F04E";
}

.fa-fast-forward:before {
  content: "\F050";
}

.fa-step-forward:before {
  content: "\F051";
}

.fa-eject:before {
  content: "\F052";
}

.fa-chevron-left:before {
  content: "\F053";
}

.fa-chevron-right:before {
  content: "\F054";
}

.fa-plus-circle:before {
  content: "\F055";
}

.fa-minus-circle:before {
  content: "\F056";
}

.fa-times-circle:before {
  content: "\F057";
}

.fa-check-circle:before {
  content: "\F058";
}

.fa-question-circle:before {
  content: "\F059";
}

.fa-info-circle:before {
  content: "\F05A";
}

.fa-crosshairs:before {
  content: "\F05B";
}

.fa-times-circle-o:before {
  content: "\F05C";
}

.fa-check-circle-o:before {
  content: "\F05D";
}

.fa-ban:before {
  content: "\F05E";
}

.fa-arrow-left:before {
  content: "\F060";
}

.fa-arrow-right:before {
  content: "\F061";
}

.fa-arrow-up:before {
  content: "\F062";
}

.fa-arrow-down:before {
  content: "\F063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}

.fa-expand:before {
  content: "\F065";
}

.fa-compress:before {
  content: "\F066";
}

.fa-plus:before {
  content: "\F067";
}

.fa-minus:before {
  content: "\F068";
}

.fa-asterisk:before {
  content: "\F069";
}

.fa-exclamation-circle:before {
  content: "\F06A";
}

.fa-gift:before {
  content: "\F06B";
}

.fa-leaf:before {
  content: "\F06C";
}

.fa-fire:before {
  content: "\F06D";
}

.fa-eye:before {
  content: "\F06E";
}

.fa-eye-slash:before {
  content: "\F070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}

.fa-plane:before {
  content: "\F072";
}

.fa-calendar:before {
  content: "\F073";
}

.fa-random:before {
  content: "\F074";
}

.fa-comment:before {
  content: "\F075";
}

.fa-magnet:before {
  content: "\F076";
}

.fa-chevron-up:before {
  content: "\F077";
}

.fa-chevron-down:before {
  content: "\F078";
}

.fa-retweet:before {
  content: "\F079";
}

.fa-shopping-cart:before {
  content: "\F07A";
}

.fa-folder:before {
  content: "\F07B";
}

.fa-folder-open:before {
  content: "\F07C";
}

.fa-arrows-v:before {
  content: "\F07D";
}

.fa-arrows-h:before {
  content: "\F07E";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}

.fa-twitter-square:before {
  content: "\F081";
}

.fa-facebook-square:before {
  content: "\F082";
}

.fa-camera-retro:before {
  content: "\F083";
}

.fa-key:before {
  content: "\F084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}

.fa-comments:before {
  content: "\F086";
}

.fa-thumbs-o-up:before {
  content: "\F087";
}

.fa-thumbs-o-down:before {
  content: "\F088";
}

.fa-star-half:before {
  content: "\F089";
}

.fa-heart-o:before {
  content: "\F08A";
}

.fa-sign-out:before {
  content: "\F08B";
}

.fa-linkedin-square:before {
  content: "\F08C";
}

.fa-thumb-tack:before {
  content: "\F08D";
}

.fa-external-link:before {
  content: "\F08E";
}

.fa-sign-in:before {
  content: "\F090";
}

.fa-trophy:before {
  content: "\F091";
}

.fa-github-square:before {
  content: "\F092";
}

.fa-upload:before {
  content: "\F093";
}

.fa-lemon-o:before {
  content: "\F094";
}

.fa-phone:before {
  content: "\F095";
}

.fa-square-o:before {
  content: "\F096";
}

.fa-bookmark-o:before {
  content: "\F097";
}

.fa-phone-square:before {
  content: "\F098";
}

.fa-twitter:before {
  content: "\F099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}

.fa-github:before {
  content: "\F09B";
}

.fa-unlock:before {
  content: "\F09C";
}

.fa-credit-card:before {
  content: "\F09D";
}

.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}

.fa-hdd-o:before {
  content: "\F0A0";
}

.fa-bullhorn:before {
  content: "\F0A1";
}

.fa-bell:before {
  content: "\F0F3";
}

.fa-certificate:before {
  content: "\F0A3";
}

.fa-hand-o-right:before {
  content: "\F0A4";
}

.fa-hand-o-left:before {
  content: "\F0A5";
}

.fa-hand-o-up:before {
  content: "\F0A6";
}

.fa-hand-o-down:before {
  content: "\F0A7";
}

.fa-arrow-circle-left:before {
  content: "\F0A8";
}

.fa-arrow-circle-right:before {
  content: "\F0A9";
}

.fa-arrow-circle-up:before {
  content: "\F0AA";
}

.fa-arrow-circle-down:before {
  content: "\F0AB";
}

.fa-globe:before {
  content: "\F0AC";
}

.fa-wrench:before {
  content: "\F0AD";
}

.fa-tasks:before {
  content: "\F0AE";
}

.fa-filter:before {
  content: "\F0B0";
}

.fa-briefcase:before {
  content: "\F0B1";
}

.fa-arrows-alt:before {
  content: "\F0B2";
}

.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}

.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}

.fa-cloud:before {
  content: "\F0C2";
}

.fa-flask:before {
  content: "\F0C3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}

.fa-paperclip:before {
  content: "\F0C6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}

.fa-square:before {
  content: "\F0C8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}

.fa-list-ul:before {
  content: "\F0CA";
}

.fa-list-ol:before {
  content: "\F0CB";
}

.fa-strikethrough:before {
  content: "\F0CC";
}

.fa-underline:before {
  content: "\F0CD";
}

.fa-table:before {
  content: "\F0CE";
}

.fa-magic:before {
  content: "\F0D0";
}

.fa-truck:before {
  content: "\F0D1";
}

.fa-pinterest:before {
  content: "\F0D2";
}

.fa-pinterest-square:before {
  content: "\F0D3";
}

.fa-google-plus-square:before {
  content: "\F0D4";
}

.fa-google-plus:before {
  content: "\F0D5";
}

.fa-money:before {
  content: "\F0D6";
}

.fa-caret-down:before {
  content: "\F0D7";
}

.fa-caret-up:before {
  content: "\F0D8";
}

.fa-caret-left:before {
  content: "\F0D9";
}

.fa-caret-right:before {
  content: "\F0DA";
}

.fa-columns:before {
  content: "\F0DB";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}

.fa-envelope:before {
  content: "\F0E0";
}

.fa-linkedin:before {
  content: "\F0E1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}

.fa-comment-o:before {
  content: "\F0E5";
}

.fa-comments-o:before {
  content: "\F0E6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}

.fa-sitemap:before {
  content: "\F0E8";
}

.fa-umbrella:before {
  content: "\F0E9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}

.fa-lightbulb-o:before {
  content: "\F0EB";
}

.fa-exchange:before {
  content: "\F0EC";
}

.fa-cloud-download:before {
  content: "\F0ED";
}

.fa-cloud-upload:before {
  content: "\F0EE";
}

.fa-user-md:before {
  content: "\F0F0";
}

.fa-stethoscope:before {
  content: "\F0F1";
}

.fa-suitcase:before {
  content: "\F0F2";
}

.fa-bell-o:before {
  content: "\F0A2";
}

.fa-coffee:before {
  content: "\F0F4";
}

.fa-cutlery:before {
  content: "\F0F5";
}

.fa-file-text-o:before {
  content: "\F0F6";
}

.fa-building-o:before {
  content: "\F0F7";
}

.fa-hospital-o:before {
  content: "\F0F8";
}

.fa-ambulance:before {
  content: "\F0F9";
}

.fa-medkit:before {
  content: "\F0FA";
}

.fa-fighter-jet:before {
  content: "\F0FB";
}

.fa-beer:before {
  content: "\F0FC";
}

.fa-h-square:before {
  content: "\F0FD";
}

.fa-plus-square:before {
  content: "\F0FE";
}

.fa-angle-double-left:before {
  content: "\F100";
}

.fa-angle-double-right:before {
  content: "\F101";
}

.fa-angle-double-up:before {
  content: "\F102";
}

.fa-angle-double-down:before {
  content: "\F103";
}

.fa-angle-left:before {
  content: "\F104";
}

.fa-angle-right:before {
  content: "\F105";
}

.fa-angle-up:before {
  content: "\F106";
}

.fa-angle-down:before {
  content: "\F107";
}

.fa-desktop:before {
  content: "\F108";
}

.fa-laptop:before {
  content: "\F109";
}

.fa-tablet:before {
  content: "\F10A";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}

.fa-circle-o:before {
  content: "\F10C";
}

.fa-quote-left:before {
  content: "\F10D";
}

.fa-quote-right:before {
  content: "\F10E";
}

.fa-spinner:before {
  content: "\F110";
}

.fa-circle:before {
  content: "\F111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}

.fa-github-alt:before {
  content: "\F113";
}

.fa-folder-o:before {
  content: "\F114";
}

.fa-folder-open-o:before {
  content: "\F115";
}

.fa-smile-o:before {
  content: "\F118";
}

.fa-frown-o:before {
  content: "\F119";
}

.fa-meh-o:before {
  content: "\F11A";
}

.fa-gamepad:before {
  content: "\F11B";
}

.fa-keyboard-o:before {
  content: "\F11C";
}

.fa-flag-o:before {
  content: "\F11D";
}

.fa-flag-checkered:before {
  content: "\F11E";
}

.fa-terminal:before {
  content: "\F120";
}

.fa-code:before {
  content: "\F121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}

.fa-location-arrow:before {
  content: "\F124";
}

.fa-crop:before {
  content: "\F125";
}

.fa-code-fork:before {
  content: "\F126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}

.fa-question:before {
  content: "\F128";
}

.fa-info:before {
  content: "\F129";
}

.fa-exclamation:before {
  content: "\F12A";
}

.fa-superscript:before {
  content: "\F12B";
}

.fa-subscript:before {
  content: "\F12C";
}

.fa-eraser:before {
  content: "\F12D";
}

.fa-puzzle-piece:before {
  content: "\F12E";
}

.fa-microphone:before {
  content: "\F130";
}

.fa-microphone-slash:before {
  content: "\F131";
}

.fa-shield:before {
  content: "\F132";
}

.fa-calendar-o:before {
  content: "\F133";
}

.fa-fire-extinguisher:before {
  content: "\F134";
}

.fa-rocket:before {
  content: "\F135";
}

.fa-maxcdn:before {
  content: "\F136";
}

.fa-chevron-circle-left:before {
  content: "\F137";
}

.fa-chevron-circle-right:before {
  content: "\F138";
}

.fa-chevron-circle-up:before {
  content: "\F139";
}

.fa-chevron-circle-down:before {
  content: "\F13A";
}

.fa-html5:before {
  content: "\F13B";
}

.fa-css3:before {
  content: "\F13C";
}

.fa-anchor:before {
  content: "\F13D";
}

.fa-unlock-alt:before {
  content: "\F13E";
}

.fa-bullseye:before {
  content: "\F140";
}

.fa-ellipsis-h:before {
  content: "\F141";
}

.fa-ellipsis-v:before {
  content: "\F142";
}

.fa-rss-square:before {
  content: "\F143";
}

.fa-play-circle:before {
  content: "\F144";
}

.fa-ticket:before {
  content: "\F145";
}

.fa-minus-square:before {
  content: "\F146";
}

.fa-minus-square-o:before {
  content: "\F147";
}

.fa-level-up:before {
  content: "\F148";
}

.fa-level-down:before {
  content: "\F149";
}

.fa-check-square:before {
  content: "\F14A";
}

.fa-pencil-square:before {
  content: "\F14B";
}

.fa-external-link-square:before {
  content: "\F14C";
}

.fa-share-square:before {
  content: "\F14D";
}

.fa-compass:before {
  content: "\F14E";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}

.fa-gbp:before {
  content: "\F154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}

.fa-won:before,
.fa-krw:before {
  content: "\F159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}

.fa-file:before {
  content: "\F15B";
}

.fa-file-text:before {
  content: "\F15C";
}

.fa-sort-alpha-asc:before {
  content: "\F15D";
}

.fa-sort-alpha-desc:before {
  content: "\F15E";
}

.fa-sort-amount-asc:before {
  content: "\F160";
}

.fa-sort-amount-desc:before {
  content: "\F161";
}

.fa-sort-numeric-asc:before {
  content: "\F162";
}

.fa-sort-numeric-desc:before {
  content: "\F163";
}

.fa-thumbs-up:before {
  content: "\F164";
}

.fa-thumbs-down:before {
  content: "\F165";
}

.fa-youtube-square:before {
  content: "\F166";
}

.fa-youtube:before {
  content: "\F167";
}

.fa-xing:before {
  content: "\F168";
}

.fa-xing-square:before {
  content: "\F169";
}

.fa-youtube-play:before {
  content: "\F16A";
}

.fa-dropbox:before {
  content: "\F16B";
}

.fa-stack-overflow:before {
  content: "\F16C";
}

.fa-instagram:before {
  content: "\F16D";
}

.fa-flickr:before {
  content: "\F16E";
}

.fa-adn:before {
  content: "\F170";
}

.fa-bitbucket:before {
  content: "\F171";
}

.fa-bitbucket-square:before {
  content: "\F172";
}

.fa-tumblr:before {
  content: "\F173";
}

.fa-tumblr-square:before {
  content: "\F174";
}

.fa-long-arrow-down:before {
  content: "\F175";
}

.fa-long-arrow-up:before {
  content: "\F176";
}

.fa-long-arrow-left:before {
  content: "\F177";
}

.fa-long-arrow-right:before {
  content: "\F178";
}

.fa-apple:before {
  content: "\F179";
}

.fa-windows:before {
  content: "\F17A";
}

.fa-android:before {
  content: "\F17B";
}

.fa-linux:before {
  content: "\F17C";
}

.fa-dribbble:before {
  content: "\F17D";
}

.fa-skype:before {
  content: "\F17E";
}

.fa-foursquare:before {
  content: "\F180";
}

.fa-trello:before {
  content: "\F181";
}

.fa-female:before {
  content: "\F182";
}

.fa-male:before {
  content: "\F183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}

.fa-sun-o:before {
  content: "\F185";
}

.fa-moon-o:before {
  content: "\F186";
}

.fa-archive:before {
  content: "\F187";
}

.fa-bug:before {
  content: "\F188";
}

.fa-vk:before {
  content: "\F189";
}

.fa-weibo:before {
  content: "\F18A";
}

.fa-renren:before {
  content: "\F18B";
}

.fa-pagelines:before {
  content: "\F18C";
}

.fa-stack-exchange:before {
  content: "\F18D";
}

.fa-arrow-circle-o-right:before {
  content: "\F18E";
}

.fa-arrow-circle-o-left:before {
  content: "\F190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}

.fa-dot-circle-o:before {
  content: "\F192";
}

.fa-wheelchair:before {
  content: "\F193";
}

.fa-vimeo-square:before {
  content: "\F194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}

.fa-plus-square-o:before {
  content: "\F196";
}

.fa-space-shuttle:before {
  content: "\F197";
}

.fa-slack:before {
  content: "\F198";
}

.fa-envelope-square:before {
  content: "\F199";
}

.fa-wordpress:before {
  content: "\F19A";
}

.fa-openid:before {
  content: "\F19B";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}

.fa-yahoo:before {
  content: "\F19E";
}

.fa-google:before {
  content: "\F1A0";
}

.fa-reddit:before {
  content: "\F1A1";
}

.fa-reddit-square:before {
  content: "\F1A2";
}

.fa-stumbleupon-circle:before {
  content: "\F1A3";
}

.fa-stumbleupon:before {
  content: "\F1A4";
}

.fa-delicious:before {
  content: "\F1A5";
}

.fa-digg:before {
  content: "\F1A6";
}

.fa-pied-piper-pp:before {
  content: "\F1A7";
}

.fa-pied-piper-alt:before {
  content: "\F1A8";
}

.fa-drupal:before {
  content: "\F1A9";
}

.fa-joomla:before {
  content: "\F1AA";
}

.fa-language:before {
  content: "\F1AB";
}

.fa-fax:before {
  content: "\F1AC";
}

.fa-building:before {
  content: "\F1AD";
}

.fa-child:before {
  content: "\F1AE";
}

.fa-paw:before {
  content: "\F1B0";
}

.fa-spoon:before {
  content: "\F1B1";
}

.fa-cube:before {
  content: "\F1B2";
}

.fa-cubes:before {
  content: "\F1B3";
}

.fa-behance:before {
  content: "\F1B4";
}

.fa-behance-square:before {
  content: "\F1B5";
}

.fa-steam:before {
  content: "\F1B6";
}

.fa-steam-square:before {
  content: "\F1B7";
}

.fa-recycle:before {
  content: "\F1B8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}

.fa-tree:before {
  content: "\F1BB";
}

.fa-spotify:before {
  content: "\F1BC";
}

.fa-deviantart:before {
  content: "\F1BD";
}

.fa-soundcloud:before {
  content: "\F1BE";
}

.fa-database:before {
  content: "\F1C0";
}

.fa-file-pdf-o:before {
  content: "\F1C1";
}

.fa-file-word-o:before {
  content: "\F1C2";
}

.fa-file-excel-o:before {
  content: "\F1C3";
}

.fa-file-powerpoint-o:before {
  content: "\F1C4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}

.fa-file-code-o:before {
  content: "\F1C9";
}

.fa-vine:before {
  content: "\F1CA";
}

.fa-codepen:before {
  content: "\F1CB";
}

.fa-jsfiddle:before {
  content: "\F1CC";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}

.fa-circle-o-notch:before {
  content: "\F1CE";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}

.fa-git-square:before {
  content: "\F1D2";
}

.fa-git:before {
  content: "\F1D3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}

.fa-tencent-weibo:before {
  content: "\F1D5";
}

.fa-qq:before {
  content: "\F1D6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}

.fa-history:before {
  content: "\F1DA";
}

.fa-circle-thin:before {
  content: "\F1DB";
}

.fa-header:before {
  content: "\F1DC";
}

.fa-paragraph:before {
  content: "\F1DD";
}

.fa-sliders:before {
  content: "\F1DE";
}

.fa-share-alt:before {
  content: "\F1E0";
}

.fa-share-alt-square:before {
  content: "\F1E1";
}

.fa-bomb:before {
  content: "\F1E2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}

.fa-tty:before {
  content: "\F1E4";
}

.fa-binoculars:before {
  content: "\F1E5";
}

.fa-plug:before {
  content: "\F1E6";
}

.fa-slideshare:before {
  content: "\F1E7";
}

.fa-twitch:before {
  content: "\F1E8";
}

.fa-yelp:before {
  content: "\F1E9";
}

.fa-newspaper-o:before {
  content: "\F1EA";
}

.fa-wifi:before {
  content: "\F1EB";
}

.fa-calculator:before {
  content: "\F1EC";
}

.fa-paypal:before {
  content: "\F1ED";
}

.fa-google-wallet:before {
  content: "\F1EE";
}

.fa-cc-visa:before {
  content: "\F1F0";
}

.fa-cc-mastercard:before {
  content: "\F1F1";
}

.fa-cc-discover:before {
  content: "\F1F2";
}

.fa-cc-amex:before {
  content: "\F1F3";
}

.fa-cc-paypal:before {
  content: "\F1F4";
}

.fa-cc-stripe:before {
  content: "\F1F5";
}

.fa-bell-slash:before {
  content: "\F1F6";
}

.fa-bell-slash-o:before {
  content: "\F1F7";
}

.fa-trash:before {
  content: "\F1F8";
}

.fa-copyright:before {
  content: "\F1F9";
}

.fa-at:before {
  content: "\F1FA";
}

.fa-eyedropper:before {
  content: "\F1FB";
}

.fa-paint-brush:before {
  content: "\F1FC";
}

.fa-birthday-cake:before {
  content: "\F1FD";
}

.fa-area-chart:before {
  content: "\F1FE";
}

.fa-pie-chart:before {
  content: "\F200";
}

.fa-line-chart:before {
  content: "\F201";
}

.fa-lastfm:before {
  content: "\F202";
}

.fa-lastfm-square:before {
  content: "\F203";
}

.fa-toggle-off:before {
  content: "\F204";
}

.fa-toggle-on:before {
  content: "\F205";
}

.fa-bicycle:before {
  content: "\F206";
}

.fa-bus:before {
  content: "\F207";
}

.fa-ioxhost:before {
  content: "\F208";
}

.fa-angellist:before {
  content: "\F209";
}

.fa-cc:before {
  content: "\F20A";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}

.fa-meanpath:before {
  content: "\F20C";
}

.fa-buysellads:before {
  content: "\F20D";
}

.fa-connectdevelop:before {
  content: "\F20E";
}

.fa-dashcube:before {
  content: "\F210";
}

.fa-forumbee:before {
  content: "\F211";
}

.fa-leanpub:before {
  content: "\F212";
}

.fa-sellsy:before {
  content: "\F213";
}

.fa-shirtsinbulk:before {
  content: "\F214";
}

.fa-simplybuilt:before {
  content: "\F215";
}

.fa-skyatlas:before {
  content: "\F216";
}

.fa-cart-plus:before {
  content: "\F217";
}

.fa-cart-arrow-down:before {
  content: "\F218";
}

.fa-diamond:before {
  content: "\F219";
}

.fa-ship:before {
  content: "\F21A";
}

.fa-user-secret:before {
  content: "\F21B";
}

.fa-motorcycle:before {
  content: "\F21C";
}

.fa-street-view:before {
  content: "\F21D";
}

.fa-heartbeat:before {
  content: "\F21E";
}

.fa-venus:before {
  content: "\F221";
}

.fa-mars:before {
  content: "\F222";
}

.fa-mercury:before {
  content: "\F223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}

.fa-transgender-alt:before {
  content: "\F225";
}

.fa-venus-double:before {
  content: "\F226";
}

.fa-mars-double:before {
  content: "\F227";
}

.fa-venus-mars:before {
  content: "\F228";
}

.fa-mars-stroke:before {
  content: "\F229";
}

.fa-mars-stroke-v:before {
  content: "\F22A";
}

.fa-mars-stroke-h:before {
  content: "\F22B";
}

.fa-neuter:before {
  content: "\F22C";
}

.fa-genderless:before {
  content: "\F22D";
}

.fa-facebook-official:before {
  content: "\F230";
}

.fa-pinterest-p:before {
  content: "\F231";
}

.fa-whatsapp:before {
  content: "\F232";
}

.fa-server:before {
  content: "\F233";
}

.fa-user-plus:before {
  content: "\F234";
}

.fa-user-times:before {
  content: "\F235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}

.fa-viacoin:before {
  content: "\F237";
}

.fa-train:before {
  content: "\F238";
}

.fa-subway:before {
  content: "\F239";
}

.fa-medium:before {
  content: "\F23A";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}

.fa-optin-monster:before {
  content: "\F23C";
}

.fa-opencart:before {
  content: "\F23D";
}

.fa-expeditedssl:before {
  content: "\F23E";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}

.fa-mouse-pointer:before {
  content: "\F245";
}

.fa-i-cursor:before {
  content: "\F246";
}

.fa-object-group:before {
  content: "\F247";
}

.fa-object-ungroup:before {
  content: "\F248";
}

.fa-sticky-note:before {
  content: "\F249";
}

.fa-sticky-note-o:before {
  content: "\F24A";
}

.fa-cc-jcb:before {
  content: "\F24B";
}

.fa-cc-diners-club:before {
  content: "\F24C";
}

.fa-clone:before {
  content: "\F24D";
}

.fa-balance-scale:before {
  content: "\F24E";
}

.fa-hourglass-o:before {
  content: "\F250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}

.fa-hourglass:before {
  content: "\F254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}

.fa-hand-scissors-o:before {
  content: "\F257";
}

.fa-hand-lizard-o:before {
  content: "\F258";
}

.fa-hand-spock-o:before {
  content: "\F259";
}

.fa-hand-pointer-o:before {
  content: "\F25A";
}

.fa-hand-peace-o:before {
  content: "\F25B";
}

.fa-trademark:before {
  content: "\F25C";
}

.fa-registered:before {
  content: "\F25D";
}

.fa-creative-commons:before {
  content: "\F25E";
}

.fa-gg:before {
  content: "\F260";
}

.fa-gg-circle:before {
  content: "\F261";
}

.fa-tripadvisor:before {
  content: "\F262";
}

.fa-odnoklassniki:before {
  content: "\F263";
}

.fa-odnoklassniki-square:before {
  content: "\F264";
}

.fa-get-pocket:before {
  content: "\F265";
}

.fa-wikipedia-w:before {
  content: "\F266";
}

.fa-safari:before {
  content: "\F267";
}

.fa-chrome:before {
  content: "\F268";
}

.fa-firefox:before {
  content: "\F269";
}

.fa-opera:before {
  content: "\F26A";
}

.fa-internet-explorer:before {
  content: "\F26B";
}

.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}

.fa-contao:before {
  content: "\F26D";
}

.fa-500px:before {
  content: "\F26E";
}

.fa-amazon:before {
  content: "\F270";
}

.fa-calendar-plus-o:before {
  content: "\F271";
}

.fa-calendar-minus-o:before {
  content: "\F272";
}

.fa-calendar-times-o:before {
  content: "\F273";
}

.fa-calendar-check-o:before {
  content: "\F274";
}

.fa-industry:before {
  content: "\F275";
}

.fa-map-pin:before {
  content: "\F276";
}

.fa-map-signs:before {
  content: "\F277";
}

.fa-map-o:before {
  content: "\F278";
}

.fa-map:before {
  content: "\F279";
}

.fa-commenting:before {
  content: "\F27A";
}

.fa-commenting-o:before {
  content: "\F27B";
}

.fa-houzz:before {
  content: "\F27C";
}

.fa-vimeo:before {
  content: "\F27D";
}

.fa-black-tie:before {
  content: "\F27E";
}

.fa-fonticons:before {
  content: "\F280";
}

.fa-reddit-alien:before {
  content: "\F281";
}

.fa-edge:before {
  content: "\F282";
}

.fa-credit-card-alt:before {
  content: "\F283";
}

.fa-codiepie:before {
  content: "\F284";
}

.fa-modx:before {
  content: "\F285";
}

.fa-fort-awesome:before {
  content: "\F286";
}

.fa-usb:before {
  content: "\F287";
}

.fa-product-hunt:before {
  content: "\F288";
}

.fa-mixcloud:before {
  content: "\F289";
}

.fa-scribd:before {
  content: "\F28A";
}

.fa-pause-circle:before {
  content: "\F28B";
}

.fa-pause-circle-o:before {
  content: "\F28C";
}

.fa-stop-circle:before {
  content: "\F28D";
}

.fa-stop-circle-o:before {
  content: "\F28E";
}

.fa-shopping-bag:before {
  content: "\F290";
}

.fa-shopping-basket:before {
  content: "\F291";
}

.fa-hashtag:before {
  content: "\F292";
}

.fa-bluetooth:before {
  content: "\F293";
}

.fa-bluetooth-b:before {
  content: "\F294";
}

.fa-percent:before {
  content: "\F295";
}

.fa-gitlab:before {
  content: "\F296";
}

.fa-wpbeginner:before {
  content: "\F297";
}

.fa-wpforms:before {
  content: "\F298";
}

.fa-envira:before {
  content: "\F299";
}

.fa-universal-access:before {
  content: "\F29A";
}

.fa-wheelchair-alt:before {
  content: "\F29B";
}

.fa-question-circle-o:before {
  content: "\F29C";
}

.fa-blind:before {
  content: "\F29D";
}

.fa-audio-description:before {
  content: "\F29E";
}

.fa-volume-control-phone:before {
  content: "\F2A0";
}

.fa-braille:before {
  content: "\F2A1";
}

.fa-assistive-listening-systems:before {
  content: "\F2A2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}

.fa-glide:before {
  content: "\F2A5";
}

.fa-glide-g:before {
  content: "\F2A6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}

.fa-low-vision:before {
  content: "\F2A8";
}

.fa-viadeo:before {
  content: "\F2A9";
}

.fa-viadeo-square:before {
  content: "\F2AA";
}

.fa-snapchat:before {
  content: "\F2AB";
}

.fa-snapchat-ghost:before {
  content: "\F2AC";
}

.fa-snapchat-square:before {
  content: "\F2AD";
}

.fa-pied-piper:before {
  content: "\F2AE";
}

.fa-first-order:before {
  content: "\F2B0";
}

.fa-yoast:before {
  content: "\F2B1";
}

.fa-themeisle:before {
  content: "\F2B2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}

.fa-handshake-o:before {
  content: "\F2B5";
}

.fa-envelope-open:before {
  content: "\F2B6";
}

.fa-envelope-open-o:before {
  content: "\F2B7";
}

.fa-linode:before {
  content: "\F2B8";
}

.fa-address-book:before {
  content: "\F2B9";
}

.fa-address-book-o:before {
  content: "\F2BA";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}

.fa-user-circle:before {
  content: "\F2BD";
}

.fa-user-circle-o:before {
  content: "\F2BE";
}

.fa-user-o:before {
  content: "\F2C0";
}

.fa-id-badge:before {
  content: "\F2C1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}

.fa-quora:before {
  content: "\F2C4";
}

.fa-free-code-camp:before {
  content: "\F2C5";
}

.fa-telegram:before {
  content: "\F2C6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}

.fa-shower:before {
  content: "\F2CC";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}

.fa-podcast:before {
  content: "\F2CE";
}

.fa-window-maximize:before {
  content: "\F2D0";
}

.fa-window-minimize:before {
  content: "\F2D1";
}

.fa-window-restore:before {
  content: "\F2D2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}

.fa-bandcamp:before {
  content: "\F2D5";
}

.fa-grav:before {
  content: "\F2D6";
}

.fa-etsy:before {
  content: "\F2D7";
}

.fa-imdb:before {
  content: "\F2D8";
}

.fa-ravelry:before {
  content: "\F2D9";
}

.fa-eercast:before {
  content: "\F2DA";
}

.fa-microchip:before {
  content: "\F2DB";
}

.fa-snowflake-o:before {
  content: "\F2DC";
}

.fa-superpowers:before {
  content: "\F2DD";
}

.fa-wpexplorer:before {
  content: "\F2DE";
}

.fa-meetup:before {
  content: "\F2E0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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;
}

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

code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

/* Code blocks */

pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0;
}

/* Inline code */

:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.token.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  /* This background color was intended by the author of this theme. */
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function,
.token.class-name {
  color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

/* Uncomment and set these variables to customize the grid. */

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
  margin-bottom: .5rem;
}

.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

.col-xs,
.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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col-xs {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }

  .col-sm,
  .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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-sm {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md,
  .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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-md {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-lg {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
  margin: 0;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
  font-weight: 600;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
  border-style: none;
}

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
  display: list-item;
}

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
  display: none;
}

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

[tabindex="-1"]:focus {
  outline: 0 !important;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 1.3rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

label {
  display: inline-block;
  font-size: 0.85rem;
  color: var(--gray-700);
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0 !important;
  background: var(--gray-200);
  background-image: none;
}

select {
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 0.5em;
  color: var(--gray-800);
}

select::-ms-expand {
  display: none;
}

:root {
  --white: hsl(0, 0%, 100%);
  --black: hsl(0, 0%, 0%);
  --bg-color: hsl(0, 0%, 100%);
  --gray-100: hsl(210, 17%, 98%);
  --gray-200: hsl(210, 16%, 93%);
  --gray-300: hsl(210, 14%, 89%);
  --gray-400: hsl(210, 22%, 78%);
  --gray-500: hsl(209, 14%, 70%);
  --gray-600: hsl(210, 15%, 49%);
  --gray-700: hsl(210, 20%, 33%);
  --gray-800: hsl(208, 24%, 30%);
  --gray-900: hsl(209, 29%, 15%);
  --rgb-gray-100: 248, 249, 250;
  --rgb-gray-200: 233, 236, 239;
  --rgb-gray-300: 222, 226, 230;
  --rgb-gray-400: 188, 200, 212;
  --rgb-gray-500: 168, 179, 189;
  --rgb-gray-600: 106, 125, 144;
  --rgb-gray-700: 67, 84, 101;
  --rgb-gray-800: 58, 77, 94;
  --rgb-gray-900: 28, 40, 51;
  --gray-800-lighten-5: hsl(208, 24%, 35%);
  --primary: hsl(210, 54%, 29%);
  --secondary: hsl(209, 15%, 49%);
  --success: hsl(141, 71%, 48%);
  --info: hsl(204, 86%, 53%);
  --warning: hsl(45, 100%, 51%);
  --danger: hsl(348, 100%, 58%);
  --brand-primary: hsl(210, 54%, 29%);
  --brand-secondary: hsl(209, 15%, 49%);
  --brand-success: hsl(141, 71%, 48%);
  --brand-info: hsl(204, 86%, 53%);
  --brand-warning: hsl(45, 100%, 51%);
  --brand-danger: hsl(348, 100%, 58%);
  --rgb-brand-primary: 34, 74, 114;
  --rgb-brand-secondary: 106, 126, 144;
  --rgb-brand-success: 35, 209, 96;
  --rgb-brand-info: 32, 156, 238;
  --rgb-brand-warning: 255, 193, 5;
  --rgb-brand-danger: 255, 41, 84;
  --primary-darken-30: hsl(210, 64%, 19%);
  --secondary-darken-30: hsl(209, 15%, 19%);
  --success-darken-30: hsl(141, 71%, 18%);
  --info-darken-30: hsl(204, 86%, 23%);
  --warning-darken-30: hsl(45, 100%, 21%);
  --danger-darken-30: hsl(348, 100%, 28%);
  --primary-lighten-35: hsl(210, 54%, 64%);
  --secondary-lighten-35: hsl(209, 15%, 84%);
  --success-lighten-35: hsl(141, 71%, 83%);
  --info-lighten-35: hsl(204, 86%, 88%);
  --warning-lighten-35: hsl(45, 100%, 86%);
  --danger-lighten-35: hsl(348, 100%, 93%);
  --primary-lighten-30: hsl(210, 54%, 59%);
  --secondary-lighten-30: hsl(209, 15%, 79%);
  --success-lighten-30: hsl(141, 71%, 78%);
  --info-lighten-30: hsl(204, 86%, 83%);
  --warning-lighten-30: hsl(45, 100%, 81%);
  --danger-lighten-30: hsl(348, 100%, 88%);
  --primary-100: hsl(210, 38%, 58%);
  --primary-200: hsl(210, 36%, 45%);
  --primary-300: hsl(210, 44%, 37%);
  --primary-400: hsl(210, 67%, 20%);
  --primary-500: hsl(211, 75%, 15%);
  --primary-600: hsl(211, 89%, 11%);
  --business-100: hsl(210, 77%, 22%);
  --business-200: hsl(142, 75%, 23%);
  --business-300: hsl(184, 23%, 62%);
  --business-400: hsl(183, 22%, 84%);
  --bus100: hsl(210, 77%, 22%);
  --bus200: hsl(142, 75%, 23%);
  --bus300: hsl(184, 23%, 62%);
  --bus400: hsl(183, 22%, 84%);
  --light: var(--gray-200);
  --dark: var(--gray-900);
  --body-bg: #e3e3e3;
  --text-color: var(--gray-900);
  --rgb-text-color: var(--rgb-gray-900);
  --link-color: var(--bus200);
  --input-color: #1b2731;
  --rgb-input-color: 27, 39, 49;
  --header-linear-gradient-000: hsl(211, 26%, 25%);
  --header-linear-gradient-051: hsl(208, 24%, 28%);
  --header-linear-gradient-100: hsl(209, 27%, 29%);
  --menu-title-color: #ffffff;
  --menu-item-hover-color: hsl(208, 24%, 33%);
  --menu-item-active-color: hsl(208, 24%, 33%);
  --dropdown-business-bg-color: hsl(208, 24%, 23%);
  --shadow-dropdown: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  --ease-1: cubic-bezier(0.25, 0, 0.5, 1);
  --ease-2: cubic-bezier(0.25, 0, 0.4, 1);
  --ease-3: cubic-bezier(0.25, 0, 0.3, 1);
  --ease-4: cubic-bezier(0.25, 0, 0.2, 1);
  --ease-5: cubic-bezier(0.25, 0, 0.1, 1);
  --ease-in-1: cubic-bezier(0.25, 0, 1, 1);
  --ease-in-2: cubic-bezier(0.5, 0, 1, 1);
  --ease-in-3: cubic-bezier(0.7, 0, 1, 1);
  --ease-in-4: cubic-bezier(0.9, 0, 1, 1);
  --ease-in-5: cubic-bezier(1, 0, 1, 1);
  --ease-out-1: cubic-bezier(0, 0, 0.75, 1);
  --ease-out-2: cubic-bezier(0, 0, 0.5, 1);
  --ease-out-3: cubic-bezier(0, 0, 0.3, 1);
  --ease-out-4: cubic-bezier(0, 0, 0.1, 1);
  --ease-out-5: cubic-bezier(0, 0, 0, 1);
  --ease-in-out-1: cubic-bezier(0.1, 0, 0.9, 1);
  --ease-in-out-2: cubic-bezier(0.3, 0, 0.7, 1);
  --ease-in-out-3: cubic-bezier(0.5, 0, 0.5, 1);
  --ease-in-out-4: cubic-bezier(0.7, 0, 0.3, 1);
  --ease-in-out-5: cubic-bezier(0.9, 0, 0.1, 1);
  --ease-elastic-1: cubic-bezier(0.5, 0.75, 0.75, 1.25);
  --ease-elastic-2: cubic-bezier(0.5, 1, 0.75, 1.25);
  --ease-elastic-3: cubic-bezier(0.5, 1.25, 0.75, 1.25);
  --ease-elastic-4: cubic-bezier(0.5, 1.5, 0.75, 1.25);
  --ease-elastic-5: cubic-bezier(0.5, 1.75, 0.75, 1.25);
  --ease-squish-1: cubic-bezier(0.5, -0.1, 0.1, 1.5);
  --ease-squish-2: cubic-bezier(0.5, -0.3, 0.1, 1.5);
  --ease-squish-3: cubic-bezier(0.5, -0.5, 0.1, 1.5);
  --ease-squish-4: cubic-bezier(0.5, -0.7, 0.1, 1.5);
  --ease-squish-5: cubic-bezier(0.5, -0.9, 0.1, 1.5);
  --ease-step-1: steps(2);
  --ease-step-2: steps(3);
  --ease-step-3: steps(4);
  --ease-step-4: steps(7);
  --ease-step-5: steps(10);
  --input-gap: 0.3rem;
  --border-radius-base: 0.25rem;
}

[data-theme="dark"] {
  --body-bg: hsl(0, 0%, 11%);
  --gray-100: hsl(210, 20%, 2%);
  --gray-200: hsl(209, 30%, 9%);
  --gray-300: hsl(209, 40%, 19%);
  --gray-400: hsl(209, 50%, 29%);
  --gray-500: hsl(209, 60%, 39%);
  --gray-600: hsl(209, 70%, 49%);
  --gray-700: hsl(209, 80%, 59%);
  --gray-800: hsl(209, 90%, 69%);
  --gray-900: hsl(209, 100%, 79%);
  --rgb-gray-100: 0, 5, 10;
  --rgb-gray-200: 0, 24, 46;
  --rgb-gray-300: 0, 50, 97;
  --rgb-gray-400: 0, 77, 148;
  --rgb-gray-500: 0, 103, 199;
  --rgb-gray-600: 0, 130, 250;
  --rgb-gray-700: 46, 154, 255;
  --rgb-gray-800: 97, 179, 255;
  --rgb-gray-900: 147, 203, 255;
  --gray-800-lighten-5: hsl(209, 90%, 74%);
  --primary: hsl(210, 54%, 39%);
  --secondary: hsl(209, 15%, 39%);
  --success: hsl(141, 71%, 38%);
  --info: hsl(204, 86%, 63%);
  --warning: hsl(45, 100%, 61%);
  --danger: hsl(348, 100%, 48%);
  --brand-primary: hsl(210, 54%, 39%);
  --brand-secondary: hsl(209, 15%, 39%);
  --brand-success: hsl(141, 71%, 38%);
  --brand-info: hsl(204, 86%, 43%);
  --brand-warning: hsl(45, 100%, 41%);
  --brand-danger: hsl(348, 100%, 48%);
  --rgb-brand-primary: 22, 48, 75;
  --rgb-brand-secondary: 85, 100, 114;
  --rgb-brand-success: 28, 166, 76;
  --rgb-brand-info: 15, 129, 204;
  --rgb-brand-warning: 209, 157, 0;
  --rgb-brand-danger: 245, 0, 49;
  --primary-darken-30: hsl(210, 74%, 9%);
  --secondary-darken-30: hsl(209, 15%, 9%);
  --success-darken-30: hsl(141, 71%, 8%);
  --info-darken-30: hsl(204, 86%, 13%);
  --warning-darken-30: hsl(45, 100%, 11%);
  --danger-darken-30: hsl(348, 100%, 18%);
  --primary-lighten-35: hsl(210, 74%, 54%);
  --secondary-lighten-35: hsl(209, 35%, 74%);
  --success-lighten-35: hsl(141, 81%, 73%);
  --info-lighten-35: hsl(204, 96%, 78%);
  --warning-lighten-35: hsl(45, 95%, 76%);
  --danger-lighten-35: hsl(348, 95%, 83%);
  --primary-lighten-30: hsl(210, 64%, 49%);
  --secondary-lighten-30: hsl(209, 35%, 69%);
  --success-lighten-30: hsl(141, 81%, 68%);
  --info-lighten-30: hsl(204, 96%, 73%);
  --warning-lighten-30: hsl(45, 90%, 71%);
  --danger-lighten-30: hsl(348, 90%, 78%);
  --primary-100: hsl(210, 38%, 63%);
  --primary-200: hsl(210, 36%, 50%);
  --primary-300: hsl(210, 44%, 52%);
  --primary-400: hsl(210, 67%, 35%);
  --primary-500: hsl(211, 75%, 5%);
  --primary-600: hsl(211, 89%, 1%);
  --business-100: hsl(210, 77%, 32%);
  --business-200: hsl(142, 75%, 33%);
  --business-300: hsl(184, 23%, 72%);
  --business-400: hsl(183, 22%, 94%);
  --bus100: hsl(210, 77%, 32%);
  --bus200: hsl(142, 75%, 33%);
  --bus300: hsl(184, 23%, 72%);
  --bus400: hsl(183, 22%, 94%);
  --light: var(--gray-200);
  --dark: var(--gray-900);
  --bg-color: #131313;
  --text-color: var(--gray-900);
  --rgb-text-color: var(--rgb-gray-900);
  --link-color: var(--bus200);
  --input-color: #ffffff;
  --rgb-input-color: 255, 255, 255;
  --header-linear-gradient-000: hsl(211, 26%, 15%);
  --header-linear-gradient-051: hsl(208, 24%, 18%);
  --header-linear-gradient-100: hsl(209, 27%, 19%);
  --menu-title-color: #ffffff;
  --menu-item-hover-color: hsl(208, 24%, 23%);
  --menu-item-active-color: hsl(208, 24%, 23%);
  --dropdown-business-bg-color: hsl(208, 24%, 13%);
  --shadow-dropdown: rgba(53, 94, 136, 0.25) 0px 4px 8px -2px,
    rgba(53, 94, 136, 0.08) 0px 0px 0px 1px;
}

#app {
  min-height: 100vh;
}

html {
  height: 100vh;
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.42857143;
  background-color: var(--body-bg);
  text-align: left;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

html,
body {
  margin: 0;
  padding: 0;
  color: var(--text-color);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
}

a {
  color: #0f672f;
  text-decoration: none;
}

a:hover {
  color: #0f672f;
  text-decoration: underline;
}

a:not([href]):not([tabindex]):not([onclick]):not(.current) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):not([onclick]):not(.current):hover,
a:not([href]):not([tabindex]):not([onclick]):not(.current):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):not([onclick]):not(.current):focus {
  outline: 0;
}

[v-cloak] {
  display: none;
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  margin-bottom: 1rem;
  line-height: 110%;
  font-weight: 400;
}

h1,
.h1 {
  font-size: 2.25rem;
}

h2,
.h2 {
  font-size: 1.8rem;
}

h3,
.h3 {
  font-size: 1.575rem;
}

h4,
.h4 {
  font-size: 1.35rem;
}

h5,
.h5 {
  font-size: 1.125rem;
}

h6,
.h6 {
  font-size: 0.9rem;
}

mark,
.mark {
  background-color: rgba(255, 221, 87, 0.5);
  padding: 0.2em;
}

.small {
  font-size: 80%;
}

blockquote {
  margin: 0 0 1rem;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.125rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: var(--gray-500);
}

.blockquote-footer:before {
  content: "\2014   \A0";
}

ul.list-unstyled {
  padding-left: 0;
  list-style: none;
}

ul.list-inline {
  display: block;
  list-style: none;
  padding-left: 0;
}

ul.list-inline li.list-inline__item {
  display: inline;
}

ul.list-inline li.list-inline__item:not(:last-child) {
  padding-right: 10px;
}

label {
  position: relative;
}

option {
  background: var(--bg-color);
}

::-webkit-input-placeholder {
  color: rgba(var(--rgb-gray-900), 0.6);
}

::-moz-placeholder {
  color: rgba(var(--rgb-gray-900), 0.6);
}

::-ms-input-placeholder {
  color: rgba(var(--rgb-gray-900), 0.6);
}

::placeholder {
  color: rgba(var(--rgb-gray-900), 0.6);
}

.info-box {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 80px auto 40px;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(188, 200, 212, 0.15);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(188, 200, 212, 0.15);
  border-radius: 0.675rem;
  overflow: hidden;
}

.info-box .info-box__abrv {
  width: auto;
  height: auto;
  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-right: 1px solid #e9ecef;
}

.info-box .info-box__abrv > span {
  font-size: 1.5rem;
  font-weight: 600;
}

.info-box .info-box__abrv.info-box__abrv--primary {
  background-color: #224a72;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--secondary {
  background-color: #6a7d8f;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--success {
  background-color: #23d160;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--info {
  background-color: #209cee;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--warning {
  background-color: #ffc107;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--danger {
  background-color: #ff2854;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--light {
  background-color: #e9ecef;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--dark {
  background-color: #1c2833;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--bus100 {
  background-color: #0d3863;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--bus200 {
  background-color: #0f672f;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--bus300 {
  background-color: #88b2b5;
  color: #ffffff;
}

.info-box .info-box__abrv.info-box__abrv--bus400 {
  background-color: #cddedf;
  color: #ffffff;
}

.info-box .info-box__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 10px 10px 14px;
  width: 100%;
}

.info-box .info-box__title {
  font-size: 0.83rem;
  font-weight: 600;
  color: rgba(58, 77, 94, 0.8);
  margin-left: 14px;
}

.info-box .info-box__values {
  display: grid;
  grid-template-areas: "value" "quantity";
}

.info-box .info-box__values > .info-box__value {
  grid-area: quantity;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  color: #3a4d5e;
}

.info-box .info-box__values > .info-box__value span {
  font-weight: 600;
  padding-bottom: 3px;
}

.info-box .info-box__values > .info-box__value span:nth-child(1) {
  font-size: 1.18rem;
  margin-top: 5px;
  margin-right: 3px;
}

.info-box .info-box__values > .info-box__value span:nth-child(2) {
  font-size: 1.9rem;
  word-break: break-word;
}

.info-box .info-box__values > .info-box__value span:nth-child(3) {
  font-size: 1.5rem;
  padding-bottom: 4px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.info-box .info-box__values > .info-box__value span:nth-of-type(4),
.info-box .info-box__values > .info-box__value span:nth-of-type(5) {
  font-size: 1.5rem;
  padding-bottom: 4px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.info-box .info-box__values > .info-box__value span:last-of-type {
  padding-right: 8px;
}

.info-box .info-box__values > .info-box__quantity {
  grid-area: value;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 5px;
  margin-left: 14px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.9;
  color: #3a4d5e;
}

.info-box .info-box__values > .info-box__quantity span:nth-child(1) {
  font-size: 0.66rem;
  margin-right: 5px;
}

.info-box .info-box__button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  border-left: 1px dashed #dcdfe6;
}

.info-box .info-box__button button[class^="btn-"] {
  padding-right: 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.info-box .info-box__button button[class^="btn-"] i.fa {
  font-size: 1rem;
}

.graph-box {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}

.graph-box .graph-box__content {
  padding: 20px 5px 0;
}

.graph-box .graph-box__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 15px 10px;
  margin-top: 12px;
  border-top: 1px solid #dee2e6;
}

.graph-box .graph-box__title {
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: -8px;
  margin-bottom: -10px;
  margin-left: -15px;
  border-right: 1px solid #dee2e6;
  font-weight: 600;
  color: #3a4d5e;
}

.graph-box .graph-box__title i.fa {
  font-size: 1rem;
  padding-right: 6px;
}

.graph-box .graph-box__values {
  color: #3a4d5e;
  -ms-flex-item-align: center;
      align-self: center;
}

.graph-box .graph-box__values span:nth-of-type(2) {
  border-left: 1px solid #bcc8d4;
  padding-left: 8px;
  margin-left: 5px;
}

.graph-box .graph-box__buttons {
  margin: -8px -15px -10px;
}

.graph-box .graph-box__buttons > .btn-group > [class*="btn-"] {
  height: 2.35rem;
  font-weight: 600;
  padding: calc(0.175em - 1px) 1.65em;
  border-right: 1px solid #dee2e6;
}

.graph-box .graph-box__buttons > .btn-group > [class*="btn-"]:first-child {
  border-top-left-radius: 0;
}

.graph-box .graph-box__buttons > .btn-group > [class*="btn-"]:last-child {
  border-radius: 0;
}

.values-box {
  display: grid;
}

.values-box .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  padding: 10px 0;
}

.values-box .value .value__title {
  font-size: 0.93rem;
  font-weight: 600;
  color: rgba(58, 77, 94, 0.8);
  margin-left: 14px;
  margin-top: 5px;
}

.values-box .value .value__total {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  color: #3a4d5e;
}

.values-box .value .value__total span:nth-of-type(1) {
  font-size: 1.2rem;
  margin-top: 2px;
  margin-right: 5px;
}

.values-box .value .value__total span:nth-of-type(n + 3) {
  font-size: 1.5rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.card {
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--bg-color);
  background-clip: border-box;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(188, 200, 212, 0.15);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(188, 200, 212, 0.15);
  border-radius: 0.675rem;
}

.card > [class*="card__"]:first-child:not(.card__image) {
  padding-top: 10px;
}

.card > [class*="card__"]:last-child:not(.card__image):not(.card__buttons):not(.card__controls) {
  padding-bottom: 5px;
}

.card .card,
.card .tabs-component {
  border: 1px solid var(--gray-300);
  -webkit-box-shadow: unset;
          box-shadow: unset;
  margin-bottom: 1rem;
}

.card + .card {
  margin-top: 0.5rem;
}

.card[style="display: none;"] + .card {
  margin-top: 0;
}

.card.card__dropdown {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin-bottom: -1rem;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.card.card__dropdown.card__dropdown--show {
  visibility: visible;
  opacity: 1;
  height: auto;
  margin-bottom: unset;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.card.card--full-width {
  width: 100%;
}

.card .grid:first-child {
  margin-top: 0.3rem;
}

.card .grid:last-child {
  margin-bottom: 0.7rem;
}

.card__box {
  border: 1px solid var(--gray-300);
  border-radius: 0.5rem;
  padding: 0.4rem 0.6rem;
}

.card__dropdown--enter {
  -webkit-animation: dropdown-in 0.3s;
          animation: dropdown-in 0.3s;
}

.card__dropdown--leave {
  animation: dropdown-in 0.3s reverse;
}

@-webkit-keyframes dropdown-in {
  0%, 100% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  100% {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-bottom: unset;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes dropdown-in {
  0%, 100% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  100% {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-bottom: unset;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.card__image img {
  width: 100%;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 10px;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 1px 0.5rem 1px;
  padding: 0 20px;
}

.card__title h1,
.card__title h2,
.card__title h3,
.card__title h4,
.card__title h5,
.card__title h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
  line-height: 1.8rem;
}

.card__title > span,
.card__title span.subtitle {
  margin-top: 10px;
  font-size: 1.125rem;
  color: #6a7d90;
}

@media (min-width: 992px) {
  .card__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.card__title .card__controls {
  margin-top: 10px;
  text-align: center;
}

.card__title .card__controls .select2-field {
  margin-top: 0;
  margin-bottom: 0;
  min-width: 100%;
}

.card__title .card__controls > *:not(:last-child) {
  margin-right: 10px;
}

@media (min-width: 992px) {
  .card__title .card__controls {
    margin-top: 0;
    text-align: left;
  }

  .card__title .card__controls .select2-field {
    min-width: 400px;
  }
}

.card__title label,
.card__title [class*="noti-"] {
  margin-bottom: 0;
}

.card__content {
  padding: 0 20px;
}

.card__content > p {
  margin: 0;
  margin-bottom: 1rem;
  padding-top: 5px;
}

.card__content.card__content--thin {
  padding: 0 10px 6px !important;
}

.card__content:has(> .form-inline) {
  padding-bottom: 10px !important;
}

.card__content:has(> .form-inline):has(> button) {
  margin-right: -10px;
  -webkit-margin-end: -10px;
          margin-inline-end: -10px;
}

.card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  padding-top: 0;
}

.card__buttons > *:not(:last-child) {
  margin-right: 10px;
}

.card__buttons.card__buttons--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.card__section {
  padding-top: 1rem;
  margin-bottom: 1rem;
}

.card--collapsible .card__title {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 10px;
  background-color: initial;
  border-radius: 0.25rem;
}

.card--collapsible .card__title::-webkit-details-marker {
  display: none;
}

.card--collapsible .card__title::after {
  content: "\F107";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.4rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  will-change: transform;
}

.card--collapsible .card__title--bg-primary {
  background-color: #224a72;
  color: #ffffff;
}

.card--collapsible .card__title--bg-secondary {
  background-color: #6a7d8f;
  color: #ffffff;
}

.card--collapsible .card__title--bg-success {
  background-color: #23d160;
  color: #ffffff;
}

.card--collapsible .card__title--bg-info {
  background-color: #209cee;
  color: #ffffff;
}

.card--collapsible .card__title--bg-warning {
  background-color: #ffc107;
  color: #ffffff;
}

.card--collapsible .card__title--bg-danger {
  background-color: #ff2854;
  color: #ffffff;
}

.card--collapsible .card__title--bg-light {
  background-color: #e9ecef;
  color: #ffffff;
}

.card--collapsible .card__title--bg-dark {
  background-color: #1c2833;
  color: #ffffff;
}

.card--collapsible .card__title--bg-bus100 {
  background-color: #0d3863;
  color: #ffffff;
}

.card--collapsible .card__title--bg-bus200 {
  background-color: #0f672f;
  color: #ffffff;
}

.card--collapsible .card__title--bg-bus300 {
  background-color: #88b2b5;
  color: #ffffff;
}

.card--collapsible .card__title--bg-bus400 {
  background-color: #cddedf;
  color: #ffffff;
}

.card--collapsible[open] .card__title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card--collapsible[open] .card__title::after {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

h5.text-bold + .card__section {
  padding-top: 0;
}

@media (max-width: 992px) {
  .row [class^="col-"]:not(:first-child) .card {
    margin-top: 1.1rem;
  }
}

.card__block + .card__block {
  margin-top: 2rem;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: rgba(233, 236, 239, 0.6);
}

code {
  color: #224a72;
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.footer {
  grid-column: 1 / -1;
  grid-row: 4 / -1;
}

@media (min-width: 576px) {
  .footer {
    grid-column: 2 / -2;
  }
}

.footer__copyright {
  margin: 0;
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
  opacity: 0.95;
}

.footer__copyright a {
  color: #1c2833;
}

@media (min-width: 576px) {
  .footer__copyright {
    padding: 10px 0;
  }
}

.form-field {
  --field-label-width-stretch: unset;
  --form-field-width: unset;
  -webkit-margin-before: 0.3rem;
          margin-block-start: 0.3rem;
  -webkit-margin-after: 0.8rem;
          margin-block-end: 0.8rem;
}

@media (min-width: 768px) {
  .form-field {
    -webkit-margin-after: 0.4rem;
            margin-block-end: 0.4rem;
  }
}

.form-field.form-field--group {
  position: relative;
  margin-top: 0.3rem;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.form-field.form-field--group [class*="-field"] {
  margin-top: 0;
  margin-bottom: 0;
}

.form-field.form-field--group > label {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
}

.form-field.form-field--group > label:hover,
.form-field.form-field--group > label:focus {
  white-space: normal;
}

@media (min-width: 768px) {
  .form-field.form-field--group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-bottom: 0.3rem;
  }

  .form-field.form-field--group > label {
    min-width: 130px;
    width: 130px;
    height: 1.75rem;
    font-size: 0.8125rem;
  }
}

@media (min-width: 0px) {
  .form-field.form-field--df-width {
    width: var(--form-field-width);
  }
}

@media (min-width: 1px) {
  .form-field.form-field--xs-width {
    width: var(--form-field-width);
  }
}

@media (min-width: 576px) {
  .form-field.form-field--sm-width {
    width: var(--form-field-width);
  }
}

@media (min-width: 768px) {
  .form-field.form-field--md-width {
    width: var(--form-field-width);
  }
}

@media (min-width: 992px) {
  .form-field.form-field--lg-width {
    width: var(--form-field-width);
  }
}

@media (min-width: 1200px) {
  .form-field.form-field--xl-width {
    width: var(--form-field-width);
  }
}

@media (min-width: 1500px) {
  .form-field.form-field--2xl-width {
    width: var(--form-field-width);
  }
}

@media (min-width: 0px) {
  .labels-df-width-small [class*="-field"] label:not(:only-child),
  .labels-df-width-small .form-inline__title {
    min-width: var(--label-width, 70px) !important;
    width: var(--label-width, 70px) !important;
  }

  .labels-df-width-medium [class*="-field"] label:not(:only-child),
  .labels-df-width-medium .form-inline__title {
    min-width: var(--label-width, 100px) !important;
    width: var(--label-width, 100px) !important;
  }

  .labels-df-width-normal [class*="-field"] label:not(:only-child),
  .labels-df-width-normal .form-inline__title {
    min-width: var(--label-width, 130px) !important;
    width: var(--label-width, 130px) !important;
  }
}

@media (min-width: 1px) {
  .labels-xs-width-small [class*="-field"] label:not(:only-child),
  .labels-xs-width-small .form-inline__title {
    min-width: var(--label-width, 70px) !important;
    width: var(--label-width, 70px) !important;
  }

  .labels-xs-width-medium [class*="-field"] label:not(:only-child),
  .labels-xs-width-medium .form-inline__title {
    min-width: var(--label-width, 100px) !important;
    width: var(--label-width, 100px) !important;
  }

  .labels-xs-width-normal [class*="-field"] label:not(:only-child),
  .labels-xs-width-normal .form-inline__title {
    min-width: var(--label-width, 130px) !important;
    width: var(--label-width, 130px) !important;
  }
}

@media (min-width: 576px) {
  .labels-sm-width-small [class*="-field"] label:not(:only-child),
  .labels-sm-width-small .form-inline__title {
    min-width: var(--label-width, 70px) !important;
    width: var(--label-width, 70px) !important;
  }

  .labels-sm-width-medium [class*="-field"] label:not(:only-child),
  .labels-sm-width-medium .form-inline__title {
    min-width: var(--label-width, 100px) !important;
    width: var(--label-width, 100px) !important;
  }

  .labels-sm-width-normal [class*="-field"] label:not(:only-child),
  .labels-sm-width-normal .form-inline__title {
    min-width: var(--label-width, 130px) !important;
    width: var(--label-width, 130px) !important;
  }
}

@media (min-width: 768px) {
  .labels-md-width-small [class*="-field"] label:not(:only-child),
  .labels-md-width-small .form-inline__title {
    min-width: var(--label-width, 70px) !important;
    width: var(--label-width, 70px) !important;
  }

  .labels-md-width-medium [class*="-field"] label:not(:only-child),
  .labels-md-width-medium .form-inline__title {
    min-width: var(--label-width, 100px) !important;
    width: var(--label-width, 100px) !important;
  }

  .labels-md-width-normal [class*="-field"] label:not(:only-child),
  .labels-md-width-normal .form-inline__title {
    min-width: var(--label-width, 130px) !important;
    width: var(--label-width, 130px) !important;
  }
}

@media (min-width: 992px) {
  .labels-lg-width-small [class*="-field"] label:not(:only-child),
  .labels-lg-width-small .form-inline__title {
    min-width: var(--label-width, 70px) !important;
    width: var(--label-width, 70px) !important;
  }

  .labels-lg-width-medium [class*="-field"] label:not(:only-child),
  .labels-lg-width-medium .form-inline__title {
    min-width: var(--label-width, 100px) !important;
    width: var(--label-width, 100px) !important;
  }

  .labels-lg-width-normal [class*="-field"] label:not(:only-child),
  .labels-lg-width-normal .form-inline__title {
    min-width: var(--label-width, 130px) !important;
    width: var(--label-width, 130px) !important;
  }
}

@media (min-width: 1200px) {
  .labels-xl-width-small [class*="-field"] label:not(:only-child),
  .labels-xl-width-small .form-inline__title {
    min-width: var(--label-width, 70px) !important;
    width: var(--label-width, 70px) !important;
  }

  .labels-xl-width-medium [class*="-field"] label:not(:only-child),
  .labels-xl-width-medium .form-inline__title {
    min-width: var(--label-width, 100px) !important;
    width: var(--label-width, 100px) !important;
  }

  .labels-xl-width-normal [class*="-field"] label:not(:only-child),
  .labels-xl-width-normal .form-inline__title {
    min-width: var(--label-width, 130px) !important;
    width: var(--label-width, 130px) !important;
  }
}

@media (min-width: 1500px) {
  .labels-2xl-width-small [class*="-field"] label:not(:only-child),
  .labels-2xl-width-small .form-inline__title {
    min-width: var(--label-width, 70px) !important;
    width: var(--label-width, 70px) !important;
  }

  .labels-2xl-width-medium [class*="-field"] label:not(:only-child),
  .labels-2xl-width-medium .form-inline__title {
    min-width: var(--label-width, 100px) !important;
    width: var(--label-width, 100px) !important;
  }

  .labels-2xl-width-normal [class*="-field"] label:not(:only-child),
  .labels-2xl-width-normal .form-inline__title {
    min-width: var(--label-width, 130px) !important;
    width: var(--label-width, 130px) !important;
  }
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: var(--_form-gap, 0.3rem);
  -webkit-margin-before: 0.3rem;
          margin-block-start: 0.3rem;
  -webkit-margin-after: 0.8rem;
          margin-block-end: 0.8rem;
}

@media (min-width: 768px) {
  .form-inline {
    -webkit-margin-after: 0.4rem;
            margin-block-end: 0.4rem;
  }
}

.form-inline .input-field {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  min-width: 100px;
}

.form-inline > label > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.2rem;
  position: relative;
  top: 6px;
}

.form-inline p {
  margin: 0;
}

.form-inline.row > [class*="col-"] {
  margin-right: 0;
}

.form-inline.row > [class*="col-"] > .form-field {
  margin-bottom: 0;
  display: inline-block;
}

.form-inline.form-inline--stretch > .form-inline__title {
  min-width: var(--inline-title-width-stretch);
  width: var(--inline-title-width-stretch);
  margin: 0 var(--inline-title-margin-stretch) 0 0 !important;
  line-height: 1;
}

.form-inline__title {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
  padding-inline: var(--_label-padding-inline, 0);
  padding-block: var(--_label-padding-block, 0);
  border-inline-width: var(--_label-border-inline, 0);
  border-block-width: var(--_label-border-block, 0);
  border-color: var(--_label-border-color, transparent);
  border-style: var(--_label-border-style, none);
  border-top-left-radius: var(--_label-border-top-left-radius, 0);
  border-top-right-radius: var(--_label-border-top-right-radius, 0);
  border-bottom-left-radius: var(--_label-border-bottom-left-radius, 0);
  border-bottom-right-radius: var(--_label-border-bottom-right-radius, 0);
}

.form-inline__title:hover,
.form-inline__title:focus {
  white-space: normal;
}

@media (min-width: 768px) {
  .form-inline__title {
    min-width: 130px;
    width: 130px;
    font-size: 0.8125rem;
  }
}

.form-inline:has(.form-inline__title) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .form-inline:has(.form-inline__title) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.form-inline__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  margin-bottom: 0.7rem;
  gap: 0.5rem 0.85rem;
}

.form-inline__content > * > [class*="-field"] {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .form-inline__content {
    margin-top: unset;
    margin-bottom: unset;
  }
}

.form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  row-gap: 0.45rem;
}

@media (min-width: 576px) {
  .form-group {
    row-gap: 0;
    -webkit-column-gap: 0.45rem;
       -moz-column-gap: 0.45rem;
            column-gap: 0.45rem;
  }
}

.form-group > label:not(:empty) {
  font-size: 0.8125rem;
}

@media (min-width: 576px) {
  .form-group > label:not(:empty) {
    margin-bottom: 0;
    -ms-flex-item-align: center;
        align-self: center;
  }
}

.form-group .input-field,
.form-group .select2-field {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.form-group .select2-field {
  width: calc(100% - 40px);
}

.form-group.form-group--on-input > *:not(:last-child) {
  margin-right: 0;
}

.form-group.form-group--on-input > [class*="btn-"],
.form-group.form-group--on-input .tooltip-select > [class*="btn-"] {
  height: 2rem;
  border-radius: 0;
  border-bottom: 1px solid #a8b3bd;
}

@media (max-width: 576px) {
  .form-group:not(.form-group--on-input) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .form-group:not(.form-group--on-input) > button,
  .form-group:not(.form-group--on-input) > [class*="btn-"] {
    width: 100%;
  }

  .form-group:not(.form-group--on-input) .input-field,
  .form-group:not(.form-group--on-input) .select2-field,
  .form-group:not(.form-group--on-input) .datepicker-field {
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    width: 100%;
  }
}

.form-group [class*="-field"] ~ * {
  -ms-flex-item-align: end;
      align-self: end;
}

.form-group > .form-field {
  margin-block: 0;
}

.radio-group label {
  margin-bottom: 0;
}

.radio-group label:not(:last-child) {
  margin-right: 0.8rem;
}

.kerp-layout {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 70px 1fr auto 37px 70px;
}

@media (min-width: 576px) {
  .kerp-layout {
    grid-template-columns: 0.2fr repeat(5, 1fr) 0.2fr;
    grid-template-rows: 70px 1fr auto 37px;
  }
}

@media (min-width: 992px) {
  .kerp-layout {
    grid-template-columns: 0.5fr repeat(12, 1fr) 0.5fr;
  }
}

@media only screen and (min-width: 1900px) {
  .kerp-layout {
    grid-template-columns: 2.5fr repeat(16, 1fr) 2.5fr;
  }
}

.grid {
  display: grid;
  grid-gap: 1rem;
  margin-bottom: 1rem;
}

.grid .card + .card {
  margin-top: 0;
}

.grid > .grid {
  margin-bottom: 0;
}

.grid.grid--fill {
  --min-value-fill: 300px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-template-columns: repeat(auto-fill, minmax(var(--min-value-fill), 1fr));
}

.grid.grid--fit {
  --min-value-fit: 300px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(var(--min-value-fit), 1fr));
}

@media (min-width: 1px) {
  .grid.grid--cols-xs-1 {
    grid-template-columns: repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(1, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-1 {
    grid-template-columns: auto;
  }

  .grid .grid__column-start-xs-1 {
    grid-column-start: 1;
  }

  .grid .grid__column-end-xs-1 {
    grid-column-end: 1;
  }

  .grid .grid__row-start-xs-1 {
    grid-row-start: 1;
  }

  .grid .grid__row-end-xs-1 {
    grid-row-end: 1;
  }

  .grid .grid__column-span-xs-1 {
    grid-column-end: span 1;
  }

  .grid .grid__row-span-xs-1 {
    grid-row-end: span 1;
  }

  .grid .grid__column-xs-1-ends {
    grid-column: 1 / -1;
  }

  .grid.grid--cols-xs-2 {
    grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(2, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-2 {
    grid-template-columns: auto repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(1, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-2 {
    grid-column-start: 2;
  }

  .grid .grid__column-end-xs-2 {
    grid-column-end: 2;
  }

  .grid .grid__row-start-xs-2 {
    grid-row-start: 2;
  }

  .grid .grid__row-end-xs-2 {
    grid-row-end: 2;
  }

  .grid .grid__column-span-xs-2 {
    grid-column-end: span 2;
  }

  .grid .grid__row-span-xs-2 {
    grid-row-end: span 2;
  }

  .grid .grid__column-xs-2-ends {
    grid-column: 2 / -1;
  }

  .grid.grid--cols-xs-3 {
    grid-template-columns: repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-3 {
    grid-template-columns: auto repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(2, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-3 {
    grid-column-start: 3;
  }

  .grid .grid__column-end-xs-3 {
    grid-column-end: 3;
  }

  .grid .grid__row-start-xs-3 {
    grid-row-start: 3;
  }

  .grid .grid__row-end-xs-3 {
    grid-row-end: 3;
  }

  .grid .grid__column-span-xs-3 {
    grid-column-end: span 3;
  }

  .grid .grid__row-span-xs-3 {
    grid-row-end: span 3;
  }

  .grid .grid__column-xs-3-ends {
    grid-column: 3 / -1;
  }

  .grid.grid--cols-xs-4 {
    grid-template-columns: repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(4, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-4 {
    grid-template-columns: auto repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(3, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-4 {
    grid-column-start: 4;
  }

  .grid .grid__column-end-xs-4 {
    grid-column-end: 4;
  }

  .grid .grid__row-start-xs-4 {
    grid-row-start: 4;
  }

  .grid .grid__row-end-xs-4 {
    grid-row-end: 4;
  }

  .grid .grid__column-span-xs-4 {
    grid-column-end: span 4;
  }

  .grid .grid__row-span-xs-4 {
    grid-row-end: span 4;
  }

  .grid .grid__column-xs-4-ends {
    grid-column: 4 / -1;
  }

  .grid.grid--cols-xs-5 {
    grid-template-columns: repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(5, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-5 {
    grid-template-columns: auto repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(4, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-5 {
    grid-column-start: 5;
  }

  .grid .grid__column-end-xs-5 {
    grid-column-end: 5;
  }

  .grid .grid__row-start-xs-5 {
    grid-row-start: 5;
  }

  .grid .grid__row-end-xs-5 {
    grid-row-end: 5;
  }

  .grid .grid__column-span-xs-5 {
    grid-column-end: span 5;
  }

  .grid .grid__row-span-xs-5 {
    grid-row-end: span 5;
  }

  .grid .grid__column-xs-5-ends {
    grid-column: 5 / -1;
  }

  .grid.grid--cols-xs-6 {
    grid-template-columns: repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(6, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-6 {
    grid-template-columns: auto repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(5, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-6 {
    grid-column-start: 6;
  }

  .grid .grid__column-end-xs-6 {
    grid-column-end: 6;
  }

  .grid .grid__row-start-xs-6 {
    grid-row-start: 6;
  }

  .grid .grid__row-end-xs-6 {
    grid-row-end: 6;
  }

  .grid .grid__column-span-xs-6 {
    grid-column-end: span 6;
  }

  .grid .grid__row-span-xs-6 {
    grid-row-end: span 6;
  }

  .grid .grid__column-xs-6-ends {
    grid-column: 6 / -1;
  }

  .grid.grid--cols-xs-7 {
    grid-template-columns: repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(7, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-7 {
    grid-template-columns: auto repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(6, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-7 {
    grid-column-start: 7;
  }

  .grid .grid__column-end-xs-7 {
    grid-column-end: 7;
  }

  .grid .grid__row-start-xs-7 {
    grid-row-start: 7;
  }

  .grid .grid__row-end-xs-7 {
    grid-row-end: 7;
  }

  .grid .grid__column-span-xs-7 {
    grid-column-end: span 7;
  }

  .grid .grid__row-span-xs-7 {
    grid-row-end: span 7;
  }

  .grid .grid__column-xs-7-ends {
    grid-column: 7 / -1;
  }

  .grid.grid--cols-xs-8 {
    grid-template-columns: repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(8, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-8 {
    grid-template-columns: auto repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(7, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-8 {
    grid-column-start: 8;
  }

  .grid .grid__column-end-xs-8 {
    grid-column-end: 8;
  }

  .grid .grid__row-start-xs-8 {
    grid-row-start: 8;
  }

  .grid .grid__row-end-xs-8 {
    grid-row-end: 8;
  }

  .grid .grid__column-span-xs-8 {
    grid-column-end: span 8;
  }

  .grid .grid__row-span-xs-8 {
    grid-row-end: span 8;
  }

  .grid .grid__column-xs-8-ends {
    grid-column: 8 / -1;
  }

  .grid.grid--cols-xs-9 {
    grid-template-columns: repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(9, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-9 {
    grid-template-columns: auto repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(8, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-9 {
    grid-column-start: 9;
  }

  .grid .grid__column-end-xs-9 {
    grid-column-end: 9;
  }

  .grid .grid__row-start-xs-9 {
    grid-row-start: 9;
  }

  .grid .grid__row-end-xs-9 {
    grid-row-end: 9;
  }

  .grid .grid__column-span-xs-9 {
    grid-column-end: span 9;
  }

  .grid .grid__row-span-xs-9 {
    grid-row-end: span 9;
  }

  .grid .grid__column-xs-9-ends {
    grid-column: 9 / -1;
  }

  .grid.grid--cols-xs-10 {
    grid-template-columns: repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(10, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-10 {
    grid-template-columns: auto repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(9, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-10 {
    grid-column-start: 10;
  }

  .grid .grid__column-end-xs-10 {
    grid-column-end: 10;
  }

  .grid .grid__row-start-xs-10 {
    grid-row-start: 10;
  }

  .grid .grid__row-end-xs-10 {
    grid-row-end: 10;
  }

  .grid .grid__column-span-xs-10 {
    grid-column-end: span 10;
  }

  .grid .grid__row-span-xs-10 {
    grid-row-end: span 10;
  }

  .grid .grid__column-xs-10-ends {
    grid-column: 10 / -1;
  }

  .grid.grid--cols-xs-11 {
    grid-template-columns: repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(11, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-11 {
    grid-template-columns: auto repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(10, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-11 {
    grid-column-start: 11;
  }

  .grid .grid__column-end-xs-11 {
    grid-column-end: 11;
  }

  .grid .grid__row-start-xs-11 {
    grid-row-start: 11;
  }

  .grid .grid__row-end-xs-11 {
    grid-row-end: 11;
  }

  .grid .grid__column-span-xs-11 {
    grid-column-end: span 11;
  }

  .grid .grid__row-span-xs-11 {
    grid-row-end: span 11;
  }

  .grid .grid__column-xs-11-ends {
    grid-column: 11 / -1;
  }

  .grid.grid--cols-xs-12 {
    grid-template-columns: repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(12, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-12 {
    grid-template-columns: auto repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(11, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-12 {
    grid-column-start: 12;
  }

  .grid .grid__column-end-xs-12 {
    grid-column-end: 12;
  }

  .grid .grid__row-start-xs-12 {
    grid-row-start: 12;
  }

  .grid .grid__row-end-xs-12 {
    grid-row-end: 12;
  }

  .grid .grid__column-span-xs-12 {
    grid-column-end: span 12;
  }

  .grid .grid__row-span-xs-12 {
    grid-row-end: span 12;
  }

  .grid .grid__column-xs-12-ends {
    grid-column: 12 / -1;
  }

  .grid.grid--cols-xs-13 {
    grid-template-columns: repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(13, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-13 {
    grid-template-columns: auto repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(12, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-13 {
    grid-column-start: 13;
  }

  .grid .grid__column-end-xs-13 {
    grid-column-end: 13;
  }

  .grid .grid__row-start-xs-13 {
    grid-row-start: 13;
  }

  .grid .grid__row-end-xs-13 {
    grid-row-end: 13;
  }

  .grid .grid__column-span-xs-13 {
    grid-column-end: span 13;
  }

  .grid .grid__row-span-xs-13 {
    grid-row-end: span 13;
  }

  .grid .grid__column-xs-13-ends {
    grid-column: 13 / -1;
  }

  .grid.grid--cols-xs-14 {
    grid-template-columns: repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(14, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-14 {
    grid-template-columns: auto repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(13, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-14 {
    grid-column-start: 14;
  }

  .grid .grid__column-end-xs-14 {
    grid-column-end: 14;
  }

  .grid .grid__row-start-xs-14 {
    grid-row-start: 14;
  }

  .grid .grid__row-end-xs-14 {
    grid-row-end: 14;
  }

  .grid .grid__column-span-xs-14 {
    grid-column-end: span 14;
  }

  .grid .grid__row-span-xs-14 {
    grid-row-end: span 14;
  }

  .grid .grid__column-xs-14-ends {
    grid-column: 14 / -1;
  }

  .grid.grid--cols-xs-15 {
    grid-template-columns: repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(15, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-15 {
    grid-template-columns: auto repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(14, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-15 {
    grid-column-start: 15;
  }

  .grid .grid__column-end-xs-15 {
    grid-column-end: 15;
  }

  .grid .grid__row-start-xs-15 {
    grid-row-start: 15;
  }

  .grid .grid__row-end-xs-15 {
    grid-row-end: 15;
  }

  .grid .grid__column-span-xs-15 {
    grid-column-end: span 15;
  }

  .grid .grid__row-span-xs-15 {
    grid-row-end: span 15;
  }

  .grid .grid__column-xs-15-ends {
    grid-column: 15 / -1;
  }

  .grid.grid--cols-xs-16 {
    grid-template-columns: repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(16, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-16 {
    grid-template-columns: auto repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(15, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-16 {
    grid-column-start: 16;
  }

  .grid .grid__column-end-xs-16 {
    grid-column-end: 16;
  }

  .grid .grid__row-start-xs-16 {
    grid-row-start: 16;
  }

  .grid .grid__row-end-xs-16 {
    grid-row-end: 16;
  }

  .grid .grid__column-span-xs-16 {
    grid-column-end: span 16;
  }

  .grid .grid__row-span-xs-16 {
    grid-row-end: span 16;
  }

  .grid .grid__column-xs-16-ends {
    grid-column: 16 / -1;
  }

  .grid.grid--cols-xs-17 {
    grid-template-columns: repeat(17, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(17, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xs-17 {
    grid-template-columns: auto repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(16, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xs-17 {
    grid-column-start: 17;
  }

  .grid .grid__column-end-xs-17 {
    grid-column-end: 17;
  }

  .grid .grid__row-start-xs-17 {
    grid-row-start: 17;
  }

  .grid .grid__row-end-xs-17 {
    grid-row-end: 17;
  }

  .grid .grid__column-span-xs-17 {
    grid-column-end: span 17;
  }

  .grid .grid__row-span-xs-17 {
    grid-row-end: span 17;
  }

  .grid .grid__column-xs-17-ends {
    grid-column: 17 / -1;
  }

  .grid.grid--gap-xs-0 {
    grid-gap: 0;
  }

  .grid.grid--gap-row-xs-0 {
    row-gap: 0;
  }

  .grid.grid--gap-column-xs-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }

  .grid.grid--gap-xs-1 {
    grid-gap: 0.75rem;
  }

  .grid.grid--gap-row-xs-1 {
    row-gap: 0.75rem;
  }

  .grid.grid--gap-column-xs-1 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .grid.grid--gap-xs-2 {
    grid-gap: 1rem;
  }

  .grid.grid--gap-row-xs-2 {
    row-gap: 1rem;
  }

  .grid.grid--gap-column-xs-2 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .grid.grid--gap-xs-3 {
    grid-gap: 1.25rem;
  }

  .grid.grid--gap-row-xs-3 {
    row-gap: 1.25rem;
  }

  .grid.grid--gap-column-xs-3 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .grid.grid--gap-xs-4 {
    grid-gap: 1.5rem;
  }

  .grid.grid--gap-row-xs-4 {
    row-gap: 1.5rem;
  }

  .grid.grid--gap-column-xs-4 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}

@media (min-width: 576px) {
  .grid.grid--cols-sm-1 {
    grid-template-columns: repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(1, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-1 {
    grid-template-columns: auto;
  }

  .grid .grid__column-start-sm-1 {
    grid-column-start: 1;
  }

  .grid .grid__column-end-sm-1 {
    grid-column-end: 1;
  }

  .grid .grid__row-start-sm-1 {
    grid-row-start: 1;
  }

  .grid .grid__row-end-sm-1 {
    grid-row-end: 1;
  }

  .grid .grid__column-span-sm-1 {
    grid-column-end: span 1;
  }

  .grid .grid__row-span-sm-1 {
    grid-row-end: span 1;
  }

  .grid .grid__column-sm-1-ends {
    grid-column: 1 / -1;
  }

  .grid.grid--cols-sm-2 {
    grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(2, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-2 {
    grid-template-columns: auto repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(1, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-2 {
    grid-column-start: 2;
  }

  .grid .grid__column-end-sm-2 {
    grid-column-end: 2;
  }

  .grid .grid__row-start-sm-2 {
    grid-row-start: 2;
  }

  .grid .grid__row-end-sm-2 {
    grid-row-end: 2;
  }

  .grid .grid__column-span-sm-2 {
    grid-column-end: span 2;
  }

  .grid .grid__row-span-sm-2 {
    grid-row-end: span 2;
  }

  .grid .grid__column-sm-2-ends {
    grid-column: 2 / -1;
  }

  .grid.grid--cols-sm-3 {
    grid-template-columns: repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-3 {
    grid-template-columns: auto repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(2, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-3 {
    grid-column-start: 3;
  }

  .grid .grid__column-end-sm-3 {
    grid-column-end: 3;
  }

  .grid .grid__row-start-sm-3 {
    grid-row-start: 3;
  }

  .grid .grid__row-end-sm-3 {
    grid-row-end: 3;
  }

  .grid .grid__column-span-sm-3 {
    grid-column-end: span 3;
  }

  .grid .grid__row-span-sm-3 {
    grid-row-end: span 3;
  }

  .grid .grid__column-sm-3-ends {
    grid-column: 3 / -1;
  }

  .grid.grid--cols-sm-4 {
    grid-template-columns: repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(4, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-4 {
    grid-template-columns: auto repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(3, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-4 {
    grid-column-start: 4;
  }

  .grid .grid__column-end-sm-4 {
    grid-column-end: 4;
  }

  .grid .grid__row-start-sm-4 {
    grid-row-start: 4;
  }

  .grid .grid__row-end-sm-4 {
    grid-row-end: 4;
  }

  .grid .grid__column-span-sm-4 {
    grid-column-end: span 4;
  }

  .grid .grid__row-span-sm-4 {
    grid-row-end: span 4;
  }

  .grid .grid__column-sm-4-ends {
    grid-column: 4 / -1;
  }

  .grid.grid--cols-sm-5 {
    grid-template-columns: repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(5, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-5 {
    grid-template-columns: auto repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(4, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-5 {
    grid-column-start: 5;
  }

  .grid .grid__column-end-sm-5 {
    grid-column-end: 5;
  }

  .grid .grid__row-start-sm-5 {
    grid-row-start: 5;
  }

  .grid .grid__row-end-sm-5 {
    grid-row-end: 5;
  }

  .grid .grid__column-span-sm-5 {
    grid-column-end: span 5;
  }

  .grid .grid__row-span-sm-5 {
    grid-row-end: span 5;
  }

  .grid .grid__column-sm-5-ends {
    grid-column: 5 / -1;
  }

  .grid.grid--cols-sm-6 {
    grid-template-columns: repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(6, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-6 {
    grid-template-columns: auto repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(5, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-6 {
    grid-column-start: 6;
  }

  .grid .grid__column-end-sm-6 {
    grid-column-end: 6;
  }

  .grid .grid__row-start-sm-6 {
    grid-row-start: 6;
  }

  .grid .grid__row-end-sm-6 {
    grid-row-end: 6;
  }

  .grid .grid__column-span-sm-6 {
    grid-column-end: span 6;
  }

  .grid .grid__row-span-sm-6 {
    grid-row-end: span 6;
  }

  .grid .grid__column-sm-6-ends {
    grid-column: 6 / -1;
  }

  .grid.grid--cols-sm-7 {
    grid-template-columns: repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(7, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-7 {
    grid-template-columns: auto repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(6, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-7 {
    grid-column-start: 7;
  }

  .grid .grid__column-end-sm-7 {
    grid-column-end: 7;
  }

  .grid .grid__row-start-sm-7 {
    grid-row-start: 7;
  }

  .grid .grid__row-end-sm-7 {
    grid-row-end: 7;
  }

  .grid .grid__column-span-sm-7 {
    grid-column-end: span 7;
  }

  .grid .grid__row-span-sm-7 {
    grid-row-end: span 7;
  }

  .grid .grid__column-sm-7-ends {
    grid-column: 7 / -1;
  }

  .grid.grid--cols-sm-8 {
    grid-template-columns: repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(8, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-8 {
    grid-template-columns: auto repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(7, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-8 {
    grid-column-start: 8;
  }

  .grid .grid__column-end-sm-8 {
    grid-column-end: 8;
  }

  .grid .grid__row-start-sm-8 {
    grid-row-start: 8;
  }

  .grid .grid__row-end-sm-8 {
    grid-row-end: 8;
  }

  .grid .grid__column-span-sm-8 {
    grid-column-end: span 8;
  }

  .grid .grid__row-span-sm-8 {
    grid-row-end: span 8;
  }

  .grid .grid__column-sm-8-ends {
    grid-column: 8 / -1;
  }

  .grid.grid--cols-sm-9 {
    grid-template-columns: repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(9, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-9 {
    grid-template-columns: auto repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(8, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-9 {
    grid-column-start: 9;
  }

  .grid .grid__column-end-sm-9 {
    grid-column-end: 9;
  }

  .grid .grid__row-start-sm-9 {
    grid-row-start: 9;
  }

  .grid .grid__row-end-sm-9 {
    grid-row-end: 9;
  }

  .grid .grid__column-span-sm-9 {
    grid-column-end: span 9;
  }

  .grid .grid__row-span-sm-9 {
    grid-row-end: span 9;
  }

  .grid .grid__column-sm-9-ends {
    grid-column: 9 / -1;
  }

  .grid.grid--cols-sm-10 {
    grid-template-columns: repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(10, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-10 {
    grid-template-columns: auto repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(9, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-10 {
    grid-column-start: 10;
  }

  .grid .grid__column-end-sm-10 {
    grid-column-end: 10;
  }

  .grid .grid__row-start-sm-10 {
    grid-row-start: 10;
  }

  .grid .grid__row-end-sm-10 {
    grid-row-end: 10;
  }

  .grid .grid__column-span-sm-10 {
    grid-column-end: span 10;
  }

  .grid .grid__row-span-sm-10 {
    grid-row-end: span 10;
  }

  .grid .grid__column-sm-10-ends {
    grid-column: 10 / -1;
  }

  .grid.grid--cols-sm-11 {
    grid-template-columns: repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(11, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-11 {
    grid-template-columns: auto repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(10, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-11 {
    grid-column-start: 11;
  }

  .grid .grid__column-end-sm-11 {
    grid-column-end: 11;
  }

  .grid .grid__row-start-sm-11 {
    grid-row-start: 11;
  }

  .grid .grid__row-end-sm-11 {
    grid-row-end: 11;
  }

  .grid .grid__column-span-sm-11 {
    grid-column-end: span 11;
  }

  .grid .grid__row-span-sm-11 {
    grid-row-end: span 11;
  }

  .grid .grid__column-sm-11-ends {
    grid-column: 11 / -1;
  }

  .grid.grid--cols-sm-12 {
    grid-template-columns: repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(12, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-12 {
    grid-template-columns: auto repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(11, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-12 {
    grid-column-start: 12;
  }

  .grid .grid__column-end-sm-12 {
    grid-column-end: 12;
  }

  .grid .grid__row-start-sm-12 {
    grid-row-start: 12;
  }

  .grid .grid__row-end-sm-12 {
    grid-row-end: 12;
  }

  .grid .grid__column-span-sm-12 {
    grid-column-end: span 12;
  }

  .grid .grid__row-span-sm-12 {
    grid-row-end: span 12;
  }

  .grid .grid__column-sm-12-ends {
    grid-column: 12 / -1;
  }

  .grid.grid--cols-sm-13 {
    grid-template-columns: repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(13, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-13 {
    grid-template-columns: auto repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(12, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-13 {
    grid-column-start: 13;
  }

  .grid .grid__column-end-sm-13 {
    grid-column-end: 13;
  }

  .grid .grid__row-start-sm-13 {
    grid-row-start: 13;
  }

  .grid .grid__row-end-sm-13 {
    grid-row-end: 13;
  }

  .grid .grid__column-span-sm-13 {
    grid-column-end: span 13;
  }

  .grid .grid__row-span-sm-13 {
    grid-row-end: span 13;
  }

  .grid .grid__column-sm-13-ends {
    grid-column: 13 / -1;
  }

  .grid.grid--cols-sm-14 {
    grid-template-columns: repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(14, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-14 {
    grid-template-columns: auto repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(13, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-14 {
    grid-column-start: 14;
  }

  .grid .grid__column-end-sm-14 {
    grid-column-end: 14;
  }

  .grid .grid__row-start-sm-14 {
    grid-row-start: 14;
  }

  .grid .grid__row-end-sm-14 {
    grid-row-end: 14;
  }

  .grid .grid__column-span-sm-14 {
    grid-column-end: span 14;
  }

  .grid .grid__row-span-sm-14 {
    grid-row-end: span 14;
  }

  .grid .grid__column-sm-14-ends {
    grid-column: 14 / -1;
  }

  .grid.grid--cols-sm-15 {
    grid-template-columns: repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(15, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-15 {
    grid-template-columns: auto repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(14, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-15 {
    grid-column-start: 15;
  }

  .grid .grid__column-end-sm-15 {
    grid-column-end: 15;
  }

  .grid .grid__row-start-sm-15 {
    grid-row-start: 15;
  }

  .grid .grid__row-end-sm-15 {
    grid-row-end: 15;
  }

  .grid .grid__column-span-sm-15 {
    grid-column-end: span 15;
  }

  .grid .grid__row-span-sm-15 {
    grid-row-end: span 15;
  }

  .grid .grid__column-sm-15-ends {
    grid-column: 15 / -1;
  }

  .grid.grid--cols-sm-16 {
    grid-template-columns: repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(16, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-16 {
    grid-template-columns: auto repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(15, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-16 {
    grid-column-start: 16;
  }

  .grid .grid__column-end-sm-16 {
    grid-column-end: 16;
  }

  .grid .grid__row-start-sm-16 {
    grid-row-start: 16;
  }

  .grid .grid__row-end-sm-16 {
    grid-row-end: 16;
  }

  .grid .grid__column-span-sm-16 {
    grid-column-end: span 16;
  }

  .grid .grid__row-span-sm-16 {
    grid-row-end: span 16;
  }

  .grid .grid__column-sm-16-ends {
    grid-column: 16 / -1;
  }

  .grid.grid--cols-sm-17 {
    grid-template-columns: repeat(17, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(17, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-sm-17 {
    grid-template-columns: auto repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(16, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-sm-17 {
    grid-column-start: 17;
  }

  .grid .grid__column-end-sm-17 {
    grid-column-end: 17;
  }

  .grid .grid__row-start-sm-17 {
    grid-row-start: 17;
  }

  .grid .grid__row-end-sm-17 {
    grid-row-end: 17;
  }

  .grid .grid__column-span-sm-17 {
    grid-column-end: span 17;
  }

  .grid .grid__row-span-sm-17 {
    grid-row-end: span 17;
  }

  .grid .grid__column-sm-17-ends {
    grid-column: 17 / -1;
  }

  .grid.grid--gap-sm-0 {
    grid-gap: 0;
  }

  .grid.grid--gap-row-sm-0 {
    row-gap: 0;
  }

  .grid.grid--gap-column-sm-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }

  .grid.grid--gap-sm-1 {
    grid-gap: 0.75rem;
  }

  .grid.grid--gap-row-sm-1 {
    row-gap: 0.75rem;
  }

  .grid.grid--gap-column-sm-1 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .grid.grid--gap-sm-2 {
    grid-gap: 1rem;
  }

  .grid.grid--gap-row-sm-2 {
    row-gap: 1rem;
  }

  .grid.grid--gap-column-sm-2 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .grid.grid--gap-sm-3 {
    grid-gap: 1.25rem;
  }

  .grid.grid--gap-row-sm-3 {
    row-gap: 1.25rem;
  }

  .grid.grid--gap-column-sm-3 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .grid.grid--gap-sm-4 {
    grid-gap: 1.5rem;
  }

  .grid.grid--gap-row-sm-4 {
    row-gap: 1.5rem;
  }

  .grid.grid--gap-column-sm-4 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .grid.grid--cols-md-1 {
    grid-template-columns: repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(1, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-1 {
    grid-template-columns: auto;
  }

  .grid .grid__column-start-md-1 {
    grid-column-start: 1;
  }

  .grid .grid__column-end-md-1 {
    grid-column-end: 1;
  }

  .grid .grid__row-start-md-1 {
    grid-row-start: 1;
  }

  .grid .grid__row-end-md-1 {
    grid-row-end: 1;
  }

  .grid .grid__column-span-md-1 {
    grid-column-end: span 1;
  }

  .grid .grid__row-span-md-1 {
    grid-row-end: span 1;
  }

  .grid .grid__column-md-1-ends {
    grid-column: 1 / -1;
  }

  .grid.grid--cols-md-2 {
    grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(2, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-2 {
    grid-template-columns: auto repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(1, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-2 {
    grid-column-start: 2;
  }

  .grid .grid__column-end-md-2 {
    grid-column-end: 2;
  }

  .grid .grid__row-start-md-2 {
    grid-row-start: 2;
  }

  .grid .grid__row-end-md-2 {
    grid-row-end: 2;
  }

  .grid .grid__column-span-md-2 {
    grid-column-end: span 2;
  }

  .grid .grid__row-span-md-2 {
    grid-row-end: span 2;
  }

  .grid .grid__column-md-2-ends {
    grid-column: 2 / -1;
  }

  .grid.grid--cols-md-3 {
    grid-template-columns: repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-3 {
    grid-template-columns: auto repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(2, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-3 {
    grid-column-start: 3;
  }

  .grid .grid__column-end-md-3 {
    grid-column-end: 3;
  }

  .grid .grid__row-start-md-3 {
    grid-row-start: 3;
  }

  .grid .grid__row-end-md-3 {
    grid-row-end: 3;
  }

  .grid .grid__column-span-md-3 {
    grid-column-end: span 3;
  }

  .grid .grid__row-span-md-3 {
    grid-row-end: span 3;
  }

  .grid .grid__column-md-3-ends {
    grid-column: 3 / -1;
  }

  .grid.grid--cols-md-4 {
    grid-template-columns: repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(4, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-4 {
    grid-template-columns: auto repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(3, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-4 {
    grid-column-start: 4;
  }

  .grid .grid__column-end-md-4 {
    grid-column-end: 4;
  }

  .grid .grid__row-start-md-4 {
    grid-row-start: 4;
  }

  .grid .grid__row-end-md-4 {
    grid-row-end: 4;
  }

  .grid .grid__column-span-md-4 {
    grid-column-end: span 4;
  }

  .grid .grid__row-span-md-4 {
    grid-row-end: span 4;
  }

  .grid .grid__column-md-4-ends {
    grid-column: 4 / -1;
  }

  .grid.grid--cols-md-5 {
    grid-template-columns: repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(5, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-5 {
    grid-template-columns: auto repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(4, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-5 {
    grid-column-start: 5;
  }

  .grid .grid__column-end-md-5 {
    grid-column-end: 5;
  }

  .grid .grid__row-start-md-5 {
    grid-row-start: 5;
  }

  .grid .grid__row-end-md-5 {
    grid-row-end: 5;
  }

  .grid .grid__column-span-md-5 {
    grid-column-end: span 5;
  }

  .grid .grid__row-span-md-5 {
    grid-row-end: span 5;
  }

  .grid .grid__column-md-5-ends {
    grid-column: 5 / -1;
  }

  .grid.grid--cols-md-6 {
    grid-template-columns: repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(6, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-6 {
    grid-template-columns: auto repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(5, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-6 {
    grid-column-start: 6;
  }

  .grid .grid__column-end-md-6 {
    grid-column-end: 6;
  }

  .grid .grid__row-start-md-6 {
    grid-row-start: 6;
  }

  .grid .grid__row-end-md-6 {
    grid-row-end: 6;
  }

  .grid .grid__column-span-md-6 {
    grid-column-end: span 6;
  }

  .grid .grid__row-span-md-6 {
    grid-row-end: span 6;
  }

  .grid .grid__column-md-6-ends {
    grid-column: 6 / -1;
  }

  .grid.grid--cols-md-7 {
    grid-template-columns: repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(7, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-7 {
    grid-template-columns: auto repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(6, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-7 {
    grid-column-start: 7;
  }

  .grid .grid__column-end-md-7 {
    grid-column-end: 7;
  }

  .grid .grid__row-start-md-7 {
    grid-row-start: 7;
  }

  .grid .grid__row-end-md-7 {
    grid-row-end: 7;
  }

  .grid .grid__column-span-md-7 {
    grid-column-end: span 7;
  }

  .grid .grid__row-span-md-7 {
    grid-row-end: span 7;
  }

  .grid .grid__column-md-7-ends {
    grid-column: 7 / -1;
  }

  .grid.grid--cols-md-8 {
    grid-template-columns: repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(8, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-8 {
    grid-template-columns: auto repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(7, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-8 {
    grid-column-start: 8;
  }

  .grid .grid__column-end-md-8 {
    grid-column-end: 8;
  }

  .grid .grid__row-start-md-8 {
    grid-row-start: 8;
  }

  .grid .grid__row-end-md-8 {
    grid-row-end: 8;
  }

  .grid .grid__column-span-md-8 {
    grid-column-end: span 8;
  }

  .grid .grid__row-span-md-8 {
    grid-row-end: span 8;
  }

  .grid .grid__column-md-8-ends {
    grid-column: 8 / -1;
  }

  .grid.grid--cols-md-9 {
    grid-template-columns: repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(9, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-9 {
    grid-template-columns: auto repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(8, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-9 {
    grid-column-start: 9;
  }

  .grid .grid__column-end-md-9 {
    grid-column-end: 9;
  }

  .grid .grid__row-start-md-9 {
    grid-row-start: 9;
  }

  .grid .grid__row-end-md-9 {
    grid-row-end: 9;
  }

  .grid .grid__column-span-md-9 {
    grid-column-end: span 9;
  }

  .grid .grid__row-span-md-9 {
    grid-row-end: span 9;
  }

  .grid .grid__column-md-9-ends {
    grid-column: 9 / -1;
  }

  .grid.grid--cols-md-10 {
    grid-template-columns: repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(10, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-10 {
    grid-template-columns: auto repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(9, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-10 {
    grid-column-start: 10;
  }

  .grid .grid__column-end-md-10 {
    grid-column-end: 10;
  }

  .grid .grid__row-start-md-10 {
    grid-row-start: 10;
  }

  .grid .grid__row-end-md-10 {
    grid-row-end: 10;
  }

  .grid .grid__column-span-md-10 {
    grid-column-end: span 10;
  }

  .grid .grid__row-span-md-10 {
    grid-row-end: span 10;
  }

  .grid .grid__column-md-10-ends {
    grid-column: 10 / -1;
  }

  .grid.grid--cols-md-11 {
    grid-template-columns: repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(11, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-11 {
    grid-template-columns: auto repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(10, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-11 {
    grid-column-start: 11;
  }

  .grid .grid__column-end-md-11 {
    grid-column-end: 11;
  }

  .grid .grid__row-start-md-11 {
    grid-row-start: 11;
  }

  .grid .grid__row-end-md-11 {
    grid-row-end: 11;
  }

  .grid .grid__column-span-md-11 {
    grid-column-end: span 11;
  }

  .grid .grid__row-span-md-11 {
    grid-row-end: span 11;
  }

  .grid .grid__column-md-11-ends {
    grid-column: 11 / -1;
  }

  .grid.grid--cols-md-12 {
    grid-template-columns: repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(12, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-12 {
    grid-template-columns: auto repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(11, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-12 {
    grid-column-start: 12;
  }

  .grid .grid__column-end-md-12 {
    grid-column-end: 12;
  }

  .grid .grid__row-start-md-12 {
    grid-row-start: 12;
  }

  .grid .grid__row-end-md-12 {
    grid-row-end: 12;
  }

  .grid .grid__column-span-md-12 {
    grid-column-end: span 12;
  }

  .grid .grid__row-span-md-12 {
    grid-row-end: span 12;
  }

  .grid .grid__column-md-12-ends {
    grid-column: 12 / -1;
  }

  .grid.grid--cols-md-13 {
    grid-template-columns: repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(13, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-13 {
    grid-template-columns: auto repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(12, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-13 {
    grid-column-start: 13;
  }

  .grid .grid__column-end-md-13 {
    grid-column-end: 13;
  }

  .grid .grid__row-start-md-13 {
    grid-row-start: 13;
  }

  .grid .grid__row-end-md-13 {
    grid-row-end: 13;
  }

  .grid .grid__column-span-md-13 {
    grid-column-end: span 13;
  }

  .grid .grid__row-span-md-13 {
    grid-row-end: span 13;
  }

  .grid .grid__column-md-13-ends {
    grid-column: 13 / -1;
  }

  .grid.grid--cols-md-14 {
    grid-template-columns: repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(14, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-14 {
    grid-template-columns: auto repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(13, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-14 {
    grid-column-start: 14;
  }

  .grid .grid__column-end-md-14 {
    grid-column-end: 14;
  }

  .grid .grid__row-start-md-14 {
    grid-row-start: 14;
  }

  .grid .grid__row-end-md-14 {
    grid-row-end: 14;
  }

  .grid .grid__column-span-md-14 {
    grid-column-end: span 14;
  }

  .grid .grid__row-span-md-14 {
    grid-row-end: span 14;
  }

  .grid .grid__column-md-14-ends {
    grid-column: 14 / -1;
  }

  .grid.grid--cols-md-15 {
    grid-template-columns: repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(15, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-15 {
    grid-template-columns: auto repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(14, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-15 {
    grid-column-start: 15;
  }

  .grid .grid__column-end-md-15 {
    grid-column-end: 15;
  }

  .grid .grid__row-start-md-15 {
    grid-row-start: 15;
  }

  .grid .grid__row-end-md-15 {
    grid-row-end: 15;
  }

  .grid .grid__column-span-md-15 {
    grid-column-end: span 15;
  }

  .grid .grid__row-span-md-15 {
    grid-row-end: span 15;
  }

  .grid .grid__column-md-15-ends {
    grid-column: 15 / -1;
  }

  .grid.grid--cols-md-16 {
    grid-template-columns: repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(16, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-16 {
    grid-template-columns: auto repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(15, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-16 {
    grid-column-start: 16;
  }

  .grid .grid__column-end-md-16 {
    grid-column-end: 16;
  }

  .grid .grid__row-start-md-16 {
    grid-row-start: 16;
  }

  .grid .grid__row-end-md-16 {
    grid-row-end: 16;
  }

  .grid .grid__column-span-md-16 {
    grid-column-end: span 16;
  }

  .grid .grid__row-span-md-16 {
    grid-row-end: span 16;
  }

  .grid .grid__column-md-16-ends {
    grid-column: 16 / -1;
  }

  .grid.grid--cols-md-17 {
    grid-template-columns: repeat(17, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(17, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-md-17 {
    grid-template-columns: auto repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(16, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-md-17 {
    grid-column-start: 17;
  }

  .grid .grid__column-end-md-17 {
    grid-column-end: 17;
  }

  .grid .grid__row-start-md-17 {
    grid-row-start: 17;
  }

  .grid .grid__row-end-md-17 {
    grid-row-end: 17;
  }

  .grid .grid__column-span-md-17 {
    grid-column-end: span 17;
  }

  .grid .grid__row-span-md-17 {
    grid-row-end: span 17;
  }

  .grid .grid__column-md-17-ends {
    grid-column: 17 / -1;
  }

  .grid.grid--gap-md-0 {
    grid-gap: 0;
  }

  .grid.grid--gap-row-md-0 {
    row-gap: 0;
  }

  .grid.grid--gap-column-md-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }

  .grid.grid--gap-md-1 {
    grid-gap: 0.75rem;
  }

  .grid.grid--gap-row-md-1 {
    row-gap: 0.75rem;
  }

  .grid.grid--gap-column-md-1 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .grid.grid--gap-md-2 {
    grid-gap: 1rem;
  }

  .grid.grid--gap-row-md-2 {
    row-gap: 1rem;
  }

  .grid.grid--gap-column-md-2 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .grid.grid--gap-md-3 {
    grid-gap: 1.25rem;
  }

  .grid.grid--gap-row-md-3 {
    row-gap: 1.25rem;
  }

  .grid.grid--gap-column-md-3 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .grid.grid--gap-md-4 {
    grid-gap: 1.5rem;
  }

  .grid.grid--gap-row-md-4 {
    row-gap: 1.5rem;
  }

  .grid.grid--gap-column-md-4 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}

@media (min-width: 992px) {
  .grid.grid--cols-lg-1 {
    grid-template-columns: repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(1, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-1 {
    grid-template-columns: auto;
  }

  .grid .grid__column-start-lg-1 {
    grid-column-start: 1;
  }

  .grid .grid__column-end-lg-1 {
    grid-column-end: 1;
  }

  .grid .grid__row-start-lg-1 {
    grid-row-start: 1;
  }

  .grid .grid__row-end-lg-1 {
    grid-row-end: 1;
  }

  .grid .grid__column-span-lg-1 {
    grid-column-end: span 1;
  }

  .grid .grid__row-span-lg-1 {
    grid-row-end: span 1;
  }

  .grid .grid__column-lg-1-ends {
    grid-column: 1 / -1;
  }

  .grid.grid--cols-lg-2 {
    grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(2, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-2 {
    grid-template-columns: auto repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(1, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-2 {
    grid-column-start: 2;
  }

  .grid .grid__column-end-lg-2 {
    grid-column-end: 2;
  }

  .grid .grid__row-start-lg-2 {
    grid-row-start: 2;
  }

  .grid .grid__row-end-lg-2 {
    grid-row-end: 2;
  }

  .grid .grid__column-span-lg-2 {
    grid-column-end: span 2;
  }

  .grid .grid__row-span-lg-2 {
    grid-row-end: span 2;
  }

  .grid .grid__column-lg-2-ends {
    grid-column: 2 / -1;
  }

  .grid.grid--cols-lg-3 {
    grid-template-columns: repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-3 {
    grid-template-columns: auto repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(2, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-3 {
    grid-column-start: 3;
  }

  .grid .grid__column-end-lg-3 {
    grid-column-end: 3;
  }

  .grid .grid__row-start-lg-3 {
    grid-row-start: 3;
  }

  .grid .grid__row-end-lg-3 {
    grid-row-end: 3;
  }

  .grid .grid__column-span-lg-3 {
    grid-column-end: span 3;
  }

  .grid .grid__row-span-lg-3 {
    grid-row-end: span 3;
  }

  .grid .grid__column-lg-3-ends {
    grid-column: 3 / -1;
  }

  .grid.grid--cols-lg-4 {
    grid-template-columns: repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(4, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-4 {
    grid-template-columns: auto repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(3, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-4 {
    grid-column-start: 4;
  }

  .grid .grid__column-end-lg-4 {
    grid-column-end: 4;
  }

  .grid .grid__row-start-lg-4 {
    grid-row-start: 4;
  }

  .grid .grid__row-end-lg-4 {
    grid-row-end: 4;
  }

  .grid .grid__column-span-lg-4 {
    grid-column-end: span 4;
  }

  .grid .grid__row-span-lg-4 {
    grid-row-end: span 4;
  }

  .grid .grid__column-lg-4-ends {
    grid-column: 4 / -1;
  }

  .grid.grid--cols-lg-5 {
    grid-template-columns: repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(5, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-5 {
    grid-template-columns: auto repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(4, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-5 {
    grid-column-start: 5;
  }

  .grid .grid__column-end-lg-5 {
    grid-column-end: 5;
  }

  .grid .grid__row-start-lg-5 {
    grid-row-start: 5;
  }

  .grid .grid__row-end-lg-5 {
    grid-row-end: 5;
  }

  .grid .grid__column-span-lg-5 {
    grid-column-end: span 5;
  }

  .grid .grid__row-span-lg-5 {
    grid-row-end: span 5;
  }

  .grid .grid__column-lg-5-ends {
    grid-column: 5 / -1;
  }

  .grid.grid--cols-lg-6 {
    grid-template-columns: repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(6, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-6 {
    grid-template-columns: auto repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(5, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-6 {
    grid-column-start: 6;
  }

  .grid .grid__column-end-lg-6 {
    grid-column-end: 6;
  }

  .grid .grid__row-start-lg-6 {
    grid-row-start: 6;
  }

  .grid .grid__row-end-lg-6 {
    grid-row-end: 6;
  }

  .grid .grid__column-span-lg-6 {
    grid-column-end: span 6;
  }

  .grid .grid__row-span-lg-6 {
    grid-row-end: span 6;
  }

  .grid .grid__column-lg-6-ends {
    grid-column: 6 / -1;
  }

  .grid.grid--cols-lg-7 {
    grid-template-columns: repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(7, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-7 {
    grid-template-columns: auto repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(6, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-7 {
    grid-column-start: 7;
  }

  .grid .grid__column-end-lg-7 {
    grid-column-end: 7;
  }

  .grid .grid__row-start-lg-7 {
    grid-row-start: 7;
  }

  .grid .grid__row-end-lg-7 {
    grid-row-end: 7;
  }

  .grid .grid__column-span-lg-7 {
    grid-column-end: span 7;
  }

  .grid .grid__row-span-lg-7 {
    grid-row-end: span 7;
  }

  .grid .grid__column-lg-7-ends {
    grid-column: 7 / -1;
  }

  .grid.grid--cols-lg-8 {
    grid-template-columns: repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(8, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-8 {
    grid-template-columns: auto repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(7, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-8 {
    grid-column-start: 8;
  }

  .grid .grid__column-end-lg-8 {
    grid-column-end: 8;
  }

  .grid .grid__row-start-lg-8 {
    grid-row-start: 8;
  }

  .grid .grid__row-end-lg-8 {
    grid-row-end: 8;
  }

  .grid .grid__column-span-lg-8 {
    grid-column-end: span 8;
  }

  .grid .grid__row-span-lg-8 {
    grid-row-end: span 8;
  }

  .grid .grid__column-lg-8-ends {
    grid-column: 8 / -1;
  }

  .grid.grid--cols-lg-9 {
    grid-template-columns: repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(9, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-9 {
    grid-template-columns: auto repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(8, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-9 {
    grid-column-start: 9;
  }

  .grid .grid__column-end-lg-9 {
    grid-column-end: 9;
  }

  .grid .grid__row-start-lg-9 {
    grid-row-start: 9;
  }

  .grid .grid__row-end-lg-9 {
    grid-row-end: 9;
  }

  .grid .grid__column-span-lg-9 {
    grid-column-end: span 9;
  }

  .grid .grid__row-span-lg-9 {
    grid-row-end: span 9;
  }

  .grid .grid__column-lg-9-ends {
    grid-column: 9 / -1;
  }

  .grid.grid--cols-lg-10 {
    grid-template-columns: repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(10, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-10 {
    grid-template-columns: auto repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(9, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-10 {
    grid-column-start: 10;
  }

  .grid .grid__column-end-lg-10 {
    grid-column-end: 10;
  }

  .grid .grid__row-start-lg-10 {
    grid-row-start: 10;
  }

  .grid .grid__row-end-lg-10 {
    grid-row-end: 10;
  }

  .grid .grid__column-span-lg-10 {
    grid-column-end: span 10;
  }

  .grid .grid__row-span-lg-10 {
    grid-row-end: span 10;
  }

  .grid .grid__column-lg-10-ends {
    grid-column: 10 / -1;
  }

  .grid.grid--cols-lg-11 {
    grid-template-columns: repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(11, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-11 {
    grid-template-columns: auto repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(10, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-11 {
    grid-column-start: 11;
  }

  .grid .grid__column-end-lg-11 {
    grid-column-end: 11;
  }

  .grid .grid__row-start-lg-11 {
    grid-row-start: 11;
  }

  .grid .grid__row-end-lg-11 {
    grid-row-end: 11;
  }

  .grid .grid__column-span-lg-11 {
    grid-column-end: span 11;
  }

  .grid .grid__row-span-lg-11 {
    grid-row-end: span 11;
  }

  .grid .grid__column-lg-11-ends {
    grid-column: 11 / -1;
  }

  .grid.grid--cols-lg-12 {
    grid-template-columns: repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(12, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-12 {
    grid-template-columns: auto repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(11, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-12 {
    grid-column-start: 12;
  }

  .grid .grid__column-end-lg-12 {
    grid-column-end: 12;
  }

  .grid .grid__row-start-lg-12 {
    grid-row-start: 12;
  }

  .grid .grid__row-end-lg-12 {
    grid-row-end: 12;
  }

  .grid .grid__column-span-lg-12 {
    grid-column-end: span 12;
  }

  .grid .grid__row-span-lg-12 {
    grid-row-end: span 12;
  }

  .grid .grid__column-lg-12-ends {
    grid-column: 12 / -1;
  }

  .grid.grid--cols-lg-13 {
    grid-template-columns: repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(13, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-13 {
    grid-template-columns: auto repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(12, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-13 {
    grid-column-start: 13;
  }

  .grid .grid__column-end-lg-13 {
    grid-column-end: 13;
  }

  .grid .grid__row-start-lg-13 {
    grid-row-start: 13;
  }

  .grid .grid__row-end-lg-13 {
    grid-row-end: 13;
  }

  .grid .grid__column-span-lg-13 {
    grid-column-end: span 13;
  }

  .grid .grid__row-span-lg-13 {
    grid-row-end: span 13;
  }

  .grid .grid__column-lg-13-ends {
    grid-column: 13 / -1;
  }

  .grid.grid--cols-lg-14 {
    grid-template-columns: repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(14, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-14 {
    grid-template-columns: auto repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(13, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-14 {
    grid-column-start: 14;
  }

  .grid .grid__column-end-lg-14 {
    grid-column-end: 14;
  }

  .grid .grid__row-start-lg-14 {
    grid-row-start: 14;
  }

  .grid .grid__row-end-lg-14 {
    grid-row-end: 14;
  }

  .grid .grid__column-span-lg-14 {
    grid-column-end: span 14;
  }

  .grid .grid__row-span-lg-14 {
    grid-row-end: span 14;
  }

  .grid .grid__column-lg-14-ends {
    grid-column: 14 / -1;
  }

  .grid.grid--cols-lg-15 {
    grid-template-columns: repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(15, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-15 {
    grid-template-columns: auto repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(14, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-15 {
    grid-column-start: 15;
  }

  .grid .grid__column-end-lg-15 {
    grid-column-end: 15;
  }

  .grid .grid__row-start-lg-15 {
    grid-row-start: 15;
  }

  .grid .grid__row-end-lg-15 {
    grid-row-end: 15;
  }

  .grid .grid__column-span-lg-15 {
    grid-column-end: span 15;
  }

  .grid .grid__row-span-lg-15 {
    grid-row-end: span 15;
  }

  .grid .grid__column-lg-15-ends {
    grid-column: 15 / -1;
  }

  .grid.grid--cols-lg-16 {
    grid-template-columns: repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(16, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-16 {
    grid-template-columns: auto repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(15, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-16 {
    grid-column-start: 16;
  }

  .grid .grid__column-end-lg-16 {
    grid-column-end: 16;
  }

  .grid .grid__row-start-lg-16 {
    grid-row-start: 16;
  }

  .grid .grid__row-end-lg-16 {
    grid-row-end: 16;
  }

  .grid .grid__column-span-lg-16 {
    grid-column-end: span 16;
  }

  .grid .grid__row-span-lg-16 {
    grid-row-end: span 16;
  }

  .grid .grid__column-lg-16-ends {
    grid-column: 16 / -1;
  }

  .grid.grid--cols-lg-17 {
    grid-template-columns: repeat(17, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(17, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-lg-17 {
    grid-template-columns: auto repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(16, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-lg-17 {
    grid-column-start: 17;
  }

  .grid .grid__column-end-lg-17 {
    grid-column-end: 17;
  }

  .grid .grid__row-start-lg-17 {
    grid-row-start: 17;
  }

  .grid .grid__row-end-lg-17 {
    grid-row-end: 17;
  }

  .grid .grid__column-span-lg-17 {
    grid-column-end: span 17;
  }

  .grid .grid__row-span-lg-17 {
    grid-row-end: span 17;
  }

  .grid .grid__column-lg-17-ends {
    grid-column: 17 / -1;
  }

  .grid.grid--gap-lg-0 {
    grid-gap: 0;
  }

  .grid.grid--gap-row-lg-0 {
    row-gap: 0;
  }

  .grid.grid--gap-column-lg-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }

  .grid.grid--gap-lg-1 {
    grid-gap: 0.75rem;
  }

  .grid.grid--gap-row-lg-1 {
    row-gap: 0.75rem;
  }

  .grid.grid--gap-column-lg-1 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .grid.grid--gap-lg-2 {
    grid-gap: 1rem;
  }

  .grid.grid--gap-row-lg-2 {
    row-gap: 1rem;
  }

  .grid.grid--gap-column-lg-2 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .grid.grid--gap-lg-3 {
    grid-gap: 1.25rem;
  }

  .grid.grid--gap-row-lg-3 {
    row-gap: 1.25rem;
  }

  .grid.grid--gap-column-lg-3 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .grid.grid--gap-lg-4 {
    grid-gap: 1.5rem;
  }

  .grid.grid--gap-row-lg-4 {
    row-gap: 1.5rem;
  }

  .grid.grid--gap-column-lg-4 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .grid.grid--cols-xl-1 {
    grid-template-columns: repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(1, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-1 {
    grid-template-columns: auto;
  }

  .grid .grid__column-start-xl-1 {
    grid-column-start: 1;
  }

  .grid .grid__column-end-xl-1 {
    grid-column-end: 1;
  }

  .grid .grid__row-start-xl-1 {
    grid-row-start: 1;
  }

  .grid .grid__row-end-xl-1 {
    grid-row-end: 1;
  }

  .grid .grid__column-span-xl-1 {
    grid-column-end: span 1;
  }

  .grid .grid__row-span-xl-1 {
    grid-row-end: span 1;
  }

  .grid .grid__column-xl-1-ends {
    grid-column: 1 / -1;
  }

  .grid.grid--cols-xl-2 {
    grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(2, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-2 {
    grid-template-columns: auto repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(1, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-2 {
    grid-column-start: 2;
  }

  .grid .grid__column-end-xl-2 {
    grid-column-end: 2;
  }

  .grid .grid__row-start-xl-2 {
    grid-row-start: 2;
  }

  .grid .grid__row-end-xl-2 {
    grid-row-end: 2;
  }

  .grid .grid__column-span-xl-2 {
    grid-column-end: span 2;
  }

  .grid .grid__row-span-xl-2 {
    grid-row-end: span 2;
  }

  .grid .grid__column-xl-2-ends {
    grid-column: 2 / -1;
  }

  .grid.grid--cols-xl-3 {
    grid-template-columns: repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-3 {
    grid-template-columns: auto repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(2, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-3 {
    grid-column-start: 3;
  }

  .grid .grid__column-end-xl-3 {
    grid-column-end: 3;
  }

  .grid .grid__row-start-xl-3 {
    grid-row-start: 3;
  }

  .grid .grid__row-end-xl-3 {
    grid-row-end: 3;
  }

  .grid .grid__column-span-xl-3 {
    grid-column-end: span 3;
  }

  .grid .grid__row-span-xl-3 {
    grid-row-end: span 3;
  }

  .grid .grid__column-xl-3-ends {
    grid-column: 3 / -1;
  }

  .grid.grid--cols-xl-4 {
    grid-template-columns: repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(4, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-4 {
    grid-template-columns: auto repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(3, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-4 {
    grid-column-start: 4;
  }

  .grid .grid__column-end-xl-4 {
    grid-column-end: 4;
  }

  .grid .grid__row-start-xl-4 {
    grid-row-start: 4;
  }

  .grid .grid__row-end-xl-4 {
    grid-row-end: 4;
  }

  .grid .grid__column-span-xl-4 {
    grid-column-end: span 4;
  }

  .grid .grid__row-span-xl-4 {
    grid-row-end: span 4;
  }

  .grid .grid__column-xl-4-ends {
    grid-column: 4 / -1;
  }

  .grid.grid--cols-xl-5 {
    grid-template-columns: repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(5, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-5 {
    grid-template-columns: auto repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(4, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-5 {
    grid-column-start: 5;
  }

  .grid .grid__column-end-xl-5 {
    grid-column-end: 5;
  }

  .grid .grid__row-start-xl-5 {
    grid-row-start: 5;
  }

  .grid .grid__row-end-xl-5 {
    grid-row-end: 5;
  }

  .grid .grid__column-span-xl-5 {
    grid-column-end: span 5;
  }

  .grid .grid__row-span-xl-5 {
    grid-row-end: span 5;
  }

  .grid .grid__column-xl-5-ends {
    grid-column: 5 / -1;
  }

  .grid.grid--cols-xl-6 {
    grid-template-columns: repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(6, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-6 {
    grid-template-columns: auto repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(5, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-6 {
    grid-column-start: 6;
  }

  .grid .grid__column-end-xl-6 {
    grid-column-end: 6;
  }

  .grid .grid__row-start-xl-6 {
    grid-row-start: 6;
  }

  .grid .grid__row-end-xl-6 {
    grid-row-end: 6;
  }

  .grid .grid__column-span-xl-6 {
    grid-column-end: span 6;
  }

  .grid .grid__row-span-xl-6 {
    grid-row-end: span 6;
  }

  .grid .grid__column-xl-6-ends {
    grid-column: 6 / -1;
  }

  .grid.grid--cols-xl-7 {
    grid-template-columns: repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(7, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-7 {
    grid-template-columns: auto repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(6, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-7 {
    grid-column-start: 7;
  }

  .grid .grid__column-end-xl-7 {
    grid-column-end: 7;
  }

  .grid .grid__row-start-xl-7 {
    grid-row-start: 7;
  }

  .grid .grid__row-end-xl-7 {
    grid-row-end: 7;
  }

  .grid .grid__column-span-xl-7 {
    grid-column-end: span 7;
  }

  .grid .grid__row-span-xl-7 {
    grid-row-end: span 7;
  }

  .grid .grid__column-xl-7-ends {
    grid-column: 7 / -1;
  }

  .grid.grid--cols-xl-8 {
    grid-template-columns: repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(8, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-8 {
    grid-template-columns: auto repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(7, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-8 {
    grid-column-start: 8;
  }

  .grid .grid__column-end-xl-8 {
    grid-column-end: 8;
  }

  .grid .grid__row-start-xl-8 {
    grid-row-start: 8;
  }

  .grid .grid__row-end-xl-8 {
    grid-row-end: 8;
  }

  .grid .grid__column-span-xl-8 {
    grid-column-end: span 8;
  }

  .grid .grid__row-span-xl-8 {
    grid-row-end: span 8;
  }

  .grid .grid__column-xl-8-ends {
    grid-column: 8 / -1;
  }

  .grid.grid--cols-xl-9 {
    grid-template-columns: repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(9, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-9 {
    grid-template-columns: auto repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(8, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-9 {
    grid-column-start: 9;
  }

  .grid .grid__column-end-xl-9 {
    grid-column-end: 9;
  }

  .grid .grid__row-start-xl-9 {
    grid-row-start: 9;
  }

  .grid .grid__row-end-xl-9 {
    grid-row-end: 9;
  }

  .grid .grid__column-span-xl-9 {
    grid-column-end: span 9;
  }

  .grid .grid__row-span-xl-9 {
    grid-row-end: span 9;
  }

  .grid .grid__column-xl-9-ends {
    grid-column: 9 / -1;
  }

  .grid.grid--cols-xl-10 {
    grid-template-columns: repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(10, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-10 {
    grid-template-columns: auto repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(9, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-10 {
    grid-column-start: 10;
  }

  .grid .grid__column-end-xl-10 {
    grid-column-end: 10;
  }

  .grid .grid__row-start-xl-10 {
    grid-row-start: 10;
  }

  .grid .grid__row-end-xl-10 {
    grid-row-end: 10;
  }

  .grid .grid__column-span-xl-10 {
    grid-column-end: span 10;
  }

  .grid .grid__row-span-xl-10 {
    grid-row-end: span 10;
  }

  .grid .grid__column-xl-10-ends {
    grid-column: 10 / -1;
  }

  .grid.grid--cols-xl-11 {
    grid-template-columns: repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(11, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-11 {
    grid-template-columns: auto repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(10, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-11 {
    grid-column-start: 11;
  }

  .grid .grid__column-end-xl-11 {
    grid-column-end: 11;
  }

  .grid .grid__row-start-xl-11 {
    grid-row-start: 11;
  }

  .grid .grid__row-end-xl-11 {
    grid-row-end: 11;
  }

  .grid .grid__column-span-xl-11 {
    grid-column-end: span 11;
  }

  .grid .grid__row-span-xl-11 {
    grid-row-end: span 11;
  }

  .grid .grid__column-xl-11-ends {
    grid-column: 11 / -1;
  }

  .grid.grid--cols-xl-12 {
    grid-template-columns: repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(12, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-12 {
    grid-template-columns: auto repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(11, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-12 {
    grid-column-start: 12;
  }

  .grid .grid__column-end-xl-12 {
    grid-column-end: 12;
  }

  .grid .grid__row-start-xl-12 {
    grid-row-start: 12;
  }

  .grid .grid__row-end-xl-12 {
    grid-row-end: 12;
  }

  .grid .grid__column-span-xl-12 {
    grid-column-end: span 12;
  }

  .grid .grid__row-span-xl-12 {
    grid-row-end: span 12;
  }

  .grid .grid__column-xl-12-ends {
    grid-column: 12 / -1;
  }

  .grid.grid--cols-xl-13 {
    grid-template-columns: repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(13, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-13 {
    grid-template-columns: auto repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(12, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-13 {
    grid-column-start: 13;
  }

  .grid .grid__column-end-xl-13 {
    grid-column-end: 13;
  }

  .grid .grid__row-start-xl-13 {
    grid-row-start: 13;
  }

  .grid .grid__row-end-xl-13 {
    grid-row-end: 13;
  }

  .grid .grid__column-span-xl-13 {
    grid-column-end: span 13;
  }

  .grid .grid__row-span-xl-13 {
    grid-row-end: span 13;
  }

  .grid .grid__column-xl-13-ends {
    grid-column: 13 / -1;
  }

  .grid.grid--cols-xl-14 {
    grid-template-columns: repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(14, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-14 {
    grid-template-columns: auto repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(13, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-14 {
    grid-column-start: 14;
  }

  .grid .grid__column-end-xl-14 {
    grid-column-end: 14;
  }

  .grid .grid__row-start-xl-14 {
    grid-row-start: 14;
  }

  .grid .grid__row-end-xl-14 {
    grid-row-end: 14;
  }

  .grid .grid__column-span-xl-14 {
    grid-column-end: span 14;
  }

  .grid .grid__row-span-xl-14 {
    grid-row-end: span 14;
  }

  .grid .grid__column-xl-14-ends {
    grid-column: 14 / -1;
  }

  .grid.grid--cols-xl-15 {
    grid-template-columns: repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(15, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-15 {
    grid-template-columns: auto repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(14, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-15 {
    grid-column-start: 15;
  }

  .grid .grid__column-end-xl-15 {
    grid-column-end: 15;
  }

  .grid .grid__row-start-xl-15 {
    grid-row-start: 15;
  }

  .grid .grid__row-end-xl-15 {
    grid-row-end: 15;
  }

  .grid .grid__column-span-xl-15 {
    grid-column-end: span 15;
  }

  .grid .grid__row-span-xl-15 {
    grid-row-end: span 15;
  }

  .grid .grid__column-xl-15-ends {
    grid-column: 15 / -1;
  }

  .grid.grid--cols-xl-16 {
    grid-template-columns: repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(16, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-16 {
    grid-template-columns: auto repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(15, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-16 {
    grid-column-start: 16;
  }

  .grid .grid__column-end-xl-16 {
    grid-column-end: 16;
  }

  .grid .grid__row-start-xl-16 {
    grid-row-start: 16;
  }

  .grid .grid__row-end-xl-16 {
    grid-row-end: 16;
  }

  .grid .grid__column-span-xl-16 {
    grid-column-end: span 16;
  }

  .grid .grid__row-span-xl-16 {
    grid-row-end: span 16;
  }

  .grid .grid__column-xl-16-ends {
    grid-column: 16 / -1;
  }

  .grid.grid--cols-xl-17 {
    grid-template-columns: repeat(17, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(17, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-xl-17 {
    grid-template-columns: auto repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(16, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-xl-17 {
    grid-column-start: 17;
  }

  .grid .grid__column-end-xl-17 {
    grid-column-end: 17;
  }

  .grid .grid__row-start-xl-17 {
    grid-row-start: 17;
  }

  .grid .grid__row-end-xl-17 {
    grid-row-end: 17;
  }

  .grid .grid__column-span-xl-17 {
    grid-column-end: span 17;
  }

  .grid .grid__row-span-xl-17 {
    grid-row-end: span 17;
  }

  .grid .grid__column-xl-17-ends {
    grid-column: 17 / -1;
  }

  .grid.grid--gap-xl-0 {
    grid-gap: 0;
  }

  .grid.grid--gap-row-xl-0 {
    row-gap: 0;
  }

  .grid.grid--gap-column-xl-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }

  .grid.grid--gap-xl-1 {
    grid-gap: 0.75rem;
  }

  .grid.grid--gap-row-xl-1 {
    row-gap: 0.75rem;
  }

  .grid.grid--gap-column-xl-1 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .grid.grid--gap-xl-2 {
    grid-gap: 1rem;
  }

  .grid.grid--gap-row-xl-2 {
    row-gap: 1rem;
  }

  .grid.grid--gap-column-xl-2 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .grid.grid--gap-xl-3 {
    grid-gap: 1.25rem;
  }

  .grid.grid--gap-row-xl-3 {
    row-gap: 1.25rem;
  }

  .grid.grid--gap-column-xl-3 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .grid.grid--gap-xl-4 {
    grid-gap: 1.5rem;
  }

  .grid.grid--gap-row-xl-4 {
    row-gap: 1.5rem;
  }

  .grid.grid--gap-column-xl-4 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}

@media (min-width: 1500px) {
  .grid.grid--cols-2xl-1 {
    grid-template-columns: repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(1, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-1 {
    grid-template-columns: auto;
  }

  .grid .grid__column-start-2xl-1 {
    grid-column-start: 1;
  }

  .grid .grid__column-end-2xl-1 {
    grid-column-end: 1;
  }

  .grid .grid__row-start-2xl-1 {
    grid-row-start: 1;
  }

  .grid .grid__row-end-2xl-1 {
    grid-row-end: 1;
  }

  .grid .grid__column-span-2xl-1 {
    grid-column-end: span 1;
  }

  .grid .grid__row-span-2xl-1 {
    grid-row-end: span 1;
  }

  .grid .grid__column-2xl-1-ends {
    grid-column: 1 / -1;
  }

  .grid.grid--cols-2xl-2 {
    grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(2, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-2 {
    grid-template-columns: auto repeat(1, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(1, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-2 {
    grid-column-start: 2;
  }

  .grid .grid__column-end-2xl-2 {
    grid-column-end: 2;
  }

  .grid .grid__row-start-2xl-2 {
    grid-row-start: 2;
  }

  .grid .grid__row-end-2xl-2 {
    grid-row-end: 2;
  }

  .grid .grid__column-span-2xl-2 {
    grid-column-end: span 2;
  }

  .grid .grid__row-span-2xl-2 {
    grid-row-end: span 2;
  }

  .grid .grid__column-2xl-2-ends {
    grid-column: 2 / -1;
  }

  .grid.grid--cols-2xl-3 {
    grid-template-columns: repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-3 {
    grid-template-columns: auto repeat(2, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(2, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-3 {
    grid-column-start: 3;
  }

  .grid .grid__column-end-2xl-3 {
    grid-column-end: 3;
  }

  .grid .grid__row-start-2xl-3 {
    grid-row-start: 3;
  }

  .grid .grid__row-end-2xl-3 {
    grid-row-end: 3;
  }

  .grid .grid__column-span-2xl-3 {
    grid-column-end: span 3;
  }

  .grid .grid__row-span-2xl-3 {
    grid-row-end: span 3;
  }

  .grid .grid__column-2xl-3-ends {
    grid-column: 3 / -1;
  }

  .grid.grid--cols-2xl-4 {
    grid-template-columns: repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(4, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-4 {
    grid-template-columns: auto repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(3, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-4 {
    grid-column-start: 4;
  }

  .grid .grid__column-end-2xl-4 {
    grid-column-end: 4;
  }

  .grid .grid__row-start-2xl-4 {
    grid-row-start: 4;
  }

  .grid .grid__row-end-2xl-4 {
    grid-row-end: 4;
  }

  .grid .grid__column-span-2xl-4 {
    grid-column-end: span 4;
  }

  .grid .grid__row-span-2xl-4 {
    grid-row-end: span 4;
  }

  .grid .grid__column-2xl-4-ends {
    grid-column: 4 / -1;
  }

  .grid.grid--cols-2xl-5 {
    grid-template-columns: repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(5, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-5 {
    grid-template-columns: auto repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(4, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-5 {
    grid-column-start: 5;
  }

  .grid .grid__column-end-2xl-5 {
    grid-column-end: 5;
  }

  .grid .grid__row-start-2xl-5 {
    grid-row-start: 5;
  }

  .grid .grid__row-end-2xl-5 {
    grid-row-end: 5;
  }

  .grid .grid__column-span-2xl-5 {
    grid-column-end: span 5;
  }

  .grid .grid__row-span-2xl-5 {
    grid-row-end: span 5;
  }

  .grid .grid__column-2xl-5-ends {
    grid-column: 5 / -1;
  }

  .grid.grid--cols-2xl-6 {
    grid-template-columns: repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(6, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-6 {
    grid-template-columns: auto repeat(5, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(5, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-6 {
    grid-column-start: 6;
  }

  .grid .grid__column-end-2xl-6 {
    grid-column-end: 6;
  }

  .grid .grid__row-start-2xl-6 {
    grid-row-start: 6;
  }

  .grid .grid__row-end-2xl-6 {
    grid-row-end: 6;
  }

  .grid .grid__column-span-2xl-6 {
    grid-column-end: span 6;
  }

  .grid .grid__row-span-2xl-6 {
    grid-row-end: span 6;
  }

  .grid .grid__column-2xl-6-ends {
    grid-column: 6 / -1;
  }

  .grid.grid--cols-2xl-7 {
    grid-template-columns: repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(7, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-7 {
    grid-template-columns: auto repeat(6, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(6, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-7 {
    grid-column-start: 7;
  }

  .grid .grid__column-end-2xl-7 {
    grid-column-end: 7;
  }

  .grid .grid__row-start-2xl-7 {
    grid-row-start: 7;
  }

  .grid .grid__row-end-2xl-7 {
    grid-row-end: 7;
  }

  .grid .grid__column-span-2xl-7 {
    grid-column-end: span 7;
  }

  .grid .grid__row-span-2xl-7 {
    grid-row-end: span 7;
  }

  .grid .grid__column-2xl-7-ends {
    grid-column: 7 / -1;
  }

  .grid.grid--cols-2xl-8 {
    grid-template-columns: repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(8, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-8 {
    grid-template-columns: auto repeat(7, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(7, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-8 {
    grid-column-start: 8;
  }

  .grid .grid__column-end-2xl-8 {
    grid-column-end: 8;
  }

  .grid .grid__row-start-2xl-8 {
    grid-row-start: 8;
  }

  .grid .grid__row-end-2xl-8 {
    grid-row-end: 8;
  }

  .grid .grid__column-span-2xl-8 {
    grid-column-end: span 8;
  }

  .grid .grid__row-span-2xl-8 {
    grid-row-end: span 8;
  }

  .grid .grid__column-2xl-8-ends {
    grid-column: 8 / -1;
  }

  .grid.grid--cols-2xl-9 {
    grid-template-columns: repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(9, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-9 {
    grid-template-columns: auto repeat(8, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(8, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-9 {
    grid-column-start: 9;
  }

  .grid .grid__column-end-2xl-9 {
    grid-column-end: 9;
  }

  .grid .grid__row-start-2xl-9 {
    grid-row-start: 9;
  }

  .grid .grid__row-end-2xl-9 {
    grid-row-end: 9;
  }

  .grid .grid__column-span-2xl-9 {
    grid-column-end: span 9;
  }

  .grid .grid__row-span-2xl-9 {
    grid-row-end: span 9;
  }

  .grid .grid__column-2xl-9-ends {
    grid-column: 9 / -1;
  }

  .grid.grid--cols-2xl-10 {
    grid-template-columns: repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(10, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-10 {
    grid-template-columns: auto repeat(9, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(9, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-10 {
    grid-column-start: 10;
  }

  .grid .grid__column-end-2xl-10 {
    grid-column-end: 10;
  }

  .grid .grid__row-start-2xl-10 {
    grid-row-start: 10;
  }

  .grid .grid__row-end-2xl-10 {
    grid-row-end: 10;
  }

  .grid .grid__column-span-2xl-10 {
    grid-column-end: span 10;
  }

  .grid .grid__row-span-2xl-10 {
    grid-row-end: span 10;
  }

  .grid .grid__column-2xl-10-ends {
    grid-column: 10 / -1;
  }

  .grid.grid--cols-2xl-11 {
    grid-template-columns: repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(11, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-11 {
    grid-template-columns: auto repeat(10, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(10, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-11 {
    grid-column-start: 11;
  }

  .grid .grid__column-end-2xl-11 {
    grid-column-end: 11;
  }

  .grid .grid__row-start-2xl-11 {
    grid-row-start: 11;
  }

  .grid .grid__row-end-2xl-11 {
    grid-row-end: 11;
  }

  .grid .grid__column-span-2xl-11 {
    grid-column-end: span 11;
  }

  .grid .grid__row-span-2xl-11 {
    grid-row-end: span 11;
  }

  .grid .grid__column-2xl-11-ends {
    grid-column: 11 / -1;
  }

  .grid.grid--cols-2xl-12 {
    grid-template-columns: repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(12, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-12 {
    grid-template-columns: auto repeat(11, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(11, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-12 {
    grid-column-start: 12;
  }

  .grid .grid__column-end-2xl-12 {
    grid-column-end: 12;
  }

  .grid .grid__row-start-2xl-12 {
    grid-row-start: 12;
  }

  .grid .grid__row-end-2xl-12 {
    grid-row-end: 12;
  }

  .grid .grid__column-span-2xl-12 {
    grid-column-end: span 12;
  }

  .grid .grid__row-span-2xl-12 {
    grid-row-end: span 12;
  }

  .grid .grid__column-2xl-12-ends {
    grid-column: 12 / -1;
  }

  .grid.grid--cols-2xl-13 {
    grid-template-columns: repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(13, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-13 {
    grid-template-columns: auto repeat(12, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(12, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-13 {
    grid-column-start: 13;
  }

  .grid .grid__column-end-2xl-13 {
    grid-column-end: 13;
  }

  .grid .grid__row-start-2xl-13 {
    grid-row-start: 13;
  }

  .grid .grid__row-end-2xl-13 {
    grid-row-end: 13;
  }

  .grid .grid__column-span-2xl-13 {
    grid-column-end: span 13;
  }

  .grid .grid__row-span-2xl-13 {
    grid-row-end: span 13;
  }

  .grid .grid__column-2xl-13-ends {
    grid-column: 13 / -1;
  }

  .grid.grid--cols-2xl-14 {
    grid-template-columns: repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(14, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-14 {
    grid-template-columns: auto repeat(13, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(13, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-14 {
    grid-column-start: 14;
  }

  .grid .grid__column-end-2xl-14 {
    grid-column-end: 14;
  }

  .grid .grid__row-start-2xl-14 {
    grid-row-start: 14;
  }

  .grid .grid__row-end-2xl-14 {
    grid-row-end: 14;
  }

  .grid .grid__column-span-2xl-14 {
    grid-column-end: span 14;
  }

  .grid .grid__row-span-2xl-14 {
    grid-row-end: span 14;
  }

  .grid .grid__column-2xl-14-ends {
    grid-column: 14 / -1;
  }

  .grid.grid--cols-2xl-15 {
    grid-template-columns: repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(15, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-15 {
    grid-template-columns: auto repeat(14, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(14, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-15 {
    grid-column-start: 15;
  }

  .grid .grid__column-end-2xl-15 {
    grid-column-end: 15;
  }

  .grid .grid__row-start-2xl-15 {
    grid-row-start: 15;
  }

  .grid .grid__row-end-2xl-15 {
    grid-row-end: 15;
  }

  .grid .grid__column-span-2xl-15 {
    grid-column-end: span 15;
  }

  .grid .grid__row-span-2xl-15 {
    grid-row-end: span 15;
  }

  .grid .grid__column-2xl-15-ends {
    grid-column: 15 / -1;
  }

  .grid.grid--cols-2xl-16 {
    grid-template-columns: repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(16, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-16 {
    grid-template-columns: auto repeat(15, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(15, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-16 {
    grid-column-start: 16;
  }

  .grid .grid__column-end-2xl-16 {
    grid-column-end: 16;
  }

  .grid .grid__row-start-2xl-16 {
    grid-row-start: 16;
  }

  .grid .grid__row-end-2xl-16 {
    grid-row-end: 16;
  }

  .grid .grid__column-span-2xl-16 {
    grid-column-end: span 16;
  }

  .grid .grid__row-span-2xl-16 {
    grid-row-end: span 16;
  }

  .grid .grid__column-2xl-16-ends {
    grid-column: 16 / -1;
  }

  .grid.grid--cols-2xl-17 {
    grid-template-columns: repeat(17, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(17, minmax(min-content, 1fr));
    grid-auto-rows: 1fr;
  }

  .grid.grid--form-2xl-17 {
    grid-template-columns: auto repeat(16, minmax(-webkit-min-content, 1fr));
    grid-template-columns: auto repeat(16, minmax(min-content, 1fr));
  }

  .grid .grid__column-start-2xl-17 {
    grid-column-start: 17;
  }

  .grid .grid__column-end-2xl-17 {
    grid-column-end: 17;
  }

  .grid .grid__row-start-2xl-17 {
    grid-row-start: 17;
  }

  .grid .grid__row-end-2xl-17 {
    grid-row-end: 17;
  }

  .grid .grid__column-span-2xl-17 {
    grid-column-end: span 17;
  }

  .grid .grid__row-span-2xl-17 {
    grid-row-end: span 17;
  }

  .grid .grid__column-2xl-17-ends {
    grid-column: 17 / -1;
  }

  .grid.grid--gap-2xl-0 {
    grid-gap: 0;
  }

  .grid.grid--gap-row-2xl-0 {
    row-gap: 0;
  }

  .grid.grid--gap-column-2xl-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }

  .grid.grid--gap-2xl-1 {
    grid-gap: 0.75rem;
  }

  .grid.grid--gap-row-2xl-1 {
    row-gap: 0.75rem;
  }

  .grid.grid--gap-column-2xl-1 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .grid.grid--gap-2xl-2 {
    grid-gap: 1rem;
  }

  .grid.grid--gap-row-2xl-2 {
    row-gap: 1rem;
  }

  .grid.grid--gap-column-2xl-2 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .grid.grid--gap-2xl-3 {
    grid-gap: 1.25rem;
  }

  .grid.grid--gap-row-2xl-3 {
    row-gap: 1.25rem;
  }

  .grid.grid--gap-column-2xl-3 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .grid.grid--gap-2xl-4 {
    grid-gap: 1.5rem;
  }

  .grid.grid--gap-row-2xl-4 {
    row-gap: 1.5rem;
  }

  .grid.grid--gap-column-2xl-4 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}

.grid.grid--ai-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.grid.grid--ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.grid.grid--ai-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

@media (min-width: 0px) {
  .grid.grid--auto-flow-df-column {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  .grid.grid--auto-flow-df-row {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
  }
}

@media (min-width: 1px) {
  .grid.grid--auto-flow-xs-column {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  .grid.grid--auto-flow-xs-row {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
  }
}

@media (min-width: 576px) {
  .grid.grid--auto-flow-sm-column {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  .grid.grid--auto-flow-sm-row {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
  }
}

@media (min-width: 768px) {
  .grid.grid--auto-flow-md-column {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  .grid.grid--auto-flow-md-row {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
  }
}

@media (min-width: 992px) {
  .grid.grid--auto-flow-lg-column {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  .grid.grid--auto-flow-lg-row {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
  }
}

@media (min-width: 1200px) {
  .grid.grid--auto-flow-xl-column {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  .grid.grid--auto-flow-xl-row {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
  }
}

@media (min-width: 1500px) {
  .grid.grid--auto-flow-2xl-column {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  .grid.grid--auto-flow-2xl-row {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
  }
}

.grid--max-content-even-2 {
  grid-template-columns: auto -webkit-max-content auto 1fr;
  grid-template-columns: auto max-content auto 1fr;
}

[class*="grid--form"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 0.5rem 1rem;
}

[class*="grid--form"] label {
  margin-bottom: 0;
}

[class*="grid--form"] .input-field,
[class*="grid--form"] .select2-field,
[class*="grid--form"] .datepicker-field {
  margin-top: 0;
}

[class*="grid--form"] .form-group [class^="btn-"] {
  -ms-flex-item-align: unset;
      align-self: unset;
}

.row--top-space {
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .row--top-space {
    margin-top: -1rem;
  }
}

.col-0 {
  -webkit-transform: scale(0);
          transform: scale(0);
  width: 0;
}

.header {
  --header-linear-gradient-000: #304051;
  --header-linear-gradient-051: #374959;
  --header-linear-gradient-100: #364a5d;
  --header-icon-color: var(--white);
  grid-column: 1 / -1;
  grid-row: 1 / 2;
  display: grid;
  grid-template-columns: repeat(2, fit-content(200px)) 1fr 45px auto 70px;
  grid-template-areas: "logo business . search options sidebar";
  position: fixed;
  width: 100%;
  z-index: 1020;
  background: -webkit-gradient(linear, left top, right top, from(var(--header-linear-gradient-000)), color-stop(51.56%, var(--header-linear-gradient-051)), to(var(--header-linear-gradient-100)));
  background: linear-gradient(90deg, var(--header-linear-gradient-000) 0%, var(--header-linear-gradient-051) 51.56%, var(--header-linear-gradient-100) 100%);
  background: -webkit-gradient(linear, left top, right top, from(#304051), color-stop(51.56%, #374959), to(#364a5d));
  background: linear-gradient(90deg, #304051 0%, #374959 51.56%, #364a5d 100%);
}

@media (min-width: 1200px) {
  .header {
    grid-template-columns: repeat(2, fit-content(200px)) 1fr 45px auto;
    grid-template-areas: "logo business sidebar search options";
  }
}

@media (max-width: 576px) {
  .header {
    z-index: 1130;
  }
}

.header__logo {
  grid-area: logo;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__logo a[class~="logotype"] {
  margin: 0;
  padding: 8px 10px;
}

.header__logo a[class~="logotype"] span,
.header__logo a[class~="logotype"] small {
  display: none;
}

@media (min-width: 768px) {
  .header__logo a[class~="logotype"] span,
  .header__logo a[class~="logotype"] small {
    display: block;
  }
}

.header__dropdown-business {
  grid-area: business;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0 5px;
  color: #ffffff;
  color: var(--white);
  background-color: #3a4d5e;
  background-color: var(--gray-800);
}

.header__dropdown-business .k-dropdown.k-dropdown--header-big .k-dropdown__header {
  line-height: 70px;
}

.header__dropdown-business .k-dropdown.k-dropdown--header-big .k-dropdown__header span {
  display: block;
  visibility: hidden;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  width: 0;
  height: 70px;
  font-size: 1rem;
}

.header__dropdown-business .k-dropdown.k-dropdown--header-big .k-dropdown__header i[class*="fa-angle-"] {
  right: 9px;
  font-size: 1.5rem;
}

.header__dropdown-business .k-dropdown.k-dropdown--header-big .k-dropdown__content {
  top: 10px;
  left: 0;
  right: unset;
  overflow-y: auto;
  bottom: calc(-100vh + 90px);
}

@media (max-width: 576px) {
  .header__dropdown-business .k-dropdown.k-dropdown--header-big .k-dropdown__content {
    left: calc(-100% - 50px);
    top: 70px;
    width: 100vw;
    bottom: calc(-100vh + 150px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    border-bottom: 4px solid #3a4d5e;
  }
}

@media (min-width: 576px) {
  .header__dropdown-business .k-dropdown.k-dropdown--header-big .k-dropdown__header span {
    visibility: visible;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    width: unset;
    height: unset;
  }

  .header__dropdown-business .k-dropdown.k-dropdown--header-big .k-dropdown__header i[class*="fa-angle-"] {
    right: 7px;
    font-size: unset;
  }
}

.header__search {
  grid-area: search;
  margin-right: 0;
  color: var(--header-icon-color);
}

.header__search > form {
  height: 100%;
}

.header__search--open {
  --header-icon-color: var(--gray-900);
  grid-column: 1 / -1;
  z-index: 1050;
}

@media (min-width: 576px) {
  .header__search--open {
    grid-column: 3 / 5;
    margin-left: 0;
    margin-right: 0;
  }
}

.header__options {
  grid-area: options;
  position: fixed;
  left: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 70px;
  background-color: #1c2833;
  background-color: var(--gray-900);
  z-index: 1031;
}

@media (min-width: 576px) {
  .header__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: unset;
    height: unset;
    background-color: unset;
  }
}

.header__buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media (max-width: 576px) {
  .header__buttons .notification {
    position: unset;
  }
}

.header__buttons .notification__header {
  color: #ffffff;
  color: var(--header-icon-color);
  padding: 5px;
  font-size: 1.1rem;
}

@media (min-width: 576px) {
  .header__buttons .notification__header {
    padding: 11px;
  }
}

.header__buttons .notification__header div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__buttons .notification__header div span[class^="badge-"] {
  margin: 5px;
}

.header__buttons .notification__status {
  border-color: #3a4d5e;
  border-color: var(--gray-800);
}

.header__buttons .notification__content {
  top: -45vh;
  right: 0;
  left: 0;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

@media (min-width: 576px) {
  .header__buttons .notification__content {
    top: 48px;
    right: 10px;
    left: unset;
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }

  .header__buttons .notification__content ul {
    max-height: 250px;
    max-height: var(--max-height-notification-content);
    overflow-y: auto;
  }
}

@media (max-width: 576px) {
  .header__buttons .notification__content {
    min-height: 45vh;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .header__buttons .notification__content ul {
    height: calc(45vh - 30px);
    overflow-y: auto;
  }
}

.header__buttons .notification__name {
  background-color: #f8f9fa;
  background-color: var(--gray-100);
  color: #3a4d5e;
  color: var(--gray-800);
}

@media (max-width: 576px) {
  .header__buttons .notification__header div::after {
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -100%;
    left: -2px;
    background: rgba(255, 255, 255, 0.09);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .header__buttons .notification__header.notification__header--active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
    top: -100vh;
    display: block;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
  }

  .header__buttons .notification__header.notification__header--active div::after {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.header__user {
  justify-self: end;
}

@media (max-width: 576px) {
  .header__user {
    grid-column-end: -1;
  }
}

.img-fill {
  max-width: 100%;
  height: auto;
}

.img-thumb {
  padding: 0.25rem;
  background-color: #ffffff;
  border: 1px solid #bcc8d4;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.layout .modal-buttons {
  margin: -20px;
  margin-top: 0;
}

.layout + .modal-buttons {
  margin: 0;
}

@media (max-width: 576px) {
  .layout > .row {
    margin-right: 0;
    margin-left: 0;
  }

  .layout > .row > [class^="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.layout__header {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .layout__header {
    margin-bottom: 0.45rem;
  }
}

.layout__header h3 {
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 0;
}

.layout__header h5 {
  font-weight: 600;
  margin-bottom: 0;
}

.layout__header label,
.layout__header [class*="noti-"] {
  margin-bottom: 0;
}

.layout__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.layout__title h3:not(:last-child) {
  margin-left: 0;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .layout__title h3:not(:last-child) {
    margin-left: 1rem;
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .layout__title {
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 576px) {
  .layout__title {
    width: 100%;
    -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;
  }

  .layout__title label {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    text-align: center;
  }
}

.layout__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layout__controls .form-inline {
  gap: 0.5rem;
}

.layout__controls .form-inline [class^="btn-"] {
  height: auto;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}

.layout__controls .form-inline > *:not([class^="btn-"]) {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.layout__controls .form-inline > *,
.layout__controls .form-inline > [class*="col-"] > * {
  margin-right: 0;
}

.layout__controls .card {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 768px) {
  .layout__controls {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .layout__controls button,
  .layout__controls [class*="btn-"] {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
}

@media (max-width: 576px) {
  .layout__controls .form-inline [class*="btn-"] {
    width: 100%;
  }
}

.layout__main {
  display: grid;
  grid-template-areas: "form" "buttons";
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
  grid-gap: 0.7rem;
}

.layout__main > .layout__main-form {
  grid-area: form;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 0.8rem;
}

.layout__main > .layout__main-form > * {
  min-width: 0;
}

@media (max-width: 576px) {
  .layout__main > .layout__main-form > .row {
    margin-right: 0;
    margin-left: 0;
  }

  .layout__main > .layout__main-form > .row > [class^="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.layout__main > .layout__main-buttons {
  grid-area: buttons;
  margin-right: 0;
  width: 100%;
  z-index: 1000;
}

.layout__main > .layout__main-buttons .card__content {
  padding: 0 !important;
}

.layout__main > .layout__main-buttons [class*="btn-"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: calc(0.175em - 1px) 0.65em;
  height: 3.2em;
  width: auto;
  white-space: normal;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 600;
}

.layout__main > .layout__main-buttons [class*="btn-"]:only-child {
  border-radius: 0.25rem;
}

.layout__main > .layout__main-buttons [class*="btn-"]:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.layout__main > .layout__main-buttons [class*="btn-"]:first-child:not(:only-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.layout__main > .layout__main-buttons [class*="btn-"]:last-child:not(:only-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.layout__main > .layout__main-buttons [class*="btn-"] i.fa {
  padding-right: 20px;
  padding-bottom: 22px;
  font-size: 0.85rem;
}

@media only screen and (min-width: 836px) {
  .layout__main > .layout__main-buttons {
    max-width: 85px;
    height: 100%;
    z-index: unset;
  }

  .layout__main > .layout__main-buttons > .card {
    position: sticky;
    top: 80px;
  }

  .layout__main > .layout__main-buttons [class*="btn-"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.65em calc(0.65em - 1px);
    height: auto;
    width: 100%;
  }

  .layout__main > .layout__main-buttons [class*="btn-"]:first-child:not(:only-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0.675rem;
    border-top-left-radius: 0.675rem;
  }

  .layout__main > .layout__main-buttons [class*="btn-"] i.fa {
    padding-right: 0;
    padding-bottom: 24px;
    font-size: 1.1rem;
  }
}

@media only screen and (min-width: 836px) {
  .layout__main {
    grid-template-areas: "buttons form";
    grid-template-columns: 85px auto;
    grid-template-rows: auto;
  }
}

a.logotype {
  text-decoration: none;
}

a.logotype:hover {
  color: #0a2745;
}

a.logotype--white:hover {
  color: #ffffff;
}

.logotype {
  --header-logo-bg: var(--white);
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 5px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 38px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #0a2745;
  background-color: var(--header-logo-bg);
}

.logotype__image {
  -ms-flex-item-align: center;
      align-self: center;
  height: 52px;
}

.logotype__title {
  -ms-flex-item-align: center;
      align-self: center;
  line-height: 1;
}

.logotype__header {
  display: grid;
}

.logotype__subtitle {
  justify-self: start;
  font-size: 6.33333333px;
  font-weight: 400;
  letter-spacing: 1.4px;
}

.logotype--white .logotype__subtitle {
  opacity: 0.69;
}

.logotype--large .logotype__subtitle {
  font-size: 9px;
}

.logotype--large {
  font-size: 45px;
  letter-spacing: 18px;
}

.logotype--large .logotype__image {
  height: 91px;
}

.logotype--white {
  --header-logo-bg: transparent;
  color: #ffffff;
}

.main {
  max-width: 100%;
  grid-column: 1 / -1;
  grid-row: 2 / -3;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

@media (min-width: 576px) {
  .main {
    grid-column: 2 / -2;
    grid-row: 2 / -2;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .main {
    grid-column: 2 / -2;
  }
}

.sidebar {
  --menu-title-color: #ffffff;
  --menu-item-hover-color: hsl(208, 24%, 33%);
  --menu-item-active-color: hsl(208, 24%, 33%);
  --menu-icon-font-size: 1.25rem;
  --menu-subitems-active-color: var(--gray-300);
  grid-area: sidebar;
  height: 70px;
  z-index: 1030;
}

.sidebar ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
}

.sidebar > div:not(.sidebar__bar) {
  overflow-x: auto;
  overflow-y: hidden;
}

.sidebar > div:not(.sidebar__bar)::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #dee2e6;
}

.sidebar > div:not(.sidebar__bar)::-webkit-scrollbar-thumb {
  background: #a8b3bd;
}

.sidebar > div:not(.sidebar__bar)::-webkit-scrollbar-thumb:hover {
  background: #a2aeb9;
}

.sidebar > div:not(.sidebar__bar)::-webkit-scrollbar-thumb:active {
  background: #9aa6b2;
}

.sidebar > div:not(.sidebar__bar)::-webkit-scrollbar-corner {
  background: #a8b3bd;
}

.sidebar > div:not(.sidebar__bar)::-webkit-resizer {
  background: #a8b3bd;
}

.sidebar > div:not(.sidebar__bar) > ul > li:hover {
  background-color: #405568;
  background-color: var(--menu-item-hover-color);
  -webkit-box-shadow: inset -1px 0 #30414f, inset 1px 0 #30414f;
          box-shadow: inset -1px 0 #30414f, inset 1px 0 #30414f;
}

.sidebar > div:not(.sidebar__bar) > ul > li:not(.sidebar__submenu) a {
  padding: 10px 15px;
}

.sidebar > div:not(.sidebar__bar) > ul > li.sidebar__item--active {
  background-color: #405568;
  background-color: var(--menu-item-active-color);
}

.sidebar > div:not(.sidebar__bar) > ul > li .sidebar__submenu-title.sidebar__submenu-title--active {
  background-color: #405568;
  background-color: var(--menu-item-active-color);
}

.sidebar > div:not(.sidebar__bar) > ul > li .sidebar__submenu-content .sidebar__submenu-title.sidebar__submenu-title--active {
  background-color: #dee2e6;
  background-color: var(--menu-subitems-active-color);
}

.sidebar > div:not(.sidebar__bar) > ul > li .sidebar__submenu-content .sidebar__item--active {
  background-color: #dee2e6;
  background-color: var(--menu-subitems-active-color);
}

.sidebar > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title > i.fa-angle-right {
  height: 25px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.sidebar > div:not(.sidebar__bar) > ul > li:first-child {
  padding-left: 0;
}

.sidebar li {
  display: inline;
  font-size: 0.9rem;
}

.sidebar li .sidebar__submenu-content li {
  margin-right: 0;
}

.sidebar li:hover {
  background-color: unset;
}

.sidebar li a {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-decoration: none;
  color: #ffffff;
  color: var(--menu-title-color);
}

.sidebar li a span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 25px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.275s ease;
  transition: -webkit-transform 0.275s ease;
  transition: transform 0.275s ease;
  transition: transform 0.275s ease, -webkit-transform 0.275s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  will-change: transform;
}

.sidebar li a > i.fa {
  font-size: 1.25rem;
  font-size: var(--menu-icon-font-size);
}

.sidebar li i.fa {
  display: inline-block;
  width: 30px;
  text-align: center;
  line-height: 25px;
  color: #ffffff;
  color: var(--menu-title-color);
}

.sidebar__submenu .sidebar__submenu.sidebar__submenu--active > .sidebar__submenu-content {
  left: 100%;
  margin-top: -35px;
  margin-left: -35px;
}

.sidebar__submenu.sidebar__submenu--active > .sidebar__submenu-content {
  display: block;
  padding: 0 15px 15px;
  margin-left: -15px;
}

.sidebar__submenu-title {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 10px 0 10px 12px;
  color: #ffffff;
  color: var(--menu-title-color);
}

.sidebar__submenu-title i[class*="fa-angle-"] {
  -ms-flex-item-align: center;
      align-self: center;
  width: 20px;
  text-align: center;
  font-weight: 600;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sidebar__submenu-title div {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sidebar__submenu-title div span {
  line-height: 25px;
}

.sidebar__submenu-title div i.fa {
  font-size: 1.25rem;
  font-size: var(--menu-icon-font-size);
}

.sidebar__submenu-content {
  position: absolute;
  display: none;
  font-family: "Roboto", sans-serif;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  z-index: 1030;
}

.sidebar__submenu-content ul {
  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-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: #ffffff;
}

.sidebar__submenu-content ul a {
  display: block;
  padding: 5px 25px 7px 15px;
  height: 100%;
  white-space: nowrap;
  color: #355e87;
  font-weight: 400;
}

.sidebar__submenu-content ul a:hover,
.sidebar__submenu-content ul a:focus {
  text-decoration: underline;
}

.sidebar__submenu-content .sidebar__submenu-title {
  padding-left: 25px;
  height: 35px;
  line-height: 35px;
  padding: 10px 0 10px 12px;
  font-weight: 400;
  color: #355e87;
  color: var(--primary-300);
}

.sidebar__submenu-content .sidebar__submenu-title span {
  height: 35px;
  line-height: 15px;
}

.sidebar__submenu-content .sidebar__submenu-title i[class*="fa-angle-"] {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  color: #3a4d5e;
  color: var(--gray-800);
}

.sidebar__submenu-content .sidebar__submenu-title:hover span {
  text-decoration: underline;
}

.sidebar__submenu-content .sidebar__submenu:not(:first-child) .sidebar__submenu-content ul {
  border-radius: 0.25rem;
}

.sidebar__bar {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 70px;
  line-height: 70px;
  -webkit-box-shadow: inset 1px 0 #30414f;
          box-shadow: inset 1px 0 #30414f;
  background-color: #405568;
  background-color: var(--menu-item-active-color);
  font-size: 1.4rem;
  text-align: center;
  color: #ffffff;
  color: var(--white);
}

.sidebar__bar--show {
  display: block;
}

.sidebar.sidebar--shrink .sidebar__list-wrapper {
  --menu-title-color: var(--gray-800);
  --menu-item-hover-color: var(--gray-300);
  position: absolute;
  top: 70px;
  right: 0;
  width: 100%;
  height: calc(100vh - 70px);
  overflow-y: auto !important;
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (max-width: 576px) {
  .sidebar.sidebar--shrink .sidebar__list-wrapper {
    height: calc(100vh - 140px);
  }
}

.sidebar.sidebar--shrink .sidebar__list-wrapper--show {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  float: right;
  height: 100%;
  width: 100%;
  padding-bottom: 10px;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  border-top: 1px solid #dee2e6;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
  overflow-y: unset;
  overflow-x: hidden;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 100%;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li:hover {
  -webkit-box-shadow: inset 5px 0 0 #3a4d5e;
          box-shadow: inset 5px 0 0 #3a4d5e;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li:not(.sidebar__subemnu) a {
  padding: 0;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li.sidebar__item--active {
  background-color: #dee2e6;
  -webkit-box-shadow: inset 5px 0 0 #3a4d5e;
          box-shadow: inset 5px 0 0 #3a4d5e;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li > a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 50px;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li > a span {
  line-height: 50px;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li > a > i.fa {
  line-height: 50px;
  width: 40px;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li > .sidebar__submenu-title.sidebar__submenu-title--active {
  background-color: #dee2e6;
  -webkit-box-shadow: inset 5px 0 0 #3a4d5e;
          box-shadow: inset 5px 0 0 #3a4d5e;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li.sidebar__submenu.sidebar__submenu--active {
  background-color: #dee2e6;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li.sidebar__submenu.sidebar__submenu--active > .sidebar__submenu-title {
  -webkit-box-shadow: inset 5px 0 0 #3a4d5e;
          box-shadow: inset 5px 0 0 #3a4d5e;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li.sidebar__submenu.sidebar__submenu--active > .sidebar__submenu-content {
  display: block;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li.sidebar__submenu.sidebar__submenu--active .sidebar__submenu.sidebar__submenu--active {
  background-color: #e9ecef;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li.sidebar__submenu.sidebar__submenu--active .sidebar__submenu.sidebar__submenu--active > .sidebar__submenu-content {
  display: block;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 0 0 5px;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title div span {
  line-height: 50px;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title div i.fa {
  width: 40px;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title i[class*="fa-angle-"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content {
  position: relative;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content ul {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content li {
  text-align: left;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content li a {
  padding: 5px 5px 10px 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content li a:hover {
  white-space: normal;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu:not(:first-child) .sidebar__submenu-content ul {
  border-radius: 0;
  border-bottom: 1px solid #dee2e6;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu:hover > .sidebar__submenu-content {
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  right: unset;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu > .sidebar__submenu-title {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 15px;
  padding-right: 0;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu > .sidebar__submenu-title i[class*="fa-angle-"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu > .sidebar__submenu-content {
  position: relative;
  left: 0;
  right: 0%;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu > .sidebar__submenu-content li a {
  padding: 5px 15px 7px 30px;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu:hover > .sidebar__submenu-content {
  padding: 0;
}

.sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu div i.fa {
  height: 50px;
  line-height: 50px;
}

@media (max-width: 768px) {
  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu-content ul {
    border-radius: 0;
    border-bottom: 1px solid #dee2e6;
  }
}

@media (min-width: 768px) {
  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul {
    height: unset;
    width: 180px;
    border-bottom-left-radius: 0.25rem;
    overflow-x: unset;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li {
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 180px;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li:hover {
    -webkit-box-shadow: inset -5px 0 0 #3a4d5e;
            box-shadow: inset -5px 0 0 #3a4d5e;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li.sidebar__item--active {
    -webkit-box-shadow: inset -5px 0 0 #3a4d5e;
            box-shadow: inset -5px 0 0 #3a4d5e;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li > a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > li > .sidebar__submenu-title.sidebar__submenu-title--active {
    background-color: #dee2e6;
    -webkit-box-shadow: inset -5px 0 0 #3a4d5e;
            box-shadow: inset -5px 0 0 #3a4d5e;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-title i[class*="fa-angle-"] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content {
    position: absolute;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content ul {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content li {
    text-align: right;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content li a {
    text-overflow: unset;
    overflow: unset;
    padding: 5px 10px 7px 15px;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu > .sidebar__submenu-content li a:hover {
    white-space: nowrap;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu:not(:first-child) .sidebar__submenu-content ul {
    border-radius: 0.25rem;
    border-bottom: unset;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu:hover > .sidebar__submenu-content {
    padding: 30px 0 30px 30px;
    margin-top: -80px;
    margin-right: -4px;
    margin-left: 0;
    right: 180px;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu > .sidebar__submenu-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 15px;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu > .sidebar__submenu-title i[class*="fa-angle-"] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu > .sidebar__submenu-content {
    position: absolute;
    left: unset;
    right: 100%;
    margin-top: -65px;
    margin-right: -35px;
    margin-left: 0;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu > .sidebar__submenu-content > li > a {
    padding: 5px 5px 10px 15px;
  }

  .sidebar.sidebar--shrink > div:not(.sidebar__bar) > ul > .sidebar__submenu .sidebar__submenu:hover > .sidebar__submenu-content {
    padding: 30px 0 30px 30px;
  }
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-info {
  color: var(--info) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-light {
  color: var(--light) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.text-bus100 {
  color: var(--bus100) !important;
}

.text-bus200 {
  color: var(--bus200) !important;
}

.text-bus300 {
  color: var(--bus300) !important;
}

.text-bus400 {
  color: var(--bus400) !important;
}

.text-gray100 {
  color: var(--gray100) !important;
}

.text-gray200 {
  color: var(--gray200) !important;
}

.text-gray300 {
  color: var(--gray300) !important;
}

.text-gray400 {
  color: var(--gray400) !important;
}

.text-gray500 {
  color: var(--gray500) !important;
}

.text-gray600 {
  color: var(--gray600) !important;
}

.text-gray700 {
  color: var(--gray700) !important;
}

.text-gray800 {
  color: var(--gray800) !important;
}

.text-gray900 {
  color: var(--gray900) !important;
}

.title-header {
  padding-left: 10px;
  padding-bottom: 3px;
  margin-bottom: 2rem;
  border-left: 5px solid var(--gray-400);
}

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

.text-uppercase-spacing {
  letter-spacing: 1px;
  text-transform: uppercase;
}

.text-muted {
  color: var(--gray-600) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-normal {
  font-style: normal;
}

.text-italic {
  font-style: italic;
}

.text-underline {
  text-decoration: underline;
}

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

.text-justify {
  text-align: justify !important;
}

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

.text-right {
  text-align: right !important;
}

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

.fs-1 {
  font-size: 0.25rem !important;
}

.fs-2 {
  font-size: 0.5rem !important;
}

.fs-3 {
  font-size: 1rem !important;
}

.fs-4 {
  font-size: 1.25rem !important;
}

.fs-5 {
  font-size: 1.5rem !important;
}

.fw-bold {
  font-weight: 600 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 1px) {
  .m-xs-0 {
    margin: 0 !important;
  }

  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }

  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }

  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }

  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }

  .m-xs-1 {
    margin: 0.25rem !important;
  }

  .mt-xs-1,
  .my-xs-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xs-1,
  .mx-xs-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xs-1,
  .mx-xs-1 {
    margin-left: 0.25rem !important;
  }

  .m-xs-2 {
    margin: 0.5rem !important;
  }

  .mt-xs-2,
  .my-xs-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xs-2,
  .mx-xs-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xs-2,
  .mx-xs-2 {
    margin-left: 0.5rem !important;
  }

  .m-xs-3 {
    margin: 1rem !important;
  }

  .mt-xs-3,
  .my-xs-3 {
    margin-top: 1rem !important;
  }

  .mr-xs-3,
  .mx-xs-3 {
    margin-right: 1rem !important;
  }

  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xs-3,
  .mx-xs-3 {
    margin-left: 1rem !important;
  }

  .m-xs-4 {
    margin: 1.5rem !important;
  }

  .mt-xs-4,
  .my-xs-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xs-4,
  .mx-xs-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xs-4,
  .mx-xs-4 {
    margin-left: 1.5rem !important;
  }

  .m-xs-5 {
    margin: 3rem !important;
  }

  .mt-xs-5,
  .my-xs-5 {
    margin-top: 3rem !important;
  }

  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 3rem !important;
  }

  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 3rem !important;
  }

  .p-xs-0 {
    padding: 0 !important;
  }

  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }

  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }

  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }

  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }

  .p-xs-1 {
    padding: 0.25rem !important;
  }

  .pt-xs-1,
  .py-xs-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xs-1,
  .px-xs-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xs-1,
  .px-xs-1 {
    padding-left: 0.25rem !important;
  }

  .p-xs-2 {
    padding: 0.5rem !important;
  }

  .pt-xs-2,
  .py-xs-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xs-2,
  .px-xs-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xs-2,
  .px-xs-2 {
    padding-left: 0.5rem !important;
  }

  .p-xs-3 {
    padding: 1rem !important;
  }

  .pt-xs-3,
  .py-xs-3 {
    padding-top: 1rem !important;
  }

  .pr-xs-3,
  .px-xs-3 {
    padding-right: 1rem !important;
  }

  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xs-3,
  .px-xs-3 {
    padding-left: 1rem !important;
  }

  .p-xs-4 {
    padding: 1.5rem !important;
  }

  .pt-xs-4,
  .py-xs-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xs-4,
  .px-xs-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xs-4,
  .px-xs-4 {
    padding-left: 1.5rem !important;
  }

  .p-xs-5 {
    padding: 3rem !important;
  }

  .pt-xs-5,
  .py-xs-5 {
    padding-top: 3rem !important;
  }

  .pr-xs-5,
  .px-xs-5 {
    padding-right: 3rem !important;
  }

  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xs-5,
  .px-xs-5 {
    padding-left: 3rem !important;
  }

  .m-xs-auto {
    margin: auto !important;
  }

  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }

  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }

  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }

  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1500px) {
  .m-2xl-0 {
    margin: 0 !important;
  }

  .mt-2xl-0,
  .my-2xl-0 {
    margin-top: 0 !important;
  }

  .mr-2xl-0,
  .mx-2xl-0 {
    margin-right: 0 !important;
  }

  .mb-2xl-0,
  .my-2xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-2xl-0,
  .mx-2xl-0 {
    margin-left: 0 !important;
  }

  .m-2xl-1 {
    margin: 0.25rem !important;
  }

  .mt-2xl-1,
  .my-2xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-2xl-1,
  .mx-2xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-2xl-1,
  .my-2xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-2xl-1,
  .mx-2xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-2xl-2 {
    margin: 0.5rem !important;
  }

  .mt-2xl-2,
  .my-2xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-2xl-2,
  .mx-2xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-2xl-2,
  .my-2xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-2xl-2,
  .mx-2xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-2xl-3 {
    margin: 1rem !important;
  }

  .mt-2xl-3,
  .my-2xl-3 {
    margin-top: 1rem !important;
  }

  .mr-2xl-3,
  .mx-2xl-3 {
    margin-right: 1rem !important;
  }

  .mb-2xl-3,
  .my-2xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-2xl-3,
  .mx-2xl-3 {
    margin-left: 1rem !important;
  }

  .m-2xl-4 {
    margin: 1.5rem !important;
  }

  .mt-2xl-4,
  .my-2xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-2xl-4,
  .mx-2xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-2xl-4,
  .my-2xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-2xl-4,
  .mx-2xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-2xl-5 {
    margin: 3rem !important;
  }

  .mt-2xl-5,
  .my-2xl-5 {
    margin-top: 3rem !important;
  }

  .mr-2xl-5,
  .mx-2xl-5 {
    margin-right: 3rem !important;
  }

  .mb-2xl-5,
  .my-2xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-2xl-5,
  .mx-2xl-5 {
    margin-left: 3rem !important;
  }

  .p-2xl-0 {
    padding: 0 !important;
  }

  .pt-2xl-0,
  .py-2xl-0 {
    padding-top: 0 !important;
  }

  .pr-2xl-0,
  .px-2xl-0 {
    padding-right: 0 !important;
  }

  .pb-2xl-0,
  .py-2xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-2xl-0,
  .px-2xl-0 {
    padding-left: 0 !important;
  }

  .p-2xl-1 {
    padding: 0.25rem !important;
  }

  .pt-2xl-1,
  .py-2xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-2xl-1,
  .px-2xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-2xl-1,
  .py-2xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-2xl-1,
  .px-2xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-2xl-2 {
    padding: 0.5rem !important;
  }

  .pt-2xl-2,
  .py-2xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-2xl-2,
  .px-2xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-2xl-2,
  .py-2xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-2xl-2,
  .px-2xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-2xl-3 {
    padding: 1rem !important;
  }

  .pt-2xl-3,
  .py-2xl-3 {
    padding-top: 1rem !important;
  }

  .pr-2xl-3,
  .px-2xl-3 {
    padding-right: 1rem !important;
  }

  .pb-2xl-3,
  .py-2xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-2xl-3,
  .px-2xl-3 {
    padding-left: 1rem !important;
  }

  .p-2xl-4 {
    padding: 1.5rem !important;
  }

  .pt-2xl-4,
  .py-2xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-2xl-4,
  .px-2xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-2xl-4,
  .py-2xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-2xl-4,
  .px-2xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-2xl-5 {
    padding: 3rem !important;
  }

  .pt-2xl-5,
  .py-2xl-5 {
    padding-top: 3rem !important;
  }

  .pr-2xl-5,
  .px-2xl-5 {
    padding-right: 3rem !important;
  }

  .pb-2xl-5,
  .py-2xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-2xl-5,
  .px-2xl-5 {
    padding-left: 3rem !important;
  }

  .m-2xl-auto {
    margin: auto !important;
  }

  .mt-2xl-auto,
  .my-2xl-auto {
    margin-top: auto !important;
  }

  .mr-2xl-auto,
  .mx-2xl-auto {
    margin-right: auto !important;
  }

  .mb-2xl-auto,
  .my-2xl-auto {
    margin-bottom: auto !important;
  }

  .ml-2xl-auto,
  .mx-2xl-auto {
    margin-left: auto !important;
  }
}

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

.bg-primary {
  background-color: #224a72 !important;
  color: #ffffff !important;
}

.bg-secondary {
  background-color: #6a7d8f !important;
  color: #ffffff !important;
}

.bg-success {
  background-color: #23d160 !important;
  color: #ffffff !important;
}

.bg-info {
  background-color: #209cee !important;
  color: #ffffff !important;
}

.bg-warning {
  background-color: #ffc107 !important;
  color: #1c2833 !important;
}

.bg-danger {
  background-color: #ff2854 !important;
  color: #ffffff !important;
}

.bg-light {
  background-color: #e9ecef !important;
  color: #1c2833 !important;
}

.bg-dark {
  background-color: #1c2833 !important;
  color: #ffffff !important;
}

.bg-bus100 {
  background-color: #0d3863 !important;
  color: #ffffff !important;
}

.bg-bus200 {
  background-color: #0f672f !important;
  color: #ffffff !important;
}

.bg-bus300 {
  background-color: #88b2b5 !important;
  color: #ffffff !important;
}

.bg-bus400 {
  background-color: #cddedf !important;
  color: #ffffff !important;
}

.overflow-container {
  width: 100%;
  overflow-x: auto;
}

@media (min-width: 768px) {
  .overflow-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: #dee2e6;
  }

  .overflow-container::-webkit-scrollbar-thumb {
    background: #a8b3bd;
  }

  .overflow-container::-webkit-scrollbar-thumb:hover {
    background: #a2aeb9;
  }

  .overflow-container::-webkit-scrollbar-thumb:active {
    background: #9aa6b2;
  }

  .overflow-container::-webkit-scrollbar-corner {
    background: #a8b3bd;
  }

  .overflow-container::-webkit-resizer {
    background: #a8b3bd;
  }
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-flex.jc-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.d-flex.jc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.d-flex.jc-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.d-flex.ai-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.d-flex.ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.d-flex.ai-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.d-flex.fd-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.d-flex.fd-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.d-flex.gap-5 {
  gap: 5px;
}

.d-flex.gap-10 {
  gap: 10px;
}

.d-flex.gap-15 {
  gap: 15px;
}

.spacing > *:not(:last-child) {
  margin-right: 1rem;
}

.spacing.spacing--left > *:not(:last-child) {
  margin-left: 1rem;
}

.max-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.ta-right {
  text-align: right;
}

td[tooltip] {
  display: table-cell;
}

td[tooltip] label {
  margin: 0;
}

td[tooltip]::before,
td[tooltip]::after {
  top: 4px;
}

[tooltip] {
  position: relative;
  display: inline-block;
}

[tooltip]::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 4px 6px 0 6px;
  border-style: solid;
  border-color: rgba(28, 40, 51, 0.85) transparent transparent transparent;
  z-index: 1060;
  opacity: 0;
}

[tooltip-position="left"]::before {
  left: 0%;
  top: 50%;
  margin-left: -12px;
  -webkit-transform: translatey(-50%) rotate(-90deg);
          transform: translatey(-50%) rotate(-90deg);
}

[tooltip-position="top"]::before {
  left: 50%;
}

[tooltip-position="bottom"]::before {
  top: 100%;
  margin-top: 8px;
  -webkit-transform: translateX(-50%) translatey(-100%) rotate(-180deg);
          transform: translateX(-50%) translatey(-100%) rotate(-180deg);
}

[tooltip-position="right"]::before {
  left: 100%;
  top: 50%;
  margin-left: 1px;
  -webkit-transform: translatey(-50%) rotate(90deg);
          transform: translatey(-50%) rotate(90deg);
}

[tooltip]::after {
  content: attr(tooltip);
  position: absolute;
  left: 50%;
  top: -6px;
  -webkit-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
  background: rgba(28, 40, 51, 0.85);
  text-align: center;
  color: #e9ecef;
  font-size: 0.85rem;
  min-width: 80px;
  border-radius: 0.25rem;
  pointer-events: none;
  padding: 7px 12px;
  z-index: 1060;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0;
}

[tooltip-position="left"]::after {
  left: 0%;
  top: 50%;
  margin-left: -8px;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}

[tooltip-position="top"]::after {
  left: 50%;
}

[tooltip-position="bottom"]::after {
  top: 100%;
  margin-top: 8px;
  -webkit-transform: translateX(-50%) translateY(0%);
          transform: translateX(-50%) translateY(0%);
}

[tooltip-position="right"]::after {
  left: 100%;
  top: 50%;
  margin-left: 8px;
  -webkit-transform: translateX(0%) translateY(-50%);
          transform: translateX(0%) translateY(-50%);
}

[tooltip]:hover::after,
[tooltip]:hover::before {
  opacity: 1;
}

.labels-block > label {
  display: block;
}

@media (min-width: 992px) {
  .label-nowrap {
    white-space: nowrap;
  }
}

.badge-primary,
.badge-secondary,
.badge-success,
.badge-info,
.badge-warning,
.badge-danger,
.badge-light,
.badge-dark {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge-primary {
  color: var(--white);
  background-color: var(--primary);
}

.badge-secondary {
  color: var(--white);
  background-color: var(--secondary);
}

.badge-success {
  color: var(--white);
  background-color: var(--success);
}

.badge-info {
  color: var(--white);
  background-color: var(--info);
}

.badge-warning {
  color: var(--gray-900);
  background-color: var(--warning);
}

[data-theme="dark"] .badge-warning {
  color: var(--gray-100);
}

.badge-danger {
  color: var(--white);
  background-color: var(--danger);
}

.badge-light {
  color: var(--gray-900);
  background-color: var(--light);
}

[data-theme="dark"] .badge-light {
  color: var(--gray-100);
}

.badge-dark {
  color: var(--white);
  background-color: var(--dark);
}

button,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-light,
.btn-dark,
.btn-bus100,
.btn-bus200,
.btn-bus300,
.btn-bus400 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--gray-400);
  border-radius: 0.375rem;
  background-color: #ffffff;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 0.84rem;
  height: 2.2em;
  line-height: 1.3;
  color: var(--gray-900);
  cursor: pointer;
  padding: calc(0.175em - 1px) 0.65em;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  will-change: background-color;
}

button:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-light:hover,
.btn-dark:hover,
.btn-bus100:hover,
.btn-bus200:hover,
.btn-bus300:hover,
.btn-bus400:hover {
  border-color: var(--gray-600);
  color: var(--gray-900);
}

button:hover span,
.btn-primary:hover span,
.btn-secondary:hover span,
.btn-success:hover span,
.btn-info:hover span,
.btn-warning:hover span,
.btn-danger:hover span,
.btn-light:hover span,
.btn-dark:hover span,
.btn-bus100:hover span,
.btn-bus200:hover span,
.btn-bus300:hover span,
.btn-bus400:hover span {
  text-decoration: underline;
}

button:active,
.btn-primary:active,
.btn-secondary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-light:active,
.btn-dark:active,
.btn-bus100:active,
.btn-bus200:active,
.btn-bus300:active,
.btn-bus400:active {
  border-color: var(--gray-800);
  color: var(--gray-900);
}

button:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-success:focus,
.btn-info:focus,
.btn-warning:focus,
.btn-danger:focus,
.btn-light:focus,
.btn-dark:focus,
.btn-bus100:focus,
.btn-bus200:focus,
.btn-bus300:focus,
.btn-bus400:focus,
button.focused,
.focused.btn-primary,
.focused.btn-secondary,
.focused.btn-success,
.focused.btn-info,
.focused.btn-warning,
.focused.btn-danger,
.focused.btn-light,
.focused.btn-dark,
.focused.btn-bus100,
.focused.btn-bus200,
.focused.btn-bus300,
.focused.btn-bus400 {
  border-color: rgba(var(--rgb-primary-300), 0.5);
  color: var(--gray-900);
  outline: 0;
}

button.focused:not(:active),
.focused.btn-primary:not(:active),
.focused.btn-secondary:not(:active),
.focused.btn-success:not(:active),
.focused.btn-info:not(:active),
.focused.btn-warning:not(:active),
.focused.btn-danger:not(:active),
.focused.btn-light:not(:active),
.focused.btn-dark:not(:active),
.focused.btn-bus100:not(:active),
.focused.btn-bus200:not(:active),
.focused.btn-bus300:not(:active),
.focused.btn-bus400:not(:active),
button:focus:not(:active),
.btn-primary:focus:not(:active),
.btn-secondary:focus:not(:active),
.btn-success:focus:not(:active),
.btn-info:focus:not(:active),
.btn-warning:focus:not(:active),
.btn-danger:focus:not(:active),
.btn-light:focus:not(:active),
.btn-dark:focus:not(:active),
.btn-bus100:focus:not(:active),
.btn-bus200:focus:not(:active),
.btn-bus300:focus:not(:active),
.btn-bus400:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(var(--rgb-primary-300), 0.25);
          box-shadow: 0 0 0 0.125em rgba(var(--rgb-primary-300), 0.25);
}

button:disabled,
.btn-primary:disabled,
.btn-secondary:disabled,
.btn-success:disabled,
.btn-info:disabled,
.btn-warning:disabled,
.btn-danger:disabled,
.btn-light:disabled,
.btn-dark:disabled,
.btn-bus100:disabled,
.btn-bus200:disabled,
.btn-bus300:disabled,
.btn-bus400:disabled,
button.disabled,
.disabled.btn-primary,
.disabled.btn-secondary,
.disabled.btn-success,
.disabled.btn-info,
.disabled.btn-warning,
.disabled.btn-danger,
.disabled.btn-light,
.disabled.btn-dark,
.disabled.btn-bus100,
.disabled.btn-bus200,
.disabled.btn-bus300,
.disabled.btn-bus400 {
  opacity: 0.65;
  cursor: not-allowed;
}

button i.fa {
  width: 14px;
  height: 22px;
  line-height: 22px;
  font-size: 0.85rem;
}

button i.fa:not(:last-child) {
  padding-right: 20px;
  padding-bottom: 22px;
}

button.swal.fire2-styled {
  height: auto;
}

button.close {
  height: auto;
  padding: 0;
  background-color: transparent;
  border: 0;
}

button.close:focus,
button.close:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.close {
  float: right;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.5;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button [class*="badge-"] {
  position: relative;
  right: -4px;
}

a[class^="btn"]:hover {
  text-decoration: none;
}

.btn--block {
  display: block;
  width: 100%;
}

.btn--block + .btn--block {
  margin-top: 0.5rem;
}

.btn--bigger {
  padding-left: 2.2em;
  padding-right: 2.2em;
  font-size: 0.9rem;
}

.btn--rounded {
  border-radius: 290486px !important;
  padding-left: 1em;
  padding-right: 1em;
}

[class*="btn-"].dropdown {
  padding: 0;
}

[class*="btn-"].dropdown .dropdown__header {
  height: 100%;
  line-height: unset;
}

[class*="btn-"].dropdown .dropdown__header div:first-child {
  padding-left: 15px;
}

[class*="btn-"].dropdown .dropdown__header div:first-child i.fa {
  right: 6px;
}

.btn--small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.btn--medium {
  font-size: 1.25rem;
}

.btn--large {
  font-size: 1.5rem;
}

.btn-primary {
  color: #ffffff;
  background-color: var(--primary);
  border-color: transparent;
  border-width: 0;
}

.btn-primary:hover {
  background-color: #1c3d5e;
  border-color: transparent;
  color: #ffffff;
}

.btn-primary:active {
  background-color: #193653;
  border-color: transparent;
  color: #ffffff;
}

.btn-primary.focused:not(:active),
.btn-primary:focus:not(:active),
.btn-primary:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(34, 74, 114, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(34, 74, 114, 0.5);
}

.btn-primary:focus,
.btn-primary.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-primary.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--primary);
  color: var(--primary);
}

.btn-primary.btn--outline:hover {
  color: #1c3d5e;
}

.btn-primary.btn--outline:active {
  color: #193653;
}

.btn-primary.btn--outline.focused:not(:active),
.btn-primary.btn--outline:focus:not(:active),
.btn-primary.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-primary.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--primary);
}

.btn-primary.btn--text:hover {
  color: #1c3d5e;
}

.btn-primary.btn--text:active {
  color: #193653;
}

.btn-primary.btn--text.focused:not(:active),
.btn-primary.btn--text:focus:not(:active),
.btn-primary.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-primary.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #224a72;
}

.btn-primary.btn--text-outline:hover {
  color: #1c3d5e;
  outline: 2px solid;
}

.btn-primary.btn--text-outline:active {
  color: #193653;
  outline: 2px solid;
}

.btn-primary.btn--text-outline.focused:not(:active),
.btn-primary.btn--text-outline:focus:not(:active),
.btn-primary.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-secondary {
  color: #ffffff;
  background-color: var(--secondary);
  border-color: transparent;
  border-width: 0;
}

.btn-secondary:hover {
  background-color: #5f7080;
  border-color: transparent;
  color: #ffffff;
}

.btn-secondary:active {
  background-color: #596978;
  border-color: transparent;
  color: #ffffff;
}

.btn-secondary.focused:not(:active),
.btn-secondary:focus:not(:active),
.btn-secondary:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 125, 143, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(106, 125, 143, 0.5);
}

.btn-secondary:focus,
.btn-secondary.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-secondary.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--secondary);
  color: var(--secondary);
}

.btn-secondary.btn--outline:hover {
  color: #5f7080;
}

.btn-secondary.btn--outline:active {
  color: #596978;
}

.btn-secondary.btn--outline.focused:not(:active),
.btn-secondary.btn--outline:focus:not(:active),
.btn-secondary.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-secondary.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--secondary);
}

.btn-secondary.btn--text:hover {
  color: #5f7080;
}

.btn-secondary.btn--text:active {
  color: #596978;
}

.btn-secondary.btn--text.focused:not(:active),
.btn-secondary.btn--text:focus:not(:active),
.btn-secondary.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-secondary.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #6a7d8f;
}

.btn-secondary.btn--text-outline:hover {
  color: #5f7080;
  outline: 2px solid;
}

.btn-secondary.btn--text-outline:active {
  color: #596978;
  outline: 2px solid;
}

.btn-secondary.btn--text-outline.focused:not(:active),
.btn-secondary.btn--text-outline:focus:not(:active),
.btn-secondary.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-success {
  color: #ffffff;
  background-color: var(--success);
  border-color: transparent;
  border-width: 0;
}

.btn-success:hover {
  background-color: #1fbb56;
  border-color: transparent;
  color: #ffffff;
}

.btn-success:active {
  background-color: #1dae50;
  border-color: transparent;
  color: #ffffff;
}

.btn-success.focused:not(:active),
.btn-success:focus:not(:active),
.btn-success:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(35, 209, 96, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(35, 209, 96, 0.5);
}

.btn-success:focus,
.btn-success.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-success.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--success);
  color: var(--success);
}

.btn-success.btn--outline:hover {
  color: #1fbb56;
}

.btn-success.btn--outline:active {
  color: #1dae50;
}

.btn-success.btn--outline.focused:not(:active),
.btn-success.btn--outline:focus:not(:active),
.btn-success.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-success.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--success);
}

.btn-success.btn--text:hover {
  color: #1fbb56;
}

.btn-success.btn--text:active {
  color: #1dae50;
}

.btn-success.btn--text.focused:not(:active),
.btn-success.btn--text:focus:not(:active),
.btn-success.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-success.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #23d160;
}

.btn-success.btn--text-outline:hover {
  color: #1fbb56;
  outline: 2px solid;
}

.btn-success.btn--text-outline:active {
  color: #1dae50;
  outline: 2px solid;
}

.btn-success.btn--text-outline.focused:not(:active),
.btn-success.btn--text-outline:focus:not(:active),
.btn-success.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-info {
  color: #ffffff;
  background-color: var(--info);
  border-color: transparent;
  border-width: 0;
}

.btn-info:hover {
  background-color: #1190e3;
  border-color: transparent;
  color: #ffffff;
}

.btn-info:active {
  background-color: #1087d5;
  border-color: transparent;
  color: #ffffff;
}

.btn-info.focused:not(:active),
.btn-info:focus:not(:active),
.btn-info:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(32, 156, 238, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(32, 156, 238, 0.5);
}

.btn-info:focus,
.btn-info.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-info.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--info);
  color: var(--info);
}

.btn-info.btn--outline:hover {
  color: #1190e3;
}

.btn-info.btn--outline:active {
  color: #1087d5;
}

.btn-info.btn--outline.focused:not(:active),
.btn-info.btn--outline:focus:not(:active),
.btn-info.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-info.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--info);
}

.btn-info.btn--text:hover {
  color: #1190e3;
}

.btn-info.btn--text:active {
  color: #1087d5;
}

.btn-info.btn--text.focused:not(:active),
.btn-info.btn--text:focus:not(:active),
.btn-info.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-info.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #209cee;
}

.btn-info.btn--text-outline:hover {
  color: #1190e3;
  outline: 2px solid;
}

.btn-info.btn--text-outline:active {
  color: #1087d5;
  outline: 2px solid;
}

.btn-info.btn--text-outline.focused:not(:active),
.btn-info.btn--text-outline:focus:not(:active),
.btn-info.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-warning {
  color: #1c2833;
  background-color: var(--warning);
  border-color: transparent;
  border-width: 0;
}

.btn-warning:hover {
  background-color: #edb100;
  border-color: transparent;
  color: #1c2833;
}

.btn-warning:active {
  background-color: #dda600;
  border-color: transparent;
  color: #1c2833;
}

.btn-warning.focused:not(:active),
.btn-warning:focus:not(:active),
.btn-warning:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning:focus,
.btn-warning.focused {
  border-color: transparent;
  color: #1c2833;
}

.btn-warning.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--warning);
  color: var(--warning);
}

.btn-warning.btn--outline:hover {
  color: #edb100;
}

.btn-warning.btn--outline:active {
  color: #dda600;
}

.btn-warning.btn--outline.focused:not(:active),
.btn-warning.btn--outline:focus:not(:active),
.btn-warning.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-warning.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--warning);
}

.btn-warning.btn--text:hover {
  color: #edb100;
}

.btn-warning.btn--text:active {
  color: #dda600;
}

.btn-warning.btn--text.focused:not(:active),
.btn-warning.btn--text:focus:not(:active),
.btn-warning.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-warning.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #ffc107;
}

.btn-warning.btn--text-outline:hover {
  color: #edb100;
  outline: 2px solid;
}

.btn-warning.btn--text-outline:active {
  color: #dda600;
  outline: 2px solid;
}

.btn-warning.btn--text-outline.focused:not(:active),
.btn-warning.btn--text-outline:focus:not(:active),
.btn-warning.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-danger {
  color: #ffffff;
  background-color: var(--danger);
  border-color: transparent;
  border-width: 0;
}

.btn-danger:hover {
  background-color: #ff0f40;
  border-color: transparent;
  color: #ffffff;
}

.btn-danger:active {
  background-color: #fe0034;
  border-color: transparent;
  color: #ffffff;
}

.btn-danger.focused:not(:active),
.btn-danger:focus:not(:active),
.btn-danger:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 40, 84, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 40, 84, 0.5);
}

.btn-danger:focus,
.btn-danger.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-danger.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--danger);
  color: var(--danger);
}

.btn-danger.btn--outline:hover {
  color: #ff0f40;
}

.btn-danger.btn--outline:active {
  color: #fe0034;
}

.btn-danger.btn--outline.focused:not(:active),
.btn-danger.btn--outline:focus:not(:active),
.btn-danger.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-danger.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--danger);
}

.btn-danger.btn--text:hover {
  color: #ff0f40;
}

.btn-danger.btn--text:active {
  color: #fe0034;
}

.btn-danger.btn--text.focused:not(:active),
.btn-danger.btn--text:focus:not(:active),
.btn-danger.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-danger.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #ff2854;
}

.btn-danger.btn--text-outline:hover {
  color: #ff0f40;
  outline: 2px solid;
}

.btn-danger.btn--text-outline:active {
  color: #fe0034;
  outline: 2px solid;
}

.btn-danger.btn--text-outline.focused:not(:active),
.btn-danger.btn--text-outline:focus:not(:active),
.btn-danger.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-light {
  color: #1c2833;
  background-color: var(--light);
  border-color: transparent;
  border-width: 0;
}

.btn-light:hover {
  background-color: #dadfe4;
  border-color: transparent;
  color: #1c2833;
}

.btn-light:active {
  background-color: #d1d8de;
  border-color: transparent;
  color: #1c2833;
}

.btn-light.focused:not(:active),
.btn-light:focus:not(:active),
.btn-light:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
}

.btn-light:focus,
.btn-light.focused {
  border-color: transparent;
  color: #1c2833;
}

.btn-light.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #435465;
  color: #435465;
}

.btn-light.btn--outline:hover {
  color: #435465;
}

.btn-light.btn--outline:active {
  color: #435465;
}

.btn-light.btn--outline.focused:not(:active),
.btn-light.btn--outline:focus:not(:active),
.btn-light.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-light.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--gray-700);
}

.btn-light.btn--text:hover {
  color: var(--gray-700);
}

.btn-light.btn--text:active {
  color: var(--gray-700);
}

.btn-light.btn--text.focused:not(:active),
.btn-light.btn--text:focus:not(:active),
.btn-light.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-light.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #435465;
}

.btn-light.btn--text-outline:hover {
  color: #435465;
  outline: 2px solid;
}

.btn-light.btn--text-outline:active {
  color: #435465;
  outline: 2px solid;
}

.btn-light.btn--text-outline.focused:not(:active),
.btn-light.btn--text-outline:focus:not(:active),
.btn-light.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-dark {
  color: #ffffff;
  background-color: var(--dark);
  border-color: transparent;
  border-width: 0;
}

.btn-dark:hover {
  background-color: #131b23;
  border-color: transparent;
  color: #ffffff;
}

.btn-dark:active {
  background-color: #0e1319;
  border-color: transparent;
  color: #ffffff;
}

.btn-dark.focused:not(:active),
.btn-dark:focus:not(:active),
.btn-dark:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(28, 40, 51, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(28, 40, 51, 0.5);
}

.btn-dark:focus,
.btn-dark.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-dark.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--dark);
  color: var(--dark);
}

.btn-dark.btn--outline:hover {
  color: #131b23;
}

.btn-dark.btn--outline:active {
  color: #0e1319;
}

.btn-dark.btn--outline.focused:not(:active),
.btn-dark.btn--outline:focus:not(:active),
.btn-dark.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-dark.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--dark);
}

.btn-dark.btn--text:hover {
  color: #131b23;
}

.btn-dark.btn--text:active {
  color: #0e1319;
}

.btn-dark.btn--text.focused:not(:active),
.btn-dark.btn--text:focus:not(:active),
.btn-dark.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-dark.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #1c2833;
}

.btn-dark.btn--text-outline:hover {
  color: #131b23;
  outline: 2px solid;
}

.btn-dark.btn--text-outline:active {
  color: #0e1319;
  outline: 2px solid;
}

.btn-dark.btn--text-outline.focused:not(:active),
.btn-dark.btn--text-outline:focus:not(:active),
.btn-dark.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-bus100 {
  color: #ffffff;
  background-color: var(--bus100);
  border-color: transparent;
  border-width: 0;
}

.btn-bus100:hover {
  background-color: #0a2b4c;
  border-color: transparent;
  color: #ffffff;
}

.btn-bus100:active {
  background-color: #08243f;
  border-color: transparent;
  color: #ffffff;
}

.btn-bus100.focused:not(:active),
.btn-bus100:focus:not(:active),
.btn-bus100:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 56, 99, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(13, 56, 99, 0.5);
}

.btn-bus100:focus,
.btn-bus100.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-bus100.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--bus100);
  color: var(--bus100);
}

.btn-bus100.btn--outline:hover {
  color: #0a2b4c;
}

.btn-bus100.btn--outline:active {
  color: #08243f;
}

.btn-bus100.btn--outline.focused:not(:active),
.btn-bus100.btn--outline:focus:not(:active),
.btn-bus100.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-bus100.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--bus100);
}

.btn-bus100.btn--text:hover {
  color: #0a2b4c;
}

.btn-bus100.btn--text:active {
  color: #08243f;
}

.btn-bus100.btn--text.focused:not(:active),
.btn-bus100.btn--text:focus:not(:active),
.btn-bus100.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-bus100.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #0d3863;
}

.btn-bus100.btn--text-outline:hover {
  color: #0a2b4c;
  outline: 2px solid;
}

.btn-bus100.btn--text-outline:active {
  color: #08243f;
  outline: 2px solid;
}

.btn-bus100.btn--text-outline.focused:not(:active),
.btn-bus100.btn--text-outline:focus:not(:active),
.btn-bus100.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-bus200 {
  color: #ffffff;
  background-color: var(--bus200);
  border-color: transparent;
  border-width: 0;
}

.btn-bus200:hover {
  background-color: #0c5125;
  border-color: transparent;
  color: #ffffff;
}

.btn-bus200:active {
  background-color: #0a431f;
  border-color: transparent;
  color: #ffffff;
}

.btn-bus200.focused:not(:active),
.btn-bus200:focus:not(:active),
.btn-bus200:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(15, 103, 47, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(15, 103, 47, 0.5);
}

.btn-bus200:focus,
.btn-bus200.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-bus200.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--bus200);
  color: var(--bus200);
}

.btn-bus200.btn--outline:hover {
  color: #0c5125;
}

.btn-bus200.btn--outline:active {
  color: #0a431f;
}

.btn-bus200.btn--outline.focused:not(:active),
.btn-bus200.btn--outline:focus:not(:active),
.btn-bus200.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-bus200.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--bus200);
}

.btn-bus200.btn--text:hover {
  color: #0c5125;
}

.btn-bus200.btn--text:active {
  color: #0a431f;
}

.btn-bus200.btn--text.focused:not(:active),
.btn-bus200.btn--text:focus:not(:active),
.btn-bus200.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-bus200.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #0f672f;
}

.btn-bus200.btn--text-outline:hover {
  color: #0c5125;
  outline: 2px solid;
}

.btn-bus200.btn--text-outline:active {
  color: #0a431f;
  outline: 2px solid;
}

.btn-bus200.btn--text-outline.focused:not(:active),
.btn-bus200.btn--text-outline:focus:not(:active),
.btn-bus200.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-bus300 {
  color: #ffffff;
  background-color: var(--bus300);
  border-color: transparent;
  border-width: 0;
}

.btn-bus300:hover {
  background-color: #78a8ab;
  border-color: transparent;
  color: #ffffff;
}

.btn-bus300:active {
  background-color: #6fa2a5;
  border-color: transparent;
  color: #ffffff;
}

.btn-bus300.focused:not(:active),
.btn-bus300:focus:not(:active),
.btn-bus300:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 178, 181, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(136, 178, 181, 0.5);
}

.btn-bus300:focus,
.btn-bus300.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-bus300.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--bus300);
  color: var(--bus300);
}

.btn-bus300.btn--outline:hover {
  color: #78a8ab;
}

.btn-bus300.btn--outline:active {
  color: #6fa2a5;
}

.btn-bus300.btn--outline.focused:not(:active),
.btn-bus300.btn--outline:focus:not(:active),
.btn-bus300.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-bus300.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--bus300);
}

.btn-bus300.btn--text:hover {
  color: #78a8ab;
}

.btn-bus300.btn--text:active {
  color: #6fa2a5;
}

.btn-bus300.btn--text.focused:not(:active),
.btn-bus300.btn--text:focus:not(:active),
.btn-bus300.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-bus300.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #88b2b5;
}

.btn-bus300.btn--text-outline:hover {
  color: #78a8ab;
  outline: 2px solid;
}

.btn-bus300.btn--text-outline:active {
  color: #6fa2a5;
  outline: 2px solid;
}

.btn-bus300.btn--text-outline.focused:not(:active),
.btn-bus300.btn--text-outline:focus:not(:active),
.btn-bus300.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-bus400 {
  color: #ffffff;
  background-color: var(--bus400);
  border-color: transparent;
  border-width: 0;
}

.btn-bus400:hover {
  background-color: #bdd4d5;
  border-color: transparent;
  color: #ffffff;
}

.btn-bus400:active {
  background-color: #b4cecf;
  border-color: transparent;
  color: #ffffff;
}

.btn-bus400.focused:not(:active),
.btn-bus400:focus:not(:active),
.btn-bus400:focus:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(205, 222, 223, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(205, 222, 223, 0.5);
}

.btn-bus400:focus,
.btn-bus400.focused {
  border-color: transparent;
  color: #ffffff;
}

.btn-bus400.btn--outline {
  background: transparent;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--bus400);
  color: var(--bus400);
}

.btn-bus400.btn--outline:hover {
  color: #bdd4d5;
}

.btn-bus400.btn--outline:active {
  color: #b4cecf;
}

.btn-bus400.btn--outline.focused:not(:active),
.btn-bus400.btn--outline:focus:not(:active),
.btn-bus400.btn--outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-bus400.btn--text {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--bus400);
}

.btn-bus400.btn--text:hover {
  color: #bdd4d5;
}

.btn-bus400.btn--text:active {
  color: #b4cecf;
}

.btn-bus400.btn--text.focused:not(:active),
.btn-bus400.btn--text:focus:not(:active),
.btn-bus400.btn--text:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-bus400.btn--text-outline {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid;
  color: #cddedf;
}

.btn-bus400.btn--text-outline:hover {
  color: #bdd4d5;
  outline: 2px solid;
}

.btn-bus400.btn--text-outline:active {
  color: #b4cecf;
  outline: 2px solid;
}

.btn-bus400.btn--text-outline.focused:not(:active),
.btn-bus400.btn--text-outline:focus:not(:active),
.btn-bus400.btn--text-outline:focus:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 2px solid;
}

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.btn-group > [class*="btn-"]:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: 1px solid rgba(var(--rgb-gray-900), 0.22);
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2), inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2), inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
}

.btn-group > [class*="btn-"]:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 1px solid rgba(var(--rgb-gray-900), 0.22);
  -webkit-box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.2), inset 0 2px 0 0 rgba(0, 0, 0, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.2), inset 0 2px 0 0 rgba(0, 0, 0, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}

.btn-group > [class*="btn-"]:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.2), inset 0 2px 0 0 rgba(0, 0, 0, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.2), inset 0 2px 0 0 rgba(0, 0, 0, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}

.btn-group--vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.btn-group--vertical button,
.btn-group--vertical [class*="btn-"] {
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  height: 2.35rem;
  font-size: 0.9rem;
}

.btn-group--vertical button > i.fa,
.btn-group--vertical [class*="btn-"] > i.fa {
  padding-right: 24px;
  padding-left: 8px;
}

.btn-group--vertical button:not(:first-child):not(:last-child),
.btn-group--vertical [class*="btn-"]:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.2), inset 2px 0 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.2), inset 2px 0 0 0 rgba(0, 0, 0, 0.2);
}

.btn-group--vertical button:first-child,
.btn-group--vertical [class*="btn-"]:first-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2), inset -2px 0 0 0 rgba(0, 0, 0, 0.2), inset 2px 0 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2), inset -2px 0 0 0 rgba(0, 0, 0, 0.2), inset 2px 0 0 0 rgba(0, 0, 0, 0.2);
}

.btn-group--vertical button:last-child,
.btn-group--vertical [class*="btn-"]:last-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2), inset -2px 0 0 0 rgba(0, 0, 0, 0.2), inset 2px 0 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2), inset -2px 0 0 0 rgba(0, 0, 0, 0.2), inset 2px 0 0 0 rgba(0, 0, 0, 0.2);
}

.btn-group--no-shadow > [class*="btn-"]:not(:first-child):not(:last-child) {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-group--no-shadow > [class*="btn-"]:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-group--no-shadow > [class*="btn-"]:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-card {
  display: grid;
  justify-items: center;
  row-gap: 15px;
  width: 100%;
  height: auto;
  padding: 1.85em calc(2.85em - 1px);
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(188, 200, 212, 0.15);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(188, 200, 212, 0.15);
  border-radius: 0.675rem;
  border: 1px solid #bcc8d4;
  border: 1px solid var(--gray-400);
}

.btn-card .fa {
  position: relative;
  display: grid;
  justify-items: center;
  padding: 0 !important;
  font-size: 3.95rem;
  line-height: initial;
  width: auto;
  height: auto;
}

.btn-card:hover span {
  text-decoration: none;
}

.btn-card__counter {
  position: absolute;
  bottom: -8px;
  font-size: initial;
  font-family: "Open Sans", sans-serif;
  background-color: #313131;
  padding: 1px 5px;
  border-radius: 6px;
}

[class^="c-pane-container"] {
  background-color: transparent !important;
  border: 1px solid var(--gray-300) !important;
  border-radius: 0.25rem;
  font-family: "Open Sans", sans-serif !important;
  color: var(--gray-900) !important;
}

.c-day:not([style="opacity: 0.4;"]) {
  color: #1c2833;
}

.c-day:has(.c-day-background) {
  color: #1c2833 !important;
}

.popover-origin .popover-content-wrapper [class^="popover-content"] {
  background-color: var(--gray-100) !important;
  border: 1px solid var(--gray-300) !important;
}

[class^="c-nav"] {
  color: var(--text-color) !important;
}

[class^="c-pane"] {
  min-width: 230px !important;
}

.c-table tr td {
  border: 1px solid var(--gray-300) !important;
  border-top: 0 !important;
  border-left: 0 !important;
}

.c-table-cell.c-active {
  background-color: var(--gray-300) !important;
}

[class^="c-table-cell"] {
  font-size: 0.73rem !important;
}

[class^="c-table-cell"]:hover {
  background-color: var(--gray-300) !important;
}

.svg-icon.c-arrow {
  width: 20px;
  height: 20px;
}

.c-header .c-title-layout .c-title-popover .c-title-anchor [class^="c-title"] {
  font-size: 0.9rem !important;
}

[class^="c-weekdays"] {
  font-size: 0.73rem !important;
}

[class^="c-day-content"] {
  font-size: 0.73rem !important;
}

.datepicker-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.datepicker-field:has(label:not(:empty)) {
  gap: var(--input-gap);
}

@media (min-width: 768px) {
  .datepicker-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.datepicker-field:has(input[disabled]) input {
  border-style: dashed !important;
  border-color: var(--gray-500);
}

.datepicker-field:has(input[disabled]) label {
  color: rgba(var(--rgb-gray-900), 0.62);
}

.datepicker-field .field.is-disabled [class~="field-input"] {
  background: transparent !important;
}

.datepicker-field:has(input[disabled])::after {
  content: "\F05E";
}

.datepicker-field:has(input[disabled])::after {
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  top: 18px;
  right: 0.1rem;
  background-color: transparent;
  padding: 0.1rem 0.3rem;
  font-size: 0.95rem;
  color: rgba(var(--rgb-gray-700), 0);
}

@media (min-width: 768px) {
  .datepicker-field:has(input[disabled])::after {
    top: 5px;
  }
}

.datepicker-field:has(input[disabled]):hover::after {
  background-color: var(--bg-color);
  color: rgba(var(--rgb-gray-700), 0.35);
}

.datepicker-field.datepicker-field--stretch > label {
  min-width: auto !important;
  width: unset !important;
  width: var(--field-label-width-stretch) !important;
  line-height: 1;
}

.datepicker-field:has(.date-time-picker) .helper-text {
  right: 22px;
}

@media (min-width: 0px) {
  .datepicker-field.datepicker-field--stretch-df > label {
    min-width: auto !important;
    width: unset !important;
    width: var(--field-label-width-stretch) !important;
    line-height: 1;
  }
}

@media (min-width: 1px) {
  .datepicker-field.datepicker-field--stretch-xs > label {
    min-width: auto !important;
    width: unset !important;
    width: var(--field-label-width-stretch) !important;
    line-height: 1;
  }
}

@media (min-width: 576px) {
  .datepicker-field.datepicker-field--stretch-sm > label {
    min-width: auto !important;
    width: unset !important;
    width: var(--field-label-width-stretch) !important;
    line-height: 1;
  }
}

@media (min-width: 768px) {
  .datepicker-field.datepicker-field--stretch-md > label {
    min-width: auto !important;
    width: unset !important;
    width: var(--field-label-width-stretch) !important;
    line-height: 1;
  }
}

@media (min-width: 992px) {
  .datepicker-field.datepicker-field--stretch-lg > label {
    min-width: auto !important;
    width: unset !important;
    width: var(--field-label-width-stretch) !important;
    line-height: 1;
  }
}

@media (min-width: 1200px) {
  .datepicker-field.datepicker-field--stretch-xl > label {
    min-width: auto !important;
    width: unset !important;
    width: var(--field-label-width-stretch) !important;
    line-height: 1;
  }
}

@media (min-width: 1500px) {
  .datepicker-field.datepicker-field--stretch-2xl > label {
    min-width: auto !important;
    width: unset !important;
    width: var(--field-label-width-stretch) !important;
    line-height: 1;
  }
}

.datepicker-field.datepicker-field--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.datepicker-field.datepicker-field--vertical > label {
  margin: 0;
  height: auto;
}

.datepicker-field .datetimepicker.visible {
  z-index: 1130 !important;
}

.datepicker-field:has(.helper-text.text-danger) input {
  border-color: var(--brand-danger) !important;
  outline-color: var(--brand-danger) !important;
}

.datepicker {
  width: 100%;
  min-width: 90px;
}

.datepicker .datepicker__input {
  border-top-width: var(--_input-border-top-width, 1px);
  border-right-width: var(--_input-border-right-width, 1px);
  border-bottom-width: var(--_input-border-bottom-width, 1px);
  border-left-width: var(--_input-border-left-width, 1px);
  border-style: solid;
  border-color: var(--gray-500);
  border-top-left-radius: var(--_input-border-top-left-radius, var(--border-radius-base));
  border-top-right-radius: var(--_input-border-top-right-radius, var(--border-radius-base));
  border-bottom-left-radius: var(--_input-border-bottom-left-radius, var(--border-radius-base));
  border-bottom-right-radius: var(--_input-border-bottom-right-radius, var(--border-radius-base));
  outline-width: 0.5px;
  outline-style: solid;
  outline-color: transparent;
  -webkit-transition: border-color, outline-color 0.3s ease;
  transition: border-color, outline-color 0.3s ease;
}

.datepicker .datepicker__input:focus {
  border-color: var(--brand-primary);
  outline-color: var(--brand-primary);
}

[data-theme="dark"] .datepicker .datepicker__input:focus {
  border-color: var(--gray-800);
  outline-color: var(--gray-800);
}

.datepicker + label {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
  padding-inline: var(--_label-padding-inline, 0);
  padding-block: var(--_label-padding-block, 0);
  border-inline-width: var(--_label-border-inline, 0);
  border-block-width: var(--_label-border-block, 0);
  border-color: var(--_label-border-color, transparent);
  border-style: var(--_label-border-style, none);
  border-top-left-radius: var(--_label-border-top-left-radius, 0);
  border-top-right-radius: var(--_label-border-top-right-radius, 0);
  border-bottom-left-radius: var(--_label-border-bottom-left-radius, 0);
  border-bottom-right-radius: var(--_label-border-bottom-right-radius, 0);
}

.datepicker + label:hover,
.datepicker + label:focus {
  white-space: normal;
}

@media (min-width: 768px) {
  .datepicker + label:not(:empty) {
    min-width: 130px;
    width: 130px;
    font-size: 0.8125rem;
  }
}

.date-time-picker input {
  min-height: unset !important;
  border-top-width: var(--_input-border-top-width, 1px) !important;
  border-right-width: var(--_input-border-right-width, 1px) !important;
  border-bottom-width: var(--_input-border-bottom-width, 1px) !important;
  border-left-width: var(--_input-border-left-width, 1px) !important;
  border-style: solid !important;
  border-color: var(--gray-500) !important;
  border-top-left-radius: var(--_input-border-top-left-radius, var(--border-radius-base)) !important;
  border-top-right-radius: var(--_input-border-top-right-radius, var(--border-radius-base)) !important;
  border-bottom-left-radius: var(--_input-border-bottom-left-radius, var(--border-radius-base)) !important;
  border-bottom-right-radius: var(--_input-border-bottom-right-radius, var(--border-radius-base)) !important;
  outline-width: 0.5px !important;
  outline-style: solid !important;
  outline-color: transparent !important;
  -webkit-transition: border-color, outline-color 0.3s ease;
  transition: border-color, outline-color 0.3s ease;
}

.date-time-picker input:focus {
  border-color: var(--brand-primary) !important;
  outline-color: var(--brand-primary) !important;
}

[data-theme="dark"] .date-time-picker input:focus {
  border-color: var(--gray-800) !important;
  outline-color: var(--gray-800) !important;
}

.date-time-picker button[class~="field-clear-button"] {
  right: 2px;
}

.date-time-picker button[class~="field-clear-button"] span[class~="custom-button-effect"] {
  background: none !important;
}

.date-time-picker button[class~="field-clear-button"] span.fs-16 {
  font-size: 0;
  visibility: collapse;
}

.date-time-picker button[class~="field-clear-button"] span.fs-16::after {
  content: "\D7";
  visibility: visible;
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  color: rgba(var(--rgb-gray-900), 0.4);
}

.date-time-picker button[class~="field-clear-button"].custom-button {
  background-color: var(--bg-color) !important;
}

.date-time-picker span {
  font-family: unset !important;
}

.date-time-picker + label {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
  padding-inline: var(--_label-padding-inline, 0);
  padding-block: var(--_label-padding-block, 0);
  border-inline-width: var(--_label-border-inline, 0);
  border-block-width: var(--_label-border-block, 0);
  border-color: var(--_label-border-color, transparent);
  border-style: var(--_label-border-style, none);
  border-top-left-radius: var(--_label-border-top-left-radius, 0);
  border-top-right-radius: var(--_label-border-top-right-radius, 0);
  border-bottom-left-radius: var(--_label-border-bottom-left-radius, 0);
  border-bottom-right-radius: var(--_label-border-bottom-right-radius, 0);
}

.date-time-picker + label:hover,
.date-time-picker + label:focus {
  white-space: normal;
}

@media (min-width: 768px) {
  .date-time-picker + label:not(:empty) {
    min-width: 130px;
    width: 130px;
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 415px) {
  .date-time-picker [class~="header-picker"] {
    margin-top: 70px !important;
  }

  .date-time-picker .datepicker-buttons-container {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}

.date-time-picker [class~="datepicker"] {
  background: var(--bg-color) !important;
}

.datepicker [class~="header-picker"] {
  background: var(--brand-primary) !important;
  border-bottom: 1px solid rgba(188, 200, 212, 0.15) !important;
}

.datepicker [class~="pickers-container"] {
  background: var(--bg-color) !important;
}

.datepicker [class~="custom-button"] {
  background: var(--bg-color) !important;
}

[class~="datepicker-buttons-container"] {
  border-top: 1px solid rgba(188, 200, 212, 0.15) !important;
  background: var(--bg-color) !important;
}

.datetimepicker [class~="datepicker"] {
  margin-top: 5px;
}

.datetimepicker [class~="year-month-selector"] {
  background: var(--bg-color) !important;
}

.datetimepicker [class~="year-month-selector"] > div:nth-child(1) > button > span:nth-child(2) {
  color: var(--text-color) !important;
}

.datetimepicker [class~="year-month-selector"] .custom-button[class~="with-border"] {
  border-color: var(--gray-400) !important;
}

.datepicker-day:not(.selected) .datepicker-day-text {
  color: var(--text-color) !important;
}

.datepicker-day [class~="datepicker-today"] {
  background-color: var(--gray-300) !important;
}

.datepicker-container .datepicker-days .datepicker-day [class~="datepicker-day-effect"],
[class~="time-picker-column-item-effect"] {
  background: var(--brand-primary) !important;
}

.datepicker-buttons-container .datepicker-button {
  background: var(--bg-color) !important;
}

.datepicker-buttons-container .datepicker-button[class~="validate"] {
  border-color: var(--gray-300) !important;
}

.datepicker-buttons-container .datepicker-button.now [class~="datepicker-button-effect"],
.custom-button [class~="custom-button-effect"] {
  background: var(--brand-secondary) !important;
}

.datepicker-button svg {
  fill: var(--gray-500) !important;
}

.k-dropdown {
  display: inline-block;
  position: relative;
  -webkit-perspective: 180px;
          perspective: 180px;
  z-index: 1040;
}

.k-dropdown__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  line-height: 50px;
  position: relative;
  text-overflow: ellipsis;
}

.k-dropdown__header div:first-child {
  padding-left: 5px;
  padding-right: 28px;
}

.k-dropdown__header div:first-child span {
  white-space: nowrap;
}

.k-dropdown__header div:first-child i.fa {
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-40%) rotateX(0);
          transform: translateY(-40%) rotateX(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}

.k-dropdown__header.k-dropdown__header--active div:first-child i.fa {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateY(-40%) rotateX(-180deg);
          transform: translateY(-40%) rotateX(-180deg);
}

.k-dropdown__header.k-dropdown__header--active + .k-dropdown__content {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.k-dropdown__header.k-dropdown__header--active + .k-dropdown__content ul {
  opacity: 1;
}

.k-dropdown__content {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 47px;
  right: 0;
  opacity: 0;
  white-space: nowrap;
  text-align: left;
  font-size: 0.9rem;
  background-color: var(--bg-color);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
  border-top: 4px solid var(--gray-800);
  border-radius: 0.25rem;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.k-dropdown__content ul {
  opacity: 0;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.k-dropdown__content li a {
  display: block;
  padding: 10px 15px;
  color: var(--primary-300);
  text-decoration: none;
}

.k-dropdown__content li a i.fa {
  color: var(--primary-400);
  padding-right: 10px;
}

.k-dropdown__content li:hover {
  background-color: rgba(var(--rgb-gray-400), 0.25);
}

.k-dropdown__image {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--gray-500);
}

.k-dropdown__image img {
  width: 100%;
  height: 100%;
}

.k-dropdown.k-dropdown--header-big .k-dropdown__header {
  font-size: 1rem;
}

.k-dropdown.k-dropdown--header-big .k-dropdown__header i.fa {
  font-size: 15px;
}

.k-dropdown.k-dropdown--content-above .k-dropdown__header.k-dropdown__header--active {
  visibility: collapse;
}

.k-dropdown.k-dropdown--content-above .k-dropdown__header.k-dropdown__header--active div:first-child i.fa {
  -webkit-transform: translateY(-40%) rotateX(0);
          transform: translateY(-40%) rotateX(0);
}

.k-dropdown.k-dropdown--content-above .k-dropdown__content {
  top: 0;
}

.k-dropdown.k-dropdown--display-right .k-dropdown__content {
  left: 0;
  right: unset;
}

.k-dropdown.k-dropdown--with-image .k-dropdown__header div:first-child {
  position: relative;
}

.k-dropdown[class*="btn-"] {
  height: auto;
}

.k-dropdown[class*="btn-"] .k-dropdown__header {
  line-height: 35px;
}

.k-dropdown[class*="btn-"] .k-dropdown__content {
  top: 40px;
}

.notification {
  display: inline-block;
  position: relative;
  z-index: 1041;
}

.notification__header {
  cursor: pointer;
}

.notification__header > div {
  position: relative;
}

.notification__header.notification__header--active + .notification__content {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.notification__header.notification__header--active + .notification__content ul {
  opacity: 1;
}

.notification__content {
  --max-height-notification-content: 250px;
  max-height: 250px;
  max-height: var(--max-height-notification-content);
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 35px;
  opacity: 0;
  min-width: 240px;
  background-color: var(--bg-color);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(var(--rgb-gray-900), 0.11), 0 1px 2px rgba(var(--rgb-gray-900), 0.23);
          box-shadow: 0 1px 3px rgba(var(--rgb-gray-900), 0.11), 0 1px 2px rgba(var(--rgb-gray-900), 0.23);
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.notification__content ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
}

.notification__content a {
  display: block;
  padding: 10px 35px 10px 15px;
  color: var(--text-color);
  text-decoration: none;
  position: relative;
}

.notification__content a:hover {
  background-color: rgba(var(--rgb-gray-400), 0.25);
}

.notification__content a span:not(.notification__datetime) {
  font-size: 15px;
}

.notification__name {
  padding: 5px 15px;
  background-color: var(--gray-800);
  color: #ffffff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.notification__title {
  font-weight: 600;
}

.notification__datetime {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
}

.notification__state {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 22px;
  right: 10px;
  background-color: var(--gray-400);
  border-radius: 50%;
}

.notification__state.notification__state--true {
  background-color: var(--brand-success);
}

.dynamic-table__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 10px;
  margin-right: 4px;
}

.dynamic-table__controls .btn--text {
  outline: 1px solid;
}

.dynamic-table__controls .btn--text:hover,
.dynamic-table__controls .btn--text:focus {
  outline-width: 2px;
}

.dynamic-table__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 0.5rem;
  position: sticky;
  top: 0;
  grid-row-end: 1;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  background-color: var(--bg-color);
  border-bottom: 1px dashed var(--gray-400);
  z-index: 1100;
}

.dynamic-table__overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
}

.dynamic-table__overlay[data-flow-direction="center"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dynamic-table__overlay[data-flow-direction="center"] .dynamic-table__modal {
  left: unset;
  right: unset;
}

.dynamic-table__overlay[data-flow-direction="left"] .dynamic-table__modal {
  left: 0;
}

@media (min-width: 768px) {
  .dynamic-table__overlay[data-flow-direction="left"] .dynamic-table__modal::after {
    content: "Redimensionar \2192";
    right: 10px;
  }
}

.dynamic-table__overlay[data-flow-direction="right"] .dynamic-table__modal {
  right: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

@media (min-width: 768px) {
  .dynamic-table__overlay[data-flow-direction="right"] .dynamic-table__modal::after {
    content: "\2190   Redimensionar";
    right: 10px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}

.dynamic-table__overlay[data-flow-direction="right"] .dynamic-table__modal .dynamic-table__selected {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.dynamic-table__modal {
  position: fixed;
  top: 70px;
  bottom: 70px;
  width: var(--modal-width, 100%);
  padding: 20px 15px;
  background-color: var(--bg-color);
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(188, 200, 212, 0.15);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(188, 200, 212, 0.15);
  z-index: 1101;
  overflow: auto;
}

.dynamic-table__modal::after {
  position: absolute;
  bottom: 5px;
  font-weight: 700;
  color: var(--gray-700);
}

@media (min-width: 768px) {
  .dynamic-table__modal {
    top: 0;
    bottom: 0;
    resize: horizontal;
    border-top: 10px solid #0f672f;
    width: var(--modal-width, 50%);
  }
}

@media (min-width: 992px) {
  .dynamic-table__modal {
    width: var(--modal-width, 30%);
  }
}

@media screen and (min-width: 575px) {
  .dynamic-table__modal {
    bottom: 0;
  }
}

.dynamic-table__modal--unfold-enter-active[data-flow-direction="center"] {
  -webkit-animation: slide-in-center 500ms;
          animation: slide-in-center 500ms;
}

.dynamic-table__modal--unfold-enter-active[data-flow-direction="left"] {
  -webkit-animation: slide-in-left 500ms;
          animation: slide-in-left 500ms;
}

.dynamic-table__modal--unfold-enter-active[data-flow-direction="right"] {
  -webkit-animation: slide-in-right 500ms;
          animation: slide-in-right 500ms;
}

.dynamic-table__modal--unfold-leave-active[data-flow-direction="center"] {
  animation: slide-in-center 500ms reverse;
}

.dynamic-table__modal--unfold-leave-active[data-flow-direction="left"] {
  animation: slide-in-left 500ms reverse;
}

.dynamic-table__modal--unfold-leave-active[data-flow-direction="right"] {
  animation: slide-in-right 500ms reverse;
}

.dynamic-table__body {
  max-height: 100%;
  overflow: hidden auto;
}

@media (min-width: 768px) {
  .dynamic-table__body {
    max-height: calc(100% - 56px);
  }
}

.dynamic-table__content {
  height: 100%;
  overflow: hidden auto;
}

@media (min-width: 768px) {
  .dynamic-table__content {
    max-height: calc(100% - 56px);
  }
}

.dynamic-table__selected {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
}

.dynamic-table__title {
  font-weight: 700;
  display: none;
}

@media (min-width: 768px) {
  .dynamic-table__title {
    display: block;
  }
}

.dynamic-table__header {
  width: 100%;
  display: none;
  margin-bottom: 15px;
}

.dynamic-table__header h5 {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .dynamic-table__header {
    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;
  }
}

.dynamic-table__content {
  border: 1px solid var(--gray-500);
  padding: 1rem;
  border-radius: 0.675rem;
  -ms-flex-item-align: start;
      align-self: start;
}

.dynamic-table__content > .v--modal-overlay.scrollable {
  position: relative;
  min-height: 100%;
  background-color: var(--bg-color) !important;
}

.dynamic-table__content > .v--modal-overlay.scrollable > .v--modal-background-click > .v--modal-box {
  top: 0 !important;
  left: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > [class*="-field"],
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > .form-group > [class*="-field"],
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > .form-group > .form-field > [class*="-field"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  width: 100%;
}

.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > [class*="-field"] > .input-field__label:not(:empty),
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > [class*="-field"] > .input-field__label-textarea:not(:empty),
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > .form-group > [class*="-field"] > .input-field__label:not(:empty),
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > .form-group > [class*="-field"] > .input-field__label-textarea:not(:empty),
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > .form-group > .form-field > [class*="-field"] > .input-field__label:not(:empty),
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > .form-group > .form-field > [class*="-field"] > .input-field__label-textarea:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: auto;
  font-size: 0.8125rem;
}

.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > [class*="-field"] .input-field__icon,
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > .form-group > [class*="-field"] .input-field__icon,
.dynamic-table__content[data-has-vue-modal="true"] .grid > .form-field > .form-group > .form-field > [class*="-field"] .input-field__icon {
  top: 20px;
}

.dynamic-table__content[data-has-vue-modal="false"] [class*="-field"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  width: 100%;
}

.dynamic-table__content[data-has-vue-modal="false"] [class*="-field"] > .input-field__label:not(:empty),
.dynamic-table__content[data-has-vue-modal="false"] [class*="-field"] > .input-field__label-textarea:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: auto;
  font-size: 0.8125rem;
}

.dynamic-table__content[data-has-vue-modal="false"] [class*="-field"] .input-field__icon {
  top: 20px;
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.file-upload-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.file-upload-field:has(> label:not(:empty)) {
  gap: var(--input-gap);
}

.file-upload-field > .file-upload {
  width: 100%;
  height: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  border-radius: 0.25rem;
  background-color: var(--gray-400);
}

.file-upload-field > .file-upload .file-upload__image {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  width: 40px;
  padding: 1px;
  padding-left: 0;
  border: 1px solid var(--gray-400);
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  background-color: var(--bg-color);
  text-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.file-upload-field > .file-upload .file-upload__image.file-upload__image--open,
.file-upload-field > .file-upload .file-upload__image:focus {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  padding: 0;
  border-radius: 0.25rem;
  -webkit-transform: scale(5);
          transform: scale(5);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  z-index: 5000;
}

.file-upload-field > .file-upload .file-upload__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.file-upload-field > .file-upload .file-upload__label > i.fa {
  height: inherit;
  padding: 0 7px;
  line-height: 2.2rem;
}

.file-upload-field > .file-upload .file-upload__label > label {
  cursor: pointer;
  position: absolute;
  width: calc(100% - 40px);
  height: 2.2rem;
  line-height: 2.2rem;
  margin-bottom: 0;
  padding-left: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.file-upload-field > .file-upload .file-upload__label .input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.file-upload-field > label {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
  padding-inline: var(--_label-padding-inline, 0);
  padding-block: var(--_label-padding-block, 0);
  border-inline-width: var(--_label-border-inline, 0);
  border-block-width: var(--_label-border-block, 0);
  border-color: var(--_label-border-color, transparent);
  border-style: var(--_label-border-style, none);
  border-top-left-radius: var(--_label-border-top-left-radius, 0);
  border-top-right-radius: var(--_label-border-top-right-radius, 0);
  border-bottom-left-radius: var(--_label-border-bottom-left-radius, 0);
  border-bottom-right-radius: var(--_label-border-bottom-right-radius, 0);
}

@media (min-width: 768px) {
  .file-upload-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .file-upload-field > .file-upload {
    margin-top: 0;
  }

  .file-upload-field > label {
    min-width: 130px;
    width: 130px;
    font-size: 0.8125rem;
  }
}

.file-logo-upload {
  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;
  position: relative;
}

.file-logo-upload .file-logo-upload__img {
  width: 280px;
  height: 230px;
  padding: 5px 5px 8px;
  border-width: 1px 1px 0 1px;
  border-style: dashed;
  border-color: var(--gray-300);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.file-logo-upload .file-logo-upload__label {
  cursor: pointer;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: calc(0% + 30px);
  left: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.file-logo-upload .file-logo-upload__label > i.fa {
  font-size: 5rem;
  opacity: 0;
  color: #ffffff;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.file-logo-upload .file-logo-upload__label::after {
  content: "Subir imagen";
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  opacity: 0;
}

.file-logo-upload .file-logo-upload__label:hover,
.file-logo-upload .file-logo-upload__label:focus {
  background-color: rgba(var(--rgb-gray-500), 0.37);
}

.file-logo-upload .file-logo-upload__label:hover > i.fa,
.file-logo-upload .file-logo-upload__label:focus > i.fa {
  opacity: 1;
}

.file-logo-upload .file-logo-upload__label:hover::after,
.file-logo-upload .file-logo-upload__label:focus::after {
  opacity: 1;
}

.file-logo-upload .file-logo-upload__button {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.file-logo-upload .file-logo-upload__input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

input:not([type]):not(.browser-default),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea:not(.browser-default) {
  background-color: transparent;
  height: 1.75rem;
  width: 100%;
  min-width: 60px;
  font-size: 0.85rem;
  -webkit-padding-start: 0.3rem;
          padding-inline-start: 0.3rem;
}

input:not([type]):not(.browser-default):disabled,
input[type="text"]:not(.browser-default):disabled,
input[type="password"]:not(.browser-default):disabled,
input[type="email"]:not(.browser-default):disabled,
input[type="url"]:not(.browser-default):disabled,
input[type="time"]:not(.browser-default):disabled,
input[type="date"]:not(.browser-default):disabled,
input[type="datetime"]:not(.browser-default):disabled,
input[type="datetime-local"]:not(.browser-default):disabled,
input[type="tel"]:not(.browser-default):disabled,
input[type="number"]:not(.browser-default):disabled,
input[type="search"]:not(.browser-default):disabled,
textarea:not(.browser-default):disabled {
  color: rgba(var(--rgb-input-color), 0.65);
}

input:not([type]):not(.browser-default):disabled::-webkit-input-placeholder,
input[type="text"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="password"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="email"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="url"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="time"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="date"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="datetime"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="datetime-local"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="tel"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="number"]:not(.browser-default):disabled::-webkit-input-placeholder,
input[type="search"]:not(.browser-default):disabled::-webkit-input-placeholder,
textarea:not(.browser-default):disabled::-webkit-input-placeholder {
  opacity: 0.8;
}

input:not([type]):not(.browser-default):disabled::-moz-placeholder,
input[type="text"]:not(.browser-default):disabled::-moz-placeholder,
input[type="password"]:not(.browser-default):disabled::-moz-placeholder,
input[type="email"]:not(.browser-default):disabled::-moz-placeholder,
input[type="url"]:not(.browser-default):disabled::-moz-placeholder,
input[type="time"]:not(.browser-default):disabled::-moz-placeholder,
input[type="date"]:not(.browser-default):disabled::-moz-placeholder,
input[type="datetime"]:not(.browser-default):disabled::-moz-placeholder,
input[type="datetime-local"]:not(.browser-default):disabled::-moz-placeholder,
input[type="tel"]:not(.browser-default):disabled::-moz-placeholder,
input[type="number"]:not(.browser-default):disabled::-moz-placeholder,
input[type="search"]:not(.browser-default):disabled::-moz-placeholder,
textarea:not(.browser-default):disabled::-moz-placeholder {
  opacity: 0.8;
}

input:not([type]):not(.browser-default):disabled::-ms-input-placeholder,
input[type="text"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="password"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="email"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="url"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="time"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="date"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="datetime"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="datetime-local"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="tel"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="number"]:not(.browser-default):disabled::-ms-input-placeholder,
input[type="search"]:not(.browser-default):disabled::-ms-input-placeholder,
textarea:not(.browser-default):disabled::-ms-input-placeholder {
  opacity: 0.8;
}

input:not([type]):not(.browser-default):disabled::placeholder,
input[type="text"]:not(.browser-default):disabled::placeholder,
input[type="password"]:not(.browser-default):disabled::placeholder,
input[type="email"]:not(.browser-default):disabled::placeholder,
input[type="url"]:not(.browser-default):disabled::placeholder,
input[type="time"]:not(.browser-default):disabled::placeholder,
input[type="date"]:not(.browser-default):disabled::placeholder,
input[type="datetime"]:not(.browser-default):disabled::placeholder,
input[type="datetime-local"]:not(.browser-default):disabled::placeholder,
input[type="tel"]:not(.browser-default):disabled::placeholder,
input[type="number"]:not(.browser-default):disabled::placeholder,
input[type="search"]:not(.browser-default):disabled::placeholder,
textarea:not(.browser-default):disabled::placeholder {
  opacity: 0.8;
}

input:not([type]):not(.browser-default):disabled,
input[type="text"]:not(.browser-default):disabled,
input[type="password"]:not(.browser-default):disabled,
input[type="email"]:not(.browser-default):disabled,
input[type="url"]:not(.browser-default):disabled,
input[type="time"]:not(.browser-default):disabled,
input[type="date"]:not(.browser-default):disabled,
input[type="datetime"]:not(.browser-default):disabled,
input[type="datetime-local"]:not(.browser-default):disabled,
input[type="tel"]:not(.browser-default):disabled,
input[type="number"]:not(.browser-default):disabled,
input[type="search"]:not(.browser-default):disabled,
textarea:not(.browser-default):disabled {
  cursor: not-allowed;
}

@media (min-width: 768px) {
  input:not([type]):not(.browser-default),
  input[type="text"]:not(.browser-default),
  input[type="password"]:not(.browser-default),
  input[type="email"]:not(.browser-default),
  input[type="url"]:not(.browser-default),
  input[type="time"]:not(.browser-default),
  input[type="date"]:not(.browser-default),
  input[type="datetime"]:not(.browser-default),
  input[type="datetime-local"]:not(.browser-default),
  input[type="tel"]:not(.browser-default),
  input[type="number"]:not(.browser-default),
  input[type="search"]:not(.browser-default),
  textarea:not(.browser-default) {
    min-width: var(--_input-min-width, 60px);
  }
}

input[type="file"] {
  border: 1px solid var(--gray-400);
  padding: 0.3rem;
  border-radius: 0.35rem;
}

.search-form {
  position: relative;
  width: 100%;
  height: 100%;
}

.search-form__button {
  cursor: pointer;
  width: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 6px;
  line-height: 70px;
}

.search-form__button i.fa {
  font-size: 1rem;
}

.search-form__field {
  float: right;
  width: 35px;
  height: 100%;
  background-color: transparent;
  padding-right: 30px;
  padding-left: 15px;
  border: 0;
  outline: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.search-form__field.search-form__field--open {
  width: 100%;
  background-color: var(--gray-200);
}

.input-field,
.vs-con-input,
.input-select-con,
.con-input-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: var(--_flex-direction, column-reverse);
          flex-direction: var(--_flex-direction, column-reverse);
}

.input-field:has(> .input-field__label:not(:empty)),
.input-field:has(> .input-field__label-textarea:not(:empty)),
.vs-con-input:has(> .input-field__label:not(:empty)),
.vs-con-input:has(> .input-field__label-textarea:not(:empty)),
.input-select-con:has(> .input-field__label:not(:empty)),
.input-select-con:has(> .input-field__label-textarea:not(:empty)),
.con-input-search:has(> .input-field__label:not(:empty)),
.con-input-search:has(> .input-field__label-textarea:not(:empty)) {
  gap: var(--input-gap);
}

.input-field input,
.input-field textarea,
.vs-con-input input,
.vs-con-input textarea,
.input-select-con input,
.input-select-con textarea,
.con-input-search input,
.con-input-search textarea {
  border-top-width: var(--_input-border-top-width, 1px);
  border-right-width: var(--_input-border-right-width, 1px);
  border-bottom-width: var(--_input-border-bottom-width, 1px);
  border-left-width: var(--_input-border-left-width, 1px);
  border-style: solid;
  border-color: var(--gray-500);
  border-top-left-radius: var(--_input-border-top-left-radius, var(--border-radius-base));
  border-top-right-radius: var(--_input-border-top-right-radius, var(--border-radius-base));
  border-bottom-left-radius: var(--_input-border-bottom-left-radius, var(--border-radius-base));
  border-bottom-right-radius: var(--_input-border-bottom-right-radius, var(--border-radius-base));
  outline-width: 0.5px;
  outline-style: solid;
  outline-color: transparent;
  -webkit-transition: border-color, outline-color 0.3s ease;
  transition: border-color, outline-color 0.3s ease;
}

.input-field input:focus,
.input-field textarea:focus,
.vs-con-input input:focus,
.vs-con-input textarea:focus,
.input-select-con input:focus,
.input-select-con textarea:focus,
.con-input-search input:focus,
.con-input-search textarea:focus {
  border-color: var(--brand-primary);
  outline-color: var(--brand-primary);
}

[data-theme="dark"] .input-field input:focus,
[data-theme="dark"]
.input-field textarea:focus,
[data-theme="dark"]
.vs-con-input input:focus,
[data-theme="dark"]
.vs-con-input textarea:focus,
[data-theme="dark"]
.input-select-con input:focus,
[data-theme="dark"]
.input-select-con textarea:focus,
[data-theme="dark"]
.con-input-search input:focus,
[data-theme="dark"]
.con-input-search textarea:focus {
  border-color: var(--gray-800);
  outline-color: var(--gray-800);
}

.input-field textarea,
.vs-con-input textarea,
.input-select-con textarea,
.con-input-search textarea {
  resize: none;
  line-height: 1.6;
}

.input-field > .input-field__label:not(:empty),
.input-field > .input-field__label-textarea:not(:empty),
.vs-con-input > .input-field__label:not(:empty),
.vs-con-input > .input-field__label-textarea:not(:empty),
.input-select-con > .input-field__label:not(:empty),
.input-select-con > .input-field__label-textarea:not(:empty),
.con-input-search > .input-field__label:not(:empty),
.con-input-search > .input-field__label-textarea:not(:empty) {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
  padding-inline: var(--_label-padding-inline, 0);
  padding-block: var(--_label-padding-block, 0);
  border-inline-width: var(--_label-border-inline, 0);
  border-block-width: var(--_label-border-block, 0);
  border-color: var(--_label-border-color, transparent);
  border-style: var(--_label-border-style, none);
  border-top-left-radius: var(--_label-border-top-left-radius, 0);
  border-top-right-radius: var(--_label-border-top-right-radius, 0);
  border-bottom-left-radius: var(--_label-border-bottom-left-radius, 0);
  border-bottom-right-radius: var(--_label-border-bottom-right-radius, 0);
}

.input-field.input-field--vertical,
.vs-con-input.input-field--vertical,
.input-select-con.input-field--vertical,
.con-input-search.input-field--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-bottom: 1.3rem;
}

.input-field.input-field--vertical > .input-field__label:not(:empty),
.input-field.input-field--vertical > .input-field__label-textarea:not(:empty),
.vs-con-input.input-field--vertical > .input-field__label:not(:empty),
.vs-con-input.input-field--vertical > .input-field__label-textarea:not(:empty),
.input-select-con.input-field--vertical > .input-field__label:not(:empty),
.input-select-con.input-field--vertical > .input-field__label-textarea:not(:empty),
.con-input-search.input-field--vertical > .input-field__label:not(:empty),
.con-input-search.input-field--vertical > .input-field__label-textarea:not(:empty) {
  width: auto;
  height: auto;
  font-size: 0.85rem;
  margin-bottom: 0.375rem;
}

.input-field.input-field--vertical .helper-text,
.vs-con-input.input-field--vertical .helper-text,
.input-select-con.input-field--vertical .helper-text,
.con-input-search.input-field--vertical .helper-text {
  top: unset;
  bottom: 4px;
}

@media (min-width: 768px) {
  .input-field,
  .vs-con-input,
  .input-select-con,
  .con-input-search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: var(--_flex-direction, row-reverse);
            flex-direction: var(--_flex-direction, row-reverse);
  }

  .input-field > .input-field__label:not(:empty),
  .input-field > .input-field__label-textarea:not(:empty),
  .vs-con-input > .input-field__label:not(:empty),
  .vs-con-input > .input-field__label-textarea:not(:empty),
  .input-select-con > .input-field__label:not(:empty),
  .input-select-con > .input-field__label-textarea:not(:empty),
  .con-input-search > .input-field__label:not(:empty),
  .con-input-search > .input-field__label-textarea:not(:empty) {
    min-width: 130px;
    width: 130px;
    font-size: 0.8125rem;
  }

  .input-field .helper-text,
  .vs-con-input .helper-text,
  .input-select-con .helper-text,
  .con-input-search .helper-text {
    width: auto;
  }
}

.input-field:has(.helper-text.text-danger) input,
.input-field:has(.helper-text.text-danger) textarea,
.vs-con-input:has(.helper-text.text-danger) input,
.vs-con-input:has(.helper-text.text-danger) textarea,
.input-select-con:has(.helper-text.text-danger) input,
.input-select-con:has(.helper-text.text-danger) textarea,
.con-input-search:has(.helper-text.text-danger) input,
.con-input-search:has(.helper-text.text-danger) textarea {
  border-color: var(--brand-danger);
  outline-color: var(--brand-danger);
}

.vs-input-primary .vs-con-input .vs-input--input {
  border: none !important;
}

.vs-input-primary .vs-con-input .vs-input--input:focus {
  border: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.vs-select--label {
  color: var(--gray-700) !important;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 0.8125rem !important;
}

.vuesax-app-is-ltr .vs-select--label {
  padding-left: 0 !important;
}

.vs-table--search-input {
  padding-left: 22px !important;
}

.vs-table--search-input:focus + i {
  color: var(--brand-primary) !important;
}

.vuesax-app-is-ltr .vs-table--search i {
  left: 0 !important;
  font-size: 1.3rem !important;
}

.vs-table--thead input[type="checkbox"] + span {
  margin-left: 7px;
}

.input-field.input-field--readonly input {
  border-color: var(--gray-400);
}

.input-field.input-field--readonly input:focus {
  border-color: var(--gray-500);
  outline-color: var(--gray-500);
}

[data-theme="dark"] .input-field.input-field--readonly input:focus {
  border-color: var(--gray-600);
  outline-color: fi(false, var(--gray-600) !important, var(--gray-600));
}

.input-field.input-field--disabled label {
  color: rgba(var(--rgb-gray-900), 0.62);
}

.input-field.input-field--disabled input {
  border-color: var(--gray-400);
}

.input-field.input-field--spacing-off {
  margin-top: 0;
  margin-bottom: 0;
}

.input-field.input-field--text-group input {
  background: var(--gray-400);
  border-radius: 0.25rem;
  margin-bottom: 0;
  padding-left: 5px;
  margin-left: 5px;
  max-width: 150px;
  height: 1.7rem;
  color: var(--gray-700);
}

.input-field.input-field--stretch label:not(:empty) {
  min-width: auto !important;
  width: unset !important;
  width: var(--field-label-width-stretch) !important;
  line-height: 1;
}

.input-field:hover .input-field__icon {
  background-color: var(--bg-color);
  color: rgba(var(--rgb-gray-700), 0.35);
}

@media (min-width: 0px) {
  .input-field.input-field--stretch-df label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 1px) {
  .input-field.input-field--stretch-xs label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 576px) {
  .input-field.input-field--stretch-sm label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 768px) {
  .input-field.input-field--stretch-md label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 992px) {
  .input-field.input-field--stretch-lg label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 1200px) {
  .input-field.input-field--stretch-xl label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 1500px) {
  .input-field.input-field--stretch-2xl label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

.helper-text {
  position: absolute;
  top: 19px;
  right: 0.3rem;
  font-size: 0.75rem;
  color: rgba(var(--rgb-brand-primary), 0.84);
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-template-columns: -webkit-max-content 24px;
  grid-template-columns: max-content 24px;
  visibility: collapse;
}

.helper-text:hover,
.helper-text:focus {
  white-space: normal;
  background-color: #ffffff;
  visibility: initial;
  padding-left: 0.5rem;
}

.helper-text:not(:empty)::after {
  content: "\F05A";
  font: normal normal normal 14px/1 FontAwesome;
  background-color: var(--bg-color);
  padding-left: 0.3rem;
  font-size: 0.95rem;
  visibility: initial;
}

.helper-text.text-danger:not(:empty)::after {
  content: "\F071";
}

@media (min-width: 768px) {
  .helper-text.text-danger:not(:empty)::after {
    position: relative;
    top: 2px;
  }
}

@media (min-width: 768px) {
  .helper-text {
    top: 5px;
  }
}

a.helper-text {
  color: var(--link-color) !important;
}

.input-field:has(.input-field__counter) .helper-text,
.input-field:has(.input-field__counter) .input-field__icon {
  right: 32px;
}

.input-field__icon {
  position: absolute;
  top: 20px;
  right: 0.2rem;
  background-color: transparent;
  padding: 0.1rem 0.3rem;
  font-size: 0.95rem;
  color: rgba(var(--rgb-gray-700), 0);
}

@media (min-width: 768px) {
  .input-field__icon {
    top: 2px;
  }
}

.input-field__counter {
  position: absolute;
  top: 21px;
  right: 3px;
  background-color: var(--bg-color);
  padding-left: 0.3rem;
  padding-right: 0.4rem;
  font-weight: 600;
  border: 1px solid var(--gray-400);
  border-radius: 0.3rem;
  color: var(--gray-700);
}

@media (min-width: 768px) {
  .input-field__counter {
    top: 3px;
  }
}

input[type="checkbox"] + span {
  position: relative;
  padding-top: 1px;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
  font-size: 0.9rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: var(--gray-900);
}

input[type="checkbox"] + span::before,
input[type="checkbox"] + span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 1;
  border: 2px solid var(--gray-600);
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
}

input[type="checkbox"] + span::after {
  border-radius: 3px;
}

input[type="checkbox"]:not(:checked) + span::before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
          transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

input[type="checkbox"]:not(:checked) + span::after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid var(--gray-600);
  z-index: 0;
}

input[type="checkbox"]:checked + span::before {
  top: 2px;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 0 solid transparent;
  border-left: 0 solid transparent;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotateZ(37deg);
          transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

input[type="checkbox"]:checked + span::after {
  width: 20px;
  height: 20px;
  border: 2px solid var(--brand-secondary);
  background-color: var(--brand-secondary);
  z-index: 0;
}

input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

input[type="checkbox"][disabled] + span {
  cursor: not-allowed;
  color: rgba(var(--rgb-gray-700), 0.7);
}

input[type="checkbox"][disabled] + span::after {
  border-color: rgba(var(--rgb-gray-600), 0.7);
  background-color: rgba(var(--rgb-gray-600), 0.7);
}

input[type="radio"]:not(.browser-default) + span {
  color: var(--gray-900);
}

input[type="radio"]:not(.browser-default) + span:after,
input[type="radio"]:not(.browser-default) + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  margin-left: 0;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
}

input[type="radio"]:not(.browser-default):not(:checked),
input[type="radio"]:not(.browser-default):checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

input[type="radio"]:not(.browser-default):not(:checked) + span,
input[type="radio"]:not(.browser-default):checked + span {
  position: relative;
  padding-top: 2px;
  padding-left: 24px;
  cursor: pointer;
  display: inline-block;
  font-size: 0.9rem;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

input[type="radio"]:not(.browser-default):not(:checked) + span:after,
input[type="radio"]:not(.browser-default):not(:checked) + span:before,
input[type="radio"]:not(.browser-default):checked + span:after,
input[type="radio"]:not(.browser-default):checked + span:before {
  border-radius: 50%;
}

input[type="radio"]:not(.browser-default):not(:checked) + span:before,
input[type="radio"]:not(.browser-default):not(:checked) + span::after {
  border: 2px solid var(--gray-600);
}

input[type="radio"]:not(.browser-default):not(:checked) + span:after {
  -webkit-transform: scale(0);
          transform: scale(0);
}

input[type="radio"]:not(.browser-default):checked + span:before,
input[type="radio"]:not(.browser-default):checked + span:after {
  border: 2px solid var(--brand-secondary);
}

input[type="radio"]:not(.browser-default):checked + span:after {
  background-color: var(--brand-secondary);
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

input[type="radio"]:not(.browser-default)[disabled] + span {
  cursor: not-allowed;
  color: rgba(var(--rgb-gray-700), 0.7);
}

input[type="radio"]:not(.browser-default)[disabled] + span::before,
input[type="radio"]:not(.browser-default)[disabled] + span::after {
  border-color: rgba(var(--rgb-gray-600), 0.7);
}

input[type="radio"]:not(.browser-default)[disabled] + span::after {
  background-color: rgba(var(--rgb-gray-600), 0.7);
}

.label--small-uppercase {
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 0.7875rem;
  margin-bottom: 8px;
}

.v--modal-overlay {
  z-index: 1110 !important;
}

.v--modal-overlay .v--modal-box {
  overflow: unset !important;
}

@media (max-width: 768px) {
  .v--modal-overlay:not(.v--modal__loader) .v--modal-box.v--modal {
    left: unset !important;
    right: unset !important;
    width: auto !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    margin-top: 90px !important;
    margin-bottom: 120px !important;
  }
}

.v--modal-box.v--modal {
  border-radius: 8px;
}

.v--modal-box.v--modal[style^="top: 0px;"] {
  top: 35px !important;
  margin-bottom: 35px !important;
}

.v--modal-box.v--modal .card,
.v--modal-box.v--modal .tabs-component,
.v--modal-box.v--modal .tabs-component-tabs {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.v--modal-box.v--modal .tabs-component-tabs {
  margin-left: 0px;
  margin-bottom: -2px;
}

.v--modal-box.v--modal .tabs-component-panels {
  margin-left: 0px;
}

.v--modal-box .layout:not(.local) {
  margin: 14px;
}

.v--modal-box .layout .layout__header {
  margin: -20px;
  margin-bottom: 10px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--gray-300);
}

.v--modal-box .card,
.v--modal-box .tabs-component {
  border: 1px solid var(--gray-300);
}

.v--modal__loader .v--modal {
  background-color: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.v--modal__loader .v--modal.v--modal-box {
  top: 0 !important;
  border-radius: 0;
  padding: 0 !important;
}

.v--modal__loader.v--modal-overlay {
  background: rgba(var(--rgb-gray-900), 0.3);
  z-index: 1120 !important;
}

.v--modal-overlay {
  background: rgba(var(--rgb-gray-900), 0.2) !important;
}

.v--modal {
  background-color: var(--bg-color) !important;
  padding: 6px !important;
}

.v--modal .vgt-responsive {
  max-height: 500px;
  z-index: 1130;
}

.v--modal .v--modal-overlay {
  z-index: 1140 !important;
}

.v--modal .v--modal-overlay .vgt-responsive {
  z-index: 1150;
}

.modal-buttons {
  padding: 10px 20px;
  border-top: 1px solid var(--gray-300);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align: right;
}

.close-button {
  position: absolute;
  top: 15px;
  right: 10px;
}

.noti-primary,
.noti-secondary,
.noti-success,
.noti-info,
.noti-warning,
.noti-danger,
.noti-light,
.noti-dark {
  position: relative;
  padding: 0.65rem 1.25rem;
  margin-bottom: 1rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.25rem;
}

.noti-primary {
  color: var(--primary-darken-30);
  background-color: var(--primary-lighten-35);
  border-color: var(--primary-lighten-30);
}

.noti-secondary {
  color: var(--secondary-darken-30);
  background-color: var(--secondary-lighten-35);
  border-color: var(--secondary-lighten-30);
}

.noti-success {
  color: var(--success-darken-30);
  background-color: var(--success-lighten-35);
  border-color: var(--success-lighten-30);
}

.noti-info {
  color: var(--info-darken-30);
  background-color: var(--info-lighten-35);
  border-color: var(--info-lighten-30);
}

.noti-warning {
  color: var(--warning-darken-30);
  background-color: var(--warning-lighten-35);
  border-color: var(--warning-lighten-30);
}

.noti-danger {
  color: var(--danger-darken-30);
  background-color: var(--danger-lighten-35);
  border-color: var(--danger-lighten-30);
}

.noti-light {
  color: var(--light-darken-30);
  background-color: var(--light-lighten-35);
  border-color: var(--light-lighten-30);
}

.noti-dark {
  color: var(--dark-darken-30);
  background-color: var(--dark-lighten-35);
  border-color: var(--dark-lighten-30);
}

[class*="noti"] .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.65rem 1.02rem;
  color: inherit;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 1rem 0;
  border-radius: 0.25rem;
}

.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: #3a4d5e;
  border-radius: 0.25rem;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  visibility: collapse;
}

.pagination > li:first-child > a::before,
.pagination > li:first-child > span::before {
  content: '\F053';
  font-family: "FontAwesome";
  visibility: visible;
  font-weight: 600;
  font-size: 0.9rem;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  visibility: collapse;
}

.pagination > li:last-child > a::before,
.pagination > li:last-child > span::before {
  content: '\F054';
  font-family: "FontAwesome";
  visibility: visible;
  font-weight: 600;
  font-size: 0.9rem;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #1c2833;
  background-color: #e9ecef;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #6a7d90;
  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: #a8b3bd;
  cursor: not-allowed;
}

.select-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  position: relative;
}

.select-field:has(label:not(:empty)) {
  gap: var(--input-gap);
}

.select-field::after {
  content: "\F078";
  font: normal normal normal 14px/1 FontAwesome;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -2px;
  right: 0.3rem;
  bottom: 0;
  padding: 0 0.2em;
  pointer-events: none;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
  color: var(--gray-500);
}

.select-field label {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
  padding-inline: var(--_label-padding-inline, 0);
  padding-block: var(--_label-padding-block, 0);
  border-inline-width: var(--_label-border-inline, 0);
  border-block-width: var(--_label-border-block, 0);
  border-color: var(--_label-border-color, transparent);
  border-style: var(--_label-border-style, none);
  border-top-left-radius: var(--_label-border-top-left-radius, 0);
  border-top-right-radius: var(--_label-border-top-right-radius, 0);
  border-bottom-left-radius: var(--_label-border-bottom-left-radius, 0);
  border-bottom-right-radius: var(--_label-border-bottom-right-radius, 0);
}

.select-field label:hover,
.select-field label:focus {
  white-space: normal;
}

.select-field select {
  height: 1.75rem;
  color: var(--input-color);
  background: transparent;
  border-top-width: var(--_input-border-top-width, 1px) !important;
  border-right-width: var(--_input-border-right-width, 1px) !important;
  border-bottom-width: var(--_input-border-bottom-width, 1px) !important;
  border-left-width: var(--_input-border-left-width, 1px) !important;
  border-style: solid !important;
  border-color: var(--gray-500) !important;
  border-top-left-radius: var(--_input-border-top-left-radius, var(--border-radius-base)) !important;
  border-top-right-radius: var(--_input-border-top-right-radius, var(--border-radius-base)) !important;
  border-bottom-left-radius: var(--_input-border-bottom-left-radius, var(--border-radius-base)) !important;
  border-bottom-right-radius: var(--_input-border-bottom-right-radius, var(--border-radius-base)) !important;
  outline-width: 0.5px !important;
  outline-style: solid !important;
  outline-color: transparent !important;
  -webkit-transition: border-color, outline-color 0.3s ease;
  transition: border-color, outline-color 0.3s ease;
}

.select-field select:focus {
  border-color: var(--brand-primary) !important;
  outline-color: var(--brand-primary) !important;
}

[data-theme="dark"] .select-field select:focus {
  border-color: var(--gray-800) !important;
  outline-color: var(--gray-800) !important;
}

.select-field select[disabled] {
  cursor: text;
  border-style: dashed !important;
  border-color: var(--gray-500) !important;
}

.select-field select:has([disabled]) + label {
  color: rgba(var(--rgb-gray-900), 0.62);
}

@media (min-width: 768px) {
  .select-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .select-field label {
    min-width: 130px;
    width: 130px;
    font-size: 0.8125rem;
  }
}

.select-field .helper-text {
  right: 40px;
}

.select-field.select-field--stretch label:not(:empty) {
  min-width: auto !important;
  width: unset !important;
  width: var(--field-label-width-stretch) !important;
  line-height: 1;
}

@media (min-width: 0px) {
  .select-field.select-field--stretch-df label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 1px) {
  .select-field.select-field--stretch-xs label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 576px) {
  .select-field.select-field--stretch-sm label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 768px) {
  .select-field.select-field--stretch-md label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 992px) {
  .select-field.select-field--stretch-lg label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 1200px) {
  .select-field.select-field--stretch-xl label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

@media (min-width: 1500px) {
  .select-field.select-field--stretch-2xl label:not(:empty) {
    min-width: auto !important;
    width: unset;
  }
}

.select-field:has(.helper-text.text-danger) select {
  border-color: var(--brand-danger) !important;
  outline-color: var(--brand-danger) !important;
}

.form-field.select2.select2--disabled .select2-field {
  cursor: text;
}

.form-field.select2.select2--disabled .select2-field label {
  color: rgba(var(--rgb-gray-900), 0.62);
}

.form-field.select2.select2--disabled .v-select {
  pointer-events: none;
}

.form-field.select2.select2--disabled .v-select .dropdown-toggle {
  background: none !important;
  border-style: dashed !important;
  border-color: var(--gray-500) !important;
}

.form-field.select2.select2--disabled .v-select input[type="search"]::-webkit-input-placeholder {
  opacity: 0.7;
}

.form-field.select2.select2--disabled .v-select input[type="search"]::-moz-placeholder {
  opacity: 0.7;
}

.form-field.select2.select2--disabled .v-select input[type="search"]::-ms-input-placeholder {
  opacity: 0.7;
}

.form-field.select2.select2--disabled .v-select input[type="search"]::placeholder {
  opacity: 0.7;
}

.form-field.select2.select2--disabled .v-select .open-indicator {
  pointer-events: none;
}

.form-field.select2.select2--disabled .v-select.single .dropdown-toggle .selected-tag {
  color: rgba(var(--rgb-input-color), 0.75) !important;
}

.form-field.select2.select2--disabled::after {
  content: "\F05E";
}

@media (min-width: 768px) {
  .form-field.select2.select2--disabled::after {
    top: 7px !important;
  }
}

.form-field.select2.select2--readonly .select2-field {
  cursor: auto;
}

.form-field.select2.select2--readonly:has(.single) .dropdown-menu {
  display: none;
}

.form-field.select2.select2--readonly:has(.single) .dropdown-toggle .selected-tag {
  opacity: 1 !important;
}

.form-field.select2.select2--readonly:has(.single) .dropdown-toggle:focus-within {
  border-color: var(--gray-500) !important;
  outline-color: var(--gray-500) !important;
}

[data-theme="dark"] .form-field.select2.select2--readonly:has(.single) .dropdown-toggle:focus-within {
  border-color: var(--gray-600) !important;
  outline-color: fi(true, var(--gray-600) !important, var(--gray-600));
}

.form-field.select2.select2--readonly:has(.single)::after {
  content: "\F06E";
}

@media (min-width: 768px) {
  .form-field.select2.select2--readonly:has(.single)::after {
    top: 5px !important;
  }
}

.form-field.select2.select2--disabled,
.form-field.select2.select2--readonly {
  position: relative;
}

.form-field.select2.select2--disabled .clear,
.form-field.select2.select2--readonly .clear {
  display: none;
}

.form-field.select2.select2--disabled::after,
.form-field.select2.select2--readonly::after {
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  top: 18px;
  right: 25px;
  background-color: transparent;
  padding-left: 0.3rem;
  font-size: 0.95rem;
  color: rgba(var(--rgb-gray-700), 0);
}

.form-field.select2.select2--disabled:hover::after,
.form-field.select2.select2--readonly:hover::after {
  background-color: var(--bg-color);
  color: rgba(var(--rgb-gray-700), 0.35);
}

.select2-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.select2-field:has(label:not(:empty)) {
  gap: var(--input-gap);
}

.select2-field label {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
  padding-inline: var(--_label-padding-inline, 0);
  padding-block: var(--_label-padding-block, 0);
  border-inline-width: var(--_label-border-inline, 0);
  border-block-width: var(--_label-border-block, 0);
  border-color: var(--_label-border-color, transparent);
  border-style: var(--_label-border-style, none);
  border-top-left-radius: var(--_label-border-top-left-radius, 0);
  border-top-right-radius: var(--_label-border-top-right-radius, 0);
  border-bottom-left-radius: var(--_label-border-bottom-left-radius, 0);
  border-bottom-right-radius: var(--_label-border-bottom-right-radius, 0);
}

.select2-field:has(.clear[style="display: none;"]) .helper-text {
  right: 22px;
}

.select2-field .helper-text {
  right: 40px;
}

.select2-field.select2-field--multiple-vertical .v-select .dropdown-toggle {
  overflow: unset;
  min-width: 220px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.select2-field.select2-field--multiple-vertical .v-select .dropdown-toggle .selected-tag {
  white-space: nowrap;
}

.select2-field.select2-field--multiple-vertical .v-select .vs__selected-options {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.select2-field.select2-field--dropdown-top .v-select .dropdown-menu {
  top: auto;
  bottom: 2.2rem;
  -webkit-box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.26);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}

.select2-field.select2-field--stretch label:not(:empty) {
  min-width: auto !important;
  width: unset !important;
  width: var(--field-label-width-stretch) !important;
  line-height: 1;
}

@media (min-width: 768px) {
  .select2-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .select2-field label {
    min-width: 130px;
    width: 130px;
    font-size: 0.8125rem;
  }
}

@media (min-width: 0px) {
  .select2-field.select2-field--stretch-df > label {
    min-width: auto !important;
    width: unset !important;
  }
}

@media (min-width: 1px) {
  .select2-field.select2-field--stretch-xs > label {
    min-width: auto !important;
    width: unset !important;
  }
}

@media (min-width: 576px) {
  .select2-field.select2-field--stretch-sm > label {
    min-width: auto !important;
    width: unset !important;
  }
}

@media (min-width: 768px) {
  .select2-field.select2-field--stretch-md > label {
    min-width: auto !important;
    width: unset !important;
  }
}

@media (min-width: 992px) {
  .select2-field.select2-field--stretch-lg > label {
    min-width: auto !important;
    width: unset !important;
  }
}

@media (min-width: 1200px) {
  .select2-field.select2-field--stretch-xl > label {
    min-width: auto !important;
    width: unset !important;
  }
}

@media (min-width: 1500px) {
  .select2-field.select2-field--stretch-2xl > label {
    min-width: auto !important;
    width: unset !important;
  }
}

.select2-field:has(.helper-text.text-danger:not(:empty)) .dropdown-toggle {
  border-color: var(--brand-danger) !important;
  outline-color: var(--brand-danger) !important;
}

.v-select {
  width: 100%;
  min-width: 70px;
  -webkit-perspective: none;
          perspective: none;
}

.v-select .dropdown-toggle {
  position: relative;
  min-height: 1.75rem;
  height: auto;
  overflow: hidden;
  border-top-width: var(--_input-border-top-width, 1px) !important;
  border-right-width: var(--_input-border-right-width, 1px) !important;
  border-bottom-width: var(--_input-border-bottom-width, 1px) !important;
  border-left-width: var(--_input-border-left-width, 1px) !important;
  border-style: solid !important;
  border-color: var(--gray-500) !important;
  border-top-left-radius: var(--_input-border-top-left-radius, var(--border-radius-base)) !important;
  border-top-right-radius: var(--_input-border-top-right-radius, var(--border-radius-base)) !important;
  border-bottom-left-radius: var(--_input-border-bottom-left-radius, var(--border-radius-base)) !important;
  border-bottom-right-radius: var(--_input-border-bottom-right-radius, var(--border-radius-base)) !important;
  outline-width: 0.5px !important;
  outline-style: solid !important;
  outline-color: transparent !important;
  -webkit-transition: border-color, outline-color 0.3s ease;
  transition: border-color, outline-color 0.3s ease;
}

.v-select .dropdown-toggle:focus-within {
  border-color: var(--brand-primary) !important;
  outline-color: var(--brand-primary) !important;
}

[data-theme="dark"] .v-select .dropdown-toggle:focus-within {
  border-color: var(--gray-800) !important;
  outline-color: var(--gray-800) !important;
}

.v-select .dropdown-toggle .vs__selected-options {
  position: unset !important;
  padding: 0;
}

.v-select .dropdown-toggle .selected-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: auto;
  background-color: var(--gray-200);
  color: var(--text-color);
  border-color: var(--gray-300);
  font-size: 0.85rem;
  overflow: hidden;
  z-index: 1010;
}

.v-select .dropdown-toggle .selected-tag .close {
  margin-left: 8px;
  padding-right: 5px;
  color: var(--text-color);
}

.v-select .dropdown-toggle .vs__actions {
  position: absolute;
  right: 0;
  top: 2px;
  background-color: var(--bg-color);
  z-index: 1010;
}

.v-select .dropdown-toggle .vs__actions .clear {
  height: 100%;
  font-size: 21px !important;
  color: rgba(var(--rgb-gray-900), 0.5) !important;
}

.v-select .dropdown-toggle .vs__actions .open-indicator {
  height: 20px;
}

.v-select .dropdown-toggle .vs__actions .open-indicator::before {
  border-color: rgba(var(--rgb-gray-900), 0.4) !important;
  -webkit-transform: translateY(-2px) rotate(133deg) !important;
          transform: translateY(-2px) rotate(133deg) !important;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.v-select:not(.single) .dropdown-toggle {
  padding: 0;
}

.v-select:not(.single) .dropdown-toggle .vs__selected-options {
  gap: 0.4rem;
}

.v-select:not(.single) .selected-tag {
  margin: 2px 0;
}

.v-select:not(.single) input[type="search"],
.v-select:not(.single) input[type="search"]:focus {
  margin: 0;
}

.v-select.disabled .dropdown-toggle,
.v-select.disabled .dropdown-toggle .clear,
.v-select.disabled .dropdown-toggle input,
.v-select.disabled .open-indicator,
.v-select.disabled .selected-tag .close {
  background-color: unset !important;
}

.v-select.open .dropdown-toggle .vs__actions .open-indicator::before {
  -webkit-transform: translateY(3px) rotate(315deg) !important;
          transform: translateY(3px) rotate(315deg) !important;
}

.v-select.single .selected-tag {
  margin: 2px 0 0 0 !important;
  padding: 0 0 0 0.3rem !important;
  border: 0;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  color: var(--input-color) !important;
}

.v-select.single input[type="search"] {
  position: absolute !important;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.v-select ul.dropdown-menu {
  background-color: var(--bg-color);
  margin-top: 1px;
  border: 1px solid rgba(var(--rgb-gray-400), 0.75);
  border-top: 0px;
  z-index: 1091 !important;
}

.v-select ul.dropdown-menu > .highlight > a {
  background-color: var(--gray-300);
}

.v-select ul.dropdown-menu > .active > a {
  background-color: var(--gray-200);
}

.v-select ul.dropdown-menu li.no-options {
  visibility: hidden;
  font-size: 1px;
}

.v-select ul.dropdown-menu li.no-options::after {
  content: "Escriba para realizar su consulta";
  visibility: initial;
  font-size: 0.9rem;
}

.v-select input[type="search"] {
  -webkit-padding-start: 0.3rem !important;
          padding-inline-start: 0.3rem !important;
  padding-right: 2.5rem !important;
  font-size: 0.85rem !important;
}

.multiselect-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.multiselect-field:has(label:not(:empty)) {
  gap: var(--input-gap);
}

.multiselect-field label {
  cursor: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 700;
  margin: 0;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-align: initial;
  padding-inline: var(--_label-padding-inline, 0);
  padding-block: var(--_label-padding-block, 0);
  border-inline-width: var(--_label-border-inline, 0);
  border-block-width: var(--_label-border-block, 0);
  border-color: var(--_label-border-color, transparent);
  border-style: var(--_label-border-style, none);
  border-top-left-radius: var(--_label-border-top-left-radius, 0);
  border-top-right-radius: var(--_label-border-top-right-radius, 0);
  border-bottom-left-radius: var(--_label-border-bottom-left-radius, 0);
  border-bottom-right-radius: var(--_label-border-bottom-right-radius, 0);
}

@media (min-width: 768px) {
  .multiselect-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 0;
  }

  .multiselect-field label {
    min-width: 130px;
    width: 130px;
    font-size: 0.8125rem;
  }
}

@media (min-width: 992px) {
  .multiselect-field.multiselect-field--stretch label {
    min-width: auto !important;
    width: unset;
  }
}

.multiselect-field .multiselect__tags {
  position: relative;
  min-height: 1.75rem;
  padding: 0px 30px 0 1px;
  font-size: 0.85rem;
  background-color: transparent;
  border-top-width: var(--_input-border-top-width, 1px) !important;
  border-right-width: var(--_input-border-right-width, 1px) !important;
  border-bottom-width: var(--_input-border-bottom-width, 1px) !important;
  border-left-width: var(--_input-border-left-width, 1px) !important;
  border-style: solid !important;
  border-color: var(--gray-500) !important;
  border-top-left-radius: var(--_input-border-top-left-radius, var(--border-radius-base)) !important;
  border-top-right-radius: var(--_input-border-top-right-radius, var(--border-radius-base)) !important;
  border-bottom-left-radius: var(--_input-border-bottom-left-radius, var(--border-radius-base)) !important;
  border-bottom-right-radius: var(--_input-border-bottom-right-radius, var(--border-radius-base)) !important;
  outline-width: 0.5px !important;
  outline-style: solid !important;
  outline-color: transparent !important;
  -webkit-transition: border-color, outline-color 0.3s ease;
  transition: border-color, outline-color 0.3s ease;
}

.multiselect-field .multiselect__tags:focus-within {
  border-color: var(--brand-primary) !important;
  outline-color: var(--brand-primary) !important;
}

[data-theme="dark"] .multiselect-field .multiselect__tags:focus-within {
  border-color: var(--gray-800) !important;
  outline-color: var(--gray-800) !important;
}

.multiselect-field:has(.helper-text.text-danger) .multiselect__tags {
  border-color: var(--brand-danger) !important;
  outline-color: var(--brand-danger) !important;
}

.multiselect-field .multiselect__tag {
  white-space: normal;
  background-color: var(--gray-200);
  color: var(--text-color);
  border-style: solid;
  border-width: 1px;
  border-color: var(--gray-300);
  margin-top: 2px;
  margin-bottom: -2px;
  padding: 3px 26px 3px 10px;
}

.multiselect-field .multiselect__tag-icon::after {
  font-size: 21px;
  color: var(--text-color);
}

.multiselect-field .multiselect__tag-icon:hover {
  background: var(--gray-300);
}

.multiselect-field .multiselect__option--highlight {
  background: var(--success);
}

.multiselect-field .multiselect__option--highlight::after {
  content: none;
}

.multiselect-field .multiselect__content-wrapper {
  background: var(--bg-color);
  border: 1px solid rgba(188, 200, 212, 0.15) !important;
  color: var(--text-color);
}

.multiselect-field .multiselect__option--selected {
  background-color: var(--gray-200);
  color: var(--text-color);
}

.multiselect-field .multiselect__option--selected::after {
  content: none;
}

.multiselect-field .multiselect__placeholder {
  color: var(--_placeholder, #777777);
  margin-bottom: 0;
  padding: 0.2rem 0 0 0.3rem;
}

.multiselect-field .multiselect__select {
  width: 25px;
  height: 26px;
  padding: 4px 4px;
  z-index: 1;
  top: 0 !important;
}

.multiselect-field .multiselect__select:before {
  top: unset;
  height: 10px;
  width: 10px;
  display: inline-block;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-width: 0 0 3px 3px;
  border-color: rgba(var(--rgb-gray-900), 0.4);
}

.multiselect-field .multiselect__single {
  position: absolute;
  padding-left: 0;
  margin-bottom: 0;
  min-height: 1.75rem;
  line-height: 1.73rem;
  white-space: nowrap;
  font-size: 0.85rem;
  color: #1c2833;
  background-color: transparent;
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multiselect-field .multiselect__content-wrapper {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.multiselect-field .multiselect--above .multiselect__content-wrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.multiselect-field .multiselect {
  font-size: 0.9rem;
  min-height: unset;
}

.multiselect-field .multiselect__input {
  height: 1.55rem !important;
  margin-bottom: 0;
}

.multiselect-field .multiselect__input,
.multiselect-field .multiselect__single {
  min-width: unset !important;
}

.multiselect-field .multiselect__option:after {
  font-size: 11px;
}

.multiselect-field .multiselect--active {
  z-index: 1040;
}

.multiselect-field .multiselect__spinner {
  right: 25px;
  top: 0px;
  height: 25px;
}

td .multiselect-field {
  position: unset;
}

td .multiselect-field .multiselect--active {
  position: unset;
}

td .multiselect-field .multiselect__content-wrapper {
  max-width: 250px;
}

td .multiselect-field .multiselect__option--selected.multiselect__option--highlight::after {
  display: none;
}

td .multiselect-field .multiselect--above .multiselect__content-wrapper {
  bottom: unset;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.support {
  position: fixed;
  bottom: 30px;
  right: 20px;
  width: 50px;
  height: 50px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #23d160;
  color: #ffffff;
  -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.12), 0 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 2px rgba(0, 0, 0, 0.12), 0 2px 0 rgba(0, 0, 0, 0.08);
  z-index: 1090;
}

@media (max-width: 576px) {
  .support {
    bottom: 80px;
  }
}

.support__icon {
  cursor: pointer;
  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;
  width: 100%;
  height: 100%;
  font-size: 28px;
}

.support__form {
  overflow-y: auto;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 400px;
  height: 433px;
  position: absolute;
  bottom: 50px;
  right: 10px;
  border-radius: 0.375rem;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
  background-color: var(--gray-700);
}

.support__form form {
  height: 100%;
}

@media (max-width: 576px) {
  .support__form {
    width: auto;
    right: -21px;
    left: calc(-100vw + 86px);
  }
}

@media (max-width: 576px) {
  .support__form {
    width: 300px;
  }
}

.support__icon.support__icon--active + .support__form {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.support__field {
  width: 100%;
  background-color: var(--bg-color) !important;
  margin-bottom: 0 !important;
  padding: 10px 6px !important;
}

.support__field.subject {
  height: 50px !important;
}

.support__field.message {
  display: block;
  height: 303px;
  resize: none;
}

.support__field.documento {
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #6a7d90;
  color: var(--text-color);
}

.support__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  height: 50px;
  color: #ffffff;
}

.support__title {
  font-weight: bold;
}

.support__controls .close {
  color: inherit;
  font-weight: normal;
}

.support__controls .close span:hover {
  text-decoration: none;
}

.support__sendbutton {
  height: 3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--gray-700);
  font-weight: 600;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.support--to-left {
  left: 20px;
}

.support--to-left .support__form {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  left: 10px;
}

@media (max-width: 576px) {
  .support--to-left .support__form {
    left: -21px;
  }
}

.swal2-container {
  z-index: 1140 !important;
}

.swal2-popup {
  border-radius: 0.375rem !important;
  -webkit-box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
          box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
}

.swal2-icon.swal2-question {
  border-color: #bcc8d4 !important;
  color: #a8b3bd !important;
}

.swal2-popup .swal2-title {
  color: #3a4d5e !important;
}

.swal2-popup .swal2-content {
  color: #1c2833 !important;
}

.swal2-popup .swal2-styled.swal2-cancel {
  background-color: #ff2854 !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
  background-color: #209cee !important;
  border-left-color: #209cee !important;
  border-right-color: #209cee !important;
}

.swal2-popup .swal2-styled {
  height: 2.2em;
  padding: calc(0.175em - 1px) 2em !important;
  font-weight: unset !important;
}

table {
  border-collapse: collapse;
  margin-bottom: 1rem;
  width: 100%;
}

table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > th {
  text-align: inherit;
  color: var(--gray-900);
  padding: 0.2rem 0.25rem 0.1rem;
  border-bottom: 2px solid var(--gray-600);
}

table > tbody > tr > th:first-child > [class*="btn-"],
table > tfoot > tr > th:first-child > [class*="btn-"],
table > thead > tr > th:first-child > [class*="btn-"] {
  margin-left: -0.1rem;
}

table > tbody > tr > th:last-child > [class*="btn-"],
table > tfoot > tr > th:last-child > [class*="btn-"],
table > thead > tr > th:last-child > [class*="btn-"] {
  margin-right: -0.1rem;
}

table > tbody > tr > td,
table > tfoot > tr > td,
table > thead > tr > td {
  padding: 0.45rem 0.25rem 0.65rem;
  color: var(--gray-900);
  border-bottom: 1px solid var(--gray-500);
}

table > thead > tr {
  background-color: var(--gray-200);
}

table > thead > tr > th {
  vertical-align: middle;
}

table > thead > tr > th:first-child {
  border-top-left-radius: 0.375rem;
}

table > thead > tr > th:last-child {
  border-top-right-radius: 0.375rem;
}

table > tbody > tr {
  position: relative;
}

table > tbody > tr > th[scope="row"] {
  border-bottom: 1px solid var(--gray-500);
}

table > tbody > tr > th[scope="row"] small {
  font-weight: 400;
}

table > tbody > tr > td {
  vertical-align: top;
}

table > tbody > tr > td > .input-field,
table > tbody > tr > td .select2-field {
  margin-bottom: 0;
}

table > tbody > tr > td > .input-field .helper-text,
table > tbody > tr > td .select2-field .helper-text {
  position: relative;
  bottom: 0;
}

table > tbody > tr > td > .input-field > label {
  margin-bottom: 0;
}

table > tbody > tr > td.table-actions {
  white-space: nowrap;
  padding: 0px 10px;
}

table > tbody > tr > td.table-actions > *:not(:last-child) {
  margin-right: 5px;
}

table > tbody > tr > td.td-index {
  vertical-align: middle;
  font-weight: 700;
}

table > tbody > tr > td .select2-field.select2-field__max-width .v-select {
  min-width: 330px;
}

table > tbody > tr.tr--pending {
  background-color: rgba(var(--rgb-brand-warning), 0.22);
}

table > tbody > tr.tr--issued {
  background-color: rgba(var(--rgb-brand-primary), 0.22);
}

table > tbody > tr.tr--canceled {
  background-color: rgba(var(--rgb-brand-danger), 0.22);
}

table > tbody > tr.tr--authorized {
  background-color: rgba(var(--rgb-brand-success), 0.22);
}

table > tbody > tr.selected {
  background-color: var(--gray-400);
}

table th[tooltip],
table td[tooltip] {
  display: table-cell;
}

table.table--bordered > thead > tr > th {
  border-width: 1px 1px 2px 1px;
  border-style: solid;
  border-color: var(--gray-400) var(--gray-400) var(--gray-500) var(--gray-400);
}

table.table--bordered > tbody > tr > td {
  border: 1px solid var(--gray-400);
}

table.table--bordered > tbody > tr > th[scope="row"] {
  border: 1px solid var(--gray-400);
}

.table-responsive {
  width: 100%;
  overflow: auto;
}

.vgt-wrap .vgt-inner-wrap {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.vgt-wrap .vgt-inner-wrap .vgt-global-search {
  padding: 0px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 10px;
  border: 1px solid var(--gray-400);
  border-radius: 0.25rem;
  background: transparent;
}

.vgt-wrap .vgt-inner-wrap .vgt-left-align > div:not([class]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vgt-wrap .vgt-inner-wrap .vgt-left-align.input-field,
.vgt-wrap .vgt-inner-wrap .vgt-left-align.select2-field {
  margin-top: -14px;
  margin-bottom: 0;
}

.vgt-wrap .vgt-global-search__input:before {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -11px;
  font-family: "Fontawesome";
  font-size: 0.9rem;
  color: var(--gray-800);
  content: "\F002";
}

.vgt-wrap .vgt-global-search__input .input__icon {
  display: none;
}

.vgt-wrap .vgt-global-search__input .vgt-input {
  height: 1.75rem;
  margin: 0;
  border: 0;
}

.vgt-wrap .vgt-global-search__input .vgt-input::-webkit-input-placeholder {
  color: var(--gray-800);
}

.vgt-wrap .vgt-global-search__input .vgt-input::-moz-placeholder {
  color: var(--gray-800);
}

.vgt-wrap .vgt-global-search__input .vgt-input::-ms-input-placeholder {
  color: var(--gray-800);
}

.vgt-wrap .vgt-global-search__input .vgt-input::placeholder {
  color: var(--gray-800);
}

.vgt-wrap .vgt-table {
  background-color: var(--bg-color);
  border: 0;
}

.vgt-wrap .vgt-table thead th {
  color: var(--gray-800);
  background: transparent;
  padding: 0.55rem 1.5rem 0.55rem 0.25rem;
  font-size: 0.8125rem;
  border-bottom: 2px solid var(--gray-500);
}

.vgt-wrap .vgt-table thead th.sorting:hover:after {
  border-bottom-color: var(--gray-800-lighten-5);
}

.vgt-wrap .vgt-table thead th.sorting-asc:after {
  border-bottom: 6px solid var(--gray-800);
}

.vgt-wrap .vgt-table thead th.sorting-desc:after {
  border-top: 6px solid var(--gray-800);
}

.vgt-wrap .vgt-table thead th.sorting-asc,
.vgt-wrap .vgt-table thead th.sorting-desc {
  color: var(--gray-900);
}

.vgt-wrap .vgt-table tbody tr label {
  margin-bottom: 0;
  z-index: 100;
}

.vgt-wrap .vgt-table tbody tr.vgtr--pending {
  background-color: rgba(var(--rgb-brand-warning), 0.22);
}

.vgt-wrap .vgt-table tbody tr.vgtr--issued {
  background-color: rgba(var(--rgb-brand-primary), 0.22);
}

.vgt-wrap .vgt-table tbody tr.vgtr--canceled {
  background-color: rgba(var(--rgb-brand-danger), 0.22);
}

.vgt-wrap .vgt-table tbody tr.vgtr--authorized {
  background-color: rgba(var(--rgb-brand-success), 0.22);
}

.vgt-wrap .vgt-table tbody td {
  padding: 0.5rem 0.25rem;
  border-bottom: 1px solid var(--gray-500);
  vertical-align: middle;
  font-size: 0.8125rem;
  color: var(--text-color);
}

.vgt-wrap .vgt-table tbody [class^="tr--"]::before {
  content: "";
  width: 100%;
  height: calc(100% - 1px);
  position: absolute;
  top: 0;
}

.vgt-wrap .vgt-table tbody .tr--pending::before {
  background-color: rgba(var(--rgb-brand-warning), 0.22);
}

.vgt-wrap .vgt-table tbody .tr--issued::before {
  background-color: rgba(var(--rgb-brand-primary), 0.22);
}

.vgt-wrap .vgt-table tbody .tr--canceled::before {
  background-color: rgba(var(--rgb-brand-danger), 0.22);
}

.vgt-wrap .vgt-table tbody .tr--authorized::before {
  background-color: rgba(var(--rgb-brand-success), 0.22);
}

.vgt-wrap .vgt-table.vgt-table--sticky thead th {
  background-color: var(--bg-color);
  position: sticky;
  top: 0;
  border-bottom: 0;
}

.vgt-wrap .vgt-table.vgt-table--sticky thead th:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid var(--gray-500);
}

.vgt-wrap .vgt-wrap__footer {
  color: var(--text-color);
  background: transparent;
  border: 0;
  padding: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

.vgt-wrap .vgt-wrap__footer .footer__navigation__page-info,
.vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn {
  color: var(--text-color);
}

.vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,
.vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: var(--text-color);
}

.vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,
.vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: var(--text-color);
}

.vgt-wrap .vgt-wrap__footer .footer__navigation__page-info__current-entry {
  width: 30px !important;
  margin: 0px 10px !important;
}

.vgt-wrap .vgt-wrap__footer .footer__row-count::after {
  content: "\F078";
  font: normal normal normal 14px/1 FontAwesome;
  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;
  color: var(--gray-500);
  border: 0;
  right: 16px;
  top: 16px;
}

.vgt-wrap .vgt-wrap__footer .footer__row-count:hover::after,
.vgt-wrap .vgt-wrap__footer .footer__row-count:focus::after {
  color: var(--gray-700);
}

.vgt-wrap .vgt-wrap__footer .footer__navigation,
.vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn span {
  font-size: 1rem;
}

.vgt-wrap .footer__row-count__label {
  font-size: 1rem;
  margin-bottom: 0;
}

.vgt-wrap .footer__row-count__select {
  font-size: 1rem;
  color: var(--gray-700);
  width: 70px;
  margin-bottom: -5px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-right: 25px;
  background-color: var(--gray-200);
  border-radius: 0.25rem;
  font-weight: 400;
}

.vgt-clearfix::after {
  position: absolute;
}

.vgt-no-overflow .vgt-responsive {
  overflow: unset;
}

.v-table-disabled {
  pointer-events: none;
}

.table-two-columns tr > td {
  width: 50%;
}

[cell-message-dir="left"]::before {
  right: unset !important;
  left: -4px;
  -webkit-transform: rotate(-45deg) !important;
          transform: rotate(-45deg) !important;
}

[cell-message] {
  position: relative;
  --border-width: 6px;
}

[cell-message]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left: var(--border-width) solid transparent;
  border-right: var(--border-width) solid transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

[cell-message]::after {
  content: attr(cell-message);
  position: absolute;
  left: 50%;
  top: -6px;
  -webkit-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
  text-align: center;
  color: #ffffff;
  font-size: 0.85rem;
  min-width: 80px;
  border-radius: 0.25rem;
  pointer-events: none;
  padding: 7px 12px;
  z-index: 99;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0;
}

[cell-message]:focus::after,
[cell-message]:hover::after {
  opacity: 1;
}

[cell-message-status="canceled"]::before {
  border-bottom: 6px solid #ff2854;
  border-bottom: var(--border-width) solid #ff2854;
}

[cell-message-status="pending"]::before {
  border-bottom: 6px solid #ffc107;
  border-bottom: var(--border-width) solid var(--brand-warning);
}

[cell-message-status="issued"]::before {
  border-bottom: 6px solid #224a72;
  border-bottom: var(--border-width) solid var(--brand-primary);
}

[cell-message-status="authorized"]::before {
  border-bottom: 6px solid #23d160;
  border-bottom: var(--border-width) solid var(--brand-success);
}

[cell-message-status="canceled"]::after {
  background: rgba(255, 40, 84, 0.85);
}

[cell-message-status="pending"]::after {
  background: rgba(255, 193, 7, 0.85);
}

[cell-message-status="issued"]::after {
  background: rgba(34, 74, 114, 0.85);
}

[cell-message-status="authorized"]::after {
  background: rgba(35, 209, 96, 0.85);
}

.item-reporte-table .vgt-responsive,
.item-reporte-venta .vgt-responsive {
  overflow-x: unset;
}

.item-reporte-table .vgt-table tbody td.vgt-left-align:nth-of-type(n + 1),
.item-reporte-table .vgt-table tbody td.vgt-left-align:nth-of-type(4),
.item-reporte-venta .vgt-table tbody td.vgt-left-align:nth-of-type(n + 1),
.item-reporte-venta .vgt-table tbody td.vgt-left-align:nth-of-type(4) {
  vertical-align: top;
}

.item-reporte-table .vgt-table tbody td.vgt-left-align:nth-of-type(n + 1) > span,
.item-reporte-table .vgt-table tbody td.vgt-left-align:nth-of-type(4) > span,
.item-reporte-venta .vgt-table tbody td.vgt-left-align:nth-of-type(n + 1) > span,
.item-reporte-venta .vgt-table tbody td.vgt-left-align:nth-of-type(4) > span {
  position: sticky;
  top: 5px;
}

.v--modal table.table-selectable > tbody > tr:hover {
  cursor: pointer;
  background-color: var(--gray-200);
}

.ktable-select {
  position: relative;
  display: block;
  width: auto;
  min-width: 4.5em;
  height: 1.8em;
  line-height: 1.8em;
  background: var(--gray-400);
  overflow: hidden;
  border-radius: 0.25rem;
}

.ktable-select::after {
  content: "\F078";
  font: normal normal normal 14px/1 FontAwesome;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -2px;
  right: 0;
  bottom: 0;
  padding: 0 0.5em;
  pointer-events: none;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
  color: var(--gray-500);
}

.ktable-select:hover::after {
  color: var(--gray-700);
}

.ktable-pagination {
  margin: 0.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ktable-pagination > * {
  margin: 0;
}

.ktable-pagination > *:not(:last-child) {
  margin-right: 0.5rem;
}

.ktable-pagination .ktable-pagination__button a {
  color: var(--text-color);
}

.ktable-pagination .ktable-pagination__button:nth-child(1) i.fa {
  margin-right: 0.3rem;
}

.ktable-pagination .ktable-pagination__button:nth-child(2) i.fa {
  margin-left: 0.3rem;
}

table.scroll > thead > tr {
  display: grid;
  border-bottom: 2px solid var(--gray-500);
}

table.scroll > thead > tr > th {
  border: 0 !important;
  -ms-flex-item-align: end;
      align-self: end;
}

table.scroll > tbody {
  display: block;
  max-height: 400px;
  overflow-y: scroll;
}

table.scroll > tbody > tr {
  display: grid;
}

table.scroll > tbody > tr td button {
  z-index: 1;
}

table.scroll.scroll--conciliation {
  --conciliation-columns: 85px 120px 110px auto 60px 80px 100px 70px;
}

table.scroll.scroll--conciliation > thead > tr {
  grid-template-columns: var(--conciliation-columns);
}

table.scroll.scroll--conciliation > tbody > tr {
  grid-template-columns: var(--conciliation-columns);
}

table.scroll.scroll--reopening {
  --reopening-columns: 85px 120px 110px auto 60px 80px 100px;
}

table.scroll.scroll--reopening > thead > tr {
  grid-template-columns: var(--reopening-columns);
}

table.scroll.scroll--reopening > tbody > tr {
  grid-template-columns: var(--reopening-columns);
}

table.scroll.scroll--count-person-state {
  --count-person-state-columns: 60px 83px 100px 450px 90px auto;
}

table.scroll.scroll--count-person-state > thead > tr {
  grid-template-columns: var(--count-person-state-columns);
}

table.scroll.scroll--count-person-state > tbody > tr {
  grid-template-columns: var(--count-person-state-columns);
}

table.scroll.scroll--pending-receivable {
  --pending-receivable-columns: 95px repeat(2, 80px) 55px 320px
      repeat(3, 70px) auto;
}

table.scroll.scroll--pending-receivable > thead > tr {
  grid-template-columns: var(--pending-receivable-columns);
}

table.scroll.scroll--pending-receivable > tbody > tr {
  grid-template-columns: var(--pending-receivable-columns);
}

table.scroll.scroll--acount-report {
  --acount-report-columns: 85px 50px 90px 70px repeat(2, 80px) 300px auto;
}

table.scroll.scroll--acount-report > thead > tr {
  grid-template-columns: var(--acount-report-columns);
}

table.scroll.scroll--acount-report > tbody > tr {
  grid-template-columns: var(--acount-report-columns);
}

table.scroll.scroll--acount-document-report {
  --acount-document-report-columns: 60px 170px 100px 120px 90px 530px auto;
}

table.scroll.scroll--acount-document-report > thead > tr {
  grid-template-columns: var(--acount-document-report-columns);
}

table.scroll.scroll--acount-document-report > tbody > tr {
  grid-template-columns: var(--acount-document-report-columns);
}

table.scroll.scroll--acount-document-report-group {
  --acount-document-report-group-columns: 800px 120px 120px auto;
}

table.scroll.scroll--acount-document-report-group > thead > tr {
  grid-template-columns: var(--acount-document-report-group-columns);
}

table.scroll.scroll--acount-document-report-group > tbody > tr {
  grid-template-columns: var(--acount-document-report-group-columns);
}

table.scroll.scroll--movement-cxc {
  --movement-cxc-columns: 88px repeat(3, 110px) auto;
}

table.scroll.scroll--movement-cxc > thead > tr {
  grid-template-columns: var(--movement-cxc-columns);
}

table.scroll.scroll--movement-cxc > tbody > tr {
  grid-template-columns: var(--movement-cxc-columns);
}

table.scroll.scroll--state-acount {
  --state-acount-columns: 700px 95px 95px auto;
}

table.scroll.scroll--state-acount > thead > tr {
  grid-template-columns: var(--state-acount-columns);
}

table.scroll.scroll--state-acount > tbody > tr {
  grid-template-columns: var(--state-acount-columns);
}

table.scroll.scroll--recent-payments {
  --recent-payments-columns: 85px repeat(4, 100px) repeat(4, 85px) auto;
}

table.scroll.scroll--recent-payments > thead > tr {
  grid-template-columns: var(--recent-payments-columns);
}

table.scroll.scroll--recent-payments > tbody > tr {
  grid-template-columns: var(--recent-payments-columns);
}

table.scroll.scroll--risk-control-report {
  --risk-control-report-columns: 85px 400px repeat(7, 95px) auto;
}

table.scroll.scroll--risk-control-report > thead > tr {
  grid-template-columns: var(--risk-control-report-columns);
}

table.scroll.scroll--risk-control-report > tbody > tr {
  grid-template-columns: var(--risk-control-report-columns);
}

table.scroll.scroll--finished-paying {
  --finished-paying-columns: 85px repeat(3, 100px) 70px 310px repeat(3, 100px)
      auto;
}

table.scroll.scroll--finished-paying > thead > tr {
  grid-template-columns: var(--finished-paying-columns);
}

table.scroll.scroll--finished-paying > tbody > tr {
  grid-template-columns: var(--finished-paying-columns);
}

table.scroll.scroll--finished-paying-grouped {
  --finished-paying-grouped-columns: 75px 650px 110px repeat(2, 130px) auto;
}

table.scroll.scroll--finished-paying-grouped > thead > tr {
  grid-template-columns: var(--finished-paying-grouped-columns);
}

table.scroll.scroll--finished-paying-grouped > tbody > tr {
  grid-template-columns: var(--finished-paying-grouped-columns);
}

table.scroll.scroll--pending-docs-2bpaid {
  --pending-docs-2bpaid-columns: 105px repeat(2, 95px) 75px 240px
      repeat(3, 90px) auto;
}

table.scroll.scroll--pending-docs-2bpaid > thead > tr {
  grid-template-columns: var(--pending-docs-2bpaid-columns);
}

table.scroll.scroll--pending-docs-2bpaid > tbody > tr {
  grid-template-columns: var(--pending-docs-2bpaid-columns);
}

table.scroll.scroll--pending-docs-2bpaid-wod {
  --pending-docs-2bpaid-wod-cloumns: repeat(6, 1fr);
}

table.scroll.scroll--pending-docs-2bpaid-wod > thead > tr {
  grid-template-columns: var(--pending-docs-2bpaid-wod-cloumns) 17px;
}

table.scroll.scroll--pending-docs-2bpaid-wod > tbody > tr {
  grid-template-columns: var(--pending-docs-2bpaid-wod-cloumns);
}

table.scroll.scroll--acount-state-report {
  --acount-state-report-columns: repeat(6, 1fr) 3fr 1fr;
}

table.scroll.scroll--acount-state-report > thead > tr {
  grid-template-columns: var(--acount-state-report-columns) 17px;
}

table.scroll.scroll--acount-state-report > tbody > tr {
  grid-template-columns: var(--acount-state-report-columns);
}

table.scroll.scroll--acount-state {
  --acount-state-columns: 0.5fr repeat(4, 1fr) 3fr 1fr;
}

table.scroll.scroll--acount-state > thead > tr {
  grid-template-columns: var(--acount-state-columns) 17px;
}

table.scroll.scroll--acount-state > tbody > tr {
  grid-template-columns: var(--acount-state-columns);
}

table.scroll.scroll--acount-state-grouped {
  --acount-state-grouped-columns: 5fr repeat(3, 1fr);
}

table.scroll.scroll--acount-state-grouped > thead > tr {
  grid-template-columns: var(--acount-state-grouped-columns) 17px;
}

table.scroll.scroll--acount-state-grouped > tbody > tr {
  grid-template-columns: var(--acount-state-grouped-columns);
}

.vs-table--header {
  padding: 5px 10px;
}

.vs-table--header h3 {
  margin-bottom: 0;
}

.vs-con-table {
  background: var(--bg-color) !important;
}

.vs-con-table table {
  font-size: 0.9rem !important;
  border-spacing: 0px 4px;
  background: var(--bg-color);
}

.vs-table--tbody-table .tr-values:not(.activeEdit):not(.tr-expandedx):not(.hoverFlat):hover {
  background: var(--gray-100);
  -webkit-transform: none !important;
          transform: none !important;
}

.vs-table--tbody-table .vs-table--thead tr {
  background: var(--gray-200) !important;
}

.vs-table--tbody-table .vs-table--tr {
  background: var(--bg-color) !important;
}

.vs-pagination--ul {
  margin-bottom: 0;
}

.vs-pagination-primary .vs-pagination--ul li:hover:not(.is-current) {
  color: var(--brand-primary) !important;
}

.vs-pagination-primary .vs-pagination--li .effect,
.vs-pagination-primary .vs-pagination--nav .vs-pagination--buttons:hover {
  background: var(--gray-700) !important;
}

.vs-pagination--array .vs-description-primary {
  color: var(--gray-700) !important;
}

.vs-table--search-input {
  color: var(--input-color) !important;
}

.tabs-component {
  margin: 0.5rem 0;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.675rem;
  border: 1px solid #bcc8d4;
  border: 1px solid var(--gray-400);
}

.tabs-component-tabs {
  background-color: #ffffff;
  border-radius: 0.675rem;
  margin-left: -1px;
  margin-bottom: 5px;
  padding-left: 0;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
  .tabs-component-tabs {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: -1px;
    margin-left: -1px;
  }
}

.tabs-component-tab {
  color: #435465;
  color: var(--gray-700);
  background-color: #e9ecef;
  background-color: var(--gray-200);
  font-size: 0.7875rem;
  font-weight: 600;
  margin-right: 0;
  list-style: none;
}

.tabs-component-tab a {
  color: inherit;
  text-decoration: none;
}

.tabs-component-tab:not(:last-child) {
  border-bottom: dotted 1px #dee2e6;
}

.tabs-component-tab:hover {
  color: #435465;
  color: var(--gray-700);
}

.tabs-component-tab.is-active {
  border-bottom: 0;
  background-color: #3a4d5e;
  background-color: var(--gray-800);
  color: #f8f9fa;
  color: var(--gray-100);
}

.tabs-component-tab.is-disabled * {
  color: #a8b3bd;
  cursor: not-allowed !important;
}

@media (min-width: 992px) {
  .tabs-component-tab {
    border-radius: 0.5rem 0.5rem 0 0;
    margin: 0.15rem 0.1rem 0;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }

  .tabs-component-tab:first-child {
    margin-left: 0.2rem;
  }

  .tabs-component-tab.is-active {
    z-index: 2;
  }
}

.tabs-component-tab-a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75em 1em;
  text-decoration: none;
}

.tabs-component-panels {
  padding: 15px;
  padding-bottom: 5px;
  border-radius: 0.675rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2);
}

.tabs-component-panels > section > div > .card,
.tabs-component-panels > section > .card {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: -15px -15px -5px;
}

.tabs-component-panels > section > .row > [class*="col-"] > .card {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 -15px -5px;
}

@media (min-width: 992px) {
  .tabs-component-panels {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.tabs-component-tabs,
.tabs-component-panels {
  position: relative;
}

.tooltip-select__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 100%;
  background-color: #ffffff;
  padding-left: 10px;
  background-clip: border-box;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.tooltip-select__container.tooltip-select__container--open {
  height: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  z-index: 1121;
}

.tooltip-select__select {
  padding-bottom: 3px;
}

.tooltip-select__confirm {
  font-size: 1.2rem;
  width: 0;
  height: 2.8rem;
  padding: 0;
  margin-left: 12px;
  border-radius: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.tooltip-select__confirm .fa,
.tooltip-select__confirm .fas {
  visibility: collapse;
}

.tooltip-select__confirm.tooltip-select__confirm--active {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  width: auto;
  padding: 0 0.75rem;
  border-left: 1px solid #dee2e6 !important;
  border-left: 1px solid var(--gray-300) !important;
}

.tooltip-select__confirm.tooltip-select__confirm--active .fa,
.tooltip-select__confirm.tooltip-select__confirm--active .fas {
  visibility: visible;
}

.user-status {
  display: inline-block;
  position: relative;
  -webkit-perspective: 180px;
          perspective: 180px;
  z-index: 1040;
}

.user-status__header {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 50px;
  text-overflow: ellipsis;
  color: #ffffff;
  color: var(--white);
}

.user-status__header div:first-child {
  padding-left: 5px;
  padding-right: 28px;
  position: relative;
}

.user-status__header div:first-child span {
  white-space: nowrap;
  font-size: 0.9rem;
}

.user-status__header div:first-child i.fa {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-40%) rotateX(0);
          transform: translateY(-40%) rotateX(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}

.user-status__header.user-status__header--active div:first-child i.fa {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateY(-40%) rotateX(-180deg);
          transform: translateY(-40%) rotateX(-180deg);
}

.user-status__header.user-status__header--active + .user-status__content {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.user-status__header.user-status__header--active + .user-status__content ul {
  opacity: 1;
}

@media (max-width: 992px) {
  .user-status__header div:first-child {
    visibility: hidden;
    width: 0;
    padding: 0;
  }
}

.user-status__content {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 72px;
  right: 15px;
  opacity: 0;
  white-space: nowrap;
  text-align: left;
  font-size: 0.9rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
  border-top: 4px solid #3a4d5e;
  border-radius: 0.25rem;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.user-status__content ul {
  opacity: 0;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.user-status__content li a {
  display: block;
  padding: 10px 15px;
  color: #355e87;
  text-decoration: none;
}

.user-status__content li a i.fa {
  color: #113457;
  padding-right: 10px;
}

.user-status__content li:hover {
  background-color: rgba(188, 200, 212, 0.25);
}

@media (max-width: 576px) {
  .user-status__content {
    top: unset;
    bottom: 70px;
    left: calc(-100vw + 70px);
    right: 0;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.user-status__image {
  width: 70px;
  height: 70px;
  margin-top: -1px;
  border-radius: 0;
  background-color: #a8b3bd;
}

.user-status__image img {
  width: 100%;
  height: 100%;
}

[data-user-status] {
  position: relative;
}

[data-user-status]::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 5px;
}

[data-user-status="active"]::before {
  background-color: #23d160;
  background-color: var(--brand-success);
}

[data-user-status="inactive"]::before {
  background-color: #6a7d8f;
  background-color: var(--brand-secondary);
}

[data-user-status="left"]::before {
  background-color: #dee2e6;
  background-color: var(--gray-300);
}

.auth-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'main-panel';
  height: 100vh;
}

@media (min-width: 1200px) {
  .auth-container {
    grid-template-columns: 460px 1fr;
    grid-template-areas: 'side-panel main-panel';
  }
}

.side-panel {
  grid-area: side-panel;
  min-height: 650px;
  overflow: hidden;
  background-color: rgba(34, 74, 114, 0.65);
  color: #ffffff;
}

.side-panel__login {
  display: none;
}

@media (min-width: 1200px) {
  .side-panel__login {
    display: grid;
    grid-template-rows: 1fr;
    background-image: url("/images/bg-sidepanel.png");
    background-size: cover;
    text-align: center;
  }
}

.side-panel__content {
  padding: 0 55px;
  align-self: center;
  display: grid;
  grid-row-gap: 22px;
}

.side-panel__content a {
  justify-self: center;
}

.side-panel__caption {
  font-style: italic;
  font-size: 0.84375rem;
  line-height: 25px;
  color: #ffffff;
  opacity: .69;
}

.side-panel__lead {
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: .8;
  font-size: 0.7875rem;
}

.side-panel__lead a {
  color: inherit;
}

.main-panel {
  grid-area: main-panel;
}

.main-panel__container {
  display: grid;
  grid-template-rows: 84px 1fr 50px;
  height: 100%;
}

.main-panel__register {
  justify-self: end;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 5%;
  font-size: 0.7875rem;
  letter-spacing: 0;
  color: #1e2429;
}

@media (min-width: 1200px) {
  .main-panel__register {
    margin-right: 38px;
  }
}

.main-panel__caption {
  margin-right: 15px;
  display: none;
}

@media (min-width: 1200px) {
  .main-panel__caption {
    display: inline;
  }
}

.main-panel__form {
  display: grid;
  grid-template-columns: minmax(auto, 540px);
  grid-template-rows: 1fr 2.5fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5%;
  margin-left: 5%;
}

@media (min-width: 1200px) {
  .main-panel__form {
    grid-template-rows: none;
    margin-right: 0;
    margin-left: 0;
  }
}

.main-panel__heading {
  -ms-flex-item-align: end;
      align-self: end;
  margin: 0;
  margin-bottom: 50px;
  font-weight: 400;
}

.main-panel__subheading {
  display: block;
  margin-top: 15px;
  font-size: 0.9rem;
  line-height: 1.5;
}

.main-panel__footer {
  margin-left: 5%;
}

@media (min-width: 1200px) {
  .main-panel__footer {
    margin: 0;
  }
}

.sidebar__link-active {
  background: #dcdfe6;
}

.dashboard-layout {
  display: grid;
  grid-template-areas: "side" "man";
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  grid-gap: 1rem;
  overflow-y: auto;
}

.dashboard-layout .dashboard-layout__main {
  grid-area: main;
}

.dashboard-layout .dashboard-layout__side {
  grid-area: side;
}

.dashboard-layout .dashboard-layout__side > div {
  position: sticky;
  top: 10px;
}

@media (min-width: 768px) {
  .dashboard-layout {
    grid-template-areas: "main side";
    grid-template-columns: calc(100% - 296px) 280px;
    overflow-y: unset;
  }
}

.kp-example {
  padding: 20px 10px 10px 10px;
  background: #e9ecef;
  margin: .5em 0;
}

.kp-example--rows .row {
  margin: 0;
}

.kp-example--rows .row > [class*="col-"] p {
  margin: 2px 0;
}

.kp-example--rows .row > [class*="col-"] [class*="col-"] {
  background: #f8f9fa;
}

.sample-box {
  background: #ffffff;
  padding: 10px;
  border: 1px solid #bcc8d4;
}

.sample-box--large {
  height: 8em;
}

.rows--bordered .row {
  border: 1px solid #bcc8d4;
  margin-bottom: 10px;
}

.guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

.guide__nav {
  display: none;
}

@media (min-width: 1200px) {
  .guide__nav {
    display: block;
    position: sticky;
    top: 20px;
    height: calc(100vh - 130px);
    overflow-y: auto;
  }
}

.guide__nav > ul {
  padding-left: 0;
  list-style: none;
  padding-left: 15px;
  border-left: 1px solid #e9ecef;
}

.guide__nav > ul > li {
  padding-bottom: 10px;
}

.guide__nav > ul > li:last-child {
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 12px;
}

.guide__nav > ul ul {
  margin-top: 10px;
  padding-left: 15px;
  list-style: none;
  font-size: 0.7875rem;
}

.guide__nav > ul ul li {
  padding-bottom: 10px;
}

.guide__nav a {
  color: #435465;
}

.btn-warning .btn-card__counter {
  color: #fff;
}

.btn-light .btn-card__counter {
  color: #fff;
}

.btn .btn-card__counter {
  color: #fff;
}


/*# sourceMappingURL=app.css.map*/