/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}*{box-sizing:inherit}body,html{font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;height:100%}body{color:#111;font-size:1.1em;line-height:1.5;background:#fff}h1,h2,h3,h4,h5,h6{margin:0;padding:.6em 0}li{margin:0 0 .3em}a{color:#0074d9;text-decoration:none;box-shadow:none;transition:all .3s}a:focus,a:hover{box-shadow:0 2px 0 0 #0074d9}a:active{color:#fff;background:#0074d9;border-radius:.2em}code{padding:.3em .6em;font-size:.8em;background:#f5f5f5}pre{text-align:left;padding:.3em .6em;background:#f5f5f5;border-radius:.2em}pre code{padding:0}blockquote{padding:0 0 0 1em;margin:0 0 0 .1em;box-shadow:inset 5px 0 rgba(17,17,17,.3)}label{cursor:pointer}[class*=" icon-"]:before,[class^=icon-]:before{margin:0 .6em 0 0}i[class*=" icon-"]:before,i[class^=icon-]:before{margin:0}.button,.dropimage,.label,[data-tooltip]:after,[type=submit],button{display:inline-block;text-align:center;margin:0;padding:.3em .9em;vertical-align:middle;background:#0074d9;color:#fff;border:0;border-radius:.2em;width:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.label.success,.success.button,.success.dropimage,.success[data-tooltip]:after,.success[type=submit],button.success{background:#2ecc40}.label.warning,.warning.button,.warning.dropimage,.warning[data-tooltip]:after,.warning[type=submit],button.warning{background:#ff851b}.error.button,.error.dropimage,.error[data-tooltip]:after,.error[type=submit],.label.error,button.error{background:#ff4136}.label.pseudo,.pseudo.button,.pseudo.dropimage,.pseudo[data-tooltip]:after,.pseudo[type=submit],button.pseudo{background:0 0;color:#111}.label,[data-tooltip]:after{font-size:.6em;padding:.4em .6em;margin-left:1em;line-height:1}.button,.dropimage,[type=submit],button{margin:.3em 0;cursor:pointer;transition:all .3s;height:auto}.button:focus,.button:hover,.dropimage:focus,.dropimage:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{box-shadow:inset 0 0 0 99em rgba(255,255,255,.2);border:0}.button.pseudo:focus,.button.pseudo:hover,.pseudo.dropimage:focus,.pseudo.dropimage:hover,[type=submit].pseudo:focus,[type=submit].pseudo:hover,button.pseudo:focus,button.pseudo:hover{box-shadow:inset 0 0 0 99em rgba(17,17,17,.1)}.active.dropimage,.button.active,.button.pseudo:active,.button:active,.dropimage:active,.pseudo.dropimage:active,[type=submit].active,[type=submit].pseudo:active,[type=submit]:active,button.active,button.pseudo:active,button:active{box-shadow:inset 0 0 0 99em rgba(17,17,17,.2)}.button[disabled],[disabled].dropimage,[type=submit][disabled],button[disabled]{cursor:default;box-shadow:none;background:#bbb}:checked+.toggle,:checked+.toggle:hover{box-shadow:inset 0 0 0 99em rgba(17,17,17,.2)}[type]+.toggle{padding:.3em .9em;margin-right:0}[type]+.toggle:after,[type]+.toggle:before{display:none}.select select,input,textarea{line-height:1.5;margin:0;height:2.1em;padding:.3em .6em;border:1px solid #ccc;border-radius:.2em;transition:all .3s;width:100%}.select select:focus,input:focus,textarea:focus{border:1px solid #0074d9;outline:0}textarea{height:auto}[type=color],[type=file]{cursor:pointer}[type=file]{height:auto}select{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjMiPjxwYXRoIGQ9Im0gMCwxIDEsMiAxLC0yIHoiLz48L3N2Zz4=) calc(100% - 15px) center/10px 15px no-repeat #fff;border:1px solid #ccc;border-radius:.2em;cursor:pointer;width:100%;height:2.1em;box-sizing:border-box;padding:.3em .45em;transition:all .3s;-moz-appearance:none;-webkit-appearance:none;appearance:none}select::-ms-expand{display:none}select:active,select:focus{border:1px solid #0074d9;transition:outline 0s}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #111}select option{font-size:inherit;padding:.3em .45em}[type=checkbox],[type=radio]{opacity:0;width:0;position:absolute;display:inline-block}[type=checkbox]+.checkable:hover:before,[type=checkbox]:focus+.checkable:before,[type=radio]+.checkable:hover:before,[type=radio]:focus+.checkable:before{border:1px solid #0074d9}[type=checkbox]+.checkable,[type=radio]+.checkable{position:relative;cursor:pointer;padding-left:1.5em;margin-right:.6em}[type=checkbox]+.checkable:after,[type=checkbox]+.checkable:before,[type=radio]+.checkable:after,[type=radio]+.checkable:before{content:'';position:absolute;display:inline-block;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1em;line-height:1em;color:transparent;font-family:sans;text-align:center;box-sizing:border-box;width:1em;height:1em;border-radius:50%;transition:all .3s}[type=checkbox]+.checkable:before,[type=radio]+.checkable:before{border:1px solid #aaa}[type=checkbox]:checked+.checkable:after,[type=radio]:checked+.checkable:after{background:#555;-webkit-transform:scale(.5) translateY(-100%);transform:scale(.5) translateY(-100%)}[type=checkbox]+.checkable:before{border-radius:.2em}[type=checkbox]+.checkable:after{content:'\2714';background:0 0;-webkit-transform:scale(2) translateY(-25%);transform:scale(2) translateY(-25%)}[type=checkbox]:checked+.checkable:after{color:#111;background:0 0;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s}table{text-align:left}td,th{padding:.3em 2.4em .3em .6em}th{text-align:left;font-weight:900;color:#fff;background-color:#0074d9}.success th{background-color:#2ecc40}.warning th{background-color:#ff851b}.error th{background-color:#ff4136}.dull th{background-color:#aaa}tr:nth-child(even){background:rgba(0,0,0,.05)}.row>*{margin:.6em 0}@media (min-width:60em){.row{width:calc(100% + 2 * .6em);display:table;table-layout:fixed;border-spacing:.6em 0;margin:.6em 0 .6em -.6em}.row>*{display:table-cell;vertical-align:top;margin:0}.none{display:none}.half{width:50%}.third{width:33.3333%}.two-third{width:66.6666%}.fourth{width:25%}.three-fourth{width:75%}.fifth{width:20%}.two-fifth{width:40%}.three-fifth{width:60%}.four-fifth{width:80%}}nav{position:fixed;top:0;left:0;right:0;height:3em;padding:0 .6em;background:#fff;box-shadow:0 0 .2em rgba(17,17,17,.2);z-index:10;transition:all .3s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}nav .brand,nav .burger,nav .menu{float:right;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}nav .brand{font-weight:700;float:left;padding:0 .6em;max-width:50%;white-space:nowrap;color:#111}nav .brand *{vertical-align:middle}nav .logo{height:2em;margin-right:.3em}nav .select::after{height:calc(100% - 1px);padding:0;line-height:2.4em}nav .menu>*{margin-right:.3em}.burger{display:none}@media all and (max-width:60em){nav .burger{display:inline-block;cursor:pointer;bottom:-1000em;margin:0}nav .menu,nav .show:checked~.burger{position:fixed;min-height:100%;width:0;overflow:hidden;top:0;right:0;bottom:-1000em;margin:0;background:#fff;transition:all .3s ease;-webkit-transform:none;transform:none}nav .show:checked~.burger{color:transparent;width:100%;border-radius:0;background:rgba(0,0,0,.2);transition:all .3s ease}nav .show:checked~.menu{width:70%;overflow:auto;transition:all .3s ease}nav .menu>*{display:block;margin:.3em;text-align:left}nav .menu>a{padding:.3em .9em}}.stack,.stack .toggle{margin-top:0;margin-bottom:0;display:block;width:100%;text-align:left;border-radius:0}.stack:first-child,.stack:first-child .toggle{border-top-left-radius:.2em;border-top-right-radius:.2em}.stack:last-child,.stack:last-child .toggle{border-bottom-left-radius:.2em;border-bottom-right-radius:.2em}input.stack,select.stack,textarea.stack{transition:border-bottom 0 ease 0;border-bottom-width:0}input.stack:last-child,select.stack:last-child,textarea.stack:last-child{border-bottom-width:1px}input.stack:focus+input,input.stack:focus+select,input.stack:focus+textarea,select.stack:focus+input,select.stack:focus+select,select.stack:focus+textarea,textarea.stack:focus+input,textarea.stack:focus+select,textarea.stack:focus+textarea{border-top-color:#0074d9}.card,.modal .overlay~*{position:relative;box-shadow:0;border-radius:.2em;border:1px solid #ccc;overflow:hidden;text-align:left;background:#fff;margin-bottom:.6em;padding:0}.card>*,.modal .overlay~*>*{width:100%;display:block}.card>:last-child,.modal .overlay~*>:last-child{margin-bottom:0}.card header,.card section,.card>p,.modal .overlay~* header,.modal .overlay~* section,.modal .overlay~*>p{padding:.6em .8em}.card section,.modal .overlay~* section{padding:.6em .8em 0}.card header,.modal .overlay~* header{font-weight:700;position:relative;border-bottom:1px solid #eee}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6,.modal .overlay~* header h1,.modal .overlay~* header h2,.modal .overlay~* header h3,.modal .overlay~* header h4,.modal .overlay~* header h5,.modal .overlay~* header h6{padding:0;margin:0 2em 0 0;line-height:1;display:inline-block}.card header:last-child,.modal .overlay~* header:last-child{border-bottom:0}.card footer,.modal .overlay~* footer{padding:.8em}.card p,.modal .overlay~* p{margin:.3em 0}.card p:first-child,.modal .overlay~* p:first-child{margin-top:0}.card p:last-child,.modal .overlay~* p:last-child{margin-bottom:0}.card>p,.modal .overlay~*>p{margin:0;padding-right:2.5em}.card .close,.modal .overlay~* .close{position:absolute;top:.4em;right:.3em;font-size:1.2em;padding:0 .5em;cursor:pointer;width:auto}.card .close:hover,.modal .overlay~* .close:hover{color:#ff4136}.card h1+.close,.modal .overlay~* h1+.close{margin:.2em}.card h2+.close,.modal .overlay~* h2+.close{margin:.1em}.card .dangerous,.modal .overlay~* .dangerous{background:#ff4136;float:right}.modal{text-align:center}.modal>input{display:none}.modal>input~*{opacity:0;max-height:0;overflow:hidden}.modal .overlay{top:0;left:0;bottom:0;right:0;position:fixed;margin:0;border-radius:0;background:rgba(17,17,17,.6);transition:all .3s;z-index:99}.modal .overlay:after,.modal .overlay:before{display:none}.modal .overlay~*{border:0;position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(.2,.2);transform:translateX(-50%) translateY(-50%) scale(.2,.2);z-index:100;transition:all .3s}.modal>input:checked~*{display:block;opacity:1;max-height:10000px;transition:all .3s}.modal>input:checked~.overlay~*{max-height:90%;overflow:auto;-webkit-transform:translateX(-50%) translateY(-50%) scale(1,1);transform:translateX(-50%) translateY(-50%) scale(1,1)}@media (max-width:60em){.modal .overlay~*{min-width:90%}}.dropimage{position:relative;display:block;padding:0 0 56.25%;overflow:hidden;cursor:pointer;border:0;background-color:#ddd;background-size:cover;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2ZXJzaW9uPSIxLjEiPjxnIHN0eWxlPSJmaWxsOiMzMzMiPjxwYXRoIGQ9Ik0gMTg3IDIzMCBDIDE3NSAyMzAgMTY1IDI0MCAxNjUgMjUyIEwgMTY1IDMwMCBMIDE2NSA0MDggQyAxNjUgNDIwIDE3NSA0MzAgMTg3IDQzMCBMIDQ2MyA0MzAgQyA0NzUgNDMwIDQ4NSA0MjAgNDg1IDQwOCBMIDQ4NSAzMDAgTCA0ODUgMjUyIEMgNDg1IDI0MCA0NzUgMjMwIDQ2MyAyMzAgTCAxODcgMjMwIHogTSAzNjAgMjU2IEEgNzAgNzIgMCAwIDEgNDMwIDMyOCBBIDcwIDcyIDAgMCAxIDM2MCA0MDAgQSA3MCA3MiAwIDAgMSAyOTAgMzI4IEEgNzAgNzIgMCAwIDEgMzYwIDI1NiB6Ii8+PGNpcmNsZSBjeD0iMzYwIiBjeT0iMzMwIiByPSI0MSIvPjxwYXRoIGQ9Im0yMDUgMjI1IDUtMTAgMjAgMCA1IDEwLTMwIDAiLz48cGF0aCBkPSJNMjg1IDIwMEwyNzAgMjI1IDM3NiAyMjUgMzYxIDIwMCAyODUgMjAwek0zMTAgMjA1TDMzNyAyMDUgMzM3IDIxOCAzMTAgMjE4IDMxMCAyMDV6Ii8+PHBhdGggZD0ibTQwNSAyMjUgNS0xMCAyMCAwIDUgMTAtMzAgMCIvPjwvZz48L3N2Zz4=)}.dropimage input{left:0;width:100%;height:100%;border:0;margin:0;padding:0;opacity:0;position:absolute}.tabs{position:relative;overflow:hidden}.tabs>.row{width:calc(100% + 2 * .6em);display:table;table-layout:fixed;position:relative;padding-left:0;transition:all .3s;border-spacing:0;margin:.6em 0}.tabs>.row:after,.tabs>.row:before{display:none}.tabs>.row img,.tabs>.row>*{display:table-cell;vertical-align:top;margin:0;width:100%}.tabs>input{display:none}.tabs>input+*{width:100%}.tabs>input+label{width:auto}.tabs.two .row{width:200%;left:-100%}.tabs.two input:nth-of-type(1):checked~.row{margin-left:100%}.tabs.three .row{width:300%;left:-200%}.tabs.three input:nth-of-type(1):checked~.row{margin-left:200%}.tabs.three input:nth-of-type(2):checked~.row{margin-left:100%}.tabs.four .row{width:400%;left:-300%}.tabs.four input:nth-of-type(1):checked~.row{margin-left:300%}.tabs.four input:nth-of-type(2):checked~.row{margin-left:200%}.tabs.four input:nth-of-type(3):checked~.row{margin-left:100%}[data-tooltip]{position:relative}[data-tooltip]:after,[data-tooltip]:before{position:absolute;z-index:10;opacity:0;border-width:0;height:0;padding:0;overflow:hidden;transition:opacity .6s ease,height 0s ease .6s;top:calc(100% - 6px);left:0;margin-top:12px}[data-tooltip]:after{margin-left:0;font-size:.8em;background:#111;content:attr(data-tooltip);white-space:nowrap}[data-tooltip]:before{content:'';width:0;height:0;border-width:0;border-style:solid;border-color:transparent transparent #111;margin-top:0;left:10px}[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;border-width:6px;height:auto}[data-tooltip]:focus:after,[data-tooltip]:hover:after{padding:.45em .9em}.tooltip-top:after,.tooltip-top:before{top:auto;bottom:calc(100% - 6px);left:0;margin-bottom:12px}.tooltip-top:before{border-color:#111 transparent transparent;margin-bottom:0;left:10px}.tooltip-right:after,.tooltip-right:before{left:100%;margin-left:6px;margin-top:0;top:0}.tooltip-right:before{border-color:transparent #111 transparent transparent;margin-left:-6px;left:100%;top:7px}.tooltip-left:after,.tooltip-left:before{right:100%;margin-right:6px;left:auto;margin-top:0;top:0}.tooltip-left:before{border-color:transparent transparent transparent #111;margin-right:-6px;right:100%;top:7px}
#page-container{
    max-width: 1600px;
    margin: 0 auto;
}

