a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:.8em}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent;-webkit-box-shadow:inset 0 0 6px transparent}::-webkit-scrollbar-thumb{background-color:#3b4145}.page-container{display:flex;flex-direction:column;height:100vh;width:100%}.page-container .loader{grid-gap:25px;align-items:center;background:rgba(99,99,99,.1);border-radius:5px;display:flex;justify-content:center;padding:25px}.page-container .loader .MuiCircularProgress-root{color:#0cbf0c;height:25px!important;width:25px!important}.page-container .loader>span{color:hsla(0,0%,100%,.48);font-size:20px}.cards-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;margin-top:10vh}.cards-container a{text-decoration:none}.cards-container .home-card{background-color:#3c3c3c;border:1px solid #fff;border-radius:6px;box-shadow:5px 5px 3px 0 rgba(0,0,0,.25);display:flex;flex-direction:row;flex-wrap:wrap;height:80px;margin:15px 30px;width:400px}.cards-container .home-card *{color:#fff}@media screen and (max-width:444px){.cards-container .home-card{margin:10px 0;width:350px}}.cards-container .home-card .visual-area{align-items:center;background-color:#111;border-radius:6px 0 0 6px;display:flex;justify-content:center;width:80px}.cards-container .home-card .title-area{grid-gap:5px;flex-direction:column;flex-grow:1;padding:2px;text-align:center}.cards-container .home-card .title-area,.cards-container .home-card .title-area .title{align-items:center;display:flex;justify-content:center}.cards-container .home-card .title-area .title h1{font-size:24px}@media screen and (max-width:444px){.cards-container .home-card .title-area .title h1{font-size:20px}}.cards-container .home-card .title-area .subtitle h1{font-size:18px}.footer{align-items:flex-end;display:flex;font-size:14px;justify-content:space-between;margin-top:auto;padding:15px}.footer .version{opacity:.3}.footer button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:14px;text-decoration:underline}.footer .right-content{align-items:flex-end;display:flex}.footer .right-content .branding-logo{margin-right:10px}.footer .right-content .branding-logo img{height:40px}.login{background:hsla(0,0%,100%,.08);border:1px solid #000;border-radius:5px;height:290px;margin:100px auto;padding:40px 30px 30px;text-align:center;width:300px}.login .login_error{background:hsla(0,0%,48%,.13);border:1px solid #f44336;color:#de3f33;margin:8px}.login button{border:1px solid gray;margin:10px 0}.login .logo{align-items:center;display:flex;justify-content:center;margin-bottom:16px;margin-left:-10px}.login .logo .spectrum_icon{margin-right:8px}.login .logo .login_title{font-size:20px;margin-top:-3px}.login .login_form_group *{color:#6b6b6b}.login .login_form_group>*{margin:8px}.login .login_form_group .MuiInputBase-input{color:#fff!important}.login .login_form_group .MuiInput-underline:before{border-bottom:1px solid #6b6b6b!important}.login .login_form_group .MuiInput-underline:after,.login .login_form_group .MuiInput-underline:hover:before{border-bottom:2px solid #63de00!important}.login .login_form_group .MuiFormLabel-root.Mui-focused{color:#6b6b6b!important}.login .login_form_group .Mui-disabled{color:#6b6b6b}html{background:#000;box-sizing:border-box;color:#fff;height:100%;overflow-y:scroll}html ::-webkit-scrollbar{width:7px}html ::-webkit-scrollbar-track{border-radius:0;box-shadow:inset 0 0 5px gray}html ::-webkit-scrollbar-thumb{background:#333;border-radius:0}html ::-webkit-scrollbar-thumb:hover{background:#8abd6b}html div,html h1,html h2,html h3,html h4,html p{font-family:Roboto,sans-serif}html a{color:#fff}html a:hover{color:#63de00}html input:-webkit-autofill,html input:-webkit-autofill:focus,html input:-webkit-autofill:hover,html select:-webkit-autofill,html select:-webkit-autofill:focus,html select:-webkit-autofill:hover,html textarea:-webkit-autofill,html textarea:-webkit-autofill:focus,html textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff;font-family:Roboto,sans-serif;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}html #root,html body{height:100%}html #root{align-items:center;display:flex;justify-content:center}*,:after,:before{box-sizing:inherit}.App{background-color:#000;border-left:10px solid #000;border-right:10px solid #000;font-family:Roboto,sans-serif;min-height:100vh;position:relative;-webkit-user-select:none;user-select:none}.App :focus{outline:none}.App .login{margin:100px auto;width:300px}.App .react-contextmenu{background-color:#000;border:1px solid #aaa;box-shadow:5px 5px 3px 0 rgba(0,0,0,.25);margin:0;padding:0;text-align:left;z-index:99}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item{font-family:Arial,sans-serif;font-size:13px;line-height:14px}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item:last-child{border-bottom:1px solid #444}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item .entry-icon,.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item .entry-label{color:#fff;display:inline-block}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item .entry-icon{float:left;height:30px;text-align:center;width:30px}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item .entry-icon svg{height:20px;margin:7px 5px;width:20px}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item .entry-icon svg path{color:#fff}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item .entry-label{border-left:1px solid #444;padding:10px 12px}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item:hover{background-color:#444;cursor:pointer}.App .react-contextmenu .menu-group .menu-entry .react-contextmenu-item:focus{border:none;outline:none}.App .react-contextmenu .menu-group .menu-entry .zoom{align-items:center;display:flex;font-family:Arial,sans-serif;font-size:13px;justify-content:space-between;padding:5px 10px}.App .react-contextmenu .menu-group .menu-entry .zoom .react-contextmenu-item,.App .react-contextmenu .menu-group .menu-entry .zoom .title,.App .react-contextmenu .menu-group .menu-entry .zoom .zoom-value{color:#000}.App .react-contextmenu .menu-group .menu-entry .zoom .minus svg,.App .react-contextmenu .menu-group .menu-entry .zoom .plus svg{height:15px;width:15px}.App .react-contextmenu .menu-group .menu-entry .zoom .minus svg path,.App .react-contextmenu .menu-group .menu-entry .zoom .plus svg path{color:#000}.App .react-grid-placeholder{background-color:#003f00!important;box-shadow:0 0 4px 0 #0cff00;opacity:.85!important}.App .save-button{right:55px}.App .load-button,.App .save-button{bottom:15px;position:fixed;z-index:99}.App .load-button{right:15px}.basic-single{background-color:#000;margin-bottom:10px}.basic-single .select__control{background-color:#000;border-radius:0!important;color:#fff;height:100%;width:500px}.basic-single .select__control .select__value-container{min-height:30px}.basic-single .select__control.select__control--is-focused{border-color:#63de00;box-shadow:0 0 0 1px #63de00}.basic-single .select__control .select__single-value{color:#fff}.basic-single .select__control .select__indicators{background-color:#000}.basic-single .select__menu{background-color:#000;border:1px solid #fff}.basic-single .select__menu .select__option--is-selected{background-color:#fff;color:#000}.basic-single .select__menu .select__option--is-focused{background-color:#777;color:#000}.basic-single .react-select-custom-item{background-color:#000;border-radius:0!important;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:23px;margin:3px auto;padding-bottom:2px;padding-top:2px;text-align:left;z-index:9999}.basic-single .react-select-custom-item:hover{outline:1px solid #fff}.hide{display:none!important}sup{font-size:smaller;vertical-align:super}.fab-container{bottom:0;padding:10px;position:fixed;right:0}.fab-container button{margin-left:10px}.kiosk_modal_button{cursor:pointer;right:80px}.kiosk_modal_button,.logout{font-size:12px;margin:10px;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logout{right:0;text-align:right}.logout a{text-decoration:none}.react-resizable-handle:after{border-bottom:2px solid #63de00!important;border-right:2px solid #63de00!important}.tooltip-text{font-family:Roboto,sans-serif;font-size:18px}.page-header{display:flex;flex-direction:column}@media screen and (min-width:576px){.page-header{flex-direction:row}}.page-header .page-navigation{margin-bottom:5px;margin-right:auto}@media screen and (min-width:576px){.page-header .page-navigation{margin-bottom:0}}.page-header .page-navigation a{text-decoration:none}.page-header .page-navigation .logo-container{align-items:center;display:flex}.page-header .page-navigation .logo-container a{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.page-header .page-navigation .logo-container a:hover{color:#fff}.page-header .page-navigation .logo-container .spectrum-icon{margin:4px 8px}.page-header .page-navigation .logo-container .page-name{align-items:center;display:flex;font-size:30px;text-transform:capitalize}.page-header .page-navigation .logo-container .admin-indicator{box-shadow:0 0 4px 1px red;color:red;font-size:20px;margin:0 15px;padding:2px 3px}.login-error{color:red;font-size:20px;margin:10px auto;min-height:40px;text-align:center}.login-error,.login_connection_status{display:flex;font-family:Roboto,sans-serif;justify-content:center;width:100%}.login_connection_status{font-size:14px}.login_connection_status .disconnected{color:#cf6679}.login_connection_status .connected{color:#ccc}.list{margin-bottom:20px}.list .list-name{margin-bottom:10px;text-transform:capitalize}.list .list-item{align-items:center;background-color:#333;border-left:2px solid #333;display:flex;font-size:18px;justify-content:space-between;margin-bottom:2px;min-height:30px;padding:7px 9px}.list .list-item.add-new-screen{background-color:#222;font-size:16px;justify-content:center}.list .list-item.add-new-screen svg{font-size:16px;margin-right:5px}.list .list-item.toggles-bar{font-size:16px;justify-content:flex-end}.list .list-item.toggles-bar,.list .list-item.toggles-bar:hover{background-color:#222;border-left:0}.list .list-item.toggles-bar .toggle{align-items:center;display:flex}.list .list-item.toggles-bar .toggle .list-item-name{min-width:0}.list .list-item .list-item-name{align-items:center;cursor:pointer;display:flex;font-weight:200;min-width:200px}.list .list-item .list-item-name .module-icon,.list .list-item .list-item-name .module-name{margin-right:7px}.list .list-item .list-item-name .module-type{color:#aaa;margin-right:7px}.list .list-item.screen{padding-left:40px}.list .list-item:hover{background-color:#444;border-image:linear-gradient(180deg,#63de00,#ff0) 1 100%;border-left:2px;border-style:solid}.list .list-item.module:hover{background-color:#444;border-image:linear-gradient(180deg,red,orange) 1 100%;border-left:2px;border-style:solid}.list .list-item .module-options{display:flex;flex-wrap:wrap;width:100%}.list .list-item .module-options .module-option{align-items:center;background-color:#333;border:1px solid #fff;cursor:pointer;display:flex;margin:5px;padding:5px;width:390px}.list .list-item .module-options .module-option:hover{background:#444}.list .list-item .module-options .module-option .module-image{background:#000;height:50px;margin-right:10px;width:50px}.list .list-item .list-item-actions{display:flex}.list .list-item .list-item-actions .action{cursor:pointer;margin-left:5px}.list .list-item.add-new-screen{border-left:none;cursor:pointer;min-height:0}.list .list-item.add-new-screen:hover{border-left:none}.list .list-item.select-module,.list .list-item.select-module:hover{background-color:#222;border-left:none}.MuiDialog-root .MuiBackdrop-root{background-color:rgba(0,0,0,.8)}.MuiDialog-root .MuiBreadcrumbs-root li,.MuiDialog-root .MuiBreadcrumbs-root p{color:#aaa;cursor:pointer}.MuiDialog-root .MuiDialogTitle-root{height:50px;padding:15px}.MuiDialog-root .MuiDialogContent-root{background-color:#000;color:#fff;padding:1em}.MuiDialog-root .MuiDialogContent-root .edit-option-container{margin:10px auto}.MuiDialog-root .MuiDialogContent-root .edit-option-container .edit-module-option{padding:10px}.MuiDialog-root .MuiDialogContent-root .transfer-list-container{width:100%}.MuiDialog-root .MuiDialogContent-root .transfer-list-container .MuiGrid-root{height:300px;margin:10px auto;padding:10px;width:100%}.MuiDialog-root .MuiDialogContent-root .transfer-list-container .MuiGrid-root .MuiPaper-root{color:#000;height:100%;overflow:auto}.MuiDialog-root .MuiDialogContent-root .transfer-list-container .MuiGrid-root .MuiGrid-item{height:100%;width:25%}.MuiDialog-root .MuiDialogContent-root .transfer-list-container .MuiGrid-root .transfer-button-container{display:flex;flex-direction:column;justify-content:center;outline:none}.MuiDialog-root .MuiDialogContent-root .transfer-list-container .MuiGrid-root .transfer-button-container .transfer-buttons{height:auto}.MuiDialog-root .MuiDialogContent-root .transfer-list-container .MuiGrid-root .transfer-button-container .transfer-buttons button{border:1px solid #444;margin:5px auto}.MuiDialog-root .MuiDialogContent-root .transfer-list-container .MuiGrid-root .MuiListItemIcon-root .MuiIconButton-label{color:#fff}.MuiDialog-root .MuiDialogContent-root .dialog-action-button-container{bottom:10px;position:absolute;right:5px;width:100%}.MuiDialog-root .MuiDialogContent-root .dialog-action-button-container .add-module{border:none;cursor:pointer;display:flex;float:left;margin-left:2%;width:auto}.MuiDialog-root .MuiDialogContent-root .dialog-action-button-container .add-module svg{padding-left:10px}.MuiDialog-root .MuiDialogContent-root .dialog-action-button-container .actions{float:right;margin-right:1%}.MuiDialog-root .MuiDialogContent-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .check_box_cell{text-align:center}.MuiDialog-root .MuiDialogContent-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root{font-size:20px;padding:2px 10px}.MuiDialog-root .MuiDialogContent-root .MuiTab-root{background-color:#333;border:1px solid #444;margin:1px auto}.MuiDialog-root .MuiDialogContent-root .MuiTab-root .selected{background-color:#ccc}.MuiDialog-root .MuiDialog-paper{border:2px solid #fff}.MuiDialog-root .dialog-close-button{color:#fff;position:absolute;right:0;top:0}.MuiDialog-root .MuiDialogActions-root{background-color:#000;border:1px solid #444}.MuiTable-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root{background-color:#000;border:1px solid #444;color:#fff;cursor:pointer;text-align:left}.MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root{border:1px solid #444;color:#fff;cursor:pointer;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MuiTableCell-head{background:#111!important;border-left:1px solid #000!important;border-right:1px solid #000!important;border-top:1px solid #000!important}.MuiTablePagination-root{background-color:#000;bottom:0;display:flex;margin:0 auto;position:relative;text-align:center;width:100%}.MuiTableSortLabel-active svg{width:18px}.MuiPaper-rounded{border-radius:0}.MuiFormHelperText-root{color:#aaa;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.03333em;line-height:1.66;margin:3px 0 0;text-align:left}
/*# sourceMappingURL=main.8f52824f.css.map*/