article.settings section.settings-group{display:flex;align-items:center;align-self:center;flex-direction:column}article.settings section.settings-group.horizontally main{display:flex;justify-content:space-between;flex-direction:row}article.settings section.settings-group.horizontally main.tiles-2>section{width:24.5rem}article.settings section.settings-group.horizontally main.tiles-2 p{width:22.5rem}article.settings section.settings-group.horizontally main.tiles-1-2>section:first-child{width:16rem}article.settings section.settings-group.horizontally main.tiles-1-2>section:first-child p{width:14rem}article.settings section.settings-group.horizontally main.tiles-1-2>section:last-child{width:32rem}article.settings section.settings-group.horizontally main.tiles-1-2>section:last-child p{width:30rem}article.settings section.settings-group.vertically{flex-direction:column}article.settings section.settings-group section.setting{display:flex;flex-direction:column}article.settings section.settings-group section.setting header{display:flex;flex-direction:row;justify-content:space-between;align-self:stretch}article.settings section.settings-group section.setting header h3{font-weight:500;text-align:left}article.settings section.settings-group section.setting header h4{font-weight:400}article.settings section.settings-group section.setting header .right{display:flex}article.settings section.settings-group section.setting header .right .saved,article.settings section.settings-group section.setting header .right .saving{display:flex;flex-direction:row;color:var(--dark-background-color);align-items:baseline}article.settings section.settings-group section.setting header .right .saved{transition:opacity .5s 2.5s;opacity:0}article.settings section.settings-group section.setting header .right .saved *{opacity:inherit}article.settings section.settings-group section.setting main{display:flex;align-self:stretch}article.settings section.settings-group section.setting main section.tile{background-color:#fff;padding:1rem;border-radius:.5rem;border:1px solid var(--default-border-color);align-items:stretch;align-self:stretch}article.settings section.settings-group section.setting main section.tile p b{font-weight:500}article.settings section.settings-group section.setting main section.tile header{padding:0 0 1.5rem 0;display:flex;flex-direction:row;justify-content:space-between}article.settings section.settings-group section.setting main section.tile header .left{display:flex;flex-direction:row;align-items:center}article.settings section.settings-group section.setting main section.tile header .left p{font-size:1.25rem}article.settings section.settings-group section.setting main section.tile header .left .icon{margin-right:1rem}article.settings section.settings-group section.setting main section.tile main{flex-grow:1}article.settings section.settings-group section.setting main section.tile main.input-setting,article.settings section.settings-group section.setting main section.tile main>.input-setting{display:flex;flex-direction:column;flex-grow:1}article.settings section.settings-group section.setting main section.tile main.input-setting form,article.settings section.settings-group section.setting main section.tile main>.input-setting form{display:flex;flex-direction:row;justify-content:center;flex-grow:1}article.settings section.settings-group section.setting main section.tile main.input-setting form .button-group,article.settings section.settings-group section.setting main section.tile main.input-setting form .input-group,article.settings section.settings-group section.setting main section.tile main>.input-setting form .button-group,article.settings section.settings-group section.setting main section.tile main>.input-setting form .input-group{display:flex;flex-grow:1}article.settings section.settings-group section.setting main section.tile main.input-setting form .button-group .column,article.settings section.settings-group section.setting main section.tile main.input-setting form .input-group .column,article.settings section.settings-group section.setting main section.tile main>.input-setting form .button-group .column,article.settings section.settings-group section.setting main section.tile main>.input-setting form .input-group .column{display:flex;flex-direction:column;justify-content:space-evenly}article.settings section.settings-group section.setting main section.tile main.input-setting form label,article.settings section.settings-group section.setting main section.tile main>.input-setting form label{flex-grow:0}article.settings section.settings-group section.setting main section.tile main.input-setting form input,article.settings section.settings-group section.setting main section.tile main>.input-setting form input{outline:none;border:1px solid var(--default-border-color)}article.settings section.settings-group section.setting main section.tile main.input-setting form input:disabled,article.settings section.settings-group section.setting main section.tile main>.input-setting form input:disabled{background-color:var(--mid-background-color)}article.settings{padding:0 .5rem}article.settings>section.settings-group{margin:1rem 0}article.settings section.settings-group.vertically>section.setting:not(:first-child){margin-top:1rem}article.settings section.settings-group.horizontally>main section:not(:first-child){margin-left:.5rem}article.settings section.settings-group.horizontally>main section:not(:last-child){margin-right:.5rem}article.settings section.settings-group section.setting header h3{font-size:1.25rem}article.settings section.settings-group section.setting header h4{font-size:1.15rem}article.settings section.settings-group section.setting>header{padding:1rem 0}article.settings section.settings-group section.setting main section.tile{max-width:35rem}article.settings section.settings-group section.setting main section.tile main p:not(:last-child){padding-bottom:.5rem}article.settings section.settings-group section.setting main section.tile main.input-setting.errors,article.settings section.settings-group section.setting main section.tile main>.input-setting.errors{padding-top:.5rem}article.settings section.settings-group section.setting main section.tile main.input-setting form,article.settings section.settings-group section.setting main section.tile main>.input-setting form{margin-bottom:1rem}article.settings section.settings-group section.setting main section.tile main.input-setting form label,article.settings section.settings-group section.setting main section.tile main>.input-setting form label{margin-right:1rem}article.settings section.settings-group section.setting main section.tile main.input-setting form input,article.settings section.settings-group section.setting main section.tile main>.input-setting form input{padding:.5rem 1rem}@media(min-width:768px){section.settings-group.vertically{min-width:50rem;max-width:50rem;width:auto}article.settings section.settings-group section.setting main section.tile{max-width:50rem}}.dashboard section.content>main#content .settings-list{flex:1 0 auto;align-self:center}.dashboard section.content>main#content .settings-list .settings{display:flex;justify-content:center}.dashboard section.content>main#content .settings-list .settings .grid section.tile header{border-color:var(--tile-border-color);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;background-color:#fff;color:var(--tile-font-color)}.dashboard section.content>main#content .settings-list .settings .grid section.tile footer,.dashboard section.content>main#content .settings-list .settings .grid section.tile main{border-left-color:var(--tile-border-color);border-right-color:var(--tile-border-color);color:var(--tile-font-color)}.dashboard section.content>main#content .settings-list .settings .grid section.tile footer,.dashboard section.content>main#content .settings-list .settings .grid section.tile main:last-child{border-bottom-color:var(--tile-border-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.dashboard section.content>main#content .settings-list .settings .grid section.tile main p{text-align:center}.dashboard section.content>main#content .settings-list .settings .grid section.tile .selected header,.dashboard section.content>main#content .settings-list .settings .grid section.tile:hover header{background-color:var(--tile-font-color);color:#fff}.dashboard section.content>main#content .settings-list .settings .grid section.tile .selected footer,.dashboard section.content>main#content .settings-list .settings .grid section.tile .selected main,.dashboard section.content>main#content .settings-list .settings .grid section.tile:hover footer,.dashboard section.content>main#content .settings-list .settings .grid section.tile:hover main{background-color:#fff;color:var(--tile-font-color)}.dashboard section.content>main#content .container>article.settings,.dashboard section.content>main#content .settings-list{margin:0 1rem}.dashboard section.content>main#content .settings-list .settings{padding:2rem}.dashboard section.content>main#content .settings-list .settings .grid section.tile header h3{font-size:2rem}.dashboard section.content>main#content .settings-list .settings .grid section.tile footer,.dashboard section.content>main#content .settings-list .settings .grid section.tile main{padding:1rem 1.5rem}.dashboard section.content>main#content .settings-list .settings .grid section.tile main p{font-size:1.25rem}@media(min-width:768px){.dashboard section.content>main#content .settings-list .settings .grid section.tile header h3{font-size:1.5rem}.dashboard section.content>main#content .settings-list .settings .grid section.tile main p{font-size:1rem}}.dashboard section.content>main#content .settings-list article.settings.timesheets .grid{grid-template-rows:auto auto}@media(min-width:768px){.dashboard section.content>main#content .settings-list article.settings.timesheets .grid{grid-template-columns:auto auto}}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group{flex-direction:column;justify-content:flex-start;margin-top:2rem}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group button#createTemplate{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--default-darker-background-color);border-radius:.5rem;background-color:transparent;padding:10px;margin-bottom:2rem}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group button#createTemplate:hover{background-color:#fff}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group button#createTemplate:hover span,.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group button#createTemplate:hover svg path{color:var(--default-color);fill:var(--default-color)}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group button#createTemplate span{font-weight:600;font-size:16px}.dashboard section.content>main#content article.settings.timesheets.templates p.no-templates{display:flex;margin-top:100px;padding:16px;font-weight:600;font-size:18px;align-self:center}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group button#createTemplate{width:36rem}@media(min-width:768px){.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group button#createTemplate{min-width:42.5rem}}.plus{margin:0;padding:.375rem .5rem}.vue-slideout.vue-form-slideout{min-width:100%;width:100%}@media(min-width:768px){.vue-slideout.vue-form-slideout{min-width:40rem;width:auto}}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group{display:flex;align-items:center}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template{display:flex;flex-direction:row;border:1px solid var(--default-border-color);align-items:stretch;border-radius:.5rem;background-color:#fff;position:relative;margin:16px 0 0 0;margin-bottom:0;min-height:2.5rem;height:54px;padding:0}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template:first-child{margin:0}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .overlay{top:0;left:0}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template.hidden h3,.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template.hidden label,.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template.hidden p{color:var(--dark-background-color2)}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template.hidden .right a:not(:hover){background-color:transparent}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left,.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .middle,.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .right{padding-top:14px;padding-bottom:14px}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left,.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .right{align-items:center;display:flex;flex-grow:0;width:8rem}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left{padding-left:14px}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left button.default{display:flex;border-radius:4px;font-size:12px;padding-top:0;padding-bottom:0}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left button.default:not(.is-default){visibility:hidden}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left label,.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left p{font-weight:200;opacity:.8;font-size:12px}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left label.default:not(.is-default),.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .left p.default:not(.is-default){visibility:hidden}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .middle{display:flex;flex-grow:1;justify-content:center}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .middle h3{display:block;font-weight:600;font-size:16px;align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .right{display:flex;justify-content:flex-end;padding-right:14px}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .right .content{display:flex;justify-content:flex-end}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .right .delete{visibility:hidden}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .right a{border:1px solid transparent;border-radius:50%;background:#fff;color:var(--default-color);height:26px;width:26px;display:flex;justify-content:center;align-items:center}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template:hover{background-color:var(--default-color)}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template:hover .delete,.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template:hover .left button.default{visibility:visible}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template.hidden:not(.editing){background-color:unset}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template{min-width:36rem}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .middle{max-width:20rem}@media(min-width:768px){.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template{min-width:42.5rem}.dashboard section.content>main#content article.settings.timesheets.templates section.templates.group section.templates .template .middle{max-width:26rem}}