.main-screen{
  padding-bottom: 50px;
  padding-top: 50px;
}

.main-screen button{
    width: 100%;
    border-radius: 0;
    font-size: 1.4em;
}

.cm-s-material {
    height: 720px !important;
}

.login form{
    padding: 10px;
}

/* old main */
.debug {
    background-color: rgb(185, 185, 155);
}

* {
    box-sizing: border-box;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*main*/
h1 {
    font-size: 140%;
}

h2 {
    font-size: 130%;
}

h3 {
    font-size: 120%;
}

h4 {
    font-size: 110%;
}

.warning {
    background-color: orange;
}

.success {
    background-color: rgb(28, 176, 28);
}

body {
    font-size: 20px;
    line-height: 1.3;
    font-family: sans-serif;
}

.content {
    width: 100%;
    margin: 15px auto;
}

.block-center {
    display: inline-block;
}

button.btn-lg {
    cursor: pointer;
    padding: 5px 25px;
    background: lightblue;
    border: 1px solid lightsteelblue;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .75);
    box-shadow: 0 0 4px rgba(0, 0, 0, .75);
    /*style the text*/
    color: black;
    font-size: 1.1em;
    padding: 10px;
    min-width: 200px;
}

button.btn-lg:hover, button.btn-lg:focus {
    background-color: cornflowerblue;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .75);
    box-shadow: 0 0 1px rgba(0, 0, 0, .75);
}

