@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}@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.3333333333em; 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.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.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; -webkit-hyphens: none; -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: 0.5em 0; overflow: auto; } :not(pre) > code[class*=language-], pre[class*=language-] { background: #f5f2f0; } /* Inline code */ :not(pre) > code[class*=language-] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .token.namespace { opacity: 0.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: hsla(0, 0%, 100%, 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: 0.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; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } label { display: inline-block; margin-bottom: 0.5rem; font-size: 0.85rem; color: #435465; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 !important; background: #e9ecef; background-image: none; } select { cursor: pointer; width: 100%; height: 100%; margin: 0; padding: 0 0 0 0.5em; color: #3a4d5e; } select::-ms-expand { display: none; } :root { --white: #ffffff; --gray-100: #f8f9fa; --gray-200: #e9ecef; --gray-300: #dee2e6; --gray-400: #bcc8d4; --gray-500: #a8b3bd; --gray-600: #6a7d90; --gray-700: #435465; --gray-800: #3a4d5e; --gray-900: #1c2833; --black: #000000; --brand-primary: #224a72; --brand-secondary: #6a7d8f; --brand-success: #23d160; --brand-info: #209cee; --brand-warning: #ffc107; --brand-danger: #ff2854; --primary-100: #6C94bd; --primary-200: #49729c; --primary-300: #355e87; --primary-400: #113457; --primary-500: #0a2745; --primary-600: #031c36; --business-100: #004366; --business-200: #2eaf6d; --business-300: #B4CBCC; --business-400: #d1032c; } html, body { margin: 0; padding: 0; color: #1c2833; text-shadow: 0 0 1px rgba(0, 0, 0, 0.01); } html { height: 100vh; } body { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 0.9rem; line-height: 1.428571429; background-color: #E3E3E3; text-align: left; -webkit-font-smoothing: antialiased; -moz-font-smoothing: unset; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } a { color: #F46B09; text-decoration: none; } a:hover { color: #F46B09; 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; } #app { min-height: 100vh; } [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: #a8b3bd; } .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; } .info-box { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 0; word-wrap: break-word; background-color: #ffffff; background-clip: border-box; -webkit-box-shadow: 0 2px 6px 0 hsla(0deg, 0%, 0%, 0.2); box-shadow: 0 2px 6px 0 hsla(0deg, 0%, 0%, 0.2); border-radius: 0.25rem; } .info-box .info-box__abrv { width: 80px; 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; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .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: #F46B09; color: #ffffff; } .info-box .info-box__abrv.info-box__abrv--bus300 { background-color: #6D357E; color: #ffffff; } .info-box .info-box__abrv.info-box__abrv--bus400 { background-color: #FCBD00; 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: #ffffff; background-clip: border-box; -webkit-box-shadow: 0 10px 30px 0 hsla(0deg, 0%, 0%, 0.2); box-shadow: 0 10px 30px 0 hsla(0deg, 0%, 0%, 0.2); border-radius: 0.25rem; } .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 { border: 1px solid #dee2e6; -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__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__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-top: 0px !important; padding-bottom: 0px; 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: #F46B09; color: #ffffff; } .card--collapsible .card__title--bg-bus300 { background-color: #6D357E; color: #ffffff; } .card--collapsible .card__title--bg-bus400 { background-color: #FCBD00; 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: 1200px) { .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.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: 600; margin: 0 5px 0 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; } } .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; } .form-inline > *:not(:last-child), .form-inline > [class*=col-] > *:not(:last-child) { margin-right: 0.85rem; } .form-inline > * > [class*=-field], .form-inline > [class*=col-] > * > [class*=-field] { margin-top: 0; margin-bottom: 0; } .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 { font-size: 0.9rem; margin-bottom: 0; } .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__title { cursor: text; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; font-size: 0.85rem !important; font-weight: 600; margin: 0 5px 0 0 !important; text-align: initial; } .form-inline__title:hover, .form-inline__title:focus { white-space: normal; } @media (min-width: 768px) { .form-inline__title { min-width: 130px; width: 130px; height: 1.75rem; font-size: 0.8125rem !important; } } .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-top: 0.7rem; margin-bottom: 0.7rem; } .form-inline__content > *:not(:last-child) { margin-right: 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: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; } .form-group > *:not(:last-child) { margin-right: 0.45rem; } .form-group > button, .form-group > [class*=btn-] { -ms-flex-item-align: end; align-self: flex-end; margin-right: 0; margin-bottom: 0.3rem; margin-left: 4px; } .form-group > button:first-of-type, .form-group > [class*=btn-]:first-of-type { margin-left: 0; } .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.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: 768px) { .form-group:not(.form-group--on-input) > button, .form-group:not(.form-group--on-input) > [class*=btn-] { margin-bottom: 1rem; } } @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-] { margin-bottom: 0; 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%; margin-bottom: 0.5rem; } } @media (max-width: 768px) { .form-group .select2-field:not(:first-child):not(:last-child) { margin-top: 0.7rem; } } .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; } @media (min-width: 576px) { .kerp-layout { grid-template-columns: 4% repeat(2, 1fr) 4%; grid-template-rows: 70px 1fr auto; } } @media (min-width: 992px) { .kerp-layout { grid-template-columns: 0.5fr repeat(16, 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; } } .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; } .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)) auto repeat(5, fit-content(300px)); grid-template-rows: 1fr; grid-template-areas: "logo business sidebar . search navbar notification user"; position: relative; padding-right: 10px; padding-left: 10px; -webkit-box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.15), 0px 3px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.15), 0px 3px 2px rgba(0, 0, 0, 0.25); 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: 992px) { .header { grid-template-columns: repeat(2, fit-content(200px)) minmax(280px, 1fr) 44px repeat(4, fit-content(300px)); grid-template-rows: 1fr; grid-template-areas: "logo business sidebar . search navbar notification user"; position: unset; top: unset; } } .header__navbar { grid-area: navbar; -ms-flex-item-align: center; align-self: center; margin: 0 20px; } .header__navbar ul { margin: 0; list-style: none; padding-left: 0; } .header__navbar li { display: inline; padding-right: 20px; } .header__navbar li:nth-last-child(1) { padding-right: 0; } .header__navbar a { text-transform: uppercase; color: #031c36; font-family: "Roboto", sans-serif; font-size: 0.67rem; font-weight: 500; text-decoration: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .header__navbar a:hover { color: #49729c; } .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; margin-left: -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; border-width: 0 1px 0 1px; border-style: solid; border-color: #dee2e6; } .header__dropdown-business .k-dropdown .k-dropdown__header { line-height: 70px; } .header__dropdown-business .k-dropdown .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 i[class*=fa-angle-] { right: 9px; font-size: 1.5rem; } .header__dropdown-business .k-dropdown .k-dropdown__content { left: 0; right: unset; } .header__dropdown-business .k-dropdown.k-dropdown--content-above .k-dropdown__content { top: 10px; } @media (min-width: 576px) { .header__dropdown-business .k-dropdown .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 i[class*=fa-angle-] { right: 7px; font-size: unset; } .header__dropdown-business .k-dropdown .k-dropdown__content { left: unset; right: 0; } } .header__search { grid-area: search; grid-column: 4/5; -ms-flex-item-align: stretch; align-self: stretch; 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; margin-left: -10px; margin-right: -10px; z-index: 1050; } @media (min-width: 576px) { .header__search--open { grid-column: 3/5; margin-left: 0; margin-right: 0; } } .header__notification { grid-area: notification; -ms-flex-item-align: center; align-self: center; justify-self: end; margin: 0 15px; } .header__notification .notification:not(:last-child) { padding-right: 20px; } .header__notification .notification__header { color: #ffffff; color: var(--header-icon-color); font-size: 1.1rem; } .header__notification .notification__status { border-color: #3a4d5e; border-color: var(--gray-800); } .header__notification .notification__content { right: unset; left: -120px; -webkit-transform-origin: top; transform-origin: top; } .header__notification .notification__name { background-color: #f8f9fa; background-color: var(--gray-100); color: #3a4d5e; color: var(--gray-800); } @media (min-width: 576px) { .header__notification .notification__content { right: 0; left: unset; -webkit-transform-origin: top right; transform-origin: top right; } } .header__user { grid-area: user; -ms-flex-item-align: center; align-self: center; justify-self: end; margin-left: 10px; margin-right: 80px; } .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 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 [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 .form-inline > *:not(:first-child), .layout__controls .form-inline > [class*=col-] > *:not(:first-child) { margin-left: 0.5rem; } @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-]:first-of-type { 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%; z-index: 1; } @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; -webkit-box-shadow: none; box-shadow: none; } .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.25rem; 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: 10px; } .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.25rem; } .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.3333333333px; font-weight: 400; letter-spacing: 1.4px; } .logotype--white .logotype__subtitle { opacity: 0.69; } .logotype--large .logotype__subtitle { font-size: 13px; } .logotype--large { font-size: 65px; letter-spacing: 18px; } .logotype--large .logotype__image { height: 91px; } .logotype--white { --header-logo-bg: transparent; color: #ffffff; } .main { grid-column: 1/-1; grid-row: 2/-2; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } @media (min-width: 576px) { .main { grid-column: 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; padding-left: 1px; -webkit-padding-start: 1px; padding-inline-start: 1px; } .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: hsl(208deg, 24%, 33%); background-color: var(--menu-item-hover-color); -webkit-box-shadow: inset -1px 0 hsl(208deg, 24%, 25%), inset 1px 0 hsl(208deg, 24%, 25%); box-shadow: inset -1px 0 hsl(208deg, 24%, 25%), inset 1px 0 hsl(208deg, 24%, 25%); } .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: hsl(208deg, 24%, 33%); background-color: var(--menu-item-active-color); } .sidebar > div:not(.sidebar__bar) > ul > li .sidebar__submenu-title.sidebar__submenu-title--active { background-color: hsl(208deg, 24%, 33%); 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); } @media (min-width: 768px) { .sidebar__submenu:hover > .sidebar__submenu-content { display: block; padding: 0 15px 15px; margin-left: -15px; } } .sidebar__submenu .sidebar__submenu > .sidebar__submenu-content { left: 100%; margin-top: -35px; margin-left: -35px; } .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 hsl(208deg, 24%, 25%); box-shadow: inset 1px 0 hsl(208deg, 24%, 25%); background-color: hsl(208deg, 24%, 33%); 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); } .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: #224a72 !important; } .text-secondary { color: #6a7d8f !important; } .text-success { color: #23d160 !important; } .text-info { color: #209cee !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #ff2854 !important; } .text-light { color: #e9ecef !important; } .text-dark { color: #1c2833 !important; } .text-bus100 { color: #0d3863 !important; } .text-bus200 { color: #F46B09 !important; } .text-bus300 { color: #6D357E !important; } .text-bus400 { color: #FCBD00 !important; } .title-header { padding-left: 10px; padding-bottom: 3px; margin-bottom: 2rem; border-left: 5px solid #bcc8d4; } .text-uppercase { letter-spacing: 1px; text-transform: uppercase; } .text-muted { color: #6a7d90 !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; } @media (min-width: 0px) { .m-df-0 { margin: 0 !important; } .mt-df-0, .my-df-0 { margin-top: 0 !important; } .mr-df-0, .mx-df-0 { margin-right: 0 !important; } .mb-df-0, .my-df-0 { margin-bottom: 0 !important; } .ml-df-0, .mx-df-0 { margin-left: 0 !important; } .m-df-1 { margin: 0.25rem !important; } .mt-df-1, .my-df-1 { margin-top: 0.25rem !important; } .mr-df-1, .mx-df-1 { margin-right: 0.25rem !important; } .mb-df-1, .my-df-1 { margin-bottom: 0.25rem !important; } .ml-df-1, .mx-df-1 { margin-left: 0.25rem !important; } .m-df-2 { margin: 0.5rem !important; } .mt-df-2, .my-df-2 { margin-top: 0.5rem !important; } .mr-df-2, .mx-df-2 { margin-right: 0.5rem !important; } .mb-df-2, .my-df-2 { margin-bottom: 0.5rem !important; } .ml-df-2, .mx-df-2 { margin-left: 0.5rem !important; } .m-df-3 { margin: 1rem !important; } .mt-df-3, .my-df-3 { margin-top: 1rem !important; } .mr-df-3, .mx-df-3 { margin-right: 1rem !important; } .mb-df-3, .my-df-3 { margin-bottom: 1rem !important; } .ml-df-3, .mx-df-3 { margin-left: 1rem !important; } .m-df-4 { margin: 1.5rem !important; } .mt-df-4, .my-df-4 { margin-top: 1.5rem !important; } .mr-df-4, .mx-df-4 { margin-right: 1.5rem !important; } .mb-df-4, .my-df-4 { margin-bottom: 1.5rem !important; } .ml-df-4, .mx-df-4 { margin-left: 1.5rem !important; } .m-df-5 { margin: 3rem !important; } .mt-df-5, .my-df-5 { margin-top: 3rem !important; } .mr-df-5, .mx-df-5 { margin-right: 3rem !important; } .mb-df-5, .my-df-5 { margin-bottom: 3rem !important; } .ml-df-5, .mx-df-5 { margin-left: 3rem !important; } .p-df-0 { padding: 0 !important; } .pt-df-0, .py-df-0 { padding-top: 0 !important; } .pr-df-0, .px-df-0 { padding-right: 0 !important; } .pb-df-0, .py-df-0 { padding-bottom: 0 !important; } .pl-df-0, .px-df-0 { padding-left: 0 !important; } .p-df-1 { padding: 0.25rem !important; } .pt-df-1, .py-df-1 { padding-top: 0.25rem !important; } .pr-df-1, .px-df-1 { padding-right: 0.25rem !important; } .pb-df-1, .py-df-1 { padding-bottom: 0.25rem !important; } .pl-df-1, .px-df-1 { padding-left: 0.25rem !important; } .p-df-2 { padding: 0.5rem !important; } .pt-df-2, .py-df-2 { padding-top: 0.5rem !important; } .pr-df-2, .px-df-2 { padding-right: 0.5rem !important; } .pb-df-2, .py-df-2 { padding-bottom: 0.5rem !important; } .pl-df-2, .px-df-2 { padding-left: 0.5rem !important; } .p-df-3 { padding: 1rem !important; } .pt-df-3, .py-df-3 { padding-top: 1rem !important; } .pr-df-3, .px-df-3 { padding-right: 1rem !important; } .pb-df-3, .py-df-3 { padding-bottom: 1rem !important; } .pl-df-3, .px-df-3 { padding-left: 1rem !important; } .p-df-4 { padding: 1.5rem !important; } .pt-df-4, .py-df-4 { padding-top: 1.5rem !important; } .pr-df-4, .px-df-4 { padding-right: 1.5rem !important; } .pb-df-4, .py-df-4 { padding-bottom: 1.5rem !important; } .pl-df-4, .px-df-4 { padding-left: 1.5rem !important; } .p-df-5 { padding: 3rem !important; } .pt-df-5, .py-df-5 { padding-top: 3rem !important; } .pr-df-5, .px-df-5 { padding-right: 3rem !important; } .pb-df-5, .py-df-5 { padding-bottom: 3rem !important; } .pl-df-5, .px-df-5 { padding-left: 3rem !important; } .m-df-auto { margin: auto !important; } .mt-df-auto, .my-df-auto { margin-top: auto !important; } .mr-df-auto, .mx-df-auto { margin-right: auto !important; } .mb-df-auto, .my-df-auto { margin-bottom: auto !important; } .ml-df-auto, .mx-df-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; } } .bg-white { background-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; } .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; } td[tooltip] [class*=-field] { margin-bottom: 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: 99; 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=buttom]::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: 99; 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=buttom]::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-dark, .badge-light, .badge-danger, .badge-warning, .badge-info, .badge-success, .badge-secondary, .badge-primary { 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: #ffffff; background-color: #224a72; } .badge-secondary { color: #ffffff; background-color: #6a7d8f; } .badge-success { color: #ffffff; background-color: #23d160; } .badge-info { color: #ffffff; background-color: #209cee; } .badge-warning { color: #1c2833; background-color: #ffc107; } .badge-danger { color: #ffffff; background-color: #ff2854; } .badge-light { color: #1c2833; background-color: #e9ecef; } .badge-dark { color: #ffffff; background-color: #1c2833; } .btn-bus400, .btn-bus300, .btn-bus200, .btn-bus100, .btn-dark, .btn-light, .btn-danger, .btn-warning, .btn-info, .btn-success, .btn-secondary, .btn-primary, button { 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 #bcc8d4; border-radius: 0.25rem; background-color: #ffffff; text-align: center; font-family: "Roboto", sans-serif; font-size: 0.84rem; height: 2.2em; line-height: 1.3; color: #1c2833; 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; } .btn-bus400:hover, .btn-bus300:hover, .btn-bus200:hover, .btn-bus100:hover, .btn-dark:hover, .btn-light:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover, .btn-success:hover, .btn-secondary:hover, .btn-primary:hover, button:hover { border-color: #6a7d90; color: #1c2833; } .btn-bus400:hover span, .btn-bus300:hover span, .btn-bus200:hover span, .btn-bus100:hover span, .btn-dark:hover span, .btn-light:hover span, .btn-danger:hover span, .btn-warning:hover span, .btn-info:hover span, .btn-success:hover span, .btn-secondary:hover span, .btn-primary:hover span, button:hover span { text-decoration: underline; } .btn-bus400:active, .btn-bus300:active, .btn-bus200:active, .btn-bus100:active, .btn-dark:active, .btn-light:active, .btn-danger:active, .btn-warning:active, .btn-info:active, .btn-success:active, .btn-secondary:active, .btn-primary:active, button:active { border-color: #3a4d5e; color: #1c2833; } .btn-bus400:focus, .btn-bus300:focus, .btn-bus200:focus, .btn-bus100:focus, .btn-dark:focus, .btn-light:focus, .btn-danger:focus, .btn-warning:focus, .btn-info:focus, .btn-success:focus, .btn-secondary:focus, .btn-primary:focus, button:focus, .focused.btn-bus400, .focused.btn-bus300, .focused.btn-bus200, .focused.btn-bus100, .focused.btn-dark, .focused.btn-light, .focused.btn-danger, .focused.btn-warning, .focused.btn-info, .focused.btn-success, .focused.btn-secondary, .focused.btn-primary, button.focused { border-color: rgba(53, 94, 135, 0.5); color: #1c2833; outline: 0; } .focused.btn-bus400:not(:active), .focused.btn-bus300:not(:active), .focused.btn-bus200:not(:active), .focused.btn-bus100:not(:active), .focused.btn-dark:not(:active), .focused.btn-light:not(:active), .focused.btn-danger:not(:active), .focused.btn-warning:not(:active), .focused.btn-info:not(:active), .focused.btn-success:not(:active), .focused.btn-secondary:not(:active), .focused.btn-primary:not(:active), button.focused:not(:active), .btn-bus400:focus:not(:active), .btn-bus300:focus:not(:active), .btn-bus200:focus:not(:active), .btn-bus100:focus:not(:active), .btn-dark:focus:not(:active), .btn-light:focus:not(:active), .btn-danger:focus:not(:active), .btn-warning:focus:not(:active), .btn-info:focus:not(:active), .btn-success:focus:not(:active), .btn-secondary:focus:not(:active), .btn-primary:focus:not(:active), button:focus:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(53, 94, 135, 0.25); box-shadow: 0 0 0 0.125em rgba(53, 94, 135, 0.25); } .btn-bus400:disabled, .btn-bus300:disabled, .btn-bus200:disabled, .btn-bus100:disabled, .btn-dark:disabled, .btn-light:disabled, .btn-danger:disabled, .btn-warning:disabled, .btn-info:disabled, .btn-success:disabled, .btn-secondary:disabled, .btn-primary:disabled, button:disabled, .disabled.btn-bus400, .disabled.btn-bus300, .disabled.btn-bus200, .disabled.btn-bus100, .disabled.btn-dark, .disabled.btn-light, .disabled.btn-danger, .disabled.btn-warning, .disabled.btn-info, .disabled.btn-success, .disabled.btn-secondary, .disabled.btn-primary, button.disabled { 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.swal2-styled { height: auto; } button.close { height: auto; padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } 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: #224a72; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #224a72; color: #224a72; } .btn-primary.btn--outline:hover { background-color: #1c3d5e; border-color: transparent; color: #ffffff; } .btn-primary.btn--outline:active { background-color: #193653; border-color: transparent; color: #ffffff; } .btn-primary.btn--outline.focused:not(:active), .btn-primary.btn--outline:focus:not(:active), .btn-primary.btn--outline: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.btn--outline:focus, .btn-primary.btn--outline.focused { background-color: #224a72; border-color: #224a72; color: #ffffff; } .btn-primary.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #224a72; } .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-secondary { color: #ffffff; background-color: #6a7d8f; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #6a7d8f; color: #6a7d8f; } .btn-secondary.btn--outline:hover { background-color: #5f7080; border-color: transparent; color: #ffffff; } .btn-secondary.btn--outline:active { background-color: #596978; border-color: transparent; color: #ffffff; } .btn-secondary.btn--outline.focused:not(:active), .btn-secondary.btn--outline:focus:not(:active), .btn-secondary.btn--outline: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.btn--outline:focus, .btn-secondary.btn--outline.focused { background-color: #6a7d8f; border-color: #6a7d8f; color: #ffffff; } .btn-secondary.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #6a7d8f; } .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-success { color: #ffffff; background-color: #23d160; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #23d160; color: #23d160; } .btn-success.btn--outline:hover { background-color: #1fbb56; border-color: transparent; color: #ffffff; } .btn-success.btn--outline:active { background-color: #1dae50; border-color: transparent; color: #ffffff; } .btn-success.btn--outline.focused:not(:active), .btn-success.btn--outline:focus:not(:active), .btn-success.btn--outline: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.btn--outline:focus, .btn-success.btn--outline.focused { background-color: #23d160; border-color: #23d160; color: #ffffff; } .btn-success.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #23d160; } .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-info { color: #ffffff; background-color: #209cee; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #209cee; color: #209cee; } .btn-info.btn--outline:hover { background-color: #1190e3; border-color: transparent; color: #ffffff; } .btn-info.btn--outline:active { background-color: #1087d5; border-color: transparent; color: #ffffff; } .btn-info.btn--outline.focused:not(:active), .btn-info.btn--outline:focus:not(:active), .btn-info.btn--outline: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.btn--outline:focus, .btn-info.btn--outline.focused { background-color: #209cee; border-color: #209cee; color: #ffffff; } .btn-info.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #209cee; } .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-warning { color: #1c2833; background-color: #ffc107; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #ffc107; color: #ffc107; } .btn-warning.btn--outline:hover { background-color: #edb100; border-color: transparent; color: #1c2833; } .btn-warning.btn--outline:active { background-color: #dda600; border-color: transparent; color: #1c2833; } .btn-warning.btn--outline.focused:not(:active), .btn-warning.btn--outline:focus:not(:active), .btn-warning.btn--outline: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.btn--outline:focus, .btn-warning.btn--outline.focused { background-color: #ffc107; border-color: #ffc107; color: #1c2833; } .btn-warning.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #ffc107; } .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-danger { color: #ffffff; background-color: #ff2854; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #ff2854; color: #ff2854; } .btn-danger.btn--outline:hover { background-color: #ff0f40; border-color: transparent; color: #ffffff; } .btn-danger.btn--outline:active { background-color: #fe0034; border-color: transparent; color: #ffffff; } .btn-danger.btn--outline.focused:not(:active), .btn-danger.btn--outline:focus:not(:active), .btn-danger.btn--outline: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.btn--outline:focus, .btn-danger.btn--outline.focused { background-color: #ff2854; border-color: #ff2854; color: #ffffff; } .btn-danger.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #ff2854; } .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-light { color: #1c2833; background-color: #e9ecef; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #435465; color: #435465; } .btn-light.btn--outline:hover { background-color: #dadfe4; border-color: transparent; color: #1c2833; } .btn-light.btn--outline:active { background-color: #d1d8de; border-color: transparent; color: #1c2833; } .btn-light.btn--outline.focused:not(:active), .btn-light.btn--outline:focus:not(:active), .btn-light.btn--outline: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.btn--outline:focus, .btn-light.btn--outline.focused { background-color: #e9ecef; border-color: #e9ecef; color: #1c2833; } .btn-light.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #435465; } .btn-light.btn--text:hover { color: #435465; } .btn-light.btn--text:active { color: #435465; } .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-dark { color: #ffffff; background-color: #1c2833; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #1c2833; color: #1c2833; } .btn-dark.btn--outline:hover { background-color: #131b23; border-color: transparent; color: #ffffff; } .btn-dark.btn--outline:active { background-color: #0e1319; border-color: transparent; color: #ffffff; } .btn-dark.btn--outline.focused:not(:active), .btn-dark.btn--outline:focus:not(:active), .btn-dark.btn--outline: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.btn--outline:focus, .btn-dark.btn--outline.focused { background-color: #1c2833; border-color: #1c2833; color: #ffffff; } .btn-dark.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #1c2833; } .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-bus100 { color: #ffffff; background-color: #0d3863; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .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: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #0d3863; color: #0d3863; } .btn-bus100.btn--outline:hover { background-color: #0a2b4c; border-color: transparent; color: #ffffff; } .btn-bus100.btn--outline:active { background-color: #08243f; border-color: transparent; color: #ffffff; } .btn-bus100.btn--outline.focused:not(:active), .btn-bus100.btn--outline:focus:not(:active), .btn-bus100.btn--outline: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.btn--outline:focus, .btn-bus100.btn--outline.focused { background-color: #0d3863; border-color: #0d3863; color: #ffffff; } .btn-bus100.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #0d3863; } .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-bus200 { color: #ffffff; background-color: #F46B09; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .btn-bus200:hover { background-color: #db6008; border-color: transparent; color: #ffffff; } .btn-bus200:active { background-color: #cd5a08; 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(244, 107, 9, 0.5); box-shadow: 0 0 0 0.2rem rgba(244, 107, 9, 0.5); } .btn-bus200:focus, .btn-bus200.focused { border-color: transparent; color: #ffffff; } .btn-bus200.btn--outline { background: transparent; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #F46B09; color: #F46B09; } .btn-bus200.btn--outline:hover { background-color: #db6008; border-color: transparent; color: #ffffff; } .btn-bus200.btn--outline:active { background-color: #cd5a08; border-color: transparent; color: #ffffff; } .btn-bus200.btn--outline.focused:not(:active), .btn-bus200.btn--outline:focus:not(:active), .btn-bus200.btn--outline:focus:active { -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 107, 9, 0.5); box-shadow: 0 0 0 0.2rem rgba(244, 107, 9, 0.5); } .btn-bus200.btn--outline:focus, .btn-bus200.btn--outline.focused { background-color: #F46B09; border-color: #F46B09; color: #ffffff; } .btn-bus200.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #F46B09; } .btn-bus200.btn--text:hover { color: #db6008; } .btn-bus200.btn--text:active { color: #cd5a08; } .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-bus300 { color: #ffffff; background-color: #6D357E; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .btn-bus300:hover { background-color: #5d2d6c; border-color: transparent; color: #ffffff; } .btn-bus300:active { background-color: #542961; 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(109, 53, 126, 0.5); box-shadow: 0 0 0 0.2rem rgba(109, 53, 126, 0.5); } .btn-bus300:focus, .btn-bus300.focused { border-color: transparent; color: #ffffff; } .btn-bus300.btn--outline { background: transparent; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #6D357E; color: #6D357E; } .btn-bus300.btn--outline:hover { background-color: #5d2d6c; border-color: transparent; color: #ffffff; } .btn-bus300.btn--outline:active { background-color: #542961; border-color: transparent; color: #ffffff; } .btn-bus300.btn--outline.focused:not(:active), .btn-bus300.btn--outline:focus:not(:active), .btn-bus300.btn--outline:focus:active { -webkit-box-shadow: 0 0 0 0.2rem rgba(109, 53, 126, 0.5); box-shadow: 0 0 0 0.2rem rgba(109, 53, 126, 0.5); } .btn-bus300.btn--outline:focus, .btn-bus300.btn--outline.focused { background-color: #6D357E; border-color: #6D357E; color: #ffffff; } .btn-bus300.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #6D357E; } .btn-bus300.btn--text:hover { color: #5d2d6c; } .btn-bus300.btn--text:active { color: #542961; } .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-bus400 { color: #ffffff; background-color: #FCBD00; border-color: transparent; border-width: 0; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .btn-bus400:hover { background-color: #e3aa00; border-color: transparent; color: #ffffff; } .btn-bus400:active { background-color: #d39e00; 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(252, 189, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(252, 189, 0, 0.5); } .btn-bus400:focus, .btn-bus400.focused { border-color: transparent; color: #ffffff; } .btn-bus400.btn--outline { background: transparent; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #FCBD00; color: #FCBD00; } .btn-bus400.btn--outline:hover { background-color: #e3aa00; border-color: transparent; color: #ffffff; } .btn-bus400.btn--outline:active { background-color: #d39e00; border-color: transparent; color: #ffffff; } .btn-bus400.btn--outline.focused:not(:active), .btn-bus400.btn--outline:focus:not(:active), .btn-bus400.btn--outline:focus:active { -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 189, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(252, 189, 0, 0.5); } .btn-bus400.btn--outline:focus, .btn-bus400.btn--outline.focused { background-color: #FCBD00; border-color: #FCBD00; color: #ffffff; } .btn-bus400.btn--text { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #FCBD00; } .btn-bus400.btn--text:hover { color: #e3aa00; } .btn-bus400.btn--text:active { color: #d39e00; } .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-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(28, 40, 51, 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(28, 40, 51, 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; } [class^=c-pane-container] { background-color: transparent !important; border: 1px solid #dee2e6 !important; border-radius: 0.25rem; font-family: "Open Sans", sans-serif !important; color: #1c2833 !important; } .popover-origin .popover-content-wrapper [class^=popover-content] { background-color: #f8f9fa !important; border: 1px solid #dee2e6 !important; } [class^=c-nav] { color: #1c2833 !important; } [class^=c-pane] { min-width: 230px !important; } .c-table tr td { border: 1px solid #dee2e6 !important; border-top: 0 !important; border-left: 0 !important; } .c-table-cell.c-active { background-color: #dee2e6 !important; } [class^=c-table-cell] { font-size: 0.73rem !important; } [class^=c-table-cell]:hover { background-color: #dee2e6 !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; margin-top: 0.3rem; margin-bottom: 0.8rem; } @media (min-width: 768px) { .datepicker-field { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 0.3rem; } } .datepicker-field.datepicker-field--readonly input { background-image: unset; border-bottom: 1px solid #a8b3bd; } .datepicker-field.datepicker-field--stretch > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } @media (min-width: 0px) { .datepicker-field.datepicker-field--stretch-df > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 1px) { .datepicker-field.datepicker-field--stretch-xs > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 576px) { .datepicker-field.datepicker-field--stretch-sm > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 768px) { .datepicker-field.datepicker-field--stretch-md > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 992px) { .datepicker-field.datepicker-field--stretch-lg > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 1200px) { .datepicker-field.datepicker-field--stretch-xl > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } .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 { width: 100%; min-width: 90px; } .datepicker .datepicker__input { background-color: transparent; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-size: 0 2px, 100% 1px; -webkit-transition: background 0s ease-out; transition: background 0s ease-out; } .datepicker .datepicker__input:focus { background-size: 100% 2px, 100% 1px; outline: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .datepicker .datepicker__input, .datepicker .datepicker__input:focus { float: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#224a72), to(#224a72)), -webkit-gradient(linear, left top, left bottom, from(#a8b3bd), to(#a8b3bd)); background-image: linear-gradient(#224a72, #224a72), linear-gradient(#a8b3bd, #a8b3bd); } .datepicker .datepicker__input:-webkit-autofill, .datepicker .datepicker__input:-webkit-autofill { border-bottom: 1px solid #a8b3bd; } .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: 600; margin: 0 5px 0 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; } .datepicker + label:hover, .datepicker + label:focus { white-space: normal; } @media (min-width: 768px) { .datepicker + label:not(:empty) { min-width: 130px; width: 130px; height: 1.75rem; font-size: 0.8125rem; } } .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: #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; } .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: #355e87; text-decoration: none; } .k-dropdown__content li a i.fa { color: #113457; padding-right: 10px; } .k-dropdown__content li:hover { background-color: rgba(188, 200, 212, 0.25); } .k-dropdown__image { width: 35px; height: 35px; border-radius: 50%; background-color: #a8b3bd; } .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 i.fa { right: 45px; } .notification { display: inline-block; position: relative; z-index: 1041; } .notification__header { cursor: pointer; 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__status { position: absolute; top: -2px; right: -4px; width: 12px; height: 12px; background-color: #bcc8d4; border-radius: 50%; border: 2px solid #ffffff; } .notification__status.notification__status--true { background-color: #23d160; } .notification__content { max-height: 250px; overflow: hidden; visibility: hidden; position: absolute; right: 0; top: 35px; opacity: 0; min-width: 240px; background-color: #ffffff; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(28, 40, 51, 0.11), 0 1px 2px rgba(28, 40, 51, 0.23); box-shadow: 0 1px 3px rgba(28, 40, 51, 0.11), 0 1px 2px rgba(28, 40, 51, 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: #355e87; text-decoration: none; position: relative; } .notification__content a:hover { background-color: rgba(188, 200, 212, 0.25); } .notification__content a span:not(.notification__datetime) { font-size: 15px; } .notification__name { padding: 5px 15px; background-color: #3a4d5e; 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: #bcc8d4; border-radius: 50%; } .notification__state.notification__state--true { background-color: #23d160; } .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; margin-top: 0.3rem; margin-bottom: 0.8rem; } .file-upload-field > .file-upload { width: 100%; height: 1.75rem; margin-top: 0.5rem; 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: #e9ecef; } .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 #e9ecef; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: #ffffff; 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: right center; transform-origin: right 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 { 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; margin: 0 5px 0 0; font-weight: 600; } @media (min-width: 768px) { .file-upload-field { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0.3rem; } .file-upload-field > .file-upload { margin-top: 0; } .file-upload-field > label { min-width: 130px; width: 130px; height: 1.75rem; 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: #dee2e6; 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(168, 179, 189, 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; border: none; border-radius: 0; outline: none; height: 1.75rem; width: 100%; min-width: 60px; font-size: 0.85rem; margin: 0; } 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(28, 40, 51, 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; } .search-form { position: relative; width: 100%; height: 100%; } .search-form__button { cursor: pointer; width: 30px; 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: 30px; 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: #e9ecef; } .input-field { 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; } .input-field input, .input-field textarea { background-color: transparent; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-size: 0 2px, 100% 1px; -webkit-transition: background 0s ease-out; transition: background 0s ease-out; } .input-field input:focus, .input-field textarea:focus { background-size: 100% 2px, 100% 1px; outline: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .input-field input, .input-field input:focus, .input-field textarea, .input-field textarea:focus { float: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#224a72), to(#224a72)), -webkit-gradient(linear, left top, left bottom, from(#a8b3bd), to(#a8b3bd)); background-image: linear-gradient(#224a72, #224a72), linear-gradient(#a8b3bd, #a8b3bd); } .input-field input:-webkit-autofill, .input-field input:-webkit-autofill, .input-field textarea:-webkit-autofill, .input-field textarea:-webkit-autofill { border-bottom: 1px solid #a8b3bd; } .input-field textarea { resize: none; line-height: 1.6; } .input-field > .input-field__label:not(:empty), .input-field > .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; font-size: 0.85rem; font-weight: 600; line-height: 1; margin: 0 5px 0 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; } .input-field > .input-field__label:not(:empty):hover, .input-field > .input-field__label:not(:empty):focus, .input-field > .input-field__label-textarea:not(:empty):hover, .input-field > .input-field__label-textarea:not(:empty):focus { white-space: normal; } .input-field.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, .input-field.input-field--vertical textarea { height: 2.25rem; } .input-field.input-field--vertical > .input-field__label:not(:empty), .input-field.input-field--vertical > .input-field__label-textarea:not(:empty) { width: auto; height: auto; font-size: 0.85rem; } @media (min-width: 768px) { .input-field { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 0.3rem; } .input-field > .input-field__label:not(:empty), .input-field > .input-field__label-textarea:not(:empty) { min-width: 130px; width: 130px; height: 1.75rem; font-size: 0.8125rem; } .input-field .helper--text { width: auto; } } .input-field.input-field--readonly input { background-image: unset; border-bottom: 1px solid #a8b3bd; } .input-field.input-field--disabled label { color: rgba(28, 40, 51, 0.62); } .input-field.input-field--disabled input { background-image: unset; border-bottom: 1px dashed #a8b3bd; } .input-field.input-field--spacing-off { margin-top: 0; margin-bottom: 0; } .input-field.input-field--text-group input { background: #bcc8d4; border-radius: 0.25rem; margin-bottom: 0; padding-left: 5px; margin-left: 5px; max-width: 150px; height: 1.7rem; color: #435465; } .input-field.input-field--stretch label:not(:empty) { min-width: auto !important; width: unset; margin: 0 15px 0 0 !important; } @media (min-width: 0px) { .input-field.input-field--stretch-df label:not(:empty) { min-width: auto !important; width: unset; margin: 0 15px 0 0 !important; } } @media (min-width: 1px) { .input-field.input-field--stretch-xs label:not(:empty) { min-width: auto !important; width: unset; margin: 0 15px 0 0 !important; } } @media (min-width: 576px) { .input-field.input-field--stretch-sm label:not(:empty) { min-width: auto !important; width: unset; margin: 0 15px 0 0 !important; } } @media (min-width: 768px) { .input-field.input-field--stretch-md label:not(:empty) { min-width: auto !important; width: unset; margin: 0 15px 0 0 !important; } } @media (min-width: 992px) { .input-field.input-field--stretch-lg label:not(:empty) { min-width: auto !important; width: unset; margin: 0 15px 0 0 !important; } } @media (min-width: 1200px) { .input-field.input-field--stretch-xl label:not(:empty) { min-width: auto !important; width: unset; margin: 0 15px 0 0 !important; } } .helper-text { position: absolute; bottom: -17px; font-size: 0.75rem; color: rgba(34, 74, 114, 0.84); width: calc(100% - 135px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .helper-text:hover, .helper-text:focus { white-space: normal; background-color: #ffffff; } .helper-text.helper-text--align-right { right: 0; width: auto; } a.helper-text { color: #F46B09 !important; } 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; } input[type=checkbox] + span::before, input[type=checkbox]:not(.is-filled) + span::after { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #6a7d90; border-radius: 1px; margin-top: 3px; -webkit-transition: 0.2s; transition: 0.2s; } input[type=checkbox]:not(.is-filled) + span::after { border: 0; -webkit-transform: scale(0); transform: scale(0); } input[type=checkbox]:checked + span::before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 0 solid transparent; border-left: 0 solid transparent; border-right: 2px solid #6a7d8f; border-bottom: 2px solid #6a7d8f; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 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(67, 84, 101, 0.7); } input[type=checkbox][disabled] + span::before { border-color: rgba(106, 125, 144, 0.7); } input[type=checkbox].is-filled + span::before, input[type=checkbox].is-filled + span::after { content: ""; left: 0; position: absolute; -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; z-index: 1; } input[type=checkbox].is-filled: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].is-filled:not(:checked) + span::after { height: 20px; width: 20px; background-color: transparent; border: 2px solid #6a7d90; top: 2px; z-index: 0; } input[type=checkbox].is-filled: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].is-filled:checked + span::after { top: 2px; width: 20px; height: 20px; border: 2px solid #6a7d8f; background-color: #6a7d8f; z-index: 0; } 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; 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: 30px; 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 #6a7d90; } 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 #6a7d8f; } input[type=radio]:not(.browser-default):checked + span:after { background-color: #6a7d8f; -webkit-transform: scale(0.5); transform: scale(0.5); } .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: 1090 !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; } } .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 { -webkit-box-shadow: unset; box-shadow: unset; } .v--modal-box .layout { margin: 20px 15px; } .v--modal-box .layout .layout__header { margin: -20px; margin-bottom: 10px; padding: 12px 20px; border-bottom: 1px solid #e9ecef; } .v--modal-box .card { border: 1px solid #dee2e6; } .v--modal__loader .v--modal { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .v--modal__loader .v--modal.v--modal-box { top: 0 !important; border-radius: 0; } .v--modal__loader.v--modal-overlay { z-index: 1100 !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; } .v--modal .v--modal-overlay .v--modal-overlay { z-index: 1160 !important; } .modal-buttons { padding: 10px 20px; border: 1px solid #dee2e6; text-align: right; } .close-button { position: absolute; top: 15px; right: 10px; } .noti-dark, .noti-light, .noti-danger, .noti-warning, .noti-info, .noti-success, .noti-secondary, .noti-primary { position: relative; padding: 0.65rem 1.25rem; margin-bottom: 1rem; border-width: 1px; border-style: solid; border-radius: 0.25rem; } .noti-primary { color: black; background-color: #72a3d5; border-color: #5e97cf; } .noti-secondary { color: #293037; background-color: #d0d6dc; border-color: #c1c9d1; } .noti-success { color: #0d4e24; background-color: #b4f2ca; border-color: #9eefba; } .noti-info { color: #08456d; background-color: #c6e6fb; border-color: #aedbf9; } .noti-warning { color: #6d5200; background-color: #ffeeba; border-color: #ffe7a0; } .noti-danger { color: #8e001d; background-color: #ffdbe2; border-color: #ffc1ce; } .noti-light { color: #90a0af; background-color: white; border-color: white; } .noti-dark { color: black; background-color: #5c82a6; border-color: #527596; } [class*=noti] .close { position: absolute; top: 0; right: 0; padding: 0.95rem 1.25rem; 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.428571429; 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; margin-top: 0.3rem; margin-bottom: 0.8rem; } .select-field::after { content: "\25BC"; 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.2em; pointer-events: none; -webkit-transition: 0.25s all ease; transition: 0.25s all ease; color: #435465; } .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; font-size: 0.85rem; font-weight: 600; margin: 0 5px 0 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; } .select-field label:hover, .select-field label:focus { white-space: normal; } .select-field select { height: 1.75rem; padding-right: 1.5rem; background-color: transparent; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-size: 0 2px, 100% 1px; -webkit-transition: background 0s ease-out; transition: background 0s ease-out; } .select-field select:focus { background-size: 100% 2px, 100% 1px; outline: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .select-field select, .select-field select:focus { float: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#224a72), to(#224a72)), -webkit-gradient(linear, left top, left bottom, from(#a8b3bd), to(#a8b3bd)); background-image: linear-gradient(#224a72, #224a72), linear-gradient(#a8b3bd, #a8b3bd); } .select-field select:-webkit-autofill, .select-field select:-webkit-autofill { border-bottom: 1px solid #a8b3bd; } @media (min-width: 768px) { .select-field { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 0.3rem; } .select-field label { min-width: 130px; width: 130px; height: 1.75rem; font-size: 0.8125rem; } } .form-field.select2.select2--disabled .select2-field { cursor: not-allowed; } .form-field.select2.select2--disabled .select2-field label { color: rgba(28, 40, 51, 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-bottom: 1px dotted rgba(28, 40, 51, 0.62) !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(28, 40, 51, 0.75) !important; } .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; margin-top: 0.3rem; margin-bottom: 0.8rem; } .select2-field label { cursor: text; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: auto; height: auto; line-height: 1; font-size: 0.85rem; font-weight: 600; margin: 0 5px 0 0; } .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 { min-width: auto !important; width: unset; margin: 0 15px 0 0 !important; } @media (min-width: 768px) { .select2-field { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 0.3rem; } .select2-field label { min-width: 130px; width: 130px; height: 1.75rem; font-size: 0.8125rem; } } @media (min-width: 0px) { .select2-field.select2-field--stretch-df > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 1px) { .select2-field.select2-field--stretch-xs > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 576px) { .select2-field.select2-field--stretch-sm > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 768px) { .select2-field.select2-field--stretch-md > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 992px) { .select2-field.select2-field--stretch-lg > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !important; } } @media (min-width: 1200px) { .select2-field.select2-field--stretch-xl > label { min-width: auto !important; width: unset !important; margin: 0 15px 0 0 !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; border: 0 !important; border-radius: unset !important; overflow: hidden; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center bottom, center calc(100% - 1px) !important; background-size: 0 2px, 100% 1px !important; -webkit-transition: background 0s ease-out !important; transition: background 0s ease-out !important; } .v-select .dropdown-toggle:focus-within { background-size: 100% 2px, 100% 1px !important; outline: 0 !important; -webkit-transition-duration: 0.3s !important; transition-duration: 0.3s !important; } .v-select .dropdown-toggle, .v-select .dropdown-toggle:focus-within { float: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#224a72), to(#224a72)), -webkit-gradient(linear, left top, left bottom, from(#a8b3bd), to(#a8b3bd)) !important; background-image: linear-gradient(#224a72, #224a72), linear-gradient(#a8b3bd, #a8b3bd) !important; } .v-select .dropdown-toggle .vs__selected-options { position: unset !important; } .v-select .dropdown-toggle .selected-tag { margin-left: -2px; width: auto; height: 1.25rem; padding-left: 0.55rem; background-color: #e9ecef; font-size: 0.85rem; overflow: hidden; z-index: 1010; } .v-select .dropdown-toggle .selected-tag:not(:last-child) { margin-right: 8px; } .v-select .dropdown-toggle .selected-tag .close { margin-left: 8px; padding-right: 5px; font-size: 1.28rem; } .v-select .dropdown-toggle .vs__actions { position: relative; top: 1px; z-index: 1010; } .v-select .dropdown-toggle .vs__actions .clear { height: 100%; font-size: 21px !important; color: rgba(28, 40, 51, 0.5) !important; } .v-select .dropdown-toggle .vs__actions .open-indicator { height: 100%; } .v-select .dropdown-toggle .vs__actions .open-indicator::before { border-color: rgba(28, 40, 51, 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.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-top: 3px; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; padding-left: 0 !important; padding-right: 0 !important; white-space: nowrap; color: #1c2833 !important; } .v-select ul.dropdown-menu { z-index: 1091 !important; } .v-select ul.dropdown-menu > .highlight > a { background-color: #dee2e6; } .v-select ul.dropdown-menu > .active > a { background-color: #e9ecef; } .v-select input[type=search] { position: absolute !important; left: 0; width: 100% !important; height: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 2.5rem !important; font-size: 0.85rem !important; } .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: 1120; } .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 { -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.25rem; -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: #435465; } .support__form form { height: 100%; } @media (max-width: 576px) { .support__form { width: auto; right: -21px; left: calc(-100vw + 86px); } } .support__icon.support__icon--active + .support__form { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .support__field { width: 100%; background-color: #ffffff !important; margin-bottom: 0 !important; padding: 10px 6px !important; } .support__field.subject { height: 50px !important; border-bottom: 1px solid #dee2e6 !important; } .support__field.message { display: block; height: 303px; resize: none; } .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; } .swal2-container.swal2-shown { z-index: 1110; } .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: #3a4d5e; padding: 0.2rem 0.25rem 0.1rem; border-bottom: 2px solid #a8b3bd; } 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.45rem; margin-bottom: -0.1rem; margin-top: -0.2rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } table > tbody > tr > td, table > tfoot > tr > td, table > thead > tr > td { padding: 0.45rem 0.25rem 0.65rem; color: #1c2833; border-bottom: 1px solid #a8b3bd; } table > tbody > tr > td > [class*=btn-], table > tfoot > tr > td > [class*=btn-], table > thead > tr > td > [class*=btn-] { margin: 0 -0.2rem; } table > tbody > tr { position: relative; } table > tbody > tr > th[scope=row] { border-bottom: 1px solid #a8b3bd; } table > tbody > tr > th[scope=row] small { font-weight: 400; } table > tbody > tr > td > .input-field, table > tbody > tr > td > .select2-field { margin-top: 0; margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } table > tbody > tr > td > .input-field .helper-text, table > tbody > tr > td > .select2-field .helper-text { position: relative; 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.tr--pending { background-color: rgba(255, 193, 7, 0.22); } table > tbody > tr.tr--issued { background-color: rgba(34, 74, 114, 0.22); } table > tbody > tr.tr--canceled { background-color: rgba(255, 40, 84, 0.22); } table > tbody > tr.tr--authorized { background-color: rgba(35, 209, 96, 0.22); } table > tbody > tr.selected { background-color: #bcc8d4; } table.table--bordered > thead > tr > th { border-width: 1px 1px 2px 1px; border-style: solid; border-color: #bcc8d4 #bcc8d4 #a8b3bd #bcc8d4; } table.table--bordered > tbody > tr > td { border: 1px solid #bcc8d4; } table.table--bordered > tbody > tr > th[scope=row] { border: 1px solid #bcc8d4; } .table-responsive { width: 100%; overflow: auto; } .vgt-wrap .vgt-inner-wrap .vgt-global-search { padding: 0px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 10px; border: 1px solid #bcc8d4; 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: #3a4d5e; 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; } .vgt-wrap .vgt-table { border: 0; } .vgt-wrap .vgt-table thead th { color: #3a4d5e; background: transparent; padding: 0.55rem 1.5rem 0.55rem 0.25rem; font-size: 0.8125rem; border-bottom: 2px solid #a8b3bd; } .vgt-wrap .vgt-table thead th.sorting:hover:after { border-bottom-color: #445a6e; } .vgt-wrap .vgt-table thead th.sorting-asc:after { border-bottom: 6px solid #3a4d5e; } .vgt-wrap .vgt-table thead th.sorting-desc:after { border-top: 6px solid #3a4d5e; } .vgt-wrap .vgt-table thead th.sorting-asc, .vgt-wrap .vgt-table thead th.sorting-desc { color: #1c2833; } .vgt-wrap .vgt-table tbody tr label { margin-bottom: 0; z-index: 100; } .vgt-wrap .vgt-table tbody tr label input[type=checkbox] + span::before { top: -15px; left: 5px; } .vgt-wrap .vgt-table tbody tr label input[type=checkbox]:checked + span::before { top: -20px; left: 0; } .vgt-wrap .vgt-table tbody tr.vgtr--pending { background-color: rgba(255, 193, 7, 0.22); } .vgt-wrap .vgt-table tbody tr.vgtr--issued { background-color: rgba(34, 74, 114, 0.22); } .vgt-wrap .vgt-table tbody tr.vgtr--canceled { background-color: rgba(255, 40, 84, 0.22); } .vgt-wrap .vgt-table tbody tr.vgtr--authorized { background-color: rgba(35, 209, 96, 0.22); } .vgt-wrap .vgt-table tbody td { padding: 0.2rem 0.25rem; border-bottom: 1px solid #a8b3bd; vertical-align: middle; font-size: 0.8125rem; color: #1c2833; } .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(255, 193, 7, 0.22); } .vgt-wrap .vgt-table tbody .tr--issued::before { background-color: rgba(34, 74, 114, 0.22); } .vgt-wrap .vgt-table tbody .tr--canceled::before { background-color: rgba(255, 40, 84, 0.22); } .vgt-wrap .vgt-table tbody .tr--authorized::before { background-color: rgba(35, 209, 96, 0.22); } .vgt-wrap .vgt-table.vgt-table--sticky thead th { background-color: #ffffff; 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 #a8b3bd; } .vgt-wrap .vgt-wrap__footer { color: #1c2833; background: transparent; border: 0; } .vgt-wrap .vgt-wrap__footer .footer__navigation__page-info__current-entry { width: 30px !important; margin: 0px 10px !important; } .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: #e9ecef; } .ktable-select { position: relative; display: block; width: auto; min-width: 4.5em; height: 1.8em; line-height: 1.8em; background: #bcc8d4; overflow: hidden; border-radius: 0.25rem; } .ktable-select::after { content: "\25BC"; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 0.5em; pointer-events: none; -webkit-transition: 0.25s all ease; transition: 0.25s all ease; } .ktable-select:hover::after { color: #435465; } .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: #1c2833; } .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 #a8b3bd; 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: .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); } .tabs-component { margin: 0.5rem 0; -webkit-box-shadow: 0 10px 30px 0 hsla(0deg, 0%, 0%, 0.2); box-shadow: 0 10px 30px 0 hsla(0deg, 0%, 0%, 0.2); } .tabs-component-tabs { background-color: #ffffff; border: solid 1px #dee2e6; border-radius: 0.25rem; 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: 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: #a8b3bd; 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: #6a7d90; } .tabs-component-tab.is-active { color: #3a4d5e; } .tabs-component-tab.is-disabled * { color: #6a7d90; cursor: not-allowed !important; } @media (min-width: 992px) { .tabs-component-tab { background-color: #ffffff; border-radius: 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 { border-top-left-radius: 0.25rem; } .tabs-component-tab.is-active { border-bottom: solid 3px #3a4d5e; 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.25rem; background-color: #ffffff; -webkit-box-shadow: 0 -1px 0 0 hsla(0deg, 0%, 0%, 0.2); box-shadow: 0 -1px 0 0 hsla(0deg, 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; } .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; border-top-color: #6a7d90; border-top-color: var(--gray-600); right: 0; 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); } .user-status__image { width: 70px; height: 70px; margin-right: -10px; 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: 70px; 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: 0.69; } .side-panel__lead { letter-spacing: 1px; text-transform: uppercase; opacity: 0.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; } .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; } } .kp-example { padding: 20px 10px 10px 10px; background: #e9ecef; margin: 0.5em 0; overflow: auto; } .kp-example--rows .row { margin: 0; } .kp-example--rows .row > [class*=col-] { background: #ffffff; padding: 10px; border: 1px solid #bcc8d4; } .kp-example--rows .row > [class*=col-] p { margin: 2px 0; } .kp-example--rows .row > [class*=col-] .sample-box--large { height: 8em; } .kp-example--rows .row > [class*=col-] [class*=col-] { background: #f8f9fa; } .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; } .carrousel { display: grid; grid-template-columns: repeat(auto-fit, 200px); grid-auto-flow: column; grid-gap: 10px; overflow: auto; } .carrousel > div > .img-container { cursor: -webkit-zoom-in; cursor: zoom-in; } .resumido { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .resumido:hover { display: table-cell; white-space: normal; overflow: auto; text-overflow: unset; } .vs-con-table th { position: sticky; top: 0; background: #89CFE4; } /*# sourceMappingURL=app.css.map*/