/* Resets HTML5 default display wonkiness */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#eeeeee; color:#000000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } @font-face { font-family: 'Nunito Sans'; src: url("/static/css/fonts/nunitosans-bold-webfont.3fb992e57707.woff2?224b00514bf4") format('woff2'), url("/static/css/fonts/nunitosans-bold-webfont.9170177d53e1.woff?224b00514bf4") format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Nunito Sans'; src: url("/static/css/fonts/nunitosans-regular-webfont.f2d3d392bd76.woff2?224b00514bf4") format('woff2'), url("/static/css/fonts/nunitosans-regular-webfont.90848204b6a3.woff?224b00514bf4") format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Nunito Sans'; src: url("/static/css/fonts/nunitosans-italic-webfont.29ad876e6522.woff2?224b00514bf4") format('woff2'), url("/static/css/fonts/nunitosans-italic-webfont.88b8241bac45.woff?224b00514bf4") format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Nunito Sans'; src: url("/static/css/fonts/nunitosans-extrabold-webfont.3fa4a086fe73.woff2?224b00514bf4") format('woff2'), url("/static/css/fonts/nunitosans-extrabold-webfont.10f7189fcc03.woff?224b00514bf4") format('woff'); font-weight: 900; font-style: normal; } /* * Remodal - v1.1.0 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* * Remodal - v1.1.0 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; text-align: left; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { background: white; position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:hover:before, .remodal-close:focus:before { color: white; } .remodal-close:before { font-size: 25px; line-height: 25px; font-weight: normal; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Custom Styles */ .remodal .actions { width: calc(100% + 70px); position: relative; left: -35px; bottom: -35px; overflow: hidden; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .remodal h1 { color: #16425B; font-size: 20px; font-weight: bold; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 700px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } .button, button, input[type='submit'], input[type='button'], a.add-row, a.delete-row, button.closeModal { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; border: 0; background: #16425B; color: white; } .button i, button i, input[type='submit'] i, input[type='button'] i, a.add-row i, a.delete-row i, button.closeModal i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .button:hover, .button:focus, .button:active, button:hover, button:focus, button:active, input[type='submit']:hover, input[type='submit']:focus, input[type='submit']:active, input[type='button']:hover, input[type='button']:focus, input[type='button']:active, a.add-row:hover, a.add-row:focus, a.add-row:active, a.delete-row:hover, a.delete-row:focus, a.delete-row:active, button.closeModal:hover, button.closeModal:focus, button.closeModal:active { background: #2D93AD; color: white; } .button[disabled], button[disabled], input[type='submit'][disabled], input[type='button'][disabled], a.add-row[disabled], a.delete-row[disabled], button.closeModal[disabled] { background: #7F7F98; pointer-events: none; } .button[disabled]:hover, .button[disabled]:active, .button[disabled]:focus, button[disabled]:hover, button[disabled]:active, button[disabled]:focus, input[type='submit'][disabled]:hover, input[type='submit'][disabled]:active, input[type='submit'][disabled]:focus, input[type='button'][disabled]:hover, input[type='button'][disabled]:active, input[type='button'][disabled]:focus, a.add-row[disabled]:hover, a.add-row[disabled]:active, a.add-row[disabled]:focus, a.delete-row[disabled]:hover, a.delete-row[disabled]:active, a.delete-row[disabled]:focus, button.closeModal[disabled]:hover, button.closeModal[disabled]:active, button.closeModal[disabled]:focus { background: #7F7F98; color: white; } .button.undo, button.undo, input[type='submit'].undo, input[type='button'].undo, a.add-row.undo, a.delete-row.undo, button.closeModal.undo { position: relative; } .button.undo svg, button.undo svg, input[type='submit'].undo svg, input[type='button'].undo svg, a.add-row.undo svg, a.delete-row.undo svg, button.closeModal.undo svg { display: inline-block; } .button.lightblue, button.lightblue, input[type='submit'].lightblue, input[type='button'].lightblue, a.add-row.lightblue, a.delete-row.lightblue, button.closeModal.lightblue { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; background: #2D93AD; color: white; } .button.lightblue i, button.lightblue i, input[type='submit'].lightblue i, input[type='button'].lightblue i, a.add-row.lightblue i, a.delete-row.lightblue i, button.closeModal.lightblue i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .button.lightblue:hover, .button.lightblue:focus, .button.lightblue:active, button.lightblue:hover, button.lightblue:focus, button.lightblue:active, input[type='submit'].lightblue:hover, input[type='submit'].lightblue:focus, input[type='submit'].lightblue:active, input[type='button'].lightblue:hover, input[type='button'].lightblue:focus, input[type='button'].lightblue:active, a.add-row.lightblue:hover, a.add-row.lightblue:focus, a.add-row.lightblue:active, a.delete-row.lightblue:hover, a.delete-row.lightblue:focus, a.delete-row.lightblue:active, button.closeModal.lightblue:hover, button.closeModal.lightblue:focus, button.closeModal.lightblue:active { background: #40b1cd; color: white; } .button.lightblue[disabled], button.lightblue[disabled], input[type='submit'].lightblue[disabled], input[type='button'].lightblue[disabled], a.add-row.lightblue[disabled], a.delete-row.lightblue[disabled], button.closeModal.lightblue[disabled] { background: #7F7F98; pointer-events: none; } .button.lightblue[disabled]:hover, .button.lightblue[disabled]:active, .button.lightblue[disabled]:focus, button.lightblue[disabled]:hover, button.lightblue[disabled]:active, button.lightblue[disabled]:focus, input[type='submit'].lightblue[disabled]:hover, input[type='submit'].lightblue[disabled]:active, input[type='submit'].lightblue[disabled]:focus, input[type='button'].lightblue[disabled]:hover, input[type='button'].lightblue[disabled]:active, input[type='button'].lightblue[disabled]:focus, a.add-row.lightblue[disabled]:hover, a.add-row.lightblue[disabled]:active, a.add-row.lightblue[disabled]:focus, a.delete-row.lightblue[disabled]:hover, a.delete-row.lightblue[disabled]:active, a.delete-row.lightblue[disabled]:focus, button.closeModal.lightblue[disabled]:hover, button.closeModal.lightblue[disabled]:active, button.closeModal.lightblue[disabled]:focus { background: #7F7F98; color: white; } .button.lightblue.undo, button.lightblue.undo, input[type='submit'].lightblue.undo, input[type='button'].lightblue.undo, a.add-row.lightblue.undo, a.delete-row.lightblue.undo, button.closeModal.lightblue.undo { position: relative; } .button.lightblue.undo svg, button.lightblue.undo svg, input[type='submit'].lightblue.undo svg, input[type='button'].lightblue.undo svg, a.add-row.lightblue.undo svg, a.delete-row.lightblue.undo svg, button.closeModal.lightblue.undo svg { display: inline-block; } .button.green, .button.confirm, button.green, button.confirm, input[type='submit'].green, input[type='submit'].confirm, input[type='button'].green, input[type='button'].confirm, a.add-row.green, a.add-row.confirm, a.delete-row.green, a.delete-row.confirm, button.closeModal.green, button.closeModal.confirm { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: white; background: #1EAA52; } .button.green i, .button.confirm i, button.green i, button.confirm i, input[type='submit'].green i, input[type='submit'].confirm i, input[type='button'].green i, input[type='button'].confirm i, a.add-row.green i, a.add-row.confirm i, a.delete-row.green i, a.delete-row.confirm i, button.closeModal.green i, button.closeModal.confirm i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .button.green:hover, .button.green:focus, .button.green:active, .button.confirm:hover, .button.confirm:focus, .button.confirm:active, button.green:hover, button.green:focus, button.green:active, button.confirm:hover, button.confirm:focus, button.confirm:active, input[type='submit'].green:hover, input[type='submit'].green:focus, input[type='submit'].green:active, input[type='submit'].confirm:hover, input[type='submit'].confirm:focus, input[type='submit'].confirm:active, input[type='button'].green:hover, input[type='button'].green:focus, input[type='button'].green:active, input[type='button'].confirm:hover, input[type='button'].confirm:focus, input[type='button'].confirm:active, a.add-row.green:hover, a.add-row.green:focus, a.add-row.green:active, a.add-row.confirm:hover, a.add-row.confirm:focus, a.add-row.confirm:active, a.delete-row.green:hover, a.delete-row.green:focus, a.delete-row.green:active, a.delete-row.confirm:hover, a.delete-row.confirm:focus, a.delete-row.confirm:active, button.closeModal.green:hover, button.closeModal.green:focus, button.closeModal.green:active, button.closeModal.confirm:hover, button.closeModal.confirm:focus, button.closeModal.confirm:active { color: white; background: #26d567; } .button.green[disabled], .button.confirm[disabled], button.green[disabled], button.confirm[disabled], input[type='submit'].green[disabled], input[type='submit'].confirm[disabled], input[type='button'].green[disabled], input[type='button'].confirm[disabled], a.add-row.green[disabled], a.add-row.confirm[disabled], a.delete-row.green[disabled], a.delete-row.confirm[disabled], button.closeModal.green[disabled], button.closeModal.confirm[disabled] { background: #7F7F98; pointer-events: none; } .button.green[disabled]:hover, .button.green[disabled]:active, .button.green[disabled]:focus, .button.confirm[disabled]:hover, .button.confirm[disabled]:active, .button.confirm[disabled]:focus, button.green[disabled]:hover, button.green[disabled]:active, button.green[disabled]:focus, button.confirm[disabled]:hover, button.confirm[disabled]:active, button.confirm[disabled]:focus, input[type='submit'].green[disabled]:hover, input[type='submit'].green[disabled]:active, input[type='submit'].green[disabled]:focus, input[type='submit'].confirm[disabled]:hover, input[type='submit'].confirm[disabled]:active, input[type='submit'].confirm[disabled]:focus, input[type='button'].green[disabled]:hover, input[type='button'].green[disabled]:active, input[type='button'].green[disabled]:focus, input[type='button'].confirm[disabled]:hover, input[type='button'].confirm[disabled]:active, input[type='button'].confirm[disabled]:focus, a.add-row.green[disabled]:hover, a.add-row.green[disabled]:active, a.add-row.green[disabled]:focus, a.add-row.confirm[disabled]:hover, a.add-row.confirm[disabled]:active, a.add-row.confirm[disabled]:focus, a.delete-row.green[disabled]:hover, a.delete-row.green[disabled]:active, a.delete-row.green[disabled]:focus, a.delete-row.confirm[disabled]:hover, a.delete-row.confirm[disabled]:active, a.delete-row.confirm[disabled]:focus, button.closeModal.green[disabled]:hover, button.closeModal.green[disabled]:active, button.closeModal.green[disabled]:focus, button.closeModal.confirm[disabled]:hover, button.closeModal.confirm[disabled]:active, button.closeModal.confirm[disabled]:focus { background: #7F7F98; color: white; } .button.green.undo, .button.confirm.undo, button.green.undo, button.confirm.undo, input[type='submit'].green.undo, input[type='submit'].confirm.undo, input[type='button'].green.undo, input[type='button'].confirm.undo, a.add-row.green.undo, a.add-row.confirm.undo, a.delete-row.green.undo, a.delete-row.confirm.undo, button.closeModal.green.undo, button.closeModal.confirm.undo { position: relative; } .button.green.undo svg, .button.confirm.undo svg, button.green.undo svg, button.confirm.undo svg, input[type='submit'].green.undo svg, input[type='submit'].confirm.undo svg, input[type='button'].green.undo svg, input[type='button'].confirm.undo svg, a.add-row.green.undo svg, a.add-row.confirm.undo svg, a.delete-row.green.undo svg, a.delete-row.confirm.undo svg, button.closeModal.green.undo svg, button.closeModal.confirm.undo svg { display: inline-block; } .button.reject, .button.cancel, .button.red, button.reject, button.cancel, button.red, input[type='submit'].reject, input[type='submit'].cancel, input[type='submit'].red, input[type='button'].reject, input[type='button'].cancel, input[type='button'].red, a.add-row.reject, a.add-row.cancel, a.add-row.red, a.delete-row.reject, a.delete-row.cancel, a.delete-row.red, button.closeModal.reject, button.closeModal.cancel, button.closeModal.red { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: white; background: #FE5F55; } .button.reject i, .button.cancel i, .button.red i, button.reject i, button.cancel i, button.red i, input[type='submit'].reject i, input[type='submit'].cancel i, input[type='submit'].red i, input[type='button'].reject i, input[type='button'].cancel i, input[type='button'].red i, a.add-row.reject i, a.add-row.cancel i, a.add-row.red i, a.delete-row.reject i, a.delete-row.cancel i, a.delete-row.red i, button.closeModal.reject i, button.closeModal.cancel i, button.closeModal.red i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .button.reject:hover, .button.reject:focus, .button.reject:active, .button.cancel:hover, .button.cancel:focus, .button.cancel:active, .button.red:hover, .button.red:focus, .button.red:active, button.reject:hover, button.reject:focus, button.reject:active, button.cancel:hover, button.cancel:focus, button.cancel:active, button.red:hover, button.red:focus, button.red:active, input[type='submit'].reject:hover, input[type='submit'].reject:focus, input[type='submit'].reject:active, input[type='submit'].cancel:hover, input[type='submit'].cancel:focus, input[type='submit'].cancel:active, input[type='submit'].red:hover, input[type='submit'].red:focus, input[type='submit'].red:active, input[type='button'].reject:hover, input[type='button'].reject:focus, input[type='button'].reject:active, input[type='button'].cancel:hover, input[type='button'].cancel:focus, input[type='button'].cancel:active, input[type='button'].red:hover, input[type='button'].red:focus, input[type='button'].red:active, a.add-row.reject:hover, a.add-row.reject:focus, a.add-row.reject:active, a.add-row.cancel:hover, a.add-row.cancel:focus, a.add-row.cancel:active, a.add-row.red:hover, a.add-row.red:focus, a.add-row.red:active, a.delete-row.reject:hover, a.delete-row.reject:focus, a.delete-row.reject:active, a.delete-row.cancel:hover, a.delete-row.cancel:focus, a.delete-row.cancel:active, a.delete-row.red:hover, a.delete-row.red:focus, a.delete-row.red:active, button.closeModal.reject:hover, button.closeModal.reject:focus, button.closeModal.reject:active, button.closeModal.cancel:hover, button.closeModal.cancel:focus, button.closeModal.cancel:active, button.closeModal.red:hover, button.closeModal.red:focus, button.closeModal.red:active { color: white; background: #e5302a; } .button.reject[disabled], .button.cancel[disabled], .button.red[disabled], button.reject[disabled], button.cancel[disabled], button.red[disabled], input[type='submit'].reject[disabled], input[type='submit'].cancel[disabled], input[type='submit'].red[disabled], input[type='button'].reject[disabled], input[type='button'].cancel[disabled], input[type='button'].red[disabled], a.add-row.reject[disabled], a.add-row.cancel[disabled], a.add-row.red[disabled], a.delete-row.reject[disabled], a.delete-row.cancel[disabled], a.delete-row.red[disabled], button.closeModal.reject[disabled], button.closeModal.cancel[disabled], button.closeModal.red[disabled] { background: #7F7F98; pointer-events: none; } .button.reject[disabled]:hover, .button.reject[disabled]:active, .button.reject[disabled]:focus, .button.cancel[disabled]:hover, .button.cancel[disabled]:active, .button.cancel[disabled]:focus, .button.red[disabled]:hover, .button.red[disabled]:active, .button.red[disabled]:focus, button.reject[disabled]:hover, button.reject[disabled]:active, button.reject[disabled]:focus, button.cancel[disabled]:hover, button.cancel[disabled]:active, button.cancel[disabled]:focus, button.red[disabled]:hover, button.red[disabled]:active, button.red[disabled]:focus, input[type='submit'].reject[disabled]:hover, input[type='submit'].reject[disabled]:active, input[type='submit'].reject[disabled]:focus, input[type='submit'].cancel[disabled]:hover, input[type='submit'].cancel[disabled]:active, input[type='submit'].cancel[disabled]:focus, input[type='submit'].red[disabled]:hover, input[type='submit'].red[disabled]:active, input[type='submit'].red[disabled]:focus, input[type='button'].reject[disabled]:hover, input[type='button'].reject[disabled]:active, input[type='button'].reject[disabled]:focus, input[type='button'].cancel[disabled]:hover, input[type='button'].cancel[disabled]:active, input[type='button'].cancel[disabled]:focus, input[type='button'].red[disabled]:hover, input[type='button'].red[disabled]:active, input[type='button'].red[disabled]:focus, a.add-row.reject[disabled]:hover, a.add-row.reject[disabled]:active, a.add-row.reject[disabled]:focus, a.add-row.cancel[disabled]:hover, a.add-row.cancel[disabled]:active, a.add-row.cancel[disabled]:focus, a.add-row.red[disabled]:hover, a.add-row.red[disabled]:active, a.add-row.red[disabled]:focus, a.delete-row.reject[disabled]:hover, a.delete-row.reject[disabled]:active, a.delete-row.reject[disabled]:focus, a.delete-row.cancel[disabled]:hover, a.delete-row.cancel[disabled]:active, a.delete-row.cancel[disabled]:focus, a.delete-row.red[disabled]:hover, a.delete-row.red[disabled]:active, a.delete-row.red[disabled]:focus, button.closeModal.reject[disabled]:hover, button.closeModal.reject[disabled]:active, button.closeModal.reject[disabled]:focus, button.closeModal.cancel[disabled]:hover, button.closeModal.cancel[disabled]:active, button.closeModal.cancel[disabled]:focus, button.closeModal.red[disabled]:hover, button.closeModal.red[disabled]:active, button.closeModal.red[disabled]:focus { background: #7F7F98; color: white; } .button.reject.undo, .button.cancel.undo, .button.red.undo, button.reject.undo, button.cancel.undo, button.red.undo, input[type='submit'].reject.undo, input[type='submit'].cancel.undo, input[type='submit'].red.undo, input[type='button'].reject.undo, input[type='button'].cancel.undo, input[type='button'].red.undo, a.add-row.reject.undo, a.add-row.cancel.undo, a.add-row.red.undo, a.delete-row.reject.undo, a.delete-row.cancel.undo, a.delete-row.red.undo, button.closeModal.reject.undo, button.closeModal.cancel.undo, button.closeModal.red.undo { position: relative; } .button.reject.undo svg, .button.cancel.undo svg, .button.red.undo svg, button.reject.undo svg, button.cancel.undo svg, button.red.undo svg, input[type='submit'].reject.undo svg, input[type='submit'].cancel.undo svg, input[type='submit'].red.undo svg, input[type='button'].reject.undo svg, input[type='button'].cancel.undo svg, input[type='button'].red.undo svg, a.add-row.reject.undo svg, a.add-row.cancel.undo svg, a.add-row.red.undo svg, a.delete-row.reject.undo svg, a.delete-row.cancel.undo svg, a.delete-row.red.undo svg, button.closeModal.reject.undo svg, button.closeModal.cancel.undo svg, button.closeModal.red.undo svg { display: inline-block; } .button.secondary, .button.grey, button.secondary, button.grey, input[type='submit'].secondary, input[type='submit'].grey, input[type='button'].secondary, input[type='button'].grey, a.add-row.secondary, a.add-row.grey, a.delete-row.secondary, a.delete-row.grey, button.closeModal.secondary, button.closeModal.grey { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: white; background: #9b9baf; } .button.secondary i, .button.grey i, button.secondary i, button.grey i, input[type='submit'].secondary i, input[type='submit'].grey i, input[type='button'].secondary i, input[type='button'].grey i, a.add-row.secondary i, a.add-row.grey i, a.delete-row.secondary i, a.delete-row.grey i, button.closeModal.secondary i, button.closeModal.grey i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .button.secondary:hover, .button.secondary:focus, .button.secondary:active, .button.grey:hover, .button.grey:focus, .button.grey:active, button.secondary:hover, button.secondary:focus, button.secondary:active, button.grey:hover, button.grey:focus, button.grey:active, input[type='submit'].secondary:hover, input[type='submit'].secondary:focus, input[type='submit'].secondary:active, input[type='submit'].grey:hover, input[type='submit'].grey:focus, input[type='submit'].grey:active, input[type='button'].secondary:hover, input[type='button'].secondary:focus, input[type='button'].secondary:active, input[type='button'].grey:hover, input[type='button'].grey:focus, input[type='button'].grey:active, a.add-row.secondary:hover, a.add-row.secondary:focus, a.add-row.secondary:active, a.add-row.grey:hover, a.add-row.grey:focus, a.add-row.grey:active, a.delete-row.secondary:hover, a.delete-row.secondary:focus, a.delete-row.secondary:active, a.delete-row.grey:hover, a.delete-row.grey:focus, a.delete-row.grey:active, button.closeModal.secondary:hover, button.closeModal.secondary:focus, button.closeModal.secondary:active, button.closeModal.grey:hover, button.closeModal.grey:focus, button.closeModal.grey:active { color: white; background: #a9a9ba; } .button.secondary[disabled], .button.grey[disabled], button.secondary[disabled], button.grey[disabled], input[type='submit'].secondary[disabled], input[type='submit'].grey[disabled], input[type='button'].secondary[disabled], input[type='button'].grey[disabled], a.add-row.secondary[disabled], a.add-row.grey[disabled], a.delete-row.secondary[disabled], a.delete-row.grey[disabled], button.closeModal.secondary[disabled], button.closeModal.grey[disabled] { background: #7F7F98; pointer-events: none; } .button.secondary[disabled]:hover, .button.secondary[disabled]:active, .button.secondary[disabled]:focus, .button.grey[disabled]:hover, .button.grey[disabled]:active, .button.grey[disabled]:focus, button.secondary[disabled]:hover, button.secondary[disabled]:active, button.secondary[disabled]:focus, button.grey[disabled]:hover, button.grey[disabled]:active, button.grey[disabled]:focus, input[type='submit'].secondary[disabled]:hover, input[type='submit'].secondary[disabled]:active, input[type='submit'].secondary[disabled]:focus, input[type='submit'].grey[disabled]:hover, input[type='submit'].grey[disabled]:active, input[type='submit'].grey[disabled]:focus, input[type='button'].secondary[disabled]:hover, input[type='button'].secondary[disabled]:active, input[type='button'].secondary[disabled]:focus, input[type='button'].grey[disabled]:hover, input[type='button'].grey[disabled]:active, input[type='button'].grey[disabled]:focus, a.add-row.secondary[disabled]:hover, a.add-row.secondary[disabled]:active, a.add-row.secondary[disabled]:focus, a.add-row.grey[disabled]:hover, a.add-row.grey[disabled]:active, a.add-row.grey[disabled]:focus, a.delete-row.secondary[disabled]:hover, a.delete-row.secondary[disabled]:active, a.delete-row.secondary[disabled]:focus, a.delete-row.grey[disabled]:hover, a.delete-row.grey[disabled]:active, a.delete-row.grey[disabled]:focus, button.closeModal.secondary[disabled]:hover, button.closeModal.secondary[disabled]:active, button.closeModal.secondary[disabled]:focus, button.closeModal.grey[disabled]:hover, button.closeModal.grey[disabled]:active, button.closeModal.grey[disabled]:focus { background: #7F7F98; color: white; } .button.secondary.undo, .button.grey.undo, button.secondary.undo, button.grey.undo, input[type='submit'].secondary.undo, input[type='submit'].grey.undo, input[type='button'].secondary.undo, input[type='button'].grey.undo, a.add-row.secondary.undo, a.add-row.grey.undo, a.delete-row.secondary.undo, a.delete-row.grey.undo, button.closeModal.secondary.undo, button.closeModal.grey.undo { position: relative; } .button.secondary.undo svg, .button.grey.undo svg, button.secondary.undo svg, button.grey.undo svg, input[type='submit'].secondary.undo svg, input[type='submit'].grey.undo svg, input[type='button'].secondary.undo svg, input[type='button'].grey.undo svg, a.add-row.secondary.undo svg, a.add-row.grey.undo svg, a.delete-row.secondary.undo svg, a.delete-row.grey.undo svg, button.closeModal.secondary.undo svg, button.closeModal.grey.undo svg { display: inline-block; } .button.delete-row, button.delete-row, input[type='submit'].delete-row, input[type='button'].delete-row, a.add-row.delete-row, a.delete-row.delete-row, button.closeModal.delete-row { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #FE5F55; background: transparent; border: 1px solid #FE5F55; } .button.delete-row i, button.delete-row i, input[type='submit'].delete-row i, input[type='button'].delete-row i, a.add-row.delete-row i, a.delete-row.delete-row i, button.closeModal.delete-row i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .button.delete-row:hover, .button.delete-row:focus, .button.delete-row:active, button.delete-row:hover, button.delete-row:focus, button.delete-row:active, input[type='submit'].delete-row:hover, input[type='submit'].delete-row:focus, input[type='submit'].delete-row:active, input[type='button'].delete-row:hover, input[type='button'].delete-row:focus, input[type='button'].delete-row:active, a.add-row.delete-row:hover, a.add-row.delete-row:focus, a.add-row.delete-row:active, a.delete-row.delete-row:hover, a.delete-row.delete-row:focus, a.delete-row.delete-row:active, button.closeModal.delete-row:hover, button.closeModal.delete-row:focus, button.closeModal.delete-row:active { color: white; background: #FE5F55; border-color: #FE5F55; text-decoration: none; } .button.delete-row:hover i, .button.delete-row:focus i, .button.delete-row:active i, button.delete-row:hover i, button.delete-row:focus i, button.delete-row:active i, input[type='submit'].delete-row:hover i, input[type='submit'].delete-row:focus i, input[type='submit'].delete-row:active i, input[type='button'].delete-row:hover i, input[type='button'].delete-row:focus i, input[type='button'].delete-row:active i, a.add-row.delete-row:hover i, a.add-row.delete-row:focus i, a.add-row.delete-row:active i, a.delete-row.delete-row:hover i, a.delete-row.delete-row:focus i, a.delete-row.delete-row:active i, button.closeModal.delete-row:hover i, button.closeModal.delete-row:focus i, button.closeModal.delete-row:active i { color: white; } .button.delete-row[disabled], .button.delete-row.disabled, button.delete-row[disabled], button.delete-row.disabled, input[type='submit'].delete-row[disabled], input[type='submit'].delete-row.disabled, input[type='button'].delete-row[disabled], input[type='button'].delete-row.disabled, a.add-row.delete-row[disabled], a.add-row.delete-row.disabled, a.delete-row.delete-row[disabled], a.delete-row.delete-row.disabled, button.closeModal.delete-row[disabled], button.closeModal.delete-row.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } .button.delete-row[disabled] i, .button.delete-row.disabled i, button.delete-row[disabled] i, button.delete-row.disabled i, input[type='submit'].delete-row[disabled] i, input[type='submit'].delete-row.disabled i, input[type='button'].delete-row[disabled] i, input[type='button'].delete-row.disabled i, a.add-row.delete-row[disabled] i, a.add-row.delete-row.disabled i, a.delete-row.delete-row[disabled] i, a.delete-row.delete-row.disabled i, button.closeModal.delete-row[disabled] i, button.closeModal.delete-row.disabled i { color: rgba(22, 66, 91, 0.25); } .button.delete-row[disabled]:hover, .button.delete-row[disabled]:focus, .button.delete-row[disabled]:active, .button.delete-row.disabled:hover, .button.delete-row.disabled:focus, .button.delete-row.disabled:active, button.delete-row[disabled]:hover, button.delete-row[disabled]:focus, button.delete-row[disabled]:active, button.delete-row.disabled:hover, button.delete-row.disabled:focus, button.delete-row.disabled:active, input[type='submit'].delete-row[disabled]:hover, input[type='submit'].delete-row[disabled]:focus, input[type='submit'].delete-row[disabled]:active, input[type='submit'].delete-row.disabled:hover, input[type='submit'].delete-row.disabled:focus, input[type='submit'].delete-row.disabled:active, input[type='button'].delete-row[disabled]:hover, input[type='button'].delete-row[disabled]:focus, input[type='button'].delete-row[disabled]:active, input[type='button'].delete-row.disabled:hover, input[type='button'].delete-row.disabled:focus, input[type='button'].delete-row.disabled:active, a.add-row.delete-row[disabled]:hover, a.add-row.delete-row[disabled]:focus, a.add-row.delete-row[disabled]:active, a.add-row.delete-row.disabled:hover, a.add-row.delete-row.disabled:focus, a.add-row.delete-row.disabled:active, a.delete-row.delete-row[disabled]:hover, a.delete-row.delete-row[disabled]:focus, a.delete-row.delete-row[disabled]:active, a.delete-row.delete-row.disabled:hover, a.delete-row.delete-row.disabled:focus, a.delete-row.delete-row.disabled:active, button.closeModal.delete-row[disabled]:hover, button.closeModal.delete-row[disabled]:focus, button.closeModal.delete-row[disabled]:active, button.closeModal.delete-row.disabled:hover, button.closeModal.delete-row.disabled:focus, button.closeModal.delete-row.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } .button.delete-row[disabled]:hover i, .button.delete-row[disabled]:focus i, .button.delete-row[disabled]:active i, .button.delete-row.disabled:hover i, .button.delete-row.disabled:focus i, .button.delete-row.disabled:active i, button.delete-row[disabled]:hover i, button.delete-row[disabled]:focus i, button.delete-row[disabled]:active i, button.delete-row.disabled:hover i, button.delete-row.disabled:focus i, button.delete-row.disabled:active i, input[type='submit'].delete-row[disabled]:hover i, input[type='submit'].delete-row[disabled]:focus i, input[type='submit'].delete-row[disabled]:active i, input[type='submit'].delete-row.disabled:hover i, input[type='submit'].delete-row.disabled:focus i, input[type='submit'].delete-row.disabled:active i, input[type='button'].delete-row[disabled]:hover i, input[type='button'].delete-row[disabled]:focus i, input[type='button'].delete-row[disabled]:active i, input[type='button'].delete-row.disabled:hover i, input[type='button'].delete-row.disabled:focus i, input[type='button'].delete-row.disabled:active i, a.add-row.delete-row[disabled]:hover i, a.add-row.delete-row[disabled]:focus i, a.add-row.delete-row[disabled]:active i, a.add-row.delete-row.disabled:hover i, a.add-row.delete-row.disabled:focus i, a.add-row.delete-row.disabled:active i, a.delete-row.delete-row[disabled]:hover i, a.delete-row.delete-row[disabled]:focus i, a.delete-row.delete-row[disabled]:active i, a.delete-row.delete-row.disabled:hover i, a.delete-row.delete-row.disabled:focus i, a.delete-row.delete-row.disabled:active i, button.closeModal.delete-row[disabled]:hover i, button.closeModal.delete-row[disabled]:focus i, button.closeModal.delete-row[disabled]:active i, button.closeModal.delete-row.disabled:hover i, button.closeModal.delete-row.disabled:focus i, button.closeModal.delete-row.disabled:active i { color: rgba(22, 66, 91, 0.25); } .button.delete-row[disabled], button.delete-row[disabled], input[type='submit'].delete-row[disabled], input[type='button'].delete-row[disabled], a.add-row.delete-row[disabled], a.delete-row.delete-row[disabled], button.closeModal.delete-row[disabled] { background: #7F7F98; pointer-events: none; } .button.delete-row[disabled]:hover, .button.delete-row[disabled]:active, .button.delete-row[disabled]:focus, button.delete-row[disabled]:hover, button.delete-row[disabled]:active, button.delete-row[disabled]:focus, input[type='submit'].delete-row[disabled]:hover, input[type='submit'].delete-row[disabled]:active, input[type='submit'].delete-row[disabled]:focus, input[type='button'].delete-row[disabled]:hover, input[type='button'].delete-row[disabled]:active, input[type='button'].delete-row[disabled]:focus, a.add-row.delete-row[disabled]:hover, a.add-row.delete-row[disabled]:active, a.add-row.delete-row[disabled]:focus, a.delete-row.delete-row[disabled]:hover, a.delete-row.delete-row[disabled]:active, a.delete-row.delete-row[disabled]:focus, button.closeModal.delete-row[disabled]:hover, button.closeModal.delete-row[disabled]:active, button.closeModal.delete-row[disabled]:focus { background: #7F7F98; color: white; } .button.delete-row.undo, button.delete-row.undo, input[type='submit'].delete-row.undo, input[type='button'].delete-row.undo, a.add-row.delete-row.undo, a.delete-row.delete-row.undo, button.closeModal.delete-row.undo { position: relative; } .button.delete-row.undo svg, button.delete-row.undo svg, input[type='submit'].delete-row.undo svg, input[type='button'].delete-row.undo svg, a.add-row.delete-row.undo svg, a.delete-row.delete-row.undo svg, button.closeModal.delete-row.undo svg { display: inline-block; } span.tag .button.delete-row, span.tag button.delete-row, span.tag input[type='submit'].delete-row, span.tag input[type='button'].delete-row, span.tag a.add-row.delete-row, span.tag a.delete-row.delete-row, span.tag button.closeModal.delete-row { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; border: 0; background: #16425B; color: white; } span.tag .button.delete-row i, span.tag button.delete-row i, span.tag input[type='submit'].delete-row i, span.tag input[type='button'].delete-row i, span.tag a.add-row.delete-row i, span.tag a.delete-row.delete-row i, span.tag button.closeModal.delete-row i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } span.tag .button.delete-row:hover, span.tag .button.delete-row:focus, span.tag .button.delete-row:active, span.tag button.delete-row:hover, span.tag button.delete-row:focus, span.tag button.delete-row:active, span.tag input[type='submit'].delete-row:hover, span.tag input[type='submit'].delete-row:focus, span.tag input[type='submit'].delete-row:active, span.tag input[type='button'].delete-row:hover, span.tag input[type='button'].delete-row:focus, span.tag input[type='button'].delete-row:active, span.tag a.add-row.delete-row:hover, span.tag a.add-row.delete-row:focus, span.tag a.add-row.delete-row:active, span.tag a.delete-row.delete-row:hover, span.tag a.delete-row.delete-row:focus, span.tag a.delete-row.delete-row:active, span.tag button.closeModal.delete-row:hover, span.tag button.closeModal.delete-row:focus, span.tag button.closeModal.delete-row:active { background: #2D93AD; color: white; } span.tag .button.delete-row[disabled], span.tag button.delete-row[disabled], span.tag input[type='submit'].delete-row[disabled], span.tag input[type='button'].delete-row[disabled], span.tag a.add-row.delete-row[disabled], span.tag a.delete-row.delete-row[disabled], span.tag button.closeModal.delete-row[disabled] { background: #7F7F98; pointer-events: none; } span.tag .button.delete-row[disabled]:hover, span.tag .button.delete-row[disabled]:active, span.tag .button.delete-row[disabled]:focus, span.tag button.delete-row[disabled]:hover, span.tag button.delete-row[disabled]:active, span.tag button.delete-row[disabled]:focus, span.tag input[type='submit'].delete-row[disabled]:hover, span.tag input[type='submit'].delete-row[disabled]:active, span.tag input[type='submit'].delete-row[disabled]:focus, span.tag input[type='button'].delete-row[disabled]:hover, span.tag input[type='button'].delete-row[disabled]:active, span.tag input[type='button'].delete-row[disabled]:focus, span.tag a.add-row.delete-row[disabled]:hover, span.tag a.add-row.delete-row[disabled]:active, span.tag a.add-row.delete-row[disabled]:focus, span.tag a.delete-row.delete-row[disabled]:hover, span.tag a.delete-row.delete-row[disabled]:active, span.tag a.delete-row.delete-row[disabled]:focus, span.tag button.closeModal.delete-row[disabled]:hover, span.tag button.closeModal.delete-row[disabled]:active, span.tag button.closeModal.delete-row[disabled]:focus { background: #7F7F98; color: white; } span.tag .button.delete-row.undo, span.tag button.delete-row.undo, span.tag input[type='submit'].delete-row.undo, span.tag input[type='button'].delete-row.undo, span.tag a.add-row.delete-row.undo, span.tag a.delete-row.delete-row.undo, span.tag button.closeModal.delete-row.undo { position: relative; } span.tag .button.delete-row.undo svg, span.tag button.delete-row.undo svg, span.tag input[type='submit'].delete-row.undo svg, span.tag input[type='button'].delete-row.undo svg, span.tag a.add-row.delete-row.undo svg, span.tag a.delete-row.delete-row.undo svg, span.tag button.closeModal.delete-row.undo svg { display: inline-block; } .button.outline, .button.add-row, button.outline, button.add-row, input[type='submit'].outline, input[type='submit'].add-row, input[type='button'].outline, input[type='button'].add-row, a.add-row.outline, a.add-row.add-row, a.delete-row.outline, a.delete-row.add-row, button.closeModal.outline, button.closeModal.add-row { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; border: 1px solid #16425B; } .button.outline i, .button.add-row i, button.outline i, button.add-row i, input[type='submit'].outline i, input[type='submit'].add-row i, input[type='button'].outline i, input[type='button'].add-row i, a.add-row.outline i, a.add-row.add-row i, a.delete-row.outline i, a.delete-row.add-row i, button.closeModal.outline i, button.closeModal.add-row i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .button.outline:hover, .button.outline:focus, .button.outline:active, .button.add-row:hover, .button.add-row:focus, .button.add-row:active, button.outline:hover, button.outline:focus, button.outline:active, button.add-row:hover, button.add-row:focus, button.add-row:active, input[type='submit'].outline:hover, input[type='submit'].outline:focus, input[type='submit'].outline:active, input[type='submit'].add-row:hover, input[type='submit'].add-row:focus, input[type='submit'].add-row:active, input[type='button'].outline:hover, input[type='button'].outline:focus, input[type='button'].outline:active, input[type='button'].add-row:hover, input[type='button'].add-row:focus, input[type='button'].add-row:active, a.add-row.outline:hover, a.add-row.outline:focus, a.add-row.outline:active, a.add-row.add-row:hover, a.add-row.add-row:focus, a.add-row.add-row:active, a.delete-row.outline:hover, a.delete-row.outline:focus, a.delete-row.outline:active, a.delete-row.add-row:hover, a.delete-row.add-row:focus, a.delete-row.add-row:active, button.closeModal.outline:hover, button.closeModal.outline:focus, button.closeModal.outline:active, button.closeModal.add-row:hover, button.closeModal.add-row:focus, button.closeModal.add-row:active { color: white; background: #16425B; border-color: #16425B; text-decoration: none; } .button.outline:hover i, .button.outline:focus i, .button.outline:active i, .button.add-row:hover i, .button.add-row:focus i, .button.add-row:active i, button.outline:hover i, button.outline:focus i, button.outline:active i, button.add-row:hover i, button.add-row:focus i, button.add-row:active i, input[type='submit'].outline:hover i, input[type='submit'].outline:focus i, input[type='submit'].outline:active i, input[type='submit'].add-row:hover i, input[type='submit'].add-row:focus i, input[type='submit'].add-row:active i, input[type='button'].outline:hover i, input[type='button'].outline:focus i, input[type='button'].outline:active i, input[type='button'].add-row:hover i, input[type='button'].add-row:focus i, input[type='button'].add-row:active i, a.add-row.outline:hover i, a.add-row.outline:focus i, a.add-row.outline:active i, a.add-row.add-row:hover i, a.add-row.add-row:focus i, a.add-row.add-row:active i, a.delete-row.outline:hover i, a.delete-row.outline:focus i, a.delete-row.outline:active i, a.delete-row.add-row:hover i, a.delete-row.add-row:focus i, a.delete-row.add-row:active i, button.closeModal.outline:hover i, button.closeModal.outline:focus i, button.closeModal.outline:active i, button.closeModal.add-row:hover i, button.closeModal.add-row:focus i, button.closeModal.add-row:active i { color: white; } .button.outline[disabled], .button.outline.disabled, .button.add-row[disabled], .button.add-row.disabled, button.outline[disabled], button.outline.disabled, button.add-row[disabled], button.add-row.disabled, input[type='submit'].outline[disabled], input[type='submit'].outline.disabled, input[type='submit'].add-row[disabled], input[type='submit'].add-row.disabled, input[type='button'].outline[disabled], input[type='button'].outline.disabled, input[type='button'].add-row[disabled], input[type='button'].add-row.disabled, a.add-row.outline[disabled], a.add-row.outline.disabled, a.add-row.add-row[disabled], a.add-row.add-row.disabled, a.delete-row.outline[disabled], a.delete-row.outline.disabled, a.delete-row.add-row[disabled], a.delete-row.add-row.disabled, button.closeModal.outline[disabled], button.closeModal.outline.disabled, button.closeModal.add-row[disabled], button.closeModal.add-row.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } .button.outline[disabled] i, .button.outline.disabled i, .button.add-row[disabled] i, .button.add-row.disabled i, button.outline[disabled] i, button.outline.disabled i, button.add-row[disabled] i, button.add-row.disabled i, input[type='submit'].outline[disabled] i, input[type='submit'].outline.disabled i, input[type='submit'].add-row[disabled] i, input[type='submit'].add-row.disabled i, input[type='button'].outline[disabled] i, input[type='button'].outline.disabled i, input[type='button'].add-row[disabled] i, input[type='button'].add-row.disabled i, a.add-row.outline[disabled] i, a.add-row.outline.disabled i, a.add-row.add-row[disabled] i, a.add-row.add-row.disabled i, a.delete-row.outline[disabled] i, a.delete-row.outline.disabled i, a.delete-row.add-row[disabled] i, a.delete-row.add-row.disabled i, button.closeModal.outline[disabled] i, button.closeModal.outline.disabled i, button.closeModal.add-row[disabled] i, button.closeModal.add-row.disabled i { color: rgba(22, 66, 91, 0.25); } .button.outline[disabled]:hover, .button.outline[disabled]:focus, .button.outline[disabled]:active, .button.outline.disabled:hover, .button.outline.disabled:focus, .button.outline.disabled:active, .button.add-row[disabled]:hover, .button.add-row[disabled]:focus, .button.add-row[disabled]:active, .button.add-row.disabled:hover, .button.add-row.disabled:focus, .button.add-row.disabled:active, button.outline[disabled]:hover, button.outline[disabled]:focus, button.outline[disabled]:active, button.outline.disabled:hover, button.outline.disabled:focus, button.outline.disabled:active, button.add-row[disabled]:hover, button.add-row[disabled]:focus, button.add-row[disabled]:active, button.add-row.disabled:hover, button.add-row.disabled:focus, button.add-row.disabled:active, input[type='submit'].outline[disabled]:hover, input[type='submit'].outline[disabled]:focus, input[type='submit'].outline[disabled]:active, input[type='submit'].outline.disabled:hover, input[type='submit'].outline.disabled:focus, input[type='submit'].outline.disabled:active, input[type='submit'].add-row[disabled]:hover, input[type='submit'].add-row[disabled]:focus, input[type='submit'].add-row[disabled]:active, input[type='submit'].add-row.disabled:hover, input[type='submit'].add-row.disabled:focus, input[type='submit'].add-row.disabled:active, input[type='button'].outline[disabled]:hover, input[type='button'].outline[disabled]:focus, input[type='button'].outline[disabled]:active, input[type='button'].outline.disabled:hover, input[type='button'].outline.disabled:focus, input[type='button'].outline.disabled:active, input[type='button'].add-row[disabled]:hover, input[type='button'].add-row[disabled]:focus, input[type='button'].add-row[disabled]:active, input[type='button'].add-row.disabled:hover, input[type='button'].add-row.disabled:focus, input[type='button'].add-row.disabled:active, a.add-row.outline[disabled]:hover, a.add-row.outline[disabled]:focus, a.add-row.outline[disabled]:active, a.add-row.outline.disabled:hover, a.add-row.outline.disabled:focus, a.add-row.outline.disabled:active, a.add-row.add-row[disabled]:hover, a.add-row.add-row[disabled]:focus, a.add-row.add-row[disabled]:active, a.add-row.add-row.disabled:hover, a.add-row.add-row.disabled:focus, a.add-row.add-row.disabled:active, a.delete-row.outline[disabled]:hover, a.delete-row.outline[disabled]:focus, a.delete-row.outline[disabled]:active, a.delete-row.outline.disabled:hover, a.delete-row.outline.disabled:focus, a.delete-row.outline.disabled:active, a.delete-row.add-row[disabled]:hover, a.delete-row.add-row[disabled]:focus, a.delete-row.add-row[disabled]:active, a.delete-row.add-row.disabled:hover, a.delete-row.add-row.disabled:focus, a.delete-row.add-row.disabled:active, button.closeModal.outline[disabled]:hover, button.closeModal.outline[disabled]:focus, button.closeModal.outline[disabled]:active, button.closeModal.outline.disabled:hover, button.closeModal.outline.disabled:focus, button.closeModal.outline.disabled:active, button.closeModal.add-row[disabled]:hover, button.closeModal.add-row[disabled]:focus, button.closeModal.add-row[disabled]:active, button.closeModal.add-row.disabled:hover, button.closeModal.add-row.disabled:focus, button.closeModal.add-row.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } .button.outline[disabled]:hover i, .button.outline[disabled]:focus i, .button.outline[disabled]:active i, .button.outline.disabled:hover i, .button.outline.disabled:focus i, .button.outline.disabled:active i, .button.add-row[disabled]:hover i, .button.add-row[disabled]:focus i, .button.add-row[disabled]:active i, .button.add-row.disabled:hover i, .button.add-row.disabled:focus i, .button.add-row.disabled:active i, button.outline[disabled]:hover i, button.outline[disabled]:focus i, button.outline[disabled]:active i, button.outline.disabled:hover i, button.outline.disabled:focus i, button.outline.disabled:active i, button.add-row[disabled]:hover i, button.add-row[disabled]:focus i, button.add-row[disabled]:active i, button.add-row.disabled:hover i, button.add-row.disabled:focus i, button.add-row.disabled:active i, input[type='submit'].outline[disabled]:hover i, input[type='submit'].outline[disabled]:focus i, input[type='submit'].outline[disabled]:active i, input[type='submit'].outline.disabled:hover i, input[type='submit'].outline.disabled:focus i, input[type='submit'].outline.disabled:active i, input[type='submit'].add-row[disabled]:hover i, input[type='submit'].add-row[disabled]:focus i, input[type='submit'].add-row[disabled]:active i, input[type='submit'].add-row.disabled:hover i, input[type='submit'].add-row.disabled:focus i, input[type='submit'].add-row.disabled:active i, input[type='button'].outline[disabled]:hover i, input[type='button'].outline[disabled]:focus i, input[type='button'].outline[disabled]:active i, input[type='button'].outline.disabled:hover i, input[type='button'].outline.disabled:focus i, input[type='button'].outline.disabled:active i, input[type='button'].add-row[disabled]:hover i, input[type='button'].add-row[disabled]:focus i, input[type='button'].add-row[disabled]:active i, input[type='button'].add-row.disabled:hover i, input[type='button'].add-row.disabled:focus i, input[type='button'].add-row.disabled:active i, a.add-row.outline[disabled]:hover i, a.add-row.outline[disabled]:focus i, a.add-row.outline[disabled]:active i, a.add-row.outline.disabled:hover i, a.add-row.outline.disabled:focus i, a.add-row.outline.disabled:active i, a.add-row.add-row[disabled]:hover i, a.add-row.add-row[disabled]:focus i, a.add-row.add-row[disabled]:active i, a.add-row.add-row.disabled:hover i, a.add-row.add-row.disabled:focus i, a.add-row.add-row.disabled:active i, a.delete-row.outline[disabled]:hover i, a.delete-row.outline[disabled]:focus i, a.delete-row.outline[disabled]:active i, a.delete-row.outline.disabled:hover i, a.delete-row.outline.disabled:focus i, a.delete-row.outline.disabled:active i, a.delete-row.add-row[disabled]:hover i, a.delete-row.add-row[disabled]:focus i, a.delete-row.add-row[disabled]:active i, a.delete-row.add-row.disabled:hover i, a.delete-row.add-row.disabled:focus i, a.delete-row.add-row.disabled:active i, button.closeModal.outline[disabled]:hover i, button.closeModal.outline[disabled]:focus i, button.closeModal.outline[disabled]:active i, button.closeModal.outline.disabled:hover i, button.closeModal.outline.disabled:focus i, button.closeModal.outline.disabled:active i, button.closeModal.add-row[disabled]:hover i, button.closeModal.add-row[disabled]:focus i, button.closeModal.add-row[disabled]:active i, button.closeModal.add-row.disabled:hover i, button.closeModal.add-row.disabled:focus i, button.closeModal.add-row.disabled:active i { color: rgba(22, 66, 91, 0.25); } .button.outline[disabled], .button.add-row[disabled], button.outline[disabled], button.add-row[disabled], input[type='submit'].outline[disabled], input[type='submit'].add-row[disabled], input[type='button'].outline[disabled], input[type='button'].add-row[disabled], a.add-row.outline[disabled], a.add-row.add-row[disabled], a.delete-row.outline[disabled], a.delete-row.add-row[disabled], button.closeModal.outline[disabled], button.closeModal.add-row[disabled] { background: #7F7F98; pointer-events: none; } .button.outline[disabled]:hover, .button.outline[disabled]:active, .button.outline[disabled]:focus, .button.add-row[disabled]:hover, .button.add-row[disabled]:active, .button.add-row[disabled]:focus, button.outline[disabled]:hover, button.outline[disabled]:active, button.outline[disabled]:focus, button.add-row[disabled]:hover, button.add-row[disabled]:active, button.add-row[disabled]:focus, input[type='submit'].outline[disabled]:hover, input[type='submit'].outline[disabled]:active, input[type='submit'].outline[disabled]:focus, input[type='submit'].add-row[disabled]:hover, input[type='submit'].add-row[disabled]:active, input[type='submit'].add-row[disabled]:focus, input[type='button'].outline[disabled]:hover, input[type='button'].outline[disabled]:active, input[type='button'].outline[disabled]:focus, input[type='button'].add-row[disabled]:hover, input[type='button'].add-row[disabled]:active, input[type='button'].add-row[disabled]:focus, a.add-row.outline[disabled]:hover, a.add-row.outline[disabled]:active, a.add-row.outline[disabled]:focus, a.add-row.add-row[disabled]:hover, a.add-row.add-row[disabled]:active, a.add-row.add-row[disabled]:focus, a.delete-row.outline[disabled]:hover, a.delete-row.outline[disabled]:active, a.delete-row.outline[disabled]:focus, a.delete-row.add-row[disabled]:hover, a.delete-row.add-row[disabled]:active, a.delete-row.add-row[disabled]:focus, button.closeModal.outline[disabled]:hover, button.closeModal.outline[disabled]:active, button.closeModal.outline[disabled]:focus, button.closeModal.add-row[disabled]:hover, button.closeModal.add-row[disabled]:active, button.closeModal.add-row[disabled]:focus { background: #7F7F98; color: white; } .button.outline.undo, .button.add-row.undo, button.outline.undo, button.add-row.undo, input[type='submit'].outline.undo, input[type='submit'].add-row.undo, input[type='button'].outline.undo, input[type='button'].add-row.undo, a.add-row.outline.undo, a.add-row.add-row.undo, a.delete-row.outline.undo, a.delete-row.add-row.undo, button.closeModal.outline.undo, button.closeModal.add-row.undo { position: relative; } .button.outline.undo svg, .button.add-row.undo svg, button.outline.undo svg, button.add-row.undo svg, input[type='submit'].outline.undo svg, input[type='submit'].add-row.undo svg, input[type='button'].outline.undo svg, input[type='button'].add-row.undo svg, a.add-row.outline.undo svg, a.add-row.add-row.undo svg, a.delete-row.outline.undo svg, a.delete-row.add-row.undo svg, button.closeModal.outline.undo svg, button.closeModal.add-row.undo svg { display: inline-block; } .button.add-row, .button.delete-row, button.add-row, button.delete-row, input[type='submit'].add-row, input[type='submit'].delete-row, input[type='button'].add-row, input[type='button'].delete-row, a.add-row.add-row, a.add-row.delete-row, a.delete-row.add-row, a.delete-row.delete-row, button.closeModal.add-row, button.closeModal.delete-row { text-transform: capitalize; } .button.add-row, button.add-row, input[type='submit'].add-row, input[type='button'].add-row, a.add-row.add-row, a.delete-row.add-row, button.closeModal.add-row { margin-top: 10px; width: 100%; } .button[disabled], button[disabled], input[type='submit'][disabled], input[type='button'][disabled], a.add-row[disabled], a.delete-row[disabled], button.closeModal[disabled] { opacity: 0.5; cursor: not-allowed; opacity: 0.5; color: #5a5a70; background: #7F7F98; } .button[disabled]:hover, .button[disabled]:focus, .button[disabled]:active, button[disabled]:hover, button[disabled]:focus, button[disabled]:active, input[type='submit'][disabled]:hover, input[type='submit'][disabled]:focus, input[type='submit'][disabled]:active, input[type='button'][disabled]:hover, input[type='button'][disabled]:focus, input[type='button'][disabled]:active, a.add-row[disabled]:hover, a.add-row[disabled]:focus, a.add-row[disabled]:active, a.delete-row[disabled]:hover, a.delete-row[disabled]:focus, a.delete-row[disabled]:active, button.closeModal[disabled]:hover, button.closeModal[disabled]:focus, button.closeModal[disabled]:active { color: #5a5a70; background: #7F7F98; } .button.closeModal, button.closeModal, input[type='submit'].closeModal, input[type='button'].closeModal, a.add-row.closeModal, a.delete-row.closeModal, button.closeModal.closeModal { -o-border-radius: 0 3px 0 0; -ms-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; display: block; overflow: visible; background: transparent; width: 35px; height: 35px; margin: 0; padding: 0; color: #FE5F55; border: 0; outline: 0; } .button.closeModal:hover, .button.closeModal:focus, button.closeModal:hover, button.closeModal:focus, input[type='submit'].closeModal:hover, input[type='submit'].closeModal:focus, input[type='button'].closeModal:hover, input[type='button'].closeModal:focus, a.add-row.closeModal:hover, a.add-row.closeModal:focus, a.delete-row.closeModal:hover, a.delete-row.closeModal:focus, button.closeModal.closeModal:hover, button.closeModal.closeModal:focus { background: #FE5F55; color: white; } input[type='submit'] { padding: 0 10px; } .actions { padding: 15px; text-align: center; width: 100%; } .actions.secondary a, .actions.secondary input, .actions.secondary button { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 0; } .actions.secondary a i, .actions.secondary input i, .actions.secondary button i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .actions.secondary a i, .actions.secondary input i, .actions.secondary button i { display: inline-block; margin-right: 4px; } .actions.secondary a:hover, .actions.secondary a:focus, .actions.secondary a:active, .actions.secondary input:hover, .actions.secondary input:focus, .actions.secondary input:active, .actions.secondary button:hover, .actions.secondary button:focus, .actions.secondary button:active { color: #2D93AD; background: transparent; text-decoration: underline; } .actions.secondary a:hover i, .actions.secondary a:focus i, .actions.secondary a:active i, .actions.secondary input:hover i, .actions.secondary input:focus i, .actions.secondary input:active i, .actions.secondary button:hover i, .actions.secondary button:focus i, .actions.secondary button:active i { color: #2D93AD; } .actions.secondary a:hover .circleBackground, .actions.secondary a:focus .circleBackground, .actions.secondary a:active .circleBackground, .actions.secondary input:hover .circleBackground, .actions.secondary input:focus .circleBackground, .actions.secondary input:active .circleBackground, .actions.secondary button:hover .circleBackground, .actions.secondary button:focus .circleBackground, .actions.secondary button:active .circleBackground { stroke: white; } .actions.secondary a svg, .actions.secondary input svg, .actions.secondary button svg { margin: 0 4px; vertical-align: middle; width: 18px; height: 18px; position: relative; top: -3px; } .actions.secondary a .circleBackground, .actions.secondary input .circleBackground, .actions.secondary button .circleBackground { stroke: #E1E8F0; } .actions.secondary a .circle, .actions.secondary input .circle, .actions.secondary button .circle { stroke: #2D93AD; } .actions.secondary a[disabled], .actions.secondary a.disabled, .actions.secondary input[disabled], .actions.secondary input.disabled, .actions.secondary button[disabled], .actions.secondary button.disabled { color: rgba(127, 127, 152, 0.5) !important; } .actions.secondary a[disabled]:hover, .actions.secondary a[disabled]:active, .actions.secondary a[disabled]:focus, .actions.secondary a.disabled:hover, .actions.secondary a.disabled:active, .actions.secondary a.disabled:focus, .actions.secondary input[disabled]:hover, .actions.secondary input[disabled]:active, .actions.secondary input[disabled]:focus, .actions.secondary input.disabled:hover, .actions.secondary input.disabled:active, .actions.secondary input.disabled:focus, .actions.secondary button[disabled]:hover, .actions.secondary button[disabled]:active, .actions.secondary button[disabled]:focus, .actions.secondary button.disabled:hover, .actions.secondary button.disabled:active, .actions.secondary button.disabled:focus { text-decoration: none; color: rgba(127, 127, 152, 0.5) !important; } .actions.secondary a[disabled]:hover i, .actions.secondary a[disabled]:active i, .actions.secondary a[disabled]:focus i, .actions.secondary a.disabled:hover i, .actions.secondary a.disabled:active i, .actions.secondary a.disabled:focus i, .actions.secondary input[disabled]:hover i, .actions.secondary input[disabled]:active i, .actions.secondary input[disabled]:focus i, .actions.secondary input.disabled:hover i, .actions.secondary input.disabled:active i, .actions.secondary input.disabled:focus i, .actions.secondary button[disabled]:hover i, .actions.secondary button[disabled]:active i, .actions.secondary button[disabled]:focus i, .actions.secondary button.disabled:hover i, .actions.secondary button.disabled:active i, .actions.secondary button.disabled:focus i { color: rgba(127, 127, 152, 0.5) !important; } .actions.secondary a[disabled], .actions.secondary input[disabled], .actions.secondary button[disabled] { background: #7F7F98; pointer-events: none; } .actions.secondary a[disabled]:hover, .actions.secondary a[disabled]:active, .actions.secondary a[disabled]:focus, .actions.secondary input[disabled]:hover, .actions.secondary input[disabled]:active, .actions.secondary input[disabled]:focus, .actions.secondary button[disabled]:hover, .actions.secondary button[disabled]:active, .actions.secondary button[disabled]:focus { background: #7F7F98; color: white; } .actions.secondary a.undo, .actions.secondary input.undo, .actions.secondary button.undo { position: relative; } .actions.secondary a.undo svg, .actions.secondary input.undo svg, .actions.secondary button.undo svg { display: inline-block; } div.home .actions, div.form .actions { margin-top: 25px; } div.home .actions.secondary, div.form .actions.secondary { margin-top: 50px; font-size: 1.1rem; } div.home .actions a:not(.button), div.form .actions a:not(.button) { background: transparent; color: #16425B; text-decoration: underline; } div.home .actions a:not(.button):hover, div.home .actions a:not(.button):focus, div.form .actions a:not(.button):hover, div.form .actions a:not(.button):focus { background: transparent; color: #2D93AD; } div.home .actions a, div.home .actions.secondary a { color: white; } div.home .actions a:hover, div.home .actions a:focus, div.home .actions.secondary a:hover, div.home .actions.secondary a:focus { color: white; } div.home .actions a:not(.button), div.home .actions.secondary a:not(.button) { opacity: 0.5; color: white; } div.home .actions a:not(.button):hover, div.home .actions a:not(.button):focus, div.home .actions.secondary a:not(.button):hover, div.home .actions.secondary a:not(.button):focus { color: white; opacity: 1; } body.form div.actions, body:not(.form) form div.actions { padding: 15px 0; flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; } body.form div.actions a, body.form div.actions input, body.form div.actions button, body:not(.form) form div.actions a, body:not(.form) form div.actions input, body:not(.form) form div.actions button { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; border: 0; background: #16425B; color: white; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; background: #16425B; color: white; } body.form div.actions a i, body.form div.actions input i, body.form div.actions button i, body:not(.form) form div.actions a i, body:not(.form) form div.actions input i, body:not(.form) form div.actions button i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } body.form div.actions a:hover, body.form div.actions a:focus, body.form div.actions a:active, body.form div.actions input:hover, body.form div.actions input:focus, body.form div.actions input:active, body.form div.actions button:hover, body.form div.actions button:focus, body.form div.actions button:active, body:not(.form) form div.actions a:hover, body:not(.form) form div.actions a:focus, body:not(.form) form div.actions a:active, body:not(.form) form div.actions input:hover, body:not(.form) form div.actions input:focus, body:not(.form) form div.actions input:active, body:not(.form) form div.actions button:hover, body:not(.form) form div.actions button:focus, body:not(.form) form div.actions button:active { background: #2D93AD; color: white; } body.form div.actions a[disabled], body.form div.actions input[disabled], body.form div.actions button[disabled], body:not(.form) form div.actions a[disabled], body:not(.form) form div.actions input[disabled], body:not(.form) form div.actions button[disabled] { background: #7F7F98; pointer-events: none; } body.form div.actions a[disabled]:hover, body.form div.actions a[disabled]:active, body.form div.actions a[disabled]:focus, body.form div.actions input[disabled]:hover, body.form div.actions input[disabled]:active, body.form div.actions input[disabled]:focus, body.form div.actions button[disabled]:hover, body.form div.actions button[disabled]:active, body.form div.actions button[disabled]:focus, body:not(.form) form div.actions a[disabled]:hover, body:not(.form) form div.actions a[disabled]:active, body:not(.form) form div.actions a[disabled]:focus, body:not(.form) form div.actions input[disabled]:hover, body:not(.form) form div.actions input[disabled]:active, body:not(.form) form div.actions input[disabled]:focus, body:not(.form) form div.actions button[disabled]:hover, body:not(.form) form div.actions button[disabled]:active, body:not(.form) form div.actions button[disabled]:focus { background: #7F7F98; color: white; } body.form div.actions a.undo, body.form div.actions input.undo, body.form div.actions button.undo, body:not(.form) form div.actions a.undo, body:not(.form) form div.actions input.undo, body:not(.form) form div.actions button.undo { position: relative; } body.form div.actions a.undo svg, body.form div.actions input.undo svg, body.form div.actions button.undo svg, body:not(.form) form div.actions a.undo svg, body:not(.form) form div.actions input.undo svg, body:not(.form) form div.actions button.undo svg { display: inline-block; } body.form div.actions a:hover, body.form div.actions a:focus, body.form div.actions a:active, body.form div.actions input:hover, body.form div.actions input:focus, body.form div.actions input:active, body.form div.actions button:hover, body.form div.actions button:focus, body.form div.actions button:active, body:not(.form) form div.actions a:hover, body:not(.form) form div.actions a:focus, body:not(.form) form div.actions a:active, body:not(.form) form div.actions input:hover, body:not(.form) form div.actions input:focus, body:not(.form) form div.actions input:active, body:not(.form) form div.actions button:hover, body:not(.form) form div.actions button:focus, body:not(.form) form div.actions button:active { background: #2D93AD; color: white; } body.form div.actions.secondary a, body.form div.actions.secondary input, body.form div.actions.secondary button, body:not(.form) form div.actions.secondary a, body:not(.form) form div.actions.secondary input, body:not(.form) form div.actions.secondary button { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 0; } body.form div.actions.secondary a i, body.form div.actions.secondary input i, body.form div.actions.secondary button i, body:not(.form) form div.actions.secondary a i, body:not(.form) form div.actions.secondary input i, body:not(.form) form div.actions.secondary button i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } body.form div.actions.secondary a i, body.form div.actions.secondary input i, body.form div.actions.secondary button i, body:not(.form) form div.actions.secondary a i, body:not(.form) form div.actions.secondary input i, body:not(.form) form div.actions.secondary button i { display: inline-block; margin-right: 4px; } body.form div.actions.secondary a:hover, body.form div.actions.secondary a:focus, body.form div.actions.secondary a:active, body.form div.actions.secondary input:hover, body.form div.actions.secondary input:focus, body.form div.actions.secondary input:active, body.form div.actions.secondary button:hover, body.form div.actions.secondary button:focus, body.form div.actions.secondary button:active, body:not(.form) form div.actions.secondary a:hover, body:not(.form) form div.actions.secondary a:focus, body:not(.form) form div.actions.secondary a:active, body:not(.form) form div.actions.secondary input:hover, body:not(.form) form div.actions.secondary input:focus, body:not(.form) form div.actions.secondary input:active, body:not(.form) form div.actions.secondary button:hover, body:not(.form) form div.actions.secondary button:focus, body:not(.form) form div.actions.secondary button:active { color: #2D93AD; background: transparent; text-decoration: underline; } body.form div.actions.secondary a:hover i, body.form div.actions.secondary a:focus i, body.form div.actions.secondary a:active i, body.form div.actions.secondary input:hover i, body.form div.actions.secondary input:focus i, body.form div.actions.secondary input:active i, body.form div.actions.secondary button:hover i, body.form div.actions.secondary button:focus i, body.form div.actions.secondary button:active i, body:not(.form) form div.actions.secondary a:hover i, body:not(.form) form div.actions.secondary a:focus i, body:not(.form) form div.actions.secondary a:active i, body:not(.form) form div.actions.secondary input:hover i, body:not(.form) form div.actions.secondary input:focus i, body:not(.form) form div.actions.secondary input:active i, body:not(.form) form div.actions.secondary button:hover i, body:not(.form) form div.actions.secondary button:focus i, body:not(.form) form div.actions.secondary button:active i { color: #2D93AD; } body.form div.actions.secondary a:hover .circleBackground, body.form div.actions.secondary a:focus .circleBackground, body.form div.actions.secondary a:active .circleBackground, body.form div.actions.secondary input:hover .circleBackground, body.form div.actions.secondary input:focus .circleBackground, body.form div.actions.secondary input:active .circleBackground, body.form div.actions.secondary button:hover .circleBackground, body.form div.actions.secondary button:focus .circleBackground, body.form div.actions.secondary button:active .circleBackground, body:not(.form) form div.actions.secondary a:hover .circleBackground, body:not(.form) form div.actions.secondary a:focus .circleBackground, body:not(.form) form div.actions.secondary a:active .circleBackground, body:not(.form) form div.actions.secondary input:hover .circleBackground, body:not(.form) form div.actions.secondary input:focus .circleBackground, body:not(.form) form div.actions.secondary input:active .circleBackground, body:not(.form) form div.actions.secondary button:hover .circleBackground, body:not(.form) form div.actions.secondary button:focus .circleBackground, body:not(.form) form div.actions.secondary button:active .circleBackground { stroke: white; } body.form div.actions.secondary a svg, body.form div.actions.secondary input svg, body.form div.actions.secondary button svg, body:not(.form) form div.actions.secondary a svg, body:not(.form) form div.actions.secondary input svg, body:not(.form) form div.actions.secondary button svg { margin: 0 4px; vertical-align: middle; width: 18px; height: 18px; position: relative; top: -3px; } body.form div.actions.secondary a .circleBackground, body.form div.actions.secondary input .circleBackground, body.form div.actions.secondary button .circleBackground, body:not(.form) form div.actions.secondary a .circleBackground, body:not(.form) form div.actions.secondary input .circleBackground, body:not(.form) form div.actions.secondary button .circleBackground { stroke: #E1E8F0; } body.form div.actions.secondary a .circle, body.form div.actions.secondary input .circle, body.form div.actions.secondary button .circle, body:not(.form) form div.actions.secondary a .circle, body:not(.form) form div.actions.secondary input .circle, body:not(.form) form div.actions.secondary button .circle { stroke: #2D93AD; } body.form div.actions.secondary a[disabled], body.form div.actions.secondary a.disabled, body.form div.actions.secondary input[disabled], body.form div.actions.secondary input.disabled, body.form div.actions.secondary button[disabled], body.form div.actions.secondary button.disabled, body:not(.form) form div.actions.secondary a[disabled], body:not(.form) form div.actions.secondary a.disabled, body:not(.form) form div.actions.secondary input[disabled], body:not(.form) form div.actions.secondary input.disabled, body:not(.form) form div.actions.secondary button[disabled], body:not(.form) form div.actions.secondary button.disabled { color: rgba(127, 127, 152, 0.5) !important; } body.form div.actions.secondary a[disabled]:hover, body.form div.actions.secondary a[disabled]:active, body.form div.actions.secondary a[disabled]:focus, body.form div.actions.secondary a.disabled:hover, body.form div.actions.secondary a.disabled:active, body.form div.actions.secondary a.disabled:focus, body.form div.actions.secondary input[disabled]:hover, body.form div.actions.secondary input[disabled]:active, body.form div.actions.secondary input[disabled]:focus, body.form div.actions.secondary input.disabled:hover, body.form div.actions.secondary input.disabled:active, body.form div.actions.secondary input.disabled:focus, body.form div.actions.secondary button[disabled]:hover, body.form div.actions.secondary button[disabled]:active, body.form div.actions.secondary button[disabled]:focus, body.form div.actions.secondary button.disabled:hover, body.form div.actions.secondary button.disabled:active, body.form div.actions.secondary button.disabled:focus, body:not(.form) form div.actions.secondary a[disabled]:hover, body:not(.form) form div.actions.secondary a[disabled]:active, body:not(.form) form div.actions.secondary a[disabled]:focus, body:not(.form) form div.actions.secondary a.disabled:hover, body:not(.form) form div.actions.secondary a.disabled:active, body:not(.form) form div.actions.secondary a.disabled:focus, body:not(.form) form div.actions.secondary input[disabled]:hover, body:not(.form) form div.actions.secondary input[disabled]:active, body:not(.form) form div.actions.secondary input[disabled]:focus, body:not(.form) form div.actions.secondary input.disabled:hover, body:not(.form) form div.actions.secondary input.disabled:active, body:not(.form) form div.actions.secondary input.disabled:focus, body:not(.form) form div.actions.secondary button[disabled]:hover, body:not(.form) form div.actions.secondary button[disabled]:active, body:not(.form) form div.actions.secondary button[disabled]:focus, body:not(.form) form div.actions.secondary button.disabled:hover, body:not(.form) form div.actions.secondary button.disabled:active, body:not(.form) form div.actions.secondary button.disabled:focus { text-decoration: none; color: rgba(127, 127, 152, 0.5) !important; } body.form div.actions.secondary a[disabled]:hover i, body.form div.actions.secondary a[disabled]:active i, body.form div.actions.secondary a[disabled]:focus i, body.form div.actions.secondary a.disabled:hover i, body.form div.actions.secondary a.disabled:active i, body.form div.actions.secondary a.disabled:focus i, body.form div.actions.secondary input[disabled]:hover i, body.form div.actions.secondary input[disabled]:active i, body.form div.actions.secondary input[disabled]:focus i, body.form div.actions.secondary input.disabled:hover i, body.form div.actions.secondary input.disabled:active i, body.form div.actions.secondary input.disabled:focus i, body.form div.actions.secondary button[disabled]:hover i, body.form div.actions.secondary button[disabled]:active i, body.form div.actions.secondary button[disabled]:focus i, body.form div.actions.secondary button.disabled:hover i, body.form div.actions.secondary button.disabled:active i, body.form div.actions.secondary button.disabled:focus i, body:not(.form) form div.actions.secondary a[disabled]:hover i, body:not(.form) form div.actions.secondary a[disabled]:active i, body:not(.form) form div.actions.secondary a[disabled]:focus i, body:not(.form) form div.actions.secondary a.disabled:hover i, body:not(.form) form div.actions.secondary a.disabled:active i, body:not(.form) form div.actions.secondary a.disabled:focus i, body:not(.form) form div.actions.secondary input[disabled]:hover i, body:not(.form) form div.actions.secondary input[disabled]:active i, body:not(.form) form div.actions.secondary input[disabled]:focus i, body:not(.form) form div.actions.secondary input.disabled:hover i, body:not(.form) form div.actions.secondary input.disabled:active i, body:not(.form) form div.actions.secondary input.disabled:focus i, body:not(.form) form div.actions.secondary button[disabled]:hover i, body:not(.form) form div.actions.secondary button[disabled]:active i, body:not(.form) form div.actions.secondary button[disabled]:focus i, body:not(.form) form div.actions.secondary button.disabled:hover i, body:not(.form) form div.actions.secondary button.disabled:active i, body:not(.form) form div.actions.secondary button.disabled:focus i { color: rgba(127, 127, 152, 0.5) !important; } body.form div.actions.secondary a[disabled], body.form div.actions.secondary input[disabled], body.form div.actions.secondary button[disabled], body:not(.form) form div.actions.secondary a[disabled], body:not(.form) form div.actions.secondary input[disabled], body:not(.form) form div.actions.secondary button[disabled] { background: #7F7F98; pointer-events: none; } body.form div.actions.secondary a[disabled]:hover, body.form div.actions.secondary a[disabled]:active, body.form div.actions.secondary a[disabled]:focus, body.form div.actions.secondary input[disabled]:hover, body.form div.actions.secondary input[disabled]:active, body.form div.actions.secondary input[disabled]:focus, body.form div.actions.secondary button[disabled]:hover, body.form div.actions.secondary button[disabled]:active, body.form div.actions.secondary button[disabled]:focus, body:not(.form) form div.actions.secondary a[disabled]:hover, body:not(.form) form div.actions.secondary a[disabled]:active, body:not(.form) form div.actions.secondary a[disabled]:focus, body:not(.form) form div.actions.secondary input[disabled]:hover, body:not(.form) form div.actions.secondary input[disabled]:active, body:not(.form) form div.actions.secondary input[disabled]:focus, body:not(.form) form div.actions.secondary button[disabled]:hover, body:not(.form) form div.actions.secondary button[disabled]:active, body:not(.form) form div.actions.secondary button[disabled]:focus { background: #7F7F98; color: white; } body.form div.actions.secondary a.undo, body.form div.actions.secondary input.undo, body.form div.actions.secondary button.undo, body:not(.form) form div.actions.secondary a.undo, body:not(.form) form div.actions.secondary input.undo, body:not(.form) form div.actions.secondary button.undo { position: relative; } body.form div.actions.secondary a.undo svg, body.form div.actions.secondary input.undo svg, body.form div.actions.secondary button.undo svg, body:not(.form) form div.actions.secondary a.undo svg, body:not(.form) form div.actions.secondary input.undo svg, body:not(.form) form div.actions.secondary button.undo svg { display: inline-block; } body.form div.actions.flexible, body:not(.form) form div.actions.flexible { flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } body.form div.actions.flexible a, body.form div.actions.flexible input, body.form div.actions.flexible button, body:not(.form) form div.actions.flexible a, body:not(.form) form div.actions.flexible input, body:not(.form) form div.actions.flexible button { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; margin-bottom: 8px; } body.form div.actions.fixed, body div.actions.fixed { -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -o-box-shadow: 0px -1px 3px 0px rgba(42, 61, 71, 0.3); -ms-box-shadow: 0px -1px 3px 0px rgba(42, 61, 71, 0.3); -moz-box-shadow: 0px -1px 3px 0px rgba(42, 61, 71, 0.3); -webkit-box-shadow: 0px -1px 3px 0px rgba(42, 61, 71, 0.3); box-shadow: 0px -1px 3px 0px rgba(42, 61, 71, 0.3); border-top: 3px solid #d0dbe8; display: block; background: #E1E8F0; position: fixed; bottom: 0; left: 0; width: 100%; padding: 15px; text-align: center; z-index: 9999; } body.form div.actions.fixed.modified, body div.actions.fixed.modified { border-top: 3px solid #2D93AD; background: #E1E8F0; } body.form div.actions.fixed.dropped, body div.actions.fixed.dropped { -o-box-shadow: 0px 0px 0px 0px transparent; -ms-box-shadow: 0px 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; bottom: -70px; } .modal .actions { padding-bottom: 0; padding-top: 25px; } @media (max-width: 480px) { .modal .actions { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; padding-left: 0; padding-right: 0; } .modal .actions > * { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; margin: 0 5px; } } .switch { display: inline-block; } .switch input[type='checkbox'] { position: absolute; opacity: 0; } .switch input[type='checkbox'] + label { cursor: pointer; color: rgba(22, 66, 91, 0.25); display: inline-block; float: none; line-height: 25px; height: 25px; margin: 0; padding: 0px 0px 0px 45px; position: relative; white-space: nowrap; } .switch input[type='checkbox'] + label:before, .switch input[type='checkbox'] + label:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: left 0.15s ease 0s; -ms-transition: left 0.15s ease 0s; -moz-transition: left 0.15s ease 0s; -webkit-transition: left 0.15s ease 0s; transition: left 0.15s ease 0s; content: ""; border-radius: 50px; position: absolute; } .switch input[type='checkbox'] + label:before { width: 40px; height: 25px; top: 0; left: 0; background: rgba(22, 66, 91, 0.15); } .switch input[type='checkbox'] + label:after { width: 19px; height: 19px; background: rgba(22, 66, 91, 0.25); top: 3px; left: 3px; padding: 1px 0 0 1px; font-size: 12px; font-weight: normal; text-align: center; line-height: 19px; } .switch input[type='checkbox'] + label:hover, .switch input[type='checkbox'] + label:focus { color: rgba(22, 66, 91, 0.75); } .switch input[type='checkbox'] + label:hover:before, .switch input[type='checkbox'] + label:focus:before { background: rgba(22, 66, 91, 0.25); } .switch input[type='checkbox'] + label:hover:after, .switch input[type='checkbox'] + label:focus:after { background: rgba(22, 66, 91, 0.5); } .switch input[type='checkbox']:focus + label:before { background: rgba(22, 66, 91, 0.25); } .switch input[type='checkbox']:checked:focus + label:before { background: rgba(165, 239, 192, 0.8); } .switch input[type='checkbox']:checked:focus + label:after { background: #26d567; } .switch input[type='checkbox']:checked + label { color: rgba(30, 170, 82, 0.75); } .switch input[type='checkbox']:checked + label:before { background: rgba(30, 170, 82, 0.35); } .switch input[type='checkbox']:checked + label:after { content: ""; background: #1EAA52; color: rgba(255, 255, 255, 0.8); font-family: FontAwesome; left: 18px; } .switch input[type='checkbox']:checked + label:hover, .switch input[type='checkbox']:checked + label:focus { color: #1EAA52; } .switch input[type='checkbox']:checked + label:hover a, .switch input[type='checkbox']:checked + label:focus a { color: #1EAA52; } .switch input[type='checkbox']:checked + label:hover:before, .switch input[type='checkbox']:checked + label:focus:before { background: rgba(165, 239, 192, 0.8); } .switch input[type='checkbox']:checked + label:hover:after, .switch input[type='checkbox']:checked + label:focus:after { background: #26d567; } .switch.locked input[type='checkbox'] + label { cursor: default; } .switch.locked input[type='checkbox'] + label:hover, .switch.locked input[type='checkbox'] + label:focus { color: rgba(30, 170, 82, 0.75); } .switch.locked input[type='checkbox'] + label:hover:before, .switch.locked input[type='checkbox'] + label:focus:before { background: rgba(30, 170, 82, 0.35); } .switch.locked input[type='checkbox'] + label:hover:after, .switch.locked input[type='checkbox'] + label:focus:after { background: #1EAA52; } .switch.locked input[type='checkbox'] + label:after { content: ""; } .switch + ul.errorlist { clear: both; margin-top: 10px; } .switch + ul.errorlist li { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .checkbox { display: inline-block; } .checkbox input[type='checkbox'] { position: absolute; opacity: 0; } .checkbox input[type='checkbox'] + label { cursor: pointer; color: rgba(22, 66, 91, 0.25); display: inline-block; float: none; line-height: 25px; height: 25px; margin: 0; padding: 0px 0px 0px 45px; position: relative; white-space: nowrap; } .checkbox input[type='checkbox'] + label:before, .checkbox input[type='checkbox'] + label:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: left 0.15s ease 0s; -ms-transition: left 0.15s ease 0s; -moz-transition: left 0.15s ease 0s; -webkit-transition: left 0.15s ease 0s; transition: left 0.15s ease 0s; content: ""; border-radius: 50px; position: absolute; } .checkbox input[type='checkbox'] + label:before { width: 40px; height: 25px; top: 0; left: 0; background: rgba(22, 66, 91, 0.15); } .checkbox input[type='checkbox'] + label:after { width: 19px; height: 19px; background: rgba(22, 66, 91, 0.25); top: 3px; left: 3px; padding: 1px 0 0 1px; font-size: 12px; font-weight: normal; text-align: center; line-height: 19px; } .checkbox input[type='checkbox'] + label:hover, .checkbox input[type='checkbox'] + label:focus { color: rgba(22, 66, 91, 0.75); } .checkbox input[type='checkbox'] + label:hover:before, .checkbox input[type='checkbox'] + label:focus:before { background: rgba(22, 66, 91, 0.25); } .checkbox input[type='checkbox'] + label:hover:after, .checkbox input[type='checkbox'] + label:focus:after { background: rgba(22, 66, 91, 0.5); } .checkbox input[type='checkbox']:focus + label:before { background: rgba(22, 66, 91, 0.25); } .checkbox input[type='checkbox']:checked:focus + label:before { background: rgba(165, 239, 192, 0.8); } .checkbox input[type='checkbox']:checked:focus + label:after { background: #26d567; } .checkbox input[type='checkbox']:checked + label { color: rgba(30, 170, 82, 0.75); } .checkbox input[type='checkbox']:checked + label:before { background: rgba(30, 170, 82, 0.35); } .checkbox input[type='checkbox']:checked + label:after { content: ""; background: #1EAA52; color: rgba(255, 255, 255, 0.8); font-family: FontAwesome; left: 18px; } .checkbox input[type='checkbox']:checked + label:hover, .checkbox input[type='checkbox']:checked + label:focus { color: #1EAA52; } .checkbox input[type='checkbox']:checked + label:hover a, .checkbox input[type='checkbox']:checked + label:focus a { color: #1EAA52; } .checkbox input[type='checkbox']:checked + label:hover:before, .checkbox input[type='checkbox']:checked + label:focus:before { background: rgba(165, 239, 192, 0.8); } .checkbox input[type='checkbox']:checked + label:hover:after, .checkbox input[type='checkbox']:checked + label:focus:after { background: #26d567; } .checkbox.locked input[type='checkbox'] + label { cursor: default; } .checkbox.locked input[type='checkbox'] + label:hover, .checkbox.locked input[type='checkbox'] + label:focus { color: rgba(30, 170, 82, 0.75); } .checkbox.locked input[type='checkbox'] + label:hover:before, .checkbox.locked input[type='checkbox'] + label:focus:before { background: rgba(30, 170, 82, 0.35); } .checkbox.locked input[type='checkbox'] + label:hover:after, .checkbox.locked input[type='checkbox'] + label:focus:after { background: #1EAA52; } .checkbox.locked input[type='checkbox'] + label:after { content: ""; } .checkbox + ul.errorlist { clear: both; margin-top: 10px; } .checkbox + ul.errorlist li { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='tel'], input[type='url'], input[type='date'], input[type='file'], textarea, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: white; border: 1px solid rgba(127, 127, 152, 0.5); outline: 0; color: #5A5A70; display: inline-block; font-size: 16px; line-height: 33px; height: 43px; font-family: 'Nunito Sans', sans-serif; margin: 0px; padding: 5px 10px; width: 100%; } input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='url']:focus, input[type='date']:focus, input[type='file']:focus, textarea:focus, select:focus, textarea:focus { border-color: #2D93AD; } input[type='text'][disabled], input[type='password'][disabled], input[type='email'][disabled], input[type='search'][disabled], input[type='number'][disabled], input[type='tel'][disabled], input[type='url'][disabled], input[type='date'][disabled], input[type='file'][disabled], textarea[disabled], select[disabled], textarea[disabled] { opacity: 0.5; cursor: not-allowed; background: #F0F5F8; } input[type='text'][readonly], input[type='password'][readonly], input[type='email'][readonly], input[type='search'][readonly], input[type='number'][readonly], input[type='tel'][readonly], input[type='url'][readonly], input[type='date'][readonly], input[type='file'][readonly], textarea[readonly], select[readonly], textarea[readonly] { border: 0; background: transparent; font-size: 1.4rem; cursor: default; padding-left: 0; padding-right: 0; } *::-webkit-input-placeholder { color: #a9a9ba; font-style: italic; opacity: 0.6; } *:-moz-placeholder { color: #a9a9ba; font-style: italic; opacity: 0.6; } *::-moz-placeholder { color: #a9a9ba; font-style: italic; opacity: 0.6; } *:-ms-input-placeholder { color: #a9a9ba; font-style: italic; opacity: 0.6; } input[type='file'] { background: transparent; border: 0px; outline: 0; line-height: 10px; height: auto; padding: 0; } input[type='search'] { -webkit-appearance: none; } input[type='checkbox'], input[type='radio'] { margin: 0; padding: 0; outline: 0; } textarea { line-height: 1.3; overflow: auto; padding: 8px 10px; min-height: 52px; } label { display: inline-block; margin-bottom: 5px; font-size: 1.2rem; color: #7F7F98; font-weight: bold; } .formField { margin-top: 20px; } .formField label { float: left; } .formField label ~ p { float: left; margin-bottom: 20px; width: 100%; } .formField label + p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(127, 127, 152, 0.5); outline: 0; color: #5A5A70; display: inline-block; font-size: 16px; line-height: 33px; height: 43px; font-family: 'Nunito Sans', sans-serif; margin: 0 0 20px 0; padding: 5px 10px; width: 100%; } .formField.reason label { float: none; display: block; } input + label { margin-top: 20px; } form > p { margin-top: 20px; } ul.notifications { list-style: none; margin: 0; padding: 0; } ul.notifications li { margin: 0; padding: 0 0 10px 0; } ul.notifications li div.singleCheckbox label { width: 100%; } .decisionForm .formField.title input[type='text'] { -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; outline: 0; border-width: 0 0 1px 0; padding: 5px 0; font-size: 2rem; } .decisionForm .formField.copied_users { -moz-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; } .dueResponderTags { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .dueResponderTags .due { -moz-box-flex: 0 0 190px; -ms-flex: 0 0 190px; flex: 0 0 190px; -webkit-box-flex: 0 0 190px; -webkit-flex: 0 0 190px; margin-right: 25px; } .dueResponderTags .due .SingleDatePicker .SingleDatePickerInput .DateInput { min-width: 114px; } .dueResponderTags .responder { -moz-box-flex: 1 0 200px; -ms-flex: 1 0 200px; flex: 1 0 200px; -webkit-box-flex: 1 0 200px; -webkit-flex: 1 0 200px; margin-right: 25px; } .dueResponderTags .tags { -moz-box-flex: 1 0 200px; -ms-flex: 1 0 200px; flex: 1 0 200px; -webkit-box-flex: 1 0 200px; -webkit-flex: 1 0 200px; } div.manageTags { margin-bottom: 30px; } div.manageTags > form { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: 10px; padding: 0; } div.manageTags > form > * { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; } div.manageTags > form > div.formField { margin: 0; position: relative; } div.manageTags > form > div.formField input { height: 35px; line-height: 35px; } div.manageTags > form > div.formField label { display: none; } div.manageTags > form > .add { max-width: 100px; margin: 0 0 0 10px; max-height: 35px; padding: 0 10px; line-height: 35px; } div.manageTags .tagList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html div.manageTags .tagList { height: 1px; } div.manageTags .tagList .tag { -o-border-radius: 40px; -ms-border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; display: inline-block; background: rgba(22, 66, 91, 0.2); color: #16425B; padding: 2px 36px 1px 10px; margin: 0 5px 5px 0; float: left; font-size: 12px; text-decoration: none; white-space: nowrap; line-height: 22px; position: relative; } div.manageTags .tagList .tag a, div.manageTags .tagList .tag a.delete-row { -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -o-border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 0; position: absolute; right: 3px; top: 3px; background: #16425B; color: white; margin: 0px; display: block; text-align: center; width: 19px; height: 19px; line-height: 19px; } div.manageTags .tagList .tag a:hover, div.manageTags .tagList .tag a:focus, div.manageTags .tagList .tag a.delete-row:hover, div.manageTags .tagList .tag a.delete-row:focus { background: #FE5F55; color: white; } ul.users { list-style: none; margin: 0; padding: 0; } ul.users > li { margin: 0; padding: 10px 0 10px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } ul.users > li form { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } ul.users > li form > * { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; } ul.users > li a.button, ul.users > li button, ul.users > li input[type='button'], ul.users > li input[type='submit'] { max-height: 35px; padding: 0 10px; line-height: 35px; } ul.users > li div.email { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; padding: 0 5px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 640px) { ul.users > li div.email { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; min-width: 100%; margin-bottom: 10px; } } ul.users > li div.email strong { color: #5a5a70; font-weight: 700; font-size: 13px; } ul.users > li div.admin.singleCheckbox { text-align: right; padding: 0 5px; margin: 0; } ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label { text-align: center; width: 100%; } ul.users > li a.delete.outline.red { -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 0; font-size: 12px; color: #FE5F55; white-space: nowrap; margin: 0; max-height: 35px; padding: 0 0 0 10px; line-height: 35px; } ul.users > li a.delete.outline.red i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } ul.users > li a.delete.outline.red i { display: inline-block; margin-right: 4px; } ul.users > li a.delete.outline.red:hover, ul.users > li a.delete.outline.red:focus, ul.users > li a.delete.outline.red:active { color: #2D93AD; background: transparent; text-decoration: underline; } ul.users > li a.delete.outline.red:hover i, ul.users > li a.delete.outline.red:focus i, ul.users > li a.delete.outline.red:active i { color: #2D93AD; } ul.users > li a.delete.outline.red:hover .circleBackground, ul.users > li a.delete.outline.red:focus .circleBackground, ul.users > li a.delete.outline.red:active .circleBackground { stroke: white; } ul.users > li a.delete.outline.red svg { margin: 0 4px; vertical-align: middle; width: 18px; height: 18px; position: relative; top: -3px; } ul.users > li a.delete.outline.red .circleBackground { stroke: #E1E8F0; } ul.users > li a.delete.outline.red .circle { stroke: #2D93AD; } ul.users > li a.delete.outline.red[disabled], ul.users > li a.delete.outline.red.disabled { color: rgba(127, 127, 152, 0.5) !important; } ul.users > li a.delete.outline.red[disabled]:hover, ul.users > li a.delete.outline.red[disabled]:active, ul.users > li a.delete.outline.red[disabled]:focus, ul.users > li a.delete.outline.red.disabled:hover, ul.users > li a.delete.outline.red.disabled:active, ul.users > li a.delete.outline.red.disabled:focus { text-decoration: none; color: rgba(127, 127, 152, 0.5) !important; } ul.users > li a.delete.outline.red[disabled]:hover i, ul.users > li a.delete.outline.red[disabled]:active i, ul.users > li a.delete.outline.red[disabled]:focus i, ul.users > li a.delete.outline.red.disabled:hover i, ul.users > li a.delete.outline.red.disabled:active i, ul.users > li a.delete.outline.red.disabled:focus i { color: rgba(127, 127, 152, 0.5) !important; } ul.users > li a.delete.outline.red[disabled] { background: #7F7F98; pointer-events: none; } ul.users > li a.delete.outline.red[disabled]:hover, ul.users > li a.delete.outline.red[disabled]:active, ul.users > li a.delete.outline.red[disabled]:focus { background: #7F7F98; color: white; } ul.users > li a.delete.outline.red.undo { position: relative; } ul.users > li a.delete.outline.red.undo svg { display: inline-block; } ul.users > li a.delete.outline.red:hover, ul.users > li a.delete.outline.red:focus, ul.users > li a.delete.outline.red:active { color: #ff463a; } ul.users > li a.delete.outline.red:hover i, ul.users > li a.delete.outline.red:focus i, ul.users > li a.delete.outline.red:active i { color: #ff463a; } ul.users > li a.resend.outline { -moz-box-flex: 0 1 110px; -ms-flex: 0 1 110px; flex: 0 1 110px; -webkit-box-flex: 0 1 110px; -webkit-flex: 0 1 110px; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 0; font-size: 12px; white-space: nowrap; margin: 0; max-height: 35px; padding: 0 10px 0 0; line-height: 35px; } ul.users > li a.resend.outline i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } ul.users > li a.resend.outline i { display: inline-block; margin-right: 4px; } ul.users > li a.resend.outline:hover, ul.users > li a.resend.outline:focus, ul.users > li a.resend.outline:active { color: #2D93AD; background: transparent; text-decoration: underline; } ul.users > li a.resend.outline:hover i, ul.users > li a.resend.outline:focus i, ul.users > li a.resend.outline:active i { color: #2D93AD; } ul.users > li a.resend.outline:hover .circleBackground, ul.users > li a.resend.outline:focus .circleBackground, ul.users > li a.resend.outline:active .circleBackground { stroke: white; } ul.users > li a.resend.outline svg { margin: 0 4px; vertical-align: middle; width: 18px; height: 18px; position: relative; top: -3px; } ul.users > li a.resend.outline .circleBackground { stroke: #E1E8F0; } ul.users > li a.resend.outline .circle { stroke: #2D93AD; } ul.users > li a.resend.outline[disabled], ul.users > li a.resend.outline.disabled { color: rgba(127, 127, 152, 0.5) !important; } ul.users > li a.resend.outline[disabled]:hover, ul.users > li a.resend.outline[disabled]:active, ul.users > li a.resend.outline[disabled]:focus, ul.users > li a.resend.outline.disabled:hover, ul.users > li a.resend.outline.disabled:active, ul.users > li a.resend.outline.disabled:focus { text-decoration: none; color: rgba(127, 127, 152, 0.5) !important; } ul.users > li a.resend.outline[disabled]:hover i, ul.users > li a.resend.outline[disabled]:active i, ul.users > li a.resend.outline[disabled]:focus i, ul.users > li a.resend.outline.disabled:hover i, ul.users > li a.resend.outline.disabled:active i, ul.users > li a.resend.outline.disabled:focus i { color: rgba(127, 127, 152, 0.5) !important; } ul.users > li a.resend.outline[disabled] { background: #7F7F98; pointer-events: none; } ul.users > li a.resend.outline[disabled]:hover, ul.users > li a.resend.outline[disabled]:active, ul.users > li a.resend.outline[disabled]:focus { background: #7F7F98; color: white; } ul.users > li a.resend.outline.undo { position: relative; } ul.users > li a.resend.outline.undo svg { display: inline-block; } ul.users > li a.resend.outline.active { cursor: default; color: #1EAA52 !important; } ul.users > li a.resend.outline.active i { color: #1EAA52 !important; } ul.users > li a.resend.outline.active:hover, ul.users > li a.resend.outline.active:focus { color: #1EAA52 !important; } ul.users > li a.resend.outline.active:hover i, ul.users > li a.resend.outline.active:focus i { color: #1EAA52 !important; } @media (max-width: 640px) { ul.users > li:not(.add) > * { max-width: 100% !important; } } ul.users > li.add { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; padding-top: 20px; } ul.users > li.add input[type='email'] { height: 35px; line-height: 35px; margin-right: 10px; } ul.users > li.add div.email { overflow: visible; position: relative; } ul.users > li.add div.add { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; display: block; min-width: 100%; margin-bottom: 8px; } ul.users > li.add div.add strong { color: #5a5a70; font-weight: 700; font-size: 13px; } ul.users > li.add a.add { max-width: 100px; margin: 0 0 0 5px; } ul.users > li a.button, ul.users > li button, ul.users > li input[type='button'], ul.users > li input[type='submit'] { max-height: 35px; padding: 0 10px; line-height: 35px; } ul.users > li.inactive div.email { opacity: 0.5; } div.add-user, ul.users li.add { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; padding-top: 20px; } div.add-user input[type='email'], ul.users li.add input[type='email'] { height: 35px; line-height: 35px; margin-right: 10px; } div.add-user div.email, ul.users li.add div.email { overflow: visible; position: relative; } div.add-user div.admin.singleCheckbox, ul.users li.add div.admin.singleCheckbox { margin: 0 10px; } @media (max-width: 640px) { div.add-user div.admin.singleCheckbox, ul.users li.add div.admin.singleCheckbox { margin-left: 0; padding-left: 0; } } div.add-user div.add, ul.users li.add div.add { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; display: block; min-width: 100%; margin-bottom: 8px; } div.add-user div.add strong, ul.users li.add div.add strong { color: #5a5a70; font-weight: 700; font-size: 13px; } div.add-user a#add-user-button, div.add-user a.add, ul.users li.add a#add-user-button, ul.users li.add a.add { flex: 0 1 auto; min-width: 100px; margin: 0 0 0 5px; height: 35px; } @media (max-width: 640px) { div.add-user a#add-user-button, div.add-user a.add, ul.users li.add a#add-user-button, ul.users li.add a.add { flex: 1 1 auto; } } div.add-user a.delete-row, ul.users li.add a.delete-row { flex: 0 1 auto; min-width: 100px; margin: 0 0 0 5px; height: 35px; } @media (max-width: 640px) { div.add-user a.delete-row, ul.users li.add a.delete-row { flex: 1 1 auto; } } form.settings-form.orgSettings { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; } form.settings-form.orgSettings .formField, form.settings-form.orgSettings input[type='submit'] { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; } form.settings-form.orgSettings input[type='text'] { height: 35px; line-height: 35px; } form.settings-form.orgSettings input[type='submit'] { -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; -webkit-align-self: flex-end; max-height: 35px; padding: 0 10px; line-height: 35px; max-width: 60px; margin-left: 10px; } form.settings-form.orgSettings + .formField:not(.required) label:after { content: ""; } #password-strength { -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; display: block; font-weight: bold; font-size: 11px; line-height: 14px; text-align: center; position: relative; margin-top: 10px; min-height: 0; } #password-strength.strength-0, #password-strength.strength-1, #password-strength.strength-2, #password-strength.strength-3, #password-strength.strength-4 { min-height: 20px; } #password-strength.strength-0:after, #password-strength.strength-1:after, #password-strength.strength-2:after, #password-strength.strength-3:after, #password-strength.strength-4:after { -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FE5F55; position: absolute; left: calc(50% - 5px); top: -5px; } #password-strength:before { content: ""; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; height: 100%; left: 0; display: block; text-align: center; color: white; padding: 4px; white-space: nowrap; height: 20px; } #password-strength.strength-0 { background: #feafaa; } #password-strength.strength-0:before { content: "Very Weak Password"; background: #FE5F55; width: 20%; } #password-strength.strength-0:after { border-bottom-color: #FE5F55; left: calc(10% - 5px); } #password-strength.strength-1 { background: #f9ca8a; } #password-strength.strength-1:before { content: "Weak Password"; background: #F39516; width: 40%; } #password-strength.strength-1:after { border-bottom-color: #F39516; left: calc(20% - 5px); } #password-strength.strength-2 { background: #96c9d6; } #password-strength.strength-2:before { content: "Okay Password"; background: #2D93AD; width: 60%; } #password-strength.strength-2:after { border-bottom-color: #2D93AD; left: calc(30% - 5px); } #password-strength.strength-3 { background: #c5d0d6; } #password-strength.strength-3:before { content: "Good Password"; background: #16425B; width: 80%; } #password-strength.strength-3:after { border-bottom-color: #16425B; left: calc(40% - 5px); } #password-strength.strength-4 { background: #c7ead4; } #password-strength.strength-4:before { content: "Strong Password"; background: #1EAA52; width: 100%; } #password-strength.strength-4:after { border-bottom-color: #1EAA52; left: calc(50% - 5px); } .acceptTos { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .acceptTos input[type='radio'], .acceptTos input[type='checkbox'] { position: absolute; opacity: 0; } .acceptTos input[type='radio'] + label, .acceptTos input[type='checkbox'] + label { cursor: pointer; color: rgba(22, 66, 91, 0.25); display: inline-block; line-height: 25px; float: none; height: 25px; margin: 0; padding: 0px 0px 0px 30px; position: relative; white-space: nowrap; } .acceptTos input[type='radio'] + label:before, .acceptTos input[type='radio'] + label:after, .acceptTos input[type='checkbox'] + label:before, .acceptTos input[type='checkbox'] + label:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: left 0.15s ease 0s; -ms-transition: left 0.15s ease 0s; -moz-transition: left 0.15s ease 0s; -webkit-transition: left 0.15s ease 0s; transition: left 0.15s ease 0s; content: ""; position: absolute; } .acceptTos input[type='radio'] + label:before, .acceptTos input[type='checkbox'] + label:before { border-radius: 4px; width: 25px; height: 25px; top: 0; left: 0; border: 1px solid rgba(22, 66, 91, 0.25); } .acceptTos input[type='radio'] + label:after, .acceptTos input[type='checkbox'] + label:after { border-radius: 3px; width: 19px; height: 19px; top: 3px; left: 3px; padding: 1px 0 0 1px; font-size: 12px; font-weight: normal; text-align: center; line-height: 19px; } .acceptTos input[type='radio'] + label:hover, .acceptTos input[type='radio'] + label:focus, .acceptTos input[type='checkbox'] + label:hover, .acceptTos input[type='checkbox'] + label:focus { color: rgba(22, 66, 91, 0.75); } .acceptTos input[type='radio'] + label:hover:before, .acceptTos input[type='radio'] + label:focus:before, .acceptTos input[type='checkbox'] + label:hover:before, .acceptTos input[type='checkbox'] + label:focus:before { border-color: #2D93AD; } .acceptTos input[type='radio'] + label:hover:after, .acceptTos input[type='radio'] + label:focus:after, .acceptTos input[type='checkbox'] + label:hover:after, .acceptTos input[type='checkbox'] + label:focus:after { background: rgba(45, 147, 173, 0.2); } .acceptTos input[type='radio']:focus + label:before, .acceptTos input[type='checkbox']:focus + label:before { background: rgba(45, 147, 173, 0.2); } .acceptTos input[type='radio']:checked:focus + label:before, .acceptTos input[type='checkbox']:checked:focus + label:before { background: rgba(165, 239, 192, 0.8); } .acceptTos input[type='radio']:checked:focus + label:after, .acceptTos input[type='checkbox']:checked:focus + label:after { background: #26d567; } .acceptTos input[type='radio']:checked + label, .acceptTos input[type='checkbox']:checked + label { color: rgba(30, 170, 82, 0.75); } .acceptTos input[type='radio']:checked + label:before, .acceptTos input[type='checkbox']:checked + label:before { background: rgba(30, 170, 82, 0.35); } .acceptTos input[type='radio']:checked + label:after, .acceptTos input[type='checkbox']:checked + label:after { content: ""; background: #1EAA52; color: rgba(255, 255, 255, 0.8); font-family: FontAwesome; } .acceptTos input[type='radio']:checked + label:hover, .acceptTos input[type='radio']:checked + label:focus, .acceptTos input[type='checkbox']:checked + label:hover, .acceptTos input[type='checkbox']:checked + label:focus { color: #1EAA52; } .acceptTos input[type='radio']:checked + label:hover:before, .acceptTos input[type='radio']:checked + label:focus:before, .acceptTos input[type='checkbox']:checked + label:hover:before, .acceptTos input[type='checkbox']:checked + label:focus:before { border-color: rgba(30, 170, 82, 0.5); background: rgba(165, 239, 192, 0.8); } .acceptTos input[type='radio']:checked + label:hover:after, .acceptTos input[type='radio']:checked + label:focus:after, .acceptTos input[type='checkbox']:checked + label:hover:after, .acceptTos input[type='checkbox']:checked + label:focus:after { background: #26d567; } .acceptTos + ul.errorlist { clear: both; margin-top: 10px; } .acceptTos + ul.errorlist li { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .acceptTos + ul.errorlist { margin-top: -24px; } ul.errorlist.nonfield li { -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } ul.errorlist.nonfield li:after { display: none; } ul.errorlist li, span.error { -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #FE5F55; color: white; display: block; font-weight: bold; font-size: 11px; line-height: 14px; padding: 4px; text-align: center; position: relative; margin-top: 10px; } ul.errorlist li:after, span.error:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FE5F55; position: absolute; left: calc(50% - 5px); top: -5px; } #respond-decision .error ~ .formField label { color: #fe473c; } #respond-decision .error ~ .formField input, #respond-decision .error ~ .formField textarea { border-color: #FE5F55; } .radioGroup { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .radioGroup label { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; border: 1px solid rgba(0, 0, 0, 0.25); border-width: 1px 0px; cursor: pointer; color: #a9a9ba; line-height: 33px; margin: 0; padding: 0 8px; text-align: center; white-space: nowrap; } .radioGroup label:first-of-type { -o-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-left-width: 1px; } .radioGroup label:last-of-type { -o-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-right-width: 1px; } .radioGroup label:hover { background: rgba(127, 127, 152, 0.25); color: #7F7F98; } .radioGroup input[type='radio'] { position: absolute; opacity: 0; } .radioGroup input[type='radio']:not(:checked) + label + input[type='radio']:not(:checked) + label { border-left-width: 1px; } .radioGroup input[type='radio']:checked + label { color: white; background: #1EAA52; border-color: #1EAA52; z-index: 10; position: relative; } .radioGroup input[type='radio']:checked + label + input + label { border-left: 0; } .rdt input.form-control { font-size: 14px; } .rdtPicker { bottom: 52px; left: calc(50% - 125px); -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -ms-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); background: white; border: 0; border-bottom: 5px solid #2D93AD; } .rdtPicker:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2D93AD; position: absolute; left: calc(50% - 5px); bottom: -10px; } .rdtPicker th, .rdtPicker td { vertical-align: middle; } .rdtPicker td.rdtActive, .rdtPicker td.rdtActive:hover { background-color: #2D93AD; } .SingleDatePicker__picker--portal { z-index: 10000 !important; } .SingleDatePicker .SingleDatePickerInput { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.25); white-space: nowrap; } .SingleDatePicker .SingleDatePickerInput .DateInput { color: #7F7F98; font-size: 16px; line-height: 37px; height: 37px; font-family: 'Nunito Sans', sans-serif; margin: 2px; padding: 0; display: inline-block; min-width: 100px; width: auto; } .SingleDatePicker .SingleDatePickerInput .DateInput input { line-height: 43px; height: 43px; } .SingleDatePicker .SingleDatePickerInput .DateInput .DateInput__display-text--has-input { color: #5A5A70; } .SingleDatePicker .SingleDatePickerInput .DateInput .DateInput__display-text { padding: 0 10px; height: 38px; line-height: 40px; } .SingleDatePicker .SingleDatePickerInput .DateInput .DateInput__display-text.DateInput__display-text--focused { background: rgba(30, 170, 82, 0.2); color: #1EAA52; } .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__clear-date { margin: 0 2px 0 0; padding: 6px; border-radius: 2px; } .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__clear-date:hover, .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__clear-date:focus { background: rgba(254, 95, 85, 0.2); border-radius: 2px; } .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__clear-date:hover svg, .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__clear-date:focus svg { fill: #FE5F55; } .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__clear-date svg { position: relative; top: -1px; } .SingleDatePicker .SingleDatePicker__picker { z-index: 1000; } .SingleDatePicker .DateInput--with-caret:before { top: 58px; } .SingleDatePicker .DateInput--with-caret:after { top: 59px; } .SingleDatePicker__picker .CalendarDay__button { -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .SingleDatePicker__picker .CalendarDay--selected-start, .SingleDatePicker__picker .CalendarDay--selected-end, .SingleDatePicker__picker .CalendarDay--selected { border-color: #1EAA52; background: #1EAA52; } .SingleDatePicker__picker .DayPickerNavigation__prev:hover, .SingleDatePicker__picker .DayPickerNavigation__prev:focus, .SingleDatePicker__picker .DayPickerNavigation__next:hover, .SingleDatePicker__picker .DayPickerNavigation__next:focus { border-color: #2D93AD; background: #2D93AD; } .SingleDatePicker__picker .DayPickerNavigation__prev:hover svg, .SingleDatePicker__picker .DayPickerNavigation__prev:focus svg, .SingleDatePicker__picker .DayPickerNavigation__next:hover svg, .SingleDatePicker__picker .DayPickerNavigation__next:focus svg { fill: white; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 1px 6px 0px 6px; bottom: 10px; right: 10px; border: 0; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:hover, .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:focus, .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:active { color: #2D93AD; background: rgba(45, 147, 173, 0.25); } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:hover .circleBackground, .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:focus .circleBackground, .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:active .circleBackground { stroke: white; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show.undo { padding-left: 26px; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show.undo svg { position: absolute; top: 2px; left: 2px; margin: 0; vertical-align: middle; width: 18px; height: 18px; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show .circleBackground { stroke: #E1E8F0; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show .circle { stroke: #2D93AD; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show[disabled] { background: #7F7F98; pointer-events: none; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show[disabled]:hover, .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show[disabled]:active, .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show[disabled]:focus { background: #7F7F98; color: white; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show.undo { position: relative; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show.undo svg { display: inline-block; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show span { color: #16425B; position: static; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:hover, .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:active { bottom: 10px; right: 10px; border: 0; } .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:hover span, .SingleDatePicker__picker .DayPickerKeyboardShortcuts__show:active span { color: #2D93AD; position: static; } .Select-control { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .Select-placeholder { color: #a9a9ba; font-style: italic; opacity: 0.6; } .Select-placeholder, .Select--single > .Select-control .Select-value { line-height: 47px; max-width: calc(100% - 20px); } .Select-input { height: 41px; } .Select-input > input { height: 26px; } .Select--multi .Select-value { margin-top: 9px; } .Select--multi .Select-value:first-of-type { margin-left: 9px; } .Select-menu-outer { z-index: 1000; } .has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { color: #5A5A70; } .formField.tags .Select--multi .Select-value, .formField.tags .Select-menu-outer { text-transform: uppercase; } .profileSettings { margin-top: 30px; } .profileSettings div.image { float: left; width: 128px; height: 128px; text-align: center; } @media (max-width: 640px) { .profileSettings div.image { float: none; display: block; margin: 0 auto 25px auto; } } .profileSettings div.image > img { -o-border-radius: 64px; -ms-border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; border-radius: 64px; display: block; max-width: 128px; max-height: 128px; } .profileSettings div.image > svg { margin: 0 auto; transform: translate(0, 50px) scale(4); } .profileSettings div.profile { float: right; margin-bottom: 40px; width: calc(100% - 158px); } @media (max-width: 640px) { .profileSettings div.profile { float: none; display: block; width: 100%; } } .profileSettings div.profile .formField { margin: 0 0 15px 0; } .profileSettings div.profile .formField label { margin: 0; } .profileSettings div.profile .formField.name input { -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: transparent; border-width: 0 0 1px 0; font-size: 26px; line-height: 36px; padding: 0 0 8px 0; height: auto; } .profileSettings div.profile #id_avatar { margin: 0 0 5px 0; } div.currentAvatar { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; } div.currentAvatar > * { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; } div.currentAvatar img, div.currentAvatar svg { max-width: 52px; max-height: 52px; border-radius: 52px; margin-right: 10px; } div.formField.avatar > label { display: block; width: 100%; } div.help_text { position: relative; } div.help_text ul { list-style: none; padding: 0; margin: 0; position: absolute; top: -40px; left: calc(100% + 25px); width: 180px; } div.help_text ul li { -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #D3D3D3; position: relative; font-weight: bold; font-size: 11px; line-height: 14px; padding: 4px; text-align: center; } div.help_text ul li:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #D3D3D3; left: -5px; top: calc(50% - 5px); position: absolute; } @media (max-width: 860px) { div.help_text ul li:after { border: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #D3D3D3; left: calc(50% - 5px); top: -5px; } } @media (max-width: 860px) { div.help_text ul { position: static; opacity: 1; width: 100%; margin-top: 10px; } } input:focus ~ div.help_text ul { opacity: 1; } form.billingForm { max-width: 500px; margin-left: auto; margin-right: auto; } form.billingForm div.formField:first-of-type label { float: none; display: block; text-align: center; } div.billingHistory { max-width: 500px; margin-left: auto; margin-right: auto; } .StripeElement { clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: white; border: 1px solid rgba(127, 127, 152, 0.5); padding: 13px 10px 11px 10px; } body.form section.content > form { margin-bottom: 50px; } body.form section.content > h1 { margin: 0 0 20px 0; max-width: none; } body.form section.content { width: 100%; max-width: 500px; padding: 75px 50px 0 50px; } body.form section.projects { margin-top: 50px; } body.form div.actions input, body.form div.actions button, body.form div.actions .button { font-size: 1.8rem; } body.form.wide section.content { max-width: 800px; padding: 75px 50px 0 50px; } body.form h1 + form > label:first-of-type, body.form h2 + form > label:first-of-type { margin-top: 0; } .formWrapper { -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; overflow: hidden; height: auto; max-height: 1000px; } .formWrapper.hide { max-height: 0; } ul.messages { list-style: none; margin: 0; padding: 0; position: fixed; bottom: 30px; right: 30px; text-align: center; width: calc(100vw - 60px); z-index: 1000; } @media (max-width: 480px) { ul.messages { bottom: 10px; right: 10px; max-width: calc(100vw - 20px); width: calc(100vw - 20px); } } ul.messages li { -o-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -o-box-shadow: 0px 5px 12px 0px rgba(127, 127, 152, 0.5); -ms-box-shadow: 0px 5px 12px 0px rgba(127, 127, 152, 0.5); -moz-box-shadow: 0px 5px 12px 0px rgba(127, 127, 152, 0.5); -webkit-box-shadow: 0px 5px 12px 0px rgba(127, 127, 152, 0.5); box-shadow: 0px 5px 12px 0px rgba(127, 127, 152, 0.5); -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; background: #ddf2e5; color: #5A5A70; font-size: 16px; padding: 15px 35px 13px 15px; max-width: 600px; margin: 0 auto; position: relative; border: 3px solid #1EAA52; animation-timing-function: ease; animation-iteration-count: 1; animation-name: slide-up; animation-fill-mode: forwards; animation-duration: 0.5s; } ul.messages li:not(:first-child) { margin-top: 10px; } @media (max-width: 480px) { ul.messages li:not(:first-child) { margin-top: 5px; } } ul.messages li.warning { background: #fdefdc; border-color: #F39516; } ul.messages li.error { background: #ffe7e6; border-color: #FE5F55; } ul.messages li button:not(.clear) { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 1px 6px 0px 6px; } ul.messages li button:not(.clear) i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } ul.messages li button:not(.clear):hover, ul.messages li button:not(.clear):focus, ul.messages li button:not(.clear):active { color: #2D93AD; background: rgba(45, 147, 173, 0.25); } ul.messages li button:not(.clear):hover .circleBackground, ul.messages li button:not(.clear):focus .circleBackground, ul.messages li button:not(.clear):active .circleBackground { stroke: white; } ul.messages li button:not(.clear).undo { padding-left: 26px; } ul.messages li button:not(.clear).undo svg { position: absolute; top: 2px; left: 2px; margin: 0; vertical-align: middle; width: 18px; height: 18px; } ul.messages li button:not(.clear) .circleBackground { stroke: #E1E8F0; } ul.messages li button:not(.clear) .circle { stroke: #2D93AD; } ul.messages li button:not(.clear)[disabled] { background: #7F7F98; pointer-events: none; } ul.messages li button:not(.clear)[disabled]:hover, ul.messages li button:not(.clear)[disabled]:active, ul.messages li button:not(.clear)[disabled]:focus { background: #7F7F98; color: white; } ul.messages li button:not(.clear).undo { position: relative; } ul.messages li button:not(.clear).undo svg { display: inline-block; } ul.messages li button.clear { background: transparent; color: #5A5A70; margin: 0; position: absolute; right: 6px; top: 5px; padding: 3px 8px; } ul.messages li button.clear:hover, ul.messages li button.clear:focus, ul.messages li button.clear:active { background: rgba(127, 127, 152, 0.25); color: #5A5A70; } ul.messages li h1, ul.messages li h2 { margin-bottom: 0; margin-top: 5px; } ul.messages li p:last-child { margin: 0; } ul.messages.messages-inline { position: static; width: 100%; margin-bottom: 0; } ul.messages.messages-inline li { margin-bottom: 25px; padding-right: 15px; margin-bottom: 25px; max-width: 100%; } @keyframes slide-up { from { bottom: -30px; opacity: 0; } to { bottom: 0px; opacity: 1; } } header nav > ul { float: right; list-style: none; display: inline-block; margin: 0; padding: 0; } @media (max-width: 640px) { .marketing header nav > ul, .onboarding header nav > ul { transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.35s ease; position: absolute; display: block; width: 150px; top: 0; right: -150px; opacity: 0; background: white; border-bottom: 5px solid #2D93AD; } } header nav > ul > li { display: inline-block; padding: 0; height: 40px; line-height: 33px; margin-left: 20px; } @media (max-width: 640px) { header nav > ul > li:first-of-type { margin-left: 0; } .marketing header nav > ul > li, .onboarding header nav > ul > li { display: block; margin-left: 0; width: 150px; border-bottom: 1px solid rgba(211, 211, 211, 0.5); } .marketing header nav > ul > li:last-child, .onboarding header nav > ul > li:last-child { border-bottom: 0; } } header nav > ul > li > a { text-decoration: none; color: #7F7F98; line-height: 33px; } header nav > ul > li > a:hover, header nav > ul > li > a:focus, header nav > ul > li > a:active { text-decoration: none; } @media (max-width: 640px) { .marketing header nav > ul > li > a, .onboarding header nav > ul > li > a { display: block; line-height: 1.5; padding: 8px 12px; font-size: 16px; } } header nav > ul > li.reminders { position: relative; } header nav > ul > li.reminders a:before { -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ""; display: inline-block; width: 6px; height: 6px; background: #FE5F55; position: relative; top: -4px; z-index: 100; } header nav > ul > li.dropdown { position: relative; z-index: 9999; } header nav > ul > li.dropdown:hover i, header nav > ul > li.dropdown:focus i { color: #2D93AD; opacity: 1; } header nav > ul > li.dropdown:hover ul i, header nav > ul > li.dropdown:focus ul i { color: #16425B; } header nav > ul > li.dropdown:hover > ul, header nav > ul > li.dropdown:focus > ul { display: block; } header nav > ul > li.dropdown:hover > ul:before, header nav > ul > li.dropdown:focus > ul:before { -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; top: 0px; } header nav > ul > li.dropdown > ul { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); background: transparent; overflow: hidden; list-style: none; display: none; margin: 0; padding: 0; position: absolute; right: -10px; top: 40px; width: 200px; z-index: 2000; max-height: calc(100vh - 45px); } header nav > ul > li.dropdown > ul:before { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #2D93AD; position: absolute; top: 5px; right: 25px; } header nav > ul > li.dropdown > ul li { display: block; margin: 0; padding: 0; text-align: center; width: 100%; } header nav > ul > li.dropdown > ul li:first-of-type { border-top: 5px solid #2D93AD; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin-top: 5px; } header nav > ul > li.dropdown > ul li:last-of-type { -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } header nav > ul > li.dropdown > ul li:only-child { -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } header nav > ul > li.dropdown > ul li.label { background: white; display: block; padding: 10px; color: #7F7F98; font-size: 1.3rem; line-height: 1.25; text-align: left; border-bottom: 1px solid #D3D3D3; } header nav > ul > li.dropdown > ul li a, header nav > ul > li.dropdown > ul li button { -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: white; display: block; color: #16425B; border: 0; margin: 0; float: none; font-weight: normal; padding: 10px 10px 10px 30px; font-size: 1.3rem; line-height: 1.25; text-align: left; position: relative; width: 100%; } header nav > ul > li.dropdown > ul li a i, header nav > ul > li.dropdown > ul li button i { display: block; position: absolute; top: -2px; left: 5px; } header nav > ul > li.dropdown > ul li a:hover, header nav > ul > li.dropdown > ul li a:focus, header nav > ul > li.dropdown > ul li button:hover, header nav > ul > li.dropdown > ul li button:focus { background: #dfe9f0; color: #2D93AD; text-decoration: underline; } header nav > ul > li.dropdown > ul li a:hover i, header nav > ul > li.dropdown > ul li a:focus i, header nav > ul > li.dropdown > ul li button:hover i, header nav > ul > li.dropdown > ul li button:focus i { color: #2D93AD; } header nav > ul > li.dropdown > ul li a.ghost a, header nav > ul > li.dropdown > ul li a.ghost button, header nav > ul > li.dropdown > ul li a.disabled a, header nav > ul > li.dropdown > ul li a.disabled button, header nav > ul > li.dropdown > ul li button.ghost a, header nav > ul > li.dropdown > ul li button.ghost button, header nav > ul > li.dropdown > ul li button.disabled a, header nav > ul > li.dropdown > ul li button.disabled button { color: #a9a9ba; cursor: not-allowed; } header nav > ul > li.dropdown > ul li a.ghost a:hover, header nav > ul > li.dropdown > ul li a.ghost a:focus, header nav > ul > li.dropdown > ul li a.ghost button:hover, header nav > ul > li.dropdown > ul li a.ghost button:focus, header nav > ul > li.dropdown > ul li a.disabled a:hover, header nav > ul > li.dropdown > ul li a.disabled a:focus, header nav > ul > li.dropdown > ul li a.disabled button:hover, header nav > ul > li.dropdown > ul li a.disabled button:focus, header nav > ul > li.dropdown > ul li button.ghost a:hover, header nav > ul > li.dropdown > ul li button.ghost a:focus, header nav > ul > li.dropdown > ul li button.ghost button:hover, header nav > ul > li.dropdown > ul li button.ghost button:focus, header nav > ul > li.dropdown > ul li button.disabled a:hover, header nav > ul > li.dropdown > ul li button.disabled a:focus, header nav > ul > li.dropdown > ul li button.disabled button:hover, header nav > ul > li.dropdown > ul li button.disabled button:focus { color: #a9a9ba; text-decoration: none; } header nav > ul > li.dropdown > ul li a.ghost a:hover i, header nav > ul > li.dropdown > ul li a.ghost a:focus i, header nav > ul > li.dropdown > ul li a.ghost button:hover i, header nav > ul > li.dropdown > ul li a.ghost button:focus i, header nav > ul > li.dropdown > ul li a.disabled a:hover i, header nav > ul > li.dropdown > ul li a.disabled a:focus i, header nav > ul > li.dropdown > ul li a.disabled button:hover i, header nav > ul > li.dropdown > ul li a.disabled button:focus i, header nav > ul > li.dropdown > ul li button.ghost a:hover i, header nav > ul > li.dropdown > ul li button.ghost a:focus i, header nav > ul > li.dropdown > ul li button.ghost button:hover i, header nav > ul > li.dropdown > ul li button.ghost button:focus i, header nav > ul > li.dropdown > ul li button.disabled a:hover i, header nav > ul > li.dropdown > ul li button.disabled a:focus i, header nav > ul > li.dropdown > ul li button.disabled button:hover i, header nav > ul > li.dropdown > ul li button.disabled button:focus i { color: #a9a9ba; } header nav > ul > li.dropdown > ul li a.ghost i, header nav > ul > li.dropdown > ul li a.disabled i, header nav > ul > li.dropdown > ul li button.ghost i, header nav > ul > li.dropdown > ul li button.disabled i { color: #a9a9ba; } header nav > ul > li.dropdown > ul li a.ghost:hover, header nav > ul > li.dropdown > ul li a.ghost:active, header nav > ul > li.dropdown > ul li a.disabled:hover, header nav > ul > li.dropdown > ul li a.disabled:active, header nav > ul > li.dropdown > ul li button.ghost:hover, header nav > ul > li.dropdown > ul li button.ghost:active, header nav > ul > li.dropdown > ul li button.disabled:hover, header nav > ul > li.dropdown > ul li button.disabled:active { color: #a9a9ba; background: white; text-decoration: none; } header nav > ul > li.dropdown:hover { color: #2D93AD; } header nav > ul > li.dropdown:hover > a { color: #2D93AD; } header nav > ul > li.dropdown img, header nav > ul > li.dropdown svg { -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; max-width: 28px; max-height: 28px; margin-right: 6px; margin-top: 0px; vertical-align: top; position: relative; top: 2px; } header nav > ul > li.dropdown a { color: #7F7F98; text-decoration: none; } header nav > ul > li.dropdown a:hover, header nav > ul > li.dropdown a:focus { color: #2D93AD; } header nav > ul > li.dropdown > ul { top: 33px; } header nav > ul > li.dropdown > ul li a small, header nav > ul > li.dropdown > ul li button small { font-size: 11px; font-weight: bold; display: inline-block; color: #b8b8c5; } header nav > ul > li.dropdown > ul li a i, header nav > ul > li.dropdown > ul li button i { display: block; position: absolute; top: 11px; left: 7px; } header nav > ul > li.dropdown > ul li a:hover small, header nav > ul > li.dropdown > ul li a:active small, header nav > ul > li.dropdown > ul li a:focus small, header nav > ul > li.dropdown > ul li button:hover small, header nav > ul > li.dropdown > ul li button:active small, header nav > ul > li.dropdown > ul li button:focus small { color: #2D93AD; text-decoration: none; } @media (max-width: 640px) { header nav > ul > li.dropdown.account span.name { display: none; } } @media (max-width: 640px) { header nav > ul > li.dropdown.account > ul { right: -4px; } } header nav > ul > li.dropdown.account > ul a { text-align: left; padding-left: 30px; position: relative; } header nav > ul > li.dropdown.account > ul a i { display: block; position: absolute; top: 11px; left: 7px; } header nav > ul > li.dropdown.account > ul a.ghost i, header nav > ul > li.dropdown.account > ul a.disabled i { color: #a9a9ba; } header nav > ul > li.dropdown.project > ul { right: -26px; overflow-y: scroll; } header nav > ul > li.dropdown.project > ul > li a:not(.addProject) { padding-left: 15px; } header nav > ul > li.dropdown.project > ul > li a.addProject { border-top: 1px solid rgba(127, 127, 152, 0.25); } header input[type='checkbox'] { display: none; width: 40px; height: 32px; position: absolute; top: 6px; right: 12px; cursor: pointer; opacity: 0; z-index: 200; -webkit-touch-callout: none; } @media (max-width: 640px) { header input[type='checkbox'] { display: block; } } header .hamburger { transition: right 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.35s ease; position: absolute; top: 14px; right: 18px; z-index: 199; display: none; } @media (max-width: 640px) { header .hamburger { display: block; } } header .hamburger span { display: block; width: 27px; height: 3px; margin-bottom: 4px; position: relative; background: #2D93AD; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.35s ease; } header .hamburger span:first-child { transform-origin: 0% 0%; } header .hamburger span:nth-last-child(3) { transform-origin: 0% 100%; } header input[type='checkbox']:checked { right: 160px; } header input[type='checkbox']:checked ~ .hamburger { right: 164px; opacity: 1; } header input[type='checkbox']:checked ~ .hamburger span { transform: rotate(45deg) translate(-2px, 0); } header input[type='checkbox']:checked ~ .hamburger span:nth-child(2) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } header input[type='checkbox']:checked ~ .hamburger span:nth-child(3) { opacity: 1; transform: rotate(-45deg) translate(-3px, -1px); } header input[type='checkbox']:checked ~ ul { right: 0; opacity: 1; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 50px, rgba(0, 0, 0, 0.25) 0px 0px 100px, rgba(0, 0, 0, 0.25) 0px 0px 250px; } .decision .actions.organize > ul { list-style: none; margin: 0; padding: 0; } .decision .actions.organize > ul > li { position: relative; text-align: center; font-size: 1.8rem; } .decision .actions.organize > ul > li:hover i, .decision .actions.organize > ul > li:focus i { color: #2D93AD; opacity: 1; } .decision .actions.organize > ul > li:hover ul i, .decision .actions.organize > ul > li:focus ul i { color: #16425B; } .decision .actions.organize > ul > li:hover > ul, .decision .actions.organize > ul > li:focus > ul { display: block; } .decision .actions.organize > ul > li:hover > ul:before, .decision .actions.organize > ul > li:focus > ul:before { -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; top: 0px; } .decision .actions.organize > ul > li > ul { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); background: transparent; overflow: hidden; list-style: none; display: none; margin: 0; padding: 0; position: absolute; right: -10px; top: 40px; width: 200px; z-index: 2000; max-height: calc(100vh - 45px); } .decision .actions.organize > ul > li > ul:before { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #2D93AD; position: absolute; top: 5px; right: 25px; } .decision .actions.organize > ul > li > ul li { display: block; margin: 0; padding: 0; text-align: center; width: 100%; } .decision .actions.organize > ul > li > ul li:first-of-type { border-top: 5px solid #2D93AD; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin-top: 5px; } .decision .actions.organize > ul > li > ul li:last-of-type { -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .decision .actions.organize > ul > li > ul li:only-child { -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .decision .actions.organize > ul > li > ul li.label { background: white; display: block; padding: 10px; color: #7F7F98; font-size: 1.3rem; line-height: 1.25; text-align: left; border-bottom: 1px solid #D3D3D3; } .decision .actions.organize > ul > li > ul li a, .decision .actions.organize > ul > li > ul li button { -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: white; display: block; color: #16425B; border: 0; margin: 0; float: none; font-weight: normal; padding: 10px 10px 10px 30px; font-size: 1.3rem; line-height: 1.25; text-align: left; position: relative; width: 100%; } .decision .actions.organize > ul > li > ul li a i, .decision .actions.organize > ul > li > ul li button i { display: block; position: absolute; top: -2px; left: 5px; } .decision .actions.organize > ul > li > ul li a:hover, .decision .actions.organize > ul > li > ul li a:focus, .decision .actions.organize > ul > li > ul li button:hover, .decision .actions.organize > ul > li > ul li button:focus { background: #dfe9f0; color: #2D93AD; text-decoration: underline; } .decision .actions.organize > ul > li > ul li a:hover i, .decision .actions.organize > ul > li > ul li a:focus i, .decision .actions.organize > ul > li > ul li button:hover i, .decision .actions.organize > ul > li > ul li button:focus i { color: #2D93AD; } .decision .actions.organize > ul > li > ul li a.ghost a, .decision .actions.organize > ul > li > ul li a.ghost button, .decision .actions.organize > ul > li > ul li a.disabled a, .decision .actions.organize > ul > li > ul li a.disabled button, .decision .actions.organize > ul > li > ul li button.ghost a, .decision .actions.organize > ul > li > ul li button.ghost button, .decision .actions.organize > ul > li > ul li button.disabled a, .decision .actions.organize > ul > li > ul li button.disabled button { color: #a9a9ba; cursor: not-allowed; } .decision .actions.organize > ul > li > ul li a.ghost a:hover, .decision .actions.organize > ul > li > ul li a.ghost a:focus, .decision .actions.organize > ul > li > ul li a.ghost button:hover, .decision .actions.organize > ul > li > ul li a.ghost button:focus, .decision .actions.organize > ul > li > ul li a.disabled a:hover, .decision .actions.organize > ul > li > ul li a.disabled a:focus, .decision .actions.organize > ul > li > ul li a.disabled button:hover, .decision .actions.organize > ul > li > ul li a.disabled button:focus, .decision .actions.organize > ul > li > ul li button.ghost a:hover, .decision .actions.organize > ul > li > ul li button.ghost a:focus, .decision .actions.organize > ul > li > ul li button.ghost button:hover, .decision .actions.organize > ul > li > ul li button.ghost button:focus, .decision .actions.organize > ul > li > ul li button.disabled a:hover, .decision .actions.organize > ul > li > ul li button.disabled a:focus, .decision .actions.organize > ul > li > ul li button.disabled button:hover, .decision .actions.organize > ul > li > ul li button.disabled button:focus { color: #a9a9ba; text-decoration: none; } .decision .actions.organize > ul > li > ul li a.ghost a:hover i, .decision .actions.organize > ul > li > ul li a.ghost a:focus i, .decision .actions.organize > ul > li > ul li a.ghost button:hover i, .decision .actions.organize > ul > li > ul li a.ghost button:focus i, .decision .actions.organize > ul > li > ul li a.disabled a:hover i, .decision .actions.organize > ul > li > ul li a.disabled a:focus i, .decision .actions.organize > ul > li > ul li a.disabled button:hover i, .decision .actions.organize > ul > li > ul li a.disabled button:focus i, .decision .actions.organize > ul > li > ul li button.ghost a:hover i, .decision .actions.organize > ul > li > ul li button.ghost a:focus i, .decision .actions.organize > ul > li > ul li button.ghost button:hover i, .decision .actions.organize > ul > li > ul li button.ghost button:focus i, .decision .actions.organize > ul > li > ul li button.disabled a:hover i, .decision .actions.organize > ul > li > ul li button.disabled a:focus i, .decision .actions.organize > ul > li > ul li button.disabled button:hover i, .decision .actions.organize > ul > li > ul li button.disabled button:focus i { color: #a9a9ba; } .decision .actions.organize > ul > li > ul li a.ghost i, .decision .actions.organize > ul > li > ul li a.disabled i, .decision .actions.organize > ul > li > ul li button.ghost i, .decision .actions.organize > ul > li > ul li button.disabled i { color: #a9a9ba; } .decision .actions.organize > ul > li > ul li a.ghost:hover, .decision .actions.organize > ul > li > ul li a.ghost:active, .decision .actions.organize > ul > li > ul li a.disabled:hover, .decision .actions.organize > ul > li > ul li a.disabled:active, .decision .actions.organize > ul > li > ul li button.ghost:hover, .decision .actions.organize > ul > li > ul li button.ghost:active, .decision .actions.organize > ul > li > ul li button.disabled:hover, .decision .actions.organize > ul > li > ul li button.disabled:active { color: #a9a9ba; background: white; text-decoration: none; } .decision .actions.organize > ul > li > a { text-decoration: none; } .decision .actions.organize > ul > li > a:hover, .decision .actions.organize > ul > li > a:focus, .decision .actions.organize > ul > li > a:active { text-decoration: none; } .decision .actions.organize > ul > li i { display: block; color: #7F7F98; opacity: 1; line-height: 40px; } .decision .actions.organize > ul > li i.fa-ellipsis-h { display: none; } .decision .actions.organize > ul > li > ul { overflow: visible; width: 100px; } .decision .actions.organize > ul > li > ul i { color: #16425B; } .decision .actions.organize > ul > li > ul :hover i, .decision .actions.organize > ul > li > ul :active i, .decision .actions.organize > ul > li > ul :focus i { color: #2D93AD; } .decision .actions.organize > ul > li > ul .ghost a, .decision .actions.organize > ul > li > ul .ghost button, .decision .actions.organize > ul > li > ul .disabled a, .decision .actions.organize > ul > li > ul .disabled button { color: #a9a9ba; cursor: not-allowed; } .decision .actions.organize > ul > li > ul .ghost a:hover, .decision .actions.organize > ul > li > ul .ghost a:focus, .decision .actions.organize > ul > li > ul .ghost button:hover, .decision .actions.organize > ul > li > ul .ghost button:focus, .decision .actions.organize > ul > li > ul .disabled a:hover, .decision .actions.organize > ul > li > ul .disabled a:focus, .decision .actions.organize > ul > li > ul .disabled button:hover, .decision .actions.organize > ul > li > ul .disabled button:focus { color: #a9a9ba; text-decoration: none; } .decision .actions.organize > ul > li > ul .ghost a:hover i, .decision .actions.organize > ul > li > ul .ghost a:focus i, .decision .actions.organize > ul > li > ul .ghost button:hover i, .decision .actions.organize > ul > li > ul .ghost button:focus i, .decision .actions.organize > ul > li > ul .disabled a:hover i, .decision .actions.organize > ul > li > ul .disabled a:focus i, .decision .actions.organize > ul > li > ul .disabled button:hover i, .decision .actions.organize > ul > li > ul .disabled button:focus i { color: #7F7F98; } .decision .actions.organize > ul > li > ul .ghost i, .decision .actions.organize > ul > li > ul .disabled i { color: #7F7F98; } .decision .actions.organize > ul > li > ul .ghost i:hover i, .decision .actions.organize > ul > li > ul .ghost i:active i, .decision .actions.organize > ul > li > ul .ghost i:focus i, .decision .actions.organize > ul > li > ul .disabled i:hover i, .decision .actions.organize > ul > li > ul .disabled i:active i, .decision .actions.organize > ul > li > ul .disabled i:focus i { color: #7F7F98; } .decision .actions.organize > ul > li > ul .disabled { display: none; } div.page.modalOpen { overflow: hidden; -ms-touch-action: none; touch-action: none; } header.top, section.content, footer.bottom { -o-transition: filter 0s ease 0s; -ms-transition: filter 0s ease 0s; -moz-transition: filter 0s ease 0s; -webkit-transition: filter 0s ease 0s; transition: filter 0s ease 0s; } div.page.modalOpen header.top, div.page.modalOpen section.content, div.page.modalOpen footer.bottom { -o-transition: filter 0.25s ease 0s; -ms-transition: filter 0.25s ease 0s; -moz-transition: filter 0.25s ease 0s; -webkit-transition: filter 0.25s ease 0s; transition: filter 0.25s ease 0s; -webkit-filter: blur(3px); filter: blur(3px); } .modal .saving { pointer-events: none; } .modal .saving > * { opacity: 0.5; } .modal .saving h2, .modal .saving h2 a, .modal .saving p, .modal .saving span, .modal .saving i, .modal .saving button { color: #7F7F98 !important; } .modal .saving span.tag, .modal .saving button { background: #E1E8F0 !important; border-color: #7F7F98 !important; } .modal .saving div.files div.file, .modal .saving div.files div.file button { border-color: #7F7F98 !important; } .modal .saving img, .modal .saving svg { filter: grayscale(100%); } .modal .saving:after { border-radius: 20px; background: #f8fafc; padding: 5px; content: ""; font-family: FontAwesome; display: block; font-size: 20px; width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); animation-iteration-count: infinite; animation-name: spin; animation-timing-function: linear; animation-fill-mode: forwards; animation-duration: 1s; z-index: 2; } .modal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .modal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(43, 46, 56, 0.9); } div.page.modalOpen .modal-overlay { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: modal-overlay-opening-keyframes; animation-name: modal-overlay-opening-keyframes; } .modal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; box-sizing: border-box; width: 90%; margin-bottom: 10px; padding: 35px; color: #2b2e38; background: #fff; text-align: left; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1000px; max-height: 90%; overflow: auto; } div.page.modalOpen .modal { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: modal-opening-keyframes; animation-name: modal-opening-keyframes; } .modal-overlay.modal-is-closing { -webkit-animation-name: modal-overlay-closing-keyframes; animation-name: modal-overlay-closing-keyframes; } .modal.modal-is-closing { -webkit-animation-name: modal-closing-keyframes; animation-name: modal-closing-keyframes; } .closeModal { background: white; position: absolute; top: 0; right: 0; } .modal h1 { color: #16425B; font-size: 20px; font-weight: bold; } @-webkit-keyframes modal-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes modal-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes modal-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes modal-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes modal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes modal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes modal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes modal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } .modal form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .modal form { height: 1px; } .modal .actions { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; } .modal .actions > * { margin-right: auto; order: 2; } .modal .actions > .secondary { order: 1; margin-left: auto; margin-right: 0; } @media (max-width: 480px) { .modal .actions { flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .modal .actions > * { -moz-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; margin: 5px auto; order: 1; } } .modal .currentVersion { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #F0F5F8; padding: 10px 130px 10px 10px; position: relative; } .modal .currentVersion .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; margin: 0; } .modal .currentVersion p { color: #7F7F98; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; } .modal .currentVersion p span.newline { display: block; } .modal .currentVersion p span.newline + span.newline { margin-top: 10px; } .modal .currentVersion div.status { position: absolute; height: 30px; border-left: 1px solid rgba(0, 0, 0, 0.1); top: calc(50% - 15px); right: 15px; text-align: right; white-space: nowrap; line-height: 20px; padding: 5px 0 5px 15px; } .modal .currentVersion div.status span { vertical-align: top; display: inline-block; font-weight: normal; font-size: 1.3rem; position: relative; top: 1px; } .modal .currentVersion div.status i { display: inline-block; font-style: normal; font-weight: normal; font-size: 1.3rem; margin-left: 5px; } #decisions-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #decisions-list { height: 1px; } .decisionTile { clear: both; float: left; position: relative; width: 100%; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -ms-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; background: white; margin: 0 auto 10px auto; outline: 4px solid; outline-color: rgba(255, 255, 255, 0); outline-offset: 0px; } .decisionTile:hover { -o-box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); -ms-box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); -moz-box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); -webkit-box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); z-index: 300; } .decisionTile * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .decisionTile a.overlay { position: absolute; bottom: 0; left: 0; width: calc(100% - 40px); height: 100%; z-index: 2; } .decisionTile a.overlay:hover ~ h2.title, .decisionTile a.overlay:focus ~ h2.title, .decisionTile a.overlay:active ~ h2.title { text-decoration: underline; } .decisionTile .decision { font-size: 1.2rem; float: left; padding: 15px 50% 15px 15px; position: relative; width: 100%; } @media (max-width: 860px) { .decisionTile .decision { padding-right: 50%; } } @media (max-width: 640px) { .decisionTile .decision { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; } } .decisionTile .project { float: left; clear: left; width: 100%; font-size: 1.2rem; margin: 0 0 2px 0; font-weight: bold; position: relative; z-index: 20; } .decisionTile .project a { color: #7F7F98; text-decoration: none; } .decisionTile .project a:hover, .decisionTile .project a:focus { color: #2D93AD; text-decoration: underline; } .project .decisionTile .project { display: none; } @media (max-width: 640px) { .decisionTile .project { -moz-box-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; order: 1; -webkit-order: 1; padding: 15px 60px 0 15px; } } .decisionTile .title { float: left; clear: left; width: 100%; color: #16425B; font-weight: bold; font-size: 1.8rem; line-height: 1.3; margin: 0 0 2px 0; } .decisionTile .title a { color: #16425B; display: block; text-decoration: none; } .decisionTile .title a:hover, .decisionTile .title a:focus { color: #2D93AD; text-decoration: underline; } @media (max-width: 640px) { .decisionTile .title { -moz-box-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; order: 2; -webkit-order: 2; padding: 0px 60px 5px 15px; } .project .decisionTile .title { padding-top: 15px; } } .decisionTile .responderAndStatusActions { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; width: 50%; position: absolute; top: 0; right: 0; margin: 0; height: 100%; } .decisionTile .responderAndStatusActions:before { content: ""; width: 0; height: 70%; top: 15%; position: absolute; left: 0; border-left: 1px solid #E1E8F0; } @media (max-width: 640px) { .decisionTile .responderAndStatusActions:before { display: none; } } .decisionTile .responderAndStatusActions > div { -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; } @media (max-width: 860px) { .decisionTile .responderAndStatusActions { width: 50%; } } @media (max-width: 640px) { .decisionTile .responderAndStatusActions { -moz-box-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; position: static; width: auto; height: auto; order: 5; -webkit-order: 5; padding: 15px; margin-top: 10px; border-top: 1px solid #E1E8F0; } } .decisionTile .responderAndStatusActions .response { display: none; } .decisionTile .responder { -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; min-width: 0; color: #16425B; padding-left: 45px; text-align: left; margin-right: 3px; font-size: 1.3rem; line-height: 20px; white-space: nowrap; position: relative; } @media (max-width: 640px) { .decisionTile .responder { padding-left: 35px; } } .decisionTile .responder img, .decisionTile .responder svg { -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; position: absolute; top: calc(50% - 13px); left: 10px; margin: 0; width: 26px; height: 26px; } .decisionTile .responder .responder-name { vertical-align: middle; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; width: auto; max-width: 100%; position: relative; top: 1px; } @media (max-width: 640px) { .decisionTile .responder .responder-name { padding-left: 30px; } } .decisionTile a.copiedUsers { -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; cursor: default; margin-left: 3px; position: relative; white-space: nowrap; z-index: 10; } @media (max-width: 640px) { .decisionTile a.copiedUsers { position: relative; flex: 1 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; bottom: 0; left: 0; margin-left: 0; } } .decisionTile a.copiedUsers span { background: white; border: 1px solid #16425B; color: #16425B; border-radius: 2px; display: inline-block; padding: 1px 6px 0px; font-size: 11px; line-height: 16px; font-weight: normal; text-decoration: none; text-transform: uppercase; } .decisionTile a.copiedUsers ul.copiedUsersList { -o-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); background: transparent; border-bottom: 4px solid #2D93AD; display: none; position: absolute; list-style: none; width: 200px; height: auto; right: -16px; bottom: 23px; margin: 0; padding: 0; } @media (max-width: 640px) { .decisionTile a.copiedUsers ul.copiedUsersList { right: -80px; } } .decisionTile a.copiedUsers ul.copiedUsersList li { color: #7F7F98; font-size: 12px; padding: 8px 12px; background: white; font-weight: normal; line-height: 16px; text-transform: none; overflow: hidden; white-space: normal; } .decisionTile a.copiedUsers ul.copiedUsersList li:first-of-type { border-radius: 4px 4px 0 0; } .decisionTile a.copiedUsers ul.copiedUsersList li:last-of-type { border-radius: 0 0 4px 4px; } .decisionTile a.copiedUsers ul.copiedUsersList li.label { font-weight: bold; color: #5A5A70; background: #E1E8F0; } .decisionTile a.copiedUsers ul.copiedUsersList li.label + li { border-top-color: #bfcedf; } .decisionTile a.copiedUsers ul.copiedUsersList li + li { border-top: 1px solid rgba(127, 127, 152, 0.1); } .decisionTile a.copiedUsers ul.copiedUsersList:before { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2D93AD; position: absolute; bottom: -4px; right: 25px; } @media (max-width: 640px) { .decisionTile a.copiedUsers ul.copiedUsersList:before { right: 100px; } } .decisionTile a.copiedUsers:hover > span, .decisionTile a.copiedUsers:focus > span { background: #2D93AD; border-color: #2D93AD; color: white; } .decisionTile a.copiedUsers:hover > ul, .decisionTile a.copiedUsers:focus > ul { display: block; } .decisionTile a.copiedUsers:hover > ul:before, .decisionTile a.copiedUsers:focus > ul:before { -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; bottom: -8px; } .decisionTile .status { -moz-box-flex: 1 0 125px; -ms-flex: 1 0 125px; flex: 1 0 125px; -webkit-box-flex: 1 0 125px; -webkit-flex: 1 0 125px; text-align: right; white-space: nowrap; line-height: 20px; padding: 0 15px 0 10px; } .decisionTile .status span { vertical-align: top; display: inline-block; font-weight: normal; font-size: 1.3rem; position: relative; top: 1px; } .decisionTile .status i { display: inline-block; font-style: normal; font-weight: normal; font-size: 1.3rem; margin-left: 5px; } @media (max-width: 640px) { .decisionTile .status { padding-right: 0; } } .decisionTile .organize { -moz-box-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; -webkit-box-flex: 0 0 40px; -webkit-flex: 0 0 40px; padding: 0; position: relative; z-index: 50; } .decisionTile .organize:before { content: ""; width: 0; height: 70%; top: 15%; position: absolute; left: 0; border-left: 1px solid #E1E8F0; } @media (max-width: 640px) { .decisionTile .organize { position: absolute; top: 12px; right: 2px; display: block; width: 40px; } } .decisionTile .requester { opacity: 0.7; padding-right: 5px; float: left; clear: left; width: auto; display: inline; font-style: italic; margin-bottom: 0; } @media (max-width: 640px) { .decisionTile .requester { -moz-box-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; order: 3; -webkit-order: 3; padding: 0 60px 0 15px; } } .decisionTile .requester + .tags { margin-top: 5px; } .decisionTile .tags { clear: left; float: left; display: inline; width: auto; margin-top: 5px; margin-bottom: 0; } .decisionTile .tags:empty { display: none; } @media (max-width: 640px) { .decisionTile .tags { -moz-box-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; order: 4; -webkit-order: 4; margin-top: 4px; padding: 0 60px 0 13px; } } .decisionTile .response { border-top: 1px solid #E1E8F0; float: none; clear: both; } .decisionTile .description { display: none; } .decisionTile .files { display: none; } .decisionTile .files .file::after { display: none; } .decisionTile.overrides:before { -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; content: "This decision amends an older one."; position: absolute; border-radius: 4px; background: #7F7F98; color: #7F7F98; font-size: 11px; line-height: 18px; font-weight: bold; overflow: hidden; text-align: center; height: 18px; width: 100%; max-height: 0; max-width: calc(100% - 8px); bottom: 0px; left: 4px; } .decisionTile.overrides:hover { margin-bottom: 28px; } .decisionTile.overrides:hover:before { border-radius: 0 0 4px 4px; color: white; bottom: -18px; max-height: 18px; } .decisionTile.loading { -o-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.15); -ms-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.15); -moz-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.15); -webkit-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.15); box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.15); background: #f8fafc; pointer-events: none; } .decisionTile.loading > * { opacity: 0.5; } .decisionTile.loading h2, .decisionTile.loading h2 a, .decisionTile.loading p, .decisionTile.loading span, .decisionTile.loading i, .decisionTile.loading button { color: #7F7F98 !important; } .decisionTile.loading span.tag, .decisionTile.loading button { background: #E1E8F0 !important; } .decisionTile.loading img, .decisionTile.loading svg { filter: grayscale(100%); } .decisionTile.loading:after { border-radius: 20px; background: #f8fafc; padding: 5px; content: ""; font-family: FontAwesome; display: block; font-size: 20px; width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); animation-iteration-count: infinite; animation-name: spin; animation-timing-function: linear; animation-fill-mode: forwards; animation-duration: 1s; z-index: 2; } .decisionTile.highlight { animation-iteration-count: 1; animation-name: highlight; animation-timing-function: ease-in; animation-fill-mode: forwards; animation-duration: 2s; z-index: 2; } .decision-detail { position: relative; } .decision-detail a.button.back { float: right; position: relative; top: 40px; right: 0; z-index: 500; } @media (max-width: 480px) { .decision-detail a.button.back { float: none; position: static; margin: 0 auto 15px auto; display: block; width: 150px; } } .decision-detail a.button.back:before { content: ""; font-weight: normal; margin-right: 5px; font-size: 13px; font-family: FontAwesome; } .decision-detail .decisionTile { -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; } .decision-detail .decisionTile.overrides:before { display: none; } .decision-detail .decisionTile.overrides:hover { margin-bottom: 10px; } .decision-detail .decisionTile .decision { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; float: none; padding: 0 0 40px 0; } .decision-detail .decisionTile a.overlay { display: none; } .decision-detail .decisionTile .project, .decision-detail .decisionTile .title, .decision-detail .decisionTile .requester, .decision-detail .decisionTile .tags, .decision-detail .decisionTile .description, .decision-detail .decisionTile .files, .decision-detail .decisionTile .responderAndStatusActions { float: none; width: auto; -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; } .decision-detail .decisionTile .title { margin-bottom: 0; padding-right: 160px; } .decision-detail .decisionTile .title a { color: #16425B; text-decoration: none; pointer-events: none; font-size: 2.6rem; font-weight: 900; } @media (max-width: 640px) { .decision-detail .decisionTile .title { padding: 0; } } .decision-detail .decisionTile .title span:after { opacity: 0.35 !important; } .decision-detail .decisionTile .project { padding-right: 160px; } @media (max-width: 640px) { .decision-detail .decisionTile .project { padding: 0; } } .decision-detail .decisionTile .response { display: none; } .decision-detail .decisionTile .tags { order: 3; -webkit-order: 3; } @media (max-width: 640px) { .decision-detail .decisionTile .tags { padding: 0; } } .decision-detail .decisionTile .responderAndStatusActions { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; order: 4; -webkit-order: 4; height: auto; position: static; top: 0; left: 0; transform: none; top: auto; right: auto; padding: 12px 10px; margin: 10px 0 50px 0; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -ms-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); background: white; } .decision-detail .decisionTile .responderAndStatusActions:before { display: none; } @media (max-width: 640px) { .decision-detail .decisionTile .responderAndStatusActions { flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; } } .decision-detail .decisionTile .responderAndStatusActions .response { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; -moz-box-flex: 1 0 220px; -ms-flex: 1 0 220px; flex: 1 0 220px; -webkit-box-flex: 1 0 220px; -webkit-flex: 1 0 220px; padding: 0; border: 0; } @media (max-width: 640px) { .decision-detail .decisionTile .responderAndStatusActions .response { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; padding: 10px; border-top: 1px solid #E1E8F0; } } .decision-detail .decisionTile .responderAndStatusActions .response > button { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; white-space: nowrap; } @media (max-width: 860px) { .decision-detail .decisionTile .responderAndStatusActions .response > button { font-size: 1.3rem; padding-left: 10px; padding-right: 10px; } } .decision-detail .decisionTile .organize { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; padding: 0; } .decision-detail .decisionTile .organize:before { display: none; } .decision-detail .decisionTile .organize > ul { width: auto; } .decision-detail .decisionTile .organize > ul > li { width: auto; } .decision-detail .decisionTile .organize > ul > li > a, .decision-detail .decisionTile .organize > ul > li > i { display: none; } .decision-detail .decisionTile .organize > ul > li > ul { -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; padding: 0; border: 0; display: block; position: static; width: auto; text-align: left; } .decision-detail .decisionTile .organize > ul > li > ul:before { display: none; } .decision-detail .decisionTile .organize > ul > li > ul li { background: transparent; border: 0; display: inline-block; margin-right: 10px; width: auto; } .decision-detail .decisionTile .organize > ul > li > ul li:first-of-type { margin-top: 0; border: 0; } .decision-detail .decisionTile .organize > ul > li > ul li button { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; border: 1px solid #16425B; background: transparent; display: block; margin: 0; white-space: nowrap; } .decision-detail .decisionTile .organize > ul > li > ul li button i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .decision-detail .decisionTile .organize > ul > li > ul li button:hover, .decision-detail .decisionTile .organize > ul > li > ul li button:focus, .decision-detail .decisionTile .organize > ul > li > ul li button:active { color: white; background: #16425B; border-color: #16425B; text-decoration: none; } .decision-detail .decisionTile .organize > ul > li > ul li button:hover i, .decision-detail .decisionTile .organize > ul > li > ul li button:focus i, .decision-detail .decisionTile .organize > ul > li > ul li button:active i { color: white; } .decision-detail .decisionTile .organize > ul > li > ul li button[disabled], .decision-detail .decisionTile .organize > ul > li > ul li button.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } .decision-detail .decisionTile .organize > ul > li > ul li button[disabled] i, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled i { color: rgba(22, 66, 91, 0.25); } .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:hover, .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:focus, .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:active, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:hover, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:focus, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:hover i, .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:focus i, .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:active i, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:hover i, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:focus i, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:active i { color: rgba(22, 66, 91, 0.25); } .decision-detail .decisionTile .organize > ul > li > ul li button[disabled] { background: #7F7F98; pointer-events: none; } .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:hover, .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:active, .decision-detail .decisionTile .organize > ul > li > ul li button[disabled]:focus { background: #7F7F98; color: white; } .decision-detail .decisionTile .organize > ul > li > ul li button.undo { position: relative; } .decision-detail .decisionTile .organize > ul > li > ul li button.undo svg { display: inline-block; } .decision-detail .decisionTile .organize > ul > li > ul li button i { position: static; display: inline-block; margin-right: 5px; line-height: 1; } .decision-detail .decisionTile .organize > ul > li > ul li button.ghost { cursor: not-allowed; border-color: #7F7F98; color: #7F7F98; } .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:hover, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:active, .decision-detail .decisionTile .organize > ul > li > ul li button.disabled:focus { background: transparent; } @media (max-width: 480px) { .decision-detail .decisionTile .organize > ul > li > ul li button { font-size: 1.2rem; padding: 4px 8px; } } .decision-detail .decisionTile .responder { -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 15px; } .decision-detail .decisionTile .responder .responder-name { width: auto; } .decision-detail .decisionTile .responder .responder-name:before { content: "Assigned to "; } .decision-detail .decisionTile .responder svg, .decision-detail .decisionTile .responder img { margin-left: 0; } @media (max-width: 640px) { .decision-detail .decisionTile .responder { padding: 10px 15px; } } .decision-detail .decisionTile .status { padding: 0; text-align: left; } @media (max-width: 640px) { .decision-detail .decisionTile .status { padding: 10px 15px; text-align: right; } } .decision-detail .decisionTile .copiedUsers { -moz-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; order: 4; -webkit-order: 4; position: static; max-width: 100%; padding: 10px 7px 0px 7px; white-space: normal; pointer-events: none; } .decision-detail .decisionTile .copiedUsers span { border-radius: 20px 0 0 20px; display: inline-block; line-height: 20px; vertical-align: top; margin: 0 0 6px 3px; padding-right: 0; border-right: 0; } .decision-detail .decisionTile .copiedUsers ul.copiedUsersList { list-style: none; display: inline; vertical-align: top; box-shadow: none; background: transparent; border-radius: 0; border: 0; position: static; width: auto; height: auto; margin: 0; padding: 0; } .decision-detail .decisionTile .copiedUsers ul.copiedUsersList li { display: inline-block; color: #5A5A70; vertical-align: top; border-radius: 20px; color: #7F7F98; margin: 0 3px 6px 3px; padding: 1px 8px 0 8px; background: #dfe9f0; font-weight: normal; line-height: 20px; text-transform: none; white-space: nowrap; } .decision-detail .decisionTile .copiedUsers ul.copiedUsersList li strong { color: #5A5A70; } .decision-detail .decisionTile .copiedUsers ul.copiedUsersList li.label { margin-left: 0; padding-left: 2px; background: white; color: #16425B; border: 1px solid #16425B; border-left: 0; font-weight: normal; } .decision-detail .decisionTile .copiedUsers ul.copiedUsersList li:first-of-type { border-radius: 0 20px 20px 0; } .decision-detail .decisionTile .copiedUsers ul.copiedUsersList li:last-of-type { border-radius: 20px; } .decision-detail .decisionTile .copiedUsers ul.copiedUsersList li + li { border-top: 0; } .decision-detail .decisionTile .copiedUsers ul.copiedUsersList:before { display: none; } .decision-detail .decisionTile .description { color: #5A5A70; margin-bottom: 50px; display: block; font-size: 1.6rem; order: 5; -webkit-order: 5; } .decision-detail .decisionTile .description:before { content: "Description"; color: #7F7F98; display: block; font-weight: bold; margin-bottom: 3px; font-size: 1.3rem; } .decision-detail .decisionTile .description:empty { margin-bottom: 0; display: none; } .decision-detail .decisionTile .description:empty::before { display: none; } .decision-detail .decisionTile .description span.newline { display: block; } .decision-detail .decisionTile .description span.newline + span.newline { margin-top: 10px; } .decision-detail .decisionTile .files { display: flex; font-size: 1.4rem; order: 6; -webkit-order: 6; margin-bottom: 25px; } .decision-detail .decisionTile .files span.label { margin-bottom: 5px; font-weight: bold; width: 100%; -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; } .decision-detail .decisionTile .requester { display: none; order: 7; -webkit-order: 7; } .decision-detail .decisionTile.respondee .responder { -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; } .decisionTile.archived, .modal .currentVersion.archived { padding-top: 20px; position: relative; background: repeating-linear-gradient(45deg, #ffffff, #ffffff 10px, #F0F5F8 10px, #F0F5F8 20px); } .decisionTile.archived:before, .modal .currentVersion.archived:before { -o-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; content: "ARCHIVED"; background: #a9a9ba; color: white; width: 100%; font-size: 12px; font-weight: 700; letter-spacing: 1px; height: 20px; line-height: 21px; position: absolute; top: 0px; left: 0; text-align: center; } .decisionTile.approved .status, .modal .currentVersion.approved .status { color: #1EAA52; } .decisionTile.approved .status span:before, .modal .currentVersion.approved .status span:before { content: "Approved "; } .decisionTile.approved .status i:before, .modal .currentVersion.approved .status i:before { content: ""; font-family: FontAwesome; } .decisionTile.pending .status, .modal .currentVersion.pending .status { color: #F39516; } .decisionTile.pending .status span:before, .modal .currentVersion.pending .status span:before { content: "Due "; } .decisionTile.pending .status i:before, .modal .currentVersion.pending .status i:before { content: ""; font-family: FontAwesome; } .decisionTile.overdue .title, .decisionTile.overdue .title a, .modal .currentVersion.overdue .title, .modal .currentVersion.overdue .title a { color: #FE5F55; } .decisionTile.overdue .status, .modal .currentVersion.overdue .status { color: #FE5F55; } .decisionTile.overdue .status span:before, .modal .currentVersion.overdue .status span:before { content: "Due "; } .decisionTile.overdue .status i:before, .modal .currentVersion.overdue .status i:before { content: ""; font-family: FontAwesome; } .decisionTile.rejected .title, .decisionTile.rejected .title a, .modal .currentVersion.rejected .title, .modal .currentVersion.rejected .title a { color: #7F7F98; } .decisionTile.rejected .title span, .modal .currentVersion.rejected .title span { text-decoration: line-through; } .decisionTile.rejected .title span:after, .modal .currentVersion.rejected .title span:after { content: " (Rejected)"; color: #7F7F98; text-decoration: none; display: inline-block; margin-left: 3px; } .decisionTile.rejected .status span:before, .modal .currentVersion.rejected .status span:before { content: "Rejected "; } .decisionTile.rejected .status i:before, .modal .currentVersion.rejected .status i:before { content: ""; font-family: FontAwesome; } .allClear { clear: both; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(127, 127, 152, 0.25); margin: 0 auto 10px auto; padding: 20px; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes highlight { 0% { background: white; transform: scale(1); } 5% { background: rgba(30, 170, 82, 0.3); transform: scale(1.03); } 10% { transform: scale(1); } 100% { background: white; } } .loading-placeholder { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #2a3d47; animation-name: pulse; animation-duration: 0.75s; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease; opacity: 0.01; } .loading-placeholder.loading-project { display: inline-block; width: 170px; height: 60px; margin: 0 10px 10px 0; } @media (max-width: 640px) { .loading-placeholder.loading-project { display: block; width: 100%; margin: 0 0 10px 0; height: 40px; } } .loading-placeholder.loading-decision { display: block; width: 100%; height: 80px; margin: 0 0 10px 0; } @media (max-width: 640px) { .loading-placeholder.loading-decision { margin: 0 0 10px 0; height: 80px; } } .loading-placeholder.loading-billing-intro { display: block; width: 100%; height: 30px; max-width: 280px; margin: 40px auto; } .loading-placeholder.loading-billing { display: block; width: 100%; height: 40px; max-width: 480px; margin: 0 auto 10px auto; } @media (max-width: 640px) { .loading-placeholder.loading-billing { height: 40px; } } .loading-placeholder.loading-decision-detail { display: block; width: 100%; height: 150px; margin: 0; } .loading-placeholder.loading-project-org { display: inline-block; width: 150px; height: 8px; margin: 0; } .loading-placeholder.loading-project-title { display: block; width: 100%; max-width: 500px; height: 25px; margin: 0 0 5px 0; } .loading-placeholder.loading-project-filter { display: block; height: 2px; margin: 0 0 35px 0; } .loading-placeholder.loading-project-filter + .loading-project-filter { margin: 0 0 10px 0; } .loading-placeholder + .loading-placeholder { animation-delay: -0.1s; } .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.05s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.1s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.15s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.2s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.25s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.3s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.35s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.4s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.45s; } .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder + .loading-placeholder { animation-delay: -0.5s; } .loading-decision-detail { padding-right: 150px; } @media (max-width: 860px) { .loading-decision-detail { padding-right: 0; } } .loading-decision-detail .loading-org { display: inline-block; height: 15px; width: 200px; margin: 0; } .loading-decision-detail .loading-title { display: block; height: 30px; margin: 0 0 5px 0; } .loading-decision-detail .loading-tag { display: inline-block; width: 30px; height: 15px; margin: 0 10px 10px 0; } .loading-decision-detail .loading-avatar { -o-border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; width: 25px; height: 25px; display: inline-block; margin: 0 10px 0 0; } .loading-decision-detail .loading-name { width: 150px; height: 25px; display: inline-block; margin-right: 10px; } .loading-decision-detail .loading-status { width: 100px; height: 25px; display: inline-block; } .loading-decision-detail .loading-description { margin-top: 15px; height: 80px; display: block; } button.loading, input[type='submit'].loading, a.button.loading { background: #f8fafc !important; border-color: #7F7F98 !important; color: #7F7F98 !important; pointer-events: none; opacity: 0.5; } button.loading:after, input[type='submit'].loading:after, a.button.loading:after { content: ""; font-family: FontAwesome; border-radius: 14px; background: #f8fafc; display: inline-block; font-size: 14px; width: 14px; height: 14px; line-height: 14px; text-align: center; animation-iteration-count: infinite; animation-name: spin; animation-timing-function: linear; animation-fill-mode: forwards; animation-duration: 1s; z-index: 2; margin-left: 3px; } @keyframes pulse { 0% { opacity: 0.01; } 100% { opacity: 0.1; } } *[data-tooltip] { position: relative; } *[data-tooltip]:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: attr(data-tooltip); width: 200px; right: calc(50% - 100px); bottom: 100%; position: absolute; padding: 10px; font-size: 11px; line-height: 1.25; color: #16425B; font-weight: normal; overflow: hidden; pointer-events: none; white-space: normal; text-align: center; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -ms-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; background: white; border-top: 5px solid #2D93AD; opacity: 0; } @media (max-width: 860px) { *[data-tooltip]:before { right: -15px; } } *[data-tooltip]:hover:before { bottom: calc(100% + 10px); opacity: 1; } .react-dropzone-s3-uploader { border: 1px dashed rgba(127, 127, 152, 0.5) !important; width: 100% !important; height: 50px !important; padding: 15px; text-align: center; } .react-dropzone-s3-uploader:hover { background-color: #F0F5F8; } .react-dropzone-s3-uploader > div { color: #7F7F98; font-weight: normal; } .react-dropzone-s3-uploader > div:before { content: ""; font-family: FontAwesome; display: inline-block; margin-right: 4px; } .react-dropzone-s3-uploader .spinner { display: none; } .react-dropzone-s3-uploader.loading { background: #f8fafc; color: #7F7F98 !important; } .react-dropzone-s3-uploader.loading > * { opacity: 0.5; } .react-dropzone-s3-uploader.loading .spinner { border-radius: 14px; background: #f8fafc; display: inline-block; font-size: 14px; width: 14px; height: 14px; line-height: 14px; text-align: center; animation-iteration-count: infinite; animation-name: spin; animation-timing-function: linear; animation-fill-mode: forwards; animation-duration: 1s; z-index: 2; } div.files { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 15px; max-width: 100%; } div.files > .file { -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; height: 30px; color: #16425B; margin: 0 5px 5px 0; min-width: 0; max-width: 100%; } div.files > .file span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -o-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; border: 1px solid #2D93AD; border-right-width: 0; line-height: 28px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.files > .file button { -moz-box-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; -webkit-box-flex: 0 0 30px; -webkit-flex: 0 0 30px; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #FE5F55; background: transparent; border: 1px solid #FE5F55; -o-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background: white; font-size: 1.8rem; height: 30px; border-color: #2D93AD; padding: 0px 8px; margin: 0; } div.files > .file button i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } div.files > .file button:hover, div.files > .file button:focus, div.files > .file button:active { color: white; background: #FE5F55; border-color: #FE5F55; text-decoration: none; } div.files > .file button:hover i, div.files > .file button:focus i, div.files > .file button:active i { color: white; } div.files > .file button[disabled], div.files > .file button.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } div.files > .file button[disabled] i, div.files > .file button.disabled i { color: rgba(22, 66, 91, 0.25); } div.files > .file button[disabled]:hover, div.files > .file button[disabled]:focus, div.files > .file button[disabled]:active, div.files > .file button.disabled:hover, div.files > .file button.disabled:focus, div.files > .file button.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } div.files > .file button[disabled]:hover i, div.files > .file button[disabled]:focus i, div.files > .file button[disabled]:active i, div.files > .file button.disabled:hover i, div.files > .file button.disabled:focus i, div.files > .file button.disabled:active i { color: rgba(22, 66, 91, 0.25); } div.files > .file button[disabled] { background: #7F7F98; pointer-events: none; } div.files > .file button[disabled]:hover, div.files > .file button[disabled]:active, div.files > .file button[disabled]:focus { background: #7F7F98; color: white; } div.files > .file button.undo { position: relative; } div.files > .file button.undo svg { display: inline-block; } div.files > .file button:hover, div.files > .file button:active, div.files > .file button:focus { border-color: #FE5F55; } div.files > .file.error { color: #fe2f22; } div.files > .file.error span { border-color: #FE5F55; } div.files > .file.error span a { color: #FE5F55; } div.files > .file.error button { border-color: #FE5F55; } .decision-detail div.files > .file span { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-right-width: 1px; } .decision-detail div.files > .file:hover, .decision-detail div.files > .file:focus { color: #2D93AD; cursor: pointer; } .decision-detail div.files > .file:hover span, .decision-detail div.files > .file:focus span { background: #d4e7ec; } .decision-detail div.files > .file.error:hover, .decision-detail div.files > .file.error:focus { color: #FE5F55; } .decision-detail div.files > .file.error:hover span, .decision-detail div.files > .file.error:focus span { background: white; } .feedbackForm { position: fixed; bottom: 30px; left: 30px; z-index: 1000; } @media (max-width: 860px) { .feedbackForm { bottom: 10px; left: 10px; } } .feedbackForm a { -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -o-border-radius: 22px; -ms-border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; width: 44px; height: 44px; line-height: 44px; font-size: 2.2rem; background: #16425B; color: white; text-align: center; white-space: nowrap; text-decoration: none; } @media (max-width: 860px) { .feedbackForm a { width: 28px; height: 28px; line-height: 28px; font-size: 1.8rem; } } .feedbackForm a i { -moz-box-flex: 0 0 44px; -ms-flex: 0 0 44px; flex: 0 0 44px; -webkit-box-flex: 0 0 44px; -webkit-flex: 0 0 44px; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; } @media (max-width: 860px) { .feedbackForm a i { -moz-box-flex: 0 0 28px; -ms-flex: 0 0 28px; flex: 0 0 28px; -webkit-box-flex: 0 0 28px; -webkit-flex: 0 0 28px; } } .feedbackForm a span { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; max-width: 0; overflow: hidden; font-size: 1.4rem; font-weight: bold; text-align: left; } @media (max-width: 860px) { .feedbackForm a span { font-size: 1.2rem; } } .feedbackForm:hover a, .feedbackForm a:hover { background: #2D93AD; color: white; width: 164px; } @media (max-width: 860px) { .feedbackForm:hover a, .feedbackForm a:hover { width: 120px; } } .feedbackForm:hover a span, .feedbackForm a:hover span { max-width: 120px; } .feedbackForm.active div.formWrapper { display: block; animation-timing-function: ease; animation-iteration-count: 1; animation-name: form-up; animation-fill-mode: forwards; animation-duration: 0.5s; } .feedbackForm.active a { background: #2D93AD; } .feedbackForm.active:hover a, .feedbackForm.active a:hover { width: 44px; } @media (max-width: 860px) { .feedbackForm.active:hover a, .feedbackForm.active a:hover { width: 28px; } } .feedbackForm div.formWrapper { display: none; opacity: 0; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -ms-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; background: white; padding: 20px; position: fixed; bottom: 90px; left: 30px; border-bottom: 5px solid #2D93AD; width: 300px; } .feedbackForm div.formWrapper h2 { margin-bottom: 5px; } .feedbackForm div.formWrapper textarea { height: 80px; } .feedbackForm div.formWrapper div.actions { padding-bottom: 0; } @media (max-width: 860px) { .feedbackForm div.formWrapper { bottom: 50px; left: 10px; } } @media screen and (max-height: 460px) { .feedbackForm div.formWrapper { width: 460px; } .feedbackForm div.formWrapper div.copy { float: left; width: 47.5%; } .feedbackForm div.formWrapper p { margin: 0; } .feedbackForm div.formWrapper form { float: right; width: 47.5%; } .feedbackForm div.formWrapper .formField { margin-top: 0; } .feedbackForm div.formWrapper textarea { height: 90px; } } @keyframes form-up { from { transform: translate(0, -30px); opacity: 0; } to { transform: translate(0, 0px); opacity: 1; } } div.project section.content { padding-top: 10px; } div.project li.dropdown.account > ul { top: 28px; } div.project div.decision div.text p.project { display: none; } header.projectHeader { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; position: static; padding: 10px 15px; width: calc(100% + 30px); transform: translate(-15px, 0); } @media (max-width: 640px) { header.projectHeader { display: block; } } header.projectHeader h1 { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; margin: 0; } @media (max-width: 640px) { header.projectHeader h1 { width: 100%; text-align: center; margin-bottom: 15px; } } header.projectHeader a.settings, header.projectHeader a.create { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 1px 6px 0px 6px; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; margin: 0; position: relative; right: -6px; white-space: nowrap; } header.projectHeader a.settings i, header.projectHeader a.create i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } header.projectHeader a.settings:hover, header.projectHeader a.settings:focus, header.projectHeader a.settings:active, header.projectHeader a.create:hover, header.projectHeader a.create:focus, header.projectHeader a.create:active { color: #2D93AD; background: rgba(45, 147, 173, 0.25); } header.projectHeader a.settings:hover .circleBackground, header.projectHeader a.settings:focus .circleBackground, header.projectHeader a.settings:active .circleBackground, header.projectHeader a.create:hover .circleBackground, header.projectHeader a.create:focus .circleBackground, header.projectHeader a.create:active .circleBackground { stroke: white; } header.projectHeader a.settings.undo, header.projectHeader a.create.undo { padding-left: 26px; } header.projectHeader a.settings.undo svg, header.projectHeader a.create.undo svg { position: absolute; top: 2px; left: 2px; margin: 0; vertical-align: middle; width: 18px; height: 18px; } header.projectHeader a.settings .circleBackground, header.projectHeader a.create .circleBackground { stroke: #E1E8F0; } header.projectHeader a.settings .circle, header.projectHeader a.create .circle { stroke: #2D93AD; } header.projectHeader a.settings[disabled], header.projectHeader a.create[disabled] { background: #7F7F98; pointer-events: none; } header.projectHeader a.settings[disabled]:hover, header.projectHeader a.settings[disabled]:active, header.projectHeader a.settings[disabled]:focus, header.projectHeader a.create[disabled]:hover, header.projectHeader a.create[disabled]:active, header.projectHeader a.create[disabled]:focus { background: #7F7F98; color: white; } header.projectHeader a.settings.undo, header.projectHeader a.create.undo { position: relative; } header.projectHeader a.settings.undo svg, header.projectHeader a.create.undo svg { display: inline-block; } @media (max-width: 640px) { header.projectHeader a.settings, header.projectHeader a.create { right: 0; } } header.projectHeader a.settings { -moz-box-flex: 0 0 140px; -ms-flex: 0 0 140px; flex: 0 0 140px; -webkit-box-flex: 0 0 140px; -webkit-flex: 0 0 140px; color: #7F7F98; } header.projectHeader a.settings:hover, header.projectHeader a.settings:focus { color: #71718c; background: rgba(127, 127, 152, 0.25); } @media (max-width: 640px) { header.projectHeader a.settings { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #7F7F98; background: transparent; border: 1px solid #7F7F98; width: calc(50% - 5px); margin: 0 5px 10px 0px; padding-left: 0; padding-right: 0; } header.projectHeader a.settings i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } header.projectHeader a.settings:hover, header.projectHeader a.settings:focus, header.projectHeader a.settings:active { color: white; background: #7F7F98; border-color: #7F7F98; text-decoration: none; } header.projectHeader a.settings:hover i, header.projectHeader a.settings:focus i, header.projectHeader a.settings:active i { color: white; } header.projectHeader a.settings[disabled], header.projectHeader a.settings.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } header.projectHeader a.settings[disabled] i, header.projectHeader a.settings.disabled i { color: rgba(22, 66, 91, 0.25); } header.projectHeader a.settings[disabled]:hover, header.projectHeader a.settings[disabled]:focus, header.projectHeader a.settings[disabled]:active, header.projectHeader a.settings.disabled:hover, header.projectHeader a.settings.disabled:focus, header.projectHeader a.settings.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } header.projectHeader a.settings[disabled]:hover i, header.projectHeader a.settings[disabled]:focus i, header.projectHeader a.settings[disabled]:active i, header.projectHeader a.settings.disabled:hover i, header.projectHeader a.settings.disabled:focus i, header.projectHeader a.settings.disabled:active i { color: rgba(22, 66, 91, 0.25); } header.projectHeader a.settings[disabled] { background: #7F7F98; pointer-events: none; } header.projectHeader a.settings[disabled]:hover, header.projectHeader a.settings[disabled]:active, header.projectHeader a.settings[disabled]:focus { background: #7F7F98; color: white; } header.projectHeader a.settings.undo { position: relative; } header.projectHeader a.settings.undo svg { display: inline-block; } } header.projectHeader a.create { -moz-box-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; -webkit-box-flex: 0 0 150px; -webkit-flex: 0 0 150px; color: #1EAA52; } header.projectHeader a.create:hover, header.projectHeader a.create:focus { color: #22c05c; background: rgba(30, 170, 82, 0.2); } @media (max-width: 640px) { header.projectHeader a.create { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #1EAA52; background: transparent; border: 1px solid #1EAA52; width: calc(50% - 5px); margin: 0 0px 10px 5px; padding-left: 0; padding-right: 0; } header.projectHeader a.create i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } header.projectHeader a.create:hover, header.projectHeader a.create:focus, header.projectHeader a.create:active { color: white; background: #1EAA52; border-color: #1EAA52; text-decoration: none; } header.projectHeader a.create:hover i, header.projectHeader a.create:focus i, header.projectHeader a.create:active i { color: white; } header.projectHeader a.create[disabled], header.projectHeader a.create.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } header.projectHeader a.create[disabled] i, header.projectHeader a.create.disabled i { color: rgba(22, 66, 91, 0.25); } header.projectHeader a.create[disabled]:hover, header.projectHeader a.create[disabled]:focus, header.projectHeader a.create[disabled]:active, header.projectHeader a.create.disabled:hover, header.projectHeader a.create.disabled:focus, header.projectHeader a.create.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } header.projectHeader a.create[disabled]:hover i, header.projectHeader a.create[disabled]:focus i, header.projectHeader a.create[disabled]:active i, header.projectHeader a.create.disabled:hover i, header.projectHeader a.create.disabled:focus i, header.projectHeader a.create.disabled:active i { color: rgba(22, 66, 91, 0.25); } header.projectHeader a.create[disabled] { background: #7F7F98; pointer-events: none; } header.projectHeader a.create[disabled]:hover, header.projectHeader a.create[disabled]:active, header.projectHeader a.create[disabled]:focus { background: #7F7F98; color: white; } header.projectHeader a.create.undo { position: relative; } header.projectHeader a.create.undo svg { display: inline-block; } } div.searchAndFilter { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; margin-bottom: 15px; } div.searchAndFilter div.search { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; border: 1px solid rgba(127, 127, 152, 0.25); border-width: 1px 0; margin-top: 10px; padding: 5px 0; position: relative; } div.searchAndFilter div.search > form { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; } div.searchAndFilter div.search > button { -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 0; margin-left: 20px; margin-right: 0; font-size: 1.2rem; } div.searchAndFilter div.search > button i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } div.searchAndFilter div.search > button i { display: inline-block; margin-right: 4px; } div.searchAndFilter div.search > button:hover, div.searchAndFilter div.search > button:focus, div.searchAndFilter div.search > button:active { color: #2D93AD; background: transparent; text-decoration: underline; } div.searchAndFilter div.search > button:hover i, div.searchAndFilter div.search > button:focus i, div.searchAndFilter div.search > button:active i { color: #2D93AD; } div.searchAndFilter div.search > button:hover .circleBackground, div.searchAndFilter div.search > button:focus .circleBackground, div.searchAndFilter div.search > button:active .circleBackground { stroke: white; } div.searchAndFilter div.search > button svg { margin: 0 4px; vertical-align: middle; width: 18px; height: 18px; position: relative; top: -3px; } div.searchAndFilter div.search > button .circleBackground { stroke: #E1E8F0; } div.searchAndFilter div.search > button .circle { stroke: #2D93AD; } div.searchAndFilter div.search > button[disabled], div.searchAndFilter div.search > button.disabled { color: rgba(127, 127, 152, 0.5) !important; } div.searchAndFilter div.search > button[disabled]:hover, div.searchAndFilter div.search > button[disabled]:active, div.searchAndFilter div.search > button[disabled]:focus, div.searchAndFilter div.search > button.disabled:hover, div.searchAndFilter div.search > button.disabled:active, div.searchAndFilter div.search > button.disabled:focus { text-decoration: none; color: rgba(127, 127, 152, 0.5) !important; } div.searchAndFilter div.search > button[disabled]:hover i, div.searchAndFilter div.search > button[disabled]:active i, div.searchAndFilter div.search > button[disabled]:focus i, div.searchAndFilter div.search > button.disabled:hover i, div.searchAndFilter div.search > button.disabled:active i, div.searchAndFilter div.search > button.disabled:focus i { color: rgba(127, 127, 152, 0.5) !important; } div.searchAndFilter div.search > button[disabled] { background: #7F7F98; pointer-events: none; } div.searchAndFilter div.search > button[disabled]:hover, div.searchAndFilter div.search > button[disabled]:active, div.searchAndFilter div.search > button[disabled]:focus { background: #7F7F98; color: white; } div.searchAndFilter div.search > button.undo { position: relative; } div.searchAndFilter div.search > button.undo svg { display: inline-block; } div.searchAndFilter div.search i.fa-search { position: absolute; top: 13px; left: 5px; font-size: 1.5rem; } div.searchAndFilter div.search input { height: 32px; line-height: 32px; border: 0; background: transparent; padding: 0 0 0 30px; } div.searchAndFilter div.search input:focus + i, div.searchAndFilter div.search input:not([value=""]) + i { color: #2D93AD; } div.searchAndFilter div.filter { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; border: 1px solid rgba(127, 127, 152, 0.25); border-width: 0 0 1px 0; padding: 5px 0; } div.searchAndFilter div.filter .switchesAndRadios { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; margin: 0; } div.searchAndFilter div.filter .switchesAndRadios .switch { -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; padding-right: 15px; margin: 10px 0; } div.searchAndFilter div.filter .switchesAndRadios .radioGroup { -moz-box-flex: 0 1 440px; -ms-flex: 0 1 440px; flex: 0 1 440px; -webkit-box-flex: 0 1 440px; -webkit-flex: 0 1 440px; margin: 10px 0; } div.searchAndFilter div.filter .datesAndSort { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; } div.searchAndFilter div.filter .datesAndSort .date { -moz-box-flex: 0 1 200px; -ms-flex: 0 1 200px; flex: 0 1 200px; -webkit-box-flex: 0 1 200px; -webkit-flex: 0 1 200px; flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; margin: 10px; } div.searchAndFilter div.filter .datesAndSort .date label { -moz-box-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; -webkit-box-flex: 0 0 80px; -webkit-flex: 0 0 80px; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; -o-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border: 1px solid rgba(0, 0, 0, 0.25); border-right: 0px; margin: 0; height: 35px; line-height: 35px; padding: 0 10px; white-space: nowrap; text-align: center; } div.searchAndFilter div.filter .datesAndSort .date > div { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; } div.searchAndFilter div.filter .datesAndSort .date .SingleDatePicker .SingleDatePickerInput { -o-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } div.searchAndFilter div.filter .datesAndSort .date .SingleDatePicker .SingleDatePickerInput .DateInput { line-height: 29px; height: 29px; } div.searchAndFilter div.filter .datesAndSort .date .SingleDatePicker .SingleDatePickerInput .DateInput input { line-height: 33px; height: 33px; } div.searchAndFilter div.filter .datesAndSort .date .SingleDatePicker .SingleDatePickerInput .DateInput .DateInput__display-text { height: 29px; line-height: 31px; } div.searchAndFilter div.filter .datesAndSort select, div.searchAndFilter div.filter .datesAndSort div.Select { -moz-box-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; -webkit-box-flex: 0 0 200px; -webkit-flex: 0 0 200px; margin: 10px; } div.searchAndFilter div.filter .datesAndSort select { line-height: 33px; height: 33px; } div.searchAndFilter div.filter .datesAndSort .Select-placeholder, div.searchAndFilter div.filter .datesAndSort .Select--single > .Select-control .Select-value { line-height: 37px; } div.searchAndFilter div.filter .datesAndSort .Select-input { height: 31px; } body.onboarding section.content > h1 { font-size: 2.2rem; font-weight: 900; margin-bottom: 5px; } body.onboarding form .formField { margin-bottom: 35px; } body.onboarding form .formField label { color: #16425B; font-weight: bold; margin: 0 0 5px 0; } body.onboarding form .formField label + input { margin-top: -5px; } body.onboarding form .formField input[type='text'], body.onboarding form .formField input[type='password'], body.onboarding form .formField input[type='email'], body.onboarding form .formField input[type='search'], body.onboarding form .formField input[type='number'], body.onboarding form .formField input[type='tel'], body.onboarding form .formField input[type='url'], body.onboarding form .formField input[type='date'], body.onboarding form .formField input[type='file'], body.onboarding form .formField textarea { -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: transparent; border-width: 0 0 2px 0; color: #16425B; font-size: 1.8rem; padding: 10px 0 0 0; height: 43px; } body.onboarding form .formField + #password-strength { margin-top: -24px; } body.onboarding form .formField + #password-strength.strength-0, body.onboarding form .formField + #password-strength.strength-1, body.onboarding form .formField + #password-strength.strength-2, body.onboarding form .formField + #password-strength.strength-3, body.onboarding form .formField + #password-strength.strength-4 { margin-top: -24px; } body.onboarding div.formField.tags { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } body.onboarding div.formField.tags div.tag-input { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; } body.onboarding div.formField.tags div.tag-input input { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; height: 35px; } body.onboarding div.formField.tags div.tag-input a.button { -moz-box-flex: 0 1 120px; -ms-flex: 0 1 120px; flex: 0 1 120px; -webkit-box-flex: 0 1 120px; -webkit-flex: 0 1 120px; height: 35px; } body.onboarding div.formField.tags form { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; } body.onboarding div.formField.tags form div.manageTags { margin-top: 15px; } body.onboarding div.formField.tags form div.manageTags div.tagList #dummyTagSpan { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; border: 0; padding: 0; margin: 0; opacity: 0; visibility: hidden; max-height: 0; max-width: 0; } body.onboarding div.formField.tags form div.manageTags div.tagList a.button.outline.add:last-of-type { display: none !important; } body.onboarding div.formField.tags form div.manageTags div.tagList span.tag { width: 100%; } body.onboarding div.formField.tags form div.manageTags div.tagList span.tag input[type='text'] { border: 0; font-weight: bold; text-transform: uppercase; display: block; background: transparent; color: #16425B; padding: 0; margin: 0; font-size: 12px; line-height: 22px; height: 22px; width: 100%; min-width: 0; } body.onboarding div.formField.tags form div.manageTags div.tagList span.tag a.delete-row { padding: 0; font-size: 11px; line-height: 22px; } body.onboarding span.tag.dynamic-form.formset-custom-template { border: 0; padding: 0; margin: 0; opacity: 0; visibility: hidden; max-height: 0; max-width: 0; } body.onboarding input[type='submit']:not(.add), body.onboarding button[type='submit'] { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; font-size: 1.8rem; padding: 15px; width: 100%; } body.onboarding input[type='submit']:not(.add) i, body.onboarding button[type='submit'] i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } body.onboarding input[type='submit']:not(.add)[disabled], body.onboarding button[type='submit'][disabled] { background: #7F7F98; pointer-events: none; } body.onboarding input[type='submit']:not(.add)[disabled]:hover, body.onboarding input[type='submit']:not(.add)[disabled]:active, body.onboarding input[type='submit']:not(.add)[disabled]:focus, body.onboarding button[type='submit'][disabled]:hover, body.onboarding button[type='submit'][disabled]:active, body.onboarding button[type='submit'][disabled]:focus { background: #7F7F98; color: white; } body.onboarding input[type='submit']:not(.add).undo, body.onboarding button[type='submit'].undo { position: relative; } body.onboarding input[type='submit']:not(.add).undo svg, body.onboarding button[type='submit'].undo svg { display: inline-block; } body.onboarding ul.users { margin-bottom: 0; } body.onboarding ul.users li { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body.onboarding ul.users li > * { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; } body.onboarding ul.users li.add.add-label { border: 0; font-size: 12px; padding-bottom: 5px; padding-top: 25px; margin-bottom: 0; } body.onboarding ul.users li.add.dynamic-form { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; margin: 0; padding: 5px 0; } body.onboarding ul.users li.add.dynamic-form + a.add { display: block; width: 120px; margin: 10px auto; } body.onboarding ul.users li.add.dynamic-form:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body.onboarding ul.users li#dummyUserListItem { display: none; } body.onboarding ul.users a.button.outline.add:last-of-type { display: none !important; } body.onboarding .secondary { margin-top: 55px; text-align: center; font-size: 1.1rem; } body.onboarding .secondary a { text-decoration: none; } body.onboarding .secondary a:hover, body.onboarding .secondary a:focus { text-decoration: underline; } body.onboarding.form div.page { padding-top: 20vh; } body.onboarding.form section.content { padding-top: 0; min-height: calc(80vh - 200px); } body.onboarding li.formset-custom-template.add.dynamic-form { border: 0; padding: 0; margin: 0; opacity: 0; visibility: hidden; max-height: 0; max-width: 0; } #add-user-form { clear: both; width: 100%; } div.add-user { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; margin-top: 0; padding-top: 15px; margin-bottom: 45px; } div.add-user div.email { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; } div.progress { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; max-width: 400px; margin: 0 auto 40px auto; padding: 0 16px; } div.progress .step { -moz-box-flex: 0 0 8px; -ms-flex: 0 0 8px; flex: 0 0 8px; -webkit-box-flex: 0 0 8px; -webkit-flex: 0 0 8px; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; border-radius: 8px; margin-left: auto; max-width: 8px; height: 8px; background: #D3D3D3; position: relative; } div.progress .step:first-child { margin-left: 0; } div.progress .step.filled { background: #16425B; } div.progress .step.filled:after { color: #16425B; opacity: 1; } div.progress .step.current { background: #2D93AD; box-shadow: #2d93ad 0px 0px 4px; animation-name: glow; animation-duration: 1s; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease; } div.progress .step.current:after { color: #2D93AD; opacity: 1; } div.progress .step:after { content: attr(data-label); position: absolute; width: 70px; left: -32px; bottom: -20px; font-size: 10px; font-weight: bold; text-align: center; opacity: 0.5; } @media (max-width: 860px) { div.progress .step:after { text-align: left; bottom: 30px; left: 0; transform: rotate(-45deg); } } div.progress a.step:hover:after, div.progress a.step:focus:after { text-decoration: underline; } div.progress .line { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; height: 2px; background: rgba(127, 127, 152, 0.2); } div.progress .line.filled { background: #16425B; } @keyframes glow { 0% { background-color: #2D93AD; box-shadow: #2d93ad 0px 0px 4px; } 100% { background-color: #16425B; box-shadow: rgba(45, 147, 173, 0) 0px 0px 4px; } } body.copy section.content { min-height: calc(100vh - 250px); width: 80%; max-width: 1000px; } body.copy section.content img { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); display: block; margin: 0 auto; } body.copy section.content > img { margin-top: 25px; margin-bottom: 50px; } body.copy section.content ul, body.copy section.content ol { padding-left: 20px; margin-bottom: 20px; } body.copy.faq section.content { max-width: 640px; } body.copy.faq section.content h2 { margin-top: 20px; margin-bottom: 5px; } body.copy.faq section.content h3 { margin-top: 20px; margin-bottom: 5px; } body.marketing { background: #16425B; } body.marketing section.content { padding-top: 0; max-width: none; width: 100%; } body.marketing section.content > ul.messages.messages-inline { width: auto; margin: 2rem; } body.marketing div.overview div.text h1, body.marketing div.overview div.text h2, body.marketing div.overview div.text p { color: white; text-align: center; } body.marketing div.overview div.text h1 + p { margin-top: 15px; } body.marketing div.features { text-align: center; } body.marketing div.features div.featuresInner { max-width: 1000px; flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; overflow: hidden; } body.marketing div.features div.featuresInner section.feature { -moz-box-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; padding: 25px; } @media (max-width: 860px) { body.marketing div.features div.featuresInner section.feature { -moz-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; } } body.marketing div.features div.featuresInner section.feature div.icon { width: 80px; height: 80px; border-radius: 80px; line-height: 80px; margin: 0 auto 10px auto; } body.marketing div.features div.featuresInner section.feature div.icon img { height: 80px; width: auto; margin: 0 auto; display: block; } body.marketing div.features div.featuresInner section.feature div.copy h1 { margin-bottom: 5px; } body.marketing div.features div.featuresInner section.feature h2 { font-size: 2rem; margin-bottom: 5px; font-weight: 900; } body.marketing div.features div.featuresInner section.feature h3 { font-size: 1.6rem; margin-bottom: 5px; color: #5A5A70; } body.marketing div.features div.featuresInner section.feature p { margin: 0; } body.marketing section.cta { display: block; background: #2D93AD; overflow: hidden; padding: 50px 0; text-align: center; } body.marketing section.cta div.ctaInner { display: block; width: 80%; max-width: 1000px; margin: 0 auto; color: white; overflow: hidden; } body.marketing section.cta div.ctaInner :last-child { margin-bottom: 0; } body.marketing section.cta h2, body.marketing section.cta p { margin: 0; color: white; } body.marketing section.cta h2 span, body.marketing section.cta p span { display: inline; margin: 0 3px; } @media (max-width: 640px) { body.marketing section.cta h2 span, body.marketing section.cta p span { display: block; } } body.marketing section.cta h2 a, body.marketing section.cta p a { color: white; } body.marketing section.cta div.actions a { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; background: white; color: #2D93AD; margin-top: 5px; margin-bottom: 5px; } body.marketing section.cta div.actions a i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } body.marketing section.cta div.actions a:hover, body.marketing section.cta div.actions a:focus, body.marketing section.cta div.actions a:active { background: #16425B; color: white; } body.marketing section.cta div.actions a[disabled] { background: #7F7F98; pointer-events: none; } body.marketing section.cta div.actions a[disabled]:hover, body.marketing section.cta div.actions a[disabled]:active, body.marketing section.cta div.actions a[disabled]:focus { background: #7F7F98; color: white; } body.marketing section.cta div.actions a.undo { position: relative; } body.marketing section.cta div.actions a.undo svg { display: inline-block; } body.marketing footer.bottom { color: white; margin-top: 0; padding-top: 25px; border-top: 1px solid rgba(0, 0, 0, 0.2); } body.marketing footer.bottom span, body.marketing footer.bottom strong { opacity: 0.25; } body.marketing footer.bottom a { color: white; opacity: 0.25; } body.marketing footer.bottom a:hover, body.marketing footer.bottom a:focus, body.marketing footer.bottom a:active { opacity: 0.5; } body.marketing.home div.page { background-image: linear-gradient(135deg, #16425B, #29829C 37%, #328EA4 37%, #48C0D2 57%); } @media (max-width: 860px) { body.marketing.home div.page { background-image: linear-gradient(135deg, #16425B, #29829C 27%, #328EA4 27%, #48C0D2 47%); } } body.marketing.home div.features { padding-top: 50px; } body.marketing.home div.overview { width: 80%; max-width: 1000px; margin: 150px auto 0 auto; } @media (max-width: 860px) { body.marketing.home div.overview { margin-top: 75px; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } } body.marketing.home div.overview div.text { display: block; margin: 0 auto 20px; max-width: 600px; text-align: center; } body.marketing.home div.overview div.text h1 { font-size: 50px; line-height: 1; } body.marketing.home div.overview div.text a { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; background: #2D93AD; color: white; border: 2px solid white; margin: 0 10px 10px 0; } body.marketing.home div.overview div.text a i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } body.marketing.home div.overview div.text a:hover, body.marketing.home div.overview div.text a:focus, body.marketing.home div.overview div.text a:active { background: #40b1cd; color: white; } body.marketing.home div.overview div.text a[disabled] { background: #7F7F98; pointer-events: none; } body.marketing.home div.overview div.text a[disabled]:hover, body.marketing.home div.overview div.text a[disabled]:active, body.marketing.home div.overview div.text a[disabled]:focus { background: #7F7F98; color: white; } body.marketing.home div.overview div.text a.undo { position: relative; } body.marketing.home div.overview div.text a.undo svg { display: inline-block; } body.marketing.home div.overview div.loop { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 25px; background: #16425B; border: 15px solid #16425B; border-radius: 10px; position: relative; overflow: hidden; height: 260px; max-width: 600px; margin: 0 auto; top: 20px; z-index: 100; } @media (max-width: 860px) { body.marketing.home div.overview div.loop { margin: 0 auto; height: 270px; } body.marketing.home div.overview div.loop .loopInner { transform: translate(0, 270px); } } @media (max-width: 320px) { body.marketing.home div.overview div.loop { height: 170px; } body.marketing.home div.overview div.loop .loopInner { transform: translate(0, 270px); } } body.marketing.home div.overview div.loop:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(to bottom, #16425B, rgba(22, 66, 91, 0)); z-index: 10; } body.marketing.home div.overview div.loop:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(to top, #16425B, rgba(22, 66, 91, 0)); z-index: 10; } body.marketing.home div.overview div.loop div.loopDecision { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -ms-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); box-shadow: 0px 1px 3px 0px rgba(42, 61, 71, 0.3); pointer-events: none; width: 100%; } body.marketing.home div.overview div.loop div.loopDecision:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html body.marketing.home div.overview div.loop div.loopDecision { height: 1px; } body.marketing.home div.overview div.loop div.loopDecision div.title { float: left; width: calc(100% - 240px); font-weight: bold; font-size: 1.6rem; line-height: 1.3; padding: 25px 10px 15px 20px; } @media (max-width: 860px) { body.marketing.home div.overview div.loop div.loopDecision div.title { width: calc(100% - 140px); } } body.marketing.home div.overview div.loop div.loopDecision div.actions { float: right; width: 240px; color: #1EAA52; font-weight: bold; text-align: right; padding: 15px 20px 15px 5px; } @media (max-width: 860px) { body.marketing.home div.overview div.loop div.loopDecision div.actions { width: 140px; } } body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: white; background: #1EAA52; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve:hover, body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve:focus, body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve:active { color: white; background: #26d567; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve[disabled] { background: #7F7F98; pointer-events: none; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve[disabled]:hover, body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve[disabled]:active, body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve[disabled]:focus { background: #7F7F98; color: white; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve.undo { position: relative; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.approve.undo svg { display: inline-block; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: white; background: #FE5F55; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject:hover, body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject:focus, body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject:active { color: white; background: #e5302a; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject[disabled] { background: #7F7F98; pointer-events: none; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject[disabled]:hover, body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject[disabled]:active, body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject[disabled]:focus { background: #7F7F98; color: white; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject.undo { position: relative; } body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject.undo svg { display: inline-block; } @media (max-width: 860px) { body.marketing.home div.overview div.loop div.loopDecision div.actions div.reject { position: absolute; opacity: 0 !important; } } div.loopDecision { background-image: linear-gradient(90deg, #FFFFFF, #FFFFFF 30%, #FFFFFF 30%, #1EAA52); background-size: 400% 100%; background-repeat: no-repeat; overflow: hidden; position: absolute; right: 0; bottom: 0; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease; animation-name: loop-question-move; animation-delay: 0s; animation-duration: 20.8s; animation-iteration-count: infinite; } div.loopDecision:nth-of-type(2) { animation-delay: -2.6s; } div.loopDecision:nth-of-type(2) div.title span, div.loopDecision:nth-of-type(2) div.approve, div.loopDecision:nth-of-type(2) div.approve span, div.loopDecision:nth-of-type(2) div.reject, div.loopDecision:nth-of-type(2) div.actions { animation-delay: -2.6s; } div.loopDecision:nth-of-type(3) { animation-delay: -5.2s; } div.loopDecision:nth-of-type(3) div.title span, div.loopDecision:nth-of-type(3) div.approve, div.loopDecision:nth-of-type(3) div.approve span, div.loopDecision:nth-of-type(3) div.reject, div.loopDecision:nth-of-type(3) div.actions { animation-delay: -5.2s; } div.loopDecision:nth-of-type(4) { animation-delay: -7.8s; } div.loopDecision:nth-of-type(4) div.title span, div.loopDecision:nth-of-type(4) div.approve, div.loopDecision:nth-of-type(4) div.approve span, div.loopDecision:nth-of-type(4) div.reject, div.loopDecision:nth-of-type(4) div.actions { animation-delay: -7.8s; } div.loopDecision:nth-of-type(5) { animation-delay: -10.4s; } div.loopDecision:nth-of-type(5) div.title span, div.loopDecision:nth-of-type(5) div.approve, div.loopDecision:nth-of-type(5) div.approve span, div.loopDecision:nth-of-type(5) div.reject, div.loopDecision:nth-of-type(5) div.actions { animation-delay: -10.4s; } div.loopDecision:nth-of-type(6) { animation-delay: -13s; } div.loopDecision:nth-of-type(6) div.title span, div.loopDecision:nth-of-type(6) div.approve, div.loopDecision:nth-of-type(6) div.approve span, div.loopDecision:nth-of-type(6) div.reject, div.loopDecision:nth-of-type(6) div.actions { animation-delay: -13s; } div.loopDecision:nth-of-type(7) { animation-delay: -15.6s; } div.loopDecision:nth-of-type(7) div.title span, div.loopDecision:nth-of-type(7) div.approve, div.loopDecision:nth-of-type(7) div.approve span, div.loopDecision:nth-of-type(7) div.reject, div.loopDecision:nth-of-type(7) div.actions { animation-delay: -15.6s; } div.loopDecision:nth-of-type(8) { animation-delay: -18.2s; } div.loopDecision:nth-of-type(8) div.title span, div.loopDecision:nth-of-type(8) div.approve, div.loopDecision:nth-of-type(8) div.approve span, div.loopDecision:nth-of-type(8) div.reject, div.loopDecision:nth-of-type(8) div.actions { animation-delay: -18.2s; } div.loopDecision div.title span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease; animation-name: text-to-white; animation-delay: 0s; animation-duration: 20.8s; animation-iteration-count: infinite; } div.loopDecision div.approve { animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease; animation-name: button-click; animation-delay: 0s; animation-duration: 20.8s; animation-iteration-count: infinite; } div.loopDecision div.approve span.d { display: inline-block; white-space: nowrap; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease; animation-name: past-tensify; animation-duration: 20.8s; animation-iteration-count: infinite; } div.loopDecision div.reject { animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease; animation-name: button-fade; animation-delay: 0s; animation-duration: 20.8s; animation-iteration-count: infinite; } div.loopDecision div.actions { overflow: hidden; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease; } @keyframes loop-question-move { 0%, 2.5% { transform: translate(0, 80px); background-position: 0 0; } 10%, 12.5%, 15% { transform: translate(0, 0px); } 22.5%, 25%, 27.5% { transform: translate(0, -80px); } 22.5% { background-position: 0 0; } 25% { background-position: 100% 0; } 35%, 37.5%, 40% { transform: translate(0, -160px); } 47.5%, 50%, 52.5% { transform: translate(0, -240px); } 60%, 62.5%, 65% { transform: translate(0, -320px); } 72.5%, 75%, 77.5% { transform: translate(0, -400px); } 85%, 87.5%, 90% { transform: translate(0, -480px); } 97.5%, 100% { transform: translate(0, -560px); background-position: 100% 0; } } @keyframes button-click { 0%, 22.25% { transform: translate(0, 0); } 23.0% { transform: translate(0, 4px); } 23.75% { transform: translate(0, 0); opacity: 1; background: #1EAA52; } 25.5%, 100% { background: transparent; transform: translate(0, 0); } } @keyframes text-to-white { 0%, 22.5% { color: #16425B; } 24.25% { color: white; } 25.5%, 100% { color: white; } } @keyframes button-fade { 0%, 2.5% { opacity: 0; } 5%, 22.5% { opacity: 1; } 25%, 100% { opacity: 0; } } @keyframes past-tensify { 0%, 22.5% { opacity: 0; max-width: 0; } 25%, 100% { opacity: 1; max-width: 10px; } } .bodyCopy { background: #F0F5F8; padding: 25px 0; } .bodyCopy ul, .bodyCopy ol { padding-left: 20px; margin-bottom: 20px; } .bodyCopy .bodyCopyInner { width: 80%; max-width: 600px; margin: 0 auto; } body.marketing.internal div.text { padding: 60px 30px; } body.marketing.internal div.text h1 { text-align: center; margin: 0; } body.marketing.internal div.text h2 { text-align: center; margin-top: 5px; } body.marketing.internal div.text :last-child { margin-bottom: 0; } body.marketing.internal div.features div.featuresInner { max-width: 800px; } body.marketing.internal div.features div.featuresInner section.feature { -moz-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; } @media (max-width: 860px) { body.marketing.internal div.features div.featuresInner section.feature { flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } } body.marketing.internal div.features div.featuresInner section.feature div.copy { -moz-box-flex: 1 1 65%; -ms-flex: 1 1 65%; flex: 1 1 65%; -webkit-box-flex: 1 1 65%; -webkit-flex: 1 1 65%; text-align: left; padding-right: 25px; border-right: 2px solid rgba(90, 90, 112, 0.2); margin-right: 25px; } @media (max-width: 860px) { body.marketing.internal div.features div.featuresInner section.feature div.copy { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; padding-right: 0; padding-top: 25px; text-align: center; order: 2; padding-bottom: 50px; margin-right: 0; border-right: 0; border-bottom: 2px solid rgba(90, 90, 112, 0.2); } } body.marketing.internal div.features div.featuresInner section.feature div.image { -moz-box-flex: 0 0 250px; -ms-flex: 0 0 250px; flex: 0 0 250px; -webkit-box-flex: 0 0 250px; -webkit-flex: 0 0 250px; } @media (max-width: 860px) { body.marketing.internal div.features div.featuresInner section.feature div.image { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; text-align: center; order: 1; } body.marketing.internal div.features div.featuresInner section.feature div.image img { display: block; max-width: 280px; margin: 0 auto; } } section.pricing { background: #F0F5F8; text-align: center; } section.pricing div.pricingInner { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 80%; max-width: 800px; margin: 0 auto; padding: 25px 0; overflow: hidden; } div.pricingOptions { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; justify-content: center; width: 100%; } @media (max-width: 640px) { div.pricingOptions { display: block; } } div.pricingOptions div.pricingOption { -o-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-flex: 1 1 200px; -ms-flex: 1 1 200px; flex: 1 1 200px; -webkit-box-flex: 1 1 200px; -webkit-flex: 1 1 200px; border-radius: 4px; max-width: 250px; margin: 10px 15px; background: white; position: relative; } @media (max-width: 640px) { div.pricingOptions div.pricingOption { display: block; max-width: 100%; margin: 25px 10px; } } div.pricingOptions div.pricingOption.disabled div.special { background: #9b9baf; } div.pricingOptions div.pricingOption.disabled div.title, div.pricingOptions div.pricingOption.disabled div.price { background: #7F7F98; } div.pricingOptions div.pricingOption.disabled div.actions a { opacity: 0.5; } div.pricingOptions div.pricingOption div.special { border-radius: 4px 4px 0 0; position: absolute; top: -28px; height: 28px; line-height: 28px; background-color: #FE5F55; background-image: -o-linear-gradient(left, #F39516 1%, #FE5F55 100%); background-image: -ms-linear-gradient(left, #F39516 1%, #FE5F55 100%); background-image: -moz-linear-gradient(left, #F39516 1%, #FE5F55 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0.01, #F39516), color-stop(1, #FE5F55)); color: white; font-weight: bold; text-align: center; width: 100%; } div.pricingOptions div.pricingOption div.special + div.title { border-radius: 0; } @media (max-width: 640px) { div.pricingOptions div.pricingOption div.special { position: static; } } div.pricingOptions div.pricingOption div.title { border-radius: 4px 4px 0 0; background: #2D93AD; color: white; text-align: center; font-weight: 700; font-size: 28px; padding: 15px 10px 0 10px; } div.pricingOptions div.pricingOption div.price { background: #2D93AD; color: white; text-align: center; font-weight: bold; font-size: 19px; padding: 0 10px 15px 10px; } div.pricingOptions div.pricingOption div.included ul { list-style: none; margin: 0; padding: 0; } div.pricingOptions div.pricingOption div.included ul li { text-align: center; padding: 8px 10px; } div.pricingOptions div.pricingOption div.included ul li:nth-child(even) { background: #E1E8F0; } div.pricingOptions div.pricingOption div.included ul li strong { color: #16425B; } div.pricingOptions div.pricingOption div.included ul li small { display: block; position: relative; margin-top: 14px; } div.pricingOptions div.pricingOption div.included ul li small:before { content: ""; border-top: 2px solid #7F7F98; width: 10%; position: absolute; top: -8px; left: 45%; } div.pricingOptions div.pricingOption small { font-size: 12px; } div.pricingOptions div.pricingOption div.actions { border-top: 1px solid #E1E8F0; } div.pricingOptions div.pricingOption div.actions a { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; background: #2D93AD; color: white; } div.pricingOptions div.pricingOption div.actions a i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } div.pricingOptions div.pricingOption div.actions a:hover, div.pricingOptions div.pricingOption div.actions a:focus, div.pricingOptions div.pricingOption div.actions a:active { background: #40b1cd; color: white; } div.pricingOptions div.pricingOption div.actions a[disabled] { background: #7F7F98; pointer-events: none; } div.pricingOptions div.pricingOption div.actions a[disabled]:hover, div.pricingOptions div.pricingOption div.actions a[disabled]:active, div.pricingOptions div.pricingOption div.actions a[disabled]:focus { background: #7F7F98; color: white; } div.pricingOptions div.pricingOption div.actions a.undo { position: relative; } div.pricingOptions div.pricingOption div.actions a.undo svg { display: inline-block; } .billingForm div.pricingOptions { width: calc(100% + 30px); position: relative; left: -15px; } @media (max-width: 640px) { .billingForm div.pricingOptions { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; width: calc(100% + 30px); } } .billingForm div.pricingOptions div.pricingOption { background: transparent; box-shadow: none; } @media (max-width: 640px) { .billingForm div.pricingOptions div.pricingOption { -moz-box-flex: 1 1 200px; -ms-flex: 1 1 200px; flex: 1 1 200px; -webkit-box-flex: 1 1 200px; -webkit-flex: 1 1 200px; max-width: 250px; margin: 10px 15px; } } .billingForm div.pricingOptions div.pricingOption div.selection { text-align: center; padding: 10px 0 10px 0; color: white; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'], .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] { position: absolute; opacity: 0; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label { cursor: pointer; color: rgba(22, 66, 91, 0.25); display: inline-block; line-height: 25px; float: none; height: 25px; margin: 0; padding: 0px 0px 0px 30px; position: relative; white-space: nowrap; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: left 0.15s ease 0s; -ms-transition: left 0.15s ease 0s; -moz-transition: left 0.15s ease 0s; -webkit-transition: left 0.15s ease 0s; transition: left 0.15s ease 0s; content: ""; position: absolute; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:before { border-radius: 4px; width: 25px; height: 25px; top: 0; left: 0; border: 1px solid rgba(22, 66, 91, 0.25); } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:after { border-radius: 3px; width: 19px; height: 19px; top: 3px; left: 3px; padding: 1px 0 0 1px; font-size: 12px; font-weight: normal; text-align: center; line-height: 19px; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:hover, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:focus, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:hover, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:focus { color: rgba(22, 66, 91, 0.75); } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:hover:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:focus:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:hover:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:focus:before { border-color: #2D93AD; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:hover:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio'] + label:focus:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:hover:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox'] + label:focus:after { background: rgba(45, 147, 173, 0.2); } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:focus + label:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:focus + label:before { background: rgba(45, 147, 173, 0.2); } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked:focus + label:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked:focus + label:before { background: rgba(165, 239, 192, 0.8); } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked:focus + label:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked:focus + label:after { background: #26d567; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label { color: rgba(30, 170, 82, 0.75); } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label:before { background: rgba(30, 170, 82, 0.35); } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label:after { content: ""; background: #1EAA52; color: rgba(255, 255, 255, 0.8); font-family: FontAwesome; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label:hover, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label:focus, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label:hover, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label:focus { color: #1EAA52; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label:hover:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label:focus:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label:hover:before, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label:focus:before { border-color: rgba(30, 170, 82, 0.5); background: rgba(165, 239, 192, 0.8); } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label:hover:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='radio']:checked + label:focus:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label:hover:after, .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type='checkbox']:checked + label:focus:after { background: #26d567; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio + ul.errorlist { clear: both; margin-top: 10px; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio + ul.errorlist li { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .billingForm div.pricingOptions div.pricingOption div.selection div.fancyRadio input[type="radio"] + label { font-size: 16px; } .billingForm div.pricingOptions div.pricingOption div.title { border-radius: 0; } .billingForm div.pricingOptions div.pricingOption div.price { border-radius: 4px 4px 0 0; border: 1px solid #9b9baf; border-bottom: 0; padding-top: 10px; padding-bottom: 10px; font-size: 14px; } .billingForm div.pricingOptions div.pricingOption div.included { background: white; border: 1px solid #9b9baf; border-top: 0; border-radius: 0 0 4px 4px; } .billingForm div.pricingOptions div.pricingOption div.included ul li:last-child { border-radius: 0 0 4px 4px; } .billingForm div.pricingOptions div.pricingOption div.special { border-radius: 0 0 4px 4px; position: absolute; top: auto; bottom: -24px; } @media (max-width: 640px) { .billingForm div.pricingOptions div.pricingOption div.special { position: absolute; } } section.contactForm { background: #F0F5F8; padding: 60px 0; } section.contactForm .contactInner { margin: 0 auto; width: 80%; max-width: 600px; } section.contactForm .contactInner p { margin: 0 0 15px 0; text-align: center; } section.contactForm .contactInner p:last-child { margin-bottom: 0; } section.contactForm .contactInner .formField:not(.required) label:after { content: " (Optional)"; } section.contactForm .contactInner textarea { min-height: 120px; } section.signupForm { background: #F0F5F8; padding: 60px 0; } section.signupForm .signupInner { margin: 0 auto; padding-top: 0; width: 80%; max-width: 600px; } section.signupForm .signupInner p { margin: 0 0 15px 0; } section.signupForm .signupInner form { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; border-radius: 3px; background: rgba(90, 90, 112, 0.1); padding: 40px; margin: 0 auto 50px auto; text-align: center; } section.signupForm .signupInner form h2 { -moz-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; margin-bottom: 15px; text-align: center; } section.signupForm .signupInner form label { -moz-box-flex: 1 0 120px; -ms-flex: 1 0 120px; flex: 1 0 120px; -webkit-box-flex: 1 0 120px; -webkit-flex: 1 0 120px; -o-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background: #F0F5F8; margin: 0; border: 1px solid rgba(0, 0, 0, 0.25); border-right: 0; line-height: 41px; min-width: 0; } @media (max-width: 640px) { section.signupForm .signupInner form label { -moz-box-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; -webkit-box-flex: 0 0 120px; -webkit-flex: 0 0 120px; } } section.signupForm .signupInner form input[type='email'] { -moz-box-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; -webkit-box-flex: 1 1 50%; -webkit-flex: 1 1 50%; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-right-width: 0; min-width: 0; } @media (max-width: 640px) { section.signupForm .signupInner form input[type='email'] { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -o-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-right-width: 1px; } } section.signupForm .signupInner form input[type='submit'] { -moz-box-flex: 1 0 130px; -ms-flex: 1 0 130px; flex: 1 0 130px; -webkit-box-flex: 1 0 130px; -webkit-flex: 1 0 130px; -o-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; margin: 0; } @media (max-width: 640px) { section.signupForm .signupInner form input[type='submit'] { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 15px; height: 43px; } } section.signupForm .signupInner form p { margin: 20px 0 0 0; width: 100%; text-align: center; } section.signupForm p { margin: 0; } section.signupForm p span { display: inline; margin: 0 3px; } @media (max-width: 640px) { section.signupForm p span { display: block; } } section.pricing div.ctaInner, body.copy.faq section.content div.ctaInner { display: block; width: 80%; max-width: 1000px; margin: 0 auto; overflow: hidden; padding: 0 0 50px 0; text-align: center; } section.pricing div.ctaInner :last-child, body.copy.faq section.content div.ctaInner :last-child { margin-bottom: 0; } section.pricing div.ctaInner h2, section.pricing div.ctaInner p, body.copy.faq section.content div.ctaInner h2, body.copy.faq section.content div.ctaInner p { margin: 0; text-align: center; } section.pricing div.ctaInner h2 span, section.pricing div.ctaInner p span, body.copy.faq section.content div.ctaInner h2 span, body.copy.faq section.content div.ctaInner p span { display: inline; margin: 0 3px; } @media (max-width: 640px) { section.pricing div.ctaInner h2 span, section.pricing div.ctaInner p span, body.copy.faq section.content div.ctaInner h2 span, body.copy.faq section.content div.ctaInner p span { display: block; } } section.pricing div.ctaInner div.actions a, body.copy.faq section.content div.ctaInner div.actions a { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; background: #2D93AD; color: white; margin-top: 5px; margin-bottom: 5px; } section.pricing div.ctaInner div.actions a i, body.copy.faq section.content div.ctaInner div.actions a i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } section.pricing div.ctaInner div.actions a:hover, section.pricing div.ctaInner div.actions a:focus, section.pricing div.ctaInner div.actions a:active, body.copy.faq section.content div.ctaInner div.actions a:hover, body.copy.faq section.content div.ctaInner div.actions a:focus, body.copy.faq section.content div.ctaInner div.actions a:active { background: #40b1cd; color: white; } section.pricing div.ctaInner div.actions a[disabled], body.copy.faq section.content div.ctaInner div.actions a[disabled] { background: #7F7F98; pointer-events: none; } section.pricing div.ctaInner div.actions a[disabled]:hover, section.pricing div.ctaInner div.actions a[disabled]:active, section.pricing div.ctaInner div.actions a[disabled]:focus, body.copy.faq section.content div.ctaInner div.actions a[disabled]:hover, body.copy.faq section.content div.ctaInner div.actions a[disabled]:active, body.copy.faq section.content div.ctaInner div.actions a[disabled]:focus { background: #7F7F98; color: white; } section.pricing div.ctaInner div.actions a.undo, body.copy.faq section.content div.ctaInner div.actions a.undo { position: relative; } section.pricing div.ctaInner div.actions a.undo svg, body.copy.faq section.content div.ctaInner div.actions a.undo svg { display: inline-block; } body.copy.faq section.content div.ctaInner { width: 100%; padding-top: 50px; border-top: 2px solid #D3D3D3; border-bottom: 2px solid #D3D3D3; } .bootstrap-filestyle { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; margin-bottom: 15px; } .bootstrap-filestyle span.input-group-btn { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; border: 1px solid #16425B; -moz-box-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; -webkit-box-flex: 0 0 200px; -webkit-flex: 0 0 200px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } .bootstrap-filestyle span.input-group-btn i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .bootstrap-filestyle span.input-group-btn:hover, .bootstrap-filestyle span.input-group-btn:focus, .bootstrap-filestyle span.input-group-btn:active { color: white; background: #16425B; border-color: #16425B; text-decoration: none; } .bootstrap-filestyle span.input-group-btn:hover i, .bootstrap-filestyle span.input-group-btn:focus i, .bootstrap-filestyle span.input-group-btn:active i { color: white; } .bootstrap-filestyle span.input-group-btn[disabled], .bootstrap-filestyle span.input-group-btn.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } .bootstrap-filestyle span.input-group-btn[disabled] i, .bootstrap-filestyle span.input-group-btn.disabled i { color: rgba(22, 66, 91, 0.25); } .bootstrap-filestyle span.input-group-btn[disabled]:hover, .bootstrap-filestyle span.input-group-btn[disabled]:focus, .bootstrap-filestyle span.input-group-btn[disabled]:active, .bootstrap-filestyle span.input-group-btn.disabled:hover, .bootstrap-filestyle span.input-group-btn.disabled:focus, .bootstrap-filestyle span.input-group-btn.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } .bootstrap-filestyle span.input-group-btn[disabled]:hover i, .bootstrap-filestyle span.input-group-btn[disabled]:focus i, .bootstrap-filestyle span.input-group-btn[disabled]:active i, .bootstrap-filestyle span.input-group-btn.disabled:hover i, .bootstrap-filestyle span.input-group-btn.disabled:focus i, .bootstrap-filestyle span.input-group-btn.disabled:active i { color: rgba(22, 66, 91, 0.25); } .bootstrap-filestyle span.input-group-btn[disabled] { background: #7F7F98; pointer-events: none; } .bootstrap-filestyle span.input-group-btn[disabled]:hover, .bootstrap-filestyle span.input-group-btn[disabled]:active, .bootstrap-filestyle span.input-group-btn[disabled]:focus { background: #7F7F98; color: white; } .bootstrap-filestyle span.input-group-btn.undo { position: relative; } .bootstrap-filestyle span.input-group-btn.undo svg { display: inline-block; } .bootstrap-filestyle span.input-group-btn label { margin: 0; } .bootstrap-filestyle span.input-group-btn label, .bootstrap-filestyle span.input-group-btn span { cursor: pointer; } .bootstrap-filestyle span.input-group-btn:hover span, .bootstrap-filestyle span.input-group-btn:active span { color: #F0F5F8; } .bootstrap-filestyle input.form-control { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; border: 0; height: 38px; line-height: 38px; } .delete_avatar { display: inline-block; } .delete_avatar input[type='checkbox'] { position: absolute; opacity: 0; } .delete_avatar input[type='checkbox'] + label { cursor: pointer; color: rgba(22, 66, 91, 0.25); display: inline-block; float: none; line-height: 25px; height: 25px; margin: 0; padding: 0px 0px 0px 45px; position: relative; white-space: nowrap; } .delete_avatar input[type='checkbox'] + label:before, .delete_avatar input[type='checkbox'] + label:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: left 0.15s ease 0s; -ms-transition: left 0.15s ease 0s; -moz-transition: left 0.15s ease 0s; -webkit-transition: left 0.15s ease 0s; transition: left 0.15s ease 0s; content: ""; border-radius: 50px; position: absolute; } .delete_avatar input[type='checkbox'] + label:before { width: 40px; height: 25px; top: 0; left: 0; background: rgba(22, 66, 91, 0.15); } .delete_avatar input[type='checkbox'] + label:after { width: 19px; height: 19px; background: rgba(22, 66, 91, 0.25); top: 3px; left: 3px; padding: 1px 0 0 1px; font-size: 12px; font-weight: normal; text-align: center; line-height: 19px; } .delete_avatar input[type='checkbox'] + label:hover, .delete_avatar input[type='checkbox'] + label:focus { color: rgba(22, 66, 91, 0.75); } .delete_avatar input[type='checkbox'] + label:hover:before, .delete_avatar input[type='checkbox'] + label:focus:before { background: rgba(22, 66, 91, 0.25); } .delete_avatar input[type='checkbox'] + label:hover:after, .delete_avatar input[type='checkbox'] + label:focus:after { background: rgba(22, 66, 91, 0.5); } .delete_avatar input[type='checkbox']:focus + label:before { background: rgba(22, 66, 91, 0.25); } .delete_avatar input[type='checkbox']:checked:focus + label:before { background: rgba(165, 239, 192, 0.8); } .delete_avatar input[type='checkbox']:checked:focus + label:after { background: #26d567; } .delete_avatar input[type='checkbox']:checked + label { color: rgba(30, 170, 82, 0.75); } .delete_avatar input[type='checkbox']:checked + label:before { background: rgba(30, 170, 82, 0.35); } .delete_avatar input[type='checkbox']:checked + label:after { content: ""; background: #1EAA52; color: rgba(255, 255, 255, 0.8); font-family: FontAwesome; left: 18px; } .delete_avatar input[type='checkbox']:checked + label:hover, .delete_avatar input[type='checkbox']:checked + label:focus { color: #1EAA52; } .delete_avatar input[type='checkbox']:checked + label:hover a, .delete_avatar input[type='checkbox']:checked + label:focus a { color: #1EAA52; } .delete_avatar input[type='checkbox']:checked + label:hover:before, .delete_avatar input[type='checkbox']:checked + label:focus:before { background: rgba(165, 239, 192, 0.8); } .delete_avatar input[type='checkbox']:checked + label:hover:after, .delete_avatar input[type='checkbox']:checked + label:focus:after { background: #26d567; } .delete_avatar.locked input[type='checkbox'] + label { cursor: default; } .delete_avatar.locked input[type='checkbox'] + label:hover, .delete_avatar.locked input[type='checkbox'] + label:focus { color: rgba(30, 170, 82, 0.75); } .delete_avatar.locked input[type='checkbox'] + label:hover:before, .delete_avatar.locked input[type='checkbox'] + label:focus:before { background: rgba(30, 170, 82, 0.35); } .delete_avatar.locked input[type='checkbox'] + label:hover:after, .delete_avatar.locked input[type='checkbox'] + label:focus:after { background: #1EAA52; } .delete_avatar.locked input[type='checkbox'] + label:after { content: ""; } .delete_avatar + ul.errorlist { clear: both; margin-top: 10px; } .delete_avatar + ul.errorlist li { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } body.form .actions { padding: 0; } body.form .actions input[type='submit'] { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; border: 0; background: #16425B; color: white; } body.form .actions input[type='submit'] i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } body.form .actions input[type='submit']:hover, body.form .actions input[type='submit']:focus, body.form .actions input[type='submit']:active { background: #2D93AD; color: white; } body.form .actions input[type='submit'][disabled] { background: #7F7F98; pointer-events: none; } body.form .actions input[type='submit'][disabled]:hover, body.form .actions input[type='submit'][disabled]:active, body.form .actions input[type='submit'][disabled]:focus { background: #7F7F98; color: white; } body.form .actions input[type='submit'].undo { position: relative; } body.form .actions input[type='submit'].undo svg { display: inline-block; } form.settings-form.orgSettings + .formField label { float: none; display: block; } ul.users > li div.admin.singleCheckbox { display: inline-block; -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; max-width: none; } ul.users > li div.admin.singleCheckbox input[type='checkbox'] { position: absolute; opacity: 0; } ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label { cursor: pointer; color: rgba(22, 66, 91, 0.25); display: inline-block; float: none; line-height: 25px; height: 25px; margin: 0; padding: 0px 0px 0px 45px; position: relative; white-space: nowrap; } ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:before, ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: left 0.15s ease 0s; -ms-transition: left 0.15s ease 0s; -moz-transition: left 0.15s ease 0s; -webkit-transition: left 0.15s ease 0s; transition: left 0.15s ease 0s; content: ""; border-radius: 50px; position: absolute; } ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:before { width: 40px; height: 25px; top: 0; left: 0; background: rgba(22, 66, 91, 0.15); } ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:after { width: 19px; height: 19px; background: rgba(22, 66, 91, 0.25); top: 3px; left: 3px; padding: 1px 0 0 1px; font-size: 12px; font-weight: normal; text-align: center; line-height: 19px; } ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:hover, ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:focus { color: rgba(22, 66, 91, 0.75); } ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:hover:before, ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:focus:before { background: rgba(22, 66, 91, 0.25); } ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:hover:after, ul.users > li div.admin.singleCheckbox input[type='checkbox'] + label:focus:after { background: rgba(22, 66, 91, 0.5); } ul.users > li div.admin.singleCheckbox input[type='checkbox']:focus + label:before { background: rgba(22, 66, 91, 0.25); } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked:focus + label:before { background: rgba(165, 239, 192, 0.8); } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked:focus + label:after { background: #26d567; } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label { color: rgba(30, 170, 82, 0.75); } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:before { background: rgba(30, 170, 82, 0.35); } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:after { content: ""; background: #1EAA52; color: rgba(255, 255, 255, 0.8); font-family: FontAwesome; left: 18px; } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:hover, ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:focus { color: #1EAA52; } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:hover a, ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:focus a { color: #1EAA52; } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:hover:before, ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:focus:before { background: rgba(165, 239, 192, 0.8); } ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:hover:after, ul.users > li div.admin.singleCheckbox input[type='checkbox']:checked + label:focus:after { background: #26d567; } ul.users > li div.admin.singleCheckbox.locked input[type='checkbox'] + label { cursor: default; } ul.users > li div.admin.singleCheckbox.locked input[type='checkbox'] + label:hover, ul.users > li div.admin.singleCheckbox.locked input[type='checkbox'] + label:focus { color: rgba(30, 170, 82, 0.75); } ul.users > li div.admin.singleCheckbox.locked input[type='checkbox'] + label:hover:before, ul.users > li div.admin.singleCheckbox.locked input[type='checkbox'] + label:focus:before { background: rgba(30, 170, 82, 0.35); } ul.users > li div.admin.singleCheckbox.locked input[type='checkbox'] + label:hover:after, ul.users > li div.admin.singleCheckbox.locked input[type='checkbox'] + label:focus:after { background: #1EAA52; } ul.users > li div.admin.singleCheckbox.locked input[type='checkbox'] + label:after { content: ""; } ul.users > li div.admin.singleCheckbox + ul.errorlist { clear: both; margin-top: 10px; } ul.users > li div.admin.singleCheckbox + ul.errorlist li { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.button.outline { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; border: 1px solid #16425B; } a.button.outline i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } a.button.outline:hover, a.button.outline:focus, a.button.outline:active { color: white; background: #16425B; border-color: #16425B; text-decoration: none; } a.button.outline:hover i, a.button.outline:focus i, a.button.outline:active i { color: white; } a.button.outline[disabled], a.button.outline.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } a.button.outline[disabled] i, a.button.outline.disabled i { color: rgba(22, 66, 91, 0.25); } a.button.outline[disabled]:hover, a.button.outline[disabled]:focus, a.button.outline[disabled]:active, a.button.outline.disabled:hover, a.button.outline.disabled:focus, a.button.outline.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } a.button.outline[disabled]:hover i, a.button.outline[disabled]:focus i, a.button.outline[disabled]:active i, a.button.outline.disabled:hover i, a.button.outline.disabled:focus i, a.button.outline.disabled:active i { color: rgba(22, 66, 91, 0.25); } a.button.outline[disabled] { background: #7F7F98; pointer-events: none; } a.button.outline[disabled]:hover, a.button.outline[disabled]:active, a.button.outline[disabled]:focus { background: #7F7F98; color: white; } a.button.outline.undo { position: relative; } a.button.outline.undo svg { display: inline-block; } a.button.outline.red { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #FE5F55; background: transparent; border: 1px solid #FE5F55; padding-top: 0; padding-bottom: 0; line-height: 35px; } a.button.outline.red i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } a.button.outline.red:hover, a.button.outline.red:focus, a.button.outline.red:active { color: white; background: #FE5F55; border-color: #FE5F55; text-decoration: none; } a.button.outline.red:hover i, a.button.outline.red:focus i, a.button.outline.red:active i { color: white; } a.button.outline.red[disabled], a.button.outline.red.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } a.button.outline.red[disabled] i, a.button.outline.red.disabled i { color: rgba(22, 66, 91, 0.25); } a.button.outline.red[disabled]:hover, a.button.outline.red[disabled]:focus, a.button.outline.red[disabled]:active, a.button.outline.red.disabled:hover, a.button.outline.red.disabled:focus, a.button.outline.red.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } a.button.outline.red[disabled]:hover i, a.button.outline.red[disabled]:focus i, a.button.outline.red[disabled]:active i, a.button.outline.red.disabled:hover i, a.button.outline.red.disabled:focus i, a.button.outline.red.disabled:active i { color: rgba(22, 66, 91, 0.25); } a.button.outline.red[disabled] { background: #7F7F98; pointer-events: none; } a.button.outline.red[disabled]:hover, a.button.outline.red[disabled]:active, a.button.outline.red[disabled]:focus { background: #7F7F98; color: white; } a.button.outline.red.undo { position: relative; } a.button.outline.red.undo svg { display: inline-block; } html, body { -webkit-text-size-adjust: none; } html *, body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.page { padding-top: 50px; } html { font-size: 62.5%; font-weight: 300; } @media (max-width: 860px) { html { font-size: 60%; } } @media (max-width: 480px) { html { font-size: 57.5%; } } body { background: #F0F5F8; font-family: 'Nunito Sans', sans-serif; font-size: 1.4rem; line-height: 1.5; color: #7F7F98; } .screen-reader-only { visibility: hidden; height: 0; overflow: hidden; position: absolute; opacity: 0; margin: 0; padding: 0; } header.top { -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); background: white; border-bottom: 5px solid #2D93AD; height: 50px; position: fixed; top: 0; left: 0; width: 100%; z-index: 8888; } header.top nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; height: 45px; padding: 7px 20px; border-bottom: 1px solid #D3D3D3; } header.top nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html header.top nav { height: 1px; } @media (max-width: 480px) { header.top nav { padding: 7px 10px; } } header.top nav:only-child { border-bottom: 0; } header.top nav .logo img { float: left; margin-top: 3px; max-width: 135px; max-height: 23px; } header.top nav .logo img.mobile { display: none; } @media (max-width: 640px) { header.top nav .logo img.desktop { display: none; } header.top nav .logo img.mobile { display: inline-block; margin-top: 9px; max-width: 24px; max-height: 16px; } } section.content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 1000px; margin: 0 auto; padding-top: 25px; width: 85%; z-index: 2; } div.onboarding { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #E1E8F0; border: 1px dashed rgba(127, 127, 152, 0.25); padding: 25px; text-align: center; margin: 50px 0 50px 0; } div.onboarding > *:last-child { margin-bottom: 0; } div.onboarding a.create { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 1px 6px 0px 6px; margin: 0; white-space: nowrap; color: #1EAA52; } div.onboarding a.create i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } div.onboarding a.create:hover, div.onboarding a.create:focus, div.onboarding a.create:active { color: #2D93AD; background: rgba(45, 147, 173, 0.25); } div.onboarding a.create:hover .circleBackground, div.onboarding a.create:focus .circleBackground, div.onboarding a.create:active .circleBackground { stroke: white; } div.onboarding a.create.undo { padding-left: 26px; } div.onboarding a.create.undo svg { position: absolute; top: 2px; left: 2px; margin: 0; vertical-align: middle; width: 18px; height: 18px; } div.onboarding a.create .circleBackground { stroke: #E1E8F0; } div.onboarding a.create .circle { stroke: #2D93AD; } div.onboarding a.create[disabled] { background: #7F7F98; pointer-events: none; } div.onboarding a.create[disabled]:hover, div.onboarding a.create[disabled]:active, div.onboarding a.create[disabled]:focus { background: #7F7F98; color: white; } div.onboarding a.create.undo { position: relative; } div.onboarding a.create.undo svg { display: inline-block; } div.onboarding a.create:hover, div.onboarding a.create:focus { color: #22c05c; background: rgba(30, 170, 82, 0.2); } @media (max-width: 640px) { div.onboarding a.create { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #1EAA52; background: transparent; border: 1px solid #1EAA52; width: calc(50% - 5px); margin: 0 0px 10px 5px; padding-left: 0; padding-right: 0; } div.onboarding a.create i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } div.onboarding a.create:hover, div.onboarding a.create:focus, div.onboarding a.create:active { color: white; background: #1EAA52; border-color: #1EAA52; text-decoration: none; } div.onboarding a.create:hover i, div.onboarding a.create:focus i, div.onboarding a.create:active i { color: white; } div.onboarding a.create[disabled], div.onboarding a.create.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } div.onboarding a.create[disabled] i, div.onboarding a.create.disabled i { color: rgba(22, 66, 91, 0.25); } div.onboarding a.create[disabled]:hover, div.onboarding a.create[disabled]:focus, div.onboarding a.create[disabled]:active, div.onboarding a.create.disabled:hover, div.onboarding a.create.disabled:focus, div.onboarding a.create.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } div.onboarding a.create[disabled]:hover i, div.onboarding a.create[disabled]:focus i, div.onboarding a.create[disabled]:active i, div.onboarding a.create.disabled:hover i, div.onboarding a.create.disabled:focus i, div.onboarding a.create.disabled:active i { color: rgba(22, 66, 91, 0.25); } div.onboarding a.create[disabled] { background: #7F7F98; pointer-events: none; } div.onboarding a.create[disabled]:hover, div.onboarding a.create[disabled]:active, div.onboarding a.create[disabled]:focus { background: #7F7F98; color: white; } div.onboarding a.create.undo { position: relative; } div.onboarding a.create.undo svg { display: inline-block; } } section.projects div.onboarding, section.decisions div.onboarding { margin-top: 0; } section.content div.onboarding { margin: 50px 100px 15px 100px; width: calc(100% - 200px); } @media (max-width: 640px) { section.content div.onboarding { margin: 50px 25px 10px 25px; width: calc(100% - 50px); } } .history { clear: both; } .history h2 { font-weight: bold; font-size: 1.4rem; padding: 10px 0 8px 0; margin: 0; } .history table { border-top: 3px solid #16425B; margin: 0; width: 100%; } .history table tr td { padding: 8px 10px; } .history table tr td.created { color: #16425B; } .history table tr td.approved { color: #1EAA52; } .history table tr td.rejected { color: #FE5F55; } .history table tr.newVersion td { border-bottom: 3px solid #16425B; } .history table tr:nth-child(odd) td { background: rgba(127, 127, 152, 0.1); } .history table td:first-child { white-space: nowrap; } div.tabs { box-shadow: inset rgba(0, 0, 0, 0.05) 0px -2px 2px; border-bottom: 1px solid #9b9baf; position: absolute; left: 0; width: 100vw; text-align: center; z-index: 10; } div.tabs ul { list-style: none; margin: 0; padding: 0; } div.tabs ul li { display: inline-block; margin: 0 4px; position: relative; z-index: 20; } div.tabs ul li a { border-radius: 5px 5px 0 0; display: inline-block; font-weight: bold; padding: 10px 25px; border: 1px solid #9b9baf; border-width: 1px 1px 0 1px; position: relative; background: #E1E8F0; } div.tabs ul li a.here { box-shadow: #F0F5F8 0px 2px 0px 0px; background: #F0F5F8; text-decoration: none; pointer-events: none; } div.tabs + * { margin-top: 90px; } body.tabbed section.content { padding-top: 50px !important; } body.tabbed section.content > h1 { text-align: center; margin-bottom: 25px; } div.tabbed { padding-top: 25px; } div.tabbed > h1 { text-align: center; margin-bottom: 25px; } span.tag { display: inline-block; font-size: 10px; line-height: 12px; font-weight: bold; padding: 2px 5px 0px 5px; color: #7F7F98; border: 1px solid #7F7F98; border-radius: 2px; margin: 0 2px; position: relative; top: -2px; text-transform: uppercase; } footer.bottom { position: static; width: 100%; padding: 0 25px 25px 25px; margin-top: 50px; text-align: center; z-index: 900; } footer.bottom p { text-align: center; font-size: 1.2rem; margin: 0; } footer.bottom p.quote { color: #b8b8c5; } footer.bottom p + p { margin-top: 8px; } footer.bottom a { color: #7F7F98; } footer.bottom a:hover, footer.bottom a:focus { color: #16425B; } footer.bottom a, footer.bottom span, footer.bottom strong { display: inline-block; margin: 0 4px; } svg.avatar { -o-transition: box-shadow 0.1s ease 0s; -ms-transition: box-shadow 0.1s ease 0s; -moz-transition: box-shadow 0.1s ease 0s; -webkit-transition: box-shadow 0.1s ease 0s; transition: box-shadow 0.1s ease 0s; -o-box-shadow: 0px 0px 0px 0px transparent; -ms-box-shadow: 0px 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid white; } svg.avatar.color-0 { fill: #6FC0B2; } svg.avatar.color-1 { fill: #B91F67; } svg.avatar.color-2 { fill: #A1E3C6; } svg.avatar.color-3 { fill: #7152C9; } svg.avatar.color-4 { fill: #748FA1; } svg.avatar text { fill: #FFFFFF; font-size: 1.5rem; font-weight: bold; font-family: sans-serif; } img.avatar { -o-transition: box-shadow 0.1s ease 0s; -ms-transition: box-shadow 0.1s ease 0s; -moz-transition: box-shadow 0.1s ease 0s; -webkit-transition: box-shadow 0.1s ease 0s; transition: box-shadow 0.1s ease 0s; -o-box-shadow: 0px 0px 0px 0px transparent; -ms-box-shadow: 0px 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid white; } svg.avatar, img.avatar { -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; max-width: 28px; max-height: 28px; margin-right: 6px; margin-top: 0px; vertical-align: middle; position: relative; } li.account { cursor: default; padding-bottom: 10px; } li.account:hover svg.avatar.color-0, li.account:focus svg.avatar.color-0 { -o-box-shadow: 0px 0px 0px 3px rgba(111, 192, 178, 0.5); -ms-box-shadow: 0px 0px 0px 3px rgba(111, 192, 178, 0.5); -moz-box-shadow: 0px 0px 0px 3px rgba(111, 192, 178, 0.5); -webkit-box-shadow: 0px 0px 0px 3px rgba(111, 192, 178, 0.5); box-shadow: 0px 0px 0px 3px rgba(111, 192, 178, 0.5); } li.account:hover svg.avatar.color-1, li.account:focus svg.avatar.color-1 { -o-box-shadow: 0px 0px 0px 3px rgba(185, 31, 103, 0.5); -ms-box-shadow: 0px 0px 0px 3px rgba(185, 31, 103, 0.5); -moz-box-shadow: 0px 0px 0px 3px rgba(185, 31, 103, 0.5); -webkit-box-shadow: 0px 0px 0px 3px rgba(185, 31, 103, 0.5); box-shadow: 0px 0px 0px 3px rgba(185, 31, 103, 0.5); } li.account:hover svg.avatar.color-2, li.account:focus svg.avatar.color-2 { -o-box-shadow: 0px 0px 0px 3px rgba(161, 227, 198, 0.5); -ms-box-shadow: 0px 0px 0px 3px rgba(161, 227, 198, 0.5); -moz-box-shadow: 0px 0px 0px 3px rgba(161, 227, 198, 0.5); -webkit-box-shadow: 0px 0px 0px 3px rgba(161, 227, 198, 0.5); box-shadow: 0px 0px 0px 3px rgba(161, 227, 198, 0.5); } li.account:hover svg.avatar.color-3, li.account:focus svg.avatar.color-3 { -o-box-shadow: 0px 0px 0px 3px rgba(113, 82, 201, 0.5); -ms-box-shadow: 0px 0px 0px 3px rgba(113, 82, 201, 0.5); -moz-box-shadow: 0px 0px 0px 3px rgba(113, 82, 201, 0.5); -webkit-box-shadow: 0px 0px 0px 3px rgba(113, 82, 201, 0.5); box-shadow: 0px 0px 0px 3px rgba(113, 82, 201, 0.5); } li.account:hover svg.avatar.color-4, li.account:focus svg.avatar.color-4 { -o-box-shadow: 0px 0px 0px 3px rgba(116, 143, 161, 0.5); -ms-box-shadow: 0px 0px 0px 3px rgba(116, 143, 161, 0.5); -moz-box-shadow: 0px 0px 0px 3px rgba(116, 143, 161, 0.5); -webkit-box-shadow: 0px 0px 0px 3px rgba(116, 143, 161, 0.5); box-shadow: 0px 0px 0px 3px rgba(116, 143, 161, 0.5); } li.account:hover img.avatar, li.account:focus img.avatar { -o-box-shadow: 0px 0px 0px 3px rgba(45, 147, 173, 0.5); -ms-box-shadow: 0px 0px 0px 3px rgba(45, 147, 173, 0.5); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 147, 173, 0.5); -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 147, 173, 0.5); box-shadow: 0px 0px 0px 3px rgba(45, 147, 173, 0.5); } #notification-count { -o-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: sans-serif; display: inline-block; text-decoration: none; width: auto; color: #FE5F55; text-align: center; font-size: 1.2rem; font-weight: bold; position: relative; left: 5px; bottom: 3px; } .notificationRecipient { margin: 10px 0 0 0; } .notificationRecipient svg.avatar, .notificationRecipient img.avatar { position: relative; top: -3px; } div.dashboard header.dashboard { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: 20px; } @media (max-width: 640px) { div.dashboard header.dashboard { display: block; } } div.dashboard header.dashboard h1 { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; margin: 0; } @media (max-width: 640px) { div.dashboard header.dashboard h1 { text-align: center; } } div.dashboard header.dashboard div.dashboardFilter { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; text-align: right; } @media (max-width: 640px) { div.dashboard header.dashboard div.dashboardFilter { text-align: center; } } div.dashboard h1 a.add, div.dashboard h1 button.add { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #16425B; background: transparent; padding: 1px 6px 0px 6px; float: right; letter-spacing: 0; } div.dashboard h1 a.add i, div.dashboard h1 button.add i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } div.dashboard h1 a.add:hover, div.dashboard h1 a.add:focus, div.dashboard h1 a.add:active, div.dashboard h1 button.add:hover, div.dashboard h1 button.add:focus, div.dashboard h1 button.add:active { color: #2D93AD; background: rgba(45, 147, 173, 0.25); } div.dashboard h1 a.add:hover .circleBackground, div.dashboard h1 a.add:focus .circleBackground, div.dashboard h1 a.add:active .circleBackground, div.dashboard h1 button.add:hover .circleBackground, div.dashboard h1 button.add:focus .circleBackground, div.dashboard h1 button.add:active .circleBackground { stroke: white; } div.dashboard h1 a.add.undo, div.dashboard h1 button.add.undo { padding-left: 26px; } div.dashboard h1 a.add.undo svg, div.dashboard h1 button.add.undo svg { position: absolute; top: 2px; left: 2px; margin: 0; vertical-align: middle; width: 18px; height: 18px; } div.dashboard h1 a.add .circleBackground, div.dashboard h1 button.add .circleBackground { stroke: #E1E8F0; } div.dashboard h1 a.add .circle, div.dashboard h1 button.add .circle { stroke: #2D93AD; } div.dashboard h1 a.add[disabled], div.dashboard h1 button.add[disabled] { background: #7F7F98; pointer-events: none; } div.dashboard h1 a.add[disabled]:hover, div.dashboard h1 a.add[disabled]:active, div.dashboard h1 a.add[disabled]:focus, div.dashboard h1 button.add[disabled]:hover, div.dashboard h1 button.add[disabled]:active, div.dashboard h1 button.add[disabled]:focus { background: #7F7F98; color: white; } div.dashboard h1 a.add.undo, div.dashboard h1 button.add.undo { position: relative; } div.dashboard h1 a.add.undo svg, div.dashboard h1 button.add.undo svg { display: inline-block; } @media (max-width: 480px) { div.dashboard h1 a.add, div.dashboard h1 button.add { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; display: inline-block; font-weight: bold; font-size: 1.4rem; line-height: 1.5; font-family: 'Nunito Sans', sans-serif; padding: 8px 18px; margin: 0 5px; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; color: #7F7F98; background: transparent; border: 1px solid #7F7F98; display: block; float: none; margin: 15px auto 0 auto; max-width: 200px; font-size: 12px; padding: 3px 8px; } div.dashboard h1 a.add i, div.dashboard h1 button.add i { -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } div.dashboard h1 a.add:hover, div.dashboard h1 a.add:focus, div.dashboard h1 a.add:active, div.dashboard h1 button.add:hover, div.dashboard h1 button.add:focus, div.dashboard h1 button.add:active { color: white; background: #7F7F98; border-color: #7F7F98; text-decoration: none; } div.dashboard h1 a.add:hover i, div.dashboard h1 a.add:focus i, div.dashboard h1 a.add:active i, div.dashboard h1 button.add:hover i, div.dashboard h1 button.add:focus i, div.dashboard h1 button.add:active i { color: white; } div.dashboard h1 a.add[disabled], div.dashboard h1 a.add.disabled, div.dashboard h1 button.add[disabled], div.dashboard h1 button.add.disabled { background: transparent; cursor: not-allowed; color: rgba(22, 66, 91, 0.25); border-color: rgba(22, 66, 91, 0.25); } div.dashboard h1 a.add[disabled] i, div.dashboard h1 a.add.disabled i, div.dashboard h1 button.add[disabled] i, div.dashboard h1 button.add.disabled i { color: rgba(22, 66, 91, 0.25); } div.dashboard h1 a.add[disabled]:hover, div.dashboard h1 a.add[disabled]:focus, div.dashboard h1 a.add[disabled]:active, div.dashboard h1 a.add.disabled:hover, div.dashboard h1 a.add.disabled:focus, div.dashboard h1 a.add.disabled:active, div.dashboard h1 button.add[disabled]:hover, div.dashboard h1 button.add[disabled]:focus, div.dashboard h1 button.add[disabled]:active, div.dashboard h1 button.add.disabled:hover, div.dashboard h1 button.add.disabled:focus, div.dashboard h1 button.add.disabled:active { color: rgba(22, 66, 91, 0.25); background: transparent; border-color: rgba(22, 66, 91, 0.25); } div.dashboard h1 a.add[disabled]:hover i, div.dashboard h1 a.add[disabled]:focus i, div.dashboard h1 a.add[disabled]:active i, div.dashboard h1 a.add.disabled:hover i, div.dashboard h1 a.add.disabled:focus i, div.dashboard h1 a.add.disabled:active i, div.dashboard h1 button.add[disabled]:hover i, div.dashboard h1 button.add[disabled]:focus i, div.dashboard h1 button.add[disabled]:active i, div.dashboard h1 button.add.disabled:hover i, div.dashboard h1 button.add.disabled:focus i, div.dashboard h1 button.add.disabled:active i { color: rgba(22, 66, 91, 0.25); } div.dashboard h1 a.add[disabled], div.dashboard h1 button.add[disabled] { background: #7F7F98; pointer-events: none; } div.dashboard h1 a.add[disabled]:hover, div.dashboard h1 a.add[disabled]:active, div.dashboard h1 a.add[disabled]:focus, div.dashboard h1 button.add[disabled]:hover, div.dashboard h1 button.add[disabled]:active, div.dashboard h1 button.add[disabled]:focus { background: #7F7F98; color: white; } div.dashboard h1 a.add.undo, div.dashboard h1 button.add.undo { position: relative; } div.dashboard h1 a.add.undo svg, div.dashboard h1 button.add.undo svg { display: inline-block; } } @media (max-width: 480px) { div.dashboard h1 { text-align: center; margin-bottom: 35px; } } div.dashboard section.decisions > h2, div.dashboard section.projects > h2 { margin-bottom: 15px; } @media (max-width: 480px) { div.dashboard section.decisions > h2, div.dashboard section.projects > h2 { text-align: center; } } div.dashboardFilter form { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; margin: 0; padding: 0; } div.dashboardFilter form label { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; display: inline-block; position: relative; margin-bottom: 0; } @media (max-width: 640px) { div.dashboardFilter form label { -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; margin-left: auto; } } div.dashboardFilter form div.Select, div.dashboardFilter form select { -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; } @media (max-width: 640px) { div.dashboardFilter form div.Select, div.dashboardFilter form select { margin-right: auto; } } div.dashboardFilter form .Select-placeholder, div.dashboardFilter form .Select--single > .Select-control .Select-value { line-height: 34px; } div.dashboardFilter form .Select-input { height: 28px; } div.dashboardFilter form .Select-input > input { height: 20px; padding-left: 4px; } div.dashboardFilter form div.Select .Select-menu-outer { left: auto; right: 0; text-align: left; border-radius: 4px; border-top: 5px solid #2D93AD; min-width: 200px; } div.dashboardFilter form div.Select .Select-arrow { border-color: #5A5A70 transparent transparent; } div.dashboardFilter form div.Select .Select-arrow-zone:hover .Select-arrow { border-color: #7F7F98 transparent transparent; } div.dashboardFilter form div.Select .Select-control { border-radius: 4px; border: 0; background: transparent; } div.dashboardFilter form div.Select .Select-control:hover { box-shadow: none; background: rgba(127, 127, 152, 0.1); } div.dashboardFilter form div.Select .Select-control .Select-multi-value-wrapper { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; } div.dashboardFilter form div.Select .Select-control .Select-multi-value-wrapper .Select-value { -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: bold; position: relative; padding-right: 0; max-width: 100%; } div.dashboardFilter form div.Select .Select-control .Select-multi-value-wrapper .Select-input { text-align: left; padding: 0; } section.projects { margin-bottom: 30px; } section.projects h2 { margin-bottom: 15px; } section.projects ul { flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: calc(100% + 10px); position: relative; left: -5px; list-style: none; margin: 0; padding: 0; } @media (max-width: 480px) { section.projects ul { display: block; width: 100%; left: 0; } } section.projects ul li { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex-direction: row; -webkit-flex-direction: row; display: -moz-flex; display: -ms-flex; display: flex; display: -webkit-flex; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0px 1px 2px 0px rgba(42, 61, 71, 0.3); -ms-box-shadow: 0px 1px 2px 0px rgba(42, 61, 71, 0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(42, 61, 71, 0.3); -webkit-box-shadow: 0px 1px 2px 0px rgba(42, 61, 71, 0.3); box-shadow: 0px 1px 2px 0px rgba(42, 61, 71, 0.3); -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; background: white; cursor: pointer; position: relative; min-width: 242px; max-width: 316px; margin: 0 5px 10px 5px; } @media (max-width: 1200px) { section.projects ul li { min-width: 180px; max-width: 242px; } } @media (max-width: 860px) { section.projects ul li { max-width: 282px; } } @media (max-width: 480px) { section.projects ul li { -moz-box-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; min-width: 100%; max-width: 100%; margin: 0 0 10px 0; } } section.projects ul li .configure { -moz-box-flex: 0; -ms-flex: 0; flex: 0; -webkit-box-flex: 0; -webkit-flex: 0; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; max-width: 40px; min-width: 40px; font-size: 16px; padding: 10px 0; position: relative; text-align: center; z-index: 50; position: relative; } section.projects ul li .configure i { display: inline-block; color: #7F7F98; line-height: 40px; text-align: center; text-decoration: none; } section.projects ul li .configure:before { content: ""; width: 0; height: 60%; top: 20%; position: absolute; left: 0; border-left: 1px solid #E1E8F0; } section.projects ul li .configure:hover i { color: #2D93AD; opacity: 1; } section.projects ul li a.project { -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-self: center; font-weight: bold; font-size: 1.6rem; line-height: 1.2; min-width: 0; padding: 10px 13px 10px 20px; color: #16425B; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } section.projects ul li a.project:hover { color: #2D93AD; text-decoration: underline; } section.projects ul li a.project:hover small { text-decoration: none; } section.projects ul li a.project small { display: inline-block; font-size: 1.2rem; color: #b8b8c5; } section.projects ul li.empty { height: 0; border: none; padding: 0; } @media (max-width: 480px) { section.projects ul li.empty { display: none; } } section.projects ul li:hover, section.projects ul li:focus { -o-box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); -ms-box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); -moz-box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); -webkit-box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); box-shadow: 0px 5px 20px 0px rgba(42, 61, 71, 0.5); } section.projects ul li.add { -o-box-shadow: rgba(30, 170, 82, 0) 0px 0px 0px 0px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; -ms-box-shadow: rgba(30, 170, 82, 0) 0px 0px 0px 0px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; -moz-box-shadow: rgba(30, 170, 82, 0) 0px 0px 0px 0px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; -webkit-box-shadow: rgba(30, 170, 82, 0) 0px 0px 0px 0px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; box-shadow: rgba(30, 170, 82, 0) 0px 0px 0px 0px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; background: rgba(0, 0, 0, 0.025); outline: 4px solid; outline-color: rgba(255, 255, 255, 0); outline-offset: 0px; transform: rotateX(0deg); min-width: 200px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } section.projects ul li.add:hover, section.projects ul li.add:focus { -o-box-shadow: rgba(30, 170, 82, 0.75) 0px 0px 0px 5px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; -ms-box-shadow: rgba(30, 170, 82, 0.75) 0px 0px 0px 5px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; -moz-box-shadow: rgba(30, 170, 82, 0.75) 0px 0px 0px 5px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; -webkit-box-shadow: rgba(30, 170, 82, 0.75) 0px 0px 0px 5px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; box-shadow: rgba(30, 170, 82, 0.75) 0px 0px 0px 5px, inset rgba(211, 211, 211, 0.8) 0px 0px 4px 0px; background: white; z-index: 300; } section.projects ul li.add:hover .configure i, section.projects ul li.add:focus .configure i { color: #1EAA52; } section.projects ul li.add a.project { color: #1EAA52; overflow: visible; text-overflow: none; } section.projects ul li.add .configure i { opacity: 1; color: #1EAA52; } section.projects ul li.add .configure:before { border-left: 0; } section.projects ul li.add span.onboarding { display: none; } section.projects ul li.add:first-of-type { flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; min-width: 100%; max-width: 100%; margin: 0; } section.projects ul li.add:first-of-type:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -o-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; -ms-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; -moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background: #88eaac; color: #16425B; font-weight: normal; content: "It looks like this organization doesn't have any projects. Add your first one to start using Memorist!"; min-width: 100%; text-align: left; display: block; margin: 0; padding: 10px 20px; cursor: default; } section.projects ul li.add:first-of-type:before:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.projects ul li.add:first-of-type:before { height: 1px; } .undo-timer { -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .undo-timer .circle { stroke-dasharray: 51; stroke-dashoffset: 0; animation-iteration-count: 1; animation-name: rotate; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes rotate { to { stroke-dashoffset: 51; } } body > ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { list-style: none; margin: 0; padding: 0; font-family: 'Nunito Sans', sans-serif; color: #7F7F98; } body > ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front > li.ui-menu-item, body > ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front > li.ui-menu-item > div.ui-menu-item-wrapper { background: white; border: 0; color: #7F7F98; } body > ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front > li.ui-menu-item:hover, body > ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front > li.ui-menu-item:focus, body > ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front > li.ui-menu-item > div.ui-menu-item-wrapper:hover, body > ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front > li.ui-menu-item > div.ui-menu-item-wrapper:focus { background: #2D93AD; color: white; } body > ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front > li.ui-menu-item > div.ui-menu-item-wrapper { cursor: pointer; padding: 8px; } h1 { color: #16425B; font-size: 2.8rem; font-weight: 900; letter-spacing: -0.5px; line-height: 1.2; margin-bottom: 15px; } h1 a.button { float: right; margin-top: 5px; } h1 small { font-size: 1.2rem; color: #b8b8c5; font-weight: bold; letter-spacing: 0; display: block; } h1.warning { color: #FE5F55; } sup { font-weight: normal; font-size: 50%; display: inline; position: relative; bottom: 1rem; } h2 { color: #16425B; font-size: 1.8rem; font-weight: bold; line-height: 1.3; margin-bottom: 10px; } h3 { color: #5A5A70; font-size: 1.5rem; font-weight: bold; line-height: 1.3; margin-bottom: 10px; } p { margin-bottom: 15px; } p.small { font-size: 12px; } a { color: #2D93AD; } a:hover, a:focus { color: #40b1cd; } img { max-width: 100%; } strong { font-weight: 700; } .show-on-empty { display: none; } .align-center { text-align: center; } .recaptcha-styles { margin-top: 2rem; margin-left: auto; margin-right: auto; } .error { color: red; } /*! jQuery UI - v1.12.1 - 2017-02-08 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/static/css/images/ui-icons_444444_256x240.d10bc07005bb.png?224b00514bf4")}.ui-widget-header .ui-icon{background-image:url("/static/css/images/ui-icons_444444_256x240.d10bc07005bb.png?224b00514bf4")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/static/css/images/ui-icons_555555_256x240.00dd0ec0a16a.png?224b00514bf4")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/static/css/images/ui-icons_ffffff_256x240.ea4ebe072be7.png?224b00514bf4")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/static/css/images/ui-icons_777620_256x240.4e7e3e142f39.png?224b00514bf4")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/static/css/images/ui-icons_cc0000_256x240.093a81913827.png?224b00514bf4")}.ui-button .ui-icon{background-image:url("/static/css/images/ui-icons_777777_256x240.40bf25799e4f.png?224b00514bf4")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /*! * 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-face{font-family:'FontAwesome';src:url("/static/css/fonts/fontawesome-webfont.674f50d287a8.eot?v=4.7.0&224b00514bf4");src:url("/static/css/fonts/fontawesome-webfont.674f50d287a8.eot?&224b00514bf4#iefix&v=4.7.0") format('embedded-opentype'),url("/static/css/fonts/fontawesome-webfont.af7ae505a9ee.woff2?v=4.7.0&224b00514bf4") format('woff2'),url("/static/css/fonts/fontawesome-webfont.fee66e712a8a.woff?v=4.7.0&224b00514bf4") format('woff'),url("/static/css/fonts/fontawesome-webfont.b06871f281fe.ttf?v=4.7.0&224b00514bf4") format('truetype'),url("/static/css/fonts/fontawesome-webfont.912ec66d7572.svg?v=4.7.0&224b00514bf4#fontawesomeregular") 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}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-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);-ms-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{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}.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}