.ui-btn-sm {
    display: inline-block;
    width: 200px;
    padding: 14px;
    margin: 10px;
}

.ui-btn-xs {
    display: inline-block;
    width: 150px;
    padding: 14px;
    margin: 10px;
    border-radius: 4px;
}

.ui-btn-xxs {
    display: inline-block;
    width: 100px;
    padding: 14px;
    margin: 10px;
    border-radius: 4px;
}

.ui-btn-lg {
    display: inline-block;
    width: 220px;
    padding: 20px;
    margin: 20px;
    border-radius: 4px;
}

/*mainly index.html*/
div#mainNav a {
    font-size: x-large;
    line-height: 4em;
    width: 260px;
    float: left;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 5px solid white;
}

div#mainNav {
    display: flex;
    flex-direction: column;
    align-items: center;
    display: block;
    width: 800px;
    margin: 20px auto;
}

header {
    border-width: 1px 0;
    border-style: solid;
    position: relative;
    background-color: #1d1d1d;
    border-color: #1b1b1b;
    color: #fff;
    font-weight: 700;
    display: block;
    padding: 5px;
}

header #theirworld-title {
    background-color: #1d1d1d;
    color: white;
    font-size: 30pt;
    padding: 5px;
    text-align: center;
}

.ui-title {
    font-size: 1.4rem;
    min-height: 1rem;
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    color: white;
    margin-bottom: 12px;
}

