@import url('https://fonts.googleapis.com/css?family=Quicksand:300,500,600&display=swap&subset=latin-ext');

:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}

html * { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; box-sizing:border-box; text-rendering:optimizeLegibility; }
html, body { position:relative; height:100%; width:100%; font-family:'Quicksand', Arial, sans-serif; font-size:16px; font-weight:400; color:#344050; }
.login-wrapper { position:relative; height:100%; width:100%; background:linear-gradient(135deg, #fff 0%, #EDF2F9 100%); }
.login-wrapper::before { content:''; position:fixed; height:100%; width:125%; right:0; top:60%; left:-22%; transform:rotate(15deg); background:linear-gradient(135deg, #EDF2F9 0%, #fff 100%); }
.login-wrapper .outer { display:table; height:100%; width:100%; }
.login-wrapper .inner { display:table-cell; height:100%; width:100%; vertical-align:middle; }
.login-wrapper .panel { word-wrap:break-word; width:380px; margin:auto; position:relative; }
.login-wrapper .panel .panel-content { padding:13px 20px; }

.login-wrapper .logo-area { display:block; line-height:1.3em; font-weight:800; letter-spacing:-1px; font-size:31px; color:#303F9F; }
.login-wrapper .logo-area span { font-weight:100; }
.login-wrapper .logo-area span sup { font-size:10px; vertical-align:super; }

input[type="text"], input[type="password"] { width:100%; display:block; border:1px solid #E2E5EC; height:48px; line-height:48px; border-radius:4px; padding:0 15px; color:#6C757D; transition:0.5s ease border, 0.5s ease color; margin-top:15px; }
input[type="text"]:hover, input[type="password"]:hover, input[type="text"]:focus, input[type="password"]:focus { color:#344050; border:1px solid #6C757D; }
input.error[type="text"], input.error[type="password"] { border:1px solid #DC3545; }
input:focus { outline:none; }

/* Checkbox */
.checkbox-area { display:inline-block; margin-top:15px; margin-right:15px; position:relative; top:2px; }
input[type="checkbox"] { -webkit-appearance:none; appearance:none; background-color:#FFF; margin:0; font:inherit; color:#E2E5EC; width:24px; height:24px; border:1px solid #E2E5EC; border-radius:4px; display:grid; place-content:center; }
input[type="checkbox"]::before { content:""; width:16px; height:16px; border-radius:4px; transform:scale(0); transform-origin:center center; transition: 120ms transform ease-in-out; background-color:#303F9F; }
input[type="checkbox"]:checked::before { transform:scale(1); }
input[type="checkbox"]:focus { outline:none; }
input[type="checkbox"]:disabled { opacity:0.5; cursor: not-allowed; }

input[type="submit"] { color:#FFF; border:none; line-height:48px; height:48px; border-radius:4px; width:100%; margin-top:30px; background:-webkit-linear-gradient(45deg, #303F9F, #7B1FA2, #303F9F); background:linear-gradient(45deg, #303F9F, #7B1FA2, #303F9F); transition:background 0.5s ease; font-weight:800; background-size:200% 100%; }
input[type="submit"]:hover { background-position:100% 0px; }

p { font-size:12px; margin-top:15px; line-height:1.3em; }
p.large { font-size:15px; margin-top:15px; line-height:1.55em; }
p a { color:#007BFF; }
p a:hover { color:#0886DE; }

.form-item { position:relative; padding-bottom:17px;  }
/* Error messages */
.form-item .error-msg { display:none; position:absolute; bottom:0; left:15px; }
.form-item.error .error-msg { display:block; color:#DC3545; font-size:11px; }
.form-item.error input[type="text"], .form-item.error input[type="password"], .form-item.error input[type="email"], .form-item.error input[type="number"], .form-item.error textarea { border:1px solid #DC3545; }

/* Feedback bar (growl) */
#feedbackarea { position:fixed; z-index:1000000; top:0px; left:0; width:100%; padding:10px 20px; }
.feedbackbar { position:relative; width:100%; background:#FFF; min-height:62px; padding:18px 60px 18px 30px; margin-bottom:10px; border-radius:6px; box-shadow: 0 7px 14px 0 rgba(65,69,88,.1), 0 3px 6px 0 rgba(0,0,0,.07); }
.feedbackbar i { position:absolute; top:22px; right:30px; cursor:pointer; }
.feedbackbar.error { background:#FEE4E1; color:#FF0000; }
.feedbackbar.success { background:#DEF3E4; color:#008000; }
.feedbackbar.warning { background:#FFF7E7; color:#FFA500; }
.feedbackbar.info { background:#DEEAF5; color:#303F9F; }


.servermode { float:right; font-size:14px; display:inline-block; padding:0px 10px; border-radius:10px; margin-top:4px; }
.servermode.local { background:#DEEAF5; color:#303F9F; }
.servermode.live { background:#DEF3E4; color:#008000; }
.servermode.dev-staging { background:#FFF7E7; color:#FFA500; }
.servermode.staging { background:#FEE4E1; color:#FF0000; }