.ui-default {
    color: white;
}

.ui-client {
    color: #fc0;
}

.ui-title a {
    color: white;
    text-decoration: none;
    font-size: 1em;
}

#preloader {
    width: 300px;
    height: 300px;
    margin: 30px auto;
}

#preloader img {
    width: 100%;
    height: 100%;
}

/* Starting to refactor in 3rd party */
.bookspan-container {
    background-color: lightgreen;
    color: black;
}

.ngs-container {
    background-color: #fc0;
    color: black;
}

.vetz-container {
    background-color: red;
    color: black;
}

.grey-container {
    background-color: grey;
    color: white;
}


.default a {
    font-size: x-large;
    line-height: 4em;
    width: 260px;
    float: left;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 5px solid white;
    background-color: lightgray;
}

.default .options {
    display: block;
    width: 80%;
    margin: 20px auto;
}

div#receivers input {
    font-size: xx-large;
}

div#receivers div[data-role="content"] {
    /*width: 80%;*/
    margin-top: 90px;
}

div[data-role="fieldcontain"] {
    display: block;
    padding: 0 25%;
}

div#receivers div[data-role="content"] button {
    margin: 20px 40% 0 40%;
}

#receivers, #receiversItem {
    display: none;
}

#receiversItem img {
    box-sizing: border-box;
    width: 30%;
    max-height: 500px;
    overflow: hidden;
    /*height: 250px;*/
    float: right;
    padding: 0 20px;
}

#receiversItem #details {
    box-sizing: border-box;
    float: left;
    width: 70%;
    padding: 0 20px;
}


#item {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 75%;
}

#item img {
    padding: 10px;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 40%;
}

#item ul {
    padding: 10px;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 60%;
}

#leftReceivers {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 20%;
    overflow: hidden;
    padding: 10px;
}

#list {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 100%;
}

#list p {
    font-size: small;
}

#list ul {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 90%;
    margin: 5%;
    height: 200px;
    overflow-y: auto;
}

#detailsDiv {
    box-sizing: border-box;
    display: block;
    /*width: 60%;
    float: right;*/
    padding-top: 10px;
}

#detailsDiv label {
    font-size: small;
}

#detailsImg {
    box-sizing: border-box;
    width: 160px;
    height: 160px;
    padding: 20px;
}

#detailsForm {
    width: 98%;
}

.inputLabelWrapper {
    width: 100%;
    display: inline-block;
}

.inputLabelWrapperHalf {
    width: 50%;
    display: inline-block;
}

.inputLabelWrapperThird {
    width: 30%;
    display: inline-block;
}

.inputLabelWrapperFourth {
    width: 23%;
    display: inline-block;
}

.inputLabelWrapperFifth {
    width: 18%;
    display: inline-block;
}

.inputLabelWrapperSixth {
    width: 14%;
    display: inline-block;
}

label {
    float: left;
}

input {
    width: 100%;
    font-size: larger;
}

#rightDiv {
    float: right;
    box-sizing: border-box;
    display: block;
    width: 20%;
}

button {
    font-size: 1.2em;
}

.required {
    border: 1px solid red;
}

.note {
    color: red;
    font-size: small;
}

/* Double-sized Checkboxes */
input[type="checkbox"] {
    width: 13px;
    height: 13px;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    padding: 10px;
    margin-left: 10px;
}

label.checkbox {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

.locationTableDiv {
    margin-top: 30px;
}

.locationTableDiv > p {
    margin-bottom: 10px;
}

.locationTable {
    margin-bottom: 20px;
    width: 30%;
}

#locationTableType {
    width: 25%;
}

.locationTableData {
    border: 1px solid black;
}

.locationTableData td {
    padding: 10px;
}

.returnInput > input {
    width: 65%;
    float: right;
    font-size: larger;
}

/*
 Movers
*/

#login {
    display: none;
    color: lightgreen;
    font-size: large;
    padding-top: 5px;
    float: right;
    cursor: pointer;
}

#logout {
    display: none;
    color: lightgreen;
    font-size: large;
    padding-top: 5px;
    float: right;
    cursor: pointer;
}

.ModalBackdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(31, 26, 26, 0.73);
}

.ModalContent {
    background: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 382px;
    padding: 30px;
    text-align: center;
}

.ModalContent input {
    line-height: 2em;
    font-size: large;
    width: 180px;
}

ul {
    list-style: none;
    display: inline-block;
    padding-left: 0; /* To override jquery mobile css */
}

img {
    width: 200px;
    height: 280px;
}

.list {
    display: inline-block;
    box-sizing: border-box;
    width: 45%;
    float: left;
}

.item {
    display: inline-block;
    box-sizing: border-box;
    width: 45%;
    float: right;
}

.item-title {
    font-weight: bold;
    max-width: 200px;
}

.item-qty,
.item-pickup,
.item-dropoff {
    font-weight: bold;
    font-size: x-large;
}

.item-qty input {
    font-size: 24px;
    width: 100px;
}


.movesTable td {
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid grey;
    padding: 6px;
}

.movesTable thead {
    height: 20px;
}

.movesTable tbody tr {
    height: 70px;
    text-shadow: none;
    font-size: 22px;
    border-bottom: 1px solid black;
}

.move-owner-row {
    height: 20px;
}

hr {
    clear: both;
}

#item {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 48%;
    font-size: 24px;
}

#item img {
    padding: 10px;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 40%;
}

#item ul {
    padding: 10px;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 60%;
}

#item button {
    font-size: 18px;
}

#list {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 48%;
    margin: 10px;
    height: 500px;
    overflow-y: scroll;
}

#list table {
    box-sizing: border-box;
    width: 100%;
}

.content {
    margin-top: 0;
}

.itemDetails {
    height: 365px;
}

.goToBay {
    width: 50px;
    height: 50px;
    font-size: 1.3em;
    margin: 5px;
    cursor: pointer;
}

/*bank choices*/
#bankChoices {
    box-sizing: border-box;
    width: 66%;
    float: left;
}

#bankChoices label {
    float: left;
    width: 120px;
    margin: 7px;
    background-color: #EFEFEF;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    overflow: auto;
}

#bankChoices label span {
    text-align: center;
    font-size: 30px;
    padding: 30px 0px;
    display: block;
}

#bankChoices label input {
    position: absolute;
    top: -20px;
}

#bankChoices input:checked + span {
    background-color: #404040;
    color: #F7F7F7;
}

/*bay choices*/
#bayChoices {
    box-sizing: border-box;
    width: 32%;
    float: right;
}

#bayChoices label {
    float: left;
    width: 110px;
    margin: 7px;
    background-color: #EFEFEF;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    overflow: auto;
}

#bayChoices label span {
    text-align: center;
    font-size: 30px;
    padding: 30px 0px;
    display: block;
}

#bayChoices label input {
    position: absolute;
    top: -20px;
}

#bayChoices input:checked + span {
    background-color: #404040;
    color: #F7F7F7;
}

.returnsCreditList {
    max-width: none;
}

.returnsCreditList li {
    margin: 10px 0;
    line-height: 1.8em;
}

.inventoryTable {
    margin: 0 auto;
}

.inventoryTable td, td {
    padding: 20px 10px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.inventorySearchContainer {
    margin-top: 20px;
    text-align: center;
}

.inventorySearchContainer select {
    display: inline-block;
    width: 25%
}

.inventorySearchContainer div {
    display: inline-block;
}

.inventorySearchContainer input {
    width: auto;
    margin-left: 20px;
    font-size: 1em;
}

.inventorySearchContainer button {
    margin-left: 20px;
}

.locationSearchContainer {
    text-align: center;
    width: auto;
}

.locationSearch select, .locationSearch input, .locationSearch button {
    width: auto;
}

.locationSearch div {
    display: inline-block;
}

.locationSearch input {
    font-size: 1em;
}

.locationSearch input, .locationSearch button {
    margin-left: 20px;
}

.locationMoveReason {
    margin: 15px 0;
}

.locationMoveReason select {
    width: 25%;
}

.locationMoveReason input[type="text"] {
    width: 25%;
    margin-left: 30px;
    font-size: 1em;
}

button {
    font-size: 1em;
}

/* WHY PICNIC */
input[type="checkbox"] {
    opacity: 1;
}

.locationMoveReason .checkboxWhyPicnic {
    margin-left: 20px;
}

.locationMoveReason .checkboxWhyPicnic label {
    float: none;
}

.locationMoveReason .checkboxWhyPicnic input {
    position: relative;
    top: -13px;
}

.mainNav {
    display: flex;
    flex-direction: column;
    align-items: center;
    display: block;
    width: 800px;
    margin: 20px auto;
}

.mainNav a {
    font-size: x-large;
    line-height: 4em;
    width: 260px;
    float: left;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 5px solid white;
}

.hidden{
    display: none;
}

input, select{
    margin-bottom : 5px;
    min-height : 2rem;
}

.fake-table{
    width : 100%;
}

.fake-table thead tr:first-child{
    background: #eee;
}

.fake-table tr:nth-child(even){
    background: #eee;
}

.fake-table tr:nth-child(odd){
    background: #aaa;
}

.users-move{
    background: rgba(255, 179, 39, 1) !important;
}

.taken-move{
    background: rgba(255, 179, 39, 0.4) !important;
}

.ft-even{
    background: #eee;
}

.ft-odd{
    background: #aaa;
}


.input-receiving-wrapper{
  width : 15%;
  padding: 5px;
  float: left;
}

.locationTable{
  width : 100%;
}

.location-table-wrapper{
  /*width: 20%;*/
}

.ttl-0-0{
  background: #FF615D!important;
}
.ttl-1-3{
  background: #FFF15A!important;
}
.ttl-4-10{
  background: #64FFAC!important;
}
.ttl-11-x{
  background: #64FFAC!important;
}
.prd-insert{
  background: #FFF;
}

.selected-return{
  background: #2FFF8C!important;
}

#putaway ul li{
  margin-bottom : 20px;
  font-size: 30px;
}

#putaway label {
  font-size: 36px;
}

#putaway input{
  font-size: 36px;
}

.dead {
  display: none;
}

.active {
  block: inherit;
}

.user-button {
  margin-right: 15px;
}

.ir-title-wrapper{
  width : 40%;
  float: left;
}

.location-table-wrapper{
  float : left;
  padding-left: 10px;
}

#title-bar{
  font-size: 2em;
  text-align: center;
  background: rgb(0, 116, 217) none repeat scroll 0% 0%;
}

#login-page label{
  font-size: 3rem;
}

#login-page input, #login-page button{
  font-size: 2.5rem;
}

#accounts-list{
  width: 100%;
  display: block;
}

#accounts-list li{
  width : 33%;
  float:left;
  margin-bottom: 5px;
  margin-top: 5px;
}

.locations-cl{
  clear : both;
}

.locations-cl ul li{
  float : left;
  margin : 10px;
}

.vnap-e{
  background: #8C2B2B;
}

.stdp-e{
  background: #1D541D;
}

.stdpcab-e{
  background: #1F1202;
}

.modal-close-btn{
  position: fixed;
  left: 1%;
  top: 4%;
  background : red;
}


.print-radio{
    opacity: 1;
    margin-top: -15px;
    margin-left: 35px;
    width: 15px;
}

#error-page{
    text-align: center;
    margin: 0 auto;
}

#error-page h1{
    color: red;
    margin-top: 25px;
    margin-bottom: 50px;
}

.print-sort-selection > input {
  position: relative;
  min-height: 0;
  height: auto;
  margin: 0;
  margin-right: 15px;
}
.print-sort-selection > label {
  float: none;
}
.print-type-selection {
  display: flex;
}
.print-type-selection > input {
  position: relative;
  min-height: 0;
  height: auto;
  margin: 0;
  margin-right: 15px;
}
.print-type-selection > label {
  float: none;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material.CodeMirror {
  background-color: #263238;
  color: #EEFFFF;
}

.cm-s-material .CodeMirror-gutters {
  background: #263238;
  color: #546E7A;
  border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
  color: #546E7A;
}

.cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}
.cm-s-material.cm-fat-cursor .CodeMirror-cursor {
  background-color: #5d6d5c80 !important;
}
.cm-s-material .cm-animate-fat-cursor {
  background-color: #5d6d5c80 !important;
}

.cm-s-material div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line>span::selection,
.cm-s-material .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line>span::-moz-selection,
.cm-s-material .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material .cm-keyword {
  color: #C792EA;
}

.cm-s-material .cm-operator {
  color: #89DDFF;
}

.cm-s-material .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #f07178;
}

.cm-s-material .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material .cm-atom {
  color: #F78C6C;
}

.cm-s-material .cm-number {
  color: #FF5370;
}

.cm-s-material .cm-def {
  color: #82AAFF;
}

.cm-s-material .cm-string {
  color: #C3E88D;
}

.cm-s-material .cm-string-2 {
  color: #f07178;
}

.cm-s-material .cm-comment {
  color: #546E7A;
}

.cm-s-material .cm-variable {
  color: #f07178;
}

.cm-s-material .cm-tag {
  color: #FF5370;
}

.cm-s-material .cm-meta {
  color: #FFCB6B;
}

.cm-s-material .cm-attribute {
  color: #C792EA;
}

.cm-s-material .cm-property {
  color: #C792EA;
}

.cm-s-material .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #DECB6B;
}


.cm-s-material .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}


/*# sourceMappingURL=app.css.map*/