/* Generated from 'webcore/lib/simplemde.min.css' */ /** * simplemde v1.11.2 * Copyright Next Step Webs, Inc. * @link https://github.com/NextStepWebs/simplemde-markdown-editor * @license MIT */ .CodeMirror{color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.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-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.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-2{color:#05a}.cm-s-default .cm-variable-3{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,.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-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display: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:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;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:none;font-variant-ligatures:none}.CodeMirror-wrap pre{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;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-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}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror{height:auto;min-height:300px;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:1}.CodeMirror-scroll{min-height:300px}.CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:9}.CodeMirror-sided{width:50%!important}.editor-toolbar{position:relative;opacity:.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar:after,.editor-toolbar:before{display:block;content:' ';height:1px}.editor-toolbar:before{margin-bottom:8px}.editor-toolbar:after{margin-top:8px}.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{opacity:.8}.editor-toolbar.fullscreen{width:100%;height:50px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);position:fixed;top:0;right:0;margin:0;padding:0}.editor-toolbar a{display:inline-block;text-align:center;text-decoration:none!important;color:#2c3e50!important;width:30px;height:30px;margin:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar a.active,.editor-toolbar a:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar a:before{line-height:30px}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar a.fa-header-x:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar a.fa-header-1:after{content:"1"}.editor-toolbar a.fa-header-2:after{content:"2"}.editor-toolbar a.fa-header-3:after{content:"3"}.editor-toolbar a.fa-header-bigger:after{content:"▲"}.editor-toolbar a.fa-header-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview a:not(.no-disable){pointer-events:none;background:#fff;border-color:transparent;text-shadow:inherit}@media only screen and (max-width:700px){.editor-toolbar a.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-preview,.editor-preview-side{padding:10px;background:#fafafa;overflow:auto;display:none;box-sizing:border-box}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;border:1px solid #ddd}.editor-preview-active,.editor-preview-active-side{display:block}.editor-preview-side>p,.editor-preview>p{margin-top:0}.editor-preview pre,.editor-preview-side pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{border:1px solid #ddd;padding:5px}.CodeMirror .CodeMirror-code .cm-tag{color:#63a35c}.CodeMirror .CodeMirror-code .cm-attribute{color:#795da3}.CodeMirror .CodeMirror-code .cm-string{color:#183691}.CodeMirror .CodeMirror-selected{background:#d9d9d9}.CodeMirror .CodeMirror-code .cm-header-1{font-size:200%;line-height:200%}.CodeMirror .CodeMirror-code .cm-header-2{font-size:160%;line-height:160%}.CodeMirror .CodeMirror-code .cm-header-3{font-size:125%;line-height:125%}.CodeMirror .CodeMirror-code .cm-header-4{font-size:110%;line-height:110%}.CodeMirror .CodeMirror-code .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.CodeMirror .CodeMirror-code .cm-link{color:#7f8c8d}.CodeMirror .CodeMirror-code .cm-url{color:#aab2b3}.CodeMirror .CodeMirror-code .cm-strikethrough{text-decoration:line-through}.CodeMirror .CodeMirror-placeholder{opacity:.5}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)} /* Generated from 'webcore/lib/jquery-ui.min.css' */ /*! jQuery UI - v1.12.1 - 2020-02-14 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, spinner.css, tabs.css, tooltip.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-draggable-handle{-ms-touch-action:none;touch-action:none}.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-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.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("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.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} /* Generated from 'webcore/lib/bootstrap/bootstrap-slider.css' */ /*! ======================================================= VERSION 9.7.2 ========================================================= */ /*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * bootstrap-slider is released under the MIT License * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * * ========================================================= */ .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: 210px; height: 20px; } .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { margin-left: -10px; } .slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle { position: relative; top: 50%; transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%; } .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; } .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 4px; display: inline-block; text-align: center; } .slider.slider-horizontal.slider-rtl .slider-track { left: initial; right: 0; } .slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle { margin-left: initial; margin-right: -10px; } .slider.slider-horizontal.slider-rtl .slider-tick-container { left: initial; right: 0; } .slider.slider-vertical { height: 210px; width: 20px; } .slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0; } .slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle { margin-top: -10px; } .slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; border-right-color: #0480be; margin-left: 0; margin-right: 0; } .slider.slider-vertical .slider-tick-label-container { white-space: nowrap; } .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px; } .slider.slider-vertical.slider-rtl .slider-track { left: initial; right: 25%; } .slider.slider-vertical.slider-rtl .slider-selection { left: initial; right: 0; } .slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle { border-width: 10px 10px 10px 0; } .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label { padding-left: initial; padding-right: 4px; } .slider.slider-disabled .slider-handle { background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0); } .slider.slider-disabled .slider-track { background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0); cursor: not-allowed; } .slider input { display: none; } .slider .tooltip.top { margin-top: -36px; } .slider .tooltip-inner { white-space: nowrap; max-width: none; } .slider .hide { display: none; } .slider-track { position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .slider-selection { position: absolute; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .slider-selection.tick-slider-selection { background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0); } .slider-track-low, .slider-track-high { position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .slider-handle { position: absolute; top: 0; width: 20px; height: 20px; background-color: #337ab7; background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%); background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%); background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); border: 0px solid transparent; } .slider-handle.round { border-radius: 50%; } .slider-handle.triangle { background: transparent none; } .slider-handle.custom { background: transparent none; } .slider-handle.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204; } .slider-tick { position: absolute; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: 0.8; border: 0px solid transparent; } .slider-tick.round { border-radius: 50%; } .slider-tick.triangle { background: transparent none; } .slider-tick.custom { background: transparent none; } .slider-tick.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204; } .slider-tick.in-selection { background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0); opacity: 1; } /* Generated from 'webcore/lib/bootstrap/bootstrap.ext.css' */ /* Generated from 'webcore/lib/bootstrap/extensions/bootstrap-daterange.css' */ /** * A stylesheet for use with Bootstrap 3.x * @author: Dan Grossman http://www.dangrossman.info/ * @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved. * @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php * @website: https://www.improvely.com/ */ /* Container Appearance */ .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; border-radius: 4px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.dropup{ margin-top: -5px; } .daterangepicker.dropup:before{ top: initial; bottom:-7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after{ top: initial; bottom:-6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 32500; } .daterangepicker .ranges, .daterangepicker .calendar { float: left; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker .ranges { margin: 4px; text-align: left; } .daterangepicker .calendar { display: none; max-width: 270px; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar.single .calendar-table { border: none; } /* Calendars */ .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .calendar-table { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .calendar.left { margin: 4px 0 4px 4px; } .daterangepicker .calendar.right { margin: 4px 4px 4px 0; } .daterangepicker .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; white-space: nowrap; cursor: pointer; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { color: #999; background: #fff; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #ebf4f8; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker th.month { width: auto; } /* Text Input Above Each Calendar */ .daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } .daterangepicker .input-mini.active { border: 1px solid #357ebd; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker .left .daterangepicker_input { padding-right: 12px; } .daterangepicker .daterangepicker_input { position: relative; } /* Time Picker */ .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } /* Predefined Ranges */ .daterangepicker .ranges { font-size: 11px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; width: 160px; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } /* Generated from 'webcore/lib/bootstrap/extensions/bootstrap-datetimepicker.css' */ /*! * Datetimepicker for Bootstrap 3 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */ .bootstrap-datetimepicker-widget.dropdown-menu { margin: 2px 0; padding: 4px; width: 19em; } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { text-align: center; border-radius: 4px; } .bootstrap-datetimepicker-widget th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; } .bootstrap-datetimepicker-widget th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; } .bootstrap-datetimepicker-widget thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget thead tr:first-child th:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777777; } .bootstrap-datetimepicker-widget td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new { color: #777777; } .bootstrap-datetimepicker-widget td.today { position: relative; } .bootstrap-datetimepicker-widget td.today:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #428bca; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget td span.active { background-color: #428bca; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget td span.old { color: #777777; } .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .input-group.date .input-group-addon { cursor: pointer; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Generated from 'webcore/lib/bootstrap/extensions/bootstrap-select.css' */ /*! * Bootstrap-select v1.12.1 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2016 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { /*width: 220px \0;*/ /*IE9 and below*/ } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #999; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } /* Generated from 'webcore/lib/bootstrap/extensions/bootstrap-switch.css' */ /** * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. * * @version v3.3.4 * @homepage https://bttstrp.github.io/bootstrap-switch * @author Mattia Larentis (http://larentis.eu) * @license Apache-2.0 */ .bootstrap-switch { display: inline-block; direction: ltr; cursor: pointer; border-radius: 4px; border: 1px solid; border-color: #ccc; position: relative; text-align: left; overflow: hidden; line-height: 8px; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bootstrap-switch .bootstrap-switch-container { display: inline-block; top: 0; border-radius: 4px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: table-cell; vertical-align: middle; padding: 6px 12px; font-size: 14px; line-height: 20px; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off { text-align: center; z-index: 1; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #337ab7; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background: #5bc0de; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background: #5cb85c; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { background: #f0ad4e; color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background: #d9534f; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #000; background: #eeeeee; } .bootstrap-switch .bootstrap-switch-label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; color: #333; background: #fff; } .bootstrap-switch span::before { content: "\200b"; } .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] { position: absolute !important; top: 0; left: 0; margin: 0; z-index: -1; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { padding: 1px 5px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { padding: 6px 16px; font-size: 18px; line-height: 1.3333333; } .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { cursor: default !important; } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left 0.5s; -o-transition: margin-left 0.5s; transition: margin-left 0.5s; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch.bootstrap-switch-focused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* Generated from 'webcore/lib/bootstrap/extensions/bootstrap-tagsinput.css' */ .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 4px 6px; color: #555; vertical-align: middle; border-radius: 4px; max-width: 100%; line-height: 22px; cursor: text; } .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; } .bootstrap-tagsinput.form-control input::-moz-placeholder { color: #777; opacity: 1; } .bootstrap-tagsinput.form-control input:-ms-input-placeholder { color: #777; } .bootstrap-tagsinput.form-control input::-webkit-input-placeholder { color: #777; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .tag { margin-right: 2px; color: white; } .bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; } .bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; } .bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } /* Generated from 'webcore/lib/codemirror/codemirror.css' */ /* 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-mark { background-color: rgba(20, 255, 20, 0.5); -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; } .cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; background-color: #7e7; } @-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; } .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; } .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; } .generated-from-scss { content: 'shared/themes/defaults.scss'; } .generated-from-scss { content: 'apps/cm/portal/settings.scss'; } .generated-from-scss { content: 'shared/webcore/base_app.scss'; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; 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 { line-height: normal; } 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-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .shine { position: relative; } .shine:after { content: " "; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-animation: animate-shine 2s ease-out infinite; -moz-animation: animate-shine 2s ease-out infinite; } @-webkit-keyframes animate-shine { 0% { opacity: 0; width: 0; } 50% { opacity: 0.5; } 100% { opacity: 0; width: 95%; } } @-moz-keyframes animate-shine { 0% { opacity: 0; width: 0; } 50% { opacity: 0.5; } 100% { opacity: 0; width: 95%; } } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a { text-decoration: none; outline: 0; -moz-outline-style: none; } div.inline { display: inline-block; line-height: 1em; } .nolist { list-style: none; list-style-image: none; margin: 0; padding: 0; } .inline-list { list-style: none; list-style-image: none; margin: 0; padding: 0; } .inline-list:before, .inline-list:after { content: ""; display: table; } .inline-list:after { clear: both; } .inline-list > li { position: relative; display: inline-block; padding: 10px 15px; vertical-align: top; float: left; } .vertical-overflow { overflow-y: auto; } .horizontal-overflow { overflow-x: auto; } .selectable-inline-list { list-style: none; list-style-image: none; margin: 0; padding: 0; } .selectable-inline-list:before, .selectable-inline-list:after { content: ""; display: table; } .selectable-inline-list:after { clear: both; } .selectable-inline-list > li { position: relative; display: inline-block; padding: 10px 15px; float: left; opacity: 0.8; cursor: pointer; } .selectable-inline-list > li:hover { opacity: 1; } .selectable-inline-list > li.active::after { 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; transform: translate(0, 0); content: ""; position: absolute; left: 0; top: 0; font-size: 16px; color: green; } .selectable-list { list-style: none; list-style-image: none; margin: 0; padding: 0; } .selectable-list > li { position: relative; display: block; padding: 10px 15px; background-color: #fff; border-bottom: 1px solid #ddd; cursor: pointer; } .selectable-list > li:hover { text-decoration: none; background-color: #f5f5f5; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clearfix2:before, .clearfix2:after { content: ""; display: table; } .clearfix2:after { clear: both; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .flex-row { display: flex; flex-direction: row; flex-grow: 1; } .flex-row.flex-column-center { align-items: center; justify-content: center; } .flex-row > .flex-grow { flex-grow: 1; } .flex-row > .flex-align-right, .flex-row > .flex-right { margin-right: auto; } .flex-row > .flex-align-left, .flex-row > .flex-left { margin-left: auto; } .flex-column, .flex-magic { display: flex; flex-direction: column; flex-grow: 1; } .flex-column.flex-column-center, .flex-magic.flex-column-center { align-items: center; justify-content: center; } .flex-column > .flex-grow, .flex-magic > .flex-grow { flex-grow: 1; } .flex-column > .flex-align-top, .flex-column > .flex-top, .flex-magic > .flex-align-top, .flex-magic > .flex-top { margin-bottom: auto; } .flex-column > .flex-align-bottom, .flex-column > .flex-bottom, .flex-magic > .flex-align-bottom, .flex-magic > .flex-bottom { margin-top: auto; } .flex-column > .flex-align-right, .flex-column > .flex-right, .flex-magic > .flex-align-right, .flex-magic > .flex-right { margin: auto; flex-grow: 1; } .flex-column > .flex-align-left, .flex-column > .flex-left, .flex-magic > .flex-align-left, .flex-magic > .flex-left { margin: auto; flex-grow: 1; } @media screen and (orientation:landscape) { .flex-magic { flex-direction: row; } .flex-magic > .flex-align-top, .flex-magic > .flex-top { margin: auto; flex-grow: 1; } .flex-magic > .flex-align-bottom, .flex-magic > .flex-bottom { margin: auto; flex-grow: 1; } } .grid-row { display: table; } .grid-row.grid-row-full, .grid-row.grid-full { width: 100%; } .grid-row.grid-full-height { height: 100%; } .grid-row.grid-padded > .grid-cell { padding: 8px; } .grid-row.grid-border-top { border-top: 1px solid #AEAEAE; } .grid-row.grid-border-bottom { border-bottom: 1px solid #AEAEAE; } .grid-cell { display: table-cell; } .grid-cell.grid-top { vertical-align: top; } .grid-cell.grid-bottom { vertical-align: bottom; } .grid-cell.grid-middle { vertical-align: middle; } .grid-cell.padded { padding: 8px; } .grid-cell.hpadded { padding: 0px 8px; } .grid-cell.grid-1 { width: 8.33333%; } .grid-cell.grid-2 { width: 16.66667%; } .grid-cell.grid-3 { width: 25%; } .grid-cell.grid-4 { width: 33.33333%; } .grid-cell.grid-5 { width: 41.66667%; } .grid-cell.grid-6 { width: 50%; } .grid-cell.grid-7 { width: 58.33333%; } .grid-cell.grid-8 { width: 66.66667%; } .grid-cell.grid-9 { width: 75%; } .grid-cell.grid-10 { width: 83.33333%; } .grid-cell.grid-11 { width: 91.66667%; } .grid-cell.grid-12 { width: 100%; } .col-fixed-xxsmall { display: inline-block; float: left; width: 140px; position: relative; min-height: 1px; } .col-fixed-xsmall { display: inline-block; float: left; width: 180px; position: relative; min-height: 1px; } .col-fixed-small { display: inline-block; float: left; width: 200px; position: relative; min-height: 1px; } .column { position: relative; display: inline-block; float: left; min-height: 1px; } .column.input-xsmall { width: 180px; } .column.input-xsmall label { width: 100px; } .column.input-xsmall input[type=text], .column.input-xsmall input[type=email], .column.input-xsmall input[type=password], .column.input-xsmall input[type=phone], .column.input-xsmall textarea, .column.input-xsmall select { width: 60px; } .column.input-small { width: 240px; } .column.input-small label { width: 120px; } .column.input-small input[type=text], .column.input-small input[type=email], .column.input-small input[type=password], .column.input-small input[type=phone], .column.input-small textarea, .column.input-small select { width: 70px; } .column.xxxsmall { width: 100px; } .column.xxsmall { width: 140px; } .column.xsmall { width: 180px; } .column.small { width: 100%; max-width: 240px; } .column.medium { width: 100%; max-width: 350px; } .column.large { width: 100%; max-width: 550px; } .column.grid-1 { width: 8.33333%; } .column.grid-2 { width: 16.66667%; } .column.grid-3 { width: 25%; } .column.grid-4 { width: 33.33333%; } .column.grid-5 { width: 41.66667%; } .column.grid-6 { width: 50%; } .column.grid-7 { width: 58.33333%; } .column.grid-8 { width: 66.66667%; } .column.grid-9 { width: 75%; } .column.grid-10 { width: 83.33333%; } .column.grid-11 { width: 91.66667%; } .column.grid-12 { width: 100%; } .column.grid-20 { width: 20%; } .column.padded { padding: 6px; } .irow:before { display: table; content: " "; } .irow:after { display: table; content: " "; clear: both; } .irow.padded { padding: 6px; } .irow.irow-no-overflow { overflow: hidden; } .text-lg { font-size: 1.4em; } .text-md { font-size: 1em; } .text-sm { font-size: 0.8em; } .text-xs { font-size: 0.5em; } .text-italic { font-style: italic !important; } .text-bold { font-weight: bold !important; } .text-right { text-align: right; } .center-children { text-align: center; } .left-children { text-align: left; } .right-children { text-align: right; } .pull-left { float: left; } .overflow-hidden { overflow: hidden; } .pull-right { float: right; } .fill-width { width: 100%; } .affix { position: fixed; } .absolute-center { width: 50%; height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .absolute-top { position: absolute; top: 0; } .absolute-bottom { position: absolute; bottom: 0; } .absolute-right { position: absolute; right: 0; } .absolute-left { position: absolute; left: 0; } .fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; } form.form-horizontal label { display: inline-block; float: left; width: 100px; text-align: right; padding-top: 10px; margin-right: 6px; } form.form-horizontal input[type=text], form.form-horizontal input[type=email], form.form-horizontal input[type=password], form.form-horizontal input[type=phone], form.form-horizontal textarea, form.form-horizontal select { display: inline-block; float: left; padding-left: 10px; margin-bottom: 0; margin-top: 4px; width: 200px; } form.form-horizontal input[type=text]:disabled, form.form-horizontal input[type=email]:disabled, form.form-horizontal input[type=password]:disabled, form.form-horizontal input[type=phone]:disabled, form.form-horizontal textarea:disabled, form.form-horizontal select:disabled { color: #cbcbcb; font-style: italic; } form.form-horizontal input[type=text]:before, form.form-horizontal input[type=text]:after, form.form-horizontal input[type=email]:before, form.form-horizontal input[type=email]:after, form.form-horizontal input[type=password]:before, form.form-horizontal input[type=password]:after, form.form-horizontal input[type=phone]:before, form.form-horizontal input[type=phone]:after, form.form-horizontal textarea:before, form.form-horizontal textarea:after, form.form-horizontal select:before, form.form-horizontal select:after { content: ""; display: table; } form.form-horizontal input[type=text]:after, form.form-horizontal input[type=email]:after, form.form-horizontal input[type=password]:after, form.form-horizontal input[type=phone]:after, form.form-horizontal textarea:after, form.form-horizontal select:after { clear: both; } form input.form-control.error { border: 1px solid red; } .showtip { display: inline; position: relative; } .showtip:hover:after { font-size: 12px; background: #333; background: rgba(0, 0, 0, 0.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 50%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; } .showtip:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; } img.image-lg { max-width: 300px; max-height: 240px; } img.image-md { max-width: 120px; max-height: 120px; } img.image-sm { max-width: 60px; max-height: 60px; } img.image-xs { max-width: 32px; max-height: 32px; } img.image-circle { border: 50%; } img.image-padded { margin: 4px; } img.image-border { border: 1px solid white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } div.img-holder { display: inline-block; text-align: center; margin: auto auto; } div.img-holder img { height: 100%; vertical-align: top; } div.img-holder.img-holder-circle { border-radius: 50%; overflow: hidden; } div.img-holder.img-holder-border { border: 2px solid white; background: white; } div.img-holder.img-holder-border-gray { border: 2px solid #cccccc; background: white; } div.img-holder.img-holder-border-shadow { border: 2px solid white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } div.img-holder.img-holder-auto { height: 100px; width: 100px; font-size: 60px; line-height: 90px; } div.img-holder.img-holder-xs { height: 24px; width: 24px; font-size: 13px; line-height: 20px; } div.img-holder.img-holder-sm { height: 40px; width: 40px; font-size: 19px; line-height: 35px; } div.img-holder.img-holder-md { height: 60px; width: 60px; font-size: 30px; line-height: 55px; } div.img-holder.img-holder-lg { height: 100px; width: 100px; font-size: 60px; line-height: 90px; } div.img-holder.img-hover-zoom { position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; } div.img-holder.img-hover-zoom img { height: 100%; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } div.img-holder.img-hover-zoom:hover img { height: 110%; width: 110%; } div.img-holder.img-active-zoom { position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; } div.img-holder.img-active-zoom img { height: 100%; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } div.img-holder.img-active-zoom:active img, div.img-holder.img-active-zoom:focus img { height: 110%; width: 110%; } div.user-box { padding: 4px; display: inline-block; vertical-align: middle; } div.user-box div.img-holder { display: inline-block; vertical-align: middle; } div.user-box div.user-name { display: inline-block; vertical-align: middle; } .panel-row { border-top: 1px solid #E9E9E9; padding: 2px; } .panel-row.panel-row-sm { font-size: 12px; } .panel-row.panel-row-xs { font-size: 10px; } .font-light { font-weight: lighter; } .vertical-alignment-helper { display: table; height: 100%; width: 100%; } .vertical-align-center { display: table-cell; vertical-align: middle; } .vertical-center-wrapper { display: table; height: 100%; width: 100%; } .vertical-center { display: table-cell; vertical-align: middle; } .text-3d-simple { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); } .text-3d-offset { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); } @media screen and ( max-height: 970px ) { div.hide-vertical-md { display: none; } } @media screen and ( max-height: 760px ) { div.hide-vertical-sm { display: none; } } @media screen and ( max-height: 560px ) { div.hide-vertical-xs { display: none; } } @media screen and ( max-width: 760px ) { div.img-holder.img-holder-auto { height: 60px; width: 60px; font-size: 30px; line-height: 55px; } } .bgScroll { -webkit-animation: bgscroll 20s infinite linear; } @-webkit-keyframes bgscroll { from { background-position: 0 0; } to { background-position: 0 -520px; } } .slideUpOut { animation-name: slideUpOut; -webkit-animation-name: slideUpOut; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } @keyframes slideUpOut { 0% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(8%); opacity: 0.5; } 100% { transform: translateY(-100%); opacity: 0; } } @-webkit-keyframes slideUpOut { 0% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(8%); opacity: 0.5; } 100% { transform: translateY(-100%); opacity: 0; } } .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); opacity: 0; } 50% { transform: translateY(8%); opacity: 0.5; } 100% { transform: translateY(0%); opacity: 1; } } @-webkit-keyframes slideDown { 0% { transform: translateY(-100%); opacity: 0; } 50% { transform: translateY(8%); opacity: 0.5; } 100% { transform: translateY(0%); opacity: 1; } } .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); } } .slideDownOut { animation-name: slideDownOut; -webkit-animation-name: slideDownOut; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } @keyframes slideDownOut { 0% { transform: translateY(0%); } 100% { transform: translateY(100%); } } @-webkit-keyframes slideDownOut { 0% { -webkit-transform: translateY(0%); } 100% { -webkit-transform: translateY(100%); } } .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 50% { -webkit-transform: translateX(-8%); } 100% { -webkit-transform: translateX(0%); } } .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 50% { -webkit-transform: translateX(8%); } 100% { -webkit-transform: translateX(0%); } } .slideExpandUp { animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30% { transform: translateY(-8%) scaleX(0.5); } 40% { transform: translateY(2%) scaleX(0.5); } 50% { transform: translateY(0%) scaleX(1.1); } 60% { transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80% { transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100% { transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30% { -webkit-transform: translateY(-8%) scaleX(0.5); } 40% { -webkit-transform: translateY(2%) scaleX(0.5); } 50% { -webkit-transform: translateY(0%) scaleX(1.1); } 60% { -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100% { -webkit-transform: translateY(0%) scaleX(1); } } .expandUp { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { transform: translateY(-7%) scaleY(1.12); } 75% { transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { -webkit-transform: translateY(-7%) scaleY(1.12); } 75% { -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 1; } } .fadeOut { animation-name: fadeOut; -webkit-animation-name: fadeOut; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-iteration-count: 1; } @keyframes fadeOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @-webkit-keyframes fadeOut { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); opacity: 0; } } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; -webkit-animation-name: rubberBand; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } .animate-once { animation-iteration-count: 1 !important; -webkit-animation-iteration-count: 1 !important; } .animate-twice { animation-iteration-count: 2 !important; -webkit-animation-iteration-count: 2 !important; } .shrink { animation-name: shrink; -webkit-animation-name: shrink; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes shrink { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0.6; } } @-webkit-keyframes shrink { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); opacity: 0.6; } } .grow { animation-name: grow; -webkit-animation-name: grow; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes grow { 0% { transform: scale(0.5); opacity: 0.6; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes grow { 0% { -webkit-transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); opacity: 1; } } .zapIn { animation-name: zapIn; -webkit-animation-name: zapIn; animation-duration: 200ms; -webkit-animation-duration: 200ms; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes zapIn { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes zapIn { 0% { -webkit-transform: scale(0.5); opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 1; } } .zapOut { animation-name: zapOut; -webkit-animation-name: zapOut; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes zapOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.2); opacity: 0; } } @-webkit-keyframes zapOut { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); opacity: 0; } } .expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes expandOpen { 0% { transform: scale(1.8); } 50% { transform: scale(0.95); } 80% { transform: scale(1.05); } 90% { transform: scale(0.98); } 100% { transform: scale(1); } } @-webkit-keyframes expandOpen { 0% { -webkit-transform: scale(1.8); } 50% { -webkit-transform: scale(0.95); } 80% { -webkit-transform: scale(1.05); } 90% { -webkit-transform: scale(0.98); } 100% { -webkit-transform: scale(1); } } .bigEntrance { animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } .hatch { animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } } .bounce { animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes bounce { 0% { transform: translateY(0%) scaleY(0.6); } 60% { transform: translateY(-100%) scaleY(1.1); } 70% { transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { transform: translateY(0%) scaleY(1) scaleX(1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6); } 60% { -webkit-transform: translateY(-100%) scaleY(1.1); } 70% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } } .pulse { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } .pulse-simple { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: 2; -webkit-animation-iteration-count: 2; } .pulse-fast { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } .pulse-superfast { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.9); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.95); opacity: 0.7; } 100% { -webkit-transform: scale(1); opacity: 1; } } .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } .tossing { animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } @-webkit-keyframes tossing { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } .pullUp { animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes pullUp { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullUp { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } .pullDown { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @keyframes pullDown { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullDown { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } .stretchLeft { animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchLeft { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } .stretchRight { animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretchRight { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchRight { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } .flip-container { perspective: 1000; margin: auto; margin-bottom: 20px; } .vertical .back { transform: rotateX(180deg); } .vertical.flip-container .flipper { transform-origin: 100% 8.33vh; } .vertical.flip-container:hover .flipper { transform: rotateX(-180deg); } .flip-container, .front, .back { width: 40vh; height: 16.66vh; } .flip-container img, .front img, .back img { width: 40vh; height: 16.66vh; } .flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper { transform: rotateX(180deg); } .flipper { transition: 1.5s; transform-style: preserve-3d; position: relative; } .flipper .front, .flipper .back { backface-visibility: hidden; position: absolute; top: 0; left: 0; } .flipper .front { z-index: 2; transform: rotateX(0deg); } .flipper .back { transform: rotateX(180deg); } .et-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; display: block; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .et-page { width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden; display: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .et-page-current, .no-js .et-page { visibility: visible; display: inherit; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transform: scale(1); } .no-js body { overflow: auto; } .et-page-ontop { z-index: 999; } .et-rotate { cursor: pointer; } .pt-page-moveToLeft { -webkit-animation: moveToLeft 0.6s ease both; -moz-animation: moveToLeft 0.6s ease both; animation: moveToLeft 0.6s ease both; } .pt-page-moveFromLeft { -webkit-animation: moveFromLeft 0.6s ease both; -moz-animation: moveFromLeft 0.6s ease both; animation: moveFromLeft 0.6s ease both; } .pt-page-moveToRight { -webkit-animation: moveToRight 0.6s ease both; -moz-animation: moveToRight 0.6s ease both; animation: moveToRight 0.6s ease both; } .pt-page-moveFromRight { -webkit-animation: moveFromRight 0.6s ease both; -moz-animation: moveFromRight 0.6s ease both; animation: moveFromRight 0.6s ease both; } .pt-page-moveToTop { -webkit-animation: moveToTop 0.6s ease both; -moz-animation: moveToTop 0.6s ease both; animation: moveToTop 0.6s ease both; } .pt-page-moveFromTop { -webkit-animation: moveFromTop 0.6s ease both; -moz-animation: moveFromTop 0.6s ease both; animation: moveFromTop 0.6s ease both; } .pt-page-moveToBottom { -webkit-animation: moveToBottom 0.6s ease both; -moz-animation: moveToBottom 0.6s ease both; animation: moveToBottom 0.6s ease both; } .pt-page-moveFromBottom { -webkit-animation: moveFromBottom 0.6s ease both; -moz-animation: moveFromBottom 0.6s ease both; animation: moveFromBottom 0.6s ease both; } .pt-page-fade { -webkit-animation: fade 0.7s ease both; -moz-animation: fade 0.7s ease both; animation: fade 0.7s ease both; } .pt-page-moveToLeftFade { -webkit-animation: moveToLeftFade 0.7s ease both; -moz-animation: moveToLeftFade 0.7s ease both; animation: moveToLeftFade 0.7s ease both; } .pt-page-moveFromLeftFade { -webkit-animation: moveFromLeftFade 0.7s ease both; -moz-animation: moveFromLeftFade 0.7s ease both; animation: moveFromLeftFade 0.7s ease both; } .pt-page-moveToRightFade { -webkit-animation: moveToRightFade 0.7s ease both; -moz-animation: moveToRightFade 0.7s ease both; animation: moveToRightFade 0.7s ease both; } .pt-page-moveFromRightFade { -webkit-animation: moveFromRightFade 0.7s ease both; -moz-animation: moveFromRightFade 0.7s ease both; animation: moveFromRightFade 0.7s ease both; } .pt-page-moveToTopFade { -webkit-animation: moveToTopFade 0.7s ease both; -moz-animation: moveToTopFade 0.7s ease both; animation: moveToTopFade 0.7s ease both; } .pt-page-moveFromTopFade { -webkit-animation: moveFromTopFade 0.7s ease both; -moz-animation: moveFromTopFade 0.7s ease both; animation: moveFromTopFade 0.7s ease both; } .pt-page-moveToBottomFade { -webkit-animation: moveToBottomFade 0.7s ease both; -moz-animation: moveToBottomFade 0.7s ease both; animation: moveToBottomFade 0.7s ease both; } .pt-page-moveFromBottomFade { -webkit-animation: moveFromBottomFade 0.7s ease both; -moz-animation: moveFromBottomFade 0.7s ease both; animation: moveFromBottomFade 0.7s ease both; } .pt-page-moveToLeftEasing { -webkit-animation: moveToLeft 0.7s ease-in-out both; -moz-animation: moveToLeft 0.7s ease-in-out both; animation: moveToLeft 0.7s ease-in-out both; } .pt-page-moveToRightEasing { -webkit-animation: moveToRight 0.7s ease-in-out both; -moz-animation: moveToRight 0.7s ease-in-out both; animation: moveToRight 0.7s ease-in-out both; } .pt-page-moveToTopEasing { -webkit-animation: moveToTop 0.7s ease-in-out both; -moz-animation: moveToTop 0.7s ease-in-out both; animation: moveToTop 0.7s ease-in-out both; } .pt-page-moveToBottomEasing { -webkit-animation: moveToBottom 0.7s ease-in-out both; -moz-animation: moveToBottom 0.7s ease-in-out both; animation: moveToBottom 0.7s ease-in-out both; } @-webkit-keyframes moveToLeft { to { -webkit-transform: translateX(-100%); } } @-moz-keyframes moveToLeft { to { -moz-transform: translateX(-100%); } } @keyframes moveToLeft { to { transform: translateX(-100%); } } @-webkit-keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); } } @-moz-keyframes moveFromLeft { from { -moz-transform: translateX(-100%); } } @keyframes moveFromLeft { from { transform: translateX(-100%); } } @-webkit-keyframes moveToRight { to { -webkit-transform: translateX(100%); } } @-moz-keyframes moveToRight { to { -moz-transform: translateX(100%); } } @keyframes moveToRight { to { transform: translateX(100%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } } @keyframes moveFromRight { from { transform: translateX(100%); } } @-webkit-keyframes moveToTop { to { -webkit-transform: translateY(-100%); } } @-moz-keyframes moveToTop { to { -moz-transform: translateY(-100%); } } @keyframes moveToTop { to { transform: translateY(-100%); } } @-webkit-keyframes moveFromTop { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes moveFromTop { from { -moz-transform: translateY(-100%); } } @keyframes moveFromTop { from { transform: translateY(-100%); } } @-webkit-keyframes moveToBottom { to { -webkit-transform: translateY(100%); } } @-moz-keyframes moveToBottom { to { -moz-transform: translateY(100%); } } @keyframes moveToBottom { to { transform: translateY(100%); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } } @keyframes moveFromBottom { from { transform: translateY(100%); } } @-webkit-keyframes fade { to { opacity: 0.3; } } @-moz-keyframes fade { to { opacity: 0.3; } } @keyframes fade { to { opacity: 0.3; } } @-webkit-keyframes moveToLeftFade { to { opacity: 0.3; -webkit-transform: translateX(-100%); } } @-moz-keyframes moveToLeftFade { to { opacity: 0.3; -moz-transform: translateX(-100%); } } @keyframes moveToLeftFade { to { opacity: 0.3; transform: translateX(-100%); } } @-webkit-keyframes moveFromLeftFade { from { opacity: 0.3; -webkit-transform: translateX(-100%); } } @-moz-keyframes moveFromLeftFade { from { opacity: 0.3; -moz-transform: translateX(-100%); } } @keyframes moveFromLeftFade { from { opacity: 0.3; transform: translateX(-100%); } } @-webkit-keyframes moveToRightFade { to { opacity: 0.3; -webkit-transform: translateX(100%); } } @-moz-keyframes moveToRightFade { to { opacity: 0.3; -moz-transform: translateX(100%); } } @keyframes moveToRightFade { to { opacity: 0.3; transform: translateX(100%); } } @-webkit-keyframes moveFromRightFade { from { opacity: 0.3; -webkit-transform: translateX(100%); } } @-moz-keyframes moveFromRightFade { from { opacity: 0.3; -moz-transform: translateX(100%); } } @keyframes moveFromRightFade { from { opacity: 0.3; transform: translateX(100%); } } @-webkit-keyframes moveToTopFade { to { opacity: 0.3; -webkit-transform: translateY(-100%); } } @-moz-keyframes moveToTopFade { to { opacity: 0.3; -moz-transform: translateY(-100%); } } @keyframes moveToTopFade { to { opacity: 0.3; transform: translateY(-100%); } } @-webkit-keyframes moveFromTopFade { from { opacity: 0.3; -webkit-transform: translateY(-100%); } } @-moz-keyframes moveFromTopFade { from { opacity: 0.3; -moz-transform: translateY(-100%); } } @keyframes moveFromTopFade { from { opacity: 0.3; transform: translateY(-100%); } } @-webkit-keyframes moveToBottomFade { to { opacity: 0.3; -webkit-transform: translateY(100%); } } @-moz-keyframes moveToBottomFade { to { opacity: 0.3; -moz-transform: translateY(100%); } } @keyframes moveToBottomFade { to { opacity: 0.3; transform: translateY(100%); } } @-webkit-keyframes moveFromBottomFade { from { opacity: 0.3; -webkit-transform: translateY(100%); } } @-moz-keyframes moveFromBottomFade { from { opacity: 0.3; -moz-transform: translateY(100%); } } @keyframes moveFromBottomFade { from { opacity: 0.3; transform: translateY(100%); } } .pt-page-scaleDown { -webkit-animation: scaleDown 0.7s ease both; -moz-animation: scaleDown 0.7s ease both; animation: scaleDown 0.7s ease both; } .pt-page-scaleUp { -webkit-animation: scaleUp 0.7s ease both; -moz-animation: scaleUp 0.7s ease both; animation: scaleUp 0.7s ease both; } .pt-page-scaleUpDown { -webkit-animation: scaleUpDown 0.5s ease both; -moz-animation: scaleUpDown 0.5s ease both; animation: scaleUpDown 0.5s ease both; } .pt-page-scaleDownUp { -webkit-animation: scaleDownUp 0.5s ease both; -moz-animation: scaleDownUp 0.5s ease both; animation: scaleDownUp 0.5s ease both; } .pt-page-scaleDownCenter { -webkit-animation: scaleDownCenter 0.4s ease-in both; -moz-animation: scaleDownCenter 0.4s ease-in both; animation: scaleDownCenter 0.4s ease-in both; } .pt-page-scaleUpCenter { -webkit-animation: scaleUpCenter 0.4s ease-out both; -moz-animation: scaleUpCenter 0.4s ease-out both; animation: scaleUpCenter 0.4s ease-out both; } @-webkit-keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleDown { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleDown { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes scaleUp { from { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleUp { from { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleUp { from { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes scaleUpDown { from { opacity: 0; -webkit-transform: scale(1.2); } } @-moz-keyframes scaleUpDown { from { opacity: 0; -moz-transform: scale(1.2); } } @keyframes scaleUpDown { from { opacity: 0; transform: scale(1.2); } } @-webkit-keyframes scaleDownUp { to { opacity: 0; -webkit-transform: scale(1.2); } } @-moz-keyframes scaleDownUp { to { opacity: 0; -moz-transform: scale(1.2); } } @keyframes scaleDownUp { to { opacity: 0; transform: scale(1.2); } } @-webkit-keyframes scaleDownCenter { to { opacity: 0; -webkit-transform: scale(0.7); } } @-moz-keyframes scaleDownCenter { to { opacity: 0; -moz-transform: scale(0.7); } } @keyframes scaleDownCenter { to { opacity: 0; transform: scale(0.7); } } @-webkit-keyframes scaleUpCenter { from { opacity: 0; -webkit-transform: scale(0.7); } } @-moz-keyframes scaleUpCenter { from { opacity: 0; -moz-transform: scale(0.7); } } @keyframes scaleUpCenter { from { opacity: 0; transform: scale(0.7); } } .pt-page-rotateRightSideFirst { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.8s both ease-in; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.8s both ease-in; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.8s both ease-in; } .pt-page-rotateLeftSideFirst { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateLeftSideFirst 0.8s both ease-in; -moz-transform-origin: 100% 50%; -moz-animation: rotateLeftSideFirst 0.8s both ease-in; transform-origin: 100% 50%; animation: rotateLeftSideFirst 0.8s both ease-in; } .pt-page-rotateTopSideFirst { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateTopSideFirst 0.8s both ease-in; -moz-transform-origin: 50% 100%; -moz-animation: rotateTopSideFirst 0.8s both ease-in; transform-origin: 50% 100%; animation: rotateTopSideFirst 0.8s both ease-in; } .pt-page-rotateBottomSideFirst { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateBottomSideFirst 0.8s both ease-in; -moz-transform-origin: 50% 0%; -moz-animation: rotateBottomSideFirst 0.8s both ease-in; transform-origin: 50% 0%; animation: rotateBottomSideFirst 0.8s both ease-in; } .pt-page-flipOutRight { -webkit-transform-origin: 50% 50%; -webkit-animation: flipOutRight 0.5s both ease-in; -moz-transform-origin: 50% 50%; -moz-animation: flipOutRight 0.5s both ease-in; transform-origin: 50% 50%; animation: flipOutRight 0.5s both forwards; } .pt-page-flipInLeft { -webkit-transform-origin: 50% 50%; -webkit-animation: flipInLeft 0.5s both ease-out; -moz-transform-origin: 50% 50%; -moz-animation: flipInLeft 0.5s both ease-out; transform-origin: 50% 50%; animation: flipInLeft 0.5s both ease-out; } .pt-page-flipOutLeft { -webkit-transform-origin: 50% 50%; -webkit-animation: flipOutLeft 0.5s both ease-in; -moz-transform-origin: 50% 50%; -moz-animation: flipOutLeft 0.5s both ease-in; transform-origin: 50% 50%; animation: flipOutLeft 0.5s both forwards; } .pt-page-flipInRight { -webkit-transform-origin: 50% 50%; -webkit-animation: flipInRight 0.5s both ease-out; -moz-transform-origin: 50% 50%; -moz-animation: flipInRight 0.5s both ease-out; transform-origin: 50% 50%; animation: flipInRight 0.5s both ease-out; } .pt-page-flipOutTop { -webkit-transform-origin: 50% 50%; -webkit-animation: flipOutTop 0.5s both ease-in; -moz-transform-origin: 50% 50%; -moz-animation: flipOutTop 0.5s both ease-in; transform-origin: 50% 50%; animation: flipOutTop 0.5s both ease-in; } .pt-page-flipInBottom { -webkit-transform-origin: 50% 50%; -webkit-animation: flipInBottom 0.5s both ease-out; -moz-transform-origin: 50% 50%; -moz-animation: flipInBottom 0.5s both ease-out; transform-origin: 50% 50%; animation: flipInBottom 0.5s both ease-out; } .pt-page-flipOutBottom { -webkit-transform-origin: 50% 50%; -webkit-animation: flipOutBottom 0.5s both ease-in; -moz-transform-origin: 50% 50%; -moz-animation: flipOutBottom 0.5s both ease-in; transform-origin: 50% 50%; animation: flipOutBottom 0.5s both ease-in; } .pt-page-flipInTop { -webkit-transform-origin: 50% 50%; -webkit-animation: flipInTop 0.5s both ease-out; -moz-transform-origin: 50% 50%; -moz-animation: flipInTop 0.5s both ease-out; transform-origin: 50% 50%; animation: flipInTop 0.5s both ease-out; } .pt-page-rotateFall { -webkit-transform-origin: 0% 0%; -webkit-animation: rotateFall 1s both ease-in; -moz-transform-origin: 0% 0%; -moz-animation: rotateFall 1s both ease-in; transform-origin: 0% 0%; animation: rotateFall 1s both ease-in; } .pt-page-rotateOutNewspaper { -webkit-transform-origin: 50% 50%; -webkit-animation: rotateOutNewspaper 0.5s both ease-in; -moz-transform-origin: 50% 50%; -moz-animation: rotateOutNewspaper 0.5s both ease-in; transform-origin: 50% 50%; animation: rotateOutNewspaper 0.5s both ease-in; } .pt-page-rotateInNewspaper { -webkit-transform-origin: 50% 50%; -webkit-animation: rotateInNewspaper 0.5s both ease-out; -moz-transform-origin: 50% 50%; -moz-animation: rotateInNewspaper 0.5s both ease-out; transform-origin: 50% 50%; animation: rotateInNewspaper 0.5s both ease-out; } .pt-page-rotatePushLeft { -webkit-transform-origin: 0% 50%; -webkit-animation: rotatePushLeft 0.8s both ease; -moz-transform-origin: 0% 50%; -moz-animation: rotatePushLeft 0.8s both ease; transform-origin: 0% 50%; animation: rotatePushLeft 0.8s both ease; } .pt-page-rotatePushRight { -webkit-transform-origin: 100% 50%; -webkit-animation: rotatePushRight 0.8s both ease; -moz-transform-origin: 100% 50%; -moz-animation: rotatePushRight 0.8s both ease; transform-origin: 100% 50%; animation: rotatePushRight 0.8s both ease; } .pt-page-rotatePushTop { -webkit-transform-origin: 50% 0%; -webkit-animation: rotatePushTop 0.8s both ease; -moz-transform-origin: 50% 0%; -moz-animation: rotatePushTop 0.8s both ease; transform-origin: 50% 0%; animation: rotatePushTop 0.8s both ease; } .pt-page-rotatePushBottom { -webkit-transform-origin: 50% 100%; -webkit-animation: rotatePushBottom 0.8s both ease; -moz-transform-origin: 50% 100%; -moz-animation: rotatePushBottom 0.8s both ease; transform-origin: 50% 100%; animation: rotatePushBottom 0.8s both ease; } .pt-page-rotatePullRight { -webkit-transform-origin: 100% 50%; -webkit-animation: rotatePullRight 0.5s both ease; -moz-transform-origin: 100% 50%; -moz-animation: rotatePullRight 0.5s both ease; transform-origin: 100% 50%; animation: rotatePullRight 0.5s both ease; } .pt-page-rotatePullLeft { -webkit-transform-origin: 0% 50%; -webkit-animation: rotatePullLeft 0.5s both ease; -moz-transform-origin: 0% 50%; -moz-animation: rotatePullLeft 0.5s both ease; transform-origin: 0% 50%; animation: rotatePullLeft 0.5s both ease; } .pt-page-rotatePullTop { -webkit-transform-origin: 50% 0%; -webkit-animation: rotatePullTop 0.5s both ease; -moz-transform-origin: 50% 0%; -moz-animation: rotatePullTop 0.5s both ease; transform-origin: 50% 0%; animation: rotatePullTop 0.5s both ease; } .pt-page-rotatePullBottom { -webkit-transform-origin: 50% 100%; -webkit-animation: rotatePullBottom 0.5s both ease; -moz-transform-origin: 50% 100%; -moz-animation: rotatePullBottom 0.5s both ease; transform-origin: 50% 100%; animation: rotatePullBottom 0.5s both ease; } .pt-page-rotateFoldRight { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateFoldRight 0.7s both ease; -moz-transform-origin: 0% 50%; -moz-animation: rotateFoldRight 0.7s both ease; transform-origin: 0% 50%; animation: rotateFoldRight 0.7s both ease; } .pt-page-rotateFoldLeft { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateFoldLeft 0.7s both ease; -moz-transform-origin: 100% 50%; -moz-animation: rotateFoldLeft 0.7s both ease; transform-origin: 100% 50%; animation: rotateFoldLeft 0.7s both ease; } .pt-page-rotateFoldTop { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateFoldTop 0.7s both ease; -moz-transform-origin: 50% 100%; -moz-animation: rotateFoldTop 0.7s both ease; transform-origin: 50% 100%; animation: rotateFoldTop 0.7s both ease; } .pt-page-rotateFoldBottom { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateFoldBottom 0.7s both ease; -moz-transform-origin: 50% 0%; -moz-animation: rotateFoldBottom 0.7s both ease; transform-origin: 50% 0%; animation: rotateFoldBottom 0.7s both ease; } .pt-page-rotateUnfoldLeft { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateUnfoldLeft 0.7s both ease; -moz-transform-origin: 100% 50%; -moz-animation: rotateUnfoldLeft 0.7s both ease; transform-origin: 100% 50%; animation: rotateUnfoldLeft 0.7s both ease; } .pt-page-rotateUnfoldRight { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateUnfoldRight 0.7s both ease; -moz-transform-origin: 0% 50%; -moz-animation: rotateUnfoldRight 0.7s both ease; transform-origin: 0% 50%; animation: rotateUnfoldRight 0.7s both ease; } .pt-page-rotateUnfoldTop { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateUnfoldTop 0.7s both ease; -moz-transform-origin: 50% 100%; -moz-animation: rotateUnfoldTop 0.7s both ease; transform-origin: 50% 100%; animation: rotateUnfoldTop 0.7s both ease; } .pt-page-rotateUnfoldBottom { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateUnfoldBottom 0.7s both ease; -moz-transform-origin: 50% 0%; -moz-animation: rotateUnfoldBottom 0.7s both ease; transform-origin: 50% 0%; animation: rotateUnfoldBottom 0.7s both ease; } .pt-page-rotateRoomLeftOut { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateRoomLeftOut 0.8s both ease; -moz-transform-origin: 100% 50%; -moz-animation: rotateRoomLeftOut 0.8s both ease; transform-origin: 100% 50%; animation: rotateRoomLeftOut 0.8s both ease; } .pt-page-rotateRoomLeftIn { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRoomLeftIn 0.8s both ease; -moz-transform-origin: 0% 50%; -moz-animation: rotateRoomLeftIn 0.8s both ease; transform-origin: 0% 50%; animation: rotateRoomLeftIn 0.8s both ease; } .pt-page-rotateRoomRightOut { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRoomRightOut 0.8s both ease; -moz-transform-origin: 0% 50%; -moz-animation: rotateRoomRightOut 0.8s both ease; transform-origin: 0% 50%; animation: rotateRoomRightOut 0.8s both ease; } .pt-page-rotateRoomRightIn { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateRoomRightIn 0.8s both ease; -moz-transform-origin: 100% 50%; -moz-animation: rotateRoomRightIn 0.8s both ease; transform-origin: 100% 50%; animation: rotateRoomRightIn 0.8s both ease; } .pt-page-rotateRoomTopOut { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateRoomTopOut 0.8s both ease; -moz-transform-origin: 50% 100%; -moz-animation: rotateRoomTopOut 0.8s both ease; transform-origin: 50% 100%; animation: rotateRoomTopOut 0.8s both ease; } .pt-page-rotateRoomTopIn { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateRoomTopIn 0.8s both ease; -moz-transform-origin: 50% 0%; -moz-animation: rotateRoomTopIn 0.8s both ease; transform-origin: 50% 0%; animation: rotateRoomTopIn 0.8s both ease; } .pt-page-rotateRoomBottomOut { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateRoomBottomOut 0.8s both ease; -moz-transform-origin: 50% 0%; -moz-animation: rotateRoomBottomOut 0.8s both ease; transform-origin: 50% 0%; animation: rotateRoomBottomOut 0.8s both ease; } .pt-page-rotateRoomBottomIn { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateRoomBottomIn 0.8s both ease; -moz-transform-origin: 50% 100%; -moz-animation: rotateRoomBottomIn 0.8s both ease; transform-origin: 50% 100%; animation: rotateRoomBottomIn 0.8s both ease; } .pt-page-rotateCubeLeftOut { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateCubeLeftOut 0.6s both ease-in; -moz-transform-origin: 100% 50%; -moz-animation: rotateCubeLeftOut 0.6s both ease-in; transform-origin: 100% 50%; animation: rotateCubeLeftOut 0.6s both ease-in; } .pt-page-rotateCubeLeftIn { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateCubeLeftIn 0.6s both ease-in; -moz-transform-origin: 0% 50%; -moz-animation: rotateCubeLeftIn 0.6s both ease-in; transform-origin: 0% 50%; animation: rotateCubeLeftIn 0.6s both ease-in; } .pt-page-rotateCubeRightOut { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateCubeRightOut 0.6s both ease-in; -moz-transform-origin: 0% 50%; -moz-animation: rotateCubeRightOut 0.6s both ease-in; transform-origin: 0% 50%; animation: rotateCubeRightOut 0.6s both ease-in; } .pt-page-rotateCubeRightIn { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateCubeRightIn 0.6s both ease-in; -moz-transform-origin: 100% 50%; -moz-animation: rotateCubeRightIn 0.6s both ease-in; transform-origin: 100% 50%; animation: rotateCubeRightIn 0.6s both ease-in; } .pt-page-rotateCubeTopOut { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateCubeTopOut 0.6s both ease-in; -moz-transform-origin: 50% 100%; -moz-animation: rotateCubeTopOut 0.6s both ease-in; transform-origin: 50% 100%; animation: rotateCubeTopOut 0.6s both ease-in; } .pt-page-rotateCubeTopIn { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateCubeTopIn 0.6s both ease-in; -moz-transform-origin: 50% 0%; -moz-animation: rotateCubeTopIn 0.6s both ease-in; transform-origin: 50% 0%; animation: rotateCubeTopIn 0.6s both ease-in; } .pt-page-rotateCubeBottomOut { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateCubeBottomOut 0.6s both ease-in; -moz-transform-origin: 50% 0%; -moz-animation: rotateCubeBottomOut 0.6s both ease-in; transform-origin: 50% 0%; animation: rotateCubeBottomOut 0.6s both ease-in; } .pt-page-rotateCubeBottomIn { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateCubeBottomIn 0.6s both ease-in; -moz-transform-origin: 50% 100%; -moz-animation: rotateCubeBottomIn 0.6s both ease-in; transform-origin: 50% 100%; animation: rotateCubeBottomIn 0.6s both ease-in; } .pt-page-rotateCarouselLeftOut { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateCarouselLeftOut 0.8s both ease; -moz-transform-origin: 100% 50%; -moz-animation: rotateCarouselLeftOut 0.8s both ease; transform-origin: 100% 50%; animation: rotateCarouselLeftOut 0.8s both ease; } .pt-page-rotateCarouselLeftIn { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateCarouselLeftIn 0.8s both ease; -moz-transform-origin: 0% 50%; -moz-animation: rotateCarouselLeftIn 0.8s both ease; transform-origin: 0% 50%; animation: rotateCarouselLeftIn 0.8s both ease; } .pt-page-rotateCarouselRightOut { -webkit-transform-origin: 0% 50%; -webkit-animation: rotateCarouselRightOut 0.8s both ease; -moz-transform-origin: 0% 50%; -moz-animation: rotateCarouselRightOut 0.8s both ease; transform-origin: 0% 50%; animation: rotateCarouselRightOut 0.8s both ease; } .pt-page-rotateCarouselRightIn { -webkit-transform-origin: 100% 50%; -webkit-animation: rotateCarouselRightIn 0.8s both ease; -moz-transform-origin: 100% 50%; -moz-animation: rotateCarouselRightIn 0.8s both ease; transform-origin: 100% 50%; animation: rotateCarouselRightIn 0.8s both ease; } .pt-page-rotateCarouselTopOut { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateCarouselTopOut 0.8s both ease; -moz-transform-origin: 50% 100%; -moz-animation: rotateCarouselTopOut 0.8s both ease; transform-origin: 50% 100%; animation: rotateCarouselTopOut 0.8s both ease; } .pt-page-rotateCarouselTopIn { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateCarouselTopIn 0.8s both ease; -moz-transform-origin: 50% 0%; -moz-animation: rotateCarouselTopIn 0.8s both ease; transform-origin: 50% 0%; animation: rotateCarouselTopIn 0.8s both ease; } .pt-page-rotateCarouselBottomOut { -webkit-transform-origin: 50% 0%; -webkit-animation: rotateCarouselBottomOut 0.8s both ease; -moz-transform-origin: 50% 0%; -moz-animation: rotateCarouselBottomOut 0.8s both ease; transform-origin: 50% 0%; animation: rotateCarouselBottomOut 0.8s both ease; } .pt-page-rotateCarouselBottomIn { -webkit-transform-origin: 50% 100%; -webkit-animation: rotateCarouselBottomIn 0.8s both ease; -moz-transform-origin: 50% 100%; -moz-animation: rotateCarouselBottomIn 0.8s both ease; transform-origin: 50% 100%; animation: rotateCarouselBottomIn 0.8s both ease; } .pt-page-rotateSidesOut { -webkit-transform-origin: -50% 50%; -webkit-animation: rotateSidesOut 0.5s both ease-in; -moz-transform-origin: -50% 50%; -moz-animation: rotateSidesOut 0.5s both ease-in; transform-origin: -50% 50%; animation: rotateSidesOut 0.5s both ease-in; } .pt-page-rotateSidesIn { -webkit-transform-origin: 150% 50%; -webkit-animation: rotateSidesIn 0.5s both ease-out; -moz-transform-origin: 150% 50%; -moz-animation: rotateSidesIn 0.5s both ease-out; transform-origin: 150% 50%; animation: rotateSidesIn 0.5s both ease-out; } .pt-page-rotateSlideOut { -webkit-animation: rotateSlideOut 1s both ease; -moz-animation: rotateSlideOut 1s both ease; animation: rotateSlideOut 1s both ease; } .pt-page-rotateSlideIn { -webkit-animation: rotateSlideIn 1s both ease; -moz-animation: rotateSlideIn 1s both ease; animation: rotateSlideIn 1s both ease; } @-webkit-keyframes rotateRightSideFirst { 40% { -webkit-transform: rotateY(15deg); opacity: 0.8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity: 0; } } @-moz-keyframes rotateRightSideFirst { 40% { -moz-transform: rotateY(15deg); opacity: 0.8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(0.8) translateZ(-200px); opacity: 0; } } @keyframes rotateRightSideFirst { 40% { transform: rotateY(15deg); opacity: 0.8; animation-timing-function: ease-out; } 100% { transform: scale(0.8) translateZ(-200px); opacity: 0; } } @-webkit-keyframes rotateLeftSideFirst { 40% { -webkit-transform: rotateY(-15deg); opacity: 0.8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity: 0; } } @-moz-keyframes rotateLeftSideFirst { 40% { -moz-transform: rotateY(-15deg); opacity: 0.8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(0.8) translateZ(-200px); opacity: 0; } } @keyframes rotateLeftSideFirst { 40% { transform: rotateY(-15deg); opacity: 0.8; animation-timing-function: ease-out; } 100% { transform: scale(0.8) translateZ(-200px); opacity: 0; } } @-webkit-keyframes rotateTopSideFirst { 40% { -webkit-transform: rotateX(15deg); opacity: 0.8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity: 0; } } @-moz-keyframes rotateTopSideFirst { 40% { -moz-transform: rotateX(15deg); opacity: 0.8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(0.8) translateZ(-200px); opacity: 0; } } @keyframes rotateTopSideFirst { 40% { transform: rotateX(15deg); opacity: 0.8; animation-timing-function: ease-out; } 100% { transform: scale(0.8) translateZ(-200px); opacity: 0; } } @-webkit-keyframes rotateBottomSideFirst { 40% { -webkit-transform: rotateX(-15deg); opacity: 0.8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity: 0; } } @-moz-keyframes rotateBottomSideFirst { 40% { -moz-transform: rotateX(-15deg); opacity: 0.8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(0.8) translateZ(-200px); opacity: 0; } } @keyframes rotateBottomSideFirst { 40% { transform: rotateX(-15deg); opacity: 0.8; animation-timing-function: ease-out; } 100% { transform: scale(0.8) translateZ(-200px); opacity: 0; } } @-webkit-keyframes flipOutRight { to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @-moz-keyframes flipOutRight { to { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @keyframes flipOutRight { to { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @-webkit-keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @-moz-keyframes flipInLeft { from { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @keyframes flipInLeft { from { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @-webkit-keyframes flipOutLeft { to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @-moz-keyframes flipOutLeft { to { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @keyframes flipOutLeft { to { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @-webkit-keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @-moz-keyframes flipInRight { from { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @keyframes flipInRight { from { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @-webkit-keyframes flipOutTop { to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @-moz-keyframes flipOutTop { to { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @keyframes flipOutTop { to { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @-webkit-keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @-moz-keyframes flipInBottom { from { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @keyframes flipInBottom { from { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @-webkit-keyframes flipOutBottom { to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @-moz-keyframes flipOutBottom { to { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @keyframes flipOutBottom { to { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @-webkit-keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @-moz-keyframes flipInTop { from { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @keyframes flipInTop { from { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @-webkit-keyframes rotateFall { 0% { -webkit-transform: rotateZ(0deg); } 20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: rotateZ(17deg); } 60% { -webkit-transform: rotateZ(16deg); } 100% { -webkit-transform: translateY(100%) rotateZ(17deg); } } @-moz-keyframes rotateFall { 0% { -moz-transform: rotateZ(0deg); } 20% { -moz-transform: rotateZ(10deg); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: rotateZ(17deg); } 60% { -moz-transform: rotateZ(16deg); } 100% { -moz-transform: translateY(100%) rotateZ(17deg); } } @keyframes rotateFall { 0% { transform: rotateZ(0deg); } 20% { transform: rotateZ(10deg); animation-timing-function: ease-out; } 40% { transform: rotateZ(17deg); } 60% { transform: rotateZ(16deg); } 100% { transform: translateY(100%) rotateZ(17deg); } } @-webkit-keyframes rotateOutNewspaper { to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } } @-moz-keyframes rotateOutNewspaper { to { -moz-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } } @keyframes rotateOutNewspaper { to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } } @-webkit-keyframes rotateInNewspaper { from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } } @-moz-keyframes rotateInNewspaper { from { -moz-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } } @keyframes rotateInNewspaper { from { transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } } @-webkit-keyframes rotatePushLeft { to { opacity: 0; -webkit-transform: rotateY(90deg); } } @-moz-keyframes rotatePushLeft { to { opacity: 0; -moz-transform: rotateY(90deg); } } @keyframes rotatePushLeft { to { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes rotatePushRight { to { opacity: 0; -webkit-transform: rotateY(-90deg); } } @-moz-keyframes rotatePushRight { to { opacity: 0; -moz-transform: rotateY(-90deg); } } @keyframes rotatePushRight { to { opacity: 0; transform: rotateY(-90deg); } } @-webkit-keyframes rotatePushTop { to { opacity: 0; -webkit-transform: rotateX(-90deg); } } @-moz-keyframes rotatePushTop { to { opacity: 0; -moz-transform: rotateX(-90deg); } } @keyframes rotatePushTop { to { opacity: 0; transform: rotateX(-90deg); } } @-webkit-keyframes rotatePushBottom { to { opacity: 0; -webkit-transform: rotateX(90deg); } } @-moz-keyframes rotatePushBottom { to { opacity: 0; -moz-transform: rotateX(90deg); } } @keyframes rotatePushBottom { to { opacity: 0; transform: rotateX(90deg); } } @-webkit-keyframes rotatePullRight { from { opacity: 0; -webkit-transform: rotateY(-90deg); } } @-moz-keyframes rotatePullRight { from { opacity: 0; -moz-transform: rotateY(-90deg); } } @keyframes rotatePullRight { from { opacity: 0; transform: rotateY(-90deg); } } @-webkit-keyframes rotatePullLeft { from { opacity: 0; -webkit-transform: rotateY(90deg); } } @-moz-keyframes rotatePullLeft { from { opacity: 0; -moz-transform: rotateY(90deg); } } @keyframes rotatePullLeft { from { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes rotatePullTop { from { opacity: 0; -webkit-transform: rotateX(-90deg); } } @-moz-keyframes rotatePullTop { from { opacity: 0; -moz-transform: rotateX(-90deg); } } @keyframes rotatePullTop { from { opacity: 0; transform: rotateX(-90deg); } } @-webkit-keyframes rotatePullBottom { from { opacity: 0; -webkit-transform: rotateX(90deg); } } @-moz-keyframes rotatePullBottom { from { opacity: 0; -moz-transform: rotateX(90deg); } } @keyframes rotatePullBottom { from { opacity: 0; transform: rotateX(90deg); } } @-webkit-keyframes rotateFoldRight { to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } } @-moz-keyframes rotateFoldRight { to { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); } } @keyframes rotateFoldRight { to { opacity: 0; transform: translateX(100%) rotateY(90deg); } } @-webkit-keyframes rotateFoldLeft { to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } } @-moz-keyframes rotateFoldLeft { to { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); } } @keyframes rotateFoldLeft { to { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes rotateFoldTop { to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); } } @-moz-keyframes rotateFoldTop { to { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); } } @keyframes rotateFoldTop { to { opacity: 0; transform: translateY(-100%) rotateX(90deg); } } @-webkit-keyframes rotateFoldBottom { to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); } } @-moz-keyframes rotateFoldBottom { to { opacity: 0; -moz-transform: translateY(100%) rotateX(-90deg); } } @keyframes rotateFoldBottom { to { opacity: 0; transform: translateY(100%) rotateX(-90deg); } } @-webkit-keyframes rotateUnfoldLeft { from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } } @-moz-keyframes rotateUnfoldLeft { from { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); } } @keyframes rotateUnfoldLeft { from { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes rotateUnfoldRight { from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } } @-moz-keyframes rotateUnfoldRight { from { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); } } @keyframes rotateUnfoldRight { from { opacity: 0; transform: translateX(100%) rotateY(90deg); } } @-webkit-keyframes rotateUnfoldTop { from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); } } @-moz-keyframes rotateUnfoldTop { from { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); } } @keyframes rotateUnfoldTop { from { opacity: 0; transform: translateY(-100%) rotateX(90deg); } } @-webkit-keyframes rotateUnfoldBottom { from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); } } @-moz-keyframes rotateUnfoldBottom { from { opacity: 0; -moz-transform: translateY(100%) rotateX(-90deg); } } @keyframes rotateUnfoldBottom { from { opacity: 0; transform: translateY(100%) rotateX(-90deg); } } @-webkit-keyframes rotateRoomLeftOut { to { opacity: 0.3; -webkit-transform: translateX(-100%) rotateY(90deg); } } @-moz-keyframes rotateRoomLeftOut { to { opacity: 0.3; -moz-transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoomLeftOut { to { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); } } @-webkit-keyframes rotateRoomLeftIn { from { opacity: 0.3; -webkit-transform: translateX(100%) rotateY(-90deg); } } @-moz-keyframes rotateRoomLeftIn { from { opacity: 0.3; -moz-transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoomLeftIn { from { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); } } @-webkit-keyframes rotateRoomRightOut { to { opacity: 0.3; -webkit-transform: translateX(100%) rotateY(-90deg); } } @-moz-keyframes rotateRoomRightOut { to { opacity: 0.3; -moz-transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoomRightOut { to { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); } } @-webkit-keyframes rotateRoomRightIn { from { opacity: 0.3; -webkit-transform: translateX(-100%) rotateY(90deg); } } @-moz-keyframes rotateRoomRightIn { from { opacity: 0.3; -moz-transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoomRightIn { from { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); } } @-webkit-keyframes rotateRoomTopOut { to { opacity: 0.3; -webkit-transform: translateY(-100%) rotateX(-90deg); } } @-moz-keyframes rotateRoomTopOut { to { opacity: 0.3; -moz-transform: translateY(-100%) rotateX(-90deg); } } @keyframes rotateRoomTopOut { to { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); } } @-webkit-keyframes rotateRoomTopIn { from { opacity: 0.3; -webkit-transform: translateY(100%) rotateX(90deg); } } @-moz-keyframes rotateRoomTopIn { from { opacity: 0.3; -moz-transform: translateY(100%) rotateX(90deg); } } @keyframes rotateRoomTopIn { from { opacity: 0.3; transform: translateY(100%) rotateX(90deg); } } @-webkit-keyframes rotateRoomBottomOut { to { opacity: 0.3; -webkit-transform: translateY(100%) rotateX(90deg); } } @-moz-keyframes rotateRoomBottomOut { to { opacity: 0.3; -moz-transform: translateY(100%) rotateX(90deg); } } @keyframes rotateRoomBottomOut { to { opacity: 0.3; transform: translateY(100%) rotateX(90deg); } } @-webkit-keyframes rotateRoomBottomIn { from { opacity: 0.3; -webkit-transform: translateY(-100%) rotateX(-90deg); } } @-moz-keyframes rotateRoomBottomIn { from { opacity: 0.3; -moz-transform: translateY(-100%) rotateX(-90deg); } } @keyframes rotateRoomBottomIn { from { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); } } @-webkit-keyframes rotateCubeLeftOut { 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } 100% { opacity: 0.3; -webkit-transform: translateX(-100%) rotateY(-90deg); } } @-moz-keyframes rotateCubeLeftOut { 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } 100% { opacity: 0.3; -moz-transform: translateX(-100%) rotateY(-90deg); } } @keyframes rotateCubeLeftOut { 50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } 100% { opacity: 0.3; transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes rotateCubeLeftIn { 0% { opacity: 0.3; -webkit-transform: translateX(100%) rotateY(90deg); } 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } } @-moz-keyframes rotateCubeLeftIn { 0% { opacity: 0.3; -moz-transform: translateX(100%) rotateY(90deg); } 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } } @keyframes rotateCubeLeftIn { 0% { opacity: 0.3; transform: translateX(100%) rotateY(90deg); } 50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); } } @-webkit-keyframes rotateCubeRightOut { 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } 100% { opacity: 0.3; -webkit-transform: translateX(100%) rotateY(90deg); } } @-moz-keyframes rotateCubeRightOut { 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } 100% { opacity: 0.3; -moz-transform: translateX(100%) rotateY(90deg); } } @keyframes rotateCubeRightOut { 50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); } 100% { opacity: 0.3; transform: translateX(100%) rotateY(90deg); } } @-webkit-keyframes rotateCubeRightIn { 0% { opacity: 0.3; -webkit-transform: translateX(-100%) rotateY(-90deg); } 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } } @-moz-keyframes rotateCubeRightIn { 0% { opacity: 0.3; -moz-transform: translateX(-100%) rotateY(-90deg); } 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } } @keyframes rotateCubeRightIn { 0% { opacity: 0.3; transform: translateX(-100%) rotateY(-90deg); } 50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } } @-webkit-keyframes rotateCubeTopOut { 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } 100% { opacity: 0.3; -webkit-transform: translateY(-100%) rotateX(90deg); } } @-moz-keyframes rotateCubeTopOut { 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } 100% { opacity: 0.3; -moz-transform: translateY(-100%) rotateX(90deg); } } @keyframes rotateCubeTopOut { 50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } 100% { opacity: 0.3; transform: translateY(-100%) rotateX(90deg); } } @-webkit-keyframes rotateCubeTopIn { 0% { opacity: 0.3; -webkit-transform: translateY(100%) rotateX(-90deg); } 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } } @-moz-keyframes rotateCubeTopIn { 0% { opacity: 0.3; -moz-transform: translateY(100%) rotateX(-90deg); } 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } } @keyframes rotateCubeTopIn { 0% { opacity: 0.3; transform: translateY(100%) rotateX(-90deg); } 50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } } @-webkit-keyframes rotateCubeBottomOut { 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } 100% { opacity: 0.3; -webkit-transform: translateY(100%) rotateX(-90deg); } } @-moz-keyframes rotateCubeBottomOut { 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } 100% { opacity: 0.3; -moz-transform: translateY(100%) rotateX(-90deg); } } @keyframes rotateCubeBottomOut { 50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } 100% { opacity: 0.3; transform: translateY(100%) rotateX(-90deg); } } @-webkit-keyframes rotateCubeBottomIn { 0% { opacity: 0.3; -webkit-transform: translateY(-100%) rotateX(90deg); } 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } } @-moz-keyframes rotateCubeBottomIn { 0% { opacity: 0.3; -moz-transform: translateY(-100%) rotateX(90deg); } 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } } @keyframes rotateCubeBottomIn { 0% { opacity: 0.3; transform: translateY(-100%) rotateX(90deg); } 50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } } @-webkit-keyframes rotateCarouselLeftOut { to { opacity: 0.3; -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg); } } @-moz-keyframes rotateCarouselLeftOut { to { opacity: 0.3; -moz-transform: translateX(-150%) scale(0.4) rotateY(-65deg); } } @keyframes rotateCarouselLeftOut { to { opacity: 0.3; transform: translateX(-150%) scale(0.4) rotateY(-65deg); } } @-webkit-keyframes rotateCarouselLeftIn { from { opacity: 0.3; -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg); } } @-moz-keyframes rotateCarouselLeftIn { from { opacity: 0.3; -moz-transform: translateX(200%) scale(0.4) rotateY(65deg); } } @keyframes rotateCarouselLeftIn { from { opacity: 0.3; transform: translateX(200%) scale(0.4) rotateY(65deg); } } @-webkit-keyframes rotateCarouselRightOut { to { opacity: 0.3; -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg); } } @-moz-keyframes rotateCarouselRightOut { to { opacity: 0.3; -moz-transform: translateX(200%) scale(0.4) rotateY(65deg); } } @keyframes rotateCarouselRightOut { to { opacity: 0.3; transform: translateX(200%) scale(0.4) rotateY(65deg); } } @-webkit-keyframes rotateCarouselRightIn { from { opacity: 0.3; -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg); } } @-moz-keyframes rotateCarouselRightIn { from { opacity: 0.3; -moz-transform: translateX(-200%) scale(0.4) rotateY(-65deg); } } @keyframes rotateCarouselRightIn { from { opacity: 0.3; transform: translateX(-200%) scale(0.4) rotateY(-65deg); } } @-webkit-keyframes rotateCarouselTopOut { to { opacity: 0.3; -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg); } } @-moz-keyframes rotateCarouselTopOut { to { opacity: 0.3; -moz-transform: translateY(-200%) scale(0.4) rotateX(65deg); } } @keyframes rotateCarouselTopOut { to { opacity: 0.3; transform: translateY(-200%) scale(0.4) rotateX(65deg); } } @-webkit-keyframes rotateCarouselTopIn { from { opacity: 0.3; -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg); } } @-moz-keyframes rotateCarouselTopIn { from { opacity: 0.3; -moz-transform: translateY(200%) scale(0.4) rotateX(-65deg); } } @keyframes rotateCarouselTopIn { from { opacity: 0.3; transform: translateY(200%) scale(0.4) rotateX(-65deg); } } @-webkit-keyframes rotateCarouselBottomOut { to { opacity: 0.3; -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg); } } @-moz-keyframes rotateCarouselBottomOut { to { opacity: 0.3; -moz-transform: translateY(200%) scale(0.4) rotateX(-65deg); } } @keyframes rotateCarouselBottomOut { to { opacity: 0.3; transform: translateY(200%) scale(0.4) rotateX(-65deg); } } @-webkit-keyframes rotateCarouselBottomIn { from { opacity: 0.3; -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg); } } @-moz-keyframes rotateCarouselBottomIn { from { opacity: 0.3; -moz-transform: translateY(-200%) scale(0.4) rotateX(65deg); } } @keyframes rotateCarouselBottomIn { from { opacity: 0.3; transform: translateY(-200%) scale(0.4) rotateX(65deg); } } @-webkit-keyframes rotateSidesOut { to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); } } @-moz-keyframes rotateSidesOut { to { opacity: 0; -moz-transform: translateZ(-500px) rotateY(90deg); } } @keyframes rotateSidesOut { to { opacity: 0; transform: translateZ(-500px) rotateY(90deg); } } @-webkit-keyframes rotateSidesIn { from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } } @-moz-keyframes rotateSidesIn { from { opacity: 0; -moz-transform: translateZ(-500px) rotateY(-90deg); } } @keyframes rotateSidesIn { from { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } } @-webkit-keyframes rotateSlideOut { 25% { opacity: 0.5; -webkit-transform: translateZ(-500px); } 75% { opacity: 0.5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes rotateSlideOut { 25% { opacity: 0.5; -moz-transform: translateZ(-500px); } 75% { opacity: 0.5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes rotateSlideOut { 25% { opacity: 0.5; transform: translateZ(-500px); } 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes rotateSlideIn { 0%, 25% { opacity: 0.5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes rotateSlideIn { 0%, 25% { opacity: 0.5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes rotateSlideIn { 0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } .pt-page-delay100 { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .pt-page-delay180 { -webkit-animation-delay: 0.18s; -moz-animation-delay: 0.18s; animation-delay: 0.18s; } .pt-page-delay200 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; } .pt-page-delay300 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; } .pt-page-delay400 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; } .pt-page-delay500 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .pt-page-delay700 { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .pt-page-delay1000 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .jcrop-holder { direction: ltr; text-align: left; } .jcrop-vline, .jcrop-hline { background: #ffffff; font-size: 0; position: absolute; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-vline.right { right: 0; } .jcrop-hline { height: 1px !important; width: 100%; } .jcrop-hline.bottom { bottom: 0; } .jcrop-tracker { height: 100%; width: 100%; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; } .jcrop-handle { background-color: #333333; border: 1px #eeeeee solid; width: 7px; height: 7px; font-size: 1px; } .jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px; } .jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50%; } .jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50%; } .jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0; } .jcrop-handle.ord-se { bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0; } .jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px; } .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s { height: 7px; width: 100%; } .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w { height: 100%; width: 7px; } .jcrop-dragbar.ord-n { margin-top: -4px; } .jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px; } .jcrop-dragbar.ord-e { margin-right: -4px; right: 0; } .jcrop-dragbar.ord-w { margin-left: -4px; } .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline { background: #ffffff; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000000; border-color: #ffffff; border-radius: 3px; } .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline { background: #000000; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; border-color: #000000; border-radius: 3px; } .solid-line .jcrop-vline, .solid-line .jcrop-hline { background: #ffffff; } .jcrop-holder img, img.jcrop-preview { max-width: none; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .dropzone.dragover { cursor: copy; background: rgba(255, 255, 255, 0.5); } div.user-select { position: relative; width: 100%; border: 1px solid #d3d3d3; border-radius: 4px; } div.user-select input.user-select-input { width: 100%; border-radius: 8px; padding: 0 4px; border: none; outline: none; } div.user-select ul.user-select-dropdown { list-style: none; list-style-image: none; margin: 0; padding: 0; display: none; position: absolute; left: 0; width: 100%; max-height: 100px; overflow-y: hidden; padding: 8px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); border: 1px solid #9b9b9b; background: white; z-index: 100; } div.user-select ul.user-select-dropdown li { height: 26px; line-height: 26px; vertical-align: middle; cursor: pointer; } div.user-select ul.user-select-dropdown li.added { display: none; } div.user-select ul.user-select-dropdown li.filtered { display: none; } div.user-select ul.user-select-dropdown li:hover { background: #0d6efd; color: white; } div.user-select ul.user-select-dropdown li img.avatar { height: 24px; font-size: 14px; } div.user-select .user-select-added { padding: 5px 0; } div.user-select .user-select-added .user-selected { display: inline-block; margin: 2px; background: #0d6efd; border-radius: 5px; color: white; height: 30px; vertical-align: middle; line-height: 24px; padding: 2px 4px; } div.user-select .user-select-added .user-selected img.avatar { height: 24px; vertical-align: top; border-radius: 50%; } div.user-select .user-select-added .user-selected i.fa-close { display: inline-block; float: right; margin-left: 8px; margin-right: 4px; line-height: 24px; } button.thumbnail-media-picker + label { pointer-events: none !important; } .inputimage-wrapper { position: relative; overflow: hidden; } .inputimage-wrapper.thumbnail-media-picker { outline: none; } .inputimage-wrapper.thumbnail-picker, .inputimage-wrapper.thumbnail-media-picker { width: 216px; text-align: center; padding: 8px; margin: 0 auto; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .inputimage-wrapper.thumbnail-picker img, .inputimage-wrapper.thumbnail-media-picker img { object-fit: contain; max-width: 200px; min-height: 200px; max-height: 200px; } .inputimage-wrapper.thumbnail-picker-md { max-width: 132px; padding: 4px; margin: 0 auto; } .inputimage-wrapper.thumbnail-picker-md img { max-width: 120px; min-height: 120px; max-height: 120px; } .inputimage-wrapper.thumbnail-picker-small { max-width: 84px; padding: 4px; margin: 0 auto; } .inputimage-wrapper.thumbnail-picker-small img { max-width: 76px; min-height: 76px; max-height: 76px; } .inputimage-wrapper input { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; } .inputfile-wrapper { position: relative; overflow: hidden; text-align: center; clear: both; } .inputfile-wrapper input { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; display: none; font-size: 100px; cursor: pointer; border: 1px dashed #000000; } .inputfile-wrapper .inputfile { position: relative; display: block; } .inputfile-wrapper .inputfile:before, .inputfile-wrapper .inputfile:after { content: ""; display: table; } .inputfile-wrapper .inputfile:after { clear: both; } .inputfile-wrapper .inputfile-feedback { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; behavior: url(/static/lib/PIE.htc); font-size: 12px; border: none; color: #6fb7de; transition: color 0.2s ease-in; } .inputfile-wrapper .inputfile-feedback:focus { outline: none; } .inputfile-wrapper .inputfile-feedback2 { float: left; overflow: hidden; text-decoration: none; margin-left: 5px; display: inline-block; line-height: 30px; border: 0; color: white; width: 100%; height: 30px; border-radius: 4px; background-color: #909293; font-weight: bold; margin: 0; } .inputfile-wrapper .inputfile-feedback2.hovered { background-color: #cccccc; } .inputfile:focus .inputfile-wrapper .inputfile-feedback2 { border: 1px solid #4E8474; } .inputfile-wrapper .inputfile-feedback2.populated { font-style: normal; text-transform: none; line-height: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; width: 100%; padding: 6px; background: #fff; border: 2px solid #BABCBE; font-size: 120%; box-shadow: 0 2px 5px #DDD inset; color: #F69F25; text-align: left; padding-left: 24px; overflow-x: hidden; background: url("/static/twin_input/img/icon-generic.gif") no-repeat 3px center; } .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-jpg, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-gif, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-png, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-jpeg, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-bmp { background: url("/static/twin_input/img/icon-image.gif") no-repeat 3px center; } .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-mp3, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-mp4, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-mov, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-swf, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-wav, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-m4v { background: url("/static/twin_input/img/icon-media.gif") no-repeat 3px center; } .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-zip, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-tar, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-gz, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-sit { background: url("/static/twin_input/img/icon-zip.gif") no-repeat 3px center; } .inputfile-wrapper .inputfile-info { font-style: italic; } .inputfile-wrapper .inputfile-opener { display: none; width: 0; height: 0; } .inputfile-wrapper:hover .inputfile-feedback { color: #cc3300; } .tabs { display: block; background: white; } .tabs:before, .tabs:after { content: ""; display: table; } .tabs:after { clear: both; } .tabs > ul { list-style: none; list-style-image: none; margin: 0; padding: 0; margin-bottom: 0; height: 32px; } .tabs > ul li { float: left; display: inline-block; padding: 6px 14px 4px 14px; background: #ebebeb; cursor: pointer; border-bottom: none; margin-bottom: -1px; margin-right: 0; color: gray; } .tabs > ul li.active { color: white; background: #2279E9; } .tabs > ul:before, .tabs > ul:after { content: ""; display: table; } .tabs > ul:after { clear: both; } .tabs .tab { display: none; } .tabs .tab.active { display: block; } .inputcheckbox-wrapper { display: inline-block; } .inputcheckbox-wrapper .inputcheckbox { font-family: 'fa_free'; font-weight: 900; position: relative; display: inline-block; font-size: 24px; cursor: pointer; width: 24px; height: 22px; background: none; color: white; text-align: center; margin-top: 2px; padding: 2px; border: 2px solid rgba(0, 0, 0, 0.4); -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; behavior: url(/static/lib/PIE.htc); } .inputcheckbox-wrapper .inputcheckbox:focus { outline: none; } .inputcheckbox-wrapper .inputcheckbox:before { content: ""; } .inputcheckbox-wrapper .inputcheckbox.checked { color: #3e6cd0; } .inputcheckbox-wrapper .inputcheckbox.checked:before { content: ""; position: absolute; left: -4px; top: -4px; line-height: 30px; font-size: 30px; } .checkbox label .toggle, .checkbox-inline .toggle { margin-left: -20px; margin-right: 5px; } .toggle { position: relative; } .toggle input[type="checkbox"] { display: none; } .toggle-group { position: absolute; width: 200%; top: 0; bottom: 0; left: 0; transition: left 0.35s; -webkit-transition: left 0.35s; -moz-user-select: none; -webkit-user-select: none; } .toggle.off .toggle-group { left: -100%; } .toggle-on { position: absolute; top: 0; bottom: 0; left: 0; right: 50%; margin: 0; border: 0; border-radius: 0; } .toggle-off { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; margin: 0; border: 0; border-radius: 0; } .toggle-handle { position: relative; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; height: 100%; width: 0px; border-width: 0 1px; } .toggle.btn { min-width: 59px; min-height: 34px; margin: 9px 0; } .toggle-on.btn { padding-right: 24px; } .toggle-off.btn { padding-left: 24px; } .toggle.btn-lg { min-width: 79px; min-height: 45px; } .toggle-on.btn-lg { padding-right: 31px; } .toggle-off.btn-lg { padding-left: 31px; } .toggle-handle.btn-lg { width: 40px; } .toggle.btn-sm { min-width: 50px; min-height: 30px; } .toggle-on.btn-sm { padding-right: 20px; } .toggle-off.btn-sm { padding-left: 20px; } .toggle.btn-xs { min-width: 35px; min-height: 22px; } .toggle-on.btn-xs { padding-right: 12px; } .toggle-off.btn-xs { padding-left: 12px; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHh30AUi-qNiXg7eU0.woff2) format('woff2'); unicode-range: U100 -24f, U259, U1 E00-1EFF, U2020, U20 A0-20AB, U20 AD-20CF, U2113, U2 C60-2C7F, UA720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2) format('woff2'); unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2'); unicode-range: U100 -24f, U259, U1 E00-1EFF, U2020, U20 A0-20AB, U20 AD-20CF, U2113, U2 C60-2C7F, UA720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2'); unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2'); unicode-range: U100 -24f, U259, U1 E00-1EFF, U2020, U20 A0-20AB, U20 AD-20CF, U2113, U2 C60-2C7F, UA720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2'); unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2'); unicode-range: U100 -24f, U259, U1 E00-1EFF, U2020, U20 A0-20AB, U20 AD-20CF, U2113, U2 C60-2C7F, UA720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2'); unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } body.mobile { -webkit-transform: translateZ(0); } body.mobile div#app { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; } body.mobile #panel-main { transition-property: left, right; } body.mobile #panel-main header { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 60px; color: #E4E4E4; font-size: 18px; line-height: 60px; z-index: 100; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } body.mobile #panel-main header .title-left { position: absolute; left: 0; top: 0; min-width: 50px; font-size: 12px; padding-left: 10px; } body.mobile #panel-main header .title-center { width: 100%; text-align: center; text-transform: uppercase; } body.mobile #panel-main header .title-center small { display: inline-block; width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.mobile #panel-main header .title-right { position: absolute; right: 0; top: 0; min-width: 50px; text-align: right; font-size: 12px; padding-right: 10px; } body.mobile #panel-main section.page { position: absolute; width: 100%; height: 100%; } body.mobile #panel-main section.page #page { position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } body.mobile #panel-main section.page #page > ul.list { list-style: none; list-style-image: none; margin: 0; padding: 0; } body.mobile #panel-main section.page #page > ul.list li { padding: 4px; } body.mobile #panel-main section.page #page > ul.list li div.panel { padding: 6px; margin: 4px; } body.mobile #panel-main section.page.page-scroll { overflow-y: auto; } body.mobile #panel-main section.page.page-padded #page { padding: 15px; } body.mobile #panel-main section.page.has-topbar #page { top: 60px; } body.mobile #panel-main section.page.has-footer #page { padding-bottom: 60px; } body.panel-animate div#panel-left, body.panel-animate div#panel-main { -webkit-transition-duration: 400ms; transition-duration: 400ms; } body.bottom-bar-reveal div#panel-main { bottom: 100px; } body.panel-left-reveal div#panel-main { left: 200px; } body.panel-left-reveal div#panel-left { transform: translateX(0); } body.panel-left-reveal.slide div#panel-main { right: -200px; } body.panel-left-reveal-partial div#panel-left { width: 50px; left: 50px; } body.panel-left-reveal-partial div#panel-main { left: 50px; } body.panel-left-reveal-partial div#panel-main div#panel-left div#nav ul.nav-items ul.nav-submenu li { padding-left: 2px; } body.panel-right-reveal div#panel-main { right: 200px; } div#panel-left { position: absolute; left: 0px; top: 0; bottom: 0; width: 200px; background: #494F51; color: #CBFFE1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; transform: translateX(-120%); -o-user-select: none; user-select: none; z-index: 500; } div#panel-left.no-group { background: #583a63; } div#panel-left.no-group div#nav ul.nav-items > li { cursor: pointer; font-size: 18px; color: white; } div#panel-left.no-group div#nav ul.nav-items > li.active { color: #6cf; } div#panel-left.no-group div#nav ul.nav-items > li.selected { color: #6cf; } div#panel-left.no-group div#nav ul.nav-items > li.nav-break { height: 2px; margin: 10px 4px; border-top: 1px solid gray; } div#panel-left.no-group div#nav ul.nav-items ul.nav-submenu > li:hover { color: white; } div#panel-left.no-group div#nav ul.nav-items ul.nav-submenu > li.active { color: #6cf; } div#panel-left a, div#panel-left a:active { color: #CBFFE1; } div#panel-left a:hover, div#panel-left a:active:hover { color: #4E8474; } div#panel-left div.header { position: relative; } div#panel-left div.header div.overlay { position: absolute; width: 100%; left: 0; text-align: center; bottom: 10px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); } div#panel-left div.footer { position: absolute; bottom: 0; width: 100%; } div#panel-left div.logo { max-width: 200px; padding: 4px; overflow: hidden; border-bottom: 1px solid #828282; margin-bottom: 20px; } div#panel-left div.logo img { max-width: 50%; } div#panel-left div.logo h4 { margin: 3px 5px 0; } div#panel-left div.logo h1 { font-size: 34px; margin: 0 5px; font-weight: lighter; } div#panel-left div.debug span.ws-state { color: #AF3B3D; } div#panel-left div.debug span.ws-state.active { color: #4E8474; } div#panel-left div.avatar-box { position: relative; width: 100px; margin: 6px auto; } div#panel-left div.avatar-box i.logged-in-with { position: absolute; right: 10px; bottom: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); font-size: 32px; } div#panel-left div.user-box div.email { font-size: 11px; color: #a6a6a6; } div#panel-left ul.menu { list-style: none; list-style-image: none; margin: 0; padding: 0; margin: 14px 0; } div#panel-left ul.menu > li { padding: 10px; } div#panel-left ul.menu > li.clickable { cursor: pointer; } div#panel-left ul.menu > li i { display: inline-block; width: 30px; text-align: center; } div#panel-left ul.menu.menu-lg { font-size: 16px; font-weight: lighter; } div#panel-left ul.menu.menu-lg i { font-size: 18px; } div#panel-main { position: absolute; left: 0; right: 0; bottom: 0; top: 0px; z-index: 600; color: #333333; background: white; box-shadow: none; -webkit-transition-duration: 0ms; transition-duration: 0ms; } div#panel-right { position: absolute; right: 0; top: 0; height: 100%; width: 200px; z-index: 500; } .topnav-brand .mobile-menu-icon { display: none; height: 60px; padding: 0; margin-top: 15px; } .topnav-brand .mobile-menu-icon:hover, .topnav-brand .mobile-menu-icon:active, .topnav-brand .mobile-menu-icon:focus { cursor: pointer; opacity: 0.5; } @media (max-width: 1220px) { body.mobile section.page.page-toc-mode div#page div.page-toc { display: none; } body.mobile section.page.page-toc-mode div#page div.toc-toggle { left: -10px; } body.mobile section.page.page-toc-mode div#page div.page-view { left: 0; } } @media (max-width: 760px) { .topnav-brand .brand-img { display: none; } .topnav-brand .brand-title { position: absolute; opacity: 0.2; left: 50px; } .topnav-brand .mobile-menu-icon { display: inline-block; } body.panel-left-reveal:not(.panel-left-reveal-mobile-menu) div#panel-main { left: 0; } body.panel-left-reveal-mobile-menu div#panel-main { left: 200px; right: -200px; } } body.use-mobile-menu .topnav-brand .brand-img { display: none; } body.use-mobile-menu .topnav-brand .brand-title { position: absolute; opacity: 0.2; left: 50px; } body.use-mobile-menu .topnav-brand .mobile-menu-icon { display: inline-block; } body.use-mobile-menu.panel-left-reveal:not(.panel-left-reveal-mobile-menu) div#panel-main { left: 0; } body.use-mobile-menu.panel-left-reveal-mobile-menu div#panel-main { left: 200px; right: -200px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { div#panel-left.no-group div#nav ul.nav-items > li { font-weight: 200; } } .print-only { display: none; } @media print { @page { margin: 0mm; } .print-only { display: block !important; } .no-print, .no-print * { display: none !important; } html { max-height: 297.01 mm; max-width: 209.97 mm; } div#panel-left { display: none; } div.page-view-body { padding-top: 10px !important; } body.panel-left-reveal div#panel-main { left: 0px !important; } body.panel-left-reveal #page { top: 0px !important; } .et-page { overflow: visible !important; } .page-view-header { display: none !important; } div.page-view-body { overflow: auto !important; } .et-wrapper, #panel-main, #app, html, #panel-main, body, #page, div.page-view, section.page, div.page-view-body, div.page-toc { position: unset !important; float: none !important; overflow: none !important; } html, #panel-main { height: 100%; } .et-wrapper { height: auto !important; } div#admin-bar { display: none; } nav.topnav { display: none; } } body.mobile button.btn-default { background: green; color: white; } body.mobile button.btn-primary { background: #0d6efd; color: white; } body.mobile button.btn-info { background: #0dcaf0; color: white; } body.mobile button.btn-optional, body.mobile button.btn-other { background: #1a1a1a; color: white; } body.mobile button.btn-success { background: #4E8474; color: white; } body.mobile button.btn-error, body.mobile button.btn-danger { background: #fd9608; color: white; } body.mobile button.btn-warning { background: #AF3B3D; color: white; } body.mobile button.btn-cancel { background: #fd9608; color: white; } body.mobile button.btn-sm div.btn-sub-title, body.mobile button.btn-md div.btn-sub-title, body.mobile button.btn-lg div.btn-sub-title { font-size: 0.8em; color: white; } body.mobile .vertical-buttons button { margin-bottom: 8px; } body.mobile div#dropdown { position: relative; display: inline-block; } body.mobile div#dropdown > button { background: transparent; padding: 6px 20px; } body.mobile div#dropdown > button:focus, body.mobile div#dropdown > button:hover { color: #0d6efd; } body.mobile div#dropdown > button:after { content: ""; color: #b5b5b5; font: normal normal normal 14px / 1 'fa_free'; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 14px; } body.mobile div#dropdown > button[aria-expanded="true"] { border-radius: 0; } body.mobile div#dropdown > button[aria-expanded="true"]:after { content: ""; } body.mobile div#dropdown li.menu-item { color: #1a1a1a; padding: 8px 15px; cursor: pointer; white-space: nowrap; } body.mobile div#dropdown li.menu-item:hover { cursor: pointer; background: rgba(13, 110, 253, 0.3); } body.mobile div#dropdown li.menu-item hr { margin: 0; padding: 0; } body.mobile div.btn-row > div > button { margin-bottom: 15px; } .chat { position: relative; padding-bottom: 40px; } .chat ul { list-style-type: none; padding: 0px; } .chat .chat-event { margin-top: 8px; } .chat .avatar { color: white; border: 1px; border-radius: 50%; text-align: center; display: inline-block; } .chat .avatar img { border-radius: 50%; width: 26px; height: 26px; } .chat .when-box { color: #666666; font-size: 11px; min-width: 120px; } .chat .when-box.you { text-align: right; } .chat .kind { font-size: 10px; font-style: italic; } .chat .status-box { color: #cccccc; font-size: 9px; } .chat .who-box { width: 280px; } .chat .who-box .who-name { display: inline-block; line-height: 28px; color: #666666; margin: 0 4px; } .chat .who-box .me, .chat .who-box .you, .chat .who-box .you { display: inline-block; } .chat .bubble { background-color: #AF3B3D; border-radius: 6px; box-shadow: none; border: 2px solid #CCCCCC; display: inline-block; padding: 6px; position: relative; vertical-align: top; min-width: 200px; } .chat .bubble .message { -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; font-size: 18px; } .chat .bubble .icon { position: absolute; left: -26px; top: 6px; font-size: 16px; } .chat .bubble.you { margin: 25px 50px 5px 50px; background-color: #F4F4F4; color: black; border: 2px solid #E7BFBF; } .chat .bubble.you .who-box { position: absolute; left: -44px; top: 0; } .chat .bubble.you .who-box .avatar { float: left; } .chat .bubble.you .who-box.no-border { border: none; } .chat .bubble.you .who-box.no-border .avatar { box-shadow: none; } .chat .bubble.you .when-box { position: absolute; text-align: right; right: 0; top: -17px; font-size: 10px; } .chat .bubble.you.group { background-color: #F4F4F4; color: black; border: 2px solid #CCCCCC; } .chat .bubble.you.vertical { margin: 55px 20px 5px 20px; } .chat .bubble.you.vertical .who-box { left: -14px; top: -40px; } .chat .bubble.me { float: right; margin: 25px 50px 5px 50px; color: black; background-color: #F4F4F4; border: 2px solid #E7BFBF; } .chat .bubble.me .who-box { text-align: right; display: inline-block; position: absolute; right: -44px; top: 0; } .chat .bubble.me .who-box .avatar { float: right; } .chat .bubble.me .when-box { position: absolute; left: 0; bottom: -15px; } .chat .bubble.me.group { background-color: #F4F4F4; color: black; border: 2px solid #CCCCCC; } .chat .bubble.me.vertical { margin: 55px 20px 5px 20px; } .chat .bubble.me.vertical .who-box { right: -14px; top: -40px; } .chat .bubble.horizontal::before { background-color: transparent; content: ""; display: block; position: absolute; top: 12px; } .chat .bubble.horizontal.you::before { left: -16px; height: 0px; width: 0px; border-top: 3px solid transparent; border-bottom: 12px solid transparent; border-right: 16px solid #E7BFBF; } .chat .bubble.horizontal.you .who-box .who-name { display: inline-block; position: absolute; top: -24px; left: 40px; font-size: 10px; } .chat .bubble.horizontal.me .who-box .who-name { display: none; } .chat .bubble.horizontal.me::before { right: -16px; height: 0px; width: 0px; border-top: 3px solid transparent; border-bottom: 12px solid transparent; border-left: 16px solid #E7BFBF; } .chat .bubble.horizontal.me.group::before { border-left: 16px solid #CCCCCC; } .chat .bubble.horizontal.you.group::before { border-right: 16px solid #CCCCCC; } .chat .bubble.vertical::before { background-color: transparent; content: ""; display: block; position: absolute; top: -10px; } .chat .bubble.vertical.you::before { left: 0px; height: 0px; width: 0px; border-left: 2px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #E7BFBF; } .chat .bubble.vertical.me::before { right: 0px; height: 0px; width: 0px; border-left: 12px solid transparent; border-right: 2px solid transparent; border-bottom: 10px solid #E7BFBF; } .chat .bubble.vertical.me.group::before { border-bottom: 10px solid #CCCCCC; } .chat .bubble.vertical.you.group::before { border-bottom: 10px solid #CCCCCC; } .chat .bubble.shadowed .avatar { box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .chat .bubble textarea { border: none; background: transparent; outline: none; width: 90%; } div#modal-waiting-overlay { position: absolute; color: white; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); } div#modal-waiting-bg { background-color: #000000; opacity: 0.8; z-index: 32600; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } div.notify-alert span.fa { font-size: 30px; color: #ffe000; } div.dialog.body-no-padding .dialog-body { padding: 0 !important; } div.dialog { background: #E6E6E6; border-radius: 4px; } div.dialog div.dialog-header { background: #4e4e4e; color: #ffffff; } div.dialog div.dialog-header i.dialog-close { color: #ffffff; } div.dialog div.tabsview-wrapper { border: none; } div.dialog div.tabsview-wrapper div#tabsview_header { border: none; } div.dialog div.dialog-body { color: black; } div.dialog div.dialog-body div.keyvalue-table { margin-bottom: 10px; } div.dialog div.dialog-body p.warning { color: #AF3B3D; font-size: 12px; font-style: italic; } div.dialog div.dialog-body pre { text-align: left; } div.dialog div.dialog-body div.fields { text-align: left; } div.dialog div.dialog-body div.fields div.field { position: relative; font-size: 14px; margin-top: 15px; margin-bottom: 10px; } div.dialog div.dialog-body div.fields div.field:before { position: absolute; top: -15px; left: 0; color: #cccccc; font-size: 10px; content: attr(data-label); width: 100%; } div.dialog div.dialog-body div.model-fields { text-align: left; } div.dialog div.dialog-body div.model-fields div.model-field { position: relative; padding-top: 10px; margin-top: 10px; } div.dialog div.dialog-body div.model-fields div.model-field div.field-label { position: absolute; top: -5px; left: 0; font-size: 10px; color: #cccccc; } div.dialog div.dialog-body div.model-fields div.model-field div.field-value { color: #0d6efd; } div.dialog div.dialog-body .bootstrap-datetimepicker-widget th { height: 20px; line-height: 20px; width: 16px; font-size: 20px; } div.dialog div.dialog-body .bootstrap-datetimepicker-widget tbody td { font-size: 16px; } div.dialog div.dialog-body .bootstrap-datetimepicker-widget.dropdown-menu { margin: 2px 0; padding: 4px; width: 26em; } div.dialog div.dialog-body ul { padding-top: 10px; } div.dialog div.dialog-body ul > li { padding-top: 5px; } div.dialog.theme-big div.dialog-body { text-align: center; font-size: 24px; padding: 10px; } div.dialog.theme-big div.dialog-body h1 { font-size: 40px; } div.dialog.theme-big div.dialog-body form { font-size: 12px; text-align: left; } div.dialog.theme-big div.dialog-header { text-align: center; font-weight: normal; padding: 20px; font-size: 30px; } div.dialog.theme-big div.dialog-footer { overflow: hidden; } div.dialog.theme-big div.dialog-footer div.dialog-buttons { margin: 0; padding: 25px; } div.dialog.theme-big div.dialog-footer div.dialog-buttons button { height: 45px; font-size: 20px; margin: 0; text-align: center; padding: 0; border-radius: 4px; box-shadow: none; } div.dialog.theme-big div.dialog-footer div.dialog-buttons button.btn-block { width: 100% !important; } div.dialog.theme-big div.dialog-footer div.dialog-buttons.dialog-buttons-1 button { width: 100%; } div.dialog.theme-big div.dialog-footer div.dialog-buttons.dialog-buttons-2 button { width: 40%; margin: 10px; } div.dialog.theme-big div.dialog-footer div.dialog-buttons.dialog-buttons-3 button { width: 28%; margin: 10px; } div.dialog.theme-big div.dialog-footer div.dialog-buttons.dialog-buttons-4 button { width: 20%; margin: 10px; } div.dialog.theme-big div.dialog-footer div.dialog-buttons.dialog-buttons-5 button { width: 10%; margin: 10px; } div.dialog-theme-dark { background: #141618; color: white; } div.form-dialog { width: 99%; } div.form-dialog div.bootstrap-select button { border: 1px solid #a6a6a6; margin-top: 0px; } div.mobile-dialog div.button-bar { bottom: 0; left: 0; right: 0; width: 100%; } div.mobile-dialog div.button-bar.padded button { margin: 5px; } div.mobile-dialog table { border: none; } div.mobile-dialog table td { border: none; min-width: 80px; } div.mobile-dialog table td.field-name { display: block; color: gray; font-size: 14px; padding-right: 5px; text-align: right; } div.mobile-dialog div.bootstrap-select button { border: 1px solid #a6a6a6; margin-top: 0px; } div.mobile-dialog hr { margin-top: 4px; margin-bottom: 4px; border: 0; border-top: 1px solid #a6a6a6; } .notification-main { text-align: center; } .notification-main .message { position: fixed; top: 49%; left: 0; right: 0; min-height: 100px; min-width: 300px; max-width: 80%; width: auto; display: inline-block; margin: auto; color: white; font-size: 40px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.9), 0 0 8px black; z-index: 33000; text-align: center; border-radius: 8px; background: rgba(0, 0, 0, 0.63); line-height: 100px; } .notification-main .message.fadeOut { opacity: 0; display: block; } .view-busy { background: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .view-busy > i { display: block; font-size: 30px; width: 30px; height: 30px; margin: 47% auto; } #modal-background { background-color: #fff; opacity: 0.6; z-index: 32000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #modal-background.dark { background-color: #000000; } #modal-waiting-overlay .loader { text-align: center; font-size: 60px; } div.dialog-wrapper { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; padding: 8px; text-align: center; z-index: 32400; background: rgba(255, 255, 255, 0.51); display: table; height: 100%; width: 100%; } div.dialog-vertical-helper { display: table-cell; vertical-align: middle; } .dialog-overflow .dialog-body { overflow-y: scroll; } div.dialog { position: relative; display: inline-block; max-width: 100%; z-index: 32500; min-width: 300px; min-height: 100px; margin: 0 auto; text-align: left; } div.dialog hr { margin: 4px 0 !important; } div.dialog.ligther { background: rgba(255, 255, 255, 0.4); border-radius: 5px; -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); behavior: url(/static/lib/PIE.htc); } div.dialog.theme-dark { border-radius: 4px; background: #242424; border: 3px solid #ffffff; color: #fff; } div.dialog.theme-dark .dialog-header { border-bottom: 1px solid #7b7b7b; background: #141618; } div.dialog.theme-dark div.dialog-body { background: black; color: white; } div.dialog.light, div.dialog.theme-light, div.dialog.theme-material, div.dialog.theme-notheme { border-radius: 4px; -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); behavior: url(/static/lib/PIE.htc); } div.dialog.light .bg-overlay, div.dialog.theme-light .bg-overlay, div.dialog.theme-material .bg-overlay, div.dialog.theme-notheme .bg-overlay { border-top-left-radius: 4px; border-top-right-radius: 4px; } div.dialog.light .dialog-header, div.dialog.theme-light .dialog-header, div.dialog.theme-material .dialog-header, div.dialog.theme-notheme .dialog-header { background: #4e4e4e; color: #ffffff; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 15px; } div.dialog.light .dialog-header i.dialog-close, div.dialog.theme-light .dialog-header i.dialog-close, div.dialog.theme-material .dialog-header i.dialog-close, div.dialog.theme-notheme .dialog-header i.dialog-close { display: none; } div.dialog.light .dialog-header i.dialog-copy-body, div.dialog.theme-light .dialog-header i.dialog-copy-body, div.dialog.theme-material .dialog-header i.dialog-copy-body, div.dialog.theme-notheme .dialog-header i.dialog-copy-body { font-size: 0.5em; color: gray; cursor: pointer !important; padding: 0 8px; } div.dialog.light .dialog-header i.dialog-copy-body:hover, div.dialog.theme-light .dialog-header i.dialog-copy-body:hover, div.dialog.theme-material .dialog-header i.dialog-copy-body:hover, div.dialog.theme-notheme .dialog-header i.dialog-copy-body:hover { color: #0d6efd; } div.dialog.light .dialog-body, div.dialog.theme-light .dialog-body, div.dialog.theme-material .dialog-body, div.dialog.theme-notheme .dialog-body { background: white; color: black; padding: 15px; } div.dialog.light .dialog-body div.panel, div.dialog.theme-light .dialog-body div.panel, div.dialog.theme-material .dialog-body div.panel, div.dialog.theme-notheme .dialog-body div.panel { border-radius: 4px; } div.dialog.light .dialog-body div.panel div.panel-header, div.dialog.theme-light .dialog-body div.panel div.panel-header, div.dialog.theme-material .dialog-body div.panel div.panel-header, div.dialog.theme-notheme .dialog-body div.panel div.panel-header { border-top-left-radius: 4px; border-top-right-radius: 4px; } div.dialog.light .dialog-body div.panel div.panel-footer, div.dialog.theme-light .dialog-body div.panel div.panel-footer, div.dialog.theme-material .dialog-body div.panel div.panel-footer, div.dialog.theme-notheme .dialog-body div.panel div.panel-footer { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } div.dialog.light .dialog-footer, div.dialog.theme-light .dialog-footer, div.dialog.theme-material .dialog-footer, div.dialog.theme-notheme .dialog-footer { background: white; color: black; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } div.dialog.light.dialog-no-header .dialog-body, div.dialog.theme-light.dialog-no-header .dialog-body, div.dialog.theme-material.dialog-no-header .dialog-body, div.dialog.theme-notheme.dialog-no-header .dialog-body { border-top-left-radius: 4px; border-top-right-radius: 4px; } div.dialog.light.dialog-no-footer .dialog-body, div.dialog.theme-light.dialog-no-footer .dialog-body, div.dialog.theme-material.dialog-no-footer .dialog-body, div.dialog.theme-notheme.dialog-no-footer .dialog-body { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } div.dialog.image-picker-dialog div.dialog-body { overflow-y: auto; } div.dialog.image-picker-dialog div.dlg-image-list ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } div.dialog.image-picker-dialog div.dlg-image-list ul > li { position: relative; padding: 16px; cursor: pointer; } div.dialog.image-picker-dialog div.dlg-image-list ul > li img { max-width: 100%; } div.dialog.image-picker-dialog div.dlg-image-list ul > li:hover { text-decoration: none; background-color: #f5f5f5; } div.dialog.image-picker-dialog div.dlg-image-list ul > li.selected img { border: 2px solid #FF8000; } div.dialog.fullscreen { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } div.dialog.lightbox { min-width: 100px; min-height: 100px; border-radius: 0; background: transparent; } div.dialog.lightbox .dialog-body { overflow: auto; } div.dialog.lightbox img.lightbox-image { max-height: 100%; width: 100%; } div.dialog.lightbox .dialog-header i.dialog-close { color: #fff; top: -4px; right: -8px; } div.dialog.lightbox .dialog-slider-container { padding: 8px; } div.dialog.lightbox .dialog-body { font-size: 1em; background: white; border-bottom: none; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); behavior: url(/static/lib/PIE.htc); } div.dialog .dialog-header { cursor: move; position: relative; padding: 20px; min-height: 22px; color: #333333; font-size: 26px; font-weight: normal; line-height: 1; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } div.dialog .dialog-header i.dialog-close { position: absolute; color: #ccc; right: 4px; top: 4px; font-size: 20px; opacity: 0.6; cursor: pointer; } div.dialog .dialog-header i.dialog-close:hover { opacity: 0.8; } div.dialog .dialog-body { vertical-align: bottom; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } div.dialog .dialog-body .dialog-message { margin: 10px 20px; } div.dialog .dialog-body h1, div.dialog .dialog-body h2 { font-size: 18px; margin: 4px 0px; } div.dialog .dialog-body h3 { font-size: 16px; margin: 4px 0px; } div.dialog .dialog-body > form, div.dialog .dialog-body .form-dialog form { padding: 14px; } div.dialog .dialog-body > form div.form-group, div.dialog .dialog-body .form-dialog form div.form-group { line-height: 12px; text-align: left; } div.dialog .dialog-body > form .error > label, div.dialog .dialog-body .form-dialog form .error > label { color: red; font-weight: bold; } div.dialog .dialog-body > form .error > input, div.dialog .dialog-body .form-dialog form .error > input { border: 1px solid red; } div.dialog .dialog-body textarea.required, div.dialog .dialog-body input.required { border: 2px solid #1000ff; } div.dialog .dialog-body textarea:focus, div.dialog .dialog-body input:focus { outline: #0d6efd auto 5px; } div.dialog .dialog-body ul, div.dialog .dialog-body ol { text-align: left; font-size: 16px; } div.dialog .dialog-body ul > ul, div.dialog .dialog-body ol > ul { padding-top: 5px; padding-bottom: 10px; } div.dialog .dialog-body:before, div.dialog .dialog-body:after { content: ""; display: table; } div.dialog .dialog-body:after { clear: both; } div.dialog .dialog-footer { width: 100%; min-height: 32px; text-align: center; } div.dialog .dialog-footer .dialog-buttons { padding: 10px; } div.dialog .dialog-footer .dialog-buttons button { margin: 0 4px 4px; } div.dialog .dialog-footer .dialog-buttons button.btn-sm { text-align: center !important; height: 60px; padding: 6px; } div.dialog .dialog-footer .dialog-buttons button.btn-sm i { display: block; text-align: center; } div.dialog .dialog-footer.working { background: #e4eaee url(/static/img/dialog/spinner.gif) no-repeat center center; } div.dialog .dialog-footer.working .dialog-buttons { display: none; } div.dialog form h4.heading { margin-bottom: -4px; } div.dialog.theme-material div.dialog-header, div.dialog.dialogs-material div.dialog-header { background: white; color: black; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; padding: 25px 25px 10px 25px; font-weight: normal; text-align: left; } div.dialog.theme-material div.dialog-header i.dialog-close, div.dialog.dialogs-material div.dialog-header i.dialog-close { display: none; } div.dialog.theme-material div.dialog-body, div.dialog.dialogs-material div.dialog-body { position: relative; } div.dialog.theme-material div.dialog-body div.dialog-message, div.dialog.dialogs-material div.dialog-body div.dialog-message { font-weight: normal; } div.dialog.theme-material div.dialog-body::-webkit-scrollbar, div.dialog.dialogs-material div.dialog-body::-webkit-scrollbar { -webkit-appearance: none; width: 10px; } div.dialog.theme-material div.dialog-body::-webkit-scrollbar-thumb, div.dialog.dialogs-material div.dialog-body::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } div.dialog.theme-material div.dialog-footer div.dialog-buttons, div.dialog.dialogs-material div.dialog-footer div.dialog-buttons { text-align: right; } div.dialog.theme-material div.dialog-footer div.dialog-buttons button, div.dialog.dialogs-material div.dialog-footer div.dialog-buttons button { border: none; background: none; color: #0d6efd; box-shadow: none; font-weight: normal; } div.dialog.theme-material div.dialog-footer div.dialog-buttons button:hover, div.dialog.dialogs-material div.dialog-footer div.dialog-buttons button:hover { background: #4790F8; color: white; } div.dialog.theme-material div.dialog-footer div.dialog-buttons button:active, div.dialog.dialogs-material div.dialog-footer div.dialog-buttons button:active { background: none; color: #0d6efd; } div.dialog-wrapper.warn div.dialog .dialog-header { color: #AF3B3D; } div.dialog-wrapper.warn div.dialog .dialog-header i { color: #AF3B3D; } div.dialog-wrapper.warn div.error-msg { font-size: 24px; font-weight: bold; color: #7d7d7d; text-align: center; } div.dialog-wrapper.warn div.error-code { font-size: 10px; color: #969597; } @media (max-width: 720px) { div.dialog { width: 90vw; } div.dialog div.dialog-header div.dialog-title { font-size: 40px; } div.dialog div.dialog-body div.dialog-message { font-size: 30px; } div.dialog div.dialog-footer div.dialog-buttons button.btn { font-size: 30px; padding: 20px 40px; } } .atooltip { position: relative; cursor: pointer; } .atooltip:hover { color: #c00; } .atooltip:hover:after { background: #111; background: rgba(0, 0, 0, 0.8); border-radius: 0.5em; bottom: 1.35em; color: #fff; content: attr(data-tip); display: block; left: 1em; padding: 0.3em 1em; position: absolute; text-shadow: 0 1px 0 #000; white-space: nowrap; z-index: 98; } .atooltip:hover:before { border: solid; border-color: #111 transparent; border-color: rgba(0, 0, 0, 0.8) transparent; border-width: 0.4em 0.4em 0 0.4em; bottom: 1em; content: ""; display: block; left: 2em; position: absolute; z-index: 99; } #tooltip-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 32900; } #tooltip-wrapper.hide { display: none; z-index: -1; } #tooltip { position: absolute; background: white; border-radius: 4px; margin: 12 34px; border: 4px solid white; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8); } #tooltip #tooltip-content { background: white; color: black; margin: 6px; padding: 8px; max-width: 500px; border-radius: 4px; } #tooltip #tooltip-content img { max-width: 280px; } #tooltip #tooltip-content div.model-select-popover h3 { color: white; font-size: 16px; margin: -7px -7px 0 -7px; padding: 15px; background: #0d6efd; border-top-left-radius: 4px; border-top-right-radius: 4px; } #tooltip #tooltip-content div.model-select-popover div.model-select-header { margin: -15px -15px 0; background: white; padding: 4px; } #tooltip #tooltip-content div.model-select-popover input.search { letter-spacing: 0.5px; border-radius: 0; border: none; border-bottom: 1px solid #cccccc; } #tooltip #tooltip-content div.model-select-popover div.all-item { margin: 0 -15px 0; background: white; text-align: center; padding: 5px 20px; border-bottom: 1px solid white; font-weight: bold; color: #337ab7; cursor: pointer; } #tooltip #tooltip-content div.model-select-popover div.all-item:hover { color: #0d6efd; } #tooltip #tooltip-content div.model-select-popover.has-title div.all-item { position: absolute; top: 0; right: 10px; background: transparent; text-align: center; padding: 10px; border-bottom: none; font-weight: bold; color: #b2ffa6; cursor: pointer; font-weight: 300; } #tooltip #tooltip-content div.model-select-popover.has-title div.all-item:hover { color: white; } #tooltip #tooltip-content div.model-select-popover div.more-item, #tooltip #tooltip-content div.model-select-popover div.secondary_button { background: white; color: #337ab7; margin: 0 -15px -15px -15px; padding: 10px; text-align: center; font-weight: bold; cursor: pointer; } #tooltip #tooltip-content div.model-select-popover div.more-item:hover, #tooltip #tooltip-content div.model-select-popover div.secondary_button:hover { color: #0d6efd; } #tooltip #tooltip-content div.model-select-popover div.secondary_button i { margin-right: 5px; } #tooltip #tooltip-content div.model-select-popover div.results { margin: -15px; padding: 15px 0; } #tooltip #tooltip-content div.model-select-popover div.results div.search-item { padding: 8px 15px; border-bottom: 1px dotted #C7CBCD; font-weight: bold; color: #767878; cursor: pointer; } #tooltip #tooltip-content div.model-select-popover div.results div.search-item:hover { color: #0d6efd; background: #C5D7F6; } #tooltip.dark { background: #242424; } #tooltip.dark #tooltip-content { background: #252525; color: #fff; } #tooltip.dark #tooltip-arrow { background: url(/static/img/tooltip/arrow_sprites_dark.png) no-repeat; } #tooltip #tooltip-arrow { display: none; } #tooltip ul.context-menu { list-style: none; list-style-image: none; margin: 0; padding: 0; } #tooltip ul.context-menu > li.menu-item { width: 220px; padding: 8px 4px; font-size: 16px; color: #2265AC; cursor: pointer; border-radius: 3px; } #tooltip ul.context-menu > li.menu-item:hover { background: #E4B97E; } #tooltip ul.context-menu hr { margin: 4px 0; } div.panel div.panel-body.nopad { padding: 0 !important; } div.panel div.panel-body h2 { font-size: 20px; color: #5A5B5B; text-align: center; margin: 0; } div.panel div.panel-body.info { background: #0d6efd; color: white; margin: 0 -7px; } div.panel div.panel-header { position: relative; margin: -7px -7px 0 -7px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 7px 15px; } div.panel div.panel-header h1, div.panel div.panel-header h2, div.panel div.panel-header h3, div.panel div.panel-header h4 { padding: 5px 22px; } div.panel div.panel-header.default { background: #535353; color: white; } div.panel div.panel-header.warning, div.panel div.panel-header.warn { background: #f0b518; color: white; } div.panel div.panel-header.primary, div.panel div.panel-header.info { background: #0d6efd; color: white; } div.panel div.panel-header div.sub-title { font-size: 10px; color: #c6c6c6; } div.panel div.panel-header div.title { margin: 3px 0; } div.panel div.panel-footer { margin: 0 -7px -7px -7px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 7px 15px; } div.panel div.panel-footer.critical { background: #AF3B3D; color: white; } div.panel div.panel-footer.warning, div.panel div.panel-footer.warn { background: #f0b518; color: white; } div.panel div.panel-footer.primary, div.panel div.panel-footer.info { background: #0d6efd; color: white; } div.panel div.panel-footer h2 { font-size: 20px; text-align: center; margin: 0; } ul#notice-list { position: fixed; top: 0px; left: 40px; padding: 0px; z-index: 31000; } ul#notice-list > li { list-style: none; list-style-image: none; margin: 0; padding: 0; min-height: 22px; border: 1px solid #A0A0A0; background: #fff; padding: 4px 10px 4px 40px; position: relative; font-size: 13px; } ul#notice-list > li.ok { background: #fff url(/static/img/notice/ok.png) no-repeat 9px 8px; } ul#notice-list > li.warn { background: #fff url(/static/img/notice/warn.png) no-repeat 9px 8px; } ul#notice-list > li.info { background: #fff url(/static/img/notice/info.png) no-repeat 9px 8px; } ul#notice-list > li.spinner { background: #fff url(/static/img/notice/spinner.gif) no-repeat 6px 8px; } ul#notice-list > li:last-child { -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; behavior: url(/static/lib/PIE.htc); } ul#notice-list > li div.detail { margin-left: 20px; font-size: 11px; font-style: italic; } ul#notice-list > li > div.notice-dismiss { position: absolute; top: 4px; right: 4px; background: url(/static/img/notice/close.png) no-repeat 0px 0px; height: 16px; width: 16px; cursor: pointer; cursor: hand; opacity: 0.6; } ul#notice-list > li > div.notice-dismiss:hover { opacity: 1; } div.dialog-keypad div.dialog { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; margin: 0; border-radius: 0; border: none; } div.dialog-keypad div.dialog.theme-dark { background: #d9d9d9; color: black; } div.dialog-keypad div.dialog.theme-dark div.dialog-header { color: black; border: none; } div.dialog-keypad div.dialog.theme-dark div.dialog-body { background: white; padding: 0 10px; } div.dialog-keypad div.dialog.theme-dark div.dialog-body div.keyboard-input-box { margin-bottom: 10px; } body.mobile form label { color: gray; font-size: 12px; margin-bottom: 5px; font-weight: normal; } body.mobile form label a.has-tooltip { padding: 0 10px; } body.mobile form label a[aria-label][data-balloon-pos] { text-transform: none; text-align: left; } body.mobile form label.empty { margin-top: 0; margin-bottom: 0; } body.mobile form .form-group { margin-bottom: 4px; padding-bottom: 10px; padding-top: 10px; } body.mobile form .form-group.toggle label { padding-left: 5px; margin: 0; vertical-align: middle; } body.mobile form .checkbox { margin: 0; } body.mobile form .input-help { position: absolute; left: 10px; top: -5px; padding: 0; z-index: 10; } body.mobile div#filters form.search label { float: right; } body.mobile div#filters form.search i { line-height: 1.45; } body.mobile div#advanced-filters div.form-group .input-help { position: absolute; left: 10px; top: -5px; padding: 0; z-index: 10; } body.mobile div.bootstrap-select button.btn-default { background: white; color: black; } body.mobile div.bootstrap-tagsinput { width: 100%; } body.mobile div.daterange-input { cursor: pointer; display: block; color: #999; border: 1px solid #ccc; border-radius: 4px; padding: 6px 12px; font-size: 10px; } body.mobile div.daterange-input i { padding: 6px; } body.mobile div.daterange-input.active { color: black; } body.mobile div.daterange-input.active i.fa-calendar { color: #AF3B3D; } body.mobile div.checkbox label { cursor: pointer; white-space: nowrap; } body.mobile div.checkbox input { margin: 0 0 0 -20px; } body.mobile div.collection-select { position: relative; } body.mobile div.collection-select div.static-select { border: 1px solid #a6a6a6; border-radius: 4px; padding: 8px 12px; cursor: pointer; } body.mobile div.collection-select div.static-select:after { content: ""; position: absolute; top: 10px; right: 12px; color: #b5b5b5; font: normal normal normal 14px / 1 'fa_free'; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 10px; } body.mobile div.collection-select div.results { position: absolute; max-height: 50vh; overflow-y: auto; z-index: 10; width: 100%; background: white; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); padding: 5px; } body.mobile div.collection-select div.results div.search-item { padding: 10px; color: black; } body.mobile div.collection-select div.results div.search-item:hover { background: #CAE6E9; cursor: pointer; } body.mobile div.collection-select div.model-select-popover.disabled div.static-select { cursor: inherit; border: none; } body.mobile div.collection-select div.model-select-popover.disabled div.static-select:after { display: none; } body.mobile div.form-viewer-toggle { white-space: nowrap; } body.mobile div.form-viewer-toggle i { display: inline-block; vertical-align: top; padding-top: 3px; margin-right: 5px; } body.mobile div.form-viewer-toggle label { display: inline-block; white-space: normal; } body.mobile div.input-group-btn button.btn { height: 34px; } @media (max-width: 767.98px) { .daterangepicker { overflow-y: scroll; max-height: 325px; } } @media (max-width: 720px) { body.mobile form label { font-size: 16px; } body.mobile form .form-control { height: 50px; } body.mobile form div.checkbox label { padding-left: 50px; line-height: 16px; } body.mobile form div.checkbox input { margin: -10px 0 0 -50px; height: 40px; width: 40px; } body.mobile form .bootstrap-tagsinput { height: 50px; } body.mobile form .daterange-input { height: 50px; font-size: 16px; } body.mobile form div.input-group-btn button.btn { height: 50px; } body.mobile form div.bootstrap-select button.btn-default { background: white; color: black; height: 50px; } body.mobile form .bootstrap-select.btn-group .dropdown-menu li a { height: 50px; font-size: 22px; } } img { max-width: 100%; } img.img-square { max-height: 100%; } img.img-circle { border-radius: 100%; max-height: 100%; } img.img-border { border: 3px solid white; } img.img-sm { max-height: 40px; } img.img-md { max-height: 60px; } #image-editor .row { margin: 0; } #image-editor .image-preview img, #image-editor .image-preview canvas, #image-editor .image-cropped img, #image-editor .image-cropped canvas { display: block; margin: 0 auto; } #image-editor .jcrop-holder { margin: 0 auto; } #image-editor .filters { margin: 10px; text-align: center; } #image-editor .filters .filter { display: inline-block; vertical-align: top; text-align: center; width: 100px; height: 30px; line-height: 30px; margin: 4px; background: #ccc; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); cursor: pointer; } #image-editor .filters .filter:hover { background: #ffcccc; } #image-editor .filters .filter.active { box-shadow: none; background: #cc6666; } #socialposter div.header { height: 40px; padding: 8px; } #socialposter div.header div.persona div.full_name { font-size: 16px; font-weight: bold; } #socialposter div.header div.persona div.username { color: #666666; font-size: 12px; } #socialposter div.header div.persona img.avatar { float: left; width: 38px; height: 38px; border-radius: 50%; margin: 0 12px; } #socialposter div.header div.platform { float: right; text-align: center; } #socialposter div.header div.platform i { font-size: 30px; } #socialposter div.hashtags { float: left; } #socialposter div.hashtags div.taglist { font-weight: bold; } #socialposter div.charcount { float: right; text-align: right; font-size: 12px; color: #666666; } div.dialog-numpad div.numberpad { box-shadow: none; border: none; } div.keyboardpad { width: 90%; margin: 10px auto; background-color: #fff; padding: 10px 20px; } div.keyboardpad div.keyboard-input-value { border: 1px solid gray; border-radius: 2px; min-height: 60px; text-align: center; color: #4C4C4C; letter-spacing: 4px; font-size: 40px; line-height: 60px; } div.keyboardpad div.keyboard-input-value.font-md { font-size: 40px; } div.keyboardpad div.keyboard-input-value.font-left { padding-left: 10px; text-align: left; } div.keyboardpad div.keyboard-input-value i { margin: 8px; } div.keyboardpad div.keyboard-input-value.peek { padding-left: 10px; text-align: left; font-size: 20px; } div.keyboardpad div.keyboard-input-value.peek i { margin: 0; } div.keyboardpad div.keyboard-input-value.creditcard { color: #ADADAD; font-size: 20px; } div.keyboardpad div.keyboard-input-value.phone { color: #ADADAD; font-size: 30px; } div.keyboardpad div.keyboard-input-value.error { color: red; } div.keyboardpad div.row { margin: 0px -5px !important; } div.keyboardpad div.row div.col-xs-1, div.keyboardpad div.row div.col-xs-2, div.keyboardpad div.row div.col-xs-3, div.keyboardpad div.row div.col-xs-4, div.keyboardpad div.row div.col-xs-5, div.keyboardpad div.row div.col-xs-6, div.keyboardpad div.row div.col-xs-7, div.keyboardpad div.row div.col-xs-8, div.keyboardpad div.row div.col-xs-9, div.keyboardpad div.row div.col-xs-10, div.keyboardpad div.row div.col-xs-11, div.keyboardpad div.row div.col-xs-12 { padding: 5px !important; } div.keyboardpad.theme-pos { margin: 0; padding: 0 0 1px; width: 100%; } div.keyboardpad.theme-pos div.row { margin: 0px !important; } div.keyboardpad.theme-pos div.row div.col-sm-1, div.keyboardpad.theme-pos div.row div.col-sm-2, div.keyboardpad.theme-pos div.row div.col-sm-3, div.keyboardpad.theme-pos div.row div.col-sm-4, div.keyboardpad.theme-pos div.row div.col-sm-5, div.keyboardpad.theme-pos div.row div.col-sm-6, div.keyboardpad.theme-pos div.row div.col-sm-7, div.keyboardpad.theme-pos div.row div.col-sm-8, div.keyboardpad.theme-pos div.row div.col-sm-9, div.keyboardpad.theme-pos div.row div.col-sm-10, div.keyboardpad.theme-pos div.row div.col-sm-11, div.keyboardpad.theme-pos div.row div.col-sm-12 { padding: 0px !important; } div.keyboardpad.theme-pos div.row div.col-xs-1, div.keyboardpad.theme-pos div.row div.col-xs-2, div.keyboardpad.theme-pos div.row div.col-xs-3, div.keyboardpad.theme-pos div.row div.col-xs-4, div.keyboardpad.theme-pos div.row div.col-xs-5, div.keyboardpad.theme-pos div.row div.col-xs-6, div.keyboardpad.theme-pos div.row div.col-xs-7, div.keyboardpad.theme-pos div.row div.col-xs-8, div.keyboardpad.theme-pos div.row div.col-xs-9, div.keyboardpad.theme-pos div.row div.col-xs-10, div.keyboardpad.theme-pos div.row div.col-xs-11, div.keyboardpad.theme-pos div.row div.col-xs-12 { padding: 0px !important; } div.keyboardpad.theme-pos button.btn-number, div.keyboardpad.theme-pos button.btn-function, div.keyboardpad.theme-pos button.btn-alpha, div.keyboardpad.theme-pos button.btn-special, div.keyboardpad.theme-pos button.btn-shifted, div.keyboardpad.theme-pos button.btn-success { height: 65px !important; padding: 0px !important; border: none !important; background: white; font-size: 26px; color: gray; width: 100%; } div.keyboardpad.theme-pos button.btn-function { background: #2c2d2f; } div.keyboardpad.theme-pos button.btn-shifted { background: gray; color: white; } div.keyboardpad.theme-pos div.keyboard-input-box { position: relative; margin-top: 0px; color: black; text-align: center; background: white; border: none; } div.keyboardpad.theme-pos div.keyboard-input-box div.keyboard-input-value { background: transparent; border: none; box-shadow: none; color: black; text-align: center; font-size: 40px; font-weight: normal; width: 100%; overflow-wrap: break-word; padding-bottom: 20px; } div.keyboardpad.theme-pos div.keyboard-input-box div.keyboard-input-value:focus { outline: none; } div.keyboardpad.theme-pos div.keyboard-input-box div.keyboard-input-title { color: black; position: absolute; bottom: 6px; left: 0; right: 0; display: block; text-align: center; } div.keyboardpad.theme-pos button.btn-success { width: 100%; border: none !important; background: #bdd2b8 !important; font-size: 26px; color: gray; } div.keyboardpad.theme-pos button.btn-success.rows-3 { height: 195px !important; } div.keyboardpad.theme-pos button.btn-function { background: #e6e6e6; width: 100%; border: none !important; font-size: 26px; color: gray; } div.keyboardpad.theme-cashless button.btn-number, div.keyboardpad.theme-cashless button.btn-function, div.keyboardpad.theme-cashless button.btn-alpha, div.keyboardpad.theme-cashless button.btn-special, div.keyboardpad.theme-cashless button.btn-shifted { height: 45px !important; padding: 0px !important; } div.keyboardpad.theme-cashless div.keyboard-input-box { position: relative; height: 100px; margin-top: 0px; margin-bottom: 5px; color: black; text-align: center; background: #596a72; padding-top: 7px; border: 1px solid gray; background: -moz-linear-gradient(top, #596a72 0%, #cedce7 100%); background: -webkit-linear-gradient(top, #596a72 0%, #cedce7 100%); background: linear-gradient(to bottom, #596a72 0%, #cedce7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 ); } div.keyboardpad.theme-cashless div.keyboard-input-box div.keyboard-input-value { background: transparent; border: none; box-shadow: none; color: black; text-align: center; font-size: 40px; font-weight: bold; width: 100%; height: 120px; } div.keyboardpad.theme-cashless div.keyboard-input-box div.keyboard-input-value:focus { outline: none; } div.keyboardpad.theme-cashless div.keyboard-input-box div.keyboard-input-title { color: black; position: absolute; bottom: 6px; left: 0; right: 0; display: block; text-align: center; } div.keyboardpad.theme-cashless button.btn-success.rows-3 { height: 165px !important; } div.keyboardpad.theme-classic button.btn-number, div.keyboardpad.theme-classic button.btn-function, div.keyboardpad.theme-classic button.btn-alpha, div.keyboardpad.theme-classic button.btn-special, div.keyboardpad.theme-classic button.btn-shifted, div.keyboardpad.theme-kiosk button.btn-number, div.keyboardpad.theme-kiosk button.btn-function, div.keyboardpad.theme-kiosk button.btn-alpha, div.keyboardpad.theme-kiosk button.btn-special, div.keyboardpad.theme-kiosk button.btn-shifted { background: #45484d; background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); background: linear-gradient(to bottom, #45484d 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); display: block; border: 1px solid #777; text-align: center; font-size: 30px; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; border-radius: 1px; } div.keyboardpad.theme-classic button.btn-number.active, div.keyboardpad.theme-classic button.btn-function.active, div.keyboardpad.theme-classic button.btn-alpha.active, div.keyboardpad.theme-classic button.btn-special.active, div.keyboardpad.theme-classic button.btn-shifted.active, div.keyboardpad.theme-kiosk button.btn-number.active, div.keyboardpad.theme-kiosk button.btn-function.active, div.keyboardpad.theme-kiosk button.btn-alpha.active, div.keyboardpad.theme-kiosk button.btn-special.active, div.keyboardpad.theme-kiosk button.btn-shifted.active { background: gray; border: 1px solid #018675; } div.keyboardpad.theme-classic button.btn-number.hilite, div.keyboardpad.theme-classic button.btn-function.hilite, div.keyboardpad.theme-classic button.btn-alpha.hilite, div.keyboardpad.theme-classic button.btn-special.hilite, div.keyboardpad.theme-classic button.btn-shifted.hilite, div.keyboardpad.theme-kiosk button.btn-number.hilite, div.keyboardpad.theme-kiosk button.btn-function.hilite, div.keyboardpad.theme-kiosk button.btn-alpha.hilite, div.keyboardpad.theme-kiosk button.btn-special.hilite, div.keyboardpad.theme-kiosk button.btn-shifted.hilite { color: #247D2D; } div.keyboardpad.theme-classic button.btn-number.rows-3, div.keyboardpad.theme-classic button.btn-function.rows-3, div.keyboardpad.theme-classic button.btn-alpha.rows-3, div.keyboardpad.theme-classic button.btn-special.rows-3, div.keyboardpad.theme-classic button.btn-shifted.rows-3, div.keyboardpad.theme-kiosk button.btn-number.rows-3, div.keyboardpad.theme-kiosk button.btn-function.rows-3, div.keyboardpad.theme-kiosk button.btn-alpha.rows-3, div.keyboardpad.theme-kiosk button.btn-special.rows-3, div.keyboardpad.theme-kiosk button.btn-shifted.rows-3 { height: 240px; } div.keyboardpad.theme-classic button.btn-shifted, div.keyboardpad.theme-kiosk button.btn-shifted { background: #5a9243; background: -moz-linear-gradient(top, #5a9243 0%, #1e4a20 100%); background: -webkit-linear-gradient(top, #5a9243 0%, #1e4a20 100%); background: linear-gradient(to bottom, #5a9243 0%, #1e4a20 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a9243', endColorstr='#1e4a20',GradientType=0 ); } div.keyboardpad.theme-classic button.btn-special, div.keyboardpad.theme-kiosk button.btn-special { background: #323d75; background: -moz-linear-gradient(top, #323d75 0%, #1e122d 100%); background: -webkit-linear-gradient(top, #323d75 0%, #1e122d 100%); background: linear-gradient(to bottom, #323d75 0%, #1e122d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323d75', endColorstr='#1e122d',GradientType=0 ); } div.keyboardpad.theme-classic button.btn-function, div.keyboardpad.theme-kiosk button.btn-function { background: #b5bdc8; background: -moz-linear-gradient(top, #b5bdc8 0%, #4c5a66 100%); background: -webkit-linear-gradient(top, #b5bdc8 0%, #4c5a66 100%); background: linear-gradient(to bottom, #b5bdc8 0%, #4c5a66 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#4c5a66',GradientType=0 ); } div.keyboardpad.theme-classic button.btn-alpha, div.keyboardpad.theme-kiosk button.btn-alpha { background: #35aedd; background: -moz-linear-gradient(top, #35aedd 0%, #23538a 100%); background: -webkit-linear-gradient(top, #35aedd 0%, #23538a 100%); background: linear-gradient(to bottom, #35aedd 0%, #23538a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35aedd', endColorstr='#23538a',GradientType=0 ); } div.keyboardpad.theme-classic button.btn-success, div.keyboardpad.theme-kiosk button.btn-success { display: block; border: 1px solid #777; text-align: center; font-size: 30px; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; border-radius: 1px; background: #c9de96; background: -moz-linear-gradient(top, #c9de96 0%, #439622 0%, #00490b 100%); background: -webkit-linear-gradient(top, #c9de96 0%, #439622 0%, #00490b 100%); background: linear-gradient(to bottom, #c9de96 0%, #439622 0%, #00490b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#00490b',GradientType=0 ); } div.keyboardpad.theme-classic button.btn-success:focus, div.keyboardpad.theme-kiosk button.btn-success:focus { border: 1px solid #018675; } div.keyboardpad.theme-classic button.btn-success.rows-3, div.keyboardpad.theme-kiosk button.btn-success.rows-3 { height: 240px; } div.keyboardpad.theme-flat button.btn-number, div.keyboardpad.theme-flat button.btn-function, div.keyboardpad.theme-flat button.btn-alpha, div.keyboardpad.theme-flat button.btn-special, div.keyboardpad.theme-flat button.btn-shifted { background: #45484d; display: block; border: 1px solid #777; text-align: center; font-size: 30px; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; border-radius: 1px; } div.keyboardpad.theme-flat button.btn-number.active, div.keyboardpad.theme-flat button.btn-function.active, div.keyboardpad.theme-flat button.btn-alpha.active, div.keyboardpad.theme-flat button.btn-special.active, div.keyboardpad.theme-flat button.btn-shifted.active { background: gray; border: 1px solid #018675; } div.keyboardpad.theme-flat button.btn-number.hilite, div.keyboardpad.theme-flat button.btn-function.hilite, div.keyboardpad.theme-flat button.btn-alpha.hilite, div.keyboardpad.theme-flat button.btn-special.hilite, div.keyboardpad.theme-flat button.btn-shifted.hilite { color: #247D2D; } div.keyboardpad.theme-flat button.btn-number.rows-3, div.keyboardpad.theme-flat button.btn-function.rows-3, div.keyboardpad.theme-flat button.btn-alpha.rows-3, div.keyboardpad.theme-flat button.btn-special.rows-3, div.keyboardpad.theme-flat button.btn-shifted.rows-3 { height: 240px; } div.keyboardpad.theme-flat button.btn-shifted { background: #5a9243; } div.keyboardpad.theme-flat button.btn-special { background: #323d75; } div.keyboardpad.theme-flat button.btn-function { background: #b5bdc8; } div.keyboardpad.theme-flat button.btn-alpha { background: #35aedd; } div.keyboardpad.theme-flat button.btn-success { display: block; border: 1px solid #777; text-align: center; font-size: 30px; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; border-radius: 1px; background: #c9de96; } div.keyboardpad.theme-flat button.btn-success:focus { border: 1px solid #018675; } div.keyboardpad.theme-flat button.btn-success.rows-3 { height: 240px; } div.keyboardpad.theme-round { width: inherit; padding: 0; } div.keyboardpad.theme-round button.btn-number, div.keyboardpad.theme-round button.btn-function, div.keyboardpad.theme-round button.btn-alpha, div.keyboardpad.theme-round button.btn-special, div.keyboardpad.theme-round button.btn-shifted, div.keyboardpad.theme-round button.btn-success { background: #45484d; display: block; border: 3px solid white; text-align: center; font-size: 20px !important; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; border-radius: 20px; padding: 15px 30px; } div.keyboardpad.theme-round button.btn-number.active, div.keyboardpad.theme-round button.btn-function.active, div.keyboardpad.theme-round button.btn-alpha.active, div.keyboardpad.theme-round button.btn-special.active, div.keyboardpad.theme-round button.btn-shifted.active, div.keyboardpad.theme-round button.btn-success.active { background: gray; border: 1px solid #018675; } div.keyboardpad.theme-round button.btn-number.hilite, div.keyboardpad.theme-round button.btn-function.hilite, div.keyboardpad.theme-round button.btn-alpha.hilite, div.keyboardpad.theme-round button.btn-special.hilite, div.keyboardpad.theme-round button.btn-shifted.hilite, div.keyboardpad.theme-round button.btn-success.hilite { color: #247D2D; } div.keyboardpad.theme-round button.btn-number.rows-3, div.keyboardpad.theme-round button.btn-function.rows-3, div.keyboardpad.theme-round button.btn-alpha.rows-3, div.keyboardpad.theme-round button.btn-special.rows-3, div.keyboardpad.theme-round button.btn-shifted.rows-3, div.keyboardpad.theme-round button.btn-success.rows-3 { height: 240px; } div.keyboardpad.theme-round button.btn-shifted { background: #5a9243; } div.keyboardpad.theme-round button.btn-special { background: #323d75; } div.keyboardpad.theme-round button.btn-function { background: #b5bdc8; } div.keyboardpad.theme-round button.btn-alpha { background: #35aedd; } div.keyboardpad.theme-round button.btn-success { display: block; text-align: center; font-size: 20px; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; background: #c9de96; } div.keyboardpad.theme-round button.btn-success:focus { border: 1px solid #018675; } div.keyboardpad.theme-round button.btn-success.rows-3 { height: 240px; } div.keyboardpad div.keypad .clear-btn { color: #AF3B3D; } div.keyboardpad div.keypad .clear-btn:focus { border: 1px solid #AF3B3D; } div.keyboardpad div.bootstrap-select button.btn { background: transparent; } div.numberpad { width: 400px; margin: 10px auto; padding: 10px 20px; } div.numberpad div.keyboard-input-value { border: 1px solid gray; border-radius: 1px; min-height: 60px; text-align: center; color: #4C4C4C; letter-spacing: 4px; font-size: 40px; line-height: 60px; } div.numberpad div.keyboard-input-value.font-md { font-size: 40px; } div.numberpad div.keyboard-input-value.font-left { padding-left: 10px; text-align: left; } div.numberpad div.keyboard-input-value.peek { padding-left: 10px; text-align: left; font-size: 20px; } div.numberpad div.keyboard-input-value.peek i { margin: 0; } div.numberpad div.keyboard-input-value.creditcard { color: #ADADAD; font-size: 20px; } div.numberpad div.keyboard-input-value.phone { color: #ADADAD; font-size: 30px; } div.numberpad div.keyboard-input-value.error { color: red; } div.numberpad div.row { margin: 5px -5px !important; } div.numberpad div.row div.col-sm-2, div.numberpad div.row div.col-sm-3, div.numberpad div.row div.col-sm-4, div.numberpad div.row div.col-sm-5, div.numberpad div.row div.col-sm-6, div.numberpad div.row div.col-sm-7, div.numberpad div.row div.col-sm-8, div.numberpad div.row div.col-sm-9, div.numberpad div.row div.col-sm-10, div.numberpad div.row div.col-sm-11, div.numberpad div.row div.col-sm-12 { padding: 5px !important; } div.numberpad div.row div.col-xs-2, div.numberpad div.row div.col-xs-3, div.numberpad div.row div.col-xs-4, div.numberpad div.row div.col-xs-5, div.numberpad div.row div.col-xs-6, div.numberpad div.row div.col-xs-7, div.numberpad div.row div.col-xs-8, div.numberpad div.row div.col-xs-9, div.numberpad div.row div.col-xs-10, div.numberpad div.row div.col-xs-11, div.numberpad div.row div.col-xs-12 { padding: 5px !important; } div.numberpad.theme-pos { margin: 0; padding: 0 0 1px; width: 100%; } div.numberpad.theme-pos div.row { margin: 0px !important; } div.numberpad.theme-pos div.row div.col-sm-2, div.numberpad.theme-pos div.row div.col-sm-3, div.numberpad.theme-pos div.row div.col-sm-4, div.numberpad.theme-pos div.row div.col-sm-5, div.numberpad.theme-pos div.row div.col-sm-6, div.numberpad.theme-pos div.row div.col-sm-7, div.numberpad.theme-pos div.row div.col-sm-8, div.numberpad.theme-pos div.row div.col-sm-9, div.numberpad.theme-pos div.row div.col-sm-10, div.numberpad.theme-pos div.row div.col-sm-11, div.numberpad.theme-pos div.row div.col-sm-12 { padding: 0px !important; } div.numberpad.theme-pos div.row div.col-xs-2, div.numberpad.theme-pos div.row div.col-xs-3, div.numberpad.theme-pos div.row div.col-xs-4, div.numberpad.theme-pos div.row div.col-xs-5, div.numberpad.theme-pos div.row div.col-xs-6, div.numberpad.theme-pos div.row div.col-xs-7, div.numberpad.theme-pos div.row div.col-xs-8, div.numberpad.theme-pos div.row div.col-xs-9, div.numberpad.theme-pos div.row div.col-xs-10, div.numberpad.theme-pos div.row div.col-xs-11, div.numberpad.theme-pos div.row div.col-xs-12 { padding: 0px !important; } div.numberpad.theme-pos button.btn-number, div.numberpad.theme-pos button.btn-function, div.numberpad.theme-pos button.btn-alpha { height: 90px !important; padding: 0px 60px !important; border: none !important; background: white; font-size: 26px; color: gray; width: 100%; } div.numberpad.theme-pos button.btn-function { background: #2c2d2f; } div.numberpad.theme-pos div.keyboard-input-box { position: relative; height: 80px; margin-top: 0px; color: black; text-align: center; background: white; border: none; } div.numberpad.theme-pos div.keyboard-input-box div.keyboard-input-value { background: transparent; border: none; box-shadow: none; color: black; text-align: center; font-size: 40px; font-weight: normal; width: 100%; height: 80px; } div.numberpad.theme-pos div.keyboard-input-box div.keyboard-input-value:focus { outline: none; } div.numberpad.theme-pos div.keyboard-input-box div.keyboard-input-title { color: black; position: absolute; bottom: 6px; left: 0; right: 0; display: block; text-align: center; } div.numberpad.theme-pos button.btn-success { width: 100%; border: none !important; background: #C9E9C6 !important; font-size: 26px; color: gray; } div.numberpad.theme-pos button.btn-success.rows-3 { height: 270px !important; } div.numberpad.theme-pos button.btn-function { background: #e6e6e6; width: 100%; border: none !important; font-size: 26px; color: gray; } div.numberpad.theme-cashless div.row { margin: 0px !important; } div.numberpad.theme-cashless div.row div.col-sm-2, div.numberpad.theme-cashless div.row div.col-sm-3, div.numberpad.theme-cashless div.row div.col-sm-4, div.numberpad.theme-cashless div.row div.col-sm-5, div.numberpad.theme-cashless div.row div.col-sm-6, div.numberpad.theme-cashless div.row div.col-sm-7, div.numberpad.theme-cashless div.row div.col-sm-8, div.numberpad.theme-cashless div.row div.col-sm-9, div.numberpad.theme-cashless div.row div.col-sm-10, div.numberpad.theme-cashless div.row div.col-sm-11, div.numberpad.theme-cashless div.row div.col-sm-12 { padding: 0px !important; } div.numberpad.theme-cashless div.row div.col-xs-2, div.numberpad.theme-cashless div.row div.col-xs-3, div.numberpad.theme-cashless div.row div.col-xs-4, div.numberpad.theme-cashless div.row div.col-xs-5, div.numberpad.theme-cashless div.row div.col-xs-6, div.numberpad.theme-cashless div.row div.col-xs-7, div.numberpad.theme-cashless div.row div.col-xs-8, div.numberpad.theme-cashless div.row div.col-xs-9, div.numberpad.theme-cashless div.row div.col-xs-10, div.numberpad.theme-cashless div.row div.col-xs-11, div.numberpad.theme-cashless div.row div.col-xs-12 { padding: 0px !important; } div.numberpad.theme-cashless button.btn-number, div.numberpad.theme-cashless button.btn-function, div.numberpad.theme-cashless button.btn-alpha { height: 65px !important; padding: 0px !important; border: 1px solid #fff !important; } div.numberpad.theme-cashless button.btn-function { background: #2c2d2f; } div.numberpad.theme-cashless div.keyboard-input-box { position: relative; height: 120px; margin-top: 0px; color: black; text-align: center; background: white; padding-top: 15px; border: 1px solid gray; } div.numberpad.theme-cashless div.keyboard-input-box div.keyboard-input-value { background: transparent; border: none; box-shadow: none; color: black; text-align: center; font-size: 40px; font-weight: bold; width: 100%; height: 120px; } div.numberpad.theme-cashless div.keyboard-input-box div.keyboard-input-value:focus { outline: none; } div.numberpad.theme-cashless div.keyboard-input-box div.keyboard-input-title { color: black; position: absolute; bottom: 6px; left: 0; right: 0; display: block; text-align: center; } div.numberpad.theme-cashless button.btn-success.rows-3 { height: 195px !important; } div.numberpad.theme-kiosk div.keyboard-input-box { position: relative; height: 120px; margin-top: 40px; color: black; text-align: center; background: #596a72; padding-top: 20px; border: 1px solid gray; background: -moz-linear-gradient(top, #596a72 0%, #cedce7 100%); background: -webkit-linear-gradient(top, #596a72 0%, #cedce7 100%); background: linear-gradient(to bottom, #596a72 0%, #cedce7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 ); } div.numberpad.theme-kiosk div.keyboard-input-box div.keyboard-input-value { background: transparent; border: none; box-shadow: none; color: black; text-align: center; font-size: 30px; font-weight: bold; width: 100%; height: 140px; } div.numberpad.theme-kiosk div.keyboard-input-box div.keyboard-input-value:focus { outline: none; } div.numberpad.theme-kiosk div.keyboard-input-box div.keyboard-input-title { color: black; position: absolute; bottom: 6px; left: 0; right: 0; display: block; text-align: center; } div.numberpad.theme-classic button.btn-danger, div.numberpad.theme-classic button.btn-number, div.numberpad.theme-classic button.btn-function, div.numberpad.theme-classic button.btn-alpha { text-align: center; font-size: 30px; width: 100%; height: 70px; margin: 0 auto; border-radius: 1px; display: block; outline: none; } div.numberpad.theme-classic button.btn-number, div.numberpad.theme-classic button.btn-function, div.numberpad.theme-classic button.btn-alpha { background: #45484d; background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); background: linear-gradient(to bottom, #45484d 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); border: 1px solid #777; color: white; } div.numberpad.theme-classic button.btn-number.active, div.numberpad.theme-classic button.btn-function.active, div.numberpad.theme-classic button.btn-alpha.active { background: gray; border: 1px solid #018675; } div.numberpad.theme-classic button.btn-number.hilite, div.numberpad.theme-classic button.btn-function.hilite, div.numberpad.theme-classic button.btn-alpha.hilite { color: #247D2D; } div.numberpad.theme-classic button.btn-number.rows-3, div.numberpad.theme-classic button.btn-function.rows-3, div.numberpad.theme-classic button.btn-alpha.rows-3 { height: 240px; } div.numberpad.theme-classic button.btn-function { background: #b5bdc8; background: -moz-linear-gradient(top, #b5bdc8 0%, #4c5a66 100%); background: -webkit-linear-gradient(top, #b5bdc8 0%, #4c5a66 100%); background: linear-gradient(to bottom, #b5bdc8 0%, #4c5a66 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#4c5a66',GradientType=0 ); } div.numberpad.theme-classic button.btn-alpha { background: #35aedd; background: -moz-linear-gradient(top, #35aedd 0%, #23538a 100%); background: -webkit-linear-gradient(top, #35aedd 0%, #23538a 100%); background: linear-gradient(to bottom, #35aedd 0%, #23538a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35aedd', endColorstr='#23538a',GradientType=0 ); } div.numberpad.theme-classic button.btn-success { display: block; border: 1px solid #777; text-align: center; font-size: 30px; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; border-radius: 1px; background: #c9de96; background: -moz-linear-gradient(top, #c9de96 0%, #439622 0%, #00490b 100%); background: -webkit-linear-gradient(top, #c9de96 0%, #439622 0%, #00490b 100%); background: linear-gradient(to bottom, #c9de96 0%, #439622 0%, #00490b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#00490b',GradientType=0 ); } div.numberpad.theme-classic button.btn-success:focus { border: 1px solid #018675; } div.numberpad.theme-classic button.btn-success.rows-3 { height: 240px; } div.numberpad.theme-flat button.btn-number, div.numberpad.theme-flat button.btn-function, div.numberpad.theme-flat button.btn-alpha, div.numberpad.theme-kiosk button.btn-number, div.numberpad.theme-kiosk button.btn-function, div.numberpad.theme-kiosk button.btn-alpha, div.numberpad.theme-cashless button.btn-number, div.numberpad.theme-cashless button.btn-function, div.numberpad.theme-cashless button.btn-alpha { background: #45484d; display: block; border: 1px solid #777; text-align: center; font-size: 30px; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; border-radius: 1px; } div.numberpad.theme-flat button.btn-number.active, div.numberpad.theme-flat button.btn-function.active, div.numberpad.theme-flat button.btn-alpha.active, div.numberpad.theme-kiosk button.btn-number.active, div.numberpad.theme-kiosk button.btn-function.active, div.numberpad.theme-kiosk button.btn-alpha.active, div.numberpad.theme-cashless button.btn-number.active, div.numberpad.theme-cashless button.btn-function.active, div.numberpad.theme-cashless button.btn-alpha.active { background: gray; border: 1px solid #018675; } div.numberpad.theme-flat button.btn-number.hilite, div.numberpad.theme-flat button.btn-function.hilite, div.numberpad.theme-flat button.btn-alpha.hilite, div.numberpad.theme-kiosk button.btn-number.hilite, div.numberpad.theme-kiosk button.btn-function.hilite, div.numberpad.theme-kiosk button.btn-alpha.hilite, div.numberpad.theme-cashless button.btn-number.hilite, div.numberpad.theme-cashless button.btn-function.hilite, div.numberpad.theme-cashless button.btn-alpha.hilite { color: #247D2D; } div.numberpad.theme-flat button.btn-number.rows-3, div.numberpad.theme-flat button.btn-function.rows-3, div.numberpad.theme-flat button.btn-alpha.rows-3, div.numberpad.theme-kiosk button.btn-number.rows-3, div.numberpad.theme-kiosk button.btn-function.rows-3, div.numberpad.theme-kiosk button.btn-alpha.rows-3, div.numberpad.theme-cashless button.btn-number.rows-3, div.numberpad.theme-cashless button.btn-function.rows-3, div.numberpad.theme-cashless button.btn-alpha.rows-3 { height: 240px; } div.numberpad.theme-flat button.btn-function, div.numberpad.theme-kiosk button.btn-function, div.numberpad.theme-cashless button.btn-function { background: #b5bdc8; } div.numberpad.theme-flat button.btn-alpha, div.numberpad.theme-kiosk button.btn-alpha, div.numberpad.theme-cashless button.btn-alpha { background: #35aedd; } div.numberpad.theme-flat button.btn-success, div.numberpad.theme-kiosk button.btn-success, div.numberpad.theme-cashless button.btn-success { display: block; border: 1px solid #777; text-align: center; font-size: 30px; width: 100%; height: 70px; margin: 0 auto; color: white; outline: none; border-radius: 1px; background: #4E8474; } div.numberpad.theme-flat button.btn-success:focus, div.numberpad.theme-kiosk button.btn-success:focus, div.numberpad.theme-cashless button.btn-success:focus { border: 1px solid #018675; } div.numberpad.theme-flat button.btn-success.rows-3, div.numberpad.theme-kiosk button.btn-success.rows-3, div.numberpad.theme-cashless button.btn-success.rows-3 { height: 240px; } div.numberpad div.keypad .clear-btn { color: #AF3B3D; } div.numberpad div.keypad .clear-btn:focus { border: 1px solid #AF3B3D; } div.numberpad div.bootstrap-select button.btn { background: transparent; } @media (max-width: 760px) { div.keyboardpad.theme-round button.btn { padding: 6px 10px !important; border: 1px solid white !important; border-radius: 8px; } } div.page-timer-circle, div.page-timer-circle * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div.page-timer-circle { width: 50px; height: 50px; } div.page-timer-circle .pie { width: 50%; height: 100%; transform-origin: 100% 50%; position: absolute; background: #08C; border: 5px solid rgba(0,0,0,0.5); } div.page-timer-circle .spinner { border-radius: 100% 0 0 100% / 50% 0 0 50%; z-index: 200; border-right: none; } div.page-timer-circle:hover .spinner, div.page-timer-circle:hover .filler, div.page-timer-circle:hover .mask { animation-play-state: running; } div.page-timer-circle .filler { border-radius: 0 100% 100% 0 / 0 50% 50% 0; left: 50%; opacity: 0; z-index: 100; border-left: none; } div.page-timer-circle .mask { width: 50%; height: 100%; position: absolute; background: inherit; opacity: 1; z-index: 300; } @keyframes rota { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes opa { 0% { opacity: 1; } 50%, 100% { opacity: 0; } } div.dialog-idle-circle, div.dialog-idle-circle * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div.dialog-idle-circle { position: relative; width: 100px; height: 100px; } div.dialog-idle-circle .pie { width: 50%; height: 100%; transform-origin: 100% 50%; position: absolute; background: #08C; border: 5px solid rgba(0,0,0,0.5); } div.dialog-idle-circle .spinner { border-radius: 100% 0 0 100% / 50% 0 0 50%; z-index: 200; border-right: none; animation: rota 10s linear; } div.dialog-idle-circle:hover .spinner, div.dialog-idle-circle:hover .filler, div.dialog-idle-circle:hover .mask { animation-play-state: running; } div.dialog-idle-circle .filler { border-radius: 0 100% 100% 0 / 0 50% 50% 0; left: 50%; opacity: 0; z-index: 100; animation: opa 10s steps(1, end) reverse; border-left: none; } div.dialog-idle-circle .mask { width: 50%; height: 100%; position: absolute; background: white; opacity: 1; z-index: 300; animation: opa 10s steps(1, end); } @keyframes rota { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes opa { 0% { opacity: 1; } 50%, 100% { opacity: 0; } } body.mobile { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; overflow: hidden; } body.mobile.hide-cursor { cursor: none !important; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } body.mobile.hide-cursor::selection { background: transparent; } body.mobile.hide-cursor::-moz-selection { background: transparent; } body.mobile.hide-cursor input, body.mobile.hide-cursor button { cursor: none !important; } body.mobile ul.table-context-menu { list-style-type: none; margin: 0; padding: 0; color: white; position: absolute; transition: height 0.4s; overflow-y: auto; z-index: 200000; cursor: pointer; } body.mobile ul.table-context-menu li:hover { background-color: #494F51; color: #0d6efd; } body.mobile ul.table-context-menu li { background-color: #494F51; color: #CBFFE1; padding: 4px 10px; } body.mobile div.panel { position: relative; background: white; padding: 6px; } body.mobile div.asheet { -webkit-transform: translateZ(0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: absolute; width: 100%; height: 100%; z-index: 1031; background: white; } body.mobile div.asheet div.asheet-content { padding: 10px 15px; border-bottom: 1px solid #E7E7E7; } body.mobile div.asheet div.asheet-header { width: 100%; height: 60px; background: #4C99D7; color: #ffffff; font-size: 18px; line-height: 60px; text-align: center; } body.mobile div.asheet div.asheet-list { max-height: 100%; padding-bottom: 50px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } body.mobile div.asheet div.asheet-list > ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } body.mobile div.asheet div.asheet-list > ul > li { font-size: 20px; border-bottom: 1px solid #ccc; line-height: 40px; padding: 0 12px; cursor: pointer; } body.mobile div.asheet div.asheet-footer { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: white; } body.mobile div.asheet div.asheet-footer .asheet-buttons { border-top: 1px solid gray; } body.mobile div.asheet div.asheet-footer button { width: 100%; height: 50px; outline: none; box-shadow: none; } body.mobile div.asheet div.asheet-footer button.btn-cancel { background: #3b3b3b; color: white; } body.mobile div.asheet div.asheet-footer button.btn-social { background: white; color: #a6a6a6; font-size: 22px; } body.mobile div.asheet div.asheet-footer button.btn-social.active { color: #4c99d7; } body.mobile div.asheet div.asheet-footer button.btn-social div.social-name { font-size: 10px; line-height: 1; margin-top: -4px; } body.mobile div.tabs-view.padded { padding: 15px; } body.mobile div.tabs-view div.tabs-content { padding: 15px; } body.mobile div.tabs-container #tab_dropdown { display: none; } body.mobile div.tabs-container #tab_dropdown .btn-dropdown { text-align: left; font-size: 18px; border-bottom: 2px solid #0d6efd; width: 100%; } body.mobile div.tabs-container.wrapped #tab_dropdown { display: block; } body.mobile div.tabs-container.wrapped div.tabs { display: none; } body.mobile div.tabs { border-bottom: 1px solid #ececec; margin-top: 0; } body.mobile div.tabs > ul { position: relative; } body.mobile div.tabs > ul > li { background: transparent; } body.mobile div.tabs > ul > li:hover { background: rgba(0, 0, 0, 0.1); } body.mobile div.tabs > ul > li.active { color: #0d6efd; border-bottom: 2px solid #0d6efd; } body.mobile div.tabs div.tab { padding: 30px 15px; } body.mobile div.tabs div.tab-content { display: none; } body.mobile div.tabs div.tab-content.active { display: block; } body.mobile div.field-container div.field { position: relative; padding: 10px 0 20px; } body.mobile div.field-container div.field:before { position: absolute; top: -8px; left: 0; color: #868686; font-size: 10px; content: attr(data-label); width: 100%; } body.mobile div.field-container div.field.inline { display: inline-block; padding: 10px 10px 20px 0; } body.mobile div.field-container div.field.text-center:before { top: -8px; left: 0; right: 0; text-align: center; color: #c5c5c5; font-size: 10px; content: attr(data-label); width: 100%; } div.row .col-ten-1, div.row .col-ten-2, div.row .col-ten-3, div.row .col-ten-4, div.row .col-ten-5, div.row .col-ten-6, div.row .col-ten-7, div.row .col-ten-8, div.row .col-ten-9, div.row .col-ten-10 { display: inline-block; } div.row .col-ten-1 { width: 10%; } div.row .col-ten-2 { width: 20%; } div.row .col-ten-3 { width: 30%; } div.row .col-ten-4 { width: 40%; } div.row .col-ten-5 { width: 50%; } div.row .col-ten-6 { width: 60%; } div.row .col-ten-7 { width: 70%; } div.row .col-ten-8 { width: 80%; } div.row .col-ten-9 { width: 90%; } div.row .col-ten-10 { width: 100%; } div.row.padded { padding: 5px 0; } .color-white { color: white !important; } .color-white a, .color-white button { color: white !important; } .color-black { color: #1a1a1a !important; } .color-black a, .color-black button { color: #1a1a1a !important; } .color-yellow { color: #FFF776 !important; } .color-yellow a, .color-yellow button { color: #FFF776 !important; } .color-blue { color: #0d6efd !important; } .color-blue a, .color-blue button { color: #0d6efd !important; } .color-orange { color: #fd9608 !important; } .color-orange a, .color-orange button { color: #fd9608 !important; } .color-red { color: #AF3B3D !important; } .color-red a, .color-red button { color: #AF3B3D !important; } .color-green { color: #4E8474 !important; } .color-green a, .color-green button { color: #4E8474 !important; } .color-gray { color: #a6a6a6 !important; } .bg-blue { background: #0d6efd !important; } .bg-orange { background: #fd9608 !important; } .bg-red { background: #AF3B3D !important; } .bg-gray { background: gray !important; } .bg-black { background: #1a1a1a !important; } .bg-white { background: white !important; } .border-blue { border: 2px solid #0d6efd !important; } .border-orange { border: 2px solid #fd9608 !important; } .color-google { color: #c43130; } .color-instagram { color: #305d8a; } .color-facebook { color: #2e427c; } .color-twitter { color: #7bb3d3; } .color-youtube { color: #b12015; } .color-linkedin { color: #0d64b0; } .color-pinterest { color: #c01522; } .bg-instagram { background: #305d8a; } .bg-facebook { background: #2e427c; } .bg-twitter { background: #7bb3d3; } .bg-youtube { background: #b12015; } .bg-linkedin { background: #0d64b0; } .bg-pinterest { background: #c01522; } .bg-google { background: #c43130; } .corner-ribbon { width: 200px; background: #e43; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 50px; font-size: 16px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index: 10000; } .corner-ribbon.sticky { position: fixed; } .corner-ribbon.shadow { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .corner-ribbon.top-left { top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .corner-ribbon.top-right { top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-left { top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-right { top: auto; right: -50px; bottom: 25px; left: auto; line-height: 30px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .corner-ribbon.white { background: #f0f0f0; color: #555; } .corner-ribbon.black { background: #333; } .corner-ribbon.grey { background: #999; } .corner-ribbon.blue { background: #39d; } .corner-ribbon.green { background: #2c7; } .corner-ribbon.turquoise { background: #1b9; } .corner-ribbon.purple { background: #95b; } .corner-ribbon.red { background: #e43; } .corner-ribbon.orange { background: rgba(238, 136, 34, 0.6); } .corner-ribbon.yellow { background: #ec0; } pre div.field-value { color: black; } pre span.key { color: #39d; } pre span.string { color: #2c7; } pre span.number { color: orange; } pre span.boolean { color: #1b9; } pre span.boolean.false { color: #e43; } div.notify-alert { width: auto; max-width: 50vw; -webkit-transform: translateZ(0); } div.notify-alert span.fas { font-size: 30px; } div.notify-alert span.alert-title { padding: 5px 0; } div.notify-alert span.alert-body { display: block; } div.notify-alert.alert-info { background: #1a1a1a; color: white; border: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.71); } div.notify-alert.alert-info span.alert-title { color: #0d6efd; } div.notify-alert button.alert-close { position: absolute; border: none; right: -2px; top: -2px; background: transparent; } div#element_busy { position: absolute; top: 0%; left: 0; right: 0; bottom: 0; padding: 15px; text-align: center; background: white; } div#element_busy > i { font-size: 30px; display: inline-block; } @media (max-width: 760px) { div.notify-alert { width: auto; max-width: 90vw; } } @media (max-width: 760px) { body.mobile div#panel-left { z-index: inherit; } body.mobile div#page div.tabs-view.padded { padding: 0; } } body.use-mobile-menu div#panel-left { z-index: inherit; } body.use-mobile-menu div#page div.page-view { padding: 35px 5px !important; } body.use-mobile-menu div#page div.tabs-view.padded { padding: 0; } div#tooltip.group-nav-tooltip div#tooltip-content { border: 15px solid white; background: white; } nav.topnav { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: #3B3B3B; color: #E4E4E4; height: 60px; z-index: 100; position: absolute; left: 0; right: 0; top: 0; padding-left: 0px; padding-right: 15px; } nav.topnav div.topnav-header { display: inline-block; margin: 0; } nav.topnav div.brand-title { font-size: 28px; line-height: 50px; margin-left: 15px; } nav.topnav div.brand-title.pull-left { margin-left: 0; } nav.topnav div.brand-title h1 { margin: 0; font-size: 24px; font-weight: 300; } nav.topnav div.brand-title h4 { font-weight: 100; margin-bottom: 0; color: white; } nav.topnav i.brand-icon { font-size: 50px; margin-right: 0; padding: 5px; color: white; } nav.topnav ul.topnav-left { display: inline-block; } nav.topnav ul.topnav-left li.nav-item { display: inline-block; } nav.topnav ul.topnav-right { float: right; } nav.topnav ul.topnav-right li.nav-item { display: inline-block; } nav.topnav li.nav-item { vertical-align: top; } nav.topnav li.nav-item a { cursor: pointer; height: 60px; line-height: 50px; } nav.topnav li.nav-item a > i { padding-right: 6px; font-size: 30px; } nav.topnav li.nav-item a:hover, nav.topnav li.nav-item a:focus { text-decoration: none; background-color: transparent; } nav.topnav li.nav-item button.btn-link { font-size: 24px; } nav.topnav li.nav-item button.btn-link:hover, nav.topnav li.nav-item button.btn-link:focus { text-decoration: none; background-color: transparent; } nav.topnav li.nav-item button.btn-link.dropdown-toggle { padding-right: 20px; } nav.topnav li.nav-item button.btn-link.dropdown-toggle:after { content: ""; position: absolute; top: 21.42857px; right: 2px; color: #b5b5b5; font: normal normal normal 14px / 1 'fa_free'; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 14px; } nav.topnav li.nav-item button.btn-link.dropdown-toggle[aria-expanded="true"] { border-radius: 0; margin-bottom: -2px; } nav.topnav li.nav-item button.btn-link.dropdown-toggle[aria-expanded="true"]:after { content: ""; } nav.topnav li.nav-item button.btn:hover { color: #0d6efd; } nav.topnav li.nav-item.nav-tooltip { position: relative; } nav.topnav li.nav-item.nav-tooltip:hover { color: #c00; text-decoration: none; cursor: pointer; } nav.topnav li.nav-item.nav-tooltip:hover:after { background: #111; background: rgba(0, 0, 0, 0.8); border-radius: 0.5em; bottom: -40px; color: #fff; content: attr(data-tip); display: block; left: 1em; padding: 0.3em 1em; position: absolute; text-shadow: 0 1px 0 #000; white-space: nowrap; z-index: 98; } nav.topnav li.nav-item.nav-tooltip:hover:before { border: solid; border-color: #111 transparent; border-color: rgba(0, 0, 0, 0.8) transparent; border-width: 0 0.4em 0.4em 0.4em; bottom: 0; content: ""; display: block; left: 2em; position: absolute; z-index: 99; } nav.topnav button.btn-avatar { background: transparent; box-shadow: none; margin: 0 10px; font-size: 30px; text-align: center; padding-right: 20px; } nav.topnav button.btn-avatar div.avatar { height: 50px; width: 50px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); line-height: 1.6em; } nav.topnav button.btn-avatar div.avatar img { vertical-align: top; } nav.topnav button.btn-avatar:after { content: ""; position: absolute; top: 21.42857px; right: 2px; color: #b5b5b5; font: normal normal normal 14px / 1 'fa_free'; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 14px; } nav.topnav button.btn-avatar[aria-expanded="true"] { border-radius: 0; margin-bottom: -2px; } nav.topnav button.btn-avatar[aria-expanded="true"]:after { content: ""; } nav.topnav button.btn-avatar img { width: 100%; } nav.topnav button.btn-link { height: 50px; margin: 5px 20px; } nav.topnav div.navbar { margin-bottom: 0px; background-color: white; } nav.topnav ul.dropdown-menu { margin-right: 2px; border-top: 0; padding: 0; color: black; border: 2px solid #757575; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75); max-height: 90vh; overflow-y: auto; } nav.topnav ul.dropdown-menu .dropdown-header { background: #757575; color: white; } nav.topnav ul.dropdown-menu.user-menu { min-width: 300px; } nav.topnav ul.dropdown-menu div.profile { margin-right: 8px; } nav.topnav ul.dropdown-menu div.avatar { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; margin: 4px 8px; font-size: 30px; background: #cccccc; text-align: center; line-height: 60px; } nav.topnav ul.dropdown-menu div.avatar img { width: 100%; vertical-align: top; } nav.topnav ul.dropdown-menu > li i { width: 32px; text-align: center; } nav.topnav ul.dropdown-menu > li > hr { margin: 2px; } nav.topnav ul.dropdown-menu > li.menu-item { font-size: 18px; padding: 6px 15px; cursor: pointer; white-space: nowrap; } nav.topnav ul.dropdown-menu > li.menu-item:hover { background: #cccccc; color: #0d6efd; } nav.topnav ul.dropdown-menu > li.menu-item > i { display: inline-block; padding-right: 5px; } nav.topnav ul.dropdown-menu > li.menu-item > hr { margin: 2px; } div#tooltip.parent-model-select-dropdown { border-radius: 0; } div#tooltip.child-model-select-dropdown { background: white; } ul.topnav-nav div.model-select-popover > div.btn { color: white; } ul.topnav-nav div.model-select-popover > div.btn:hover { color: #0d6efd; } div#nav { min-height: 100%; overflow: auto; height: 100%; padding-bottom: 50px; } div#nav div.model-select, div#nav div.parent-model-select { position: relative; cursor: pointer; height: 60px; background: #313131; font-size: 22px; text-align: center; line-height: 60px; border-bottom: 1px solid #525151; white-space: nowrap; } div#nav div.model-select i, div#nav div.parent-model-select i { padding-left: 8px; vertical-align: middle; font-size: 8px; } div#nav div.model-select:hover, div#nav div.parent-model-select:hover { color: #0d6efd; background: #313131; } div#nav div.model-select:after, div#nav div.parent-model-select:after { color: #b7b7b7; position: absolute; top: 5px; left: 0; font-size: 10px; line-height: 10px; right: 10px; content: attr(data-label); } div#nav div.child-model-select { position: relative; cursor: pointer; text-align: center; margin: 15px 5px; height: 30px; line-height: 30px; } div#nav div.child-model-select:after { color: #b7b7b7; position: absolute; top: -8px; left: 0; font-size: 10px; line-height: 10px; right: 10px; content: attr(data-label); } div#nav div.child-model-select i { padding-left: 8px; vertical-align: middle; font-size: 8px; } div#nav div.child-model-select:hover { color: #0d6efd; } div#nav div.footer-img { position: absolute; bottom: 20px; z-index: -1; opacity: 0.3; } div#nav div.app-version { position: absolute; bottom: 0px; text-align: center; font-size: 10px; width: 100%; background-color: #494F51; } div#nav ul.nav-items { list-style: none; list-style-image: none; margin: 0; padding: 0; margin-top: 8px; } div#nav ul.nav-items > li { cursor: pointer; font-size: 16px; color: #CBFFE1; font-weight: 300; position: relative; } div#nav ul.nav-items > li i { padding: 8px; min-width: 50px; text-align: center; width: 50px; } div#nav ul.nav-items > li i.toggler { position: absolute; right: 6px; padding: 8px 0; text-align: right; } div#nav ul.nav-items > li i.toggler:before { content: ""; } div#nav ul.nav-items > li:hover { color: white; background: #0d6efd; } div#nav ul.nav-items > li.active { color: #6cf; background: white; } div#nav ul.nav-items > li.selected { color: #6cf; border-top: 1px solid black; border-bottom: 1px solid black; } div#nav ul.nav-items > li.selected span.item-label { font-weight: 200; } div#nav ul.nav-items > li.selected i.toggler:before { content: ""; } div#nav ul.nav-items > li.selected.nav-dropmenu { background: rgba(0, 0, 0, 0.3); } div#nav ul.nav-items > li.selected ul.nav-submenu { visibility: visible; max-height: 750px; background: transparent; color: #6cf; } div#nav ul.nav-items > li.selected ul.nav-submenu:hover { background: transparent; } div#nav ul.nav-items > li.selected ul.nav-submenu li:hover { color: white; background: #0d6efd; } div#nav ul.nav-items ul.nav-submenu { list-style: none; list-style-image: none; margin: 0; padding: 0; visibility: hidden; max-height: 0; transition: max-height 0.5s; overflow: hidden; color: #CBFFE1; } div#nav ul.nav-items ul.nav-submenu > li { padding-left: 26px; cursor: pointer; font-size: 12px; } div#nav ul.nav-items ul.nav-submenu > li i { padding: 8px; min-width: 50px; text-align: center; width: 30px; } div#nav ul.nav-items ul.nav-submenu > li:hover { color: white; } div#nav ul.nav-items ul.nav-submenu > li.active { color: #6cf; font-weight: 500; background: white; } .report .title-col { background: #573a62; color: #FFF; } .tabsview-wrapper { background: white; color: black; border: 1px solid #ccc; box-shadow: none; border-radius: 5px; margin-bottom: 15px; } .tabsview-wrapper #tabsview_header { border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabsview-wrapper #tabsview_header .top-header, .tabsview-wrapper #tabsview_header .bottom-header { border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 15px; } .tabsview-wrapper .tabs-container { border-radius: 5px; padding: 15px; } .tabsview-wrapper #subpage_view { margin-top: 15px; } .dialog-body .tabsview-wrapper { box-shadow: none; border-radius: 0px; } div#page { background: transparent; } div#page .page-view { padding: 15px; } div#page .title-col #table-menu { float: right; } div#page .title-col .subtitle { font-size: 16px; margin-top: 5px; } div#page #row-header { margin-bottom: 10px; } div#page #row-header h1.title { font-size: 20px; padding-left: 25px; padding-top: 15px; } div#page #row-header h1.title .datestamp { font-size: 16px; } div#page #row-header h1.title .btn.btn-link { float: right; } div#page h1.title { margin: 0px 15px 15px 15px; padding-top: 25px; } div#page div.page-timer { position: absolute; left: 0; right: 0; bottom: 0; } div#page div.page-timer div.page-timer-bar { height: 10px; width: 1px; background-color: green; transition-property: width; } div#page div.page-timer div.page-timer-circle { background: white; position: absolute; right: 10px; bottom: 10px; border-radius: 50%; overflow: hidden; } div#page div.page-view { background: white; transition: margin-left 0.5s; visibility: hidden; margin-left: 100%; overflow-x: hidden; overflow-y: auto; border: 5px solid 1px; } div#page div.page-view div.page-view-body { padding: 15px; } div#page div.page-view.has-footer div.page-view-body { padding-bottom: 50px; } div#page div.page-view div.page-view-header { position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: 1px; z-index: 1; padding: 4px; } div#page div.page-view div.page-view-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: 1px; z-index: 1; } section.page-toc-mode div#page div.toc-toggle { visibility: visible; opacity: 1; padding: 10px; background: #eeeeee; } section div#page div.toc-toggle { border-right: 1px solid gray; background: #eeeeee; color: #4397FF; border-radius: 5px; visibility: hidden; opacity: 0; transition: opacity 1s linear; cursor: pointer; position: absolute; top: 5px; left: 235px; z-index: 1000; } #advanced_list_batch_action_bar { position: fixed; left: 10%; right: 10%; bottom: -10%; transition: bottom 0.3s; display: none; height: 70px; z-index: 1000; background: #ffffff; border-radius: 8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); border: 1px solid #cccccc; } #advanced_list_batch_action_bar.show { bottom: 7%; display: block; } #advanced_list_batch_action_bar .left-side .count { position: absolute; top: 0px; left: 0px; text-align: center; width: 70px; height: 68px; background-color: #0d6efd; color: white; border-top-left-radius: 8px; border-bottom-left-radius: 8px; font-size: 2.6em; padding: 8px; } #advanced_list_batch_action_bar .left-side h2 { margin: 0px; font-size: 24px; text-align: left; padding: 20px; padding-left: 80px; } #advanced_list_batch_action_bar .batch-bar { position: absolute; right: 0px; top: 0px; height: 70px; } #advanced_list_batch_action_bar .batch-bar .batch-action { height: 70px; width: 70px; border-left: 1px solid #cccccc; display: inline-block; text-align: center; font-size: 12px; color: gray; overflow: hidden; padding: 0px; } #advanced_list_batch_action_bar .batch-bar .batch-action .batch-action-in { height: 100%; width: 100%; padding: 5px; white-space: nowrap; cursor: pointer; } #advanced_list_batch_action_bar .batch-bar .batch-action i { color: black; display: block; font-size: 2.2em; padding: 5px; } #advanced_list_batch_action_bar .batch-bar .batch-action:hover .batch-action-in { background: #e9e9e9; } #page div#filters, div.page-tablegrid div#filters { margin: 10px 15px 0; } #page div#filters button.btn-toggle, div.page-tablegrid div#filters button.btn-toggle { border: none; } #page div#filters form .form-group, div.page-tablegrid div#filters form .form-group { margin: 0; padding: 0; } #page .batch-select-mode .batch-select-th, div.page-tablegrid .batch-select-mode .batch-select-th { background: #0d6efd; } #page .batch-select-th, div.page-tablegrid .batch-select-th { width: 1px; padding: 0px; cursor: pointer; } #page .batch-select-th .all-checkbox, div.page-tablegrid .batch-select-th .all-checkbox { width: 14px; height: 14px; background: rgba(245, 245, 245, 0.5); left: 12px; top: 10px; position: absolute; } #page .batch-select-td, div.page-tablegrid .batch-select-td { cursor: pointer; border-right: 1px solid #e6e6e6; } #page tr .batch-select-th:hover, div.page-tablegrid tr .batch-select-th:hover { background: #0d6efd; } #page tr.selected .batch-select-th .all-checkbox:after, div.page-tablegrid tr.selected .batch-select-th .all-checkbox:after { content: ''; position: absolute; left: 1px; top: 7px; background: rgba(245, 245, 245, 0.5); width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(45deg); } #page tr.batch-selected .batch-select-td, #page tr.batch-selected .batch-select-th, div.page-tablegrid tr.batch-selected .batch-select-td, div.page-tablegrid tr.batch-selected .batch-select-th { width: 36px; } #page tr.selected .batch-select-td .checkboxfake:before, div.page-tablegrid tr.selected .batch-select-td .checkboxfake:before { background: #0d6efd; } #page tr.selected .batch-select-td .checkboxfake:after, div.page-tablegrid tr.selected .batch-select-td .checkboxfake:after { content: ''; position: absolute; left: 1px; top: 7px; background: rgba(245, 245, 245, 0.5); width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(45deg); } #page tr .batch-select-td, #page tr .batch-select-th, div.page-tablegrid tr .batch-select-td, div.page-tablegrid tr .batch-select-th { transition: width 0.3s; overflow: hidden; width: 10px; position: relative; padding-left: 0px; padding-right: 0px; } #page tr .batch-select-td:hover .checkboxfake:before, #page tr .batch-select-th:hover .checkboxfake:before, div.page-tablegrid tr .batch-select-td:hover .checkboxfake:before, div.page-tablegrid tr .batch-select-th:hover .checkboxfake:before { background: #0d6efd; } #page tr .batch-select-td .checkboxfake, #page tr .batch-select-th .checkboxfake, div.page-tablegrid tr .batch-select-td .checkboxfake, div.page-tablegrid tr .batch-select-th .checkboxfake { margin: 1px; left: 10px; position: absolute; } #page tr .batch-select-td .checkboxfake:before, #page tr .batch-select-th .checkboxfake:before, div.page-tablegrid tr .batch-select-td .checkboxfake:before, div.page-tablegrid tr .batch-select-th .checkboxfake:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: rgba(245, 245, 245, 0.5); } #page tr .batch-select-td .checkboxfake:focus:before, #page tr .batch-select-th .checkboxfake:focus:before, div.page-tablegrid tr .batch-select-td .checkboxfake:focus:before, div.page-tablegrid tr .batch-select-th .checkboxfake:focus:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } #page tr .batch-select-td .checkboxfake:disabled, #page tr .batch-select-th .checkboxfake:disabled, div.page-tablegrid tr .batch-select-td .checkboxfake:disabled, div.page-tablegrid tr .batch-select-th .checkboxfake:disabled { color: #b8b8b8; cursor: auto; } #page tr .batch-select-td .checkboxfake:disabled:before, #page tr .batch-select-th .checkboxfake:disabled:before, div.page-tablegrid tr .batch-select-td .checkboxfake:disabled:before, div.page-tablegrid tr .batch-select-th .checkboxfake:disabled:before { box-shadow: none; background: #ddd; } #page tr .batch-select-td:hover, #page tr .batch-select-th:hover, div.page-tablegrid tr .batch-select-td:hover, div.page-tablegrid tr .batch-select-th:hover { width: 36px; } #page tr .batch-select-td:hover:after, #page tr .batch-select-th:hover:after, div.page-tablegrid tr .batch-select-td:hover:after, div.page-tablegrid tr .batch-select-th:hover:after { background: rgba(206, 206, 206, 0.26); content: ' '; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } div.page-tablegrid#page button.requires-group { display: none; } div.page-tablegrid#page button.requires-group-none { display: inline-block; } div.page-tablegrid#page.has-group button.requires-group { display: inline-block; } div.page-tablegrid#page.has-group button.requires-group-none { display: none; } div.page-tablegrid#page div#list { position: relative; } div.page-tablegrid#page div#list .editable-list thead:hover th { background-color: #dadada; } div.page-tablegrid#page div#list .editable-list thead:hover th:hover { background-color: #b6b6b6; } div.page-tablegrid#page div.page-header { background: white; padding: 0; margin: 0; box-shadow: none; border: none; } div.page-tablegrid#page div.page-header div.title-bar h1.title { margin: 0; padding: 0; } div.page-tablegrid#page div.page-header div.form-group { margin: 0; } div.page-tablegrid#page div.page-header form.search button.clear { position: absolute; top: 0; right: 50px; z-index: 10; opacity: 0.5; } div.page-tablegrid#page div.page-header div#table-menu { display: inline-block; } div.page-tablegrid#page div.page-header div#filters { position: relative; } div.page-tablegrid#page div.page-header div#filters button.btn-toggle { background: transparent; color: #0d6efd; cursor: pointer; font-family: 'fa_free'; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } div.page-tablegrid#page div.page-header div#filters button.btn-toggle:before { content: ""; } div.page-tablegrid#page div.page-header div#filters.has-toggle-advanced { padding-right: 60px; } div.page-tablegrid#page div.page-header div#filters.has-toggle-advanced button.btn-toggle { display: inline-block; position: absolute; right: 20px; top: 20px; } div.page-tablegrid#page div.page-header div#filters div.form-group { padding: 0; margin: 0; } div.page-tablegrid#page div.page-header div#advanced-filters { margin: 10px 15px; display: none; } div.page-tablegrid#page div.page-header.show-advanced div#filters button.btn-toggle:before { content: ""; } div.page-tablegrid#page div.page-header.show-advanced div#advanced-filters { display: block; } div.page-tablegrid#page h1.title { margin: 0; font-size: 2vw; } div.page-tablegrid#page h1.title #table-menu { float: right; } div.page-tablegrid#page h1.title #table-menu button { outline: none; } div.page-tablegrid#page h1.title #table-menu button i { font-size: 1.5vw; } div.page-tablegrid#page div.list-table { background: white; padding: 6px; } div.page-tablegrid#page table.table th { color: #337ab7; } div.page-tablegrid#page table.table tbody > tr { cursor: pointer; } div.page-tablegrid#page table.table tbody > tr td { cursor: pointer; } div.page-tablegrid#page table.table tbody > tr:hover { background: #e4f3fd; } div.page-tablegrid#page table.table tbody > tr.selected { background: #0d6efd !important; color: white !important; } div.page-tablegrid#page table.table tbody > tr.selected td { color: white !important; } div.page-tablegrid#page table.table td { font-size: 10px; } div.page-tablegrid#page table.table td.clickable { cursor: pointer; color: #0d6efd; } div.page-tablegrid#page table.table td.clickable div.img-holder { border: 1px solid #0d6efd; } div.page-tablegrid#page table.table td.cell-bold { font-weight: bold; } div.page-tablegrid#page table.table td.cell-nopad { padding: 4px 4px 0; margin: 0; } div.page-tablegrid#page table.table td.cell-sm { font-size: 10px; } div.page-tablegrid#page table.table td.cell-xs { font-size: 8px; } div.page-tablegrid#page td.no-group, div.page-tablegrid#page th.no-group { display: none; } div#app.no-group div.page-tablegrid td.requires-group, div#app.no-group div.page-tablegrid th.requires-group { display: none; } div#app.no-group div.page-tablegrid td.no-group, div#app.no-group div.page-tablegrid th.no-group { display: table-cell; } section.page div.title-bar { background: #eeeeee; margin: 0 0 5px; min-height: 35px; padding: 10px 15px; border-bottom: 1px solid #ccc; } section.page div.title-bar > h1.title { font-size: 30px; line-height: 30px; } section.page div.title-bar > h1.title #table-menu button i { font-size: 24px; } section.page div.title-bar div.title-col { width: 100%; border-bottom: 1px solid #d9d6d6; background: #eeeeee; color: #646464; margin-bottom: 15px; } section.page #pager div.list-totals { font-size: 10px; color: #D2D2D2; } section.page div.toc-toggle { visibility: hidden; opacity: 0; } section.page div.page-toc { background: white; padding: 0; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; transition: width 0.5s ease-in-out; } section.page div.page-toc .page-toc-visible { display: none; } section.page div.page-toc div#list_view { margin: 15px; padding: 0; } section.page div.page-toc div#list_view div#pager { text-align: center; } section.page.page-toc-mode div#page div.page-toc { box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); z-index: 1; overflow-y: auto; overflow-x: hidden; width: 250px; } section.page.page-toc-mode div#page div.page-toc .col-xs-1, section.page.page-toc-mode div#page div.page-toc .col-sm-1, section.page.page-toc-mode div#page div.page-toc .col-md-1, section.page.page-toc-mode div#page div.page-toc .col-lg-1, section.page.page-toc-mode div#page div.page-toc .col-xs-2, section.page.page-toc-mode div#page div.page-toc .col-sm-2, section.page.page-toc-mode div#page div.page-toc .col-md-2, section.page.page-toc-mode div#page div.page-toc .col-lg-2, section.page.page-toc-mode div#page div.page-toc .col-xs-3, section.page.page-toc-mode div#page div.page-toc .col-sm-3, section.page.page-toc-mode div#page div.page-toc .col-md-3, section.page.page-toc-mode div#page div.page-toc .col-lg-3, section.page.page-toc-mode div#page div.page-toc .col-xs-4, section.page.page-toc-mode div#page div.page-toc .col-sm-4, section.page.page-toc-mode div#page div.page-toc .col-md-4, section.page.page-toc-mode div#page div.page-toc .col-lg-4, section.page.page-toc-mode div#page div.page-toc .col-xs-5, section.page.page-toc-mode div#page div.page-toc .col-sm-5, section.page.page-toc-mode div#page div.page-toc .col-md-5, section.page.page-toc-mode div#page div.page-toc .col-lg-5, section.page.page-toc-mode div#page div.page-toc .col-xs-6, section.page.page-toc-mode div#page div.page-toc .col-sm-6, section.page.page-toc-mode div#page div.page-toc .col-md-6, section.page.page-toc-mode div#page div.page-toc .col-lg-6, section.page.page-toc-mode div#page div.page-toc .col-xs-7, section.page.page-toc-mode div#page div.page-toc .col-sm-7, section.page.page-toc-mode div#page div.page-toc .col-md-7, section.page.page-toc-mode div#page div.page-toc .col-lg-7, section.page.page-toc-mode div#page div.page-toc .col-xs-8, section.page.page-toc-mode div#page div.page-toc .col-sm-8, section.page.page-toc-mode div#page div.page-toc .col-md-8, section.page.page-toc-mode div#page div.page-toc .col-lg-8, section.page.page-toc-mode div#page div.page-toc .col-xs-9, section.page.page-toc-mode div#page div.page-toc .col-sm-9, section.page.page-toc-mode div#page div.page-toc .col-md-9, section.page.page-toc-mode div#page div.page-toc .col-lg-9, section.page.page-toc-mode div#page div.page-toc .col-xs-10, section.page.page-toc-mode div#page div.page-toc .col-sm-10, section.page.page-toc-mode div#page div.page-toc .col-md-10, section.page.page-toc-mode div#page div.page-toc .col-lg-10, section.page.page-toc-mode div#page div.page-toc .col-xs-11, section.page.page-toc-mode div#page div.page-toc .col-sm-11, section.page.page-toc-mode div#page div.page-toc .col-md-11, section.page.page-toc-mode div#page div.page-toc .col-lg-11, section.page.page-toc-mode div#page div.page-toc .col-xs-12, section.page.page-toc-mode div#page div.page-toc .col-sm-12, section.page.page-toc-mode div#page div.page-toc .col-md-12, section.page.page-toc-mode div#page div.page-toc .col-lg-12 { width: 100%; padding-right: 5px; padding-left: 5px; } section.page.page-toc-mode div#page div.page-toc div.title-bar { margin: 0; } section.page.page-toc-mode div#page div.page-toc div.title-bar h1.title { font-size: 20px; } section.page.page-toc-mode div#page div.page-toc div.title-bar h1.title .datestamp { font-size: 16px; } section.page.page-toc-mode div#page div.page-toc div.title-bar h1.title .btn.btn-link { padding: 5px; float: none; } section.page.page-toc-mode div#page div.page-toc .input-help { display: none; } section.page.page-toc-mode div#page div.page-toc div#list_view { background: none; margin: 0; } section.page.page-toc-mode div#page div.page-toc div#table-menu i { font-size: 1em; } section.page.page-toc-mode div#page div.page-toc .row { margin-right: -5px; margin-left: -5px; } section.page.page-toc-mode div#page div.page-toc .pagination > li > a, section.page.page-toc-mode div#page div.page-toc .pagination > li > span { padding: 3px 7px; } section.page.page-toc-mode div#page div.page-toc div#filters { padding: 0; margin: 15px 5px 5px; } section.page.page-toc-mode div#page div.page-toc div#filters button.btn-toggle { outline: none; display: none; } section.page.page-toc-mode div#page .page-toc-hide { display: none !important; } section.page.page-toc-mode div#page .page-toc-visible { display: block; } section.page.page-toc-mode div#page div.page-view { margin-left: 0; position: absolute; left: 250px; top: 0; right: 0; bottom: 0; visibility: visible; } section.page.page-toc-mode div#page div.page-view div.page-view-body { overflow-x: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; } .dialog-body .page-panel { margin-bottom: 0; } .dialog-body .sub-panel { box-shadow: none; margin-bottom: 0; } .page-panel { background: white; color: black; border: 1px solid #ccc; box-shadow: none; border-radius: 5px; background-color: #fff; margin-bottom: 15px; } .page-panel .page-panel-header { color: #fff; background-color: #0d6efd; border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 15px; } .page-panel .page-panel-header .bg-overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } .page-panel .page-panel-header .date { color: #646464; } .page-panel .page-panel-header .btn { color: #fff; padding-top: 0; padding-bottom: 0; } .page-panel .page-panel-header button.btn:hover { opacity: 0.3; } .page-panel .page-panel-body { position: relative; border-radius: 5px; padding: 15px; } .page-panel .page-panel-footer { background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 15px; } .sub-panel { border-radius: 5px; border: 1px solid #e8e8e8; background-color: #fff; margin-bottom: 15px; } .sub-panel .sub-panel-header { border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 8px 15px; background: #e8e8e8; } .sub-panel .sub-panel-header .btn { color: #337ab7; padding-top: 0; padding-bottom: 0; } .sub-panel .sub-panel-header button.btn:hover { opacity: 0.3; } .sub-panel .sub-panel-header div.datestamp { font-size: 10px; } .sub-panel .sub-panel-body { border-radius: 5px; padding: 15px; } .sub-panel .sub-panel-body table tr:nth-child(even) { background: #f3f3f3; } .sub-panel .sub-panel-body table td { border-top: none; } .sub-panel .sub-panel-footer { border-top: 1px solid rgba(0, 0, 0, 0.125); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 15px; } div.filter-bar form.search button.clear { position: absolute; bottom: 12px; right: 50px; z-index: 10; opacity: 0.5; } div.filter-bar .search .form-group { padding-top: 0; } table.table tr.totals { border-top: 3px solid rgba(128, 128, 128, 0.2); } table.table tr.totals > td { font-weight: bold; } table.table div#pager { text-align: center; } table.table thead th { white-space: nowrap; color: #337ab7; } #tbview_list { overflow-x: scroll; } body.mobile #app div.tableview.tableview-sm table > thead > tr > th { font-size: 10px !important; } body.mobile #app div.tableview.tableview-sm table > thead > tr > td { font-size: 10px !important; } body.mobile #app div.tableview.tableview-sm div.filter-bar div.form-group { font-size: 10px; padding: 0; } body.mobile #app div.tableview.tableview-sm div.filter-bar div.form-group button.btn { font-size: 10px; } :root { --balloon-color: rgba(16, 16, 16, 0.95); --balloon-font-size: 12px; --balloon-move: 4px; } button[aria-label][data-balloon-pos], a[aria-label][data-balloon-pos], span[aria-label][data-balloon-pos] { overflow: visible; } a[aria-label][data-balloon-pos] { padding: 10px; } [aria-label][data-balloon-pos] { position: relative; cursor: pointer; } [aria-label][data-balloon-pos]:after { opacity: 0; pointer-events: none; transition: all 0.18s ease-out 0.18s; text-indent: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-weight: normal; font-style: normal; text-shadow: none; font-size: 12px; background: rgba(16, 16, 16, 0.95); border-radius: 2px; color: #fff; content: attr(aria-label); padding: 0.5em 1em; position: absolute; white-space: nowrap; z-index: 10; } [aria-label][data-balloon-pos]:before { width: 0; height: 0; border: 5px solid transparent; border-top-color: rgba(16, 16, 16, 0.95); opacity: 0; pointer-events: none; transition: all 0.18s ease-out 0.18s; content: ""; position: absolute; z-index: 10; } [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after { opacity: 1; pointer-events: none; } [aria-label][data-balloon-pos].font-awesome:after { font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } [aria-label][data-balloon-pos][data-balloon-break]:after { line-height: 18px; white-space: pre; } [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after { line-height: 18px; white-space: pre-line; word-break: break-word; } [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after { transition: none; } [aria-label][data-balloon-pos][data-balloon-pos="up"]:after { bottom: 100%; left: 50%; margin-bottom: 10px; transform: translate(-50%, 4px); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up"]:before { bottom: 100%; left: 50%; transform: translate(-50%, 4px); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after { transform: translate(-50%, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before { transform: translate(-50%, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up-left"]:after { bottom: 100%; left: 0; margin-bottom: 10px; transform: translate(0, 4px); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up-left"]:before { bottom: 100%; left: 5px; transform: translate(0, 4px); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up-left"][data-balloon-visible]:after { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up-left"][data-balloon-visible]:before { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up-right"]:after { bottom: 100%; right: 0; margin-bottom: 10px; transform: translate(0, 4px); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up-right"]:before { bottom: 100%; right: 5px; transform: translate(0, 4px); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up-right"][data-balloon-visible]:after { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up-right"][data-balloon-visible]:before { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down"]:after { left: 50%; margin-top: 10px; top: 100%; transform: translate(-50%, calc(4px * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down"]:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: rgba(16, 16, 16, 0.95); left: 50%; top: 100%; transform: translate(-50%, calc(4px * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after { transform: translate(-50%, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before { transform: translate(-50%, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down-left"]:after { left: 0; margin-top: 10px; top: 100%; transform: translate(0, calc(4px * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down-left"]:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: rgba(16, 16, 16, 0.95); left: 5px; top: 100%; transform: translate(0, calc(4px * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down-left"][data-balloon-visible]:after { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down-left"][data-balloon-visible]:before { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down-right"]:after { right: 0; margin-top: 10px; top: 100%; transform: translate(0, calc(4px * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down-right"]:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: rgba(16, 16, 16, 0.95); right: 5px; top: 100%; transform: translate(0, calc(4px * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down-right"][data-balloon-visible]:after { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down-right"][data-balloon-visible]:before { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="left"]:after { margin-right: 10px; right: 100%; top: 50%; transform: translate(4px, -50%); } [aria-label][data-balloon-pos][data-balloon-pos="left"]:before { width: 0; height: 0; border: 5px solid transparent; border-left-color: rgba(16, 16, 16, 0.95); right: 100%; top: 50%; transform: translate(4px, -50%); } [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after { transform: translate(0, -50%); } [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before { transform: translate(0, -50%); } [aria-label][data-balloon-pos][data-balloon-pos="right"]:after { left: 100%; margin-left: 10px; top: 50%; transform: translate(calc(4px * -1), -50%); } [aria-label][data-balloon-pos][data-balloon-pos="right"]:before { width: 0; height: 0; border: 5px solid transparent; border-right-color: rgba(16, 16, 16, 0.95); left: 100%; top: 50%; transform: translate(calc(4px * -1), -50%); } [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after { transform: translate(0, -50%); } [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before { transform: translate(0, -50%); } [aria-label][data-balloon-pos][data-balloon-length="small"]:after { white-space: normal; width: 80px; } [aria-label][data-balloon-pos][data-balloon-length="medium"]:after { white-space: normal; width: 150px; } [aria-label][data-balloon-pos][data-balloon-length="large"]:after { white-space: normal; width: 260px; } [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after { white-space: normal; width: 380px; } @media screen and (max-width: 768px) { [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after { white-space: normal; width: 90vw; } } [aria-label][data-balloon-pos][data-balloon-length="fit"]:after { white-space: normal; width: 100%; } section.page-toc-mode div.page-toc [aria-label][data-balloon-pos]:before { display: none; } section.page-toc-mode div.page-toc ; [aria-label][data-balloon-pos]:after { display: none; } .legend .legend-label.staff { border-left: 8px solid #fd9608; background: rgba(255, 118, 0, 0.1); } #users_admin div.page-toc tbody tr .batch-select-td, #memberships_admin div.page-toc tbody tr .batch-select-td { background: grey; } #users_admin div.page-toc tbody tr.staff, #memberships_admin div.page-toc tbody tr.staff { background: rgba(255, 118, 0, 0.1); } #users_admin div.page-toc tbody tr.staff .batch-select-td, #memberships_admin div.page-toc tbody tr.staff .batch-select-td { background: #fd9608; } #users_admin .td-wrapped, #memberships_admin .td-wrapped { width: 5%; white-space: nowrap; } #users_admin .user-status-icon, #memberships_admin .user-status-icon { padding: 0px 4px; font-size: 1.4em; } #users_admin div.tabs-container, #memberships_admin div.tabs-container { border: none; } #users_admin .tabsview-wrapper, #memberships_admin .tabsview-wrapper { position: relative; border: 1px solid #cccccc; border-top-left-radius: 5px; border-top-right-radius: 5px; } #users_admin .tabsview-wrapper .locked-banner, #memberships_admin .tabsview-wrapper .locked-banner { height: 35px; line-height: 35px; top: 27px; background: red; color: white; font-size: 1.4em; font-weight: bold; width: 180px; text-align: center; right: -46px; bottom: 25px; position: absolute; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #users_admin .locked-account-panel, #memberships_admin .locked-account-panel { margin: auto; margin-top: 30px; margin-bottom: 30px; color: white; font-weight: bold; background: #c52225; padding: 5px; padding-left: 25px; width: 320px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); } #users_admin .locked-account-panel i, #memberships_admin .locked-account-panel i { margin-right: 10px; } #users_admin .dashboard-widget, #memberships_admin .dashboard-widget { padding: 10px; } #users_admin #manage_user_menu, #memberships_admin #manage_user_menu { position: absolute; right: 10px; top: 10px; } #users_admin div.page-view div.panel-header.staff, #memberships_admin div.page-view div.panel-header.staff { background: url(/static/common/imgs/bgs/crowd.jpg) no-repeat left center; background-size: cover; } #users_admin div.page-view div.panel-header.merchant, #memberships_admin div.page-view div.panel-header.merchant { background: url(/static/common/imgs/bgs/cashier.jpg); } #users_admin div.page-view h1, #memberships_admin div.page-view h1 { font-size: 24px; color: #5A5B5B; text-align: center; margin: 0; } #users_admin div.page-view h3, #memberships_admin div.page-view h3 { font-size: 16px; color: gray; margin: 4px; } #users_admin div.page-view div.field:before, #memberships_admin div.page-view div.field:before { display: table; content: " "; } #users_admin div.page-view div.field:after, #memberships_admin div.page-view div.field:after { display: table; content: " "; clear: both; } #users_admin div.page-view div.field div.field-label, #memberships_admin div.page-view div.field div.field-label { font-size: 8px; color: grey; display: inline-block; width: 70px; text-align: right; padding-right: 4px; } #users_admin div.page-view div.field div.field-value, #memberships_admin div.page-view div.field div.field-value { font-size: 12px; display: inline-block; } #users_admin div.page-view div.field div.field-value.field-value-lg, #memberships_admin div.page-view div.field div.field-value.field-value-lg { font-size: 16px; } #auditlog-record { font-size: 12px; text-align: left; } #auditlog-record div.field:before { display: table; content: " "; } #auditlog-record div.field:after { display: table; content: " "; clear: both; } #auditlog-record div.field div.field-label { font-size: 8px; color: grey; display: inline-block; width: 60px; text-align: right; padding-right: 4px; } #auditlog-record div.field div.field-value { font-size: 10px; display: inline-block; } #auditlog-record div.field div.field-value.field-value-lg { font-size: 16px; } #auditlog-record div.auditlog-message { width: 100%; max-height: 340px; padding-bottom: 20px; overflow-x: auto; display: block; unicode-bidi: embed; font-family: monospace; white-space: pre; } #auditlog-record div.grid-cell.left-padded { padding-left: 25px; } #auditlog-record hr.no-margin { margin: 0 !important; } #memberships_admin #member_header.staff .top-header { background-position-y: 90%; } #memberships_admin #member_header div.user-icons { display: inline-block; } #memberships_admin #member_header div.staff-name { font-size: 24px; } #memberships_admin #member_header div.role-label { font-weight: bold; margin-bottom: 10px; padding-left: 8px; text-transform: capitalize; } #memberships_admin #member_header .role-label:hover { color: #0d6efd; cursor: pointer; } #memberships_admin #member_header .username-label { font-size: 1.3em; float: right; } #memberships_admin #member_header .user-kind { padding-top: 6px; font-size: 1.2em; padding-left: 8px; } #memberships_admin #member_header div.subpage_header { overflow: visible; margin-bottom: 20px; } #memberships_admin #member_header div.subpage_header ul.dropdown-menu button:hover { background: #DBDBDB !important; color: initial; } #memberships_admin #member_header .bottom-header { height: 75px; } #memberships_admin #member_header .bottom-header .user-online, #memberships_admin #member_header .bottom-header .user-offline { padding-top: 6px; padding-right: 10px; font-size: 1.1em; font-weight: bold; } #memberships_admin #member_header .bottom-header .user-online { color: #4E8474; } #memberships_admin #member_header .bottom-header .user-offline { color: #AF3B3D; } #memberships_admin #member_header .bottom-header .last-login { padding-right: 10px; font-size: 0.9em; } #memberships_admin #member_header .top-header { padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; background: url(/static/common/imgs/bgs/crowd.jpg) no-repeat left center; background-size: cover; background-position-y: 77%; height: 60px; border-bottom: 1px solid #cccccc; } #memberships_admin #member_header .top-header .membership-of { float: left; font-size: 1.1em; } #memberships_admin #member_header .top-header .membership-of .member-value { font-weight: bold; } #memberships_admin #member_header .top-header div.user-avatar { position: absolute; bottom: -28px; left: 50%; float: left; margin: 15px 10px; } #memberships_admin #member_header .top-header div.user-avatar.img-holder-md { height: 80px; width: 80px; } #memberships_admin #member_header .top-header .member-avatar { float: right; margin: 15px 10px; } #memberships_admin #member_header .top-header .member-avatar.img-holder-md { height: 80px; width: 80px; } #memberships_admin #member_header .top-header div#dropdown { position: relative; display: inline-block; } #memberships_admin #member_header .top-header div#dropdown > button { background: transparent; padding: 10px 0px; color: white; font-size: 1.1em; } #memberships_admin #member_header .top-header div#dropdown > button:after { color: white; font-size: 1.1em; margin-left: 5px; position: relative; top: 0px; left: 0px; } #memberships_admin #member_header .top-header div#dropdown > button:focus, #memberships_admin #member_header .top-header div#dropdown > button:hover { color: #cccccc; } #memberships_admin #member_header .top-header div#dropdown > button:focus:after, #memberships_admin #member_header .top-header div#dropdown > button:hover:after { color: #cccccc; } #memberships_admin .td-wrapped { width: 5%; white-space: nowrap; } #memberships_admin .user-status-icon { padding: 0px 4px; font-size: 1.4em; } #memberships_admin div.tabs-container { border: none; } #memberships_admin .tabsview-wrapper { position: relative; border: 1px solid #cccccc; border-top-left-radius: 5px; border-top-right-radius: 5px; } #memberships_admin .tabsview-wrapper .locked-banner { height: 35px; line-height: 35px; top: 27px; background: red; color: white; font-size: 1.4em; font-weight: bold; width: 180px; text-align: center; right: -46px; bottom: 25px; position: absolute; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #memberships_admin .locked-account-panel { margin: auto; margin-top: 30px; margin-bottom: 30px; color: white; font-weight: bold; background: #c52225; padding: 5px; padding-left: 25px; width: 320px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); } #memberships_admin .locked-account-panel i { margin-right: 10px; } #memberships_admin .dashboard-widget { padding: 10px; } #memberships_admin #manage_user_menu { position: absolute; right: 10px; top: 10px; } #child_header .top-header { padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; background: url(/static/common/imgs/bgs/paradise_mountain.jpg) no-repeat left center; background-size: cover; background-position-y: 70%; height: 70px; border-bottom: 1px solid #cccccc; } #child_header #children_dropdown div#dropdown > button { font-size: 18px; font-weight: bold; background: transparent; padding: 0 20px 0 0; text-align: left; } #child_header .bottom-header { padding: 12px 8px; color: black; } #child_header .locked-banner { top: 0px; width: 180px; right: 0px; bottom: 0; position: absolute; left: auto; overflow: hidden; } #child_header .locked-banner .banner { height: 35px; line-height: 35px; color: white; font-weight: bold; font-size: 1.4em; text-align: center; background: red; position: absolute; top: 27px; width: 180px; right: -47px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #merchant_header .top-header { padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; background: url(/static/common/imgs/bgs/paradise_mountain.jpg) no-repeat left center; background-size: cover; background-position-y: 70%; height: 70px; border-bottom: 1px solid #cccccc; } #merchant_header #merchant_dropdown div#dropdown > button { font-size: 18px; font-weight: bold; background: transparent; padding: 0 20px 0 0; text-align: left; } #merchant_header .bottom-header { padding: 12px 8px; color: black; } #merchant_header .locked-banner { top: 0px; width: 180px; right: 0px; bottom: 0; position: absolute; left: auto; overflow: hidden; } #merchant_header .locked-banner .banner { height: 35px; line-height: 35px; color: white; font-weight: bold; font-size: 1.4em; text-align: center; background: red; position: absolute; top: 27px; width: 180px; right: -47px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #children_settings #merchant_settings table.contacts tbody tr { cursor: pointer; } #children_settings #merchant_settings table.contacts tbody tr:hover { background-color: #e4f3fd; } #merchant_settings .receipt-like, #merchant_admin .receipt-like, #child_admin .receipt-like, #child_admin .receipt-like, #children_settings .receipt-like { border: 1px solid black; background-color: white; max-width: 360px; font-size: 16px; padding: 5px 10px; } #merchant_settings .receipt-like .receipt-header, #merchant_admin .receipt-like .receipt-header, #child_admin .receipt-like .receipt-header, #child_admin .receipt-like .receipt-header, #children_settings .receipt-like .receipt-header { color: black; font-weight: bold; text-align: center; } #merchant_settings .receipt-like .receipt-body, #merchant_admin .receipt-like .receipt-body, #child_admin .receipt-like .receipt-body, #child_admin .receipt-like .receipt-body, #children_settings .receipt-like .receipt-body { color: gray; } #merchant_settings .receipt-like .receipt-footer, #merchant_admin .receipt-like .receipt-footer, #child_admin .receipt-like .receipt-footer, #child_admin .receipt-like .receipt-footer, #children_settings .receipt-like .receipt-footer { color: black; font-weight: bold; text-align: center; } #merchant_settings .form-group.media_item, #merchant_admin .form-group.media_item, #child_admin .form-group.media_item, #child_admin .form-group.media_item, #children_settings .form-group.media_item { display: flex; flex-direction: column; align-items: center; } #edit_overview_note_form textarea { max-width: 100%; min-height: 150px; } #overview_note { white-space: pre-wrap; } #sim_results #results_list.failed tr.success { display: none; } #sim_results #results_list.passed tr.danger { display: none; } #task_popup #task_popup_logs { margin-top: 15px; max-height: 500px; } #task_queue .legend .legend-label { display: inline-block; border: 1px solid darkgray; background: #fdfdfd; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12); padding: 2px 12px; border-left: 8px solid grey; margin-right: 5px; } #task_queue .legend .legend-label.completed { border-left: 8px solid #4E8474; background: rgba(0, 255, 76, 0.05); } #task_queue .legend .legend-label.failed, #task_queue .legend .legend-label.canceled { background: rgba(255, 0, 0, 0.05); border-left: 8px solid #AF3B3D; } #task_queue .legend .legend-label.retry_later { background: rgba(255, 136, 0, 0.05); border-left: 8px solid #fd9608; } #task_queue .legend .legend-label.started { background: rgba(138, 43, 226, 0.05); border-left: 8px solid blueviolet; } #task_queue .legend .legend-label.scheduled { background: rgba(0, 68, 255, 0.05); border-left: 8px solid #0d6efd; } #task_queue .legend .legend-label.unknown { background: rgba(124, 124, 124, 0.05); border-left: 8px solid gray; } #task_queue tr .batch-select-td { background: black; } #task_queue tr.completed { background: rgba(0, 255, 76, 0.05); } #task_queue tr.completed .batch-select-td { background: #4E8474; } #task_queue tr.failed, #task_queue tr.canceled { background: rgba(255, 0, 0, 0.05); } #task_queue tr.failed .batch-select-td, #task_queue tr.canceled .batch-select-td { background: #AF3B3D; } #task_queue tr.retry_later { background: rgba(255, 136, 0, 0.05); } #task_queue tr.retry_later .batch-select-td { background: #fd9608; } #task_queue tr.started { background: rgba(102, 0, 102, 0.6); } #task_queue tr.started .batch-select-td { background: purple; } #task_queue tr.scheduled { background: rgba(0, 68, 255, 0.05); } #task_queue tr.scheduled .batch-select-td { background: #0d6efd; } #task_queue tr.unknown { background: rgba(124, 124, 124, 0.05); } #task_queue tr.unknown .batch-select-td { background: gray; } .authcard-card-header .top-header { background: #333; position: relative; padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; border-bottom: 1px solid #cccccc; height: 80px; } .authcard-card-header .top-header .header-label { font-size: 1em; font-weight: bold; color: gray; text-align: center; } .authcard-card-header .top-header .value-provider { margin-left: 15px; color: gray; } .authcard-card-header .top-header .kind-label { font-size: 2em; position: absolute; right: 30px; display: inline-block; top: 20px; } .authcard-card-header .top-header .kind-label:before { content: "kind"; color: gray; position: absolute; top: -15px; right: 0; text-align: right; font-size: 14px; } .authcard-card-header .top-header .kind-label img { height: 30px; margin-top: -5px; } .authcard-card-header .top-header .value-label { font-size: 1.4em; position: absolute; right: 30px; bottom: 20px; } .authcard-card-header .top-header .main-menu { position: absolute; left: 30px; bottom: 10px; } .authcard-card-header .top-header div#dropdown { position: relative; display: inline-block; } .authcard-card-header .top-header div#dropdown > button { background: transparent; padding: 10px 0px; color: white; font-size: 1.1em; } .authcard-card-header .top-header div#dropdown > button:after { color: white; font-size: 1.1em; margin-left: 5px; position: relative; top: 0px; left: 0px; } .authcard-card-header .top-header div#dropdown > button:focus, .authcard-card-header .top-header div#dropdown > button:hover { color: #cccccc; } .authcard-card-header .top-header div#dropdown > button:focus:after, .authcard-card-header .top-header div#dropdown > button:hover:after { color: #cccccc; } .authcard-card-header .top-header .background-image-tint { opacity: 0.1; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .authcard-card-header .top-header .background-image-tint { background: url(/static/common/imgs/bgs/transaction_qc_pos_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } .authcard-card-header .top-header.paid, .authcard-card-header .top-header.balance, .authcard-card-header .top-header.balance-approved { color: white; background: #4E8474; } .authcard-card-header .bottom-header { padding: 0 5px; } .authcard-card-header .bottom-header div.field { margin-top: 5px; } .authcard-card-header .bottom-header div.field:before { display: block; color: gray; font-size: 12px; content: attr(data-label); } #authcard_card_view .tabsview-wrapper { position: relative; border: 1px solid #cccccc; border-top-left-radius: 5px; border-top-right-radius: 5px; } #authcard_card_view .tabsview-wrapper .locked-banner { height: 35px; line-height: 35px; top: 27px; background: red; color: white; font-size: 1.4em; font-weight: bold; width: 180px; text-align: center; right: -46px; bottom: 25px; position: absolute; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #users_admin #user_header div.staff-name { font-size: 24px; } #users_admin #user_header div.member-role { font-weight: lighter; margin-bottom: 10px; } #users_admin #user_header.staff .top-header { background-position-y: 15%; } #users_admin #user_header .role-label:hover { color: #0d6efd; cursor: pointer; } #users_admin #user_header .username-label { font-size: 1.3em; } #users_admin #user_header .user-kind { padding-top: 6px; font-size: 1.2em; font-weight: bold; } #users_admin #user_header .user-icons { position: absolute; right: 10px; top: 20px; } #users_admin #user_header div.subpage_header { overflow: visible; margin-bottom: 20px; } #users_admin #user_header div.subpage_header ul.dropdown-menu button:hover { background: #DBDBDB !important; color: initial; } #users_admin #user_header .bottom-header { height: 75px; } #users_admin #user_header .bottom-header .user-online, #users_admin #user_header .bottom-header .user-offline { padding-top: 6px; padding-right: 10px; font-size: 1.1em; font-weight: bold; } #users_admin #user_header .bottom-header .user-online { color: #4E8474; } #users_admin #user_header .bottom-header .user-offline { color: #AF3B3D; } #users_admin #user_header .bottom-header .last-login { padding-right: 10px; font-size: 0.9em; } #users_admin #user_header .top-header { padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; background: url(/static/common/imgs/bgs/crowd.jpg) no-repeat left center; background-size: cover; background-position-y: 70%; height: 60px; border-bottom: 1px solid #cccccc; } #users_admin #user_header .top-header div.user-avatar { position: absolute; bottom: -28px; left: 50%; float: left; margin: 15px 10px; } #users_admin #user_header .top-header div.user-avatar.img-holder-md { height: 80px; width: 80px; } #users_admin #user_header .top-header .member-avatar { float: right; margin: 15px 10px; } #users_admin #user_header .top-header .member-avatar.img-holder-md { height: 80px; width: 80px; } #users_admin #user_header .top-header div#dropdown { position: relative; display: inline-block; } #users_admin #user_header .top-header div#dropdown > button { background: transparent; padding: 10px 0px; color: white; font-size: 1.1em; } #users_admin #user_header .top-header div#dropdown > button:after { color: white; font-size: 1.1em; margin-left: 5px; position: relative; top: 0px; left: 0px; } #users_admin #user_header .top-header div#dropdown > button:focus, #users_admin #user_header .top-header div#dropdown > button:hover { color: #cccccc; } #users_admin #user_header .top-header div#dropdown > button:focus:after, #users_admin #user_header .top-header div#dropdown > button:hover:after { color: #cccccc; } .search-item .avatar { color: black; border: 1px solid black; border-radius: 50%; text-align: center; display: inline-block; margin: 0px; margin-right: 10px; } .search-item .avatar img { border-radius: 50%; width: 26px; height: 26px; } #ssh_key_input_wrapper { margin-top: 15px; } #ssh_key_input_wrapper textarea#ssh_key { -moz-box-shadow: 0px 0px 1px 1px #ccc; -webkit-box-shadow: 0px 0px 1px 1px #ccc; box-shadow: 0px 0px 1px 1px #ccc; margin-top: 5px; max-width: 100%; padding: 5px; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; 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 { line-height: normal; } 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-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: 0.67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } 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 { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } @media print { *, *:before, *:after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } body { background: transparent !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('/static/lib/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('/static/lib/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/static/lib/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/static/lib/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/static/lib/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "€"; } .glyphicon-minus:before { content: "−"; } .glyphicon-cloud:before { content: "☁"; } .glyphicon-envelope:before { content: "✉"; } .glyphicon-pencil:before { content: "✏"; } .glyphicon-glass:before { content: ""; } .glyphicon-music:before { content: ""; } .glyphicon-search:before { content: ""; } .glyphicon-heart:before { content: ""; } .glyphicon-star:before { content: ""; } .glyphicon-star-empty:before { content: ""; } .glyphicon-user:before { content: ""; } .glyphicon-film:before { content: ""; } .glyphicon-th-large:before { content: ""; } .glyphicon-th:before { content: ""; } .glyphicon-th-list:before { content: ""; } .glyphicon-ok:before { content: ""; } .glyphicon-remove:before { content: ""; } .glyphicon-zoom-in:before { content: ""; } .glyphicon-zoom-out:before { content: ""; } .glyphicon-off:before { content: ""; } .glyphicon-signal:before { content: ""; } .glyphicon-cog:before { content: ""; } .glyphicon-trash:before { content: ""; } .glyphicon-home:before { content: ""; } .glyphicon-file:before { content: ""; } .glyphicon-time:before { content: ""; } .glyphicon-road:before { content: ""; } .glyphicon-download-alt:before { content: ""; } .glyphicon-download:before { content: ""; } .glyphicon-upload:before { content: ""; } .glyphicon-inbox:before { content: ""; } .glyphicon-play-circle:before { content: ""; } .glyphicon-repeat:before { content: ""; } .glyphicon-refresh:before { content: ""; } .glyphicon-list-alt:before { content: ""; } .glyphicon-lock:before { content: ""; } .glyphicon-flag:before { content: ""; } .glyphicon-headphones:before { content: ""; } .glyphicon-volume-off:before { content: ""; } .glyphicon-volume-down:before { content: ""; } .glyphicon-volume-up:before { content: ""; } .glyphicon-qrcode:before { content: ""; } .glyphicon-barcode:before { content: ""; } .glyphicon-tag:before { content: ""; } .glyphicon-tags:before { content: ""; } .glyphicon-book:before { content: ""; } .glyphicon-bookmark:before { content: ""; } .glyphicon-print:before { content: ""; } .glyphicon-camera:before { content: ""; } .glyphicon-font:before { content: ""; } .glyphicon-bold:before { content: ""; } .glyphicon-italic:before { content: ""; } .glyphicon-text-height:before { content: ""; } .glyphicon-text-width:before { content: ""; } .glyphicon-align-left:before { content: ""; } .glyphicon-align-center:before { content: ""; } .glyphicon-align-right:before { content: ""; } .glyphicon-align-justify:before { content: ""; } .glyphicon-list:before { content: ""; } .glyphicon-indent-left:before { content: ""; } .glyphicon-indent-right:before { content: ""; } .glyphicon-facetime-video:before { content: ""; } .glyphicon-picture:before { content: ""; } .glyphicon-map-marker:before { content: ""; } .glyphicon-adjust:before { content: ""; } .glyphicon-tint:before { content: ""; } .glyphicon-edit:before { content: ""; } .glyphicon-share:before { content: ""; } .glyphicon-check:before { content: ""; } .glyphicon-move:before { content: ""; } .glyphicon-step-backward:before { content: ""; } .glyphicon-fast-backward:before { content: ""; } .glyphicon-backward:before { content: ""; } .glyphicon-play:before { content: ""; } .glyphicon-pause:before { content: ""; } .glyphicon-stop:before { content: ""; } .glyphicon-forward:before { content: ""; } .glyphicon-fast-forward:before { content: ""; } .glyphicon-step-forward:before { content: ""; } .glyphicon-eject:before { content: ""; } .glyphicon-chevron-left:before { content: ""; } .glyphicon-chevron-right:before { content: ""; } .glyphicon-plus-sign:before { content: ""; } .glyphicon-minus-sign:before { content: ""; } .glyphicon-remove-sign:before { content: ""; } .glyphicon-ok-sign:before { content: ""; } .glyphicon-question-sign:before { content: ""; } .glyphicon-info-sign:before { content: ""; } .glyphicon-screenshot:before { content: ""; } .glyphicon-remove-circle:before { content: ""; } .glyphicon-ok-circle:before { content: ""; } .glyphicon-ban-circle:before { content: ""; } .glyphicon-arrow-left:before { content: ""; } .glyphicon-arrow-right:before { content: ""; } .glyphicon-arrow-up:before { content: ""; } .glyphicon-arrow-down:before { content: ""; } .glyphicon-share-alt:before { content: ""; } .glyphicon-resize-full:before { content: ""; } .glyphicon-resize-small:before { content: ""; } .glyphicon-exclamation-sign:before { content: ""; } .glyphicon-gift:before { content: ""; } .glyphicon-leaf:before { content: ""; } .glyphicon-fire:before { content: ""; } .glyphicon-eye-open:before { content: ""; } .glyphicon-eye-close:before { content: ""; } .glyphicon-warning-sign:before { content: ""; } .glyphicon-plane:before { content: ""; } .glyphicon-calendar:before { content: ""; } .glyphicon-random:before { content: ""; } .glyphicon-comment:before { content: ""; } .glyphicon-magnet:before { content: ""; } .glyphicon-chevron-up:before { content: ""; } .glyphicon-chevron-down:before { content: ""; } .glyphicon-retweet:before { content: ""; } .glyphicon-shopping-cart:before { content: ""; } .glyphicon-folder-close:before { content: ""; } .glyphicon-folder-open:before { content: ""; } .glyphicon-resize-vertical:before { content: ""; } .glyphicon-resize-horizontal:before { content: ""; } .glyphicon-hdd:before { content: ""; } .glyphicon-bullhorn:before { content: ""; } .glyphicon-bell:before { content: ""; } .glyphicon-certificate:before { content: ""; } .glyphicon-thumbs-up:before { content: ""; } .glyphicon-thumbs-down:before { content: ""; } .glyphicon-hand-right:before { content: ""; } .glyphicon-hand-left:before { content: ""; } .glyphicon-hand-up:before { content: ""; } .glyphicon-hand-down:before { content: ""; } .glyphicon-circle-arrow-right:before { content: ""; } .glyphicon-circle-arrow-left:before { content: ""; } .glyphicon-circle-arrow-up:before { content: ""; } .glyphicon-circle-arrow-down:before { content: ""; } .glyphicon-globe:before { content: ""; } .glyphicon-wrench:before { content: ""; } .glyphicon-tasks:before { content: ""; } .glyphicon-filter:before { content: ""; } .glyphicon-briefcase:before { content: ""; } .glyphicon-fullscreen:before { content: ""; } .glyphicon-dashboard:before { content: ""; } .glyphicon-paperclip:before { content: ""; } .glyphicon-heart-empty:before { content: ""; } .glyphicon-link:before { content: ""; } .glyphicon-phone:before { content: ""; } .glyphicon-pushpin:before { content: ""; } .glyphicon-usd:before { content: ""; } .glyphicon-gbp:before { content: ""; } .glyphicon-sort:before { content: ""; } .glyphicon-sort-by-alphabet:before { content: ""; } .glyphicon-sort-by-alphabet-alt:before { content: ""; } .glyphicon-sort-by-order:before { content: ""; } .glyphicon-sort-by-order-alt:before { content: ""; } .glyphicon-sort-by-attributes:before { content: ""; } .glyphicon-sort-by-attributes-alt:before { content: ""; } .glyphicon-unchecked:before { content: ""; } .glyphicon-expand:before { content: ""; } .glyphicon-collapse-down:before { content: ""; } .glyphicon-collapse-up:before { content: ""; } .glyphicon-log-in:before { content: ""; } .glyphicon-flash:before { content: ""; } .glyphicon-log-out:before { content: ""; } .glyphicon-new-window:before { content: ""; } .glyphicon-record:before { content: ""; } .glyphicon-save:before { content: ""; } .glyphicon-open:before { content: ""; } .glyphicon-saved:before { content: ""; } .glyphicon-import:before { content: ""; } .glyphicon-export:before { content: ""; } .glyphicon-send:before { content: ""; } .glyphicon-floppy-disk:before { content: ""; } .glyphicon-floppy-saved:before { content: ""; } .glyphicon-floppy-remove:before { content: ""; } .glyphicon-floppy-save:before { content: ""; } .glyphicon-floppy-open:before { content: ""; } .glyphicon-credit-card:before { content: ""; } .glyphicon-transfer:before { content: ""; } .glyphicon-cutlery:before { content: ""; } .glyphicon-header:before { content: ""; } .glyphicon-compressed:before { content: ""; } .glyphicon-earphone:before { content: ""; } .glyphicon-phone-alt:before { content: ""; } .glyphicon-tower:before { content: ""; } .glyphicon-stats:before { content: ""; } .glyphicon-sd-video:before { content: ""; } .glyphicon-hd-video:before { content: ""; } .glyphicon-subtitles:before { content: ""; } .glyphicon-sound-stereo:before { content: ""; } .glyphicon-sound-dolby:before { content: ""; } .glyphicon-sound-5-1:before { content: ""; } .glyphicon-sound-6-1:before { content: ""; } .glyphicon-sound-7-1:before { content: ""; } .glyphicon-copyright-mark:before { content: ""; } .glyphicon-registration-mark:before { content: ""; } .glyphicon-cloud-download:before { content: ""; } .glyphicon-cloud-upload:before { content: ""; } .glyphicon-tree-conifer:before { content: ""; } .glyphicon-tree-deciduous:before { content: ""; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .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; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '— '; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: ' —'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66667%; } .col-xs-10 { width: 83.33333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66667%; } .col-xs-7 { width: 58.33333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66667%; } .col-xs-4 { width: 33.33333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66667%; } .col-sm-10 { width: 83.33333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66667%; } .col-sm-7 { width: 58.33333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66667%; } .col-sm-4 { width: 33.33333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66667%; } .col-md-10 { width: 83.33333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66667%; } .col-md-7 { width: 58.33333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66667%; } .col-md-4 { width: 33.33333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66667%; } .col-lg-10 { width: 83.33333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66667%; } .col-lg-7 { width: 58.33333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66667%; } .col-lg-4 { width: 33.33333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm, .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, select.form-group-sm .form-control { height: 30px; line-height: 30px; } textarea.input-sm, textarea.form-group-sm .form-control, select[multiple].input-sm, select[multiple].form-group-sm .form-control { height: auto; } .input-lg, .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg, select.form-group-lg .form-control { height: 46px; line-height: 46px; } textarea.input-lg, textarea.form-group-lg .form-control, select[multiple].input-lg, select[multiple].form-group-lg .form-control { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; visibility: hidden; } .collapse.in { display: block; visibility: visible; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; visibility: hidden; } .tab-content > .active { display: block; visibility: visible; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/ "; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px 15px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding: 48px 0; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { min-height: 16.42857px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '‹'; } .carousel-control .icon-next:before { content: '›'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: transparent; border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0 / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; border-radius: 4px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.dropup { margin-top: -5px; } .daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 32500; } .daterangepicker .ranges, .daterangepicker .calendar { float: left; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker .ranges { margin: 4px; text-align: left; } .daterangepicker .calendar { display: none; max-width: 270px; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar.single .calendar-table { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .calendar-table { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .calendar.left { margin: 4px 0 4px 4px; } .daterangepicker .calendar.right { margin: 4px 4px 4px 0; } .daterangepicker .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; white-space: nowrap; cursor: pointer; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { color: #999; background: #fff; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #ebf4f8; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker th.month { width: auto; } .daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } .daterangepicker .input-mini.active { border: 1px solid #357ebd; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker .left .daterangepicker_input { padding-right: 12px; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .ranges { font-size: 11px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; width: 160px; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .bootstrap-datetimepicker-widget.dropdown-menu { margin: 2px 0; padding: 4px; width: 19em; } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { text-align: center; border-radius: 4px; } .bootstrap-datetimepicker-widget th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; } .bootstrap-datetimepicker-widget th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; } .bootstrap-datetimepicker-widget thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget thead tr:first-child th:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget td.cw { font-size: 0.8em; height: 20px; line-height: 20px; color: #777777; } .bootstrap-datetimepicker-widget td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new { color: #777777; } .bootstrap-datetimepicker-widget td.today { position: relative; } .bootstrap-datetimepicker-widget td.today:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #428bca; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget td span.active { background-color: #428bca; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget td span.old { color: #777777; } .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .input-group.date .input-group-addon { cursor: pointer; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #999; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } .bootstrap-switch { display: inline-block; direction: ltr; cursor: pointer; border-radius: 4px; border: 1px solid; border-color: #ccc; position: relative; text-align: left; overflow: hidden; line-height: 8px; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .bootstrap-switch .bootstrap-switch-container { display: inline-block; top: 0; border-radius: 4px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: table-cell; vertical-align: middle; padding: 6px 12px; font-size: 14px; line-height: 20px; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off { text-align: center; z-index: 1; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #337ab7; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background: #5bc0de; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background: #5cb85c; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { background: #f0ad4e; color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background: #d9534f; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #000; background: #eeeeee; } .bootstrap-switch .bootstrap-switch-label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; color: #333; background: #fff; } .bootstrap-switch span::before { content: "​"; } .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] { position: absolute !important; top: 0; left: 0; margin: 0; z-index: -1; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { padding: 1px 5px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { padding: 6px 16px; font-size: 18px; line-height: 1.33333; } .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { cursor: default !important; } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left 0.5s; -o-transition: margin-left 0.5s; transition: margin-left 0.5s; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch.bootstrap-switch-focused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 4px 6px; color: #555; vertical-align: middle; border-radius: 4px; max-width: 100%; line-height: 22px; cursor: text; } .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; } .bootstrap-tagsinput.form-control input::-moz-placeholder { color: #777; opacity: 1; } .bootstrap-tagsinput.form-control input:-ms-input-placeholder { color: #777; } .bootstrap-tagsinput.form-control input::-webkit-input-placeholder { color: #777; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .tag { margin-right: 2px; color: white; } .bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; } .bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; } .bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } input.es-input { padding-right: 20px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; } input.es-input.open { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .es-list { position: absolute; padding: 0; margin: 0; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto; -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; } .es-list li { display: block; padding: 5px 10px; margin: 0; } .es-list li.selected { background: #f3f3f3; } .es-list li[disabled] { opacity: 0.5; } .generated-from-scss { content: 'shared/portal/base/base.scss'; } #error_list .legend .legend-label.important { background: rgba(255, 0, 0, 0.05); border-left: 8px solid #AF3B3D; } #error_list div.page-toc tbody tr .batch-select-td { background: grey; } #error_list div.page-toc tbody tr.important { background: rgba(255, 0, 0, 0.05); } #error_list div.page-toc tbody tr.important .batch-select-td { background: #AF3B3D; } div.page-tablegrid#page form.component button.adv_clear, div.page-tablegrid#page form.pkey button.adv_clear, div.page-tablegrid#page form.tid button.adv_clear { position: absolute; top: 10px; right: 50px; z-index: 10; opacity: 0.5; } #comments div.button-bar button { padding: 0 5px; } #comments div.comment-inline-input { position: relative; margin-bottom: 25px; } #comments div.comment-inline-input textarea { width: 100%; height: 80px; padding: 8px; resize: none; line-height: 1.1em; overflow-y: scroll; } #comments div.comment-inline-input button.btn.btn-link { position: absolute; bottom: -20px; right: 10px; z-index: 100; } #comments .comment img.media { width: 100%; } #comments .comment div#dropdown > button { font-size: 12px; padding: 0px; } #comments .comment div.avatar-cell { position: relative; width: 50px; } #comments .comment div.avatar-cell i.kind { position: absolute; right: 8px; top: 0; font-size: 20px; color: #0d6efd; background: white; border-radius: 50%; } #comments .comment .avatar { border-radius: 50%; margin: 5px; width: 32px; height: 32px; text-align: center; vertical-align: middle; line-height: 30px; background: #cccccc; } #comments .comment .avatar img { border-radius: 50%; width: 32px; height: 32px; } #comments .comment div.info-box { font-size: 8px; color: #cccccc; } #comments .comment div.info-box div.who-name { display: inline-block; } #comments .comment div.info-box div.when { display: inline-block; margin-right: 5px; } #comments .comment hr { border-top: 1px dotted #eee; margin: 5px 10px 10px 10px; } #comments #time_dropdown #dropdown button.btn { color: #b5b5b5; } #comments .timestamp { font-size: 12px; opacity: 0.5; } #customer_acl .cc-limit-card { border-radius: 8px; padding: 0px; background: white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #e4e4e4; } #customer_acl .cc-limit-card .panel-header { background: none; margin: 0px; padding: 0px !important; } #customer_acl .cc-limit-card .panel-header .sub-title, #customer_acl .cc-limit-card .panel-header .sub-title-2 { background: #ffd900; border-top-left-radius: 9px; border-top-right-radius: 9px; color: black; padding: 3px 2px; font-size: 16px; text-align: center; } #customer_acl .cc-limit-card .panel-header .sub-title-2 { padding: 7px 2px; border-radius: 9px; } #customer_acl .cc-limit-card .panel-header .title { padding-bottom: 30px; } #customer_acl .cc-limit-card .panel-header .title .available-label { font-size: 14px; color: gray; } #customer_acl .cc-limit-card .panel-header .title .available-value { font-size: 18px; font-weight: 500; color: black; } #customer_acl .cc-limit-card .panel-body { padding: 6px; } #customer_acl .cc-limit-card .panel-body .field-label { color: gray; font-size: 11px; } #customer_acl .cc-limit-card .panel-body .field-value { font-weight: 500; color: black; } #customer_list .legend .legend-label.highroller { background: rgba(255, 0, 0, 0.05); border-left: 8px solid #AF3B3D; } #customer_list .legend .legend-label.superhighroller { background: rgba(255, 153, 0, 0.05); border-left: 8px solid #fd9608; } #customer_list div.page-toc tbody tr .batch-select-td { background: grey; } #customer_list div.page-toc tbody tr.highroller { background: rgba(255, 0, 0, 0.05); } #customer_list div.page-toc tbody tr.highroller .batch-select-td { background: #AF3B3D; } #customer_list div.page-toc tbody tr.superhighroller { background: rgba(255, 153, 0, 0.05); } #customer_list div.page-toc tbody tr.superhighroller .batch-select-td { background: #fd9608; } #customer_list .td-wrapped { width: 5%; white-space: nowrap; } #customer_list .user-status-icon { padding: 0px 4px; font-size: 1.4em; } #customer_list div.tabs-container { border: none; } #customer_list .tabsview-wrapper { position: relative; border: 1px solid #cccccc; border-top-left-radius: 5px; border-top-right-radius: 5px; } #customer_list .tabsview-wrapper .locked-banner { height: 35px; line-height: 35px; top: 27px; background: red; color: white; font-size: 1.4em; font-weight: bold; width: 180px; text-align: center; right: -46px; bottom: 25px; position: absolute; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #customer_list .locked-account-panel { margin: auto; margin-top: 30px; margin-bottom: 30px; color: white; font-weight: bold; background: #c52225; padding: 5px; padding-left: 25px; width: 320px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); } #customer_list .locked-account-panel i { margin-right: 10px; } #customer_list .dashboard-widget { padding: 10px; } #customer_list #manage_user_menu { position: absolute; right: 10px; top: 10px; } #customer_header { padding: 0px; background: #FFF; color: #333; } #customer_header div.staff-name { font-size: 24px; } #customer_header div.member-role { font-weight: lighter; margin-bottom: 10px; } #customer_header.staff .top-header { background-position-y: 15%; } #customer_header .role-label:hover { color: #0d6efd; cursor: pointer; } #customer_header .username-label { font-size: 1.3em; } #customer_header .user-kind { padding-top: 6px; font-size: 1.2em; font-weight: bold; } #customer_header div.subpage_header { overflow: visible; margin-bottom: 20px; } #customer_header div.subpage_header ul.dropdown-menu button:hover { background: #DBDBDB !important; color: initial; } #customer_header .bottom-header { height: 75px; } #customer_header .bottom-header .user-online, #customer_header .bottom-header .user-offline { padding-top: 6px; padding-right: 10px; font-size: 1.1em; font-weight: bold; } #customer_header .bottom-header .user-online { color: #4E8474; } #customer_header .bottom-header .user-offline { color: #AF3B3D; } #customer_header .bottom-header .last-login { padding-right: 10px; font-size: 0.9em; } #customer_header .top-header { padding: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; background: black; height: 60px; border-bottom: 1px solid #cccccc; font-size: 11px; } #customer_header .top-header div.user-avatar { position: absolute; bottom: -28px; left: 50%; float: left; margin: 15px 10px; } #customer_header .top-header div.user-avatar.img-holder-md { height: 80px; width: 80px; } #customer_header .top-header .member-avatar { float: right; margin: 15px 10px; } #customer_header .top-header .member-avatar.img-holder-md { height: 80px; width: 80px; } #customer_header .top-header div#dropdown { position: relative; display: inline-block; font-size: 16px; } #customer_header .top-header div#dropdown > button { background: transparent; padding: 0px; color: white; font-size: 1.1em; } #customer_header .top-header div#dropdown > button:after { color: white; font-size: 1.1em; margin-left: 5px; position: relative; top: 0px; left: 0px; } #customer_header .top-header div#dropdown > button:focus, #customer_header .top-header div#dropdown > button:hover { color: #cccccc; } #customer_header .top-header div#dropdown > button:focus:after, #customer_header .top-header div#dropdown > button:hover:after { color: #cccccc; } #trans_tabs .clickable-address:hover { color: #4397FF; cursor: pointer; } #dialog-terms { padding: 15px; } #dialog-terms .wiki-link { color: #009aff; } #dialog-terms .wiki-link:hover { cursor: pointer; } #dialog-terms .term-row { margin-bottom: 5px; } #dialog-terms .term-row i { color: green; margin-right: 15px; } #dialog-terms hr { margin-top: 10px !important; margin-bottom: 15px !important; } #dialog-terms .title { font-size: 2em; } #dialog-terms .dialog-body { overflow-y: scroll; } #dialog-terms .button-row { text-align: right; } #dialog-terms .button-row .confirm { background-color: green; } #dialog-terms .button-row .decline { background-color: red; } #error_list .legend .legend-label.important { background: rgba(255, 0, 0, 0.05); border-left: 8px solid #AF3B3D; } #error_list div.page-toc tbody tr .batch-select-td { background: grey; } #error_list div.page-toc tbody tr.important { background: rgba(255, 0, 0, 0.05); } #error_list div.page-toc tbody tr.important .batch-select-td { background: #AF3B3D; } .dialog-body #addcontent { margin: 15px; } div.file-grid-item { background: #cccccc; width: 180px; height: 220px; display: inline-block; margin: 8px; box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.3); } #files #file_menu, #files #created_col { margin-left: 90px; } #files .page-panel-header { border-bottom: none; padding: 0; } #files .page-panel-header .bg-container { padding: 15px; } #files .page-panel-header .header-footer { background: white; color: black; padding: 15px; } #files .page-panel-header .img-holder { border: 2px solid white; position: absolute; max-height: 75px; max-width: 75px; } #files #file_menu #dropdown > button { padding: 0; } #files #copy_rendition_url:hover { cursor: pointer; opacity: 0.5; } #files #renditions_menu table { width: 100%; } #files #renditions_menu table tr.selected { background: #0d6efd; } #files #renditions_menu table tr:hover { cursor: pointer; background: #e4f3fd; } #files #renditions_menu table tr td { padding: 15px; } #files #rendition_wrapper video, #files #rendition_wrapper img { max-width: 100%; } #files tr.list-item img { max-height: 75px; } section#login_page.casino-portal-theme div.brand-logo { background-image: url("/static/common/imgs/momoney_white_text.png"); } section#login_page.casino-portal-theme .btn-material-1 { color: white; background-color: #7ed5a9; } section#login_page.casino-portal-theme .cut-page { background-color: #9bc1b0; } section#login_page.casino-portal-theme div.action-bar a { color: #7ed5a9; } section#login_page.cage-theme div.brand-logo { background-image: url("/static/shared/imgs/cm_logo_bug_light.png"); } section#login_page.cage-theme .btn-material-1 { color: white; background-color: #2f6956; } section#login_page.cage-theme div.action-bar a { color: #2f6956; } section#login_page.cashless-theme div.brand-logo { background-image: url("/static/common/imgs/logo_scashless.png"); } section#login_page.cashless-theme .btn-material-1 { color: white; background-color: #004764; } section#login_page.cashless-theme .cut-page { background-color: #004764; } section#login_page.cashless-theme div.action-bar a { color: #004764; } section#login_page.kiosk-theme div.brand-logo { background-image: url("/static/shared/imgs/cm_logo_bug_light.png"); } section#login_page.kiosk-theme .btn-material-1 { color: white; background-color: #4E8474; } section#login_page.kiosk-theme .cut-page { background-color: #4E8474; } section#login_page.kiosk-theme div.action-bar a { color: #4E8474; } section#login_page.tools-theme div.brand-logo { background-image: url("/static/common/imgs/logo_casino_money_text.png"); } section#login_page.tools-theme .btn-material-1 { color: white; background-color: #AF3B3D; } section#login_page.tools-theme .cut-page { background-color: #AF3B3D; } section#login_page.tools-theme div.action-bar a { color: #AF3B3D; } section#login_page.mm-theme div.brand-logo { background-image: url("/static/common/imgs/momoney.png"); } section#login_page.mm-theme .btn-material-1 { color: white; background-color: #4E8474; } section#login_page.mm-theme .cut-page { background-color: #4E8474; } section#login_page.mm-theme div.action-bar a { color: #4E8474; } section#login_page.payauth-theme div.brand-logo { font-size: 50px; padding-top: 80px; font-weight: bold; color: white; } section#login_page.payauth-theme .btn-material-1 { color: white; background-color: #0d6efd; } section#login_page.payauth-theme .cut-page { background-color: #0d6efd; } section#login_page.payauth-theme div.action-bar a { color: #0d6efd; } #token-login-view, section#login_page { background-color: #e8e8e8; } #token-login-view div.fancy-input, section#login_page div.fancy-input { position: relative; height: 50px; margin: 15px 0; padding: 0; } #token-login-view div.fancy-input input, section#login_page div.fancy-input input { border: none; margin: 0; padding: 5px 0; border-bottom: 1px solid gray; border-radius: 0; box-shadow: none; } #token-login-view div.fancy-input input::-webkit-input-placeholder, section#login_page div.fancy-input input::-webkit-input-placeholder { color: transparent; } #token-login-view div.fancy-input input:-moz-placeholder, section#login_page div.fancy-input input:-moz-placeholder { color: transparent; } #token-login-view div.fancy-input input::-moz-placeholder, section#login_page div.fancy-input input::-moz-placeholder { color: transparent; } #token-login-view div.fancy-input input:-ms-input-placeholder, section#login_page div.fancy-input input:-ms-input-placeholder { color: transparent; } #token-login-view div.fancy-input input:focus, section#login_page div.fancy-input input:focus { outline: none !important; box-shadow: none !important; border-bottom: 2px solid #0d6efd; } #token-login-view div.fancy-input input:focus + label, section#login_page div.fancy-input input:focus + label { font-size: 10px; bottom: 40px; } #token-login-view div.fancy-input input:valid + label, section#login_page div.fancy-input input:valid + label { font-size: 10px; bottom: 40px; } #token-login-view div.fancy-input label, section#login_page div.fancy-input label { transition: 0.2s all; position: absolute; left: 0; bottom: 15px; font-size: 18px; font-weight: lighter; padding: 5px 0; } #token-login-view div.action-bar, section#login_page div.action-bar { margin-top: 30px; } #token-login-view div.brand-logo, section#login_page div.brand-logo { background-size: contain; height: 180px; background-repeat: no-repeat; background-position: center; } #token-login-view div.kiosk-effect-overlay, section#login_page div.kiosk-effect-overlay { box-shadow: inset 5px 5px 600px rgba(0, 0, 0, 0.2); z-index: 1000; pointer-events: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } #token-login-view .btn-material-1, section#login_page .btn-material-1 { box-shadow: 0px 4px 10px #d8d8d8; padding-left: 40px; padding-right: 40px; border-radius: 2px; } #token-login-view .cut-page, section#login_page .cut-page { position: absolute; top: 0px; bottom: 50%; left: 0px; right: 0px; } #token-login-view .company-info, section#login_page .company-info { position: absolute; bottom: -25px; left: 0px; right: 0px; color: #a5a5a5; } #token-login-view .app-version, section#login_page .app-version { position: absolute; bottom: 10px; right: 10px; color: rgba(0, 0, 0, 0.3); } #token-login-view div.inner-addon, section#login_page div.inner-addon { position: relative; } #token-login-view div.inner-addon .fa, section#login_page div.inner-addon .fa { position: absolute; padding: 10px; pointer-events: none; display: none; font-size: 1.5em; color: black; } #token-login-view div.show-caps-lock .fa, section#login_page div.show-caps-lock .fa { display: block; } #token-login-view div.show-caps-lock.left-addon .fa, section#login_page div.show-caps-lock.left-addon .fa { left: 0px; } #token-login-view div.show-caps-lock.right-addon .fa, section#login_page div.show-caps-lock.right-addon .fa { right: 0px; } #token-login-view div.show-caps-lock.left-addon input, section#login_page div.show-caps-lock.left-addon input { padding-left: 30px; } #token-login-view div.show-caps-lock.right-addon input, section#login_page div.show-caps-lock.right-addon input { padding-right: 30px; } #token-login-view div.show-caps-lock input, section#login_page div.show-caps-lock input { border: 1px solid #000 !important; background: #a59f9f !important; } #token-login-view div.panel, section#login_page div.panel { position: relative; max-width: 520px; margin: 0 auto 34px; background: transparent; z-index: 100; border: none; } #token-login-view div.panel div.panel-body, section#login_page div.panel div.panel-body { background: white; color: black; text-align: center; padding: 0 60px 90px; border: 1px solid #d6d6d6; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.09); position: relative; margin-top: 90px; } #token-login-view div.panel div.panel-body div.action-bar div.align-left, section#login_page div.panel div.panel-body div.action-bar div.align-left { text-align: left; } #token-login-view div.panel div.panel-body div.action-bar div.align-right, section#login_page div.panel div.panel-body div.action-bar div.align-right { text-align: right; } #token-login-view div.panel div.panel-body div.brand-logo, section#login_page div.panel div.panel-body div.brand-logo { position: absolute; width: 100%; left: 0; right: 0; top: -180px; z-index: 10; text-align: center; } #token-login-view div.panel div.panel-body div.brand-logo img, section#login_page div.panel div.panel-body div.brand-logo img { width: 256px; } #token-login-view div.panel .form, section#login_page div.panel .form { position: relative; } #token-login-view div.panel div.panel-buttons, section#login_page div.panel div.panel-buttons { text-align: center; color: #fff; position: absolute; bottom: 30px; left: 0px; width: 100%; } #token-login-view div.panel h1, section#login_page div.panel h1 { font-size: 40px; font-weight: 100; margin-bottom: 40px; } #token-login-view div.panel button.btn-chip, section#login_page div.panel button.btn-chip { bottom: 0; margin-bottom: -62px; background-color: transparent; background-image: url('/static/common/imgs/chip_btn.png'); background-repeat: no-repeat; border: none; width: 124px; height: 124px; line-height: 124px; font-size: 20px; } #token-login-view div.panel button.btn-chip:focus, section#login_page div.panel button.btn-chip:focus { outline: none; } #token-login-view .dialog-body { padding: 15px; } #token-login-view .heading { display: inline; margin-left: 10px; vertical-align: middle; } #token-login-view .fancy-input { width: 85%; display: inline-block; } #token-login-view .form-group.disabled { opacity: 0.5; } #media_picker.loaded .show-on-loading { display: none; font-size: 1.5em; } #media_picker .media-filter { width: 150px; position: absolute; top: -35px; right: 0px; } #media_picker h4 { margin: 0px 26px; padding-bottom: 5px; border-bottom: 3px solid #c7c7c7; position: relative; } #media_picker #list_view { max-width: 662px; max-height: 500px; overflow: hidden; overflow-y: scroll; margin: 20px; margin-right: 0px; } #media_picker .media-item { width: 150px; height: 140px; display: inline-block; background-color: #a7a7a7; overflow: hidden; border-radius: 15px; margin: 5px; box-shadow: 0 0 3px; border: 3px solid white; position: relative; text-align: center; } #media_picker .media-item img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #media_picker .media-item:hover { border-color: #66CCFF; cursor: pointer; } #media_picker .media-item .media-kind { position: absolute; top: 0; left: 0; right: 0; background-color: white; font-size: 8px; } #media_picker .media-item .media-kind .media-duration { display: inline-block; } #media_picker .media-item .media-info { position: absolute; bottom: 0; left: 0; right: 0; background-color: white; font-size: 8px; } #media_picker .media-item .no-media { background-color: white; font-size: 1.3em; margin-top: 36px; } #media_picker .media-item .no-media .fa { font-size: 1.7em; } #notepad div.button-bar button { padding: 0 5px; } #notepad div.notepad-inline-input { position: relative; margin-bottom: 25px; } #notepad div.notepad-inline-input textarea { width: 100%; height: 500px; padding: 8px; resize: none; line-height: 1.1em; overflow-y: scroll; } #notepad div.notepad-inline-input button.btn.btn-link { position: absolute; bottom: -20px; right: 10px; z-index: 100; } #customer-note-dialog-body > div { margin-bottom: 10px; } #customer-note-dialog-body .category { font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #dialog-wiki { padding: 0 15px 15px 15px; } #dialog-wiki .wiki-entry-view { padding: 0 15px 15px 15px; } #dialog-wiki hr { margin-top: 10px !important; margin-bottom: 15px !important; } #dialog-wiki .title { font-size: 2em; } #dialog-wiki .dialog-body { overflow-y: scroll; } #dialog-wiki button.btn-link { outline: none; } #wiki_search tr { cursor: pointer; } #wiki_search #show_pages, #wiki_search #show_wikis { cursor: pointer; opacity: 0.5; } #wiki_search #show_pages.active, #wiki_search #show_wikis.active { opacity: 1; } section#wiki .mpanel-body, section#wiki .panel-body, section#wiki_select .mpanel-body, section#wiki_select .panel-body, #wiki_page .mpanel-body, #wiki_page .panel-body { padding: 15px; } section#wiki .mpanel, section#wiki .panel, section#wiki_select .mpanel, section#wiki_select .panel, #wiki_page .mpanel, #wiki_page .panel { box-shadow: none; background: none; } section#wiki .btn.delete-wiki, section#wiki .btn.delete-wiki-page, section#wiki_select .btn.delete-wiki, section#wiki_select .btn.delete-wiki-page, #wiki_page .btn.delete-wiki, #wiki_page .btn.delete-wiki-page { color: #af3b3d; } section#wiki_select div.panel { margin: 20px; } #wiki-toc .entry_toc { background-color: transparent !important; } #dialog-edit-wiki { padding: 15px; } #dialog-edit-wiki .page-panel { box-shadow: none; } #dialog-edit-wiki hr { margin-top: 10px !important; margin-bottom: 15px !important; } #dialog-edit-wiki .title { font-size: 2em; } #dialog-edit-wiki .dialog-body { overflow-y: scroll; } #wiki .header-row { margin-top: 20px; margin-bottom: 40px; } #wiki .create-page-btn-wrapper { text-align: right; } #wiki .create-page-btn-wrapper, #wiki .upload { margin-top: 20px; margin-bottom: 5px; } #wiki ul { list-style-type: none; } #wiki_edit_btn_wrapper { margin-top: 20px; } #wiki_edit_btn_wrapper .btn { margin-top: 0; margin-bottom: 0; } #wiki_edit_page_footer { padding: 15px; } #wiki_edit_page_footer .delete-media { color: #af3b3d; } #wiki_media { margin-top: 15px; } #wiki_media ul { list-style-type: none; } #wiki_select ul { list-style-type: none; padding-left: 0px; } #wiki_select ul li.list-item { margin-bottom: 10px; } #wiki_select #table-menu button#create-wiki i { font-size: 18px; } #wiki_select .delete-wiki { float: right; } section#wiki div.mpanel, div#dialog-wiki div.mpanel { border: none; } section#wiki div.mpanel div.mpanel-header, div#dialog-wiki div.mpanel div.mpanel-header { background: none; color: black; } section#wiki div.mpanel div.mpanel-body, div#dialog-wiki div.mpanel div.mpanel-body { border: none; } section#wiki .CodeMirror-fullscreen, div#dialog-wiki .CodeMirror-fullscreen { background: #fff; position: fixed !important; top: 100px; left: 0; right: 0; bottom: 0; height: auto; z-index: 9; } section#wiki .editor-toolbar.fullscreen, div#dialog-wiki .editor-toolbar.fullscreen { width: 100%; height: 50px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; background: #fff; border: 0; position: fixed; top: 50px; left: 1px; opacity: 1; z-index: 20000; } section#wiki .editor-preview-side, div#dialog-wiki .editor-preview-side { position: fixed; bottom: 0; width: 50%; top: 100px; right: 0; z-index: 9; border: 1px solid #ddd; } section#wiki div.wiki-rendered div.panel-header h1, div#dialog-wiki div.wiki-rendered div.panel-header h1 { font-size: 20px; color: #a6a6a6; } section#wiki div.wiki-rendered h1, div#dialog-wiki div.wiki-rendered h1 { text-align: left; margin: 2px 0; font-size: 26px; } section#wiki div.wiki-rendered h2, div#dialog-wiki div.wiki-rendered h2 { text-align: left; margin: 2px 0; font-size: 22px; } section#wiki div.wiki-rendered h3, div#dialog-wiki div.wiki-rendered h3 { text-align: left; margin: 2px 0; font-size: 18px; } section#wiki div.wiki-rendered h4:not(.title), div#dialog-wiki div.wiki-rendered h4:not(.title) { text-align: left; margin: 2px 0; font-size: 16px; } section#wiki div.wiki-rendered .title, div#dialog-wiki div.wiki-rendered .title { margin-top: 0; } section#wiki div#wiki_entry_html table, div#dialog-wiki div#wiki_entry_html table { width: 100%; border: thin solid #ccc; } section#wiki div#wiki_entry_html table tr th, section#wiki div#wiki_entry_html table tr td, div#dialog-wiki div#wiki_entry_html table tr th, div#dialog-wiki div#wiki_entry_html table tr td { border: thin solid #ccc; } section#wiki div#wiki_entry_html table thead, div#dialog-wiki div#wiki_entry_html table thead { background: #0d6efd; color: white; } section#wiki div#wiki_entry_html table thead th, div#dialog-wiki div#wiki_entry_html table thead th { padding: 6px; } section#wiki div#wiki_entry_html table tbody tr:nth-child(odd), div#dialog-wiki div#wiki_entry_html table tbody tr:nth-child(odd) { background-color: #efefef; } section#wiki div#wiki_entry_html table td, div#dialog-wiki div#wiki_entry_html table td { padding: 6px; } section#wiki div#wiki_entry_html h1, section#wiki div#wiki_entry_html h2, section#wiki div#wiki_entry_html h3, section#wiki div#wiki_entry_html h4, section#wiki div#wiki_entry_html h5, section#wiki div#wiki_entry_html h6, div#dialog-wiki div#wiki_entry_html h1, div#dialog-wiki div#wiki_entry_html h2, div#dialog-wiki div#wiki_entry_html h3, div#dialog-wiki div#wiki_entry_html h4, div#dialog-wiki div#wiki_entry_html h5, div#dialog-wiki div#wiki_entry_html h6 { margin-top: 20px; } section#wiki div#wiki_entry_html p, div#dialog-wiki div#wiki_entry_html p { margin-top: 15px; } section#wiki div#wiki_entry_html blockquote, div#dialog-wiki div#wiki_entry_html blockquote { margin-top: 10px; } section#wiki div#wiki_entry_html img, div#dialog-wiki div#wiki_entry_html img { max-width: 100%; } section#wiki div#wiki_entry_html ul, div#dialog-wiki div#wiki_entry_html ul { list-style: square inside none; } section#wiki ul.attachments, div#dialog-wiki ul.attachments { list-style: none; list-style-image: none; margin: 0; padding: 0; } section#wiki #table-of-content, div#dialog-wiki #table-of-content { padding-left: 15px; list-style: none; } section#wiki #table-of-content ul, div#dialog-wiki #table-of-content ul { list-style: none; padding-left: 15px; } section#wiki #table-of-content ul li, div#dialog-wiki #table-of-content ul li { cursor: pointer; } section#wiki #table-of-content a, div#dialog-wiki #table-of-content a { pointer-events: none; } section#wiki .highlight .hll, div#dialog-wiki .highlight .hll { background-color: #ffffcc; } section#wiki .highlight, div#dialog-wiki .highlight { background: #ffffff; } section#wiki .highlight .c, div#dialog-wiki .highlight .c { color: #aaaaaa; font-style: italic; } section#wiki .highlight .err, div#dialog-wiki .highlight .err { color: #FF0000; background-color: #FFAAAA; } section#wiki .highlight .k, div#dialog-wiki .highlight .k { color: #0000aa; } section#wiki .highlight .ch, div#dialog-wiki .highlight .ch { color: #aaaaaa; font-style: italic; } section#wiki .highlight .cm, div#dialog-wiki .highlight .cm { color: #aaaaaa; font-style: italic; } section#wiki .highlight .cp, div#dialog-wiki .highlight .cp { color: #4c8317; } section#wiki .highlight .cpf, div#dialog-wiki .highlight .cpf { color: #aaaaaa; font-style: italic; } section#wiki .highlight .c1, div#dialog-wiki .highlight .c1 { color: #aaaaaa; font-style: italic; } section#wiki .highlight .cs, div#dialog-wiki .highlight .cs { color: #0000aa; font-style: italic; } section#wiki .highlight .gd, div#dialog-wiki .highlight .gd { color: #aa0000; } section#wiki .highlight .ge, div#dialog-wiki .highlight .ge { font-style: italic; } section#wiki .highlight .gr, div#dialog-wiki .highlight .gr { color: #aa0000; } section#wiki .highlight .gh, div#dialog-wiki .highlight .gh { color: #000080; font-weight: bold; } section#wiki .highlight .gi, div#dialog-wiki .highlight .gi { color: #00aa00; } section#wiki .highlight .go, div#dialog-wiki .highlight .go { color: #888888; } section#wiki .highlight .gp, div#dialog-wiki .highlight .gp { color: #555555; } section#wiki .highlight .gs, div#dialog-wiki .highlight .gs { font-weight: bold; } section#wiki .highlight .gu, div#dialog-wiki .highlight .gu { color: #800080; font-weight: bold; } section#wiki .highlight .gt, div#dialog-wiki .highlight .gt { color: #aa0000; } section#wiki .highlight .kc, div#dialog-wiki .highlight .kc { color: #0000aa; } section#wiki .highlight .kd, div#dialog-wiki .highlight .kd { color: #0000aa; } section#wiki .highlight .kn, div#dialog-wiki .highlight .kn { color: #0000aa; } section#wiki .highlight .kp, div#dialog-wiki .highlight .kp { color: #0000aa; } section#wiki .highlight .kr, div#dialog-wiki .highlight .kr { color: #0000aa; } section#wiki .highlight .kt, div#dialog-wiki .highlight .kt { color: #00aaaa; } section#wiki .highlight .m, div#dialog-wiki .highlight .m { color: #009999; } section#wiki .highlight .s, div#dialog-wiki .highlight .s { color: #aa5500; } section#wiki .highlight .na, div#dialog-wiki .highlight .na { color: #1e90ff; } section#wiki .highlight .nb, div#dialog-wiki .highlight .nb { color: #00aaaa; } section#wiki .highlight .nc, div#dialog-wiki .highlight .nc { color: #00aa00; text-decoration: underline; } section#wiki .highlight .no, div#dialog-wiki .highlight .no { color: #aa0000; } section#wiki .highlight .nd, div#dialog-wiki .highlight .nd { color: #888888; } section#wiki .highlight .ni, div#dialog-wiki .highlight .ni { color: #880000; font-weight: bold; } section#wiki .highlight .nf, div#dialog-wiki .highlight .nf { color: #00aa00; } section#wiki .highlight .nn, div#dialog-wiki .highlight .nn { color: #00aaaa; text-decoration: underline; } section#wiki .highlight .nt, div#dialog-wiki .highlight .nt { color: #1e90ff; font-weight: bold; } section#wiki .highlight .nv, div#dialog-wiki .highlight .nv { color: #aa0000; } section#wiki .highlight .ow, div#dialog-wiki .highlight .ow { color: #0000aa; } section#wiki .highlight .w, div#dialog-wiki .highlight .w { color: #bbbbbb; } section#wiki .highlight .mb, div#dialog-wiki .highlight .mb { color: #009999; } section#wiki .highlight .mf, div#dialog-wiki .highlight .mf { color: #009999; } section#wiki .highlight .mh, div#dialog-wiki .highlight .mh { color: #009999; } section#wiki .highlight .mi, div#dialog-wiki .highlight .mi { color: #009999; } section#wiki .highlight .mo, div#dialog-wiki .highlight .mo { color: #009999; } section#wiki .highlight .sa, div#dialog-wiki .highlight .sa { color: #aa5500; } section#wiki .highlight .sb, div#dialog-wiki .highlight .sb { color: #aa5500; } section#wiki .highlight .sc, div#dialog-wiki .highlight .sc { color: #aa5500; } section#wiki .highlight .dl, div#dialog-wiki .highlight .dl { color: #aa5500; } section#wiki .highlight .sd, div#dialog-wiki .highlight .sd { color: #aa5500; } section#wiki .highlight .s2, div#dialog-wiki .highlight .s2 { color: #aa5500; } section#wiki .highlight .se, div#dialog-wiki .highlight .se { color: #aa5500; } section#wiki .highlight .sh, div#dialog-wiki .highlight .sh { color: #aa5500; } section#wiki .highlight .si, div#dialog-wiki .highlight .si { color: #aa5500; } section#wiki .highlight .sx, div#dialog-wiki .highlight .sx { color: #aa5500; } section#wiki .highlight .sr, div#dialog-wiki .highlight .sr { color: #009999; } section#wiki .highlight .s1, div#dialog-wiki .highlight .s1 { color: #aa5500; } section#wiki .highlight .ss, div#dialog-wiki .highlight .ss { color: #0000aa; } section#wiki .highlight .bp, div#dialog-wiki .highlight .bp { color: #00aaaa; } section#wiki .highlight .fm, div#dialog-wiki .highlight .fm { color: #00aa00; } section#wiki .highlight .vc, div#dialog-wiki .highlight .vc { color: #aa0000; } section#wiki .highlight .vg, div#dialog-wiki .highlight .vg { color: #aa0000; } section#wiki .highlight .vi, div#dialog-wiki .highlight .vi { color: #aa0000; } section#wiki .highlight .vm, div#dialog-wiki .highlight .vm { color: #aa0000; } section#wiki .highlight .il, div#dialog-wiki .highlight .il { color: #009999; } .generated-from-scss { content: 'shared/portal/settings/settings.scss'; } #merchant_settings div.panel h1 { font-size: 24px; color: #5A5B5B; text-align: center; margin: 0; } #merchant_settings div.panel h3 { font-size: 16px; color: gray; } #merchant_settings div.panel div.field:before { display: table; content: " "; } #merchant_settings div.panel div.field:after { display: table; content: " "; clear: both; } #merchant_settings div.panel div.field div.field-label { font-size: 10px; color: grey; display: inline-block; width: 100px; text-align: right; padding-right: 4px; } #merchant_settings div.panel div.field div.field-value { font-size: 14px; display: inline-block; } #merchant_settings div.panel div.field div.field-value.field-value-lg { font-size: 16px; } #atm_processor_form .dropdown-menu { max-height: 250px !important; } .generated-from-scss { content: 'shared/portal/transactions/transactions.scss'; } #trans_tabs .trans-view { position: relative; } #trans_tabs li[data-id='other'] { display: block; } #trans_sidebar { display: none; } #other_tab { padding: 15px; } #other_tab .card, #other_tab .voucher-panel { margin-left: auto; margin-right: auto; display: block; } #other_tab #comments .card { max-width: unset; } div.dialog div.receipt div.signature { margin: 10px; border: 1px gray dotted; position: relative; } div.dialog div.receipt div.signature:after { position: absolute; top: -15px; left: 10px; color: gray; font-size: 10px; content: signature; width: 100%; } @media (min-width: 992px) { #trans_sidebar { display: block; } #trans_tabs li[data-id='other'] { display: none; } #trans_sidebar .mpanel-header { font-size: 14px !important; } } div.trans-view div.bottom-header div.merchant-info { display: inline-block; } div.trans-view div.bottom-header div.merchant-label { font-size: 14px; } div.trans-view div.bottom-header div.merchant-value { font-weight: bold; font-size: 14px; } div.trans-view div.trans-header-summary { padding: 15px; background: #cccccc; border-top-right-radius: 8px; border-top-left-radius: 8px; position: relative; } div.trans-view div.trans-header-summary .background-image-tint { opacity: 0.1; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } div.trans-view div.trans-header-summary.pos .background-image-tint { background: url(/static/common/imgs/bgs/transaction_qc_pos_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } div.trans-view div.trans-header-summary.paid, div.trans-view div.trans-header-summary.balance, div.trans-view div.trans-header-summary.balance-approved { color: white; background: #4E8474; } div.trans-view div.trans-header-summary.paid-back { color: white; background: #0084d4; } div.trans-view div.trans-header-summary.declined { color: white; background: #AF3B3D; } div.trans-view div.trans-header-summary.authorized, div.trans-view div.trans-header-summary.approved { color: white; background: #fd9608; } div.trans-view div.trans-header-summary.refunded, div.trans-view div.trans-header-summary.reversal { color: white; background: #0d6efd; } div.trans-view div.trans-header-summary div.trans-state { font-size: 20px; } div.trans-view div.trans-header-summary div.addition-left, div.trans-view div.trans-header-summary div.addition-right { display: inline-block; } div.trans-view div.trans-header-summary div.addition-left { padding: 4px; } div.trans-view div.trans-header-summary div.trans-amounts { padding: 35px 0 0; } div.trans-view div.trans-header-summary div.trans-amounts div.field { font-size: 22px; padding: 6px 0 0; } div.trans-view div.trans-header-summary div.advanced-label, div.trans-view div.trans-header-summary div.fee-label, div.trans-view div.trans-header-summary div.total-label, div.trans-view div.trans-header-summary div.requested-label, div.trans-view div.trans-header-summary div.dispensed-label { margin-right: 30px; opacity: 0.6; } div.trans-view div.trans-header-summary div.advanced-label, div.trans-view div.trans-header-summary div.advanced-value, div.trans-view div.trans-header-summary div.fee-label, div.trans-view div.trans-header-summary div.fee-value, div.trans-view div.trans-header-summary div.total-label, div.trans-view div.trans-header-summary div.total-value, div.trans-view div.trans-header-summary div.requested-label, div.trans-view div.trans-header-summary div.requested-value, div.trans-view div.trans-header-summary div.dispensed-label, div.trans-view div.trans-header-summary div.dispensed-value { line-height: 22px; font-size: 22px; padding: 3px; } div.trans-view div.trans-header-summary div.just-total { line-height: 28px; font-size: 28px; padding: 8px; } div.trans-view div.trans-header-summary div.total-value { border-top: 1px solid white; } div.trans-view div.trans-header-summary div#trans_menu button { font-size: 24px; text-transform: uppercase; font-weight: bold; } div.trans-view div.trans-header-summary div#trans_menu button.btn-dropdown { padding: 0px; } div.trans-view div.trans-header-summary div#trans_menu button:after { top: 12px; } #atm_trans div.trans-atm-header div.trans-header-summary.atm_savings_balance .background-image-tint, #atm_trans div.trans-atm-header div.trans-header-summary.atm_checking_balance .background-image-tint, #atm_trans div.trans-atm-header div.trans-header-summary.atm_checking_cash .background-image-tint, #atm_trans div.trans-atm-header div.trans-header-summary.atm_savings_cash .background-image-tint { background: url(/static/common/imgs/bgs/transaction_atm_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 60%; } #atm_trans div.trans-atm-header div.fee-label, #atm_trans div.trans-atm-header div.fee-value { font-size: 16px; } #ledger_tab_popup .dialog-body { overflow-y: scroll; } @media (max-width: 767.98px) { #page #cassette_details { font-size: 12px; } } #page #cassette_details .mpanel-header .datestamp { font-size: 14px; } #page #cassette_details tr.totals { border-top: 2px solid #888; font-weight: bold; } @media (max-width: 767.98px) { #page #bill_acceptor_details { font-size: 12px; } } #page #bill_acceptor_details .mpanel-header .datestamp { font-size: 14px; } div.trans-view div.trans-billbreak-header div.trans-header-summary.billbreak .background-image-tint { background: url(/static/common/imgs/bgs/transaction_redemption_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } div.trans-view div.trans-billbreak-header div.trans-header-summary .advanced-value { font-size: 32px; padding: 20px 0px; } @media (max-width: 767.98px) { #page #card_dispenser_details { font-size: 12px; } } #page #card_dispenser_details .mpanel-header .datestamp { font-size: 14px; } body.mobile div.customer-widget.panel { background: black; border-radius: 8px; padding: 1px; } body.mobile div.customer-widget.panel .panel-body { background: white; } body.mobile div.customer-widget.panel .top-header { color: white; } body.mobile div.customer-widget.panel .top-header .username-label { padding: 4px; } body.mobile div.customer-widget.panel .first-seen { font-size: 12px; padding-top: 2px; background: white; } body.mobile div.customer-widget.panel .member-avatar { margin: 5px 10px; margin-bottom: 0px; } body.mobile div.customer-widget.panel .c-name { font-size: 18px; font-weight: bold; } body.mobile div.customer-widget.panel .btn.sidebar-view-details { color: white; } body.mobile div.customer-widget #user_dropdown button.btn-dropdown { font-size: 18px; font-weight: bold; padding: 0; } body.mobile div.customer-widget .panel-footer.critical { margin: 0; border-top: none; } body.mobile div.customer-widget .address-block:hover .clickable-address { color: #4397FF; cursor: pointer; } body.mobile div.customer-widget #phone_details { display: none; } body.mobile div.customer-widget .field.phone:hover #phone_details { display: block; position: absolute; z-index: 10; animation: fadeIn 0.5s; } div.trans-id { margin: 0 0 15px 0; background-color: #f1f1f1; color: black; position: relative; height: 180px; padding: 5px; max-width: 300px; border: 4px solid white; border-radius: 8px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); } div.trans-id div.id-header { position: absolute; top: 8px; left: 8px; right: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.6); } div.trans-id div.id-issuer { font-size: 16px; color: #0d6efd; } div.trans-id div.id-method { font-size: 0.6em; color: rgba(0, 0, 0, 0.6); } div.trans-id div.id-kind { color: #96cc9e; font-size: 14px; position: absolute; top: -4px; right: 0; } div.trans-id div.id-picture { position: absolute; top: 40px; left: 8px; } div.trans-id div.id-content { position: absolute; top: 35px; left: 80px; right: 8px; font-size: 0.7em; } div.trans-id div.id-address { font-size: 12px; margin-top: 4px; } div.trans-id .id-expiration-date:hover { color: #4397FF; cursor: pointer; } div.trans-id .id-address:hover { color: #4397FF; cursor: pointer; } div.trans-id div.field-container { margin-top: 5px; } div.trans-id div.field-container div.field { margin: 5px 0; font-size: 12px; } div.trans-id div.field-container div.field.inline { padding: 6px 10px 0 0; min-width: 40px; } div.trans-id div.field-container div.field:before { font-size: 9px; } #trans_card div.trans-card { margin: 0 0 15px 0; background: #354851; color: white; padding: 5px; border-radius: 8px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); } #trans_card div.trans-card div.cc-name-grid-cell { position: relative; } #trans_card div.trans-card div.cc-name-label { position: absolute; top: 4px; left: 8px; color: #868686; font-size: 8px; content: attr(data-label); width: 100%; } #trans_card div.trans-card div#card_dropdown #dropdown button.btn-dropdown { text-align: left; font-size: 18px; padding: 8px; } #trans_card div.trans-card div.cc-icon { font-size: 30px; } #trans_card div.trans-card div.cc-pan { text-align: center; font-size: 24px; padding: 8px 0 10px; } #trans_card div.trans-card div.cc-expiration-date:hover, #trans_card div.trans-card div.cc-pan:hover { color: #4397FF; cursor: pointer; } #trans_card div.trans-card div.field-container { margin-top: 10px; } #trans_card div.trans-card div.field-container div.field { font-size: 12px; padding: 3px 0 0; } #trans_card div.trans-card div.field-container div.field:before { font-size: 8px; } #trans_card div.trans-card div.card-entry-method { text-align: center; margin-left: -5px; margin-right: -5px; margin-bottom: -5px; padding: 4px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } #trans_card div.trans-card div.card-entry-method.emv-chip { background: green; } #trans_card div.trans-card div.card-entry-method.magstripe { background: #0d6efd; } #trans_card div.trans-card div.card-entry-method.manual { background: red; } #trans_card div.trans-card.prepaid-card { background: black; } #trans_card div.trans-card.prepaid-card.prepaid-test { background: orange; } body.mobile div.customer-widget.panel { background: black; border-radius: 8px; padding: 1px; } body.mobile div.customer-widget.panel .panel-body { background: white; } body.mobile div.customer-widget.panel .top-header { color: white; } body.mobile div.customer-widget.panel .top-header .name-label { padding: 4px; } body.mobile div.customer-widget.panel .first-seen { font-size: 12px; padding-top: 2px; background: white; padding-bottom: 15px; } body.mobile div.customer-widget.panel .member-avatar { margin: 5px 10px; margin-bottom: 0px; } body.mobile div.customer-widget.panel .c-name { font-size: 18px; font-weight: bold; } body.mobile div.customer-widget.panel .btn.sidebar-view-details { color: white; } body.mobile div.customer-widget #wid_dropdown button.btn-dropdown { font-size: 18px; font-weight: bold; padding: 0; } body.mobile div.customer-widget .panel-footer.critical { margin: 0; border-top: none; } body.mobile div.customer-widget .address-block:hover .clickable-address { color: #4397FF; cursor: pointer; } @media (max-width: 767.98px) { #page #cassette_details { font-size: 12px; } } #page #cassette_details .mpanel-header .datestamp { font-size: 14px; } #cc_trans div.trans-cc-header div.trans-header-summary.check_balance .background-image-tint, #cc_trans div.trans-cc-header div.trans-header-summary.cc_ach .background-image-tint, #cc_trans div.trans-cc-header div.trans-header-summary.cc_payroll .background-image-tint, #cc_trans div.trans-cc-header div.trans-header-summary.cc_balance .background-image-tint { background: url(/static/common/imgs/bgs/transaction_cc_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } #cc_trans .sidebar-bank-widget, .customer-view .sidebar-bank-widget { margin-bottom: 15px; border-radius: 0px; background: rgba(65, 121, 82, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border: 0px solid #e4e4e4; overflow: hidden; } #cc_trans .sidebar-bank-widget .bank-container, .customer-view .sidebar-bank-widget .bank-container { margin: 6px; border: 2px dotted black; padding: 6px; } #cc_trans .sidebar-bank-widget .bank-header, .customer-view .sidebar-bank-widget .bank-header { padding: 0px; height: 40px; } #cc_trans .sidebar-bank-widget .bank-header .sub-title, .customer-view .sidebar-bank-widget .bank-header .sub-title { font-weight: 500; color: gray; padding: 0px; font-size: 12px; text-align: center; } #cc_trans .sidebar-bank-widget .bank-header .title, .customer-view .sidebar-bank-widget .bank-header .title { font-size: 22px; font-weight: 500; color: black; } #cc_trans .sidebar-bank-widget .bank-body, .customer-view .sidebar-bank-widget .bank-body { padding: 0px; } #cc_trans .sidebar-bank-widget .bank-body .field-label, .customer-view .sidebar-bank-widget .bank-body .field-label { color: gray; font-size: 14px; } #cc_trans .sidebar-bank-widget .bank-body .field-value, .customer-view .sidebar-bank-widget .bank-body .field-value { font-size: 18px; font-weight: 500; color: black; } #cc_trans .sidebar-bank-widget.can-edit, .customer-view .sidebar-bank-widget.can-edit { cursor: pointer; } #cc_trans .sidebar-bank-widget.can-edit .bank-header .sub-title:hover, #cc_trans .sidebar-bank-widget.can-edit .bank-header .title:hover, .customer-view .sidebar-bank-widget.can-edit .bank-header .sub-title:hover, .customer-view .sidebar-bank-widget.can-edit .bank-header .title:hover { color: #0d6efd; } #cc_trans .sidebar-bank-widget.can-edit .bank-body .field-value:hover, .customer-view .sidebar-bank-widget.can-edit .bank-body .field-value:hover { color: #0d6efd; } #crypto_trans div.trans-crypto-header div.trans-header-summary { color: white; } #crypto_trans div.trans-crypto-header div.trans-header-summary .background-image-tint { background: url(/static/shared/imgs/bg_tiles/crypto_bg_1.jpg) no-repeat left center; background-size: cover; background-position-y: 50%; } #crypto_trans div.trans-crypto-header div.trans-header-summary div.background-image-tint { opacity: 0.3; } #crypto_trans div.trans-crypto-header div.trans-header-summary div.crypto-coin { position: absolute; left: 0; right: 0; bottom: -20px; text-align: center; color: white; font-weight: bold; text-transform: uppercase; } #crypto_trans div.trans-crypto-header div.trans-header-summary div.crypto-coin img { height: 80px; } #crypto_trans div.trans-crypto-header div.fee-label, #crypto_trans div.trans-crypto-header div.fee-value { font-size: 16px; } #auditlog-record div.auditlog-message span.key { color: #0d6efd; } #auditlog-record div.auditlog-message span.boolean { color: #fd9608; } #auditlog-record div.auditlog-message span.null { color: gray; } #auditlog-record div.auditlog-message span.number { color: #591E6F; } #auditlog-record div.auditlog-message span.string { color: #4E8474; } body.mobile div.customer-widget.page-panel { background: black; border-radius: 8px; padding: 1px; } body.mobile div.customer-widget.page-panel .page-panel-body { background: white; } body.mobile div.customer-widget.page-panel .top-header { color: white; } body.mobile div.customer-widget.page-panel .top-header .username-label { padding: 4px; } body.mobile div.customer-widget.page-panel .first-seen { font-size: 12px; padding-top: 2px; background: white; } body.mobile div.customer-widget.page-panel .member-avatar { margin: 5px 10px; margin-bottom: 0px; } body.mobile div.customer-widget.page-panel .c-name { font-size: 18px; font-weight: bold; } div.trans-card { margin: 10px 0; background: #354851; color: white; padding: 5px; max-width: 300px; border-radius: 8px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); } div.trans-card div.cc-name { text-align: left; font-size: 18px; padding: 8px; } div.trans-card div.cc-icon { font-size: 30px; } div.trans-card div.cc-pan { text-align: center; font-size: 24px; padding: 8px 0 10px; } div.trans-card div.field-container { margin-top: 10px; } div.trans-card div.field-container div.field { font-size: 12px; padding: 3px 0 0; } div.trans-card div.field-container div.field:before { font-size: 8px; } div.trans-card div.card-entry-method { text-align: center; margin-left: -5px; margin-right: -5px; margin-bottom: -5px; padding: 4px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } div.trans-card div.card-entry-method.emv-chip { background: green; } div.trans-card div.card-entry-method.magstripe { background: #0d6efd; } div.trans-card div.card-entry-method.manual { background: red; } div.trans-id { margin: 0 0 15px 0; background-color: #f1f1f1; color: black; position: relative; height: 180px; padding: 5px; max-width: 300px; border: 4px solid white; border-radius: 8px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); } div.trans-id div.id-header { position: absolute; top: 8px; left: 8px; right: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.6); } div.trans-id div.id-issuer { font-size: 16px; color: #0d6efd; } div.trans-id div.id-method { font-size: 0.6em; color: rgba(0, 0, 0, 0.6); } div.trans-id div.id-kind { color: #96cc9e; font-size: 14px; position: absolute; top: -4px; right: 0; } div.trans-id div.id-picture { position: absolute; top: 40px; left: 8px; } div.trans-id div.id-content { position: absolute; top: 35px; left: 80px; right: 8px; font-size: 0.7em; } div.trans-id div.id-address { font-size: 12px; margin-top: 4px; } div.trans-id div.field-container { margin-top: 5px; } div.trans-id div.field-container div.field { margin: 5px 0; font-size: 12px; } div.trans-id div.field-container div.field.inline { padding: 6px 10px 0 0; min-width: 40px; } div.trans-id div.field-container div.field:before { font-size: 9px; } .sidebar-bank-widget { margin-bottom: 15px; border-radius: 0px; background: rgba(65, 121, 82, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border: 0px solid #e4e4e4; overflow: hidden; } .sidebar-bank-widget .bank-container { margin: 6px; border: 2px dotted black; padding: 6px; } .sidebar-bank-widget .bank-header { padding: 0px; height: 40px; } .sidebar-bank-widget .bank-header .sub-title { font-weight: 500; color: gray; padding: 0px; font-size: 12px; text-align: center; } .sidebar-bank-widget .bank-header .title { font-size: 22px; font-weight: 500; color: black; } .sidebar-bank-widget .bank-body { padding: 0px; } .sidebar-bank-widget .bank-body .field-label { color: gray; font-size: 14px; } .sidebar-bank-widget .bank-body .field-value { font-size: 18px; font-weight: 500; color: black; } .sidebar-bank-widget.can-edit { cursor: pointer; } .sidebar-bank-widget.can-edit .bank-header .sub-title:hover, .sidebar-bank-widget.can-edit .bank-header .title:hover { color: #0d6efd; } .sidebar-bank-widget.can-edit .bank-body .field-value:hover { color: #0d6efd; } .clickable-tid { color: #337ab7; cursor: pointer; } #last_media_panel img { max-width: 100%; } @media (max-width: 991.98px) { .payable-bills-panel, .cashbox-panel { margin-bottom: 15px; } } #paybax_trans div.trans-paybax-header div.trans-header-summary.paybax_savings_balance .background-image-tint, #paybax_trans div.trans-paybax-header div.trans-header-summary.paybax_checking_balance .background-image-tint, #paybax_trans div.trans-paybax-header div.trans-header-summary.paybax_checking_cash .background-image-tint, #paybax_trans div.trans-paybax-header div.trans-header-summary.paybax_savings_cash .background-image-tint { background: url(/static/common/imgs/bgs/transaction_atm_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 60%; } #paybax_trans div.trans-paybax-header div.fee-label, #paybax_trans div.trans-paybax-header div.fee-value { font-size: 16px; } #trans_tabview_popup .dialog-body { overflow-y: scroll; } #trans_tabview_popup .tabsview-wrapper #tabsview_header { border-radius: 0px; } #trans_tabview_popup div.trans-view div.trans-header-summary { border-radius: 0px; } #pos_trans div.trans-pos-header div.trans-header-summary.approved { background: green; } #pos_trans div.trans-pos-header div.trans-header-summary .background-image-tint { background: url(/static/common/imgs/bgs/transaction_qc_pos_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } #pos_trans .clickable-tid { color: #337ab7; cursor: pointer; } #ledger_tab_popup .dialog-body { overflow-y: scroll; } #prepaid_trans div.trans-prepaid-header div.trans-header-summary .background-image-tint { background: url(/static/common/imgs/bgs/transaction_atm_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 60%; } #prepaid_trans div.trans-prepaid-header div.fee-label, #prepaid_trans div.trans-prepaid-header div.fee-value { font-size: 16px; } #rematch_tool_dialog .dialog-body { overflow-y: scroll; } #ledger_rematch_tool tr.selected > td, #ledger_rematch_tool tr.danger.selected > td { background-color: #3374c7; } #ledger_rematch_tool td { font-size: 10px; } #ledger_tab_popup .dialog-body { overflow-y: scroll; } #qc_trans div.trans-qc-header div.trans-header-summary.qc .background-image-tint { background: url(/static/common/imgs/bgs/transaction_qc_pos_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } #qc_trans div.trans-qc-header div.trans-header-summary.qc_credit .background-image-tint, #qc_trans div.trans-qc-header div.trans-header-summary.qc_debit .background-image-tint { background: url(/static/common/imgs/bgs/transaction_qc_pos_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } #qc_trans .clickable-tid { color: #337ab7; cursor: pointer; } #rematch_tool_dialog .dialog-body { overflow-y: scroll; } #ledger_rematch_tool tr.selected > td, #ledger_rematch_tool tr.danger.selected > td { background-color: #3374c7; } #ledger_rematch_tool td { font-size: 10px; } #redemption_trans .voucher-panel { max-width: 320px; height: 110px; border-radius: 8px; border: 1px solid #cccccc; margin-bottom: 20px; cursor: pointer; } #redemption_trans .voucher-panel .voucher-id { font-size: 10px; padding: 5px 10px; } #redemption_trans .voucher-panel .voucher-printer { font-size: 10px; padding: 5px 10px; } #redemption_trans .voucher-panel .voucher-barcode { width: 100%; height: 30px; background: url(/static/common/imgs/barcode.jpg) no-repeat left center; background-size: cover; opacity: 0.2; } #redemption_trans .voucher-panel .voucher-value { font-size: 22px; font-weight: bold; text-align: center; padding: 5px 10px; } #redemption_trans div.trans-redemption-header div.trans-header-summary.redemption .background-image-tint { background: url(/static/common/imgs/bgs/transaction_redemption_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } #redemption_trans div.trans-redemption-header div.trans-header-summary .advanced-value { font-size: 32px; padding: 20px 0px; } #trans_popup div.trans-receipt { padding: 6px; } #trans_popup div.trans-receipt div.trans-header { padding: 8px; margin: -7px; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #0d6efd; color: white; } #trans_popup div.trans-receipt div.trans-header div.trans-kind { font-size: 30px; color: #89D9FF; font-weight: bold; } #trans_popup div.trans-receipt div.trans-header div.trans-state { font-size: 18px; font-weight: bold; text-transform: uppercase; } #trans_popup div.trans-receipt div.trans-header div.trans-cost { padding-right: 30px; } #trans_popup div.trans-receipt div.trans-header div.advanced, #trans_popup div.trans-receipt div.trans-header div.fee { padding: 0 8px; text-align: right; font-size: 18px; } #trans_popup div.trans-receipt div.trans-header div.tran-total { display: inline-block; padding: 0 8px; text-align: right; font-size: 18px; border-top: 2px solid #ffffff; font-weight: 900; } #trans_popup div.trans-receipt div.trans-header span { color: rgba(255, 255, 255, 0.75); font-size: 12px; display: inline-block; padding-right: 6px; } #trans_popup div.trans-receipt div.trans-header div.cardnumber { color: white; font-size: 28px; text-align: center; } #trans_popup div.trans-receipt div.signature { position: relative; border-bottom: 2px solid gray; margin-top: 15px; margin-bottom: 25px; } #trans_popup div.trans-receipt div.signature:after { content: "signature"; position: absolute; bottom: -18px; width: 100%; text-align: center; left: 0; right: 0; color: gray; } #trans_popup div.trans-receipt.declined div.trans-header { background: #AF3B3D; } #trans_popup div.trans-receipt.declined div.declined-reason { text-align: center; font-weight: bold; font-size: 22px; } #trans_popup div.trans-receipt.declined div.declined-code { text-align: center; font-weight: bold; font-size: 14px; color: gray; } #trans_popup div.trans-receipt.paid div.trans-header { background: #4E8474; } #trans_popup div.trans-receipt.charge-back div.trans-header { background: black; } #trans_popup div.trans-receipt.cb-lost div.trans-header { background: purple; } #trans_popup div.trans-receipt.canceled div.trans-header, #trans_popup div.trans-receipt.voided div.trans-header { background: gray; } .timeline-box { width: 100%; border-right: 2px solid red; border-left: 1px solid black; border-bottom: 1px solid black; position: relative; margin: 20px 0px; } .timeline-box .time-min { position: absolute; left: 0px; bottom: -14px; font-size: 10px; } .timeline-box .time-max { position: absolute; right: 0px; bottom: -14px; font-size: 10px; } .timeline-box .audit-timeline { height: 50px; display: flex; flex-direction: row; justify-content: space-around; flex-flow: row wrap; align-items: flex-end; width: 100%; position: relative; } .timeline-box .audit-timeline .timeline-item { height: 25px; position: relative; border-left: 1px solid black; } .timeline-box .audit-timeline .timeline-item .timeline-label { position: absolute; opacity: 0.2; left: 0px; bottom: 0px; height: 20px; width: 80px; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; transform: translateY(-28px) rotateZ(325deg); } .timeline-box .audit-timeline .timeline-item:hover .timeline-label { opacity: 1; } #wager_transfer div.trans-wager-header div.trans-header-summary.wager .background-image-tint { background: url(/static/common/imgs/bgs/transaction_redemption_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } #wager_transfer div.trans-wager-header div.trans-header-summary .advanced-value { font-size: 32px; padding: 20px 0px; } #pos_trans div.trans-pos-header div.trans-header-summary.qc .background-image-tint { background: url(/static/common/imgs/bgs/transaction_qc_pos_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } #pos_trans div.trans-pos-header div.trans-header-summary.qc_credit .background-image-tint, #pos_trans div.trans-pos-header div.trans-header-summary.qc_debit .background-image-tint { background: url(/static/common/imgs/bgs/transaction_qc_pos_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } #pos_trans .clickable-tid { color: #337ab7; cursor: pointer; } .generated-from-scss { content: 'shared/portal/terminals/terminals.scss'; } body.mobile .terminal-header { position: relative; color: white; } body.mobile .terminal-header .tid-label:hover, body.mobile .terminal-header .app-label:hover, body.mobile .terminal-header .profile-label, body.mobile .terminal-header .state-label:hover, body.mobile .terminal-header .merchant-name-label { color: #8fd5ff; cursor: pointer !important; } body.mobile .terminal-header button.btn:hover, body.mobile .terminal-header button.btn:active, body.mobile .terminal-header button.btn:focus, body.mobile .terminal-header div#dropdown > button:hover, body.mobile .terminal-header div#dropdown > button:active, body.mobile .terminal-header div#dropdown > button:focus { color: #8fd5ff; } body.mobile .terminal-header .terminal-description-label { font-style: italic; } body.mobile .terminal-header div.model-description { margin-bottom: 15px; background: #e8e8e8; border-radius: 5px; margin: 10px; padding: 8px; color: white; } body.mobile .terminal-header .develop-label { color: #ffff00; display: inline-block; font-size: 10px; font-weight: bold; position: absolute; bottom: 25px; left: 0; right: 0; text-align: center; text-shadow: 0 0 4px black; } body.mobile .terminal-header div.state-allow { color: #cccccc; font-size: 9px; } body.mobile .terminal-header div.bg-container { position: relative; padding: 5px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 60px; } body.mobile .terminal-header div.bg-container.bg-atm { background: url(/static/shared/imgs/terminal/bg_atm.jpg) no-repeat; background-size: cover; background-position-y: center; } body.mobile .terminal-header div.bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; background: rgba(53, 53, 53, 0.83); } body.mobile .terminal-header.none div.bg-overlay { background: rgba(53, 53, 53, 0.83); } body.mobile .terminal-header.online div.bg-overlay, body.mobile .terminal-header.idle div.bg-overlay { background: rgba(45, 117, 86, 0.83); } body.mobile .terminal-header.maintenance div.bg-overlay { background: rgba(183, 112, 5, 0.83); } body.mobile .terminal-header.soft_restart div.bg-overlay { background: rgba(58, 58, 58, 0.83); } body.mobile .terminal-header.in_use .tid-label:hover, body.mobile .terminal-header.in_use .profile-label:hover, body.mobile .terminal-header.in_use .app-label:hover, body.mobile .terminal-header.in_use .state-label:hover, body.mobile .terminal-header.in_use .terminal-description-label:hover { color: black; } body.mobile .terminal-header.in_use div.bg-overlay { background: rgba(27, 110, 158, 0.83); } body.mobile .terminal-header.offline div.bg-overlay, body.mobile .terminal-header.down div.bg-overlay, body.mobile .terminal-header.fault div.bg-overlay { background: rgba(158, 27, 27, 0.83); } body.mobile .terminal-header.disabled div.bg-overlay { background: rgba(53, 53, 53, 0.83); } body.mobile .terminal-header.rebooting div.bg-overlay, body.mobile .terminal-header.soft_error div.bg-overlay { background: rgba(96, 125, 139, 0.83); } body.mobile .terminal-header div.header-footer { padding: 15px 15px 5px; color: #333333; position: relative; } body.mobile .terminal-header .tid-label, body.mobile .terminal-header .state-label { color: #ccc; font-size: 14px; } body.mobile .terminal-header .app-label, body.mobile .terminal-header .profile-label { color: #ccc; font-size: 14px; } body.mobile .terminal-header .merchant-info-label { font-size: 1.2em; } body.mobile .terminal-header .terminal-description-label { font-size: 0.9em; } body.mobile .terminal-header .btn-group { padding-left: 5px; } body.mobile .terminal-header div.model-cash-info { min-height: 20px; font-size: 12px; } body.mobile .terminal-header div.terminal-model { position: absolute; left: 50%; top: 5px; margin-left: -50px; } body.mobile .terminal-header div.terminal-model .img-holder { border-top: 2px solid #4e4e4e; background: white; height: 60px; width: 60px; font-size: 30px; line-height: 55px; } body.mobile .terminal-header div.terminal-model .img-holder:hover { cursor: pointer; } body.mobile .terminal-header div#terminal_menu { display: inline-block; } body.mobile .terminal-header div#terminal_menu div#dropdown > button { font-size: 16px; font-weight: normal; padding: 6px 0px; } body.mobile .terminal-header div#connected_dropdown { display: inline-block; } body.mobile .terminal-header div#connected_dropdown div#dropdown > button { font-size: 16px; padding: 6px 0px; } body.mobile .terminal-header .atm_state { padding-right: 5px; position: relative; } body.mobile .terminal-header .atm_state div#dropdown { position: relative; display: inline-block; } body.mobile .terminal-header .atm_state div#dropdown > button { background: transparent; padding: 6px 20px; color: white; } body.mobile .terminal-header .atm_state div#dropdown > button:focus, body.mobile .terminal-header .atm_state div#dropdown > button:hover { color: #cccccc; } body.mobile .terminal-header .atm_state div#dropdown > button:focus:after, body.mobile .terminal-header .atm_state div#dropdown > button:hover:after { color: #cccccc; } body.mobile .terminal-header div.subpage_header { overflow: visible; margin-bottom: 20px; } body.mobile .terminal-header div.subpage_header .term-tid { font-size: 1.4em; font-weight: bold; color: white; } body.mobile .terminal-header div.subpage_header ul.dropdown-menu button:hover { background: #DBDBDB !important; color: initial; } body.mobile .terminal-header div.subpage_header span.atm_state { line-height: 1.5em; font-weight: bold; font-size: 1.5em; } body.mobile .terminal-header div.subpage_header span.atm_state small { font-weight: normal; font-size: 0.5em; } body.mobile .terminal-header .last-activity-wrapper { float: right; } body.mobile .terminal-header .service-icons { position: absolute; top: auto; bottom: 0; font-size: 14px; right: 5px; text-align: right; } body.mobile .terminal-header .service-icons .up { color: green; } body.mobile .terminal-header .service-icons .down { color: red; } body.mobile .terminal-header .service-icons .service-icon { margin-right: 5px; } body.mobile .terminal-header .service-icons .service-icon:last-of-type { margin-right: 0; } body.mobile .terminal-header .system-readings { position: absolute; top: auto; bottom: 0; font-size: 14px; right: auto; left: 10px; text-align: left; } body.mobile .terminal-header span.system-reading { display: inline-block; margin-left: 5px; margin-right: 5px; font-size: 10px; color: #0d6efd; } body.mobile .terminal-header span.system-reading > div:after { position: absolute; top: -8px; left: 0; color: #868686; font-size: 8px; content: attr(data-title); } body.mobile .terminal-header #service_dropdown .dropdown-toggle { padding: 0; display: none; } body.mobile .terminal-header .error-panel, body.mobile .terminal-header .warning-panel { position: relative; margin: 10px; margin-bottom: 15px; } body.mobile .terminal-header .error-panel div.error-when, body.mobile .terminal-header .warning-panel div.error-when { color: gray; font-size: 10px; } body.mobile .terminal-header .error-panel div.error-body, body.mobile .terminal-header .warning-panel div.error-body { background: #AF3B3D; border-radius: 5px; padding: 10px; color: white; } body.mobile .terminal-header .error-panel span.error-code, body.mobile .terminal-header .warning-panel span.error-code { border-radius: 2px; background: white; color: #AF3B3D; padding: 0 3px; } body.mobile .terminal-header .error-panel div.error-text, body.mobile .terminal-header .warning-panel div.error-text { line-height: 22px; } body.mobile .terminal-header .error-panel div.error-buttons button, body.mobile .terminal-header .warning-panel div.error-buttons button { padding: 0 4px; margin: 0; font-size: 16px; color: white; outline: none; } body.mobile .terminal-header .error-panel div.error-buttons button:active, body.mobile .terminal-header .error-panel div.error-buttons button:focus, body.mobile .terminal-header .warning-panel div.error-buttons button:active, body.mobile .terminal-header .warning-panel div.error-buttons button:focus { color: white; } body.mobile .terminal-header .warning-panel div.error-body { background: orange; border-radius: 5px; padding: 10px; color: white; } body.mobile .terminal-header .warning-panel span.error-code { color: orange; } body.mobile .terminal-header div#connected_dropdown button.btn-dropdown { padding: 0; margin-bottom: -20px; } @media (max-width: 1200px) { body.mobile div.terminal-header div#terminal_menu div#dropdown > button { font-size: 16px; font-weight: normal; } body.mobile div.terminal-header .terminal-model, body.mobile div.terminal-header .tid-label, body.mobile div.terminal-header .state-label, body.mobile div.terminal-header .app-label, body.mobile div.terminal-header .model-cash-info, body.mobile div.terminal-header .profile-label { font-size: 12px; font-weight: bold; } body.mobile div.terminal-header div.img-holder.img-holder-auto { height: 60px; width: 60px; font-size: 30px; line-height: 55px; } body.mobile div.terminal-header .develop-label { bottom: 25px; } body.mobile div.terminal-header div.terminal-description-label { display: none; } body.mobile div.terminal-header div.model-description { position: relative; display: block; text-align: center; color: black; font-style: italic; padding: 10px; } body.mobile div.terminal-header div.model-description:before { position: absolute; top: 0; left: 0; right: 0; text-align: center; color: #868686; font-size: 8px; content: 'description'; } } @media (max-width: 992px) { body.mobile .terminal-header .develop-label { display: block; margin-left: 0; } } @media (max-width: 760px) { body.mobile .terminal-header .terminal-model, body.mobile .terminal-header .tid-label, body.mobile .terminal-header .state-label, body.mobile .terminal-header .develop-label, body.mobile .terminal-header .app-label, body.mobile .terminal-header .profile-label { font-size: 12px; font-weight: bold; } body.mobile .terminal-header div.terminal-model { margin-left: -40px; } body.mobile .terminal-header div.terminal-model div.model-cash-info { font-size: 12px; } body.mobile .terminal-header div.model-name { display: none; } body.mobile .terminal-header div#terminal_menu div#dropdown > button { font-size: 14px; color: white; } body.mobile .terminal-header div#connected_dropdown div#dropdown > button { font-size: 12px; } } #terminals_popup { position: relative; color: white; } #terminals_popup .terminal-description-label { font-style: italic; } #terminals_popup div.state-allow { color: #cccccc; font-size: 9px; } #terminals_popup div.bg-container { position: relative; padding: 8px; } #terminals_popup div.bg-container .bg-overlay { background: #333; } #terminals_popup div.bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #terminals_popup .none div.bg-overlay { background: rgba(53, 53, 53, 0.83); } #terminals_popup .idle div.bg-overlay { background: rgba(45, 117, 86, 0.83); } #terminals_popup .maintenance div.bg-overlay { background: rgba(183, 112, 5, 0.83); } #terminals_popup .soft_restart div.bg-overlay { background: rgba(58, 58, 58, 0.83); } #terminals_popup .in_use div.bg-overlay { background: rgba(27, 110, 158, 0.83); } #terminals_popup .offline div.bg-overlay, #terminals_popup.down div.bg-overlay { background: rgba(158, 27, 27, 0.83); } #terminals_popup .disabled div.bg-overlay { background: rgba(53, 53, 53, 0.83); } #terminals_popup.rebooting div.bg-overlay { background: rgba(96, 125, 139, 0.83); } #terminals_popup div.header-footer { padding: 12px 8px; color: black; } #terminals_popup .tid-label, #terminals_popup .state-label { font-size: 1.8em; font-weight: bold; } #terminals_popup .app-label { font-size: 1.3em; } #terminals_popup .merchant-info-label { font-size: 1.2em; } #terminals_popup .terminal-description-label { font-size: 0.9em; } #terminals_popup .btn-group { padding-left: 5px; } #terminals_popup div.terminal-model { position: absolute; left: 50%; top: 10px; margin-left: -50px; } #terminals_popup div#terminal_menu { display: inline-block; } #terminals_popup .atm_state { padding-right: 5px; position: relative; } #terminals_popup div.subpage_header { overflow: visible; margin-bottom: 20px; } #terminals_popup div.subpage_header .term-tid { font-size: 1.4em; font-weight: bold; color: white; } #terminals_popup div.subpage_header span.atm_state { line-height: 1.5em; font-weight: bold; font-size: 1.5em; } #terminals_popup div.subpage_header span.atm_state small { font-weight: normal; font-size: 0.5em; } #terminals_popup .summary-panel { color: #000; } #terminals_popup .mpanel-header { display: none; } @media (max-width: 767.98px) { #terminals_popup .bg-container { font-size: 12px; } #terminals_popup .terminal-model { display: none; } } section#em_terminals div.view_container.overview .dashboard-widget, #paybax_terminals div.view_container.overview .dashboard-widget { overflow: hidden; margin-bottom: 20px; } section#em_terminals div.view_container.overview .summary-panel .table, #paybax_terminals div.view_container.overview .summary-panel .table { font-size: 12px; } section#em_terminals div.view_container.overview .summary_amounts, #paybax_terminals div.view_container.overview .summary_amounts { margin: 30px 0px 40px; } .terminal-popup-header { position: relative; color: white; } .terminal-popup-header .terminal-description-label, .terminal-popup-header #terminal-balance { font-size: 24px; } .terminal-popup-header #component-model, .terminal-popup-header .terminal-eta { font-size: 10px; } .terminal-popup-header .develop-label { color: #ffff00; display: inline-block; font-size: 1.2em; font-weight: bold; margin-left: 15px; } .terminal-popup-header div.bg-container { position: relative; padding: 8px 15px; } .terminal-popup-header div.bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .terminal-popup-header.none div.bg-overlay { background: rgba(53, 53, 53, 0.83); } .terminal-popup-header div.bg-overlay { background: rgba(45, 117, 86, 0.83); } .terminal-popup-header.stale div.bg-overlay { background: rgba(183, 112, 5, 0.83); } .terminal-popup-header.soft_restart div.bg-overlay { background: rgba(58, 58, 58, 0.83); } .terminal-popup-header.in_use .tid-label:hover, .terminal-popup-header.in_use .app-label:hover, .terminal-popup-header.in_use .state-label:hover, .terminal-popup-header.in_use .terminal-description-label:hover { color: black; } .terminal-popup-header.in_use div.bg-overlay { background: rgba(27, 110, 158, 0.83); } .terminal-popup-header.offline div.bg-overlay, .terminal-popup-header.down div.bg-overlay, .terminal-popup-header.fault div.bg-overlay { background: rgba(158, 27, 27, 0.83); } .terminal-popup-header.disabled div.bg-overlay { background: rgba(53, 53, 53, 0.83); } .terminal-popup-header.rebooting div.bg-overlay, .terminal-popup-header.soft_error div.bg-overlay { background: rgba(96, 125, 139, 0.83); } .terminal-popup-header div.header-footer { padding: 12px 8px; color: black; } .terminal-popup-header .tid-label, .terminal-popup-header .state-label { font-size: 1.8em; font-weight: bold; } .terminal-popup-header .app-label { font-size: 1.3em; } .terminal-popup-header .merchant-info-label { font-size: 1.2em; } .terminal-popup-header .btn-group { padding-left: 5px; } .terminal-popup-header .last-activity-wrapper { float: right; } #terminal_popup_tabs_view_wrapper .tab-dropdown .dropdown-menu { position: fixed; top: auto; left: auto; } #terminal_popup_tabs_view_wrapper .tab-dropdown .error-msg { text-align: right; padding: 6px 20px; margin-top: -40px; } #terminal_popup_tabs_view_wrapper #subpage_view { padding: 15px; min-height: 450px; max-height: 450px; overflow-y: scroll; } #terminal_popup_tabs_view_wrapper #subpage_view .tbview_title, #terminal_popup_tabs_view_wrapper #subpage_view #tbview_advfilters { display: none; } #terminal_popup_tabs_view_wrapper #subpage_view #tbview_list td { font-size: 12px; } #terminal_tab_popup .dialog-body { overflow-x: hidden; } section#em_terminals .legend .legend-label, #paybax_terminals .legend .legend-label { display: inline-block; border: 1px solid darkgray; background: #fdfdfd; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12); padding: 2px 12px; border-left: 8px solid grey; margin-right: 5px; } section#em_terminals .legend .legend-label.idle, #paybax_terminals .legend .legend-label.idle { border-left: 8px solid #4E8474; background: rgba(0, 255, 76, 0.05); } section#em_terminals .legend .legend-label.offline, #paybax_terminals .legend .legend-label.offline { border-left: 8px solid #AF3B3D; background: rgba(255, 0, 0, 0.05); } section#em_terminals .legend .legend-label.maintenance, #paybax_terminals .legend .legend-label.maintenance { border-left: 8px solid #fd9608; background: rgba(255, 136, 0, 0.05); } section#em_terminals .legend .legend-label.in_use, #paybax_terminals .legend .legend-label.in_use { border-left: 8px solid #0d6efd; background: rgba(0, 68, 255, 0.05); } section#em_terminals .legend .legend-label.disabled, #paybax_terminals .legend .legend-label.disabled { border-left: 8px solid gray; background: rgba(124, 124, 124, 0.05); } section#em_terminals .legend .legend-label.hw_down, #paybax_terminals .legend .legend-label.hw_down { border-left: 8px solid #ffeb3b; background: rgba(255, 255, 0, 0.05); } section#em_terminals .dashboard-widget, #paybax_terminals .dashboard-widget { padding: 10px; } section#em_terminals div.page-toc tbody tr .batch-select-td, #paybax_terminals div.page-toc tbody tr .batch-select-td { background: black; } section#em_terminals div.page-toc tbody tr.idle, #paybax_terminals div.page-toc tbody tr.idle { background: rgba(0, 255, 76, 0.05); } section#em_terminals div.page-toc tbody tr.idle .batch-select-td, #paybax_terminals div.page-toc tbody tr.idle .batch-select-td { background: #4E8474; } section#em_terminals div.page-toc tbody tr.offline, section#em_terminals div.page-toc tbody tr.fault, #paybax_terminals div.page-toc tbody tr.offline, #paybax_terminals div.page-toc tbody tr.fault { background: rgba(255, 0, 0, 0.05); } section#em_terminals div.page-toc tbody tr.offline .batch-select-td, section#em_terminals div.page-toc tbody tr.fault .batch-select-td, #paybax_terminals div.page-toc tbody tr.offline .batch-select-td, #paybax_terminals div.page-toc tbody tr.fault .batch-select-td { background: #AF3B3D; } section#em_terminals div.page-toc tbody tr.maintenance, #paybax_terminals div.page-toc tbody tr.maintenance { background: rgba(255, 136, 0, 0.05); } section#em_terminals div.page-toc tbody tr.maintenance .batch-select-td, #paybax_terminals div.page-toc tbody tr.maintenance .batch-select-td { background: #fd9608; } section#em_terminals div.page-toc tbody tr.in_use, #paybax_terminals div.page-toc tbody tr.in_use { background: rgba(0, 68, 255, 0.05); } section#em_terminals div.page-toc tbody tr.in_use .batch-select-td, #paybax_terminals div.page-toc tbody tr.in_use .batch-select-td { background: #0d6efd; } section#em_terminals div.page-toc tbody tr.disabled, #paybax_terminals div.page-toc tbody tr.disabled { background: rgba(124, 124, 124, 0.05); } section#em_terminals div.page-toc tbody tr.disabled .batch-select-td, #paybax_terminals div.page-toc tbody tr.disabled .batch-select-td { background: gray; } section#em_terminals div.page-toc tbody tr.hw_down, #paybax_terminals div.page-toc tbody tr.hw_down { background: rgba(255, 255, 0, 0.05); } section#em_terminals div.page-toc tbody tr.hw_down .batch-select-td, #paybax_terminals div.page-toc tbody tr.hw_down .batch-select-td { background: #ffeb3b; } section#em_terminals div.terminal.idle div.subpage_header, #paybax_terminals div.terminal.idle div.subpage_header { background: #4E8474; } section#em_terminals div.terminal.in_use div.subpage_header, #paybax_terminals div.terminal.in_use div.subpage_header { background: #0d6efd; } section#em_terminals div.terminal.maintenance div.subpage_header, #paybax_terminals div.terminal.maintenance div.subpage_header { background: #fd9608; } section#em_terminals div.terminal.offline div.subpage_header, section#em_terminals div.terminal.fault div.subpage_header, #paybax_terminals div.terminal.offline div.subpage_header, #paybax_terminals div.terminal.fault div.subpage_header { background: #AF3B3D; } section#em_terminals div.terminal.disabled div.subpage_header, #paybax_terminals div.terminal.disabled div.subpage_header { background: gray; } section#em_terminals div.terminal_view, #paybax_terminals div.terminal_view { position: relative; display: table; width: 100%; height: 100%; } section#em_terminals div.terminal_view > *, #paybax_terminals div.terminal_view > * { display: table-row; } section#em_terminals div.terminal_view > * > *, #paybax_terminals div.terminal_view > * > * { display: table-cell; } section#em_terminals div.terminal_view div.right_view, #paybax_terminals div.terminal_view div.right_view { width: 300px; padding-left: 10px; } section#em_terminals #subpage_view div.view_container, #paybax_terminals #subpage_view div.view_container { margin-top: 0; } section#em_terminals #subpage_view div.settings div.settings_subgroup, #paybax_terminals #subpage_view div.settings div.settings_subgroup { min-height: 300px; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_header, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_header { display: table; width: 100%; padding: 10px; overflow: hidden; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_header .setting_label, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_header .setting_label { display: table-cell; font-weight: bold; vertical-align: top; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_header .setting_toggle, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_header .setting_toggle { display: table-cell; width: 1%; padding-right: 10px; vertical-align: top; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_body { padding: 20px 10px 40px 10px; overflow: visible; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option { width: 100%; display: inline-table; margin-bottom: 10px; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option > *, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option > * { display: table-cell; vertical-align: middle; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option .option_toggle, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option .option_toggle { width: 1%; padding-right: 10px; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option .option_label .label_text i, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option .option_label .label_text i { cursor: pointer; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body div.select_processor, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_body div.select_processor { border: 1px solid #ddd; margin-bottom: 20px; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body > div.settings_footer, #paybax_terminals #subpage_view div.settings div.settings_subgroup div.settings_body > div.settings_footer { display: block; width: 100%; min-height: 40px; } section#em_terminals div.view_container.overview .dashboard-widget, #paybax_terminals div.view_container.overview .dashboard-widget { overflow: hidden; margin-bottom: 20px; } section#em_terminals div.view_container.overview .summary-panel .table, #paybax_terminals div.view_container.overview .summary-panel .table { font-size: 12px; } section#em_terminals div.view_container.overview .summary_amounts, #paybax_terminals div.view_container.overview .summary_amounts { margin: 30px 0px 40px; } #terminal_transaction_popup .transaction-header i.fa-times { color: #CCCCCC; position: absolute; right: 15px; top: 15px; } #terminal_transaction_popup .transaction-header .header-left { padding: 16px 22px; } #terminal_transaction_popup .transaction-header .account-name { color: #222222; font-size: 28px; font-weight: 900; letter-spacing: 1px; line-height: 36px; } #terminal_transaction_popup .transaction-header .transaction-method { color: #222222; font-size: 20px; font-weight: bold; letter-spacing: 1px; line-height: 28px; text-transform: uppercase; } #terminal_transaction_popup .transaction-header .transaction-state { font-size: 20px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; line-height: 26px; } #terminal_transaction_popup .transaction-header.declined .transaction-state { color: #E50101; text-transform: uppercase; } #terminal_transaction_popup .transaction-header.paid .transaction-state { color: #4E8474; text-transform: uppercase; } #terminal_transaction_popup .transaction-header .addition-label { color: #9D9D9D; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-align: right; padding-bottom: 5px; } #terminal_transaction_popup .transaction-header .addition-value { color: #9D9D9D; font-size: 18px; letter-spacing: 1px; line-height: 22px; text-align: right; font-weight: 200; padding-bottom: 5px; } #terminal_transaction_popup .transaction-header .addition-container { padding: 20px 40px 0px 0px; } #terminal_transaction_popup .transaction-header .addition-bar { border-top: 1px solid #9D9D9D; } #terminal_transaction_popup .transaction-header .addition-label-total { padding-top: 5px; padding-bottom: 15px; color: black !important; font-weight: bold !important; } #terminal_transaction_popup .transaction-header .addition-value-total { padding-top: 5px; padding-bottom: 15px; color: black !important; font-weight: bold !important; } #terminal_transaction_popup .transaction-reason { width: 100%; text-align: center; color: white; } #terminal_transaction_popup .transaction-reason.declined { background-color: #E50101; } #terminal_transaction_popup .transaction-reason .reason { font-size: 18px; line-height: 22px; font-weight: 600; padding-top: 10px; } #terminal_transaction_popup .transaction-reason .code { font-size: 18px; line-height: 22px; padding-bottom: 10px; font-weight: 100; } #terminal_transaction_popup .transaction-description { padding-top: 15px; padding-bottom: 15px; } #terminal_transaction_popup .transaction-description .nopadding { padding: 0 !important; margin: 0 !important; } #terminal_transaction_popup .transaction-description .field-label { color: #9D9D9D; font-size: 14px; font-weight: 500; text-align: right; } #terminal_transaction_popup .transaction-description .field-value { color: #222222; font-family: Lato; font-size: 14px; font-weight: 300; } #terminal_transaction_popup .transaction-item-list { padding-left: 30px; padding-right: 30px; } #terminal_transaction_popup .transaction-item-list #item_list .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #999; color: black; letter-spacing: 1px; font-weight: 500; } #terminal_transaction_popup .transaction-item-list #item_list .table { margin-bottom: 10px; } #terminal_transaction_popup .transaction-item-list #item_list .table > tbody > tr > td, #terminal_transaction_popup .transaction-item-list #item_list .table > tfoot > tr > td { padding: 6px; line-height: 1.42857; vertical-align: top; border-top: 0px solid #ddd; color: gray; font-weight: 300; letter-spacing: 0.5px; } #terminal_transaction_popup .transaction-footer { text-align: center; padding: 20px; border-top: 1px solid #c5c5c5; } #terminal_transaction_popup .transaction-footer button.btn { width: 120px; margin: 3px; padding: 10px; } #processors_view .processor-container.disabled .processor-settings { opacity: 0.3; } #processors_view .processor-container.disabled .processor-header { background: #a1a3a3; } #processors_view .processor-header > form { display: inline-block; } #processors_view .processor-header .form-group label { font-size: 18px; } #processors_view .processor-header .form-group.toggle { padding-top: 0px; padding-bottom: 0px; } #processors_view .processor-header .edit_form_btn { float: right; z-index: 999; } #processors_view .processor-settings label { margin-left: 5px; } #processors_view .processor-settings label a.showtip { padding: 5px; } #processors_view .processor-settings .form-viewer-entry { padding-left: 15px; } #profile-terminals-tab .sub-panel-body .row { margin-bottom: 15px; } #profile-terminals-tab .col-xs-3.item-label { opacity: 0.7; } @media (max-width: 767.98px) { #page #bill_acceptor_details { font-size: 12px; } } #page #bill_acceptor_details .mpanel-header .datestamp { font-size: 14px; } table#recycler-details-payable-bills th, table#recycler-details-cashbox-bills th { font-size: 10px; } #remote-terminals-tab div.mpanel-header { padding: 8px; background: #e4e4e4; color: black; border-top-left-radius: 6px; border-top-right-radius: 6px; margin-bottom: 15px; } #remote-terminals-tab div.mpanel-body { padding-top: 15px; } #remote-terminals-tab .action-btn { display: inline-block; padding: 15px; } #remote-terminals-tab .action-btn .btn-label + a .fa-question-circle { color: rgba(255, 255, 255, 0.5); } @media (max-width: 767.98px) { #page #cassette_details { font-size: 12px; } } #page #cassette_details .mpanel-header .datestamp { font-size: 14px; } #gen-mk-dialog .value { letter-spacing: 2px; } section#em_terminals div.settings_header, #paybax_terminals div.settings_header { padding: 8px; background: #e4e4e4; color: black; border-top-left-radius: 6px; border-top-right-radius: 6px; } section#em_terminals div.settings_body, #paybax_terminals div.settings_body { border: 1px solid #e4e4e4; } section#em_terminals #topper_settings ul, #paybax_terminals #topper_settings ul { margin: 0px; padding: 0px; list-style: none; } section#em_terminals #topper_settings table, #paybax_terminals #topper_settings table { width: 100%; table-layout: fixed; } section#em_terminals #topper_settings .top-item, #paybax_terminals #topper_settings .top-item { width: 100%; } section#em_terminals #topper_settings .media-url, #paybax_terminals #topper_settings .media-url { font-size: 0.7em; word-break: break-all; } section#em_terminals #topper_settings .action-trash, section#em_terminals #topper_settings .action-edit, #paybax_terminals #topper_settings .action-trash, #paybax_terminals #topper_settings .action-edit { float: right; } section#em_terminals #tips_settings .tips-preview, #paybax_terminals #tips_settings .tips-preview { display: inline-block; box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.278); border-radius: 10px; padding: 10px 0px; width: 100%; } section#em_terminals #tips_settings .tips-preview-item, #paybax_terminals #tips_settings .tips-preview-item { margin: 5px 0px; background: #0d6efd; color: white; padding: 6px; border-radius: 8px; } section#em_terminals #ads_settings .video-item, #paybax_terminals #ads_settings .video-item { height: 55px; line-height: 25px; padding: 0px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #d8d8d8; position: relative; } section#em_terminals #ads_settings .video-item .video-item-actions, #paybax_terminals #ads_settings .video-item .video-item-actions { position: absolute; right: 0px; top: 0px; height: 35px; transition: width 0.5s; width: 0px; padding: 0px; overflow: hidden; text-align: right; white-space: nowrap; } section#em_terminals #ads_settings .video-item .video-item-actions .btn, #paybax_terminals #ads_settings .video-item .video-item-actions .btn { height: 30px; } section#em_terminals #ads_settings .video-item .video-ad-lab, #paybax_terminals #ads_settings .video-item .video-ad-lab { font-size: 11px; } section#em_terminals #ads_settings .video-item .video-ad-btn-lab, #paybax_terminals #ads_settings .video-item .video-ad-btn-lab { font-size: 16px; } section#em_terminals #ads_settings .video-item:hover .video-item-actions, #paybax_terminals #ads_settings .video-item:hover .video-item-actions { width: 45px; } #terminal_day_summary_popup { text-align: center; } #terminal_day_summary_popup .sub-title { font-size: 14px; opacity: 0.7; } #terminal_day_summary_popup .mpanel-header .field-container { margin-top: 25px; } div.side_view div#terminal_screen div.page-panel-body { padding: 5px 0 0 5px; } div.side_view div#terminal_screen div.page-panel-body > img { width: 100%; } div.side_view div#terminal_screen div.page-panel-body div.refreshing { padding: 40px; font-size: 24px; text-align: center; } .generated-from-scss { content: 'shared/portal/email_summary/email_summary.scss'; } #email_body_details .info_label { font-size: 10px; color: #868686; } @media (max-width: 1070px) { #email_body_details #email_body { overflow-y: scroll; height: 500px; } } @media (min-width: 1070px) { #email_body_details #email_body { overflow-y: scroll; height: 600px; } } .generated-from-scss { content: 'shared/portal/updates/updates.scss'; } section#updates_page table { word-break: break-all; } .generated-from-scss { content: 'shared/portal/test_engine/test_engine.scss'; } #test_engine_page .result-item { background-color: rgba(249, 80, 0, 0.18); margin-bottom: 5px; border-radius: 10px; padding: 5px; border: 1px solid gray; cursor: pointer; } #test_engine_page .result-item.passed { background-color: rgba(17, 122, 17, 0.14); } #test_engine_page .result-item .color-red, #test_engine_page .result-item .color-orange { display: inline-block; } #test_engine_page .test-group-item:hover { background: gray; color: white; } #test_engine_page .test-group-item .order-item { display: inline-block; font-size: 1.4em; font-weight: bold; } #test_engine_page .test-group-item .delete-item { color: white; background: #c72c2c; display: inline-block; padding: 10px; } #test_engine_page .test-group-item .delete-item:hover { background: #f80e0e; color: white; } #test_engine_page .test-group-item .drag-n-drop-handle { color: white; background: #424242; display: inline-block; padding: 10px; } #test_engine_page .test-group-item .drag-n-drop-handle:hover { background: #d1d1d1; } #test_engine_page #expanded_container .expanded-item { margin: 40px; min-height: 20px; border-top: 1px solid gray; background-color: rgba(250, 250, 250, 0.5); } #test_engine_page .test-log .color-red, #test_engine_page .test-log .color-orange { display: inline-block; } body #test_engine_page .test-log, body #test_engine_page .js-console { padding: 10px; background-color: black; border: 1px solid gray; color: white; max-height: 600px; overflow-y: auto; } .generated-from-scss { content: 'shared/portal/legacy_atm_feed/legacy_atm_feed.scss'; } .terminal-header.legacy { position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; } .terminal-header.legacy .tid-label:hover, .terminal-header.legacy .app-label:hover, .terminal-header.legacy .state-label:hover { color: #0d6efd; cursor: pointer; } .terminal-header.legacy .terminal-description-label { font-style: italic; } .terminal-header.legacy div.state-allow { color: #cccccc; font-size: 9px; } .terminal-header.legacy div.bg-container { position: relative; padding: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; min-height: 120px; } .terminal-header.legacy div.bg-container.bg-atm { background: url(/static/shared/imgs/terminal/bg_atm.jpg) no-repeat; background-size: cover; background-position-y: center; } .terminal-header.legacy div.bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } .terminal-header.legacy.none div.bg-overlay { background: rgba(53, 53, 53, 0.83); } .terminal-header.legacy.active div.bg-overlay { background: rgba(45, 117, 86, 0.83); } .terminal-header.legacy.inactive div.bg-overlay, .terminal-header.legacy.down div.bg-overlay { background: rgba(158, 27, 27, 0.83); } .terminal-header.legacy div.header-footer { padding: 12px 8px; height: 50px; } .terminal-header.legacy .tid-label, .terminal-header.legacy .state-label { font-size: 1.8em; font-weight: bold; margin-bottom: 15px; } .terminal-header.legacy .app-label { font-size: 1.3em; } .terminal-header.legacy .merchant-info-label { font-size: 1.2em; } .terminal-header.legacy .terminal-description-label { font-size: 0.9em; } .terminal-header.legacy .btn-group { padding-left: 5px; } .terminal-header.legacy div.terminal-model { position: absolute; left: 50%; top: 10px; margin-left: -50px; } .terminal-header.legacy div#terminal_menu { display: inline-block; } .terminal-header.legacy div#terminal_menu div#dropdown > button { font-size: 1.8em; font-weight: bold; padding: 0; } .terminal-header.legacy div#connected_dropdown { display: inline-block; } .terminal-header.legacy div#connected_dropdown div#dropdown > button { padding: 6px 0px; } .terminal-header.legacy .atm_state { padding-right: 5px; position: relative; } .terminal-header.legacy .atm_state div#dropdown { position: relative; display: inline-block; } .terminal-header.legacy .atm_state div#dropdown > button { background: transparent; padding: 6px 20px; color: white; } .terminal-header.legacy .atm_state div#dropdown > button:focus, .terminal-header.legacy .atm_state div#dropdown > button:hover { color: #cccccc; } .terminal-header.legacy .atm_state div#dropdown > button:focus:after, .terminal-header.legacy .atm_state div#dropdown > button:hover:after { color: #cccccc; } .terminal-header.legacy div.subpage_header { overflow: visible; margin-bottom: 20px; } .terminal-header.legacy div.subpage_header .term-tid { font-size: 1.4em; font-weight: bold; color: white; } .terminal-header.legacy div.subpage_header ul.dropdown-menu button:hover { background: #DBDBDB !important; color: initial; } .terminal-header.legacy div.subpage_header span.atm_state { line-height: 1.5em; font-weight: bold; font-size: 1.5em; } .terminal-header.legacy div.subpage_header span.atm_state small { font-weight: normal; font-size: 0.5em; } .terminal-header.legacy .last-activity-wrapper div.field:before { color: #c5c5c5; } @media (max-width: 760px) { .terminal-header.legacy .tid-label, .terminal-header.legacy .state-label { font-size: 12px; font-weight: bold; } .terminal-header.legacy div.app-label, .terminal-header.legacy div.terminal-description-label, .terminal-header.legacy div.model-name { display: none; } .terminal-header.legacy div#terminal_menu div#dropdown > button { font-size: 14px; } .terminal-header.legacy div#connected_dropdown div#dropdown > button { font-size: 12px; } .terminal-header.legacy div.header-footer { height: auto; } } section#terminals.legacy .legend .legend-label { display: inline-block; border: 1px solid darkgray; background: #fdfdfd; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12); padding: 2px 12px; border-left: 8px solid grey; margin-right: 5px; } section#terminals.legacy .legend .legend-label.isactive { border-left: 8px solid #4E8474; background: rgba(0, 255, 76, 0.05); } section#terminals.legacy .legend .legend-label.disabled { border-left: 8px solid #AF3B3D; background: rgba(255, 0, 0, 0.05); } section#terminals.legacy div.page-toc tbody tr .batch-select-td { background: black; } section#terminals.legacy div.page-toc tbody tr.isactive { background: rgba(0, 255, 76, 0.05); } section#terminals.legacy div.page-toc tbody tr.isactive .batch-select-td { background: #4E8474; } section#terminals.legacy div.page-toc tbody tr.disabled { background: rgba(255, 0, 0, 0.05); } section#terminals.legacy div.page-toc tbody tr.disabled .batch-select-td { background: #AF3B3D; } section#terminals.legacy .link { cursor: pointer; } section#terminals.legacy div.page-view .tabs-container { border: none; } #atm_terminal_popup h1.tid { font-size: 64px; margin-top: 0px; margin-bottom: 15px; } #atm_terminal_popup .panel-body { padding-bottom: 0; } #atm_terminal_popup .upper-panel { box-shadow: none; margin-top: 0px; margin-bottom: 5px; padding-bottom: 10px; } #atm_terminal_popup .upper-panel .field-container div.field:before { top: -5px; font-size: 12px; } #atm_terminal_popup .upper-panel .field-container .description { font-size: 22px; } #atm_terminal_popup .upper-panel .field-container .model { font-size: 16px; } #atm_terminal_popup .upper-panel .field-container .right-col { text-align: right; padding-top: 10px; } #atm_terminal_popup .upper-panel .field-container .terminal-last-activity { padding-bottom: 0; } #atm_terminal_popup .lower-panel { box-shadow: none; margin-top: 5px; margin-bottom: 0; padding-top: 10px; } #atm_terminal_popup .lower-panel .field-container { font-size: 24px; } #atm_terminal_popup .lower-panel .field-container .field:before { font-size: 14px; top: -10px; } #contact_page .edit-panel { font-size: 10px; } section#em_terminals div.view_container.overview .dashboard-widget { overflow: hidden; margin-bottom: 20px; } section#em_terminals div.view_container.overview .summary-panel .table { font-size: 12px; } section#em_terminals div.view_container.overview .summary_amounts { margin: 30px 0px 40px; } #atm_profile_panel .edit-panel { font-size: 10px; } #atm_profile_panel .item-label { color: rgba(0, 0, 0, 0.6); } #atm_profile_panel div.data-group { margin-top: 15px; } #legacy_trans_popup { font-size: 16px; min-width: 700px; } @media only screen and (max-width: 991px) { #legacy_trans_popup { min-width: initial; } } #legacy_trans_popup .status-info { margin: 20px 0px; } #legacy_trans_popup .field-label { white-space: nowrap; } #legacy_trans_popup .field-value { text-align: right; white-space: nowrap; color: #0d6efd; } #legacy_trans_popup div.trans-receipt { overflow: hidden; } #legacy_trans_popup div.trans-receipt div.trans-header { background: #4397FF; color: white; border-top-left-radius: 0px; border-top-right-radius: 0px; padding: 5px 10px; } #legacy_trans_popup div.trans-receipt div.trans-header span { color: #B1B1B1; font-size: 12px; display: inline-block; padding-right: 6px; } #legacy_trans_popup div.trans-receipt div.trans-header div.trans-kind { font-size: 30px; color: #89D9FF; font-weight: bold; } #legacy_trans_popup div.trans-receipt div.trans-header div.trans-state { font-size: 18px; font-weight: bold; text-transform: uppercase; } #legacy_trans_popup div.trans-receipt div.trans-header div.trans-cost div.advanced { padding: 0 8px; text-align: right; font-size: 18px; } #legacy_trans_popup div.trans-receipt div.trans-header div.trans-cost div.fee { padding: 0 8px; text-align: right; font-size: 18px; } #legacy_trans_popup div.trans-receipt div.trans-header div.trans-cost div.tran-total { display: inline-block; padding: 0 8px; text-align: right; font-size: 18px; border-top: 2px solid #ffffff; font-weight: 900; } #legacy_trans_popup div.trans-receipt div.trans-header .error-stripe { background-color: #AF3B3D; padding: 5px; margin: -5px -10px 10px -10px; } .generated-from-scss { content: 'shared/portal/prepaid/prepaid.scss'; } .pp-card-header .top-header { background: #333; position: relative; padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; border-bottom: 1px solid #cccccc; height: 80px; } .pp-card-header .top-header .header-label { font-size: 1em; font-weight: bold; color: gray; text-align: center; } .pp-card-header .top-header .value-provider { margin-left: 15px; color: gray; } .pp-card-header .top-header .balance-label { font-size: 2em; position: absolute; right: 30px; display: inline-block; top: 20px; } .pp-card-header .top-header .balance-label:before { content: "balance"; color: gray; position: absolute; top: -15px; right: 0; text-align: right; font-size: 14px; } .pp-card-header .top-header .balance-label img { height: 30px; margin-top: -5px; } .pp-card-header .top-header .value-label { font-size: 1.4em; position: absolute; right: 30px; bottom: 20px; } .pp-card-header .top-header .main-menu { position: absolute; left: 30px; bottom: 10px; } .pp-card-header .top-header div#dropdown { position: relative; display: inline-block; } .pp-card-header .top-header div#dropdown > button { background: transparent; padding: 10px 0px; color: white; font-size: 1.1em; } .pp-card-header .top-header div#dropdown > button:after { color: white; font-size: 1.1em; margin-left: 5px; position: relative; top: 0px; left: 0px; } .pp-card-header .top-header div#dropdown > button:focus, .pp-card-header .top-header div#dropdown > button:hover { color: #cccccc; } .pp-card-header .top-header div#dropdown > button:focus:after, .pp-card-header .top-header div#dropdown > button:hover:after { color: #cccccc; } .pp-card-header .top-header .background-image-tint { opacity: 0.1; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .pp-card-header .top-header .background-image-tint { background: url(/static/common/imgs/bgs/transaction_qc_pos_bg.jpg) no-repeat left center; background-size: cover; background-position-y: 10%; } .pp-card-header .top-header.paid, .pp-card-header .top-header.balance, .pp-card-header .top-header.balance-approved { color: white; background: #4E8474; } .pp-card-header .bottom-header { padding: 0 5px; } .pp-card-header .bottom-header div.field { margin-top: 5px; } .pp-card-header .bottom-header div.field:before { display: block; color: gray; font-size: 12px; content: attr(data-label); } .generated-from-scss { content: 'shared/portal/tickets/tickets.scss'; } #mon_tickets .panel div.field:before { content: attr(data-label); } #mon_tickets .state-col:hover, #mon_tickets .priority-col:hover { cursor: pointer; } #mon_tickets #link_component_panel .add-transaction-component { float: right; } #mon_tickets #ticket_panel .page-panel-header { background: url(/static/common/imgs/bgs/office.jpg) no-repeat; background-size: cover; background-position-y: center; position: relative; color: #FFFFFF; } #mon_tickets #ticket_panel .page-panel-header .bg-overlay { background-color: #0B60AB; opacity: 0.83; top: 0; bottom: 0; left: 0; right: 0; position: absolute; } #mon_tickets #ticket_panel .page-panel-header .field { display: inline-block; } #mon_tickets #ticket_panel .page-panel-header .priority-col, #mon_tickets #ticket_panel .page-panel-header .state-col { text-align: right; } #mon_tickets #ticket_panel .page-panel-header .assigned-col { text-align: center; } #mon_tickets #ticket_panel .page-panel-header .assigned-col .btn.assign { padding: 0px; } #mon_tickets #ticket_panel .page-panel-header .assigned-col { margin-bottom: -80px; } #mon_tickets #ticket_panel .page-panel-header .header-label { font-size: 8px; font-weight: bold; } #mon_tickets #ticket_panel .page-panel-header #assigned-btn-wrapper .user-box .img-holder { width: 95px; height: 95px; } #mon_tickets #ticket_panel .page-panel-header button.assign { padding-left: 0px; } #mon_tickets #ticket_panel .page-panel-body .field { padding-bottom: 0px; } #mon_tickets #ticket_panel .page-panel-body .row:not(.first-row) .field { padding-bottom: 15px; } #mon_tickets #ticket_panel .page-panel-body .first-row { margin-bottom: -10px; padding-top: 10px; } #mon_tickets #ticket_panel .page-panel-body .first-row .bootstrap-select button { background: transparent; border: none; padding-left: 0px; padding-top: 0; font-weight: normal; } #mon_tickets #ticket_panel .field.editable.subject { font-style: italic; } #mon_tickets #ticket_panel .field.editable:hover { color: #4397FF; } #mon_tickets #ticket_panel .row.description { margin-top: 15px; margin-bottom: 15px; } #mon_tickets #ticket_panel .btn-row button { margin-right: 15px; } #mon_tickets #ticket_panel .btn.mark-complete { background-color: #35a501; } #mon_tickets #ticket_panel .btn.create-work-order { background-color: #428dfe; } #mon_tickets #ticket_panel.work_order .page-panel-header { background: url(/static/common/imgs/bgs/office.jpg) no-repeat; background-size: cover; background-position-y: center; position: relative; color: #FFF; } #mon_tickets #ticket_panel.work_order div.bg-overlay { background: rgba(226, 142, 54, 0.83); top: 0; bottom: 0; left: 0; right: 0; position: absolute; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mon_tickets #ticket_panel.work_order .panel-body div.field:before { top: -5px; } #mon_tickets #ticket_panel.work_order .field.compliance-check .fail, #mon_tickets #ticket_panel.work_order .field.service-check .fail { color: #9e1b1b; } #mon_tickets #ticket_panel.work_order .field.compliance-check .pass, #mon_tickets #ticket_panel.work_order .field.service-check .pass { color: #2d7556; } #mon_tickets #following_panel .add-watcher-btn-wrapper { float: right; } #mon_tickets #following_panel .add-watcher { color: #0B60AB; } #mon_tickets #following_panel .watcher { background-color: #e6e6e6; font-size: 10px; height: 32px; width: 32px; } .history-view.chat .when-span { float: right; } .history-view.chat .avatar { float: left; margin-right: 10px; } .history-view.chat .avatar img { height: 32px; width: 32px; } .history-view.chat .message { padding-left: 43px; } .history-view.chat ul.list li:first-of-type hr { margin-top: 10px; } .history-view.chat #time_dropdown #dropdown button.btn-dropdown { color: #666666; font-size: 11px; padding: 0px; } #ticket_widget .ticket-item { padding: 13px 7px; padding-top: 0px; cursor: pointer; transition: transform 0.1s ease-in-out; } #ticket_widget .ticket-item.ticket-state-new .pull-right { color: #4E8474; } #ticket_widget .ticket-item.ticket-state-open .pull-right { color: #4E8474; } #ticket_widget .ticket-item.ticket-state-closed .pull-right { color: #0d6efd; } #ticket_widget .ticket-item .pull-right { font-weight: bold; text-align: center; } #ticket_widget .ticket-item .ticket-box { background: white; color: black; box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.6); padding: 6px 15px; min-height: 72px; } #ticket_widget .ticket-item .ticket-box .last-activity { font-size: 0.8em; margin-bottom: 8px; } #ticket_widget .ticket-item:hover { transform: scale(1.02); } #ticket_widget .page-panel-content { background: #f1f1f1; padding-top: 13px; } div.dialog hr.ticket-history-hr { margin: 15px !important; } #mon_tickets .legend .legend-label.critical, #tickets_day_report .legend .legend-label.critical { border-left: 8px solid #AF3B3D; background: rgba(255, 0, 0, 0.05); } #mon_tickets .legend .legend-label.high, #tickets_day_report .legend .legend-label.high { border-left: 8px solid #fd9608; background: rgba(255, 200, 0, 0.05); } #mon_tickets .legend .legend-label.medium, #tickets_day_report .legend .legend-label.medium { border-left: 8px solid #FFF776; background: rgba(255, 200, 0, 0.05); } #mon_tickets .legend .legend-label.low, #tickets_day_report .legend .legend-label.low { border-left: 8px solid #0d6efd; background: rgba(0, 0, 148, 0.05); } #mon_tickets div.page-toc tbody tr .batch-select-td, #tickets_day_report div.page-toc tbody tr .batch-select-td { background: gray; } #mon_tickets div.page-toc tbody tr.critical, #tickets_day_report div.page-toc tbody tr.critical { background: rgba(255, 0, 0, 0.02); } #mon_tickets div.page-toc tbody tr.critical .batch-select-td, #tickets_day_report div.page-toc tbody tr.critical .batch-select-td { background: #AF3B3D; } #mon_tickets div.page-toc tbody tr.high, #tickets_day_report div.page-toc tbody tr.high { background: rgba(255, 200, 0, 0.02); } #mon_tickets div.page-toc tbody tr.high .batch-select-td, #tickets_day_report div.page-toc tbody tr.high .batch-select-td { background: #fd9608; } #mon_tickets div.page-toc tbody tr.medium, #tickets_day_report div.page-toc tbody tr.medium { background: rgba(255, 100, 0, 0.02); } #mon_tickets div.page-toc tbody tr.medium .batch-select-td, #tickets_day_report div.page-toc tbody tr.medium .batch-select-td { background: #FFF776; } #mon_tickets div.page-toc tbody tr.low, #tickets_day_report div.page-toc tbody tr.low { background: rgba(0, 0, 148, 0.02); } #mon_tickets div.page-toc tbody tr.low .batch-select-td, #tickets_day_report div.page-toc tbody tr.low .batch-select-td { background: #0d6efd; } #comments_panel textarea#comment { width: 100%; max-width: 100%; height: 80px; padding: 8px; } #comments_panel .comment-inline-input { padding: 0; } #comments_panel .comment-inline-input .btn-row { text-align: right; } #comments_panel .comment-inline-input .btn-row button { margin: 0px; } div#ticket_popup .description { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid lightgray; text-align: center; } div#ticket_popup #comments_panel { box-shadow: none; border: none; } div#ticket_popup #comments_panel .page-panel-header { display: none; } div#ticket_popup #comments_panel .page-panel-body { padding: 0px; } div#ticket_popup #comments_panel .comment-inline-input textarea { padding: 8px; } div#ticket_popup .history-view { max-height: 225px; overflow-x: hidden; overflow-y: scroll; width: 100%; } @media (max-width: 575.98px) { div#ticket_popup { max-height: 545px; overflow-y: scroll; } } .dialog-body div#ticket_popup .panel { margin-bottom: 0; } #tickets_dashboard .panel { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45); } #ticket_popup .dialog-close { display: none; } .dialog #ticket_popup .dialog-close { display: inline-block; } #ticket_terminal .page-panel-header { color: white; margin-bottom: 15px; padding: 0px !important; background: #FFF; } #ticket_terminal .page-panel-header div.bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(53, 53, 53, 0.83); border-top-left-radius: 5px; border-top-right-radius: 5px; } #ticket_terminal .page-panel-header.none div.bg-overlay { background: rgba(53, 53, 53, 0.83); } #ticket_terminal .page-panel-header.online div.bg-overlay, #ticket_terminal .page-panel-header.idle div.bg-overlay { background: rgba(45, 117, 86, 0.83); } #ticket_terminal .page-panel-header.maintenance div.bg-overlay { background: rgba(183, 112, 5, 0.83); } #ticket_terminal .page-panel-header.soft_restart div.bg-overlay { background: rgba(58, 58, 58, 0.83); } #ticket_terminal .page-panel-header.in_use div.bg-overlay { background: rgba(27, 110, 158, 0.83); } #ticket_terminal .page-panel-header.offline div.bg-overlay, #ticket_terminal .page-panel-header.down div.bg-overlay { background: rgba(158, 27, 27, 0.83); } #ticket_terminal .page-panel-header.disabled div.bg-overlay { background: rgba(53, 53, 53, 0.83); } #ticket_terminal .page-panel-header.rebooting div.bg-overlay { background: rgba(96, 125, 139, 0.83); } #ticket_terminal .page-panel-header.stale div.bg-overlay { background: rgba(53, 53, 53, 0.83); } #ticket_terminal .page-panel-body .first-row .error-msg { padding-bottom: 15px; } #ticket_terminal .terminal-description-label, #ticket_terminal #terminal-balance { font-size: 24px; } #ticket_terminal #component-model, #ticket_terminal .terminal-eta { font-size: 10px; } #ticket_terminal .develop-label { color: #ffff00; display: inline-block; font-size: 1.2em; font-weight: bold; margin-left: 15px; } #ticket_terminal div.bg-container { position: relative; padding: 8px 15px; } #ticket_terminal div.header-footer { padding: 12px 8px; color: black; } #ticket_terminal .tid-label, #ticket_terminal .state-label { font-size: 1.8em; font-weight: bold; } #ticket_terminal .app-label { font-size: 1.3em; } #ticket_terminal .merchant-info-label { font-size: 1.2em; } #ticket_terminal .btn-group { padding-left: 5px; } #ticket_terminal .last-activity-wrapper { float: right; } .generated-from-scss { content: 'shared/portal/reports/reports.scss'; } div#atm_saas_ach_day_report #transactionPanel .collapse-control { cursor: pointer; } div#atm_saas_ach_day_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } div#atm_saas_ach_day_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } div#atm_saas_ach_day_report #report_filter_bar .title, div#atm_saas_ach_day_report #report_filter_bar button.mark-paid { margin-top: 10px; } div#atm_saas_ach_day_report table.report { width: 100%; } div#atm_saas_ach_day_report table.report thead tr { border-bottom: 2px solid #888; font-weight: bold; } div#atm_saas_ach_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#atm_saas_ach_day_report table.report tr.total { font-weight: bold; border-top: 1px solid #888; } div#atm_saas_ach_day_report table thead { display: table-row-group; } div#atm_saas_ach_day_report div.total { font-weight: bold; } #atm_saas_ach_day_popup .sub-panel .sub-panel-body .breakdown tr { background-color: transparent; } #atm_saas_ach_day_popup .tabsview-wrapper { overflow-y: scroll; max-height: 700px; } #atm_saas_ach_day_popup .h1, #atm_saas_ach_day_popup .h2, #atm_saas_ach_day_popup .h3, #atm_saas_ach_day_popup .h4 { margin-top: 0px; margin-bottom: 0px; } #atm_saas_ach_day_popup .h4 { font-size: 14px; } #atm_saas_ach_day_popup .sub-panel { border: none; margin-bottom: 5px; border-radius: 0px; } #atm_saas_ach_day_popup .sub-panel-header { background-color: #573a62; white-space: nowrap; color: white; padding: 15px; } #atm_saas_ach_day_popup .sub-panel-header div { color: white; } #atm_saas_ach_day_popup .sub-panel-body { padding: 0px; } #atm_saas_ach_day_popup.paid .sub-panel-header { background-color: green; } #atm_saas_ach_day_popup #subpage_view { overflow-y: auto; max-height: 250px; } #atm_saas_ach_day_popup #subpage_view table h4 { font-size: 14px; } #atm_saas_ach_day_popup table.overview { width: 100%; margin-bottom: 20px; } #atm_saas_ach_day_popup table.overview td { border-top: none; } #atm_saas_ach_day_popup .link { cursor: pointer; } #atm_saas_ach_day_popup #atm_saas_ach_day_popup_tabs .tabs-container { border: 0px; } #atm_saas_ach_day_popup #atm_saas_ach_day_popup_tabs #subpage_view .padded-left { padding-left: 30px; } #atm_saas_ach_day_popup #atm_saas_ach_day_popup_tabs #subpage_view div#list { margin: 0px; } #atm_saas_ach_day_popup #atm_saas_ach_day_popup_tabs .table td { border-top: 1px solid #ddd; } @media (max-width: 767.98px) { #atm_saas_ach_day_popup { font-size: 12px; } #atm_saas_ach_day_popup .no-padding { padding: 0; } #atm_saas_ach_day_popup div.tabs > ul > li { font-size: 9px; } } #atm_saas_ach_day_popup .stats .bigger { font-size: 20px; } #atm_saas_ach_day_popup .stats.margin { margin-bottom: 75px; } #atm_saas_ach_day_popup .stats_details.margin { margin-bottom: 20px; } #atm_saas_ach_day_popup .stats_details { margin: 30px 0px; } #atm_saas_ach_day_popup .stats_details .header { margin: 10px 0px; } #atm_saas_ach_day_popup .stats_details table.table th { font-weight: normal; color: initial; } #atm_saas_ach_day_popup #atm_saas_ach_day_transactions { font-size: 12px; } #atm_saas_ach_day_popup #atm_saas_ach_day_transactions table tr:nth-child(even) { background: transparent; } #atm_saas_ach_popup_panel .sub-panel-header.unpaid { background: gray; } #atm_saas_ach_popup_panel .sub-panel-header.paid { background: #4E8474; } #atm_saas_ach_popup_panel .sub-panel-header.error { background: #AF3B3D; } section#atm_saas_group_day_report #transactionPanel .collapse-control { cursor: pointer; } section#atm_saas_group_day_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#atm_saas_group_day_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#atm_saas_group_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#atm_saas_group_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#atm_saas_group_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#atm_saas_group_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#atm_saas_group_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#atm_saas_group_day_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#atm_saas_group_day_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } section#atm_saas_group_day_report .page-panel { margin: 15px; } section#atm_saas_group_day_report .force_refresh_button i { visibility: hidden; } section#atm_saas_group_day_report .chart-container { padding: 0; } section#atm_saas_group_day_report img.logo { max-width: 100%; } section#atm_saas_group_day_report h3.title { margin: 0px; margin-top: 10px; } section#atm_saas_group_day_report table.fixed { width: 100%; table-layout: fixed; } section#atm_saas_group_day_report table.report { width: 100%; } section#atm_saas_group_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#atm_saas_group_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#atm_saas_group_day_report table.contract_info { border: none; margin-top: 5px; } section#atm_saas_group_day_report table.earnings_summary { width: 100%; } section#atm_saas_group_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#atm_saas_group_day_report table.earnings_summary tr.bold { font-weight: bold; } section#atm_saas_group_day_report table.earnings_summary td.left { text-align: left; } section#atm_saas_group_day_report table.earnings_summary td.right { text-align: right; } section#atm_saas_group_day_report table.earnings_summary td.center { text-align: center; } section#atm_saas_group_day_report table.transaction_summary td { text-align: center; } section#atm_saas_group_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#atm_saas_group_day_report table thead { display: table-row-group; } section#atm_saas_group_month_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#atm_saas_group_month_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#atm_saas_group_month_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#atm_saas_group_month_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#atm_saas_group_month_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#atm_saas_group_month_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#atm_saas_group_month_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } section#atm_saas_group_month_report .page-panel { margin: 15px; } section#atm_saas_group_month_report .force_refresh_button i { visibility: hidden; } section#atm_saas_group_month_report .chart-container { padding: 0; } section#atm_saas_group_month_report img.logo { max-width: 100%; } section#atm_saas_group_month_report h3.title { margin: 0px; margin-top: 10px; } section#atm_saas_group_month_report table.fixed { width: 100%; table-layout: fixed; } section#atm_saas_group_month_report table.report { width: 100%; } section#atm_saas_group_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#atm_saas_group_month_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#atm_saas_group_month_report table.contract_info { border: none; margin-top: 5px; } section#atm_saas_group_month_report table.earnings_summary { width: 100%; } section#atm_saas_group_month_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#atm_saas_group_month_report table.earnings_summary tr.bold { font-weight: bold; } section#atm_saas_group_month_report table.earnings_summary td.left { text-align: left; } section#atm_saas_group_month_report table.earnings_summary td.right { text-align: right; } section#atm_saas_group_month_report table.earnings_summary td.center { text-align: center; } section#atm_saas_group_month_report table.transaction_summary td { text-align: center; } section#atm_saas_group_month_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#atm_saas_group_month_report table thead { display: table-row-group; } #processor_exception_report #regenerate_panel .sub-panel-header { background: #AF3B3D; color: white; } #processor_exception_report #regenerate_panel button.action.rerun { background: #4E8474; } #processor_exception_report #total_panel .name { font-size: 10px; } #processor_exception_report #total_panel .value { font-weight: bold; } #processor_exception_report table thead th { text-align: center; } #processor_exception_report table tr.difference { border-top: 1px solid black; } #processor_exception_report table tr.difference td { font-weight: bold; } #processor_exception_report tr button.btn.btn-primary.btn-xs.action.paid { background: #2d7556; } #processor_exception_report tr button.btn.btn-primary.btn-xs.action.admin { background: #AF3B3D; } #processor_exception_report tr button.btn.btn-primary.btn-xs.action.void, #processor_exception_report tr button.btn.btn-primary.btn-xs.action.canceled { background: gray; } div#atm_saas_terminal_day_report #transactionPanel .collapse-control { cursor: pointer; } div#atm_saas_terminal_day_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } div#atm_saas_terminal_day_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } div#atm_saas_terminal_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } div#atm_saas_terminal_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } div#atm_saas_terminal_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } div#atm_saas_terminal_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } div#atm_saas_terminal_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } div#atm_saas_terminal_day_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } div#atm_saas_terminal_day_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } div#atm_saas_terminal_day_report .force_refresh_button i { visibility: hidden; } div#atm_saas_terminal_day_report .chart-container { padding: 0; } div#atm_saas_terminal_day_report img.logo { max-width: 100%; } div#atm_saas_terminal_day_report h3.title { margin: 0px; margin-top: 10px; } div#atm_saas_terminal_day_report table.fixed { width: 100%; table-layout: fixed; } div#atm_saas_terminal_day_report table.report { width: 100%; } div#atm_saas_terminal_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#atm_saas_terminal_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#atm_saas_terminal_day_report table.contract_info { border: none; margin-top: 5px; } div#atm_saas_terminal_day_report table.earnings_summary { width: 100%; } div#atm_saas_terminal_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#atm_saas_terminal_day_report table.earnings_summary tr.bold { font-weight: bold; } div#atm_saas_terminal_day_report table.earnings_summary td.left { text-align: left; } div#atm_saas_terminal_day_report table.earnings_summary td.right { text-align: right; } div#atm_saas_terminal_day_report table.earnings_summary td.center { text-align: center; } div#atm_saas_terminal_day_report table.transaction_summary td { text-align: center; } div#atm_saas_terminal_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#atm_saas_terminal_day_report table thead { display: table-row-group; } div#atm_saas_terminal_month_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } div#atm_saas_terminal_month_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } div#atm_saas_terminal_month_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } div#atm_saas_terminal_month_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } div#atm_saas_terminal_month_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } div#atm_saas_terminal_month_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } div#atm_saas_terminal_month_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } div#atm_saas_terminal_month_report .force_refresh_button i { visibility: hidden; } div#atm_saas_terminal_month_report .chart-container { padding: 0; } div#atm_saas_terminal_month_report img.logo { max-width: 100%; } div#atm_saas_terminal_month_report h3.title { margin: 0px; margin-top: 10px; } div#atm_saas_terminal_month_report table.fixed { width: 100%; table-layout: fixed; } div#atm_saas_terminal_month_report table.report { width: 100%; } div#atm_saas_terminal_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#atm_saas_terminal_month_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#atm_saas_terminal_month_report table.contract_info { border: none; margin-top: 5px; } div#atm_saas_terminal_month_report table.earnings_summary { width: 100%; } div#atm_saas_terminal_month_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#atm_saas_terminal_month_report table.earnings_summary tr.bold { font-weight: bold; } div#atm_saas_terminal_month_report table.earnings_summary td.left { text-align: left; } div#atm_saas_terminal_month_report table.earnings_summary td.right { text-align: right; } div#atm_saas_terminal_month_report table.earnings_summary td.center { text-align: center; } div#atm_saas_terminal_month_report table.transaction_summary td { text-align: center; } div#atm_saas_terminal_month_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#atm_saas_terminal_month_report table thead { display: table-row-group; } div#terminal_host_close_report #atmTransactionPanel .collapse-control, div#terminal_host_close_report #trTransactionPanel .collapse-control { cursor: pointer; } div#terminal_host_close_report #atmTransactionPanel .collapse-control[aria-expanded="true"] i.up, div#terminal_host_close_report #trTransactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } div#terminal_host_close_report #atmTransactionPanel .collapse-control[aria-expanded="false"] i.down, div#terminal_host_close_report #trTransactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } div#terminal_host_close_report #save-counts-btn.disabled { display: none; } div#terminal_host_close_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } div#terminal_host_close_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } div#terminal_host_close_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } div#terminal_host_close_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } div#terminal_host_close_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } div#terminal_host_close_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } div#terminal_host_close_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } div#terminal_host_close_report .force_refresh_button i { visibility: hidden; } div#terminal_host_close_report .chart-container { padding: 0; } div#terminal_host_close_report img.logo { max-width: 100%; } div#terminal_host_close_report h3.title { margin: 0px; margin-top: 10px; } div#terminal_host_close_report table.fixed { width: 100%; table-layout: fixed; } div#terminal_host_close_report table.report { width: 100%; } div#terminal_host_close_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#terminal_host_close_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#terminal_host_close_report table.contract_info { border: none; margin-top: 5px; } div#terminal_host_close_report table.earnings_summary { width: 100%; } div#terminal_host_close_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#terminal_host_close_report table.earnings_summary tr.bold { font-weight: bold; } div#terminal_host_close_report table.earnings_summary td.left { text-align: left; } div#terminal_host_close_report table.earnings_summary td.right { text-align: right; } div#terminal_host_close_report table.earnings_summary td.center { text-align: center; } div#terminal_host_close_report table.transaction_summary td { text-align: center; } div#terminal_host_close_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#terminal_host_close_report table thead { display: table-row-group; } section#group_processor_day_report #procDayTransactionPanel .collapse-control { cursor: pointer; } section#group_processor_day_report #procDayTransactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#group_processor_day_report #procDayTransactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#group_processor_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#group_processor_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#group_processor_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#group_processor_day_report #by_the_numbers .sub-panel-body { overflow: scroll; } section#group_processor_day_report #by_the_numbers button.breakdown_csv { padding: 0; } section#group_processor_day_report #by_the_numbers #load_spin { text-align: center; } section#group_processor_day_report #terminal_tabs_view_wrapper.hide { display: none; } section#group_processor_day_report .row.total { border-top: 2px solid #888; font-weight: bold; } section#group_processor_day_report .page-panel { margin: 15px; } section#group_processor_day_report .force_refresh_button i { visibility: hidden; } section#group_processor_day_report .chart-container { padding: 0; } section#group_processor_day_report img.logo { max-width: 100%; } section#group_processor_day_report h3.title { margin: 0px; margin-top: 10px; } section#group_processor_day_report table.fixed { width: 100%; table-layout: fixed; } section#group_processor_day_report table.report { width: 100%; } section#group_processor_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#group_processor_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#group_processor_day_report table.contract_info { border: none; margin-top: 5px; } section#group_processor_day_report table.earnings_summary { width: 100%; } section#group_processor_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#group_processor_day_report table.earnings_summary tr.bold { font-weight: bold; } section#group_processor_day_report table.earnings_summary td.left { text-align: left; } section#group_processor_day_report table.earnings_summary td.right { text-align: right; } section#group_processor_day_report table.earnings_summary td.center { text-align: center; } section#group_processor_day_report table.transaction_summary td { text-align: center; } section#group_processor_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#group_processor_day_report table.breakdown tr { background-color: transparent !important; } section#group_processor_day_report table.breakdown tr.totals td { font-weight: bold; } section#group_processor_day_report table { background-color: transparent !important; } section#group_processor_day_report table thead { display: table-row-group; } section#group_processor_month_report #procMonthTransactionPanel .collapse-control { cursor: pointer; } section#group_processor_month_report #procMonthTransactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#group_processor_month_report #procMonthTransactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#group_processor_month_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#group_processor_month_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#group_processor_month_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#group_processor_month_report #by_the_numbers .sub-panel-body { overflow: scroll; } section#group_processor_month_report #by_the_numbers button.breakdown_csv { padding: 0; } section#group_processor_month_report #by_the_numbers #load_spin, section#group_processor_month_report #by_the_numbers #tab_load_spin { text-align: center; } section#group_processor_month_report #terminal_tabs_view_wrapper.hide { display: none; } section#group_processor_month_report .row.total { border-top: 2px solid #888; font-weight: bold; } section#group_processor_month_report .page-panel { margin: 15px; } section#group_processor_month_report .force_refresh_button i { visibility: hidden; } section#group_processor_month_report .chart-container { padding: 0; } section#group_processor_month_report img.logo { max-width: 100%; } section#group_processor_month_report h3.title { margin: 0px; margin-top: 10px; } section#group_processor_month_report table.fixed { width: 100%; table-layout: fixed; } section#group_processor_month_report table.report { width: 100%; } section#group_processor_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#group_processor_month_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#group_processor_month_report table.contract_info { border: none; margin-top: 5px; } section#group_processor_month_report table.earnings_summary { width: 100%; } section#group_processor_month_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#group_processor_month_report table.earnings_summary tr.bold { font-weight: bold; } section#group_processor_month_report table.earnings_summary td.left { text-align: left; } section#group_processor_month_report table.earnings_summary td.right { text-align: right; } section#group_processor_month_report table.earnings_summary td.center { text-align: center; } section#group_processor_month_report table.transaction_summary td { text-align: center; } section#group_processor_month_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#group_processor_month_report table thead { display: table-row-group; } section#group_processor_settlement_report #transactionPanel .collapse-control { cursor: pointer; } section#group_processor_settlement_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#group_processor_settlement_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#group_processor_settlement_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#group_processor_settlement_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#group_processor_settlement_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#group_processor_settlement_report #by_the_numbers .sub-panel-body { overflow: scroll; } section#group_processor_settlement_report #by_the_numbers button.breakdown_csv { padding: 0; } section#group_processor_settlement_report #by_the_numbers #load_spin, section#group_processor_settlement_report #by_the_numbers #tab_load_spin { text-align: center; } section#group_processor_settlement_report #terminal_tabs_view_wrapper.hide { display: none; } section#group_processor_settlement_report .row.total { border-top: 2px solid #888; font-weight: bold; } section#group_processor_settlement_report .page-panel { margin: 15px; } section#group_processor_settlement_report .force_refresh_button i { visibility: hidden; } section#group_processor_settlement_report .chart-container { padding: 0; } section#group_processor_settlement_report img.logo { max-width: 100%; } section#group_processor_settlement_report h3.title { margin: 0px; margin-top: 10px; } section#group_processor_settlement_report table.fixed { width: 100%; table-layout: fixed; } section#group_processor_settlement_report table.report { width: 100%; } section#group_processor_settlement_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#group_processor_settlement_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#group_processor_settlement_report table.contract_info { border: none; margin-top: 5px; } section#group_processor_settlement_report table.earnings_summary { width: 100%; } section#group_processor_settlement_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#group_processor_settlement_report table.earnings_summary tr.bold { font-weight: bold; } section#group_processor_settlement_report table.earnings_summary td.left { text-align: left; } section#group_processor_settlement_report table.earnings_summary td.right { text-align: right; } section#group_processor_settlement_report table.earnings_summary td.center { text-align: center; } section#group_processor_settlement_report table.transaction_summary td { text-align: center; } section#group_processor_settlement_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#group_processor_settlement_report table thead { display: table-row-group; } section#vgt_group_day_report #atmTransactionPanel .collapse-control, section#vgt_group_day_report #trTransactionPanel .collapse-control { cursor: pointer; } section#vgt_group_day_report #atmTransactionPanel .collapse-control[aria-expanded="true"] i.up, section#vgt_group_day_report #trTransactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#vgt_group_day_report #atmTransactionPanel .collapse-control[aria-expanded="false"] i.down, section#vgt_group_day_report #trTransactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#vgt_group_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#vgt_group_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#vgt_group_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#vgt_group_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#vgt_group_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#vgt_group_day_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#vgt_group_day_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } section#vgt_group_day_report .page-panel { margin: 15px; } section#vgt_group_day_report .force_refresh_button i { visibility: hidden; } section#vgt_group_day_report .chart-container { padding: 0; } section#vgt_group_day_report img.logo { max-width: 100%; } section#vgt_group_day_report h3.title { margin: 0px; margin-top: 10px; } section#vgt_group_day_report table.fixed { width: 100%; table-layout: fixed; } section#vgt_group_day_report table.report { width: 100%; } section#vgt_group_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#vgt_group_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#vgt_group_day_report table.contract_info { border: none; margin-top: 5px; } section#vgt_group_day_report table.earnings_summary { width: 100%; } section#vgt_group_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#vgt_group_day_report table.earnings_summary tr.bold { font-weight: bold; } section#vgt_group_day_report table.earnings_summary td.left { text-align: left; } section#vgt_group_day_report table.earnings_summary td.right { text-align: right; } section#vgt_group_day_report table.earnings_summary td.center { text-align: center; } section#vgt_group_day_report table.transaction_summary td { text-align: center; } section#vgt_group_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#vgt_group_day_report table thead { display: table-row-group; } section#vgt_group_month_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#vgt_group_month_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#vgt_group_month_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#vgt_group_month_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#vgt_group_month_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#vgt_group_month_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#vgt_group_month_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } section#vgt_group_month_report .page-panel { margin: 15px; } section#vgt_group_month_report .force_refresh_button i { visibility: hidden; } section#vgt_group_month_report .chart-container { padding: 0; } section#vgt_group_month_report img.logo { max-width: 100%; } section#vgt_group_month_report h3.title { margin: 0px; margin-top: 10px; } section#vgt_group_month_report table.fixed { width: 100%; table-layout: fixed; } section#vgt_group_month_report table.report { width: 100%; } section#vgt_group_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#vgt_group_month_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#vgt_group_month_report table.contract_info { border: none; margin-top: 5px; } section#vgt_group_month_report table.earnings_summary { width: 100%; } section#vgt_group_month_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#vgt_group_month_report table.earnings_summary tr.bold { font-weight: bold; } section#vgt_group_month_report table.earnings_summary td.left { text-align: left; } section#vgt_group_month_report table.earnings_summary td.right { text-align: right; } section#vgt_group_month_report table.earnings_summary td.center { text-align: center; } section#vgt_group_month_report table.transaction_summary td { text-align: center; } section#vgt_group_month_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#vgt_group_month_report table thead { display: table-row-group; } div#vgt_terminal_day_report #atmTransactionPanel .collapse-control, div#vgt_terminal_day_report #trTransactionPanel .collapse-control { cursor: pointer; } div#vgt_terminal_day_report #atmTransactionPanel .collapse-control[aria-expanded="true"] i.up, div#vgt_terminal_day_report #trTransactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } div#vgt_terminal_day_report #atmTransactionPanel .collapse-control[aria-expanded="false"] i.down, div#vgt_terminal_day_report #trTransactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } div#vgt_terminal_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } div#vgt_terminal_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } div#vgt_terminal_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } div#vgt_terminal_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } div#vgt_terminal_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } div#vgt_terminal_day_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } div#vgt_terminal_day_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } div#vgt_terminal_day_report .force_refresh_button i { visibility: hidden; } div#vgt_terminal_day_report .chart-container { padding: 0; } div#vgt_terminal_day_report img.logo { max-width: 100%; } div#vgt_terminal_day_report h3.title { margin: 0px; margin-top: 10px; } div#vgt_terminal_day_report table.fixed { width: 100%; table-layout: fixed; } div#vgt_terminal_day_report table.report { width: 100%; } div#vgt_terminal_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#vgt_terminal_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#vgt_terminal_day_report table.contract_info { border: none; margin-top: 5px; } div#vgt_terminal_day_report table.earnings_summary { width: 100%; } div#vgt_terminal_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#vgt_terminal_day_report table.earnings_summary tr.bold { font-weight: bold; } div#vgt_terminal_day_report table.earnings_summary td.left { text-align: left; } div#vgt_terminal_day_report table.earnings_summary td.right { text-align: right; } div#vgt_terminal_day_report table.earnings_summary td.center { text-align: center; } div#vgt_terminal_day_report table.transaction_summary td { text-align: center; } div#vgt_terminal_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#vgt_terminal_day_report table thead { display: table-row-group; } div#vgt_terminal_month_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } div#vgt_terminal_month_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } div#vgt_terminal_month_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } div#vgt_terminal_month_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } div#vgt_terminal_month_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } div#vgt_terminal_month_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } div#vgt_terminal_month_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } div#vgt_terminal_month_report .force_refresh_button i { visibility: hidden; } div#vgt_terminal_month_report .chart-container { padding: 0; } div#vgt_terminal_month_report img.logo { max-width: 100%; } div#vgt_terminal_month_report h3.title { margin: 0px; margin-top: 10px; } div#vgt_terminal_month_report table.fixed { width: 100%; table-layout: fixed; } div#vgt_terminal_month_report table.report { width: 100%; } div#vgt_terminal_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#vgt_terminal_month_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#vgt_terminal_month_report table.contract_info { border: none; margin-top: 5px; } div#vgt_terminal_month_report table.earnings_summary { width: 100%; } div#vgt_terminal_month_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#vgt_terminal_month_report table.earnings_summary tr.bold { font-weight: bold; } div#vgt_terminal_month_report table.earnings_summary td.left { text-align: left; } div#vgt_terminal_month_report table.earnings_summary td.right { text-align: right; } div#vgt_terminal_month_report table.earnings_summary td.center { text-align: center; } div#vgt_terminal_month_report table.transaction_summary td { text-align: center; } div#vgt_terminal_month_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#vgt_terminal_month_report table thead { display: table-row-group; } .generated-from-scss { content: 'scss/loader_circle.scss'; } #modal-waiting-overlay .loader, #modal-waiting-overlay .loader:after { border-radius: 50%; width: 100px; height: 100px; } #modal-waiting-overlay .loader { margin: 0 auto 0 auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 10px solid rgba(255, 255, 255, 0.2); border-right: 10px solid rgba(255, 255, 255, 0.2); border-bottom: 10px solid rgba(255, 255, 255, 0.2); border-left: 10px solid white; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } #modal-waiting-overlay div.loading-label { color: white; text-align: center; margin-top: -60px; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .generated-from-scss { content: 'shared/themes/material.scss'; } body.theme-material button.btn { position: relative; border-radius: 0; border: none; } body.theme-material button.btn.btn-default { color: white; background: green; } body.theme-material button.btn.btn-default:active { background: #646565; color: black; } body.theme-material button.btn.btn-primary { color: white; background: #0d6efd; } body.theme-material button.btn.btn-primary:active { background: #646565; color: black; } body.theme-material button.btn.btn-outline-primary { border: 1px solid #ADADAD; color: #3A3939; background: #fff !important; } body.theme-material button.btn.btn-optional { color: white; background: #1a1a1a; } body.theme-material button.btn.btn-optional:active { background: #646565; color: black; } body.theme-material button.btn.btn-success { color: white; background: #4E8474; } body.theme-material button.btn.btn-success:active { background: #646565; color: black; } body.theme-material button.btn.btn-warning { color: white; background: #AF3B3D; } body.theme-material button.btn.btn-warning:active { background: #646565; color: black; } body.theme-material button.btn.btn-link { box-shadow: none; } body.theme-material button.btn.btn-cancel { color: white; background: #fd9608; } body.theme-material button.btn .btn-row button, body.theme-material button.btn .flex-row button { margin-top: 20px; } body.theme-material button.btn .btn-row.btn-row-fixed, body.theme-material button.btn .flex-row.btn-row-fixed { position: absolute; left: 20px; bottom: 20px; right: 20px; } body.theme-material button.btn > span { font-size: 12px; bottom: 0; right: 50px; } body.theme-material button.btn div.btn-title { position: absolute; top: 30px; left: 30px; } body.theme-material button.btn div.btn-title-2 { position: absolute; font-size: 24px; top: 64px; left: 30px; } body.theme-material button.btn div.btn-sub-title { position: absolute; top: 88px; left: 30px; font-size: 24px; font-weight: lighter; } body.theme-material button.btn img.down-arrow { position: absolute; right: 40px; top: -1px; } body.theme-material button.btn.btn-md { height: 80px; line-height: 1em; display: block; width: 100%; text-align: center; font-size: 22px; } body.theme-material button.btn.btn-md div.btn-sub-title { display: none; } body.theme-material button.btn.btn-lg { font-size: 34px; height: 160px; line-height: 1em; display: block; width: 100%; text-align: center; } body.theme-material button.btn.btn-xlg { font-size: 34px; height: 300px; line-height: 1em; display: block; padding: 0 0 30px 15px; width: 100%; text-align: left; } body.theme-material button.btn.btn-xlg div.div-title { font-weight: bold; } body.theme-material button.btn.btn-xlg div.btn-sub-title { position: absolute; top: 200px; left: 30px; font-size: 24px; font-weight: lighter; } body.theme-material .btn:focus { outline: none; } body.theme-material div.dialog div.dialog-header { background: white; color: black; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; padding: 25px 25px 10px 25px; font-weight: normal; text-align: left; } body.theme-material div.dialog div.dialog-header i.dialog-close { display: none; } body.theme-material div.dialog div.dialog-body { position: relative; border: none; } body.theme-material div.dialog div.dialog-body div.dialog-message { font-weight: medium; } body.theme-material div.dialog div.dialog-body form.inline-form { padding: 0; } body.theme-material div.dialog div.dialog-body div#list { margin: 0 20px; } body.theme-material div.dialog div.dialog-body div#list table thead th { color: #0d6efd; } body.theme-material div.dialog div.dialog-body div#list table tbody tr { color: #464646; } body.theme-material div.dialog div.dialog-body div#list table tbody tr:hover { cursor: pointer; background: rgba(45, 153, 255, 0.24); } body.theme-material div.dialog div.dialog-footer div.dialog-buttons { padding: 10px 25px; text-align: right; } body.theme-material div.dialog div.dialog-footer div.dialog-buttons button { border: none; background: none; color: #0d6efd; box-shadow: none; font-weight: normal; font-size: 18px; margin-left: 15px; text-transform: uppercase; padding: 6px 18px; } body.theme-material div.dialog div.dialog-footer div.dialog-buttons button:hover { background: #4790F8; color: white; } body.theme-material div.dialog div.dialog-footer div.dialog-buttons button:active { background: none; color: #0d6efd; } body.theme-material input:-webkit-autofill, body.theme-material input:-webkit-autofill:hover, body.theme-material input:-webkit-autofill:focus textarea:-webkit-autofill, body.theme-material textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, body.theme-material select:-webkit-autofill, body.theme-material select:-webkit-autofill:hover, body.theme-material select:-webkit-autofill:focus { border: 1px dotted green; background: transparent; -webkit-box-shadow: none; transition: none; } body.theme-material div.form-group { position: relative; min-height: 32px; margin: 0; line-height: 12px; padding: 10px; } body.theme-material div.form-group input.form-control { height: inherit; min-height: 32px; padding: 0; } body.theme-material div.form-group label { color: #8a8a8a; transition: 0.2s all; position: absolute; left: 0; bottom: 0; top: 0; right: 10px; font-size: 12px; font-weight: normal; margin: 0; } body.theme-material div.form-group label a[aria-label][data-balloon-pos] { position: absolute; bottom: 0; left: -30px; right: auto; z-index: 100; text-transform: none; text-align: left; } body.theme-material div.form-group div.input-group-addon { background-color: transparent; border: none; } body.theme-material div.form-group input[type="checkbox"] { z-index: inherit; } body.theme-material div.form-group input#thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } body.theme-material div.form-group input + label, body.theme-material div.form-group textarea + label, body.theme-material div.form-group div.input-group + label { border-bottom: 1px solid gray; } body.theme-material div.form-group input + label:after, body.theme-material div.form-group textarea + label:after, body.theme-material div.form-group div.input-group + label:after { content: ''; position: absolute; bottom: 0; left: 45%; height: 2px; width: 10px; visibility: hidden; background-color: #0d6efd; transition: 0.2s ease all; } input body.theme-material div.form-group.locked { color: #6E1A15; } input body.theme-material div.form-group.locked:before { content: ""; color: #b5b5b5; text-rendering: auto; -webkit-font-smoothing: antialiased; font: 900 14px / 1 "fa_free"; position: absolute; right: 15px; top: 15px; } body.theme-material div.form-group .bootstrap-tagsinput { border: none; padding: 0; box-shadow: none; width: 100%; position: relative; z-index: 12; background: transparent; line-height: inherit; min-height: 32px; } body.theme-material div.form-group .bootstrap-tagsinput > input { padding: 6px 0 0; } body.theme-material div.form-group .bootstrap-tagsinput span.tag { margin-right: 0; } body.theme-material div.form-group div.bootstrap-select, body.theme-material div.form-group select { position: relative; z-index: inherit; } body.theme-material div.form-group select { background: transparent; border: none; color: white; border-radius: 0; box-shadow: none; } body.theme-material div.form-group input, body.theme-material div.form-group textarea { border: none; margin: 0; padding: 0; border-radius: 0; box-shadow: none; background: none; position: relative; z-index: 2; } body.theme-material div.form-group input::-webkit-input-placeholder, body.theme-material div.form-group textarea::-webkit-input-placeholder { color: transparent; } body.theme-material div.form-group input:-moz-placeholder, body.theme-material div.form-group textarea:-moz-placeholder { color: transparent; } body.theme-material div.form-group input::-moz-placeholder, body.theme-material div.form-group textarea::-moz-placeholder { color: transparent; } body.theme-material div.form-group input:-ms-input-placeholder, body.theme-material div.form-group textarea:-ms-input-placeholder { color: transparent; } body.theme-material div.form-group input:focus, body.theme-material div.form-group textarea:focus { outline: none !important; } body.theme-material div.form-group input:invalid + label, body.theme-material div.form-group textarea:invalid + label { top: 20px; font-size: 14px; } body.theme-material div.form-group textarea { background: rgba(234, 234, 234, 0.4); } body.theme-material div.form-group input:-webkit-autofill, body.theme-material div.form-group textarea:-webkit-autofill, body.theme-material div.form-group select:-webkit-autofill { background-color: transparent !important; background-image: none !important; border-bottom: 1px solid #fd9608; color: black !important; } body.theme-material div.form-group input:-webkit-autofill + label, body.theme-material div.form-group textarea:-webkit-autofill + label, body.theme-material div.form-group select:-webkit-autofill + label { border: none; } body.theme-material div.form-group input:focus + label, body.theme-material div.form-group textarea:focus + label { top: 0; font-size: 10px; color: #0d6efd; } body.theme-material div.form-group input:focus + label:after, body.theme-material div.form-group textarea:focus + label:after, body.theme-material div.form-group div.bootstrap-select.open + label:after, body.theme-material div.form-group div.input-group.focused + label:after { visibility: visible; width: 100%; left: 0; } body.theme-material div.form-group.checkbox label, body.theme-material div.form-group input[type="checkbox"] + label { position: relative; padding: 10px; font-size: 14px; border: none; border-radius: 0; } body.theme-material div.form-group input[type="color"] + label { border: none; border-radius: 0; } body.theme-material div.form-group input[type="color"]:focus + label:after { visibility: hidden; } body.theme-material div.form-group div.model-select-popover input { box-shadow: none; background: transparent; color: #1a1a1a; border-bottom: 1px solid #1a1a1a; } body.theme-material div.form-group div.bootstrap-select { box-shadow: none; background: transparent; color: #1a1a1a; } body.theme-material div.form-group div.bootstrap-select button { box-shadow: none; border: none; border-bottom: 1px solid gray; border-radius: 0; padding: 10px 0 2px; background: transparent; color: #1a1a1a; } body.theme-material div.form-group div.bootstrap-select button:focus, body.theme-material div.form-group div.bootstrap-select button:active { outline: none !important; } body.theme-material div.form-group div.bootstrap-select ul > li a:focus, body.theme-material div.form-group div.bootstrap-select ul > li a:active { outline: thin dotted !important; color: #0d6efd; } body.theme-material div.form-group div.bootstrap-select.open + label, body.theme-material div.form-group div.input-group.focused + label { top: 0; font-size: 10px; color: #0d6efd; } body.theme-material div.form-group div.bootstrap-select.open > button { color: #0d6efd; background: none; } body.theme-material div.form-group input.input-tags + label { top: 0; font-size: 10px; } body.theme-material div.form-group div.input-group.focused button { color: #0d6efd; } body.theme-material div.form-group div.daterange-input { padding: 0; min-height: 32px; border: none; border-bottom: 1px solid gray; border-radius: 0; } body.theme-material div.form-group div.daterange-input > span { font-weight: lighter; font-size: 10px; } body.theme-material div.form-group div.bootstrap-switch + label { position: relative; font-size: 14px; font-weight: normal; } body.theme-material div.form-group div.input-group input.form-control::-webkit-input-placeholder { font-weight: lighter; color: #D4D4D4; } body.theme-material div.form-group div.input-group input.form-control:-moz-placeholder { font-weight: lighter; color: #D4D4D4; } body.theme-material div.form-group div.input-group input.form-control::-moz-placeholder { font-weight: lighter; color: #D4D4D4; } body.theme-material div.form-group div.input-group input.form-control:-ms-input-placeholder { font-weight: lighter; color: #D4D4D4; } body.theme-material div.form-group div.input-group-btn button { background: transparent; box-shadow: none; color: gray; border: none; } body.theme-material div.collection-select { z-index: 100; } body.theme-material div.collection-select div.static-select { min-height: 31px; padding: 10px 0 2px; cursor: pointer; border-bottom: 1px solid gray; } body.theme-material div.collection-select div.static-select:after { content: ""; position: absolute; top: 6px; right: 2px; color: #b5b5b5; font: normal normal normal 14px / 1 'fa_free'; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 14px; } body.mobile.theme-material div.topbar-bar-tabs div.topbar-tab.active { color: #0d6efd; border-bottom: 3px solid #0d6efd; } body.mobile.theme-material div#panel-left { box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } body.mobile.theme-material nav.topnav div.brand-title h4 { margin: 3px 5px 0; } body.mobile.theme-material nav.topnav div.brand-title h1 { margin: 0 5px; font-weight: lighter; } body.mobile.theme-material div.tabs-view.padded { padding: 15px; } body.mobile.theme-material div.tabs-container { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } body.mobile.theme-material div.tabs-container #tab_dropdown { display: none; } body.mobile.theme-material div.tabs-container #tab_dropdown .btn-dropdown { text-align: left; font-size: 18px; border-bottom: 2px solid #0d6efd; width: 100%; } body.mobile.theme-material div.tabs-container.wrapped #tab_dropdown { display: block; } body.mobile.theme-material div.tabs-container.wrapped div.tabs { display: none; } body.mobile.theme-material div.tabs { border-bottom: 1px solid #ececec; margin-top: 0; } body.mobile.theme-material div.tabs > ul { position: relative; } body.mobile.theme-material div.tabs > ul > li { background: transparent; } body.mobile.theme-material div.tabs > ul > li:hover { background: rgba(0, 0, 0, 0.1); } body.mobile.theme-material div.tabs > ul > li.active { color: #0d6efd; border-bottom: 2px solid #0d6efd; } body.mobile.theme-material div.tabs div.tab { padding: 30px 15px; } body.mobile.theme-material div.mpanel { position: relative; margin-bottom: 10px; } body.mobile.theme-material div.mpanel div.mpanel-header { padding: 8px; background: #9d9d9d; color: white; border-top-left-radius: 6px; border-top-right-radius: 6px; } body.mobile.theme-material div.mpanel div.mpanel-header button.edit-panel { position: absolute; right: 5px; top: 4px; } body.mobile.theme-material div.mpanel div.mpanel-header .panel-button-right { top: 4px; position: absolute; right: 7px; } body.mobile.theme-material div.mpanel div.mpanel-header .panel-button-right button { padding: 5px; } body.mobile.theme-material div.mpanel div.mpanel-header .btn-link { color: white; } body.mobile.theme-material div.mpanel div.mpanel-body { padding-top: 10px; border: 1px solid #e4e4e4; } body.mobile.theme-material div.mpanel div.mpanel-body table td { border-top: none; } body.mobile.theme-material div.mpanel div.mpanel-body table td.field-label { color: gray; text-align: right; width: 140px; } body.mobile.theme-material div.mpanel div.mpanel-body table td.field-value { text-align: left; } body.mobile.theme-material #ticket_popup .panel { border-left: 1px solid lightgray; border-right: 1px solid lightgray; } body.mobile.theme-material #ticket_popup .panel-header { background-color: #eeeeee; color: #333333; border: 1px solid lightgray; } body.mobile.theme-material #ticket_popup .panel-footer { border: 1px solid lightgray; } body.mobile.theme-material div.month-to-day-widget .mpanel-header .month-info { color: #fff; } @media (max-width: 760px) { body.mobile.theme-material div#panel-left { z-index: inherit; } body.mobile.theme-material div#page div.page-view { padding: 35px 5px !important; } body.mobile.theme-material div#page div.tabs-view.padded { padding: 0; } } body.mobile.theme-material div#page { background: white; } body.mobile.theme-material div#page #row-header { background-color: #573a62; color: white; margin-bottom: 10px; } body.mobile.theme-material div#page div.page-view { padding: 10px 20px; background: white; } body.mobile.theme-material div#page div.toc-toggle { border-right: 1px solid black; background: #eeeeee; color: #0d6efd; border-radius: 5px; visibility: hidden; opacity: 0; transition: opacity 1s linear; cursor: pointer; position: absolute; top: 5px; left: 230px; z-index: 1000; } body.mobile.theme-material div#page #advanced_list_batch_action_bar { position: fixed; left: 10%; right: 10%; bottom: -10%; transition: bottom 0.3s; display: none; height: 70px; z-index: 1000; background: #ffffff; border-radius: 8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); border: 1px solid #cccccc; } body.mobile.theme-material div#page #advanced_list_batch_action_bar.show { bottom: 7%; display: block; } body.mobile.theme-material div#page #advanced_list_batch_action_bar .left-side .count { position: absolute; top: 0px; left: 0px; text-align: center; width: 70px; height: 68px; background-color: #0d6efd; color: white; border-top-left-radius: 8px; border-bottom-left-radius: 8px; font-size: 2.6em; padding: 8px; } body.mobile.theme-material div#page #advanced_list_batch_action_bar .left-side h2 { margin: 0px; font-size: 24px; text-align: left; padding: 20px; padding-left: 80px; } body.mobile.theme-material div#page #advanced_list_batch_action_bar .batch-bar { position: absolute; right: 0px; top: 0px; height: 70px; } body.mobile.theme-material div#page #advanced_list_batch_action_bar .batch-bar .batch-action { height: 70px; width: 70px; border-left: 1px solid #cccccc; display: inline-block; text-align: center; font-size: 12px; color: gray; overflow: hidden; padding: 0px; } body.mobile.theme-material div#page #advanced_list_batch_action_bar .batch-bar .batch-action .batch-action-in { height: 100%; width: 100%; padding: 5px; white-space: nowrap; cursor: pointer; } body.mobile.theme-material div#page #advanced_list_batch_action_bar .batch-bar .batch-action i { color: black; display: block; font-size: 2.2em; padding: 5px; } body.mobile.theme-material div#page #advanced_list_batch_action_bar .batch-bar .batch-action:hover .batch-action-in { background: #e9e9e9; } body.mobile.theme-material section.page-toc-mode div#page div.page-toc { padding: 0; } body.mobile.theme-material section.page-toc-mode div#page div.page-toc div#list_view table tr.list-item td { font-size: 10px; line-height: 10px; } body.mobile.theme-material section.page-toc-mode div#page div.toc-toggle { visibility: visible; opacity: 1; padding: 10px; background: #eeeeee; } body.mobile.theme-material section.page-toc-mode div#page form.search input { padding-left: 10px; } body.mobile.theme-material section.page-toc-mode div#page div#filters { box-shadow: none; } body.mobile.theme-material section.page-toc-mode div#page form.inline-form { margin: 0 -10px; } body.mobile.theme-material section.page-toc-mode div#page h1.title { font-size: 1.4vw; } body.mobile.theme-material #page #table-menu, body.mobile.theme-material div.page-tablegrid #table-menu { display: inline-block; } body.mobile.theme-material #page div#filters button.btn-toggle, body.mobile.theme-material div.page-tablegrid div#filters button.btn-toggle { border: none; } body.mobile.theme-material #page div.title-bar, body.mobile.theme-material div.page-tablegrid div.title-bar { margin: 0 15px; } body.mobile.theme-material #page div.title-bar div.title-col, body.mobile.theme-material div.page-tablegrid div.title-bar div.title-col { width: 100%; border-bottom: 1px solid #d9d6d6; background: #eeeeee; color: #646464; } body.mobile.theme-material #page div.title-bar div#filters, body.mobile.theme-material div.page-tablegrid div.title-bar div#filters { width: 100%; box-shadow: inset 0 0 5px rgba(76, 76, 76, 0.46); padding-top: 10px; } body.mobile.theme-material #page div.title-bar h1.title, body.mobile.theme-material div.page-tablegrid div.title-bar h1.title { font-size: 30px; } body.mobile.theme-material #page div.title-bar h1.title #table-menu button i, body.mobile.theme-material div.page-tablegrid div.title-bar h1.title #table-menu button i { font-size: 24px; } body.mobile.theme-material #page .batch-select-mode .batch-select-th, body.mobile.theme-material div.page-tablegrid .batch-select-mode .batch-select-th { background: #0d6efd; } body.mobile.theme-material #page .batch-select-th, body.mobile.theme-material div.page-tablegrid .batch-select-th { width: 1px; padding: 0px; cursor: pointer; } body.mobile.theme-material #page .batch-select-th .all-checkbox, body.mobile.theme-material div.page-tablegrid .batch-select-th .all-checkbox { width: 14px; height: 14px; background: rgba(245, 245, 245, 0.5); left: 12px; top: 10px; position: absolute; } body.mobile.theme-material #page .batch-select-td, body.mobile.theme-material div.page-tablegrid .batch-select-td { cursor: pointer; border-right: 1px solid #e6e6e6; } body.mobile.theme-material #page tr .batch-select-th:hover, body.mobile.theme-material div.page-tablegrid tr .batch-select-th:hover { background: #0d6efd; } body.mobile.theme-material #page tr.selected .batch-select-th .all-checkbox:after, body.mobile.theme-material div.page-tablegrid tr.selected .batch-select-th .all-checkbox:after { content: ''; position: absolute; left: 1px; top: 7px; background: rgba(245, 245, 245, 0.5); width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(45deg); } body.mobile.theme-material #page tr.batch-selected .batch-select-td, body.mobile.theme-material #page tr.batch-selected .batch-select-th, body.mobile.theme-material div.page-tablegrid tr.batch-selected .batch-select-td, body.mobile.theme-material div.page-tablegrid tr.batch-selected .batch-select-th { width: 36px; } body.mobile.theme-material #page tr.selected .batch-select-td .checkboxfake:before, body.mobile.theme-material div.page-tablegrid tr.selected .batch-select-td .checkboxfake:before { background: #0d6efd; } body.mobile.theme-material #page tr.selected .batch-select-td .checkboxfake:after, body.mobile.theme-material div.page-tablegrid tr.selected .batch-select-td .checkboxfake:after { content: ''; position: absolute; left: 1px; top: 7px; background: rgba(245, 245, 245, 0.5); width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(45deg); } body.mobile.theme-material #page tr .batch-select-td, body.mobile.theme-material #page tr .batch-select-th, body.mobile.theme-material div.page-tablegrid tr .batch-select-td, body.mobile.theme-material div.page-tablegrid tr .batch-select-th { transition: width 0.3s; overflow: hidden; width: 10px; position: relative; padding-left: 0px; padding-right: 0px; } body.mobile.theme-material #page tr .batch-select-td:hover .checkboxfake:before, body.mobile.theme-material #page tr .batch-select-th:hover .checkboxfake:before, body.mobile.theme-material div.page-tablegrid tr .batch-select-td:hover .checkboxfake:before, body.mobile.theme-material div.page-tablegrid tr .batch-select-th:hover .checkboxfake:before { background: #0d6efd; } body.mobile.theme-material #page tr .batch-select-td .checkboxfake, body.mobile.theme-material #page tr .batch-select-th .checkboxfake, body.mobile.theme-material div.page-tablegrid tr .batch-select-td .checkboxfake, body.mobile.theme-material div.page-tablegrid tr .batch-select-th .checkboxfake { margin: 1px; left: 10px; position: absolute; } body.mobile.theme-material #page tr .batch-select-td .checkboxfake:before, body.mobile.theme-material #page tr .batch-select-th .checkboxfake:before, body.mobile.theme-material div.page-tablegrid tr .batch-select-td .checkboxfake:before, body.mobile.theme-material div.page-tablegrid tr .batch-select-th .checkboxfake:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: rgba(245, 245, 245, 0.5); } body.mobile.theme-material #page tr .batch-select-td .checkboxfake:focus:before, body.mobile.theme-material #page tr .batch-select-th .checkboxfake:focus:before, body.mobile.theme-material div.page-tablegrid tr .batch-select-td .checkboxfake:focus:before, body.mobile.theme-material div.page-tablegrid tr .batch-select-th .checkboxfake:focus:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } body.mobile.theme-material #page tr .batch-select-td .checkboxfake:disabled, body.mobile.theme-material #page tr .batch-select-th .checkboxfake:disabled, body.mobile.theme-material div.page-tablegrid tr .batch-select-td .checkboxfake:disabled, body.mobile.theme-material div.page-tablegrid tr .batch-select-th .checkboxfake:disabled { color: #b8b8b8; cursor: auto; } body.mobile.theme-material #page tr .batch-select-td .checkboxfake:disabled:before, body.mobile.theme-material #page tr .batch-select-th .checkboxfake:disabled:before, body.mobile.theme-material div.page-tablegrid tr .batch-select-td .checkboxfake:disabled:before, body.mobile.theme-material div.page-tablegrid tr .batch-select-th .checkboxfake:disabled:before { box-shadow: none; background: #ddd; } body.mobile.theme-material #page tr .batch-select-td:hover, body.mobile.theme-material #page tr .batch-select-th:hover, body.mobile.theme-material div.page-tablegrid tr .batch-select-td:hover, body.mobile.theme-material div.page-tablegrid tr .batch-select-th:hover { width: 36px; } body.mobile.theme-material #page tr .batch-select-td:hover:after, body.mobile.theme-material #page tr .batch-select-th:hover:after, body.mobile.theme-material div.page-tablegrid tr .batch-select-td:hover:after, body.mobile.theme-material div.page-tablegrid tr .batch-select-th:hover:after { background: rgba(206, 206, 206, 0.26); content: ' '; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } body.mobile.theme-material #wiki-page-info ul li::before { content: "▪"; color: black; font-weight: bold; display: inline-block; opacity: 0.5; width: 1em; margin-left: -1em; } body.mobile.theme-material #wiki_page button.btn.btn-link.edit { color: #327ab7; } body.mobile section.page.page-toc-mode div#page .batch-select-td, body.mobile section.page.page-toc-mode div#page .batch-select-th { width: 10px !important; pointer-events: none; } body.mobile section.page.page-toc-mode div.title-bar div#table-menu { float: none; } @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,500|Quicksand:300,400,700&display=swap'); .generated-from-scss { content: 'shared/themes/midnight.scss'; } body.theme-midnight div.tabs-view.padded { padding: 15px; } body.theme-midnight div.tabs { margin-top: 0; } body.theme-midnight div.tabs > ul { position: relative; } body.theme-midnight div.tabs > ul > li { background-color: transparent; color: #0c9480; padding: 7px 14px 6px 14px; } body.theme-midnight div.tabs > ul > li:hover { background-color: transparent; color: #014b3b; } body.theme-midnight div.tabs > ul > li.active, body.theme-midnight div.tabs > ul > li.focus { background-color: #0c9480; border-bottom: none; color: white; } body.theme-midnight div.tabs > ul > li.disabled { color: #e7e8eb; } body.theme-midnight div.tabs div.tab { padding: 30px 15px; } body.theme-midnight #tab_dropdown .btn.dropdown-toggle.btn-dropdown { background: transparent; box-shadow: none; border: none; color: black; outline: none; text-transform: uppercase; } body.theme-midnight div.dialog { border-radius: 10px; } body.theme-midnight div.dialog div.dialog-header { border-radius: 10px 10px 0 0; } body.theme-midnight div.dialog div.dialog-footer { border-radius: 0 0 10px 10px; } body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel, body.theme-midnight div.panel, body.theme-midnight div.mpanel { margin-bottom: 10px; border-radius: 6px; background: #f9fafd; } body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header, body.theme-midnight div.panel div.panel-header, body.theme-midnight div.panel div.mpanel-header, body.theme-midnight div.mpanel div.panel-header, body.theme-midnight div.mpanel div.mpanel-header { font-family: 'Quicksand', sans-serif; font-weight: bold; letter-spacing: 0.25px; font-size: 18px; font-size: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; background: #081448; color: white; } body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) .btn-link, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) a, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) .btn-link, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) a, body.theme-midnight div.panel div.panel-header:not(.blend) .btn-link, body.theme-midnight div.panel div.panel-header:not(.blend) a, body.theme-midnight div.panel div.mpanel-header:not(.blend) .btn-link, body.theme-midnight div.panel div.mpanel-header:not(.blend) a, body.theme-midnight div.mpanel div.panel-header:not(.blend) .btn-link, body.theme-midnight div.mpanel div.panel-header:not(.blend) a, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) .btn-link, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) a { background: none; color: white; } body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) .btn-link:hover, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) a:hover, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) .btn-link:hover, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) a:hover, body.theme-midnight div.panel div.panel-header:not(.blend) .btn-link:hover, body.theme-midnight div.panel div.panel-header:not(.blend) a:hover, body.theme-midnight div.panel div.mpanel-header:not(.blend) .btn-link:hover, body.theme-midnight div.panel div.mpanel-header:not(.blend) a:hover, body.theme-midnight div.mpanel div.panel-header:not(.blend) .btn-link:hover, body.theme-midnight div.mpanel div.panel-header:not(.blend) a:hover, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) .btn-link:hover, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) a:hover { background: none; color: rgba(255, 255, 255, 0.38); } body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) .btn-link:active, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) .btn-link:focus, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) a:active, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) a:focus, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) .btn-link:active, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) .btn-link:focus, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) a:active, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) a:focus, body.theme-midnight div.panel div.panel-header:not(.blend) .btn-link:active, body.theme-midnight div.panel div.panel-header:not(.blend) .btn-link:focus, body.theme-midnight div.panel div.panel-header:not(.blend) a:active, body.theme-midnight div.panel div.panel-header:not(.blend) a:focus, body.theme-midnight div.panel div.mpanel-header:not(.blend) .btn-link:active, body.theme-midnight div.panel div.mpanel-header:not(.blend) .btn-link:focus, body.theme-midnight div.panel div.mpanel-header:not(.blend) a:active, body.theme-midnight div.panel div.mpanel-header:not(.blend) a:focus, body.theme-midnight div.mpanel div.panel-header:not(.blend) .btn-link:active, body.theme-midnight div.mpanel div.panel-header:not(.blend) .btn-link:focus, body.theme-midnight div.mpanel div.panel-header:not(.blend) a:active, body.theme-midnight div.mpanel div.panel-header:not(.blend) a:focus, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) .btn-link:active, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) .btn-link:focus, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) a:active, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) a:focus { background: none; outline: none; color: rgba(255, 255, 255, 0.6); } body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) .btn-link.disabled, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header:not(.blend) a.disabled, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) .btn-link.disabled, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header:not(.blend) a.disabled, body.theme-midnight div.panel div.panel-header:not(.blend) .btn-link.disabled, body.theme-midnight div.panel div.panel-header:not(.blend) a.disabled, body.theme-midnight div.panel div.mpanel-header:not(.blend) .btn-link.disabled, body.theme-midnight div.panel div.mpanel-header:not(.blend) a.disabled, body.theme-midnight div.mpanel div.panel-header:not(.blend) .btn-link.disabled, body.theme-midnight div.mpanel div.panel-header:not(.blend) a.disabled, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) .btn-link.disabled, body.theme-midnight div.mpanel div.mpanel-header:not(.blend) a.disabled { background: none; color: rgba(0, 0, 0, 0.38); } body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body table, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body table.table, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body table, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body table.table, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body #list table, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body #list table.table, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body #list table, body.theme-midnight section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body #list table.table, body.theme-midnight div.panel div.panel-body table, body.theme-midnight div.panel div.panel-body table.table, body.theme-midnight div.panel div.mpanel-body table, body.theme-midnight div.panel div.mpanel-body table.table, body.theme-midnight div.panel div.panel-body #list table, body.theme-midnight div.panel div.panel-body #list table.table, body.theme-midnight div.panel div.mpanel-body #list table, body.theme-midnight div.panel div.mpanel-body #list table.table, body.theme-midnight div.mpanel div.panel-body table, body.theme-midnight div.mpanel div.panel-body table.table, body.theme-midnight div.mpanel div.mpanel-body table, body.theme-midnight div.mpanel div.mpanel-body table.table, body.theme-midnight div.mpanel div.panel-body #list table, body.theme-midnight div.mpanel div.panel-body #list table.table, body.theme-midnight div.mpanel div.mpanel-body #list table, body.theme-midnight div.mpanel div.mpanel-body #list table.table { background: #f9fafd; } body.theme-midnight #paginated_list thead th, body.theme-midnight table thead th, body.theme-midnight table.table thead th { font-family: 'Quicksand', sans-serif; font-size: 18px; font-weight: bold; letter-spacing: 0.25px; } body.theme-midnight #paginated_list tbody tr td, body.theme-midnight #paginated_list tbody tr.idle td, body.theme-midnight #paginated_list tbody tr.declined td, body.theme-midnight #paginated_list tbody tr.paid td, body.theme-midnight #paginated_list tbody tr.balance_approved td, body.theme-midnight #paginated_list tbody tr.canceled td, body.theme-midnight #paginated_list tbody tr.maintenance td, body.theme-midnight #paginated_list tbody tr.offline td, body.theme-midnight #paginated_list tbody tr.down td, body.theme-midnight #paginated_list tbody tr.in_use td, body.theme-midnight table tbody tr td, body.theme-midnight table tbody tr.idle td, body.theme-midnight table tbody tr.declined td, body.theme-midnight table tbody tr.paid td, body.theme-midnight table tbody tr.balance_approved td, body.theme-midnight table tbody tr.canceled td, body.theme-midnight table tbody tr.maintenance td, body.theme-midnight table tbody tr.offline td, body.theme-midnight table tbody tr.down td, body.theme-midnight table tbody tr.in_use td, body.theme-midnight table.table tbody tr td, body.theme-midnight table.table tbody tr.idle td, body.theme-midnight table.table tbody tr.declined td, body.theme-midnight table.table tbody tr.paid td, body.theme-midnight table.table tbody tr.balance_approved td, body.theme-midnight table.table tbody tr.canceled td, body.theme-midnight table.table tbody tr.maintenance td, body.theme-midnight table.table tbody tr.offline td, body.theme-midnight table.table tbody tr.down td, body.theme-midnight table.table tbody tr.in_use td { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; } body.theme-midnight .terminal-header div.bg-container, body.theme-midnight div.trans-header-summary .background-image-tint { background: none !important; } body.theme-midnight div.month-to-day-widget .mpanel-header .month-info { color: white; } body.theme-midnight #login_page .panel { box-shadow: none; } @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,500|Quicksand:300,400,700&display=swap'); .generated-from-scss { content: 'shared/themes/base_alt.scss'; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHh30AUi-qNiXg7eU0.woff2) format('woff2'); unicode-range: U100 -24f, U259, U1 E00-1EFF, U2020, U20 A0-20AB, U20 AD-20CF, U2113, U2 C60-2C7F, UA720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2) format('woff2'); unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2'); unicode-range: U100 -24f, U259, U1 E00-1EFF, U2020, U20 A0-20AB, U20 AD-20CF, U2113, U2 C60-2C7F, UA720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2'); unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2'); unicode-range: U100 -24f, U259, U1 E00-1EFF, U2020, U20 A0-20AB, U20 AD-20CF, U2113, U2 C60-2C7F, UA720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2'); unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2'); unicode-range: U100 -24f, U259, U1 E00-1EFF, U2020, U20 A0-20AB, U20 AD-20CF, U2113, U2 C60-2C7F, UA720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2'); unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } body.theme-base-alt div.tabs-container { box-shadow: none; border-radius: 3px; } body.theme-base-alt div.tabs-view.padded { padding: 15px; } body.theme-base-alt div.tabs { font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1.25px; text-transform: uppercase; margin-top: 0; } body.theme-base-alt div.tabs > ul { position: relative; } body.theme-base-alt div.tabs > ul > li { background-color: white; color: rgba(0, 0, 0, 0.5); padding: 14px; margin-bottom: 0; } body.theme-base-alt div.tabs > ul > li:hover { background-color: #eee; } body.theme-base-alt div.tabs > ul > li.active, body.theme-base-alt div.tabs > ul > li.focus { color: #455a64; border-bottom: 1px solid #455a64; } body.theme-base-alt div.tabs > ul > li.disabled { color: #e7e8eb; } body.theme-base-alt div.tabs > ul > li.active { padding-bottom: 13px; } body.theme-base-alt div.tabs div.tab { padding: 30px 15px; } body.theme-base-alt #tab_dropdown .btn.dropdown-toggle.btn-dropdown { background: transparent; box-shadow: none; border: none; color: rgba(0, 0, 0, 0.87); outline: none; text-transform: uppercase; } body.theme-base-alt div.dialog { border-radius: 3px; } body.theme-base-alt div.dialog div.dialog-header { border-radius: 3px 3px 0 0; background: #383838; color: white; } body.theme-base-alt div.dialog div.dialog-body { border: none; } body.theme-base-alt div.dialog div.dialog-footer { border-radius: 0 0 3px 3px; } body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel, body.theme-base-alt div.panel, body.theme-base-alt div.mpanel, body.theme-base-alt div.mpanel.secondary, body.theme-base-alt div.mpanel.tertiary { margin-bottom: 25px; border-radius: 3px; background-color: white; } body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel .row, body.theme-base-alt div.panel .row, body.theme-base-alt div.mpanel .row, body.theme-base-alt div.mpanel.secondary .row, body.theme-base-alt div.mpanel.tertiary .row { margin-bottom: 10px; } body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel .field:before, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel .item-label, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel .panel-label, body.theme-base-alt div.panel .field:before, body.theme-base-alt div.panel .item-label, body.theme-base-alt div.panel .panel-label, body.theme-base-alt div.mpanel .field:before, body.theme-base-alt div.mpanel .item-label, body.theme-base-alt div.mpanel .panel-label, body.theme-base-alt div.mpanel.secondary .field:before, body.theme-base-alt div.mpanel.secondary .item-label, body.theme-base-alt div.mpanel.secondary .panel-label, body.theme-base-alt div.mpanel.tertiary .field:before, body.theme-base-alt div.mpanel.tertiary .item-label, body.theme-base-alt div.mpanel.tertiary .panel-label { color: rgba(0, 0, 0, 0.6); } body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.panel-header, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-header, body.theme-base-alt div.panel div.panel-header, body.theme-base-alt div.panel div.mpanel-header, body.theme-base-alt div.mpanel div.panel-header, body.theme-base-alt div.mpanel div.mpanel-header, body.theme-base-alt div.mpanel.secondary div.panel-header, body.theme-base-alt div.mpanel.secondary div.mpanel-header, body.theme-base-alt div.mpanel.tertiary div.panel-header, body.theme-base-alt div.mpanel.tertiary div.mpanel-header { border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: white; color: black; } body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body #list, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body #list, body.theme-base-alt div.panel div.panel-body, body.theme-base-alt div.panel div.mpanel-body, body.theme-base-alt div.panel div.panel-body #list, body.theme-base-alt div.panel div.mpanel-body #list, body.theme-base-alt div.mpanel div.panel-body, body.theme-base-alt div.mpanel div.mpanel-body, body.theme-base-alt div.mpanel div.panel-body #list, body.theme-base-alt div.mpanel div.mpanel-body #list, body.theme-base-alt div.mpanel.secondary div.panel-body, body.theme-base-alt div.mpanel.secondary div.mpanel-body, body.theme-base-alt div.mpanel.secondary div.panel-body #list, body.theme-base-alt div.mpanel.secondary div.mpanel-body #list, body.theme-base-alt div.mpanel.tertiary div.panel-body, body.theme-base-alt div.mpanel.tertiary div.mpanel-body, body.theme-base-alt div.mpanel.tertiary div.panel-body #list, body.theme-base-alt div.mpanel.tertiary div.mpanel-body #list { padding: 5px 15px 15px 15px; } body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body table, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body table.table, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body table, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body table.table, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body #list table, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.panel-body #list table.table, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body #list table, body.theme-base-alt section#qc_daily_breakdown div.batch-report div.mpanel div.mpanel-body #list table.table, body.theme-base-alt div.panel div.panel-body table, body.theme-base-alt div.panel div.panel-body table.table, body.theme-base-alt div.panel div.mpanel-body table, body.theme-base-alt div.panel div.mpanel-body table.table, body.theme-base-alt div.panel div.panel-body #list table, body.theme-base-alt div.panel div.panel-body #list table.table, body.theme-base-alt div.panel div.mpanel-body #list table, body.theme-base-alt div.panel div.mpanel-body #list table.table, body.theme-base-alt div.mpanel div.panel-body table, body.theme-base-alt div.mpanel div.panel-body table.table, body.theme-base-alt div.mpanel div.mpanel-body table, body.theme-base-alt div.mpanel div.mpanel-body table.table, body.theme-base-alt div.mpanel div.panel-body #list table, body.theme-base-alt div.mpanel div.panel-body #list table.table, body.theme-base-alt div.mpanel div.mpanel-body #list table, body.theme-base-alt div.mpanel div.mpanel-body #list table.table, body.theme-base-alt div.mpanel.secondary div.panel-body table, body.theme-base-alt div.mpanel.secondary div.panel-body table.table, body.theme-base-alt div.mpanel.secondary div.mpanel-body table, body.theme-base-alt div.mpanel.secondary div.mpanel-body table.table, body.theme-base-alt div.mpanel.secondary div.panel-body #list table, body.theme-base-alt div.mpanel.secondary div.panel-body #list table.table, body.theme-base-alt div.mpanel.secondary div.mpanel-body #list table, body.theme-base-alt div.mpanel.secondary div.mpanel-body #list table.table, body.theme-base-alt div.mpanel.tertiary div.panel-body table, body.theme-base-alt div.mpanel.tertiary div.panel-body table.table, body.theme-base-alt div.mpanel.tertiary div.mpanel-body table, body.theme-base-alt div.mpanel.tertiary div.mpanel-body table.table, body.theme-base-alt div.mpanel.tertiary div.panel-body #list table, body.theme-base-alt div.mpanel.tertiary div.panel-body #list table.table, body.theme-base-alt div.mpanel.tertiary div.mpanel-body #list table, body.theme-base-alt div.mpanel.tertiary div.mpanel-body #list table.table { background-color: white; margin-bottom: 0px; } body.theme-base-alt .field-container .field-value { font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 2px; } body.theme-base-alt #paginated_list thead th, body.theme-base-alt table thead th, body.theme-base-alt table.table thead th { font-family: 'Quicksand', sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 0.25px; } body.theme-base-alt #paginated_list tbody tr td, body.theme-base-alt #paginated_list tbody tr.idle td, body.theme-base-alt #paginated_list tbody tr.declined td, body.theme-base-alt #paginated_list tbody tr.paid td, body.theme-base-alt #paginated_list tbody tr.balance_approved td, body.theme-base-alt #paginated_list tbody tr.canceled td, body.theme-base-alt #paginated_list tbody tr.maintenance td, body.theme-base-alt #paginated_list tbody tr.offline td, body.theme-base-alt #paginated_list tbody tr.down td, body.theme-base-alt #paginated_list tbody tr.in_use td, body.theme-base-alt table tbody tr td, body.theme-base-alt table tbody tr.idle td, body.theme-base-alt table tbody tr.declined td, body.theme-base-alt table tbody tr.paid td, body.theme-base-alt table tbody tr.balance_approved td, body.theme-base-alt table tbody tr.canceled td, body.theme-base-alt table tbody tr.maintenance td, body.theme-base-alt table tbody tr.offline td, body.theme-base-alt table tbody tr.down td, body.theme-base-alt table tbody tr.in_use td, body.theme-base-alt table.table tbody tr td, body.theme-base-alt table.table tbody tr.idle td, body.theme-base-alt table.table tbody tr.declined td, body.theme-base-alt table.table tbody tr.paid td, body.theme-base-alt table.table tbody tr.balance_approved td, body.theme-base-alt table.table tbody tr.canceled td, body.theme-base-alt table.table tbody tr.maintenance td, body.theme-base-alt table.table tbody tr.offline td, body.theme-base-alt table.table tbody tr.down td, body.theme-base-alt table.table tbody tr.in_use td { font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0; } body.theme-base-alt #paginated_list div.list-totals, body.theme-base-alt table div.list-totals, body.theme-base-alt table.table div.list-totals { padding-left: 10px; padding-bottom: 5px; } body.theme-base-alt table tr:nth-child(even) { background: #eee; } body.theme-base-alt #server_tab_view .server-header .top-header, body.theme-base-alt #users_admin #user_header .top-header, body.theme-base-alt #merchant_header .top-header { background: #455a64; } body.theme-base-alt .terminal-header .header-footer { background-color: #fafafa; } body.theme-base-alt #atm_terminal_popup h1 { color: #455a64; } body.theme-base-alt #qc_daily_breakdown div.batch-report .mpanel-header { background: transparent; color: black; } body.theme-base-alt #ticket_popup .panel-header { border-bottom: 1px solid lightgray; } body.theme-base-alt .ticket-panel .panel-header { border-bottom: 1px solid lightgray; } body.theme-base-alt .form-group .collection-select { height: 33px; border-radius: 5px; background: #ebebeb; background: linear-gradient(180deg, #ebebeb 0%, white 100%); color: black; border: 1px solid #a4a9bb; } body.theme-base-alt .form-group .collection-select .static-select { height: 33px; line-height: 20px; } body.theme-base-alt .form-group .collection-select .static-select:after { top: 8px; right: 8px; } body.theme-base-alt .form-group .collection-select div.results div.search-item { color: rgba(0, 0, 0, 0.87); } body.theme-base-alt .form-group .collection-select div.results div.search-item:hover { background-color: #005822; color: white; } body.theme-base-alt .form-group .collection-select div.results div.search-item:focus { outline-color: #005822; } body.theme-base-alt #mon_tickets .panel-header, body.theme-base-alt #mon_tickets .panel-header-default, body.theme-base-alt #tickets_dashboard .panel-header, body.theme-base-alt #tickets_dashboard .panel-header-default { border-bottom: 1px solid lightgray; margin-bottom: 10px; } body.theme-base-alt #login_page .panel { box-shadow: none; } .generated-from-scss { content: 'shared/misc/clock/clock.scss'; } #clock_widget { color: #579CFF; } #clock_widget div#clock_time div#clock_hour, #clock_widget div#clock_time div#clock_minute, #clock_widget div#clock_time div#clock_second, #clock_widget div#clock_time div#clock_ampm { display: inline-block; } #clock_widget div#clock_time div#clock_hour:after, #clock_widget div#clock_time div#clock_minute:after { content: ':'; } #clock_widget div#clock_time div#clock_ampm { margin-left: 4px; } .generated-from-scss { content: 'shared/misc/generic_chart/generic_chart.scss'; } .chart-container { position: relative; } .chart-container .loading-view { display: none; } .chart-container canvas { opacity: 1; } .chart-container.show-loader .loading-view { display: block; } .chart-container.show-loader canvas { opacity: 0.3; } .chart-container .loading-view { position: absolute; width: 100%; height: 100%; text-align: center; } .chart-container .loading-view i { font-size: 80px; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); } .generated-from-scss { content: 'shared/misc/generic_map/generic_map.scss'; } #generic_map .map-container { height: 300px; margin-left: 8px; margin-right: 8px; padding-bottom: 8px; } #generic_map .map-container #map { width: 100%; height: 100%; color: black; } #map_view .map-view { min-height: 320px; min-width: 480px; } #map_view .map-view .map { width: 100%; height: 100%; } #map_view .map-view .map iframe { min-height: 320px; min-width: 480px; height: 100%; width: 100%; border: 0px; } .generated-from-scss { content: 'shared/misc/media_view/media_view.scss'; } @keyframes spinner { to { transform: rotate(360deg); } } #media-view.portal #media-view-img, #media-view.portal #media-view-video { min-width: 85%; margin: auto; min-height: 100%; width: 85%; z-index: 1000; opacity: 0.9; text-align: center; padding: 15px; padding-left: 20%; } #media-view #media-container.media-loading { background: #e0e0e0; } #media-view #media-container.media-loading:after { font-family: 'fa_free'; font-weight: 900; content: ""; position: absolute; left: 48%; top: 48%; font-size: 2em; animation: spinner 0.6s linear infinite; } #media-view.regular #media-view-img, #media-view.regular #media-view-video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1000; opacity: 0.9; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .generated-from-scss { content: 'shared/misc/playlist_engine/playlist_engine.scss'; } #playlist_engine { position: relative; height: 100%; overflow: hidden; } #playlist_engine .playlist-progress-bar { outline: 2px solid white; height: 10px; width: 100%; transition-timing-function: linear; position: absolute; bottom: 0px; left: 0px; opacity: 1; right: 0px; background-color: #4E8474; z-index: 999; } #playlist_engine #simulated_page_2_wrapper, #playlist_engine #simulated_page_1_wrapper { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } #playlist_engine #simulated_page_2_wrapper #simulated_page_2, #playlist_engine #simulated_page_2_wrapper #simulated_page_1, #playlist_engine #simulated_page_1_wrapper #simulated_page_2, #playlist_engine #simulated_page_1_wrapper #simulated_page_1 { height: 100%; } #playlist_engine #playlist_engine_page { height: 100%; overflow: hidden; } #playlist_engine #playlist_engine_page p { flex-grow: 1; margin: 0px; } #playlist_engine #playlist_engine_page #media-view-video { width: 100%; } #playlist_engine #playlist_engine_page #media-view-img { height: 100%; } #playlist_engine #playlist_engine_page #media-view-img #media_view { height: 100%; } #playlist_engine #playlist_engine_page #media_page_flex { height: 100%; display: flex; flex-direction: column; text-align: center; } #playlist_engine #playlist_engine_page #media_page_flex.fit_width #media-view-img { width: 100%; } #playlist_engine #playlist_engine_page #media_page_flex.fit_height #media-view-img { max-width: none; } #playlist_engine #playlist_engine_page #media_page_flex.fit_height #media-view-video { height: 100%; width: unset; } #playlist_engine #playlist_engine_page #media_page_flex.fit_height #media_view { height: 100%; } #playlist_engine #playlist_engine_page #media_page_flex.fill #media_view { height: 100%; width: 100%; } #playlist_engine #playlist_engine_page #media_page_flex.fill #media-view-video, #playlist_engine #playlist_engine_page #media_page_flex.fill #media-view-img { height: 100%; width: 100%; object-fit: fill; } #playlist_engine #playlist_engine_page #media_page_flex.contain #media_view { height: 100%; width: 100%; } #playlist_engine #playlist_engine_page #media_page_flex.contain #media-view-img, #playlist_engine #playlist_engine_page #media_page_flex.contain #media-view-video { width: 100%; height: 100%; object-fit: contain; } #playlist_engine #playlist_engine_page #media_page_flex.cover_fit #media_view { height: 100%; width: 100%; } #playlist_engine #playlist_engine_page #media_page_flex.cover_fit #media-view-img, #playlist_engine #playlist_engine_page #media_page_flex.cover_fit #media-view-video { width: 100%; height: 100%; object-fit: cover; } #playlist_engine .diapo-text { position: absolute; font-size: 48px; padding: 10px 50px; width: 100%; top: 23%; color: white; background: rgba(0, 0, 0, 0.63); opacity: 0; text-align: left; animation-name: diapo_text; animation-duration: 5s; animation-iteration-count: infinite; } #playlist_engine .diapo-text.left-text { text-align: left; animation-name: diapo_text; } #playlist_engine .diapo-text.right-text { text-align: right; animation-name: diapo_text_right; } @keyframes diapo_text { 0% { padding-left: 50px; opacity: 0; } 10% { opacity: 1; } 80% { opacity: 1; } 100% { padding-left: 250px; opacity: 0; } } @keyframes diapo_text_right { 0% { padding-right: 50px; opacity: 0; } 10% { opacity: 1; } 80% { opacity: 1; } 100% { padding-right: 250px; opacity: 0; } } .generated-from-scss { content: 'shared/misc/qa_result_dialog/qa_result_dialog.scss'; } #qa_result_view .click-log { color: #0d6efd; } .generated-from-scss { content: 'shared/misc/iso8583_decoder/decoder.scss'; } #iso8583_decoder header { background: black; color: white; margin: 0; padding: 6px 15px; height: 40px; } #iso8583_decoder header a { line-height: 40px; padding: 0 10px; color: #0086D3; } #iso8583_decoder span.key { color: #2b6eb3; } #iso8583_decoder span.boolean { color: #6721ef; } #iso8583_decoder span.number { color: #a51616; } #iso8583_decoder span.string { color: #1B8824; font-weight: bolder; } #iso8583_decoder form#data_form { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #iso8583_decoder textarea { padding: 8px; border: none; position: absolute; top: 40px; bottom: 0; left: 0; right: 0; width: 100%; overflow-y: auto; } #iso8583_decoder .panel-container { position: absolute; top: 55px; bottom: 0; left: 0; right: 0; display: flex; flex-direction: row; border: 1px solid silver; overflow: hidden; xtouch-action: none; } #iso8583_decoder .panel-left { position: relative; flex: 0 0 auto; padding: 0; width: 400px; min-height: 200px; min-width: 150px; white-space: nowrap; background: white; height: 100%; } #iso8583_decoder .panel-header { padding: 10px; } #iso8583_decoder .splitter { flex: 0 0 auto; width: 18px; background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #535353; min-height: 200px; cursor: col-resize; } #iso8583_decoder .panel-right { position: relative; flex: 1 1 auto; padding: 0; width: 100%; min-height: 200px; min-width: 200px; background: #eee; } #iso8583_decoder #response { position: absolute; top: 40px; bottom: 0; left: 0; right: 0; overflow-y: auto; } .generated-from-scss { content: 'shared/misc/tlv_decoder/tlv_decoder.scss'; } #tlv_decoder header { background: black; color: white; margin: 0; padding: 6px 15px; height: 40px; } #tlv_decoder header a { line-height: 40px; padding: 0 10px; color: #0086D3; } #tlv_decoder span.key { color: #2b6eb3; } #tlv_decoder span.boolean { color: #6721ef; } #tlv_decoder span.number { color: #a51616; } #tlv_decoder span.string { color: #1B8824; font-weight: bolder; } #tlv_decoder form#data_form { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #tlv_decoder textarea { padding: 8px; border: none; position: absolute; top: 40px; bottom: 0; left: 0; right: 0; width: 100%; overflow-y: auto; } #tlv_decoder .panel-container { position: absolute; top: 55px; bottom: 0; left: 0; right: 0; display: flex; flex-direction: row; border: 1px solid silver; overflow: hidden; xtouch-action: none; } #tlv_decoder .panel-left { position: relative; flex: 0 0 auto; padding: 0; width: 400px; min-height: 200px; min-width: 150px; white-space: nowrap; background: white; height: 100%; } #tlv_decoder .panel-header { padding: 10px; } #tlv_decoder .splitter { flex: 0 0 auto; width: 18px; background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #535353; min-height: 200px; cursor: col-resize; } #tlv_decoder .panel-right { position: relative; flex: 1 1 auto; padding: 0; width: 100%; min-height: 200px; min-width: 200px; background: #eee; } #tlv_decoder #response { position: absolute; top: 40px; bottom: 0; left: 0; right: 0; overflow-y: auto; } .generated-from-scss { content: 'shared/misc/iin/iin.scss'; } .dialog-body .popup-tool.padded { padding: 0px 25px; } .dialog-body .popup-tool.tools_bin .form-group.search { padding: 0px; } .dialog-body .popup-tool.tools_bin .form-group input[name="search_query"] { font-size: 2em; border: 1px solid #ddd; padding: 0px 10px; } .dialog-body .popup-tool.tools_bin .view_card .trans-card { margin: 20px auto; max-width: initial; padding: 10px; } .dialog-body .popup-tool.tools_bin .view_card .trans-card div.field-container:first-child { margin-top: -10px; } .dialog-body .popup-tool.tools_bin .view_card .cc-pan { text-align: left; white-space: nowrap; } .dialog-body .popup-tool.tools_bin .view_card .trans-card div.field-container div.field { font-size: 16px; padding: 10px 0px 0px 0px; min-width: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dialog-body .popup-tool.tools_bin .view_card .trans-card div.field-container div.field:before { top: 0px; font-size: 10px; overflow: initial; } .dialog-body .popup-tool.tools_bin .view_card div.flags { margin-top: 10px; font-size: 0.8em; } .dialog-body .popup-tool.tools_bin .view_card div.flags .property .flag { float: right; } .dialog-body .popup-tool.tools_bin .controls { width: 100%; text-align: right; padding-top: 20px; } .dialog-body .popup-tool.tools_bin .controls a { cursor: pointer; font-size: 1.4em; } .dialog-body .popup-tool.tools_bin .edit_form form { padding: 0px; margin-top: 20px; } .dialog-body .popup-tool.tools_bin .edit_form form div.form-group { margin-bottom: 0px; } .dialog-body .popup-tool.tools_bin .edit_form form div.form-group.toggle { padding: 10px 0px; margin-right: -20px; font-size: 0.8em; } .generated-from-scss { content: 'shared/misc/ip_lookup/ip.scss'; } div.tools_ip_lookup.popup-tool .search { padding: 0px; margin-bottom: 15px; } div.tools_ip_lookup.popup-tool .search .input-group { height: 40px; } div.tools_ip_lookup.popup-tool .search input { font-size: 1.5em; border: 1px solid #ddd; padding: 0px 10px; } div.tools_ip_lookup.popup-tool #ip-details .name { font-weight: bold; } div.tools_ip_lookup.popup-tool #ip-details .data-group { margin-bottom: 15px; } div.tools_ip_lookup.popup-tool .no-results-prompt { text-align: center; font-weight: bold; } .generated-from-scss { content: 'shared/misc/test_engine/test_engine.scss'; } body .test_highlighter { background-color: #205081 !important; } body .click-js-error:hover, body .click-js-warn:hover { background: #0d6efd; cursor: pointer; } body .remove-local-test { display: inline-block; } body .test-actions { width: 148px; text-align: right; } body .test-steps .test-enc { font-size: 10px; display: block; min-height: 20px; padding: 0px; position: relative; } body .test-steps .test-enc.passed { background-color: rgba(153, 205, 50, 0.452); } body .test-steps .test-enc.failed { background-color: rgba(255, 0, 0, 0.384); } body .test-steps .test-enc .sub-item { padding-left: 5px; border-radius: 5px; background: linear-gradient(to right, #cfcbff 0%, transparent 21%); color: black; min-height: 20px; line-height: 16px; } body .test-steps .test-enc .test-remove-btn { height: 25px; width: 25px; line-height: 12px; font-size: 12px; padding: 3px; display: inline-block; color: black; background: #ff6565; border: none; position: absolute; left: 25px; top: 0px; } body .test-steps .test-enc .drag-n-drop-handle { position: absolute; left: 0px; top: 0px; display: inline-block; width: 25px; height: 25px; text-align: center; } body .test-steps .test-enc .drag-n-drop-handle .fa-bars { line-height: 20px; } body .test-steps .test-enc .drag-n-drop-handle:hover { background: #0d6efd; color: white; } body .test-steps.edit-mode .test-enc { padding-left: 50px; } body .test-steps.edit-mode .test-enc .sub-item .test-enc { padding-left: 10px; } body .test-steps .test-enc:hover { background-color: rgba(0, 0, 0, 0.26); color: white; } body .test-steps .test-step-container:hover .test-remove-btn { display: inline-block; } body .test-steps .test-step-container { display: inline-block; position: relative; } body .test-steps .test-step { display: inline-block; padding: 0px 4px; font-size: 16px; min-height: 20px; line-height: 16px; margin-top: 5px; margin-left: 5px; border-radius: 5px; background-color: lightblue; color: black; border: 1px solid white; } body .test-steps .test-step.hal { background-color: lightcoral; } body .test-steps .test-step.hal-send { background-color: #9180f0; } body .test-steps .test-step.wait { background-color: lightgreen; } body .test-steps .test-step.check-page, body .test-steps .test-step.wait-page { background-color: #fc8150; } body .test-steps .test-step.clickcheckvalue { background-color: #ecf1ad; } body .test-steps .test-step.network { color: white; background-color: black; } body .test-steps .test-step.network-disable { color: silver; background-color: #5f5f5f; } body .test-steps .test-step .css_target_selector { color: blue !important; font-weight: bold; } body .test-log, body .js-console { padding: 10px; background-color: black; border: 1px solid gray; color: white; max-height: 300px; overflow-y: auto; } body .dialog-wrapper.test-dialog .dialog-body { padding: 0px; } body .dialog-wrapper.test-dialog .dialog-body .test-steps { overflow: hidden; overflow-y: auto; } body .dialog-wrapper.test-dialog .test-header { background-color: #000c2c; color: white; padding: 15px; } body .dialog-wrapper.test-dialog .top-button-bar { position: absolute; right: 10px; top: 0px; } body.screen-record-mode .emulator-status { display: none !important; } body.screen-record-mode div#emulators.emulator-bottom .handle { display: none !important; } body.screen-record-mode .cm-kiosk #topbar { display: none !important; } body.screen-record-mode .corner-ribbon { display: none !important; } body.screen-record-mode #test_engine .open-handle { display: none !important; } body.screen-record-mode #test_engine .open-super-designer { display: none !important; } .hide-extra .corner-ribbon { display: none !important; } .hide-extra #test_engine .open-handle, .hide-extra #test_engine .open-super-designer { display: none !important; } #test_engine { position: absolute; z-index: 3000000; top: 0px; left: 0px; bottom: 0px; color: white; } #test_engine .engine-running { opacity: 0.3; } #test_engine .test-wrapper { background-color: rgba(0, 0, 0, 0.75); position: absolute; top: 0px; left: 0px; bottom: 0px; width: 0px; transition: width 0.5s; } #test_engine .test-wrapper #test_list, #test_engine .test-wrapper #record_mode { display: none; position: relative; } #test_engine .test-wrapper.open-left-bar { width: 400px; } #test_engine .test-wrapper.open-left-bar #test_list, #test_engine .test-wrapper.open-left-bar #record_mode { flex-flow: column; display: flex; } #test_engine .open-super-designer { position: absolute; right: -30px; width: 30px; height: 40px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #262326; color: white; padding: 10px; top: 65%; font-size: 15px; } #test_engine .open-handle { position: absolute; right: -30px; width: 30px; height: 80px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #262326; color: white; padding: 10px; top: 70%; font-size: 15px; } #test_engine .btn { padding: 5px; height: 34px; font-size: 16px; line-height: 16px; padding: 8px; margin: 0px; } #test_engine #test_list { overflow-y: auto; height: 100%; background: #1b1b1b; width: 100%; box-shadow: 1px 1px 5px 2px rgba(240, 248, 255, 0.169); border: 1px solid wheat; overflow-y: auto; } #test_engine #record_mode { padding: 20px; overflow: hidden; height: 100%; width: 100%; background: #1b1b1b; box-shadow: 1px 1px 5px 2px rgba(240, 248, 255, 0.169); border: 1px solid wheat; } #test_engine .test-recorder-header { border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: white; color: black; padding: 10px 15px; margin-top: 20px; } #test_engine .test-recorder { margin-bottom: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: gray; padding: 0px; overflow: hidden; flex-grow: 1; overflow-y: auto; } #test_engine table { width: 100%; margin: 0px; padding: 0px; } #test_engine table td { padding: 3px; } #test_engine table .thea { background: #000017; } #test_engine table .thea td { font-weight: bold; font-size: 16px; } #test_engine table .titem td { font-size: 14px; } #test_engine table .passed td { background-color: rgba(144, 238, 144, 0.226); } #test_engine table .titem:hover td { background-color: rgba(255, 255, 255, 0.363); } .generated-from-scss { content: 'shared/pos/common/common.scss'; } div#category_dialog { overflow-y: scroll; max-height: 70vh; } div#category_dialog div.section-title { font-family: 'Lato', sans-serif; font-weight: bold; font-size: 24px; color: #333333; letter-spacing: 0.5px; margin-top: 20px; margin-bottom: 10px; } div#category_dialog .form { margin-left: 150px; margin-right: 150px; padding-top: 0px !important; } .btn-next { font-family: 'Lato', sans-serif; font-weight: bold; } .display-none { display: none; } .pos-product-modifier-dialog { padding: 15px 40px 70px 40px; } .pos-product-modifier-dialog div.item-header { text-align: center; font-size: 20px; padding: 8px; border-bottom: 1px solid #E4E4E4; position: absolute; left: 0; right: 0; top: 0; height: 60px; background: white; z-index: 1; } .pos-product-modifier-dialog div.item-header btn.close { font-size: 20px; color: #252626; } .pos-product-modifier-dialog .add-modifier-option { margin-top: 20px; padding-bottom: 14px; padding-right: 2px; padding-left: 15px; font-size: 1.3em; } .modifier-item-row { border-bottom: 1px solid #818181; margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; position: relative; } .modifier-item-row input { border: none; } .modifier-item-row input:focus { outline: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .modifier-item-row i.bars { position: absolute; top: 16px; left: 10px; } .modifier-item-row i.btn-remove-modifier { position: absolute; right: 10px; top: 16px; cursor: pointer; } .modifier-item-row .dollar-sign { margin-top: 4px; color: #999999; font-size: 1.2em; position: absolute; left: 0px; } .modifier-list-header { padding-bottom: 12px; padding-top: 12px; background: #e0e0e0; font-size: 1.1em; padding-left: 30px; border-top: 1px solid; border-bottom: 1px solid; } .pos-product-item #subpage_view { padding: 15px; } .pos-product-item div.dialog-buttons div.form-group { padding: 0; margin: 0; } .pos-product-item .info-text-modifier { font-size: 0.9em; max-width: 420px; margin: auto; margin-top: 10px; margin-bottom: 15px; } .pos-product-item .btn-add-modifier { font-size: 1.4em; margin-top: 25px; margin-left: 20px; cursor: pointer; } .pos-product-item #tab-view { padding: 25px 25px 0; } .pos-product-item .topbar-bar-tabs { border-bottom: 1px solid #e0e0e0; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.102); } .pos-product-item .topbar-bar-tabs div.topbar-tab { padding-bottom: 29px !important; margin-top: 20px !important; font-size: 0.6em !important; } .pos-product-item div.item-header { text-align: center; font-size: 20px; padding: 8px; border-bottom: 1px solid #E4E4E4; position: absolute; left: 0; right: 0; top: 0; height: 60px; background: white; z-index: 1; } .pos-product-item div.item-header btn.close { font-size: 20px; color: #252626; } .pos-product-item div.item-body { padding: 80px 30px 30px; } .pos-product-item div.item-body textarea { width: 100%; border: 1px solid #E4E4E4; } .pos-product-item div.item-body select { font-size: 20px; padding: 10px; border: 1px solid gray; } .pos-product-item div.modifier-section { border-top: 1px solid #E4E4E4; } .pos-product-item div.modifier-section div.modifier-name { text-transform: uppercase; font-weight: lighter; padding: 10px 0; } .pos-product-item div.modifier-section button.btn-modifier { background: white; color: #252626; margin: 10px 0; padding: 10px; border: 1px solid #afafaf; border-radius: 4px; font-weight: bold; text-align: left; } .pos-product-item div.modifier-section button.btn-modifier span.price { float: right; } .pos-product-item div.modifier-section button.btn-modifier.selected { color: white; background: #252626; } .pos-product-item .form { margin-left: 150px; margin-right: 150px; padding-top: 0px !important; padding: 20px !important; } .pos-product-item .form label { color: gray; } .pos-product-item div.section-title { font-family: 'Lato', sans-serif; font-weight: bold; font-size: 24px; color: #333333; letter-spacing: 0.5px; margin-top: 20px; margin-bottom: 10px; } .pos-product-item div.padded-row { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } .pos-product-item textarea { resize: none; box-shadow: none; border: 1px solid #E1E1E1; } .pos-product-item div.avatar-upload { margin-top: 30px; margin-bottom: 20px; } .pos-product-item div.avatar-upload .avatar-preview { width: 105px; height: 118px; position: relative; border-radius: 3px; border: 8px solid transparent; box-shadow: 0px 0px 0px 2px #eaeaea; } .pos-product-item div.avatar-upload .avatar-preview .image-preview { width: 100%; height: 85px; border-radius: 3px; background-size: cover; background-repeat: no-repeat; background-position: center; } .pos-product-item div.avatar-upload .avatar-preview a.edit-button { background: none; text-decoration: none; border: none; display: inline-block; text-align: center; width: 100%; padding-top: 7px; color: #47b7ff; letter-spacing: 1.1px; font-size: 8px; font-weight: bold; color: #01A5E5; letter-spacing: 1px; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns { text-align: center; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns div { height: 30px; width: 30px; display: inline-block; cursor: pointer; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns div:hover > .overlay { width: 100%; height: 100%; opacity: 0.1; background-color: #000; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns .red { background: #d9534f; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns .orange { background: #eaac11; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns .yellow { background: #f2f11a; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns .dark-green { background: #4a8716; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns .blue { background: #4b78c1; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns .violet { background: #633ee6; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns .green { background: #54d367; } .pos-product-item div.avatar-upload .avatar-preview div.color-btns .magenta { background: #d354b5; } .pos-product-item div.avatar-upload .avatar-preview div.upload-image { background: #dadada; background-size: contain; width: 100%; height: 85px; line-height: 100px; text-align: center; border-radius: 4px; cursor: pointer; } .pos-product-item div.avatar-upload .avatar-preview div.upload-image label { cursor: pointer; color: transparent; width: 100%; } .pos-product-item div.avatar-upload .avatar-preview div.upload-image #image_input { opacity: 0; position: absolute; z-index: -1; } .pos-product-item div.avatar-upload .avatar-preview input { display: none; } .pos-product-item div.avatar-upload .avatar-preview input + label { width: 80px; height: 34px; margin-bottom: 0; border-radius: 40px; background: #FFFFFF; color: red; cursor: pointer; font-weight: normal; } .pos-product-item div.avatar-upload .avatar-preview input + label:after { content: "Upload Image"; color: #757575; text-align: center; margin: auto; } .pos-product-item .form-group label { font-weight: bold; margin-top: 11px; font-size: 12px; } .pos-product-item i { color: #dadada; } .pos-product-item .pointer { cursor: pointer; } .pos-product-item div.modifier-section { margin-bottom: 30px; } .pos-product-item div.modifier-section div.edit-modifier-section { display: flex; } .pos-product-item div.modifier-section div.edit-modifier-section i.bars { font-size: 2.8em; margin-left: 20px; margin-right: 10px; } .pos-product-item div.modifier-section div.edit-modifier-section i.delete-modifier-section { font-size: 2em; margin-left: 10px; margin-right: 20px; margin-top: 5px; cursor: pointer; } .pos-product-item div.modifier-section div.edit-modifier-section-details { margin: 10px 40px 20px 40px; } .pos-product-item div.modifier-section div.edit-modifier-section-details div.details-row { display: flex; } .pos-product-item div.modifier-section div.edit-modifier-section-details div.details-row label { margin-right: 10px; font-size: 1.4em; line-height: 2em; font-family: 'Lato', sans-serif; font-weight: bold; color: #333333; letter-spacing: 0.5px; text-align: center; } .pos-product-item div.modifier-section div.edit-modifier-section-details div.modifier-item-header { font-family: 'Lato', sans-serif; font-weight: bold; letter-spacing: 0.5px; background: #e8e8e8; text-align: center; font-weight: 500; margin-top: 10px !important; border-bottom: none !important; } .pos-product-item div.modifier-section div.edit-modifier-section-details div.modifier-item-row { padding-bottom: 15px; padding-top: 15px; margin-left: 15px; font-size: 1.4em; margin-top: 20px; border-bottom: 1px solid #818181; border-top: 1px solid #818181; margin-top: 0; margin-bottom: 0; } .pos-product-item div.modifier-section div.edit-modifier-section-details div.modifier-item-row i { margin-right: 10px; margin-top: 5px; font-size: 1.4em; } .pos-product-item div.modifier-section div.edit-modifier-section-details div.modifier-item-row input { font-size: 1.2em; border: none; } .pos-product-item div.modifier-section div.edit-modifier-section-details div.modifier-item-row .dollar-sign { margin-top: 4px; color: #999999; font-size: 1.2em; } .pos-product-item .modifiers-screen .modifiers-help i { font-size: 0.8em; color: #aaaaaa; margin-left: 5px; } .pos-product-item .tooltip.in { opacity: 1 !important; } .pos-product-item .tooltip-inner { padding: 25px; font-size: 1.3em; text-align: left; font-family: Lato; max-width: 405px !important; background: rgba(51, 51, 51, 0.95); } .pos-product-item span.add-modifier-section { font-size: 2em; font-weight: 400; color: #47b7ff; margin-left: 20px; cursor: pointer; } .pos-product-item span.add-modifier-section i.bars { font-size: 1.4em; } .pos-product-item span.add-modifier-section span.add-modifier-section-button { font-family: 'Lato', sans-serif; font-weight: bold; font-size: 20px; color: #01A5E5; letter-spacing: 1px; text-align: center; vertical-align: top; margin-left: 10px; } .btn-next { font-family: 'Lato', sans-serif; font-weight: bold; } .display-none { display: none; } .simple-box-container { border: none; background: #fff; margin: 20px; } .items-icon { font-size: 5em; color: #cccccc; margin: 40px; } .title-add-items { font-weight: 100; font-size: 3em; color: #494F51; margin: 0px; } .subtitle-add-items { font-size: 2em; font-weight: 100; color: #868686; margin: 20px; } .black-button { color: white; background: #000000; border: none; padding: 12px 30px; border-radius: 8px; font-size: 1.3em; } .add-item { font-family: 'Lato', sans-serif; font-weight: bold; } #item_library td { vertical-align: middle; } #item_library tr.list-item { height: 50px; } #item_library .width-one-percent { width: 1%; } #item_categories td { vertical-align: middle; } #item_categories tr.list-item { height: 50px; } #item_categories .width-one-percent { width: 1%; } #item_categories .width-ten-percent { width: 10%; } #item_categories #list_view { border: none !important; } .btn-add-category { padding-left: 10px; padding-right: 10px; margin-left: 20px; } .item-tile { width: 140px; height: 140px; display: inline-block; margin: 10px; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.03); padding: 0.7em; border-radius: 5px; border: 2px solid #e4e9f0; position: relative; background: #fff; } .item-tile .cate-labels { opacity: 0; transition: opacity 0.2s ease-in, transform 0.5s ease-in-out; position: absolute; transform: scale(1); left: 3px; top: 0px; } .item-tile .item-thumbnail img { width: 60px; height: 60px; display: block; margin: auto; } .item-tile .item-abbreviation { font-size: 2.7em; height: 60px; text-align: center; } .item-tile .item-title { font-size: 1.5em; font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-tile .item-price { font-size: 1.3em; text-align: center; } .item-tile:hover .cate-labels { opacity: 0.7; transform: scale(1.2); } .category-tile { width: 140px; height: auto; cursor: pointer; display: inline-block; margin: 10px; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.03); padding: 0.7em; border-radius: 5px; border: 2px solid #e4e9f0; position: relative; background: #fff; } .category-tile .category-title { font-size: 1.5em; font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #open_orders { margin: 0 25px; } #open_orders table tr { height: 50px; } #open_orders table tr td { vertical-align: middle; } div.order-summary { font-size: 16px; } div.order-summary div.line-top { border-top: 1px solid gray; } div.order-summary div.order-note { text-align: left; font-style: italic; color: gray; padding: 15px 0; } div.order-summary img { width: 100%; } #pos_order { margin: 15px 15px 15px; background: white; padding: 15px; border-radius: 5px; } #pos_order ul.order-menu-actions { font-size: 30px; } #pos_order .pos-menu-item { width: 100%; } #pos_order div.order-header { position: absolute; top: 0; left: 0; right: 0; height: 60px; border-bottom: 1px solid #BBBEBE; line-height: 60px; font-size: 20px; padding: 0 15px; } #pos_order div.order-header button.btn { font-size: 26px; box-shadow: none; width: 100%; text-align: left; } #pos_order div.order-header button.btn i { float: right; } #pos_order div.order-body { position: absolute; top: 60px; bottom: 60px; left: 0; right: 0; overflow-y: auto; } #pos_order div.order-body div.order-item { padding: 10px 15px; } #pos_order div.order-body div.order-item div.order-description { font-weight: bold; font-size: 18px; } #pos_order div.order-body div.order-item div.order-price { font-weight: bold; font-size: 18px; text-align: right; } #pos_order div.order-body div.order-item div.order-modifier { color: #A5ABAD; font-size: 14px; } #pos_order.overflowed:after { position: absolute; bottom: 60px; left: 0; right: 0; content: 'scroll to see more'; color: #e2e2e2; text-align: center; background: rgba(0, 0, 0, 0.48); } #pos_order.overflowed div.order-body { padding-bottom: 50px; } #pos_order div.order-footer { position: absolute; bottom: 0; left: 0; right: -1px; height: 60px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #pos_order div.order-footer .payment-info-bar { position: absolute; height: 35px; top: -35px; font-size: 18px; width: 100%; background: #f1f1f1; color: black; line-height: 35px; padding-left: 10px; border-top: 1px solid #c3c3c3; } #pos_order div.order-footer button { margin: 0; height: 60px; font-size: 26px; } .pos-order-item { height: 80vh; } .pos-order-item div.item-header { text-align: center; font-size: 20px; border-bottom: 1px solid #E4E4E4; height: 100px; background: white; z-index: 1; } .pos-order-item div.item-header btn.close { font-size: 20px; color: #252626; } .pos-order-item div.item-header label { display: block; font-weight: normal; color: gray; } .pos-order-item div.item-body { width: 100%; max-height: 50vh; overflow-y: auto; } .pos-order-item div.item-body textarea { width: 100%; border: 1px solid #E4E4E4; } .pos-order-item div.item-body select { font-size: 20px; padding: 10px; border: 1px solid gray; } .pos-order-item div.item-footer { position: absolute; bottom: 15px; left: 15px; right: 15px; } .pos-order-item div.item-footer button { height: 50px; } .pos-order-item div.item-footer btn.close { font-size: 20px; color: #252626; } .pos-order-item div.modifier-section { border-top: 1px solid #E4E4E4; } .pos-order-item div.modifier-section div.modifier-name { text-transform: uppercase; font-weight: lighter; padding: 10px 0; } .pos-order-item div.modifier-section button.btn-modifier { background: #e8e8e8; color: #252626; margin: 10px 0; padding: 10px; border: 1px solid #afafaf; border-radius: 4px; font-weight: bold; text-align: left; } .pos-order-item div.modifier-section button.btn-modifier span.price { float: right; } .pos-order-item div.modifier-section button.btn-modifier.selected { color: white; background: #252626; } body.theme-material .pos-order-item div.item-header img.thumbnail { max-height: 80px; margin: 5px; border-radius: 8px; } body.theme-material.large-buttons .pos-order-item div.item-header { height: 100px; } body.theme-material.large-buttons .pos-order-item div.item-header img.thumbnail { max-height: 80px; margin: 5px; border-radius: 8px; } body.theme-material.large-buttons .pos-order-item modifier-name { font-weight: normal; } body.theme-material.large-buttons .pos-order-item button { font-size: 25px; font-weight: normal; } body.theme-material.large-buttons .pos-order-item button span.price { font-size: 16px; } div#dialog_payment_method button.btn-md { margin-bottom: 5px; } div.pos-menu-item { display: inline-block; padding: 2px 8px; } div.pos-menu-item div.panel { width: 150px; margin-bottom: 14px; } div.pos-menu-item div.panel div.panel-header { background: #626D78; color: white; line-height: 120px; font-size: 40px; font-weight: lighter; text-align: center; padding: 0; overflow: hidden; height: 120px; } div.pos-menu-item div.panel div.panel-header img { width: 100%; } div.pos-menu-item div.panel div.panel-footer { position: absolute; bottom: 6px; left: 6px; right: 6px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } #pos_menu_edit div.pos-menu-item:hover i.fa-edit { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } #pos_menu_edit div.pos-menu-item { display: inline-block; padding: 2px 8px; } #pos_menu_edit div.pos-menu-item .panel.disabled { opacity: 0.3; } #pos_menu_edit div.pos-menu-item i.fa-edit { position: absolute; bottom: 0px; right: 3px; font-size: 1.5em; z-index: 2; } #pos_menu_edit div.pos-menu-item i.fa-plus { text-align: center; z-index: 2; } #pos_menu_edit div.pos-menu-item i.fa-plus2 { position: absolute; bottom: 0px; right: 3px; font-size: 1.5em; z-index: 2; } #pos_menu_edit div.pos-menu-item div.panel { width: 150px; margin-bottom: 14px; } #pos_menu_edit div.pos-menu-item div.panel div.panel-header { background: #626D78; color: white; line-height: 120px; font-size: 40px; font-weight: lighter; text-align: center; padding: 0; overflow: hidden; height: 120px; } #pos_menu_edit div.pos-menu-item div.panel div.panel-header img { width: 100%; } #pos_menu_edit div.pos-menu-item div.panel div.panel-footer { position: absolute; bottom: 6px; left: 6px; right: 6px; } #qc_transactions div.page-tablegrid tbody tr, #cc_transactions div.page-tablegrid tbody tr, #atm_feed div.page-tablegrid tbody tr { border-left: 4px solid grey; } #qc_transactions div.page-tablegrid tbody tr.paid, #qc_transactions div.page-tablegrid tbody tr.approved, #cc_transactions div.page-tablegrid tbody tr.paid, #cc_transactions div.page-tablegrid tbody tr.approved, #atm_feed div.page-tablegrid tbody tr.paid, #atm_feed div.page-tablegrid tbody tr.approved { border-left: 4px solid #4E8474; } #qc_transactions div.page-tablegrid tbody tr.declined, #cc_transactions div.page-tablegrid tbody tr.declined, #atm_feed div.page-tablegrid tbody tr.declined { border-left: 4px solid #AF3B3D; } #qc_transactions div.page-tablegrid tbody tr.authorized, #cc_transactions div.page-tablegrid tbody tr.authorized, #atm_feed div.page-tablegrid tbody tr.authorized { border-left: 4px solid #fd9608; } #qc_transactions div.page-tablegrid tbody tr.refunded, #cc_transactions div.page-tablegrid tbody tr.refunded, #atm_feed div.page-tablegrid tbody tr.refunded { border-left: 4px solid #0d6efd; } ul.dropdown-menu button { width: 100%; background: transparent !important; border: none; text-align: left !important; } ul.dropdown-menu button i.fa { padding-right: 8px; } ul.dropdown-menu button:hover { background: #DBDBDB !important; color: #4E8474; } div.page-tablegrid td span.trans-state, #trans_popup td span.trans-state { color: white; background: grey; padding: 4px 6px; border-radius: 4px; white-space: nowrap; } div.page-tablegrid td span.trans-state.declined, #trans_popup td span.trans-state.declined { background: #AF3B3D; } div.page-tablegrid td span.trans-state.paid, div.page-tablegrid td span.trans-state.approved, div.page-tablegrid td span.trans-state.balance, #trans_popup td span.trans-state.paid, #trans_popup td span.trans-state.approved, #trans_popup td span.trans-state.balance { background: #4E8474; } div.page-tablegrid td span.trans-state.paid-back, #trans_popup td span.trans-state.paid-back { background: #0084d4; } div.page-tablegrid td span.trans-state.authorized, #trans_popup td span.trans-state.authorized { background: #fd9608; } div.page-tablegrid td span.trans-state.refunded, #trans_popup td span.trans-state.refunded { background: #0d6efd; } div.page-tablegrid td span.trans-state.charge-back, #trans_popup td span.trans-state.charge-back { background: black; } div.page-tablegrid td span.trans-state.cb-lost, #trans_popup td span.trans-state.cb-lost { background: purple; } div.page-tablegrid div.mini-page-body div#list, #trans_popup div.mini-page-body div#list { overflow-x: auto; } div.page-tablegrid div.daterange-input, #trans_popup div.daterange-input { height: 34px; } div.page-tablegrid span.flag, #trans_popup span.flag { color: white; font-size: 10px; background: #000000; padding: 4px 6px; border-radius: 3px; margin: 4px 2px; display: inline-block; } div.page-tablegrid div.panel-header, #trans_popup div.panel-header { background: #535353; color: white; position: relative; margin: -7px -7px 0; border-top-left-radius: 4px; border-top-right-radius: 4px; } div.page-tablegrid div.panel-header.default, #trans_popup div.panel-header.default { background: #535353; color: white; } div.page-tablegrid div.panel-header.warning, div.page-tablegrid div.panel-header.warn, #trans_popup div.panel-header.warning, #trans_popup div.panel-header.warn { background: #f0b518; color: white; } div.page-tablegrid div.panel-header.primary, div.page-tablegrid div.panel-header.info, #trans_popup div.panel-header.primary, #trans_popup div.panel-header.info { background: #0d6efd; color: white; } div.page-tablegrid div.panel-header div.sub-title, #trans_popup div.panel-header div.sub-title { font-size: 10px; color: #c6c6c6; } div.page-tablegrid div.panel-header div.title, #trans_popup div.panel-header div.title { margin: 3px 0; font-size: 18px; } div.page-tablegrid div.panel-header i.title-icon, #trans_popup div.panel-header i.title-icon { position: absolute; right: 4px; top: 4px; } div.page-tablegrid div.panel-footer, #trans_popup div.panel-footer { margin: 0 -7px -7px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } div.page-tablegrid div.panel-footer.critical, #trans_popup div.panel-footer.critical { background: #AF3B3D; color: white; } div.page-tablegrid div.panel-footer.warning, div.page-tablegrid div.panel-footer.warn, #trans_popup div.panel-footer.warning, #trans_popup div.panel-footer.warn { background: #f0b518; color: white; } div.page-tablegrid div.panel-footer.primary, div.page-tablegrid div.panel-footer.info, #trans_popup div.panel-footer.primary, #trans_popup div.panel-footer.info { background: #0d6efd; color: white; } div.page-tablegrid div.panel-footer h2, #trans_popup div.panel-footer h2 { font-size: 20px; text-align: center; margin: 0; } div.page-tablegrid div.id-card div.header, #trans_popup div.id-card div.header { border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #fff3c5; padding: 6px; padding-bottom: 2px; } div.page-tablegrid div.id-card div.header-right, #trans_popup div.id-card div.header-right { float: right; font-size: 0.7em; margin-left: 5px; margin-bottom: 8px; } div.page-tablegrid div.id-card span.header-country, #trans_popup div.id-card span.header-country { font-size: 0.55em; margin-left: 5px; margin-bottom: 8px; } div.page-tablegrid div.id-card div.photo, #trans_popup div.id-card div.photo { width: 65px; height: 70px; margin: 8px; margin-right: 15px; border-radius: 3px; border: 1px solid #ffcabd; float: left; } div.page-tablegrid div.id-card div.content, #trans_popup div.id-card div.content { padding: 8px; background-color: #fffff4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } div.page-tablegrid div.id-card div.content-item, #trans_popup div.id-card div.content-item { width: 100%; } div.page-tablegrid div.id-card div.content-item-prefix, #trans_popup div.id-card div.content-item-prefix { font-size: 0.8em; float: left; font-weight: bold; margin-right: 20px; } div.page-tablegrid div.panel div.customer-name, #trans_popup div.panel div.customer-name { font-size: 1.5em; font-weight: bold; padding: 4px; } div.page-tablegrid div.panel div.panel-header, #trans_popup div.panel div.panel-header { font-size: 1.1em; padding: 5px; } div.page-tablegrid div.panel.info, #trans_popup div.panel.info { background: #0d6efd; color: white; } div.page-tablegrid div.panel.info div.field div.field-label, #trans_popup div.panel.info div.field div.field-label { color: white; } div.page-tablegrid div.panel.info div.subtitle, #trans_popup div.panel.info div.subtitle { color: white; } div.page-tablegrid div.panel div.photo, #trans_popup div.panel div.photo { text-align: center; width: 100%; } div.page-tablegrid div.panel img.photo-img, #trans_popup div.panel img.photo-img { max-width: 60%; } div.page-tablegrid div.panel div.panel-body h2, #trans_popup div.panel div.panel-body h2 { font-size: 20px; color: #5A5B5B; text-align: center; margin: 0; } div.page-tablegrid div.panel div.panel-body.info, #trans_popup div.panel div.panel-body.info { background: #0d6efd; color: white; margin: 0 -7px; } div.page-tablegrid div.panel div.field:before, #trans_popup div.panel div.field:before { display: table; content: " "; } div.page-tablegrid div.panel div.field:after, #trans_popup div.panel div.field:after { display: table; content: " "; clear: both; } div.page-tablegrid div.panel div.field div.field-label, #trans_popup div.panel div.field div.field-label { font-size: 8px; color: grey; display: inline-block; width: 60px; text-align: right; padding-right: 4px; } div.page-tablegrid div.panel div.field div.field-value, #trans_popup div.panel div.field div.field-value { font-size: 12px; display: inline-block; } div.page-tablegrid div.panel div.field div.field-value.field-value-lg, #trans_popup div.panel div.field div.field-value.field-value-lg { font-size: 16px; } div.page-tablegrid div.trans-receipt, #trans_popup div.trans-receipt { height: 100%; } div.page-tablegrid div.trans-receipt div.trans-body, #trans_popup div.trans-receipt div.trans-body { height: 95%; } div.page-tablegrid div.trans-receipt div.trans-body div.order-details, #trans_popup div.trans-receipt div.trans-body div.order-details { margin-bottom: 20px; } div.page-tablegrid div.trans-receipt div.trans-footer, #trans_popup div.trans-receipt div.trans-footer { padding: 8px; margin: -7px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background: #313131; color: white; } div.page-tablegrid div.trans-receipt div.trans-footer div.trans-kind, #trans_popup div.trans-receipt div.trans-footer div.trans-kind { font-size: 30px; color: #89D9FF; font-weight: bold; } div.page-tablegrid div.trans-receipt div.trans-footer div.trans-state, #trans_popup div.trans-receipt div.trans-footer div.trans-state { font-size: 18px; font-weight: bold; text-transform: uppercase; } div.page-tablegrid div.trans-receipt div.trans-footer div.trans-cost, #trans_popup div.trans-receipt div.trans-footer div.trans-cost { padding-right: 30px; } div.page-tablegrid div.trans-receipt div.trans-footer div.advanced, div.page-tablegrid div.trans-receipt div.trans-footer div.fee, #trans_popup div.trans-receipt div.trans-footer div.advanced, #trans_popup div.trans-receipt div.trans-footer div.fee { padding: 0 8px; text-align: right; font-size: 18px; } div.page-tablegrid div.trans-receipt div.trans-footer span.tax-field, #trans_popup div.trans-receipt div.trans-footer span.tax-field { font-size: 1.5em; font-weight: bold; color: #fff; } div.page-tablegrid div.trans-receipt div.trans-footer span.tax-value, #trans_popup div.trans-receipt div.trans-footer span.tax-value { font-size: 1.5em; color: #fff; } div.page-tablegrid div.trans-receipt div.trans-footer span.total-field, #trans_popup div.trans-receipt div.trans-footer span.total-field { font-size: 2em; font-weight: bold; color: #fff; } div.page-tablegrid div.trans-receipt div.trans-footer span.total-value, #trans_popup div.trans-receipt div.trans-footer span.total-value { font-size: 2em; color: #fff; } div.page-tablegrid div.trans-receipt div.trans-footer div.tran-total, #trans_popup div.trans-receipt div.trans-footer div.tran-total { display: inline-block; padding: 0 8px; text-align: right; font-size: 18px; font-weight: 900; } div.page-tablegrid div.trans-receipt div.trans-footer span, #trans_popup div.trans-receipt div.trans-footer span { color: #B1B1B1; font-size: 12px; display: inline-block; padding-right: 6px; } div.page-tablegrid div.trans-receipt div.trans-footer div.cardnumber, #trans_popup div.trans-receipt div.trans-footer div.cardnumber { color: white; font-size: 28px; text-align: center; } div.page-tablegrid div.trans-receipt.declined div.trans-header, #trans_popup div.trans-receipt.declined div.trans-header { background: #AF3B3D; } div.page-tablegrid div.trans-receipt.declined div.declined-reason, #trans_popup div.trans-receipt.declined div.declined-reason { text-align: center; font-weight: bold; font-size: 22px; } div.page-tablegrid div.trans-receipt.declined div.declined-code, #trans_popup div.trans-receipt.declined div.declined-code { text-align: center; font-weight: bold; font-size: 14px; color: gray; } div.page-tablegrid div.trans-receipt.paid div.trans-header, #trans_popup div.trans-receipt.paid div.trans-header { background: #4E8474; } div.page-tablegrid div.trans-receipt.charge-back div.trans-header, #trans_popup div.trans-receipt.charge-back div.trans-header { background: black; } div.page-tablegrid div.trans-receipt.cb-lost div.trans-header, #trans_popup div.trans-receipt.cb-lost div.trans-header { background: purple; } div.page-tablegrid div.trans-receipt.canceled div.trans-header, div.page-tablegrid div.trans-receipt.voided div.trans-header, #trans_popup div.trans-receipt.canceled div.trans-header, #trans_popup div.trans-receipt.voided div.trans-header { background: gray; } div.page-tablegrid button.btn-block, #trans_popup button.btn-block { margin: 0 0 15px; } div.page-tablegrid div.customer-stats div.stats-table, #trans_popup div.customer-stats div.stats-table { display: table; width: 100%; vertical-align: middle; } div.page-tablegrid div.customer-stats div.stats-table div.stats-row, #trans_popup div.customer-stats div.stats-table div.stats-row { display: table-row; } div.page-tablegrid div.customer-stats div.stats-table div.stats-row div.stats-cell, #trans_popup div.customer-stats div.stats-table div.stats-row div.stats-cell { display: table-cell; padding: 2px; } div.page-tablegrid div.customer-stats div.stats-table div.stats-row div.stats-cell-right, #trans_popup div.customer-stats div.stats-table div.stats-row div.stats-cell-right { display: table-cell; text-align: right; padding: 2px; } div.page-tablegrid div.customer-stats div.stats-table div.stats-row div.stats-cell-center, #trans_popup div.customer-stats div.stats-table div.stats-row div.stats-cell-center { display: table-cell; text-align: center; padding: 2px; } div.page-tablegrid div.customer-stats div.success-text, #trans_popup div.customer-stats div.success-text { color: #15A353; font-size: 1.1em; font-weight: bold; } div.page-tablegrid div.customer-stats div.deny-text, #trans_popup div.customer-stats div.deny-text { color: #AF3B3D; font-size: 0.9em; } div.page-tablegrid div.customer-stats div.panel div.field-label, #trans_popup div.customer-stats div.panel div.field-label { display: block; text-align: center; width: auto; margin-top: 6px; } div.page-tablegrid div.customer-stats div.panel div.field-value, #trans_popup div.customer-stats div.panel div.field-value { display: block; text-align: center; } div#trans_popup { font-size: 14px; text-align: left; } div#trans_popup div.field:before { display: table; content: " "; } div#trans_popup div.field:after { display: table; content: " "; clear: both; } div#trans_popup div.field div.field-label { font-size: 8px; color: grey; display: inline-block; width: 60px; text-align: right; padding-right: 4px; } div#trans_popup div.field div.field-value { font-size: 12px; display: inline-block; } div#trans_popup div.field div.field-value.field-value-lg { font-size: 16px; } @media (max-width: 1360px) { div.page-tablegrid div.panel div.sub-title, #trans_popup div.panel div.sub-title { font-size: 10px; color: #c6c6c6; } div.page-tablegrid div.panel div.title, #trans_popup div.panel div.title { margin: 3px 0; font-size: 14px; } } .generated-from-scss { content: 'shared/pos/app/app.scss'; } #cash_drawer { padding: 20px; } #cash_drawer .line-item { border-bottom: 1px solid #ccc; padding: 15px; } #open_orders [data-field=total] { font-size: 19px; } div.wallet-summary { padding: 20px; } div.wallet-summary div.field-label { font-size: 10px; color: gray; } .generated-from-scss { content: 'shared/portal/recycler/recycler.scss'; } tr.highlight-recycler-history > td { background-color: rgba(0, 132, 212, 0.2); } .generated-from-scss { content: 'shared/themes/portal/compact.scss'; } body.mobile.theme-compact div#panel-left.no-group { background: #000000; } body.mobile.theme-compact nav.topnav { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: #000000; color: #E4E4E4; } body.mobile.theme-compact nav.topnav div.brand-title h4 { margin: 3px 5px 0; } body.mobile.theme-compact nav.topnav div.brand-title h1 { margin: 0 5px; font-weight: lighter; } body.mobile.theme-compact #app.no-group div#nav div.model-select { background: #000000; } body.mobile.theme-compact div#page div.page-view { padding: 10px 20px; background: #eae8e8; } body.mobile.theme-compact #terminal_tabs_view_wrapper, body.mobile.theme-compact .tabsview-wrapper { background: white; } body.mobile.theme-compact div.tabs-view.padded { background: white; margin: 15px; padding: 0; } body.mobile.theme-compact #comments div.mpanel { background: white; } .generated-from-scss { content: 'shared/themes/portal/dark.scss'; } body.mobile.theme-material.theme-dark div#panel-left.no-group { background: #000000; } body.mobile.theme-material.theme-dark nav.topnav { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: #000000; color: #E4E4E4; } body.mobile.theme-material.theme-dark #app.no-group div#nav div.model-select { background: #000000; } body.mobile.theme-material.theme-dark div#page div.page-view { padding: 10px 20px; background: #eae8e8; } body.mobile.theme-material.theme-dark #terminal_tabs_view_wrapper, body.mobile.theme-material.theme-dark .tabsview-wrapper { background: white; } body.mobile.theme-material.theme-dark div.tabs-view.padded { background: white; margin: 15px; padding: 0; } body.mobile.theme-material.theme-dark #comments div.mpanel { background: white; } .generated-from-scss { content: 'apps/cm/portal/app.scss'; } section#login_page div.brand-logo { background-image: url("/static/common/imgs/logo_scashless.png"); } section#login_page .btn-material-1 { color: white; background-color: #004764; } section#login_page .cut-page { background-color: #004764; } section#login_page div.action-bar a { color: #004764; } #mon_tickets div.panel { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45); } #app .topnav-brand img { height: 60px; } #app #panel-main nav.topnav .avatar { border: 2px solid white; } #app #panel-main nav.topnav #admin_dropdown_wrapper button.dropdown-toggle:focus, #app #panel-main nav.topnav #ticket_dropdown_wrapper button.dropdown-toggle:focus, #app #panel-main nav.topnav .btn-avatar:focus { color: #4397FF; opacity: 0.5; } #app #panel-main nav.topnav #admin_dropdown_wrapper, #app #panel-main nav.topnav #ticket_dropdown_wrapper, #app #panel-main nav.topnav #wiki_dropdown_wrapper { display: inline-block; margin-right: 25px; margin-top: 7px; } #app #panel-main nav.topnav #admin_dropdown_wrapper button.dropdown-toggle, #app #panel-main nav.topnav #admin_dropdown_wrapper #wiki_dropdown, #app #panel-main nav.topnav #ticket_dropdown_wrapper button.dropdown-toggle, #app #panel-main nav.topnav #ticket_dropdown_wrapper #wiki_dropdown, #app #panel-main nav.topnav #wiki_dropdown_wrapper button.dropdown-toggle, #app #panel-main nav.topnav #wiki_dropdown_wrapper #wiki_dropdown { background: transparent; box-shadow: none; font-size: 15px; margin: 0; padding-top: 15px; text-align: center; } #app #panel-main nav.topnav #admin_dropdown_wrapper #wiki_dropdown > i, #app #panel-main nav.topnav #admin_dropdown_wrapper button.dropdown-toggle > i, #app #panel-main nav.topnav #ticket_dropdown_wrapper #wiki_dropdown > i, #app #panel-main nav.topnav #ticket_dropdown_wrapper button.dropdown-toggle > i, #app #panel-main nav.topnav #wiki_dropdown_wrapper #wiki_dropdown > i, #app #panel-main nav.topnav #wiki_dropdown_wrapper button.dropdown-toggle > i { padding-right: 8px; } #app #panel-main nav.topnav #admin_dropdown_wrapper button.dropdown-toggle:active, #app #panel-main nav.topnav #admin_dropdown_wrapper button.dropdown-toggle:hover, #app #panel-main nav.topnav #ticket_dropdown_wrapper button.dropdown-toggle:active, #app #panel-main nav.topnav #ticket_dropdown_wrapper button.dropdown-toggle:hover, #app #panel-main nav.topnav #wiki_dropdown_wrapper button.dropdown-toggle:active, #app #panel-main nav.topnav #wiki_dropdown_wrapper button.dropdown-toggle:hover { color: #4397FF; } #app #panel-main nav.topnav #admin_dropdown_wrapper button.dropdown-toggle .my-ticket-count, #app #panel-main nav.topnav #ticket_dropdown_wrapper button.dropdown-toggle .my-ticket-count, #app #panel-main nav.topnav #wiki_dropdown_wrapper button.dropdown-toggle .my-ticket-count { background-color: #af3b3d; border-radius: 50%; color: white; font-size: 9px; height: 18px; padding: 3px; position: absolute; right: -13px; top: 7px; width: 18px; } #app #panel-main nav.topnav #admin_dropdown_wrapper .collapsable-sub-menu, #app #panel-main nav.topnav #ticket_dropdown_wrapper .collapsable-sub-menu, #app #panel-main nav.topnav #wiki_dropdown_wrapper .collapsable-sub-menu { max-height: 200px; overflow-y: scroll; padding-bottom: 0px; } #app #panel-main nav.topnav #admin_dropdown_wrapper .collapsable-sub-menu:hover, #app #panel-main nav.topnav #admin_dropdown_wrapper .collapsable-sub-menu:active, #app #panel-main nav.topnav #admin_dropdown_wrapper .collapsable-sub-menu:focus, #app #panel-main nav.topnav #ticket_dropdown_wrapper .collapsable-sub-menu:hover, #app #panel-main nav.topnav #ticket_dropdown_wrapper .collapsable-sub-menu:active, #app #panel-main nav.topnav #ticket_dropdown_wrapper .collapsable-sub-menu:focus, #app #panel-main nav.topnav #wiki_dropdown_wrapper .collapsable-sub-menu:hover, #app #panel-main nav.topnav #wiki_dropdown_wrapper .collapsable-sub-menu:active, #app #panel-main nav.topnav #wiki_dropdown_wrapper .collapsable-sub-menu:focus { color: black; background-color: white; } #app #panel-main nav.topnav #admin_dropdown_wrapper .collapsable-sub-menu ul li, #app #panel-main nav.topnav #ticket_dropdown_wrapper .collapsable-sub-menu ul li, #app #panel-main nav.topnav #wiki_dropdown_wrapper .collapsable-sub-menu ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #app #panel-main nav.topnav #admin_dropdown_wrapper .collapsable-sub-menu ul li:hover, #app #panel-main nav.topnav #ticket_dropdown_wrapper .collapsable-sub-menu ul li:hover, #app #panel-main nav.topnav #wiki_dropdown_wrapper .collapsable-sub-menu ul li:hover { color: #4397FF; } #app #panel-main nav.topnav #admin_dropdown_wrapper .dropdown-icon, #app #panel-main nav.topnav #ticket_dropdown_wrapper .dropdown-icon, #app #panel-main nav.topnav #wiki_dropdown_wrapper .dropdown-icon { padding-top: 20px; position: absolute; right: 25px; } #app #panel-main nav.topnav #admin_dropdown_wrapper .dropdown-menu, #app #panel-main nav.topnav #ticket_dropdown_wrapper .dropdown-menu, #app #panel-main nav.topnav #wiki_dropdown_wrapper .dropdown-menu { width: 300px; } #app #panel-main nav.topnav #admin_dropdown_wrapper li .item-label, #app #panel-main nav.topnav #ticket_dropdown_wrapper li .item-label, #app #panel-main nav.topnav #wiki_dropdown_wrapper li .item-label { font-size: 17px; font-weight: normal; } #app #panel-main nav.topnav #admin_dropdown_wrapper li .item-body, #app #panel-main nav.topnav #ticket_dropdown_wrapper li .item-body, #app #panel-main nav.topnav #wiki_dropdown_wrapper li .item-body { color: gray; font-size: 14px; } #app #panel-main nav.topnav #admin_dropdown_wrapper li.list-hr-wrapper hr, #app #panel-main nav.topnav #ticket_dropdown_wrapper li.list-hr-wrapper hr, #app #panel-main nav.topnav #wiki_dropdown_wrapper li.list-hr-wrapper hr { margin-top: 5px; margin-bottom: 5px; } #app #panel-main nav.topnav #admin_dropdown_wrapper li.list-hr-wrapper:last-of-type, #app #panel-main nav.topnav #ticket_dropdown_wrapper li.list-hr-wrapper:last-of-type, #app #panel-main nav.topnav #wiki_dropdown_wrapper li.list-hr-wrapper:last-of-type { display: none; } @media (max-width: 1200px) { #app #panel-main nav.topnav #admin_dropdown_wrapper, #app #panel-main nav.topnav #ticket_dropdown_wrapper, #app #panel-main nav.topnav #wiki_dropdown_wrapper { margin-right: 0; } #app #panel-main nav.topnav #admin_dropdown_wrapper button.dropdown-toggle, #app #panel-main nav.topnav #ticket_dropdown_wrapper button.dropdown-toggle, #app #panel-main nav.topnav #wiki_dropdown_wrapper button.dropdown-toggle { padding-right: 0; } #app #panel-main nav.topnav #admin_dropdown_wrapper .dropdown-title, #app #panel-main nav.topnav #ticket_dropdown_wrapper .dropdown-title, #app #panel-main nav.topnav #wiki_dropdown_wrapper .dropdown-title { display: none; } } #app #panel-main nav.topnav #admin_dropdown_wrapper { margin-right: 0; } #app #panel-main nav.topnav #admin_dropdown_wrapper .collapsable-list-item i { margin-right: 5px; } #app #panel-main nav.topnav #admin_dropdown_wrapper .dropdown-icon { padding-top: 5px; } #app #panel-main nav.topnav #admin_dropdown_wrapper ul.admin-dropdown-menu { padding-bottom: 5px; } #app #panel-main nav.topnav #wiki_dropdown_wrapper { margin-right: 0; } #app #panel-main button.btn > span.badge { right: 0px; } @media (max-width: 760px) { #app #panel-main button.btn span.btn-label { display: none; } #app #panel-main ul.admin-dropdown-menu, #app #panel-main ul.ticket-dropdown-menu { position: fixed; right: 10px; top: 60px; } } #app.no-group div#nav div.model-select { background: #412d48; } #app.no-group div#nav div.model-select:hover { color: #3b3b3b; } #app td.is-org, #app th.is-org { display: table-cell; } #app td.no-org, #app th.no-org { display: none; } #dialog_generic_collection #pager { text-align: center; } #dialog_generic_collection #pager .pagination { margin: auto; } .field-container div.field { position: relative; padding: 10px 0; } .field-container div.field:before { position: absolute; top: -8px; left: 0; color: #c5c5c5; font-size: 10px; content: attr(data-label); width: 100%; } .dark-panel { background: #474747; border-radius: 5px; color: white; position: relative; } .dark-panel .header { padding: 10px; } .dark-panel .content.pad5 { padding: 5px; } .dark-panel .content.pad10 { padding: 10px; } .dark-panel .chart-filter-bar { position: absolute; top: 0px; right: 0px; } .dark-panel .chart-filter-bar .form-group { padding: 2px; } .dark-panel .chart-filter-bar select.form-control { color: #398dea; } .light-panel { background: #474747; border-radius: 5px; color: white; position: relative; } .light-panel .header { padding: 10px; } .light-panel .content.pad5 { padding: 5px; } .light-panel .content.pad10 { padding: 10px; } .light-panel .chart-filter-bar { position: absolute; top: 0px; right: 0px; } .light-panel .chart-filter-bar .form-group { padding: 2px; } .light-panel .chart-filter-bar select.form-control { color: #398dea; } .form-viewer-entry { margin-bottom: 5px; } .form-viewer-entry.form-viewer-toggle { display: inline-block; padding: 8px 5px; } .form-viewer-entry.form-viewer-toggle .fa { padding: 0px 8px; } section.page-toc-mode .legend { display: none; } .legend-info { cursor: pointer; } .legend .legend-label { display: inline-block; border: 1px solid darkgray; background: #fdfdfd; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12); padding: 2px 12px; border-left: 8px solid grey; margin-right: 5px; } .legend .legend-label.staff { border-left: 8px solid #fd9608; background: rgba(255, 118, 0, 0.1); } #media-view.portal #media-view-img, #media-view.portal #media-view-video { min-width: 85%; margin: auto; min-height: 100%; width: 85%; z-index: 1000; opacity: 0.9; text-align: center; padding: 15px; padding-left: 20%; } .deprecated { background-color: rgba(255, 196, 0, 0.286) !important; } .dashboard-widget { background: white; border-radius: 5px; padding: 0px; margin-bottom: 20px; } .dashboard-widget .show-on-dirty { display: none; } .dashboard-widget.dirty { background: rgba(191, 12, 12, 0.15); -webkit-box-shadow: inset 0px 0px 9px 0px rgba(93, 50, 14, 0.62); -moz-box-shadow: inset 0px 0px 9px 0px rgba(93, 50, 14, 0.62); box-shadow: inset 0px 0px 9px 0px rgba(93, 50, 14, 0.62); } .dashboard-widget.dirty .show-on-dirty { display: block; } .dashboard-widget.dirty .panel-footer { background: rgba(53, 0, 0, 0.12); } .dashboard-widget .widget-header { background: #e4e4e4; height: 65px; padding: 20px; font-size: 20px; padding-left: 5px; font-weight: bold; } .dashboard-widget .widget-header a.tooltip-icon { color: #D5D7D7; font-size: 0.7em; margin-left: 5px; vertical-align: text-bottom; } .dashboard-widget .widget-content .widget-item { color: #fff; font-size: 1.2em; } .dashboard-widget .widget-content .widget-item div.title { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; font-weight: bold; } .dashboard-widget .widget-content .widget-item div.title .percentage { font-weight: normal; } .dashboard-widget .widget-footer { color: #818181; font-size: 14px; line-height: 45px; text-align: center; } .dashboard-widget .widget-footer span.value { font-weight: bold; } .dashboard-widget .widget-footer span.description { font-weight: 400; } @media (max-width: 575.98px) { div.numberpad.theme-flat { width: auto; } div.numberpad.theme-flat button.btn-alpha, div.numberpad.theme-flat button.btn-number, div.numberpad.theme-flat button.btn-function { height: 56px; width: 48px; } div.numberpad.theme-flat button.btn-success.rows-3 { height: 198px; font-size: 21px; } } .generated-from-scss { content: 'apps/cm/portal/pages/cassettes/cassettes.scss'; } .legend .legend-label.cash-cassette { border-left: 8px solid #1ac475; background: rgba(0, 255, 76, 0.05); } .legend .legend-label.coin-cassette { border-left: 8px solid #ffd000; background: rgba(255, 217, 0, 0.05); } .legend .legend-label.bill-cassette { border-left: 8px solid #880094; background: rgba(136, 0, 148, 0.05); } #em_cassettes td i.fa-square { display: block; line-height: 25%; } #em_cassettes div.page-toc tbody tr .batch-select-td { background: gray; } #em_cassettes div.page-toc tbody tr.cash-cassette { background: rgba(0, 255, 76, 0.05); } #em_cassettes div.page-toc tbody tr.cash-cassette .batch-select-td { background: #1ac475; } #em_cassettes div.page-toc tbody tr.bill-cassette { background: rgba(136, 0, 148, 0.05); } #em_cassettes div.page-toc tbody tr.bill-cassette .batch-select-td { background: #880094; } #em_cassettes div.page-toc tbody tr.coin-cassette { background: rgba(255, 217, 0, 0.05); } #em_cassettes div.page-toc tbody tr.coin-cassette .batch-select-td { background: #ffd000; } #em_cassettes .kiosk-img { position: absolute; top: -500px; width: 450px; right: -100px; } .generated-from-scss { content: 'apps/cm/portal/pages/crypto/crypto.scss'; } .crypto-header .top-header { position: relative; padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; background: url(/static/shared/imgs/bg_tiles/crypto_bg_1.jpg) no-repeat left center; background-size: cover; background-position-y: 50%; height: 120px; border-bottom: 1px solid #cccccc; } .crypto-header .top-header .coin-label { font-size: 2em; text-align: left; } .crypto-header .top-header .coin-label img { height: 40px; } .crypto-header .top-header .address-label { font-size: 1.4em; margin-top: 15px; } .crypto-header .top-header .balance-label { font-size: 2em; position: absolute; right: 30px; display: inline-block; top: 20px; } .crypto-header .top-header .balance-label:before { content: "balance"; color: gray; position: absolute; top: -15px; right: 0; text-align: right; font-size: 14px; } .crypto-header .top-header .balance-label img { height: 30px; margin-top: -5px; } .crypto-header .top-header .value-label { font-size: 1.4em; position: absolute; right: 30px; bottom: 20px; } .crypto-header .top-header .is_dispenser { position: absolute; bottom: 0; left: 0; right: 0; font-weight: bold; text-align: center; font-size: 1.4em; color: #2bca30; } .crypto-header .top-header .main-menu { position: absolute; left: 30px; bottom: 10px; } .crypto-header .top-header div#dropdown { position: relative; display: inline-block; } .crypto-header .top-header div#dropdown > button { background: transparent; padding: 10px 0px; color: white; font-size: 1.1em; } .crypto-header .top-header div#dropdown > button:after { color: white; font-size: 1.1em; margin-left: 5px; position: relative; top: 0px; left: 0px; } .crypto-header .top-header div#dropdown > button:focus, .crypto-header .top-header div#dropdown > button:hover { color: #cccccc; } .crypto-header .top-header div#dropdown > button:focus:after, .crypto-header .top-header div#dropdown > button:hover:after { color: #cccccc; } .crypto-header .bottom-header div.field { margin-top: 5px; } .crypto-header .bottom-header div.field:before { display: block; color: gray; font-size: 12px; content: attr(data-label); } .crypto-header .bottom-header div.qr-code { text-align: center; display: inline-block; border-radius: 4px; border: 1px solid #ccc; } div#tabsview_header div.crypto-coin { position: absolute; bottom: 0; right: 0; left: 0; text-align: center; } div#tabsview_header div.crypto-coin img { height: 40px; } @media (max-width: 992px) { .server-header .bottom-header .right-col { text-align: left; } } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/ba_summary/ba_summary.scss'; } div#ba_summary .loading-container { display: none; } div#ba_summary .show-loader .loading-container { display: block; } div#ba_summary .show-loader .field-container { display: none; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/cash_status_widget/cash_status_widget.scss'; } #cash_status_widget .widget-content #widget_empty, #cash_status_widget .widget-content #widget_low_cash, #cash_status_widget .widget-content #widget_below_threshold, #cash_status_widget .widget-content #widget_idle_cash { cursor: pointer; } #cash_status_widget .widget-content #widget_empty * > span, #cash_status_widget .widget-content #widget_low_cash * > span, #cash_status_widget .widget-content #widget_below_threshold * > span, #cash_status_widget .widget-content #widget_idle_cash * > span { pointer-events: none; } #cash_status_widget .widget-content .widget-item:hover { filter: brightness(115%); transform: scale(1.01); } #cash_status_widget .widget-content .widget-empty { height: 43px; background-color: #CCCCCC; } #cash_status_widget .widget-content .widget-empty .item-contents { line-height: 43px; } #cash_status_widget .widget-content .widget-low-cash { height: 55px; background-color: #9D9D9D; } #cash_status_widget .widget-content .widget-low-cash .item-contents { line-height: 55px; } #cash_status_widget .widget-content .widget-below-threshold { height: 66px; background-color: #818181; } #cash_status_widget .widget-content .widget-below-threshold .item-contents { line-height: 66px; } #cash_status_widget .widget-content .widget-high-cash { height: 66px; background-color: #626262; } #cash_status_widget .widget-content .widget-high-cash .item-contents { line-height: 66px; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/dashboard.scss'; } section#dashboard #widget_map #generic_map .map-container { height: 230px; } section#dashboard .chart-filter-bar { position: absolute; top: 0px; right: 0px; } section#dashboard .chart-filter-bar .form-group { padding: 2px; } section#dashboard .chart-filter-bar select.form-control { color: #398dea; } section#dashboard .mpanel.dashboard-widget .mpanel-header { border-bottom: 1px solid lightgray; } section#dashboard .mpanel.dashboard-widget .mpanel-header .title { font-size: 20px; font-weight: bold; display: inline-block; } section#dashboard .mpanel.dashboard-widget .mpanel-body { padding: 15px 0; } section#dashboard .title-col { margin-bottom: 20px; } section#dashboard .title-col .form-group { float: right; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/dynamic_indicator/dynamic_indicator.scss'; } div.month-to-day-widget .mpanel-header { border-bottom: 1px solid lightgray; } div.month-to-day-widget .mpanel-header .title { font-size: 20px; font-weight: bold; display: inline-block; } div.month-to-day-widget .mpanel-header .month-info { color: gray; font-size: 12px; vertical-align: text-bottom; text-align: right; float: right; } @media (max-width: 1199.98px) { div.month-to-day-widget .mpanel-header .month-info { float: none; text-align: left; } } div.month-to-day-widget .mpanel-body { padding: 15px 0; } div.month-to-day-widget .mpanel-body .section-title { margin-top: 15px; font-size: 16px; } div.month-to-day-widget .mpanel-body .section-total { font-size: 26px; margin-bottom: -5px; } div.month-to-day-widget .mpanel-body .section-summary { font-size: 16px; } div.month-to-day-widget .mpanel-body .section-summary small { font-size: 12px; } div.month-to-day-widget .mpanel-body .section-total:hover { cursor: pointer; } div.month-to-day-widget .mpanel-body .up .fa-arrow-up, div.month-to-day-widget .mpanel-body .up .section-summary { color: #006414; } div.month-to-day-widget .mpanel-body .down .fa-arrow-down, div.month-to-day-widget .mpanel-body .down .section-summary { color: #aa0e00; } div.month-to-day-widget .mpanel-body .fa-eye { color: #0096fa; } div.month-to-day-widget .mpanel-body .fa-eye:hover { cursor: pointer; } .dialog-body .chart-container { padding: 25px; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/map_widget/map_widget.scss'; } div#map_widget .mpanel-body { padding: 0; } div#map_widget #all_locations_map { height: 75vh; } div#map_widget .form-group { margin-bottom: 0; flex-grow: 2; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/month_to_day_widget/month_to_day_widget.scss'; } div.month-to-day-widget .page-panel-header { border-bottom: 1px solid lightgray; } div.month-to-day-widget .page-panel-header .title { display: inline-block; } div.month-to-day-widget .page-panel-header .month-info { opacity: 0.8; font-size: 12px; vertical-align: text-bottom; text-align: right; } div.month-to-day-widget .page-panel-body { padding: 15px 0; } div.month-to-day-widget .page-panel-body .section-title { margin-top: 15px; font-size: 14px; } div.month-to-day-widget .page-panel-body .section-total { font-size: 18px; } div.month-to-day-widget .page-panel-body .section-summary { font-size: 12px; } div.month-to-day-widget .page-panel-body .section-summary small { font-size: 10px; } div.month-to-day-widget .page-panel-body .section-total:hover { cursor: pointer; } div.month-to-day-widget .page-panel-body .up .fa-arrow-up, div.month-to-day-widget .page-panel-body .up .fa-arrow-down, div.month-to-day-widget .page-panel-body .up .section-summary { color: #006414; } div.month-to-day-widget .page-panel-body .down .fa-arrow-up, div.month-to-day-widget .page-panel-body .down .fa-arrow-down, div.month-to-day-widget .page-panel-body .down .section-summary { color: #aa0e00; } div.month-to-day-widget .page-panel-body .fa-eye { color: #0096fa; } div.month-to-day-widget .page-panel-body .fa-eye:hover { cursor: pointer; } div.month-to-day-widget .page-panel-body .grid { display: grid; grid-template: repeat(2, 1fr)/repeat(2, 1fr); } @media (max-width: 575.98px) { div.month-to-day-widget .page-panel-body .grid { grid-template: repeat(1, 1fr)/repeat(1, 1fr); } } .dialog-body .chart-container { padding: 25px; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/pp_card_summary/pp_card_summary.scss'; } div#pp_card_summary .loading-container { display: none; } div#pp_card_summary .show-loader .loading-container { display: block; } div#pp_card_summary .show-loader .field-container { display: none; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/terminal_state/view.scss'; } #terminal_state_widget .page-panel-header .title { display: inline-block; } #terminal_state_widget .page-panel-header a { color: inherit; } #terminal_state_widget .page-panel-body { padding: 0px; } #terminal_state_widget .page-panel-footer { padding: 10px; text-align: center; } #terminal_state_widget .widget-needs-attention { height: 64px; background-color: #59787F; } #terminal_state_widget .widget-needs-attention .item-contents { line-height: 64px; } #terminal_state_widget #widget_offline, #terminal_state_widget #widget_inactive, #terminal_state_widget #widget_jammed, #terminal_state_widget #widget_online, #terminal_state_widget #widget_low_cash { color: white; font-weight: bold; cursor: pointer; } #terminal_state_widget #widget_offline * > span, #terminal_state_widget #widget_inactive * > span, #terminal_state_widget #widget_jammed * > span, #terminal_state_widget #widget_online * > span, #terminal_state_widget #widget_low_cash * > span { pointer-events: none; } #terminal_state_widget .widget-item:hover { filter: brightness(115%); transform: scale(1.01); } #terminal_state_widget .widget-offline { height: 50px; background-color: #a17575; } #terminal_state_widget .widget-offline .item-contents { line-height: 50px; } #terminal_state_widget .widget-inactive { height: 55px; background-color: #7999a0; } #terminal_state_widget .widget-inactive .item-contents { line-height: 55px; } #terminal_state_widget .widget-online { height: 60px; background-color: #8bb599; } #terminal_state_widget .widget-online .item-contents { line-height: 60px; } #terminal_state_widget .widget-low_cash { height: 60px; background-color: #c3a16d; } #terminal_state_widget .widget-low_cash .item-contents { line-height: 60px; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/terminal_status_widget/terminal_status_widget.scss'; } #terminal_status_widget .widget-content .widget-needs-attention { height: 64px; background-color: #59787F; } #terminal_status_widget .widget-content .widget-needs-attention .item-contents { line-height: 64px; } #terminal_status_widget .widget-content #widget_reporting_error, #terminal_status_widget .widget-content #widget_inactive, #terminal_status_widget .widget-content #widget_disabled, #terminal_status_widget .widget-content #widget_online { cursor: pointer; } #terminal_status_widget .widget-content #widget_reporting_error * > span, #terminal_status_widget .widget-content #widget_inactive * > span, #terminal_status_widget .widget-content #widget_disabled * > span, #terminal_status_widget .widget-content #widget_online * > span { pointer-events: none; } #terminal_status_widget .widget-content .widget-item:hover { filter: brightness(115%); transform: scale(1.01); } #terminal_status_widget .widget-content .widget-reporting_error { height: 45px; background-color: #a17575; } #terminal_status_widget .widget-content .widget-reporting_error .item-contents { line-height: 55px; } #terminal_status_widget .widget-content .widget-inactive { height: 50px; background-color: #7598A1; } #terminal_status_widget .widget-content .widget-inactive .item-contents { line-height: 50px; } #terminal_status_widget .widget-content .widget-disabled { height: 55px; background-color: #99B8BF; } #terminal_status_widget .widget-content .widget-disabled .item-contents { line-height: 55px; } #terminal_status_widget .widget-content .widget-online { height: 60px; background-color: #8bb599; } #terminal_status_widget .widget-content .widget-online .item-contents { line-height: 60px; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/trend_widget/chart.scss'; } #atm_trend_widget_mymo_chart .dialog-header { background: white; color: black; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/dashboard/trend_widget/view.scss'; } #atm_trend_widget .body-loading { margin: 72px 0px; } #atm_trend_widget .page-panel-header { border-bottom: 1px solid lightgray; } #atm_trend_widget .page-panel-header .title { display: inline-block; } #atm_trend_widget .page-panel-header .month-info { opacity: 0.8; font-size: 12px; vertical-align: text-bottom; text-align: right; } @media (max-width: 1199.98px) { #atm_trend_widget .page-panel-header .month-info { float: none; text-align: left; } } #atm_trend_widget .page-panel-body { padding: 15px 0; } #atm_trend_widget .page-panel-body .section-title { margin-top: 15px; font-size: 14px; } #atm_trend_widget .page-panel-body .section-total { font-size: 18px; } #atm_trend_widget .page-panel-body .section-total:hover { color: #0d6efd; } #atm_trend_widget .page-panel-body .section-summary { font-size: 12px; } #atm_trend_widget .page-panel-body .section-summary small { font-size: 10px; } #atm_trend_widget .page-panel-body .section-total[data-id]:hover { cursor: pointer; } #atm_trend_widget .page-panel-body .up .fa-arrow-up, #atm_trend_widget .page-panel-body .up .fa-arrow-down, #atm_trend_widget .page-panel-body .up .section-summary { color: #006414; } #atm_trend_widget .page-panel-body .down .fa-arrow-up, #atm_trend_widget .page-panel-body .down .fa-arrow-down, #atm_trend_widget .page-panel-body .down .section-summary { color: #aa0e00; } #atm_trend_widget .page-panel-body div.atm-trend-declined.up .fa-arrow-up, #atm_trend_widget .page-panel-body div.atm-trend-declined.up .fa-arrow-down, #atm_trend_widget .page-panel-body div.atm-trend-declined.up .section-summary { color: #aa0e00; } #atm_trend_widget .page-panel-body div.atm-trend-declined.down .fa-arrow-up, #atm_trend_widget .page-panel-body div.atm-trend-declined.down .fa-arrow-down, #atm_trend_widget .page-panel-body div.atm-trend-declined.down .section-summary { color: #006414; } #atm_trend_widget .page-panel-body .fa-eye { color: #0096fa; } #atm_trend_widget .page-panel-body .fa-eye:hover { cursor: pointer; } #atm_trend_widget .page-panel-body .grid { display: grid; grid-template: repeat(2, 1fr)/repeat(2, 1fr); } @media (max-width: 575.98px) { #atm_trend_widget .page-panel-body .grid { grid-template: repeat(1, 1fr)/repeat(1, 1fr); } } .generated-from-scss { content: 'apps/cm/portal/pages/form_definitions/form_edit.scss'; } div#form_definition_edit .title .help-btn { float: right; } .generated-from-scss { content: 'apps/cm/portal/pages/forms/form.scss'; } section.forms #page { padding: 60px !important; } section.forms #page h2 { font-size: 36px; } section.forms #page td.min_width { width: 1%; } section.forms #page .tooltip-inner { text-align: left; } section.forms #page table.borderless td, section.forms #page table.borderless th { border: none; } section.forms #page div.status { width: initial; border: 1px solid grey; } section#server_forms_list .form .header { padding: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; background: #2d7556; } section#server_forms_list .form .content { border: 1px solid #cccccc; } section#server_forms_list .link { cursor: pointer; } .generated-from-scss { content: 'apps/cm/portal/pages/inventory/inventory.scss'; } section#inventory div.history-view ul.list { list-style: none; list-style-image: none; margin: 0; padding: 0; } .generated-from-scss { content: 'apps/cm/portal/pages/issuer_action/issuer_action.scss'; } section#inventory div.history-view ul.list { list-style: none; list-style-image: none; margin: 0; padding: 0; } .generated-from-scss { content: 'apps/cm/portal/pages/login/login.scss'; } section#login_page div.brand-logo { background-image: url("/static/shared/imgs/payauth_portal_nobg.png"); height: 20%; } section#login_page .btn-material-1 { color: white; background-color: #302f2f; } section#login_page .cut-page { background-color: #302f2f; } section#login_page div.action-bar a { color: #4E8474; } section#login_page.cashless-theme div.brand-logo { background-size: 20%; background-position-y: 0%; } section#login_page.cashless-theme div.brand-logo img { margin-top: 20%; } #token-login-view .badge, #token-login-view .btn-material-1 { color: white; background-color: #4E8474; } .generated-from-scss { content: 'apps/cm/portal/pages/map/map.scss'; } .generated-from-scss { content: 'apps/cm/portal/pages/packages/terminal_playlist/terminal_playlist.scss'; } #terminal_playlist_view .tabsview-wrapper { position: relative; border: 1px solid #cccccc; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } #terminal_playlist_view .tabsview-wrapper .locked-banner { height: 35px; line-height: 35px; top: 27px; background: red; color: white; font-size: 1.4em; font-weight: bold; width: 180px; text-align: center; right: -46px; bottom: 25px; position: absolute; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #terminal_playlist_view .view-header div.subpage_header { overflow: visible; margin-bottom: 20px; } #terminal_playlist_view .view-header div.subpage_header ul.dropdown-menu button:hover { background: #DBDBDB !important; color: initial; } #terminal_playlist_view .view-header #playlist_dropdown .btn-dropdown { font-size: 34px; } #terminal_playlist_view .view-header .top-header { border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; background: url(/static/common/imgs/media_background.jpg) no-repeat left center; background-size: cover; background-position-y: 65%; height: 60px; border-bottom: 1px solid #cccccc; position: relative; } #terminal_playlist_view .view-header .top-header .playlist-name { font-size: 40px; line-height: 40px; position: absolute; top: 10px; left: 15px; } #terminal_playlist_view .view-header .top-header .playlist-duration { position: absolute; right: 10px; top: 7px; } #terminal_playlist_view .view-header .top-header .playlist-duration .duration-label { font-size: 10px; line-height: 15px; } #terminal_playlist_view .view-header .top-header .playlist-duration .duration-value { font-size: 25px; line-height: 25px; } #terminal_playlist_view #playlist_state { display: inline-block; } #terminal_playlist_view .view-container { padding: 15px; } #terminal_playlist_view .td-wrapped { width: 5%; white-space: nowrap; } #terminal_playlist_view .user-status-icon { padding: 0px 4px; font-size: 1.4em; } #terminal_playlist_view div.tabs-container { border: none; } #terminal_playlist_view .playlist-body { border-top: 1px solid #d8d8d8; } #terminal_playlist_view .playlist-body .terminal-item { height: 35px; line-height: 35px; padding: 0px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #d8d8d8; position: relative; } #terminal_playlist_view .playlist-body .terminal-item .terminal-item-actions { position: absolute; right: 0px; top: 0px; height: 35px; transition: width 0.5s; width: 0px; padding: 0px; overflow: hidden; text-align: right; white-space: nowrap; } #terminal_playlist_view .playlist-body .terminal-item .terminal-item-actions .btn { height: 30px; } #terminal_playlist_view .playlist-body .terminal-item:hover .terminal-item-actions { width: 45px; } #terminal_playlist_view .playlist-body .playlist-item { cursor: pointer; margin: 0px; padding: 0px; height: 50px; width: 100%; position: relative; border-bottom: 1px solid #d8d8d8; } #terminal_playlist_view .playlist-body .playlist-item:hover { color: #0d6efd; } #terminal_playlist_view .playlist-body .playlist-item:hover .playlist-item-actions { width: 120px; } #terminal_playlist_view .playlist-body .playlist-item:hover .top-item { padding-right: 100px; } #terminal_playlist_view .playlist-body .playlist-item .thumbnail-playlist { pointer-events: none; position: absolute; top: 5px; left: 35px; width: 40px; overflow: hidden; padding: 0px; margin: 0px; height: 40px; border-radius: 5px; background-color: #ccc; } #terminal_playlist_view .playlist-body .playlist-item .thumbnail-playlist img { width: 100%; height: 100%; } #terminal_playlist_view .playlist-body .playlist-item.dragging { background: gray; } #terminal_playlist_view .playlist-body .playlist-item .drag-n-drop-handle { position: absolute; top: 0px; left: 0px; height: 50px; display: inline-block; width: 30px; text-align: center; } #terminal_playlist_view .playlist-body .playlist-item .drag-n-drop-handle .fa-bars { line-height: 50px; } #terminal_playlist_view .playlist-body .playlist-item .drag-n-drop-handle:hover { background: gray; } #terminal_playlist_view .playlist-body .playlist-item .top-item { display: inline-block; height: 50px; width: 100%; position: absolute; left: 0px; transition: padding-right 0.25s; padding-top: 8px; padding-left: 80px; padding-right: 0px; } #terminal_playlist_view .playlist-body .playlist-item .top-item .playlist-item-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #terminal_playlist_view .playlist-body .playlist-item .item-duration { color: gray; font-size: 0.8em; } #terminal_playlist_view .playlist-body .playlist-item .playlist-item-actions { position: absolute; right: 10px; top: 10px; height: 35px; transition: width 0.5s; width: 0px; padding: 0px; overflow: hidden; text-align: right; white-space: nowrap; } #terminal_playlist_view .playlist-body .playlist-item .playlist-item-actions .btn { height: 30px; } #terminal_playlist_view .playlist-body .playlist-item.selected { background: #d6d6d6; } #terminal_playlist_view #preview_panel { padding: 2px; } #terminal_playlist_view #preview_panel #preview_wrapper { padding: 20px; resize: both; position: relative; width: 100%; overflow: hidden; transition: height 0.5s; } #terminal_playlist_view #preview_panel #preview_view { font-size: 28px; background: black; color: white; text-align: center; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: transform 0.5s, width 0.5s, height 0.5s; } #terminal_playlist_view #preview_panel #preview_view h1 { font-size: 120px; margin: 0px; padding: 0px; } .generated-from-scss { content: 'apps/cm/portal/pages/packages/terminal_theme/header/header.scss'; } .theme-header { position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .theme-header #theme_dropdown .btn-dropdown { font-size: 26px; } .theme-header .bg-container { position: relative; padding: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 75px; border-bottom: 1px solid #cccccc; background: url(/static/common/imgs/bgs/bg_color_palette.jpg) no-repeat left center; background-size: cover; background-position-y: 95%; } .theme-header .theme-kind { padding: 0px 20px; font-size: 12px; } .generated-from-scss { content: 'apps/cm/portal/pages/packages/terminal_theme/terminal_theme.scss'; } #terminal_theme_view { position: relative; } #terminal_theme_view .padded-container { padding: 20px; padding-left: 0px; } #terminal_theme_view #preview_panel::before { position: absolute; top: -20px; color: gray; content: "preview"; font-size: 0.9em; } #terminal_theme_view .terminal-item { height: 35px; line-height: 35px; padding: 0px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #d8d8d8; position: relative; } #terminal_theme_view .terminal-item .terminal-item-actions { position: absolute; right: 0px; top: 0px; height: 35px; transition: width 0.5s; width: 0px; padding: 0px; overflow: hidden; text-align: right; white-space: nowrap; } #terminal_theme_view .terminal-item .terminal-item-actions .btn { height: 30px; } #terminal_theme_view .terminal-item:hover .terminal-item-actions { width: 45px; } #terminal_theme_view #preview_panel { padding: 2px; background: rgba(0, 0, 0, 0.2); } #terminal_theme_view #preview_panel #preview_wrapper { padding: 20px; resize: both; position: relative; width: 100%; overflow: hidden; transition: height 0.5s; } #terminal_theme_view #preview_panel #preview_view { font-size: 28px; background: black; color: white; text-align: center; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: transform 0.5s, width 0.5s, height 0.5s; } #terminal_theme_view #preview_panel .preview-container { height: 100%; background-color: white; } #terminal_theme_view #preview_panel .preview-container img { height: 100%; } #terminal_theme_view #preview_panel .preview-container .preview-header { height: 100px; background-color: black; color: white; position: absolute; left: 0px; right: 0px; } #terminal_theme_view #preview_panel .preview-container .preview-header div.hal_status { position: absolute; right: 10px; top: 5px; color: green; } #terminal_theme_view #preview_panel .preview-container .preview-header div.logo { position: absolute; left: 20px; top: 20px; display: inline-block; } #terminal_theme_view #preview_panel .preview-container .preview-header div.merchant-logo { position: absolute; right: 20px; bottom: 0px; padding: 10px 20px; display: inline-block; font-size: 50px; } #terminal_theme_view #preview_panel .preview-container .preview-header div.merchant-logo img { max-width: 200px; } #terminal_theme_view #preview_panel .preview-container .preview-header div.super-title { font-size: 24px; text-align: center; position: absolute; top: 40px; left: 260px; } #terminal_theme_view #preview_panel .preview-container .preview-header div.title-box { position: absolute; top: 40px; left: 20px; right: 0; } #terminal_theme_view #preview_panel .preview-container .preview-header div.title-box div.title { font-size: 38px; color: #0d6efd; text-transform: uppercase; padding-right: 20px; } #terminal_theme_view #preview_panel .preview-container .preview-header div.title-box div.sub-title { font-size: 38px; color: green; position: absolute; bottom: -80px; left: 240px; } #terminal_theme_view #preview_panel .preview-container .preview-header .custom-logo { height: 100px; text-align: left; } #terminal_theme_view #preview_panel .preview-container .preview-header .custom-logo .vertically-align-img-helper { display: inline-block; height: 100%; vertical-align: middle; } #terminal_theme_view #preview_panel .preview-container .preview-header .custom-logo img { max-height: 100px; padding: 10px; max-width: 50%; } #terminal_theme_view #preview_panel .preview-container .preview-header .powered_by { position: absolute; right: 5px; bottom: 5px; } #terminal_theme_view #preview_panel .preview-container .preview-page { position: absolute; left: 0px; right: 0px; top: 100px; bottom: 0px; } #terminal_theme_view .locked-banner { height: 35px; line-height: 35px; top: 27px; background: red; color: white; font-size: 1.4em; font-weight: bold; width: 280px; text-align: center; right: -96px; bottom: 25px; position: absolute; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #terminal_theme_view #subpage_view { min-height: 100px; } #terminal_theme_view #subpage_view div.view_container { margin-top: 0; } #terminal_theme_view .mpanel-header { position: relative; } #terminal_theme_view .mpanel-header .header-actions { position: absolute; top: 3px; right: 3px; } #terminal_theme_view .mpanel-body { margin: 0px; padding: 0px; } .preview-container .busy-page { background: #00b6e0; } .preview-container .busy-page.action-required { background: white; color: black; } .preview-container .busy-page.action-required h2 { color: black; } .preview-container .busy-page img.logo { width: 90%; margin: auto; } .preview-container .busy-page h1 { font-size: 58px; padding: 10px; padding-left: 25px; } .preview-container .busy-page h2 { font-size: 42px; font-weight: 100; padding: 10px; padding-left: 25px; } .preview-container .busy-page h3 { font-size: 26px; font-weight: 100; padding: 10px; padding-left: 25px; } .preview-container .busy-page h4 { font-size: 20px; font-weight: 100; padding: 10px; padding-left: 25px; } .preview-container .busy-page .animated-bouncing-arrow { text-align: center; } .preview-container .busy-page .fa { font-size: 80px; margin: 20px; } .preview-container .busy-page #media_view { font-size: 30px; text-align: center; height: 40%; } .preview-container .busy-page #media_view #media-view { height: 100%; margin: 0px -15px; } .preview-container .busy-page #media_view #media-view #media-container { position: relative; height: 100%; } .preview-container .busy-page #media_view #media-view #media-container.media-loading:after { font-family: 'fa_free'; font-weight: 900; content: ""; position: absolute; left: 48%; top: 40%; color: rgba(255, 255, 255, 0.2); font-size: 2em; animation: spinner 2s linear infinite; } .preview-container .busy-page #media_view #media-view #media-container video { height: 100%; } .preview-container .busy-page #media_view #media-view #media-container #media-view-img { width: 100%; height: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); } .preview-container .busy-page .animated-card-insert { height: 80px; position: absolute; bottom: 0; width: 300px; right: 100px; overflow: hidden; } .preview-container .busy-page .animated-card-insert .mcard { z-index: 3; margin: auto; width: 250px; height: 350px; top: 10px; left: calc(50% - 125px); position: absolute; background: white; border-radius: 10px; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-name: move_card_insert; animation-name: move_card_insert; text-align: center; } .preview-container .busy-page .animated-card-insert .mcard .fa { font-size: 20px; color: rgba(0, 0, 0, 0.181); } .preview-container .busy-page .animated-card-insert .minserttop { z-index: 5; width: 280px; height: 15px; background: #035f72; position: absolute; top: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; left: calc(50% - 140px); } .preview-container .busy-page .animated-card-insert .minsertbottom { z-index: 2; width: 280px; height: 15px; background: #035f72; position: absolute; top: 15px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; left: calc(50% - 140px); } .preview-container .offline-page.preview-page { background: #bf3f3f; background-repeat: no-repeat; background-size: cover; } .preview-container .offline-page div.terminal-msg { background: black; max-width: 400px; margin: 100px auto; text-align: center; padding: 20px; } .preview-container .offline-page div.terminal-msg.error { background: #AF3B3D; } .preview-container .offline-page div.atm-msg { width: 580px; margin: 0 auto; text-align: center; } .preview-container .offline-page div.atm-msg h1 { font-size: 54px; margin: 40px 0; } .preview-container .offline-page div.atm-msg p { font-size: 20px; } .preview-container .offline-page div.atm-msg.error { padding: 30px; } .preview-container .offline-page div.atm-input { position: relative; width: 380px; margin: 0 auto; text-align: center; } .preview-container .offline-page div.atm-input h1 { font-size: 54px; margin: 40px 0; } .preview-container .offline-page div.atm-input input { border: 1px solid #60b633; text-align: center; height: 80px; font-size: 40px; background: #fff; width: 100%; font-family: "San Serif"; } .preview-container .offline-page div.atm-input input:autofill { background-color: #fff; } .preview-container .offline-page div.version_info { color: #ccc; } .preview-container .offline-page button.bottom-left { font-size: 40px; position: fixed; left: 40px; bottom: 40px; } .preview-container .offline-page button.bottom-right { font-size: 40px; position: fixed; right: 40px; bottom: 40px; } .preview-container .approved-page.preview-page { background: #3bd08b; } .preview-container .approved-page img.logo { width: 90%; margin: auto; } .preview-container .approved-page h1 { font-size: 58px; padding: 10px; padding-left: 25px; } .preview-container .approved-page h2 { font-size: 42px; font-weight: 100; padding: 10px; padding-left: 25px; } .preview-container .approved-page h3 { font-size: 26px; font-weight: 100; padding: 10px; padding-left: 25px; margin: 0px; } .preview-container .approved-page h4 { font-size: 20px; font-weight: 100; padding: 10px; padding-left: 25px; margin: 0px; } .preview-container .approved-page .pulse-simple { animation-iteration-count: infinite; } .preview-container .approved-page .anim-container { height: 200px; } .preview-container .approved-page ul.instructions { list-style: none; list-style-image: none; margin: 0; padding: 0; margin-top: 40px; margin-left: 60px; } .preview-container .approved-page ul.instructions span.index { width: 40px; height: 40px; border-radius: 50%; background: white; display: inline-block; text-align: center; vertical-align: middle; margin-right: 14px; } .preview-container .approved-page ul.instructions > li { font-size: 28px; vertical-align: middle; padding: 12px 0; } .preview-container .declined-page.preview-page { background: #e07700; } .preview-container .declined-page img.logo { width: 90%; margin: auto; } .preview-container .declined-page h1 { font-size: 58px; padding: 10px; padding-left: 25px; } .preview-container .declined-page h2 { font-size: 42px; font-weight: 100; padding: 10px; padding-left: 25px; } .preview-container .declined-page h3 { font-size: 26px; font-weight: 100; padding: 10px; padding-left: 25px; } .preview-container .declined-page h4 { font-size: 20px; font-weight: 100; padding: 10px; padding-left: 25px; } .preview-container .declined-page .pulse-simple { animation-iteration-count: infinite; } .preview-container .declined-page .anim-container { height: 200px; } .preview-container .declined-page ul.instructions { list-style: none; list-style-image: none; margin: 0; padding: 0; margin-top: 40px; margin-left: 60px; } .preview-container .declined-page ul.instructions span.index { width: 40px; height: 40px; border-radius: 50%; background: white; display: inline-block; text-align: center; vertical-align: middle; margin-right: 14px; } .preview-container .declined-page ul.instructions > li { font-size: 28px; vertical-align: middle; padding: 12px 0; } .preview-container #media_view { font-size: 30px; text-align: center; height: 40%; } .preview-container #media_view #media-view { height: 100%; margin: 0px -15px; } .preview-container #media_view #media-view #media-container { position: relative; height: 100%; } .preview-container #media_view #media-view #media-container.media-loading:after { font-family: 'fa_free'; font-weight: 900; content: ""; position: absolute; left: 48%; top: 40%; color: rgba(255, 255, 255, 0.2); font-size: 2em; animation: spinner 2s linear infinite; } .preview-container #media_view #media-view #media-container video { height: 100%; } .preview-container #media_view #media-view #media-container #media-view-img { width: 100%; height: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); } .preview-container div.select-lang { font-size: 24px; padding: 10px; } .preview-container div.home-menu div.menu-button { display: block; margin: 40px auto; width: 400px; height: 180px; } .preview-container div.menu-button { color: white; cursor: pointer; overflow: hidden; position: relative; box-shadow: 0 0 8px rgba(0, 0, 0, 0.8); } .preview-container div.menu-button h1 { padding: 6px; font-size: 40px; } .preview-container div.menu-button.pressed { box-shadow: none; } .preview-container div.menu-button.pressed img { display: none; } .preview-container div.menu-button.pressed div.vertical-center-wrapper { background-color: rgba(0, 0, 0, 0.17) !important; } .preview-container div.menu-button div.vertical-center-wrapper { z-index: 100; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .preview-container div.menu-button div.vertical-center-wrapper.tint-blue { background-color: rgba(47, 103, 206, 0.85); } .preview-container div.menu-button div.vertical-center-wrapper.tint-blue:active { background-color: rgba(16, 112, 14, 0.36); color: black; } .preview-container div.menu-button div.vertical-center-wrapper.tint-green-dark { background-color: rgba(47, 47, 47, 0.68); } .preview-container div.menu-button div.vertical-center-wrapper.tint-green-dark:active { background-color: rgba(16, 112, 14, 0.36); } .preview-container div.menu-button div.vertical-center-wrapper.tint-green { background-color: rgba(16, 112, 14, 0.85); } .preview-container div.menu-button div.vertical-center-wrapper.tint-green:active { background-color: rgba(16, 112, 14, 0.36); color: black; } .preview-container div.menu-button div.vertical-center-wrapper.tint-red { background-color: rgba(206, 47, 47, 0.71); } .preview-container div.menu-button div.vertical-center-wrapper.tint-red:active { background-color: rgba(16, 112, 14, 0.36); color: black; } .preview-container div.menu-button div.vertical-center-wrapper.tint-black { background-color: rgba(47, 47, 47, 0.68); } .preview-container div.menu-button div.vertical-center-wrapper.tint-black:active { background-color: rgba(16, 112, 14, 0.36); color: black; } .text-shine { background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat; -webkit-background-size: 125px; color: rgba(255, 255, 255, 0.1); -webkit-background-clip: text; -webkit-animation-name: text_shine; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; transform: translateZ(0); } @-webkit-keyframes text_shine { 0% { background-position: top left; } 100% { background-position: top right; } } .title-shadow { text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.4), 0 0 0.2em rgba(0, 0, 0, 0.3), 0 0.3em 0.2em rgba(0, 0, 0, 0.3); } .text-float { animation: text_float 2s ease alternate infinite; } @-webkit-keyframes text_float { 0% { -webkit-transform: translateY(0.1em); text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.4), 0 0 0.2em rgba(0, 0, 0, 0.3), 0 0.3em 0.2em rgba(0, 0, 0, 0.3); } 100% { text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.4), 0 0 0.2em rgba(0, 0, 0, 0.3), 0 0.5em 0.5em rgba(0, 0, 0, 0.3); } } @-webkit-keyframes move_card_insert { 0%, 20%, 50%, 80%, 100% { top: -25px; } 40% { top: 30px; } } @keyframes move_card_insert { 0%, 20%, 50%, 80%, 100% { top: -25px; } 40% { top: 30px; } } .generated-from-scss { content: 'apps/cm/portal/pages/reports/ach/ach.scss'; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/agile/terminal_day/terminal_day.scss'; } #agile_terminal_day_report .table_container { padding: 20px 0px; } #agile_terminal_day_report .table_container table thead { border-top: 2px solid #d6d6d6; } #agile_terminal_day_report .table_container table th { font-size: 10px; } #agile_terminal_day_report .table_container table tbody th { border-top: none; } #agile_terminal_day_report .section_header { margin-bottom: 5px; } #agile_terminal_day_report .section_header .category { font-weight: bold; } #agile_terminal_day_report .section_header .value { font-weight: bold; float: right; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_month_interchange/report.scss'; } div#atm_monthly_interchange_report table.settlement tr.total td { border-top: 1px solid #ddd; font-weight: bold; } div#atm_monthly_interchange_report .day_total_row { cursor: pointer; } div#atm_monthly_interchange_report .fee-panel .row.highlight { background: lightgray; } div#atm_monthly_interchange_report .fee-panel div.negative { color: red; } div#atm_monthly_interchange_report .fee-panel div.positive { color: green; } div#atm_monthly_interchange_report .chart-container { padding: 0; } div#atm_monthly_interchange_report img.logo { max-width: 100%; } div#atm_monthly_interchange_report h3.title { margin: 0px; margin-top: 10px; } div#atm_monthly_interchange_report table.fixed { width: 100%; table-layout: fixed; } div#atm_monthly_interchange_report table.report { width: 100%; } div#atm_monthly_interchange_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#atm_monthly_interchange_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#atm_monthly_interchange_report table.contract_info { border: none; margin-top: 5px; } div#atm_monthly_interchange_report table.earnings_summary { width: 100%; } div#atm_monthly_interchange_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#atm_monthly_interchange_report table.earnings_summary tr.bold { font-weight: bold; } div#atm_monthly_interchange_report table.earnings_summary td.left { text-align: left; } div#atm_monthly_interchange_report table.earnings_summary td.right { text-align: right; } div#atm_monthly_interchange_report table.earnings_summary td.center { text-align: center; } div#atm_monthly_interchange_report table.transaction_summary th, div#atm_monthly_interchange_report table.transaction_summary td { text-align: center; } div#atm_monthly_interchange_report table.transaction_summary tr.total { font-weight: bold; border-bottom: 1px solid lightgray; } div#atm_monthly_interchange_report table.transaction_summary tr.top-border { border-top: 2px solid #888; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/atms_ach_day/report.scss'; } div#pob_ach_day_report #transactionPanel .collapse-control { cursor: pointer; } div#pob_ach_day_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } div#pob_ach_day_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } div#pob_ach_day_report #report_filter_bar .title, div#pob_ach_day_report #report_filter_bar button.mark-paid { margin-top: 10px; } div#pob_ach_day_report table.report { width: 100%; } div#pob_ach_day_report table.report thead tr { border-bottom: 2px solid #888; font-weight: bold; } div#pob_ach_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#pob_ach_day_report table.report tr.total { font-weight: bold; border-top: 1px solid #888; } div#pob_ach_day_report table thead { display: table-row-group; } div#pob_ach_day_report div.total { font-weight: bold; } #atms_ach_day_popup .sub-panel .sub-panel-body .breakdown tr { background-color: transparent; } #atms_ach_day_popup .tabsview-wrapper { overflow-y: scroll; max-height: 700px; } #atms_ach_day_popup .h1, #atms_ach_day_popup .h2, #atms_ach_day_popup .h3, #atms_ach_day_popup .h4 { margin-top: 0px; margin-bottom: 0px; } #atms_ach_day_popup .h4 { font-size: 14px; } #atms_ach_day_popup .sub-panel { border: none; margin-bottom: 5px; border-radius: 0px; } #atms_ach_day_popup .sub-panel-header { background-color: #573a62; white-space: nowrap; color: white; padding: 15px; } #atms_ach_day_popup .sub-panel-header div { color: white; } #atms_ach_day_popup .sub-panel-body { padding: 0px; } #atms_ach_day_popup.paid .sub-panel-header { background-color: green; } #atms_ach_day_popup #subpage_view { overflow-y: auto; max-height: 250px; } #atms_ach_day_popup #subpage_view table h4 { font-size: 14px; } #atms_ach_day_popup table.overview { width: 100%; margin-bottom: 20px; } #atms_ach_day_popup table.overview td { border-top: none; } #atms_ach_day_popup .link { cursor: pointer; } #atms_ach_day_popup #atms_ach_day_popup_tabs .tabs-container { border: 0px; } #atms_ach_day_popup #atms_ach_day_popup_tabs #subpage_view .padded-left { padding-left: 30px; } #atms_ach_day_popup #atms_ach_day_popup_tabs #subpage_view div#list { margin: 0px; } #atms_ach_day_popup #atms_ach_day_popup_tabs .table td { border-top: 1px solid #ddd; } @media (max-width: 767.98px) { #atms_ach_day_popup { font-size: 12px; } #atms_ach_day_popup .no-padding { padding: 0; } #atms_ach_day_popup div.tabs > ul > li { font-size: 9px; } } #atms_ach_day_popup .stats .bigger { font-size: 20px; } #atms_ach_day_popup .stats.margin { margin-bottom: 75px; } #atms_ach_day_popup .stats_details.margin { margin-bottom: 20px; } #atms_ach_day_popup .stats_details { margin: 30px 0px; } #atms_ach_day_popup .stats_details .header { margin: 10px 0px; } #atms_ach_day_popup .stats_details table.table th { font-weight: normal; color: initial; } #atms_ach_day_popup #atms_ach_day_popup_transactions { font-size: 12px; } #atms_ach_day_popup #atms_ach_day_popup_transactions table tr:nth-child(even) { background: transparent; } #atms_ach_popup_panel .sub-panel-header.unpaid { background: gray; } #atms_ach_popup_panel .sub-panel-header.paid { background: #4E8474; } #atms_ach_popup_panel .sub-panel-header.error { background: #AF3B3D; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/atms_group_day/view.scss'; } section#atms_group_day_report #transactionPanel .collapse-control { cursor: pointer; } section#atms_group_day_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#atms_group_day_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#atms_group_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#atms_group_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#atms_group_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#atms_group_day_report #report_filter_bar.page-panel-header .daterange-wrapper { background: white; border-radius: 4px; } section#atms_group_day_report #report_filter_bar.page-panel-header .daterange-wrapper div.daterange-input { color: black; } section#atms_group_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#atms_group_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#atms_group_day_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#atms_group_day_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } section#atms_group_day_report #by_the_numbers #load_spin { text-align: center; } section#atms_group_day_report .page-panel { margin: 15px; } section#atms_group_day_report .force_refresh_button i { visibility: hidden; } section#atms_group_day_report .chart-container { padding: 0; } section#atms_group_day_report img.logo { max-width: 100%; } section#atms_group_day_report h3.title { margin: 0px; margin-top: 10px; } section#atms_group_day_report table.fixed { width: 100%; table-layout: fixed; } section#atms_group_day_report table.report { width: 100%; } section#atms_group_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#atms_group_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#atms_group_day_report table.contract_info { border: none; margin-top: 5px; } section#atms_group_day_report table.earnings_summary { width: 100%; } section#atms_group_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#atms_group_day_report table.earnings_summary tr.bold { font-weight: bold; } section#atms_group_day_report table.earnings_summary td.left { text-align: left; } section#atms_group_day_report table.earnings_summary td.right { text-align: right; } section#atms_group_day_report table.earnings_summary td.center { text-align: center; } section#atms_group_day_report table.transaction_summary td { text-align: center; } section#atms_group_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#atms_group_day_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/atms_group_month/view.scss'; } section#atms_group_month_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#atms_group_month_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#atms_group_month_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#atms_group_month_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#atms_group_month_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#atms_group_month_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#atms_group_month_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } section#atms_group_month_report #by_the_numbers #load_spin { text-align: center; } section#atms_group_month_report .page-panel { margin: 15px; } section#atms_group_month_report .force_refresh_button i { visibility: hidden; } section#atms_group_month_report .chart-container { padding: 0; } section#atms_group_month_report img.logo { max-width: 100%; } section#atms_group_month_report h3.title { margin: 0px; margin-top: 10px; } section#atms_group_month_report table.fixed { width: 100%; table-layout: fixed; } section#atms_group_month_report table.report { width: 100%; } section#atms_group_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#atms_group_month_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#atms_group_month_report table.contract_info { border: none; margin-top: 5px; } section#atms_group_month_report table.earnings_summary { width: 100%; } section#atms_group_month_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#atms_group_month_report table.earnings_summary tr.bold { font-weight: bold; } section#atms_group_month_report table.earnings_summary td.left { text-align: left; } section#atms_group_month_report table.earnings_summary td.right { text-align: right; } section#atms_group_month_report table.earnings_summary td.center { text-align: center; } section#atms_group_month_report table.transaction_summary td { text-align: center; } section#atms_group_month_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#atms_group_month_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/atms_monthly_breakdown/view.scss'; } section#atms_monthly_breakdown #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#atms_monthly_breakdown #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#atms_monthly_breakdown #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#atms_monthly_breakdown #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#atms_monthly_breakdown #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#atms_monthly_breakdown #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#atms_monthly_breakdown #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } section#atms_monthly_breakdown #by_the_numbers #load_spin { text-align: center; } section#atms_monthly_breakdown .page-panel { margin: 15px; } section#atms_monthly_breakdown .force_refresh_button i { visibility: hidden; } section#atms_monthly_breakdown .chart-container { padding: 0; } section#atms_monthly_breakdown img.logo { max-width: 100%; } section#atms_monthly_breakdown h3.title { margin: 0px; margin-top: 10px; } section#atms_monthly_breakdown table.fixed { width: 100%; table-layout: fixed; } section#atms_monthly_breakdown table.report { width: 100%; } section#atms_monthly_breakdown table.report td { padding: 2px; height: 100%; vertical-align: top; } section#atms_monthly_breakdown table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#atms_monthly_breakdown table.contract_info { border: none; margin-top: 5px; } section#atms_monthly_breakdown table.earnings_summary { width: 100%; } section#atms_monthly_breakdown table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#atms_monthly_breakdown table.earnings_summary tr.bold { font-weight: bold; } section#atms_monthly_breakdown table.earnings_summary td.left { text-align: left; } section#atms_monthly_breakdown table.earnings_summary td.right { text-align: right; } section#atms_monthly_breakdown table.earnings_summary td.center { text-align: center; } section#atms_monthly_breakdown table.transaction_summary td { text-align: center; } section#atms_monthly_breakdown table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#atms_monthly_breakdown table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/atms_processor_exceptions/pob_processor_exceptions.scss'; } #processor_exception_report #regenerate_panel .sub-panel-header { background: #AF3B3D; color: white; } #processor_exception_report #regenerate_panel button.action.rerun { background: #4E8474; } #processor_exception_report #total_panel .name { font-size: 10px; } #processor_exception_report #total_panel .value { font-weight: bold; } #processor_exception_report table thead th { text-align: center; } #processor_exception_report table tr.difference { border-top: 1px solid black; } #processor_exception_report table tr.difference td { font-weight: bold; } #processor_exception_report tr button.btn.btn-primary.btn-xs.action.paid { background: #2d7556; } #processor_exception_report tr button.btn.btn-primary.btn-xs.action.admin { background: #AF3B3D; } #processor_exception_report tr button.btn.btn-primary.btn-xs.action.void, #processor_exception_report tr button.btn.btn-primary.btn-xs.action.canceled { background: gray; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/atms_terminal_day/view.scss'; } div#atms_terminal_day_report #transactionPanel .collapse-control { cursor: pointer; } div#atms_terminal_day_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } div#atms_terminal_day_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } div#atms_terminal_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } div#atms_terminal_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } div#atms_terminal_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } div#atms_terminal_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } div#atms_terminal_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } div#atms_terminal_day_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } div#atms_terminal_day_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } div#atms_terminal_day_report .force_refresh_button i { visibility: hidden; } div#atms_terminal_day_report .chart-container { padding: 0; } div#atms_terminal_day_report img.logo { max-width: 100%; } div#atms_terminal_day_report h3.title { margin: 0px; margin-top: 10px; } div#atms_terminal_day_report table.fixed { width: 100%; table-layout: fixed; } div#atms_terminal_day_report table.report { width: 100%; } div#atms_terminal_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#atms_terminal_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#atms_terminal_day_report table.contract_info { border: none; margin-top: 5px; } div#atms_terminal_day_report table.earnings_summary { width: 100%; } div#atms_terminal_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#atms_terminal_day_report table.earnings_summary tr.bold { font-weight: bold; } div#atms_terminal_day_report table.earnings_summary td.left { text-align: left; } div#atms_terminal_day_report table.earnings_summary td.right { text-align: right; } div#atms_terminal_day_report table.earnings_summary td.center { text-align: center; } div#atms_terminal_day_report table.transaction_summary td { text-align: center; } div#atms_terminal_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#atms_terminal_day_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/atms_terminal_month/view.scss'; } div#atms_terminal_month_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } div#atms_terminal_month_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } div#atms_terminal_month_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } div#atms_terminal_month_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } div#atms_terminal_month_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } div#atms_terminal_month_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } div#atms_terminal_month_report #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } div#atms_terminal_month_report .force_refresh_button i { visibility: hidden; } div#atms_terminal_month_report .chart-container { padding: 0; } div#atms_terminal_month_report img.logo { max-width: 100%; } div#atms_terminal_month_report h3.title { margin: 0px; margin-top: 10px; } div#atms_terminal_month_report table.fixed { width: 100%; table-layout: fixed; } div#atms_terminal_month_report table.report { width: 100%; } div#atms_terminal_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#atms_terminal_month_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#atms_terminal_month_report table.contract_info { border: none; margin-top: 5px; } div#atms_terminal_month_report table.earnings_summary { width: 100%; } div#atms_terminal_month_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#atms_terminal_month_report table.earnings_summary tr.bold { font-weight: bold; } div#atms_terminal_month_report table.earnings_summary td.left { text-align: left; } div#atms_terminal_month_report table.earnings_summary td.right { text-align: right; } div#atms_terminal_month_report table.earnings_summary td.center { text-align: center; } div#atms_terminal_month_report table.transaction_summary td { text-align: center; } div#atms_terminal_month_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#atms_terminal_month_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/emp_shift_report/view.scss'; } section#employee_shift_report #transactionPanel .collapse-control { cursor: pointer; } section#employee_shift_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#employee_shift_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#employee_shift_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#employee_shift_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#employee_shift_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#employee_shift_report #by_the_numbers .sub-panel-body { overflow: scroll; } section#employee_shift_report #by_the_numbers button.breakdown_csv { padding: 0; } section#employee_shift_report #terminal_tabs_view_wrapper.hide { display: none; } section#employee_shift_report .row.total { border-top: 2px solid #888; font-weight: bold; } section#employee_shift_report .page-panel { margin: 15px; } section#employee_shift_report .force_refresh_button i { visibility: hidden; } section#employee_shift_report .chart-container { padding: 0; } section#employee_shift_report img.logo { max-width: 100%; } section#employee_shift_report h3.title { margin: 0px; margin-top: 10px; } section#employee_shift_report table.fixed { width: 100%; table-layout: fixed; } section#employee_shift_report table.report { width: 100%; } section#employee_shift_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#employee_shift_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#employee_shift_report table.contract_info { border: none; margin-top: 5px; } section#employee_shift_report table.earnings_summary { width: 100%; } section#employee_shift_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#employee_shift_report table.earnings_summary tr.bold { font-weight: bold; } section#employee_shift_report table.earnings_summary td.left { text-align: left; } section#employee_shift_report table.earnings_summary td.right { text-align: right; } section#employee_shift_report table.earnings_summary td.center { text-align: center; } section#employee_shift_report table.transaction_summary td { text-align: center; } section#employee_shift_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#employee_shift_report table thead { display: table-row-group; } section#employee_shift_report .icon_right { padding-right: 1em; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/legacy/atms_processor_month/report.scss'; } div#atms_processor_month_report table.report { width: 100%; } div#atms_processor_month_report table.report thead tr { border-bottom: 2px solid #888; font-weight: bold; } div#atms_processor_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#atms_processor_month_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/atm_saas/summary/view.scss'; } section#atms_summary .btn-action { cursor: pointer; } section#atms_summary #chart_container { height: 250px; } section#atms_summary #transactionPanel .collapse-control { cursor: pointer; } section#atms_summary #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#atms_summary #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#atms_summary #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#atms_summary #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#atms_summary #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#atms_summary #report_filter_bar.page-panel-header .daterange-wrapper { background: white; border-radius: 4px; } section#atms_summary #report_filter_bar.page-panel-header .daterange-wrapper div.daterange-input { color: black; } section#atms_summary #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#atms_summary #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#atms_summary #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#atms_summary #by_the_numbers .breakdown div.bottom-margin { margin-bottom: 15px; } section#atms_summary .page-panel { margin: 15px; } section#atms_summary .force_refresh_button i { visibility: hidden; } section#atms_summary .chart-container { padding: 0; } section#atms_summary img.logo { max-width: 100%; } section#atms_summary h3.title { margin: 0px; margin-top: 10px; } section#atms_summary table.fixed { width: 100%; table-layout: fixed; } section#atms_summary table.report { width: 100%; } section#atms_summary table.report td { padding: 2px; height: 100%; vertical-align: top; } section#atms_summary table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#atms_summary table.contract_info { border: none; margin-top: 5px; } section#atms_summary table.earnings_summary { width: 100%; } section#atms_summary table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#atms_summary table.earnings_summary tr.bold { font-weight: bold; } section#atms_summary table.earnings_summary td.left { text-align: left; } section#atms_summary table.earnings_summary td.right { text-align: right; } section#atms_summary table.earnings_summary td.center { text-align: center; } section#atms_summary table.transaction_summary td { text-align: center; } section#atms_summary table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#atms_summary table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/bank_invoice/bank_invoice.scss'; } #panel-main #report_bank_invoices_list.has-topbar .page-view { top: -60px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/batch/report_batch.scss'; } section#report_batch div#page div.page-view div.page-view-body.report { padding: 0; } section#report_batch .row-body { padding: 30px; } section#report_batch .link { cursor: pointer; } section#report_batch .arrow-left { display: inline-box; vertical-align: middle; margin-right: 5px; } section#report_batch .arrow-right { display: inline-box; vertical-align: middle; margin-left: 5px; } section#report_batch div.batch-report .legend-box .legend { display: block; } section#report_batch div.batch-report .legend-box .legend div.key { display: inline-block; width: 25px; } section#report_batch div.batch-report .legend-box .legend div.name { display: inline-block; padding-left: 10px; } section#report_batch div.batch-report #unclaimed_view table.table.ledger tr.no-match { background-color: #AF3B3D; color: white; } section#report_batch div.batch-report #unclaimed_view table.table.ledger tr.refund { color: #AF3B3D; } section#report_batch div.batch-report #unclaimed_view table.table.ledger tr.unclaimed { background-color: #fd9608; color: white; } section#report_batch div.batch-report #ledger_tabs .tabs ul > li { width: 50%; text-align: center; } section#report_batch div.batch-report #ledger_tabs div.tabs-container { border: 0px; } section#report_batch div.batch-report #ledger_tabs .ledger_match { margin-top: 20px; } section#report_batch div.batch-report #ledger_tabs table.table.ledger tr.no-match { background-color: #AF3B3D; color: white; } section#report_batch div.batch-report #ledger_tabs table.table.ledger tr.refund { color: #AF3B3D; } section#report_batch div.batch-report #ledger_tabs table.table.ledger tr.unclaimed { background-color: #fd9608; color: white; } section#report_batch div.batch-report table.summary { width: 100%; table-layout: fixed; } section#report_batch div.batch-report table.summary td { padding-bottom: 10px; } section#report_batch div.batch-report table.summary .td-owed-to-merchant { padding-bottom: 26px; } section#report_batch div.batch-report table.summary .td-owed-to-merchant .lead { font-weight: bold; } section#report_batch div.batch-report .mpanel-header { background-color: #573a62; color: white; } section#report_batch div.batch-report .left .mpanel-body { padding: 10px; } section#report_batch div.batch-report .left .mpanel-body .disclaimer { margin: 10px 0px; } section#report_batch div.batch-report .report-desc ul { padding-left: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/bill_break_day/bill_break.scss'; } div#bill_break_day_report_terminal_list .force_refresh_button i { visibility: hidden; } div#bill_break_day_report_terminal_list .chart-container { padding: 0; } div#bill_break_day_report_terminal_list img.logo { max-width: 100%; } div#bill_break_day_report_terminal_list h3.title { margin: 0px; margin-top: 10px; } div#bill_break_day_report_terminal_list table.fixed { width: 100%; table-layout: fixed; } div#bill_break_day_report_terminal_list table.report { width: 100%; } div#bill_break_day_report_terminal_list table.report td { padding: 2px; height: 100%; vertical-align: top; } div#bill_break_day_report_terminal_list table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#bill_break_day_report_terminal_list table.contract_info { border: none; margin-top: 5px; } div#bill_break_day_report_terminal_list table.earnings_summary { width: 100%; } div#bill_break_day_report_terminal_list table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#bill_break_day_report_terminal_list table.earnings_summary tr.bold { font-weight: bold; } div#bill_break_day_report_terminal_list table.earnings_summary td.left { text-align: left; } div#bill_break_day_report_terminal_list table.earnings_summary td.right { text-align: right; } div#bill_break_day_report_terminal_list table.earnings_summary td.center { text-align: center; } div#bill_break_day_report_terminal_list table.transaction_summary td { text-align: center; } div#bill_break_day_report_terminal_list table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#bill_break_day_report_terminal_list table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/cards_rejected/cards_rejected.scss'; } section#cards_rejected #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#cards_rejected #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#cards_rejected #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#cards_rejected #report_filter_bar.page-panel-header .daterange-wrapper { background: white; border-radius: 4px; } section#cards_rejected #report_filter_bar.page-panel-header .daterange-wrapper div.daterange-input { color: black; } section#cards_rejected #group_filter { height: 500px; overflow-y: scroll; border: black solid 1px; border-radius: 5px; border: 1px solid #e8e8e8; } section#cards_rejected #group_filter .row { margin-right: -15px; margin-left: 0px; } section#cards_rejected #group_count { color: #868686; font-size: 10px; padding-left: 30px; padding-top: 10px; } section#cards_rejected #group_check_apply { padding-right: 30px; } section#cards_rejected .group_filter_footer { padding: 5px 0 5px 0; } section#cards_rejected #reject_report { overflow-y: scroll; max-height: 543px; } section#cards_rejected .page-panel { margin: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/casino_revenue_share/internal/report.scss'; } div#casino_revenue_share [aria-label][data-balloon-pos]:after { white-space: normal; } div#casino_revenue_share .emphasize { font-size: 24px; } div#casino_revenue_share table.settlement tr.total td { border-top: 1px solid #ddd; font-weight: bold; } div#casino_revenue_share .commission-panel .sub-panel-body { text-align: center; } div#casino_revenue_share .commission-panel .commission-header { margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid black; } div#casino_revenue_share .chart-container { padding: 0; } div#casino_revenue_share img.logo { max-width: 100%; } div#casino_revenue_share h3.title { margin: 0px; margin-top: 10px; } div#casino_revenue_share table.fixed { width: 100%; table-layout: fixed; } div#casino_revenue_share table.report { width: 100%; } div#casino_revenue_share table.report td { padding: 2px; height: 100%; vertical-align: top; } div#casino_revenue_share table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#casino_revenue_share table.contract_info { border: none; margin-top: 5px; } div#casino_revenue_share table.earnings_summary { width: 100%; } div#casino_revenue_share table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#casino_revenue_share table.earnings_summary tr.bold { font-weight: bold; } div#casino_revenue_share table.earnings_summary td.left { text-align: left; } div#casino_revenue_share table.earnings_summary td.right { text-align: right; } div#casino_revenue_share table.earnings_summary td.center { text-align: center; } div#casino_revenue_share table.transaction_summary th, div#casino_revenue_share table.transaction_summary td { text-align: center; } div#casino_revenue_share table.transaction_summary tr.total { font-weight: bold; border-bottom: 1px solid lightgray; } div#casino_revenue_share table.transaction_summary tr.top-border { border-top: 2px solid #888; } div#casino_revenue_share table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/casino_revenue_share/merchant/report.scss'; } div#casino_revenue_share .emphasize { font-size: 24px; } div#casino_revenue_share .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } div#casino_revenue_share .breakdown .value { width: 50%; text-align: right; display: inline-block; } div#casino_revenue_share .breakdown .total { border-top: 1px solid gray; font-weight: bold; } div#casino_revenue_share .breakdown div.bottom-margin { margin-bottom: 15px; } div#casino_revenue_share .emphasize { font-size: 24px; } div#casino_revenue_share table.settlement tr.total td { border-top: 1px solid #ddd; font-weight: bold; } div#casino_revenue_share .commission-panel .sub-panel-body { text-align: center; } div#casino_revenue_share .commission-panel .commission-header { margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid black; } div#casino_revenue_share .chart-container { padding: 0; } div#casino_revenue_share img.logo { max-width: 100%; } div#casino_revenue_share h3.title { margin: 0px; margin-top: 10px; } div#casino_revenue_share table.fixed { width: 100%; table-layout: fixed; } div#casino_revenue_share table.report { width: 100%; } div#casino_revenue_share table.report td { padding: 2px; height: 100%; vertical-align: top; } div#casino_revenue_share table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#casino_revenue_share table.contract_info { border: none; margin-top: 5px; } div#casino_revenue_share table.earnings_summary { width: 100%; } div#casino_revenue_share table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#casino_revenue_share table.earnings_summary tr.bold { font-weight: bold; } div#casino_revenue_share table.earnings_summary td.left { text-align: left; } div#casino_revenue_share table.earnings_summary td.right { text-align: right; } div#casino_revenue_share table.earnings_summary td.center { text-align: center; } div#casino_revenue_share table.transaction_summary th, div#casino_revenue_share table.transaction_summary td { text-align: center; } div#casino_revenue_share table.transaction_summary tr.total { font-weight: bold; border-bottom: 1px solid lightgray; } div#casino_revenue_share table.transaction_summary tr.top-border { border-top: 2px solid #888; } div#casino_revenue_share table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/cc_day_report/cc_day_report.scss'; } #cc_day_report .page-body { padding: 15px; font-size: 14px; } #cc_day_report #cc_grand_total tr { background: none; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/daily/report_daily.scss'; } section#report_daily .mpanel { margin-bottom: 10px; } section#report_daily .mpanel-header { border-bottom: 1px solid lightgray; } section#report_daily .mpanel-header .title { font-size: 20px; font-weight: bold; } section#report_daily .tabs-container, section#report_daily .tabs { border: none; } section#report_daily #report_daily_tabs { margin-top: 20px; } section#report_daily #report_daily_tabs .tabs > ul > li { text-align: center; padding: 10px; } section#report_daily #report_daily_tabs .table > thead > tr > th { border: none; font-weight: normal; } section#report_daily #subpage_view { margin-top: 30px; } section#report_daily #subpage_view .container-fluid { padding-top: 0px; } section#report_daily .shadow-panel { box-shadow: -1px 1px 3px #ccc; margin-bottom: 20px; } section#report_daily .shadow-panel .shadow-panel-header { padding: 5px 5px 0px 5px; } section#report_daily .shadow-panel .shadow-panel-header .title { display: block; clear: both; font-size: 1.2em; width: 100%; min-width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } section#report_daily .shadow-panel .shadow-panel-header .detail { display: block; clear: both; font-size: 0.8em; } section#report_daily .stats .bigger { font-size: 24px; } section#report_daily .stats.margin { margin-bottom: 20px; } section#report_daily .stats_details.margin { margin-bottom: 20px; } section#report_daily .stats_details { margin: 30px 0px; } section#report_daily .stats_details .header { margin: 10px 0px; } section#report_daily .stats_details table.table th { font-weight: normal; color: initial; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/daily_ledger_match_atm/processor_ledger_match.scss'; } #daily_atm_ledger_match #total_panel .name { font-size: 10px; } #daily_atm_ledger_match #total_panel .value { font-weight: bold; } #daily_atm_ledger_match table thead th { text-align: center; } #daily_atm_ledger_match table tr.difference { border-top: 1px solid black; } #daily_atm_ledger_match table tr.difference td { font-weight: bold; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/daily_ledger_match_pp/processor_ledger_match.scss'; } #daily_pp_ledger_match table thead th { text-align: center; } .proc-info table { overflow-y: scroll; height: 600px; display: block; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/daily_ledger_match_qc/processor_ledger_match.scss'; } #daily_qc_ledger_match table thead th { text-align: center; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/deposit_report/report_deposit.scss'; } #panel-main #report_bank_deposit.has-topbar .page-view { top: -30px; } #panel-main #report_bank_deposit.has-topbar .page-view .title-bar { margin-left: -15px; margin-right: -15px; margin-bottom: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/emaf/emaf_batch.scss'; } section#emaf_batch div#page div.page-view div.page-view-body.report { padding: 0; overflow-x: hidden; } section#emaf_batch .row-body { padding: 30px; } section#emaf_transaction div#page div.page-view div.page-view-body.report { padding: 0; overflow-x: hidden; } section#emaf_transaction .row-body { padding: 30px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/invoice/invoice.scss'; } div#invoice_report .page-panel-header.paid { background: #4E8474; } div#invoice_report .page-panel-header.not_paid { background: black; } div#invoice_report table.report { width: 100%; } div#invoice_report table.report thead tr { border-bottom: 2px solid #888; font-weight: bold; } div#invoice_report table.report td { padding: 2px; height: 100%; vertical-align: top; } body.print .no-print, body.print .no-print * { display: none !important; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/ledger_match/ledger_match.scss'; } section#ledger_match .link { cursor: pointer; } section#ledger_match div.page-view { overflow-x: hidden; } section#ledger_match div.view { padding: 0px !important; overflow-x: hidden; } section#ledger_match div.view .amount { font-size: 1.2em; font-weight: bold; } section#ledger_match div.view table.summary td { vertical-align: middle; } section#ledger_match div.row-body { padding: 20px; } section#ledger_match div.page-tablegrid table.table tbody > tr.selected, section#ledger_match div.page-tablegrid table.table tbody > tr.selected td { color: inherit !important; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/ledger_report/ledger_report.scss'; } section#ledger_report .page-body { padding: 20px; } section#ledger_report .page-body .report_view #list table tr { cursor: pointer; } section#ledger_report a { cursor: pointer; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/merchant_settlement/merchant_settlement.scss'; } section#report_merchant_settlement .datepicker { cursor: pointer; } section#report_merchant_settlement .page-body table.settlement tr.total td { border-top: 1px solid #ddd; } section#report_merchant_settlement .page-body table.settlement td.total { font-weight: bold; } section#report_merchant_settlement #subpage_view { margin-top: 30px; } section#report_merchant_settlement #subpage_view .container-fluid { padding-top: 0px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/monthly/report_monthly.scss'; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/paylytics/summary_popup/popup.scss'; } #trans_record_summary_popup .row.top-border { border-top: 1px solid black; padding-top: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/paylytics/transaction_record_popup/popup.scss'; } #trans_record_popup .dialog-body { overflow-y: scroll; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/prepaid/bill_acceptor_drop_to_drop/view/view.scss'; } #ba_drop_to_drop #baPanel .collapse-control, #ba_drop_to_drop #transactionPanel .collapse-control { cursor: pointer; } #ba_drop_to_drop #baPanel .collapse-control[aria-expanded="true"] i.up, #ba_drop_to_drop #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } #ba_drop_to_drop #baPanel .collapse-control[aria-expanded="false"] i.down, #ba_drop_to_drop #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/prepaid/funding_day/view.scss'; } section#pp_funding_day_report .collapse-control { cursor: pointer; } section#pp_funding_day_report .collapse-control[aria-expanded="true"] i.up { display: none; } section#pp_funding_day_report .collapse-control[aria-expanded="false"] i.down { display: none; } section#pp_funding_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#pp_funding_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#pp_funding_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#pp_funding_day_report #report_filter_bar.page-panel-header .daterange-wrapper { background: white; border-radius: 4px; } section#pp_funding_day_report #report_filter_bar.page-panel-header .daterange-wrapper div.daterange-input { color: black; } section#pp_funding_day_report #report_filter_bar.page-panel-header .select button { height: 34px; padding: 7px 12px; } section#pp_funding_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#pp_funding_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#pp_funding_day_report .page-panel { margin: 15px; } section#pp_funding_day_report .force_refresh_button i { visibility: hidden; } section#pp_funding_day_report .chart-container { padding: 0; } section#pp_funding_day_report img.logo { max-width: 100%; } section#pp_funding_day_report h3.title { margin: 0px; margin-top: 10px; } section#pp_funding_day_report table.fixed { width: 100%; table-layout: fixed; } section#pp_funding_day_report table.report { width: 100%; } section#pp_funding_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#pp_funding_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#pp_funding_day_report table.contract_info { border: none; margin-top: 5px; } section#pp_funding_day_report table.earnings_summary { width: 100%; } section#pp_funding_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#pp_funding_day_report table.earnings_summary tr.bold { font-weight: bold; } section#pp_funding_day_report table.earnings_summary td.left { text-align: left; } section#pp_funding_day_report table.earnings_summary td.right { text-align: right; } section#pp_funding_day_report table.earnings_summary td.center { text-align: center; } section#pp_funding_day_report table.transaction_summary td { text-align: center; } section#pp_funding_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#pp_funding_day_report table thead { display: table-row-group; } @media (max-width: 991.98px) { section#pp_funding_day_report #report_filter_bar.page-panel-header .select > div { margin-top: 10px; margin-bottom: 10px; } } .generated-from-scss { content: 'apps/cm/portal/pages/reports/prepaid/group_day/view.scss'; } section#pp_group_day_report #transactionPanel .collapse-control { cursor: pointer; } section#pp_group_day_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#pp_group_day_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#pp_group_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#pp_group_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#pp_group_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#pp_group_day_report #report_filter_bar.page-panel-header .daterange-wrapper { background: white; border-radius: 4px; } section#pp_group_day_report #report_filter_bar.page-panel-header .daterange-wrapper div.daterange-input { color: black; } section#pp_group_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#pp_group_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#pp_group_day_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#pp_group_day_report .page-panel { margin: 15px; } section#pp_group_day_report .force_refresh_button i { visibility: hidden; } section#pp_group_day_report .chart-container { padding: 0; } section#pp_group_day_report img.logo { max-width: 100%; } section#pp_group_day_report h3.title { margin: 0px; margin-top: 10px; } section#pp_group_day_report table.fixed { width: 100%; table-layout: fixed; } section#pp_group_day_report table.report { width: 100%; } section#pp_group_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#pp_group_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#pp_group_day_report table.contract_info { border: none; margin-top: 5px; } section#pp_group_day_report table.earnings_summary { width: 100%; } section#pp_group_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#pp_group_day_report table.earnings_summary tr.bold { font-weight: bold; } section#pp_group_day_report table.earnings_summary td.left { text-align: left; } section#pp_group_day_report table.earnings_summary td.right { text-align: right; } section#pp_group_day_report table.earnings_summary td.center { text-align: center; } section#pp_group_day_report table.transaction_summary td { text-align: center; } section#pp_group_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#pp_group_day_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/prepaid/ppp_trans_list/view.scss'; } section#pp_funding_day_report .collapse-control { cursor: pointer; } section#pp_funding_day_report .collapse-control[aria-expanded="true"] i.up { display: none; } section#pp_funding_day_report .collapse-control[aria-expanded="false"] i.down { display: none; } section#pp_funding_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#pp_funding_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#pp_funding_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#pp_funding_day_report #report_filter_bar.page-panel-header .daterange-wrapper { background: white; border-radius: 4px; } section#pp_funding_day_report #report_filter_bar.page-panel-header .daterange-wrapper div.daterange-input { color: black; } section#pp_funding_day_report #report_filter_bar.page-panel-header .select button { height: 34px; padding: 7px 12px; } section#pp_funding_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#pp_funding_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#pp_funding_day_report .page-panel { margin: 15px; } section#pp_funding_day_report .force_refresh_button i { visibility: hidden; } section#pp_funding_day_report .chart-container { padding: 0; } section#pp_funding_day_report img.logo { max-width: 100%; } section#pp_funding_day_report h3.title { margin: 0px; margin-top: 10px; } section#pp_funding_day_report table.fixed { width: 100%; table-layout: fixed; } section#pp_funding_day_report table.report { width: 100%; } section#pp_funding_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#pp_funding_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#pp_funding_day_report table.contract_info { border: none; margin-top: 5px; } section#pp_funding_day_report table.earnings_summary { width: 100%; } section#pp_funding_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#pp_funding_day_report table.earnings_summary tr.bold { font-weight: bold; } section#pp_funding_day_report table.earnings_summary td.left { text-align: left; } section#pp_funding_day_report table.earnings_summary td.right { text-align: right; } section#pp_funding_day_report table.earnings_summary td.center { text-align: center; } section#pp_funding_day_report table.transaction_summary td { text-align: center; } section#pp_funding_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#pp_funding_day_report table thead { display: table-row-group; } @media (max-width: 991.98px) { section#pp_funding_day_report #report_filter_bar.page-panel-header .select > div { margin-top: 10px; margin-bottom: 10px; } } .generated-from-scss { content: 'apps/cm/portal/pages/reports/prepaid/spend_day/view.scss'; } section#pp_spend_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#pp_spend_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#pp_spend_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#pp_spend_day_report #report_filter_bar.page-panel-header .daterange-wrapper { background: white; border-radius: 4px; } section#pp_spend_day_report #report_filter_bar.page-panel-header .daterange-wrapper div.daterange-input { color: black; } section#pp_spend_day_report #percentages .row { text-align: center; } section#pp_spend_day_report #percentages div.field { font-size: 26px; } section#pp_spend_day_report #by_the_numbers .breakdown .key { color: #868686; font-size: 10px; width: 50%; display: inline-block; text-align: left; vertical-align: top; } section#pp_spend_day_report #by_the_numbers .breakdown .value { width: 50%; text-align: right; display: inline-block; } section#pp_spend_day_report #by_the_numbers .breakdown .total { border-top: 1px solid gray; font-weight: bold; } section#pp_spend_day_report .page-panel { margin: 15px; } section#pp_spend_day_report .force_refresh_button i { visibility: hidden; } section#pp_spend_day_report .chart-container { padding: 0; } section#pp_spend_day_report img.logo { max-width: 100%; } section#pp_spend_day_report h3.title { margin: 0px; margin-top: 10px; } section#pp_spend_day_report table.fixed { width: 100%; table-layout: fixed; } section#pp_spend_day_report table.report { width: 100%; } section#pp_spend_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#pp_spend_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#pp_spend_day_report table.contract_info { border: none; margin-top: 5px; } section#pp_spend_day_report table.earnings_summary { width: 100%; } section#pp_spend_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#pp_spend_day_report table.earnings_summary tr.bold { font-weight: bold; } section#pp_spend_day_report table.earnings_summary td.left { text-align: left; } section#pp_spend_day_report table.earnings_summary td.right { text-align: right; } section#pp_spend_day_report table.earnings_summary td.center { text-align: center; } section#pp_spend_day_report table.transaction_summary td { text-align: center; } section#pp_spend_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#pp_spend_day_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/processor/cds_interchange/view.scss'; } #cds_interchange_report #merchant_breakdown tr.mismatch:not(:hover) { background-color: #f2dede; } #cds_interchange_report #merchant_breakdown tr.mismatch { border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; } #cds_interchange_report #report_filter_bar .flex { margin-top: 15px; display: flex; align-items: center; justify-content: flex-end; } #cds_interchange_report #report_filter_bar .form-group { margin-bottom: 0; } #cds_interchange_report .skipped .sub-panel-header { background: #AF3B3D; color: white; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/processor/group_processor_day/view.scss'; } section#group_processor_day_report #transactionPanel .collapse-control { cursor: pointer; } section#group_processor_day_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#group_processor_day_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#group_processor_day_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#group_processor_day_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#group_processor_day_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#group_processor_day_report #by_the_numbers .sub-panel-body { overflow: scroll; } section#group_processor_day_report #by_the_numbers button.breakdown_csv { padding: 0; } section#group_processor_day_report #terminal_tabs_view_wrapper.hide { display: none; } section#group_processor_day_report .row.total { border-top: 2px solid #888; font-weight: bold; } section#group_processor_day_report .page-panel { margin: 15px; } section#group_processor_day_report .force_refresh_button i { visibility: hidden; } section#group_processor_day_report .chart-container { padding: 0; } section#group_processor_day_report img.logo { max-width: 100%; } section#group_processor_day_report h3.title { margin: 0px; margin-top: 10px; } section#group_processor_day_report table.fixed { width: 100%; table-layout: fixed; } section#group_processor_day_report table.report { width: 100%; } section#group_processor_day_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#group_processor_day_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#group_processor_day_report table.contract_info { border: none; margin-top: 5px; } section#group_processor_day_report table.earnings_summary { width: 100%; } section#group_processor_day_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#group_processor_day_report table.earnings_summary tr.bold { font-weight: bold; } section#group_processor_day_report table.earnings_summary td.left { text-align: left; } section#group_processor_day_report table.earnings_summary td.right { text-align: right; } section#group_processor_day_report table.earnings_summary td.center { text-align: center; } section#group_processor_day_report table.transaction_summary td { text-align: center; } section#group_processor_day_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#group_processor_day_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/processor/group_processor_month/view.scss'; } section#group_processor_month_report #transactionPanel .collapse-control { cursor: pointer; } section#group_processor_month_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#group_processor_month_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#group_processor_month_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#group_processor_month_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#group_processor_month_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#group_processor_month_report #by_the_numbers .sub-panel-body { overflow: scroll; } section#group_processor_month_report #by_the_numbers button.breakdown_csv { padding: 0; } section#group_processor_month_report #terminal_tabs_view_wrapper.hide { display: none; } section#group_processor_month_report .row.total { border-top: 2px solid #888; font-weight: bold; } section#group_processor_month_report .page-panel { margin: 15px; } section#group_processor_month_report .force_refresh_button i { visibility: hidden; } section#group_processor_month_report .chart-container { padding: 0; } section#group_processor_month_report img.logo { max-width: 100%; } section#group_processor_month_report h3.title { margin: 0px; margin-top: 10px; } section#group_processor_month_report table.fixed { width: 100%; table-layout: fixed; } section#group_processor_month_report table.report { width: 100%; } section#group_processor_month_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#group_processor_month_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#group_processor_month_report table.contract_info { border: none; margin-top: 5px; } section#group_processor_month_report table.earnings_summary { width: 100%; } section#group_processor_month_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#group_processor_month_report table.earnings_summary tr.bold { font-weight: bold; } section#group_processor_month_report table.earnings_summary td.left { text-align: left; } section#group_processor_month_report table.earnings_summary td.right { text-align: right; } section#group_processor_month_report table.earnings_summary td.center { text-align: center; } section#group_processor_month_report table.transaction_summary td { text-align: center; } section#group_processor_month_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#group_processor_month_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/processor/group_processor_settlement/view.scss'; } section#group_processor_settlement_report #transactionPanel .collapse-control { cursor: pointer; } section#group_processor_settlement_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#group_processor_settlement_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#group_processor_settlement_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#group_processor_settlement_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#group_processor_settlement_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#group_processor_settlement_report #by_the_numbers .sub-panel-body { overflow: scroll; } section#group_processor_settlement_report #by_the_numbers button.breakdown_csv { padding: 0; } section#group_processor_settlement_report #terminal_tabs_view_wrapper.hide { display: none; } section#group_processor_settlement_report .row.total { border-top: 2px solid #888; font-weight: bold; } section#group_processor_settlement_report .page-panel { margin: 15px; } section#group_processor_settlement_report .force_refresh_button i { visibility: hidden; } section#group_processor_settlement_report .chart-container { padding: 0; } section#group_processor_settlement_report img.logo { max-width: 100%; } section#group_processor_settlement_report h3.title { margin: 0px; margin-top: 10px; } section#group_processor_settlement_report table.fixed { width: 100%; table-layout: fixed; } section#group_processor_settlement_report table.report { width: 100%; } section#group_processor_settlement_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#group_processor_settlement_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#group_processor_settlement_report table.contract_info { border: none; margin-top: 5px; } section#group_processor_settlement_report table.earnings_summary { width: 100%; } section#group_processor_settlement_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#group_processor_settlement_report table.earnings_summary tr.bold { font-weight: bold; } section#group_processor_settlement_report table.earnings_summary td.left { text-align: left; } section#group_processor_settlement_report table.earnings_summary td.right { text-align: right; } section#group_processor_settlement_report table.earnings_summary td.center { text-align: center; } section#group_processor_settlement_report table.transaction_summary td { text-align: center; } section#group_processor_settlement_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#group_processor_settlement_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/processor/vantiv_interchange/view.scss'; } #vantiv_interchange_report #merchant_breakdown tr.mismatch:not(:hover) { background-color: #f2dede; } #vantiv_interchange_report #merchant_breakdown tr.mismatch { border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; } #vantiv_interchange_report #report_filter_bar .flex { margin-top: 15px; display: flex; align-items: center; justify-content: flex-end; } #vantiv_interchange_report #report_filter_bar .form-group { margin-bottom: 0; } #vantiv_interchange_report .skipped .sub-panel-header { background: #AF3B3D; color: white; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/processor_deposit_match/vantiv/processor_deposit_match.scss'; } div#deposit_match_report .sub-panel-header div { display: inline-block; } div#deposit_match_report table.fixed { width: 100%; table-layout: fixed; } div#deposit_match_report table.report { width: 100%; } div#deposit_match_report table.report td { padding: 2px; height: 100%; vertical-align: top; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/processor_report/processor_report.scss'; } section#processor_report .page-body { padding: 20px; } section#processor_report .page-body form, section#processor_report .page-body form > * { width: 0px; height: 0px; } section#processor_report .page-body iframe#upload_result { width: 0px; height: 0px; border: 0px solid #fff; } section#processor_report .page-body .report_view #list table tr { cursor: pointer; } .processor_transactions_popup { max-height: 600px; overflow-y: auto; overflow-x: hidden; } .processor_transactions_popup table { font-size: 0.9em; } .processor_transactions_popup table td { white-space: nowrap; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_daily_breakdown/qc_daily_breakdown.scss'; } section#qc_daily_breakdown div#page div.page-view div.page-view-body.report { padding: 0; overflow-x: hidden; } section#qc_daily_breakdown .row-body { padding: 15px; } section#qc_daily_breakdown .link { cursor: pointer; } section#qc_daily_breakdown .arrow-left { display: inline-box; vertical-align: middle; margin-right: 5px; } section#qc_daily_breakdown .arrow-right { display: inline-box; vertical-align: middle; margin-left: 5px; } section#qc_daily_breakdown div.batch-report .legend-box .legend { display: block; } section#qc_daily_breakdown div.batch-report .legend-box .legend div.key { display: inline-block; width: 25px; } section#qc_daily_breakdown div.batch-report .legend-box .legend div.name { display: inline-block; padding-left: 10px; } section#qc_daily_breakdown div.batch-report #unclaimed_view table.table.ledger tr.no-match { background-color: #AF3B3D; color: white; } section#qc_daily_breakdown div.batch-report #unclaimed_view table.table.ledger tr.refund { color: #AF3B3D; } section#qc_daily_breakdown div.batch-report #unclaimed_view table.table.ledger tr.unclaimed { background-color: #fd9608; color: white; } section#qc_daily_breakdown div.batch-report #ledger_tabs .tabs ul > li { width: 50%; text-align: center; } section#qc_daily_breakdown div.batch-report #ledger_tabs div.tabs-container { border: 0px; } section#qc_daily_breakdown div.batch-report #ledger_tabs .ledger_match { margin-top: 20px; } section#qc_daily_breakdown div.batch-report #ledger_tabs table.table.ledger tr.no-match { background-color: #AF3B3D; color: white; } section#qc_daily_breakdown div.batch-report #ledger_tabs table.table.ledger tr.refund { color: #AF3B3D; } section#qc_daily_breakdown div.batch-report #ledger_tabs table.table.ledger tr.unclaimed { background-color: #fd9608; color: white; } section#qc_daily_breakdown div.batch-report table.summary { width: 100%; table-layout: fixed; } section#qc_daily_breakdown div.batch-report table.summary td { padding-bottom: 10px; } section#qc_daily_breakdown div.batch-report table.summary .td-owed-to-merchant { padding-bottom: 26px; } section#qc_daily_breakdown div.batch-report table.summary .td-owed-to-merchant .lead { font-weight: bold; } section#qc_daily_breakdown div.batch-report .left .mpanel-body { padding: 10px; } section#qc_daily_breakdown div.batch-report .left .mpanel-body .disclaimer { margin: 10px 0px; } section#qc_daily_breakdown div.batch-report .report-desc ul { padding-left: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_day_report/qc_day_report.scss'; } #qc_day_report .page-body { padding: 15px; font-size: 14px; } #qc_day_report #qc_grand_total tr { background: none; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_merchant_settlement/report.scss'; } #qc_merchant_settlement .datepicker { cursor: pointer; } #qc_merchant_settlement table.settlement tr.total td { border-top: 1px solid #ddd; font-weight: bold; } #qc_merchant_settlement .legend { margin-bottom: 10px; display: block; } #qc_merchant_settlement .legend .legend-item { display: inline-block; padding-right: 5px; margin-right: 20px; } #qc_merchant_settlement_popup .sub-panel .sub-panel-body .breakdown tr { background-color: transparent; } #qc_merchant_settlement_popup .tabsview-wrapper { overflow-y: scroll; max-height: 700px; } #qc_merchant_settlement_popup .h1, #qc_merchant_settlement_popup .h2, #qc_merchant_settlement_popup .h3, #qc_merchant_settlement_popup .h4 { margin-top: 0px; margin-bottom: 0px; } #qc_merchant_settlement_popup .h4 { font-size: 14px; } #qc_merchant_settlement_popup .sub-panel { border: none; margin-bottom: 5px; border-radius: 0px; } #qc_merchant_settlement_popup .sub-panel-header { background-color: #573a62; white-space: nowrap; color: white; padding: 15px; } #qc_merchant_settlement_popup .sub-panel-header div { color: white; } #qc_merchant_settlement_popup .sub-panel-body { padding: 0px; } #qc_merchant_settlement_popup.paid .sub-panel-header { background-color: green; } #qc_merchant_settlement_popup #subpage_view { overflow-y: auto; max-height: 250px; } #qc_merchant_settlement_popup #subpage_view table h4 { font-size: 14px; } #qc_merchant_settlement_popup table.overview { width: 100%; margin-bottom: 20px; } #qc_merchant_settlement_popup table.overview td { border-top: none; } #qc_merchant_settlement_popup .link { cursor: pointer; } #qc_merchant_settlement_popup #qc_merchant_settlement_tabs .tabs-container { border: 0px; } #qc_merchant_settlement_popup #qc_merchant_settlement_tabs #subpage_view .padded-left { padding-left: 30px; } #qc_merchant_settlement_popup #qc_merchant_settlement_tabs #subpage_view div#list { margin: 0px; } #qc_merchant_settlement_popup #qc_merchant_settlement_tabs .table td { border-top: 1px solid #ddd; } @media (max-width: 767.98px) { #qc_merchant_settlement_popup { font-size: 12px; } #qc_merchant_settlement_popup .no-padding { padding: 0; } #qc_merchant_settlement_popup div.tabs > ul > li { font-size: 9px; } } #qc_merchant_settlement_popup .stats .bigger { font-size: 20px; } #qc_merchant_settlement_popup .stats.margin { margin-bottom: 20px; } #qc_merchant_settlement_popup .stats_details.margin { margin-bottom: 20px; } #qc_merchant_settlement_popup .stats_details { margin: 30px 0px; } #qc_merchant_settlement_popup .stats_details .header { margin: 10px 0px; } #qc_merchant_settlement_popup .stats_details table.table th { font-weight: normal; color: initial; } #qc_merchant_settlement_popup #qc_paid_popup_transactions { font-size: 12px; } #qc_merchant_settlement_popup #qc_paid_popup_transactions table tr:nth-child(even) { background: transparent; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_merchant_settlement/views/views.scss'; } #qc_merchant_settlement #owed.sub-panel .owed-amount { display: block; font-weight: bold; font-size: 24px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_month_interchange/report.scss'; } div#qc_monthly_interchange_report table.settlement tr.total td { border-top: 1px solid #ddd; font-weight: bold; } div#qc_monthly_interchange_report .fee-panel .row.highlight { background: lightgray; } div#qc_monthly_interchange_report .fee-panel div.negative { color: red; } div#qc_monthly_interchange_report .fee-panel div.positive { color: green; } div#qc_monthly_interchange_report .chart-container { padding: 0; } div#qc_monthly_interchange_report img.logo { max-width: 100%; } div#qc_monthly_interchange_report h3.title { margin: 0px; margin-top: 10px; } div#qc_monthly_interchange_report table.fixed { width: 100%; table-layout: fixed; } div#qc_monthly_interchange_report table.report { width: 100%; } div#qc_monthly_interchange_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#qc_monthly_interchange_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#qc_monthly_interchange_report table.contract_info { border: none; margin-top: 5px; } div#qc_monthly_interchange_report table.earnings_summary { width: 100%; } div#qc_monthly_interchange_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#qc_monthly_interchange_report table.earnings_summary tr.bold { font-weight: bold; } div#qc_monthly_interchange_report table.earnings_summary td.left { text-align: left; } div#qc_monthly_interchange_report table.earnings_summary td.right { text-align: right; } div#qc_monthly_interchange_report table.earnings_summary td.center { text-align: center; } div#qc_monthly_interchange_report table.transaction_summary th, div#qc_monthly_interchange_report table.transaction_summary td { text-align: center; } div#qc_monthly_interchange_report table.transaction_summary tr.total { font-weight: bold; border-bottom: 1px solid lightgray; } div#qc_monthly_interchange_report table.transaction_summary tr.top-border { border-top: 2px solid #888; } div#qc_monthly_interchange_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_processor_settlement/merchant_ledger_details/processor_ledger_match.scss'; } #merchant_ledger_details section#ledger_match .link { cursor: pointer; } #merchant_ledger_details section#ledger_match div.page-view { overflow-x: hidden; } #merchant_ledger_details section#ledger_match div.view { padding: 0px !important; overflow-x: hidden; } #merchant_ledger_details section#ledger_match div.view .amount { font-size: 1.2em; font-weight: bold; } #merchant_ledger_details section#ledger_match div.view table.summary td { vertical-align: middle; } #merchant_ledger_details section#ledger_match small { opacity: 0.7; } #merchant_ledger_details section#ledger_match div.row-body { padding: 20px; } #merchant_ledger_details section#ledger_match div.page-tablegrid table.table tbody > tr.selected, #merchant_ledger_details section#ledger_match div.page-tablegrid table.table tbody > tr.selected td { color: inherit !important; } #merchant_ledger_details .processor_unmatched i.fa-minus-circle { display: none; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_processor_settlement/processor_ledger_match.scss'; } #processor_ledger section#ledger_match .link { cursor: pointer; } #processor_ledger section#ledger_match div.page-view { overflow-x: hidden; } #processor_ledger section#ledger_match div.view { padding: 0px !important; overflow-x: hidden; } #processor_ledger section#ledger_match div.view .amount { font-size: 1.2em; font-weight: bold; } #processor_ledger section#ledger_match div.view table.summary td { vertical-align: middle; } #processor_ledger section#ledger_match small { color: white; opacity: 0.7; } #processor_ledger section#ledger_match div.row-body { padding: 20px; } #processor_ledger section#ledger_match div.page-tablegrid table.table tbody > tr.selected, #processor_ledger section#ledger_match div.page-tablegrid table.table tbody > tr.selected td { color: inherit !important; } section#ledger_match .table > tbody > tr.selected > td { background: transparent; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_reimbursement/qc_reimbursement.scss'; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .h1, section#report_qc_reimbursement .page-view .qc_reimbursement-report .h2, section#report_qc_reimbursement .page-view .qc_reimbursement-report .h3, section#report_qc_reimbursement .page-view .qc_reimbursement-report .h4 { margin-top: 0px; margin-bottom: 0px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .table-fixed { table-layout: fixed; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .mpanel.merchant .mpanel-header { background-color: #b00020; color: white; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .mpanel.merchant .mpanel-header div { color: white; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .mpanel > * { padding: 10px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats .bigger { font-size: 20px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats.margin { margin-bottom: 20px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats_details.margin { margin-bottom: 20px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats_details { margin: 30px 0px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats_details .header { margin: 10px 0px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats_details table.table th { font-weight: normal; color: initial; } #qc_reimbursement_popup .h1, #qc_reimbursement_popup .h2, #qc_reimbursement_popup .h3, #qc_reimbursement_popup .h4 { margin-top: 0px; margin-bottom: 0px; } #qc_reimbursement_popup .h4 { font-size: 14px; } #qc_reimbursement_popup .panel { border: none; margin-bottom: 5px; border-radius: 0px; } #qc_reimbursement_popup .popup .panel.header { background-color: #573a62; white-space: nowrap; color: white; padding: 15px; } #qc_reimbursement_popup .popup .panel.header div { color: white; } #qc_reimbursement_popup .popup .panel.body { padding: 0px; } #qc_reimbursement_popup .popup.paid .panel.header { background-color: green; } #qc_reimbursement_popup .popup #subpage_view { overflow-y: auto; max-height: 250px; } #qc_reimbursement_popup .popup #subpage_view table h4 { font-size: 14px; } @media (max-width: 767.98px) { #qc_reimbursement_popup .popup { font-size: 12px; } #qc_reimbursement_popup .popup .no-padding { padding: 0; } #qc_reimbursement_popup .popup div.tabs > ul > li { font-size: 9px; } } #qc_reimbursement_popup .stats .bigger { font-size: 20px; } #qc_reimbursement_popup .stats.margin { margin-bottom: 20px; } #qc_reimbursement_popup .stats_details.margin { margin-bottom: 20px; } #qc_reimbursement_popup .stats_details { margin: 30px 0px; } #qc_reimbursement_popup .stats_details .header { margin: 10px 0px; } #qc_reimbursement_popup .stats_details table.table th { font-weight: normal; color: initial; } #qc_reimbursement_popup .qc_reimbursement-report.popup table.overview { width: 100%; margin-bottom: 20px; } #qc_reimbursement_popup .qc_reimbursement-report.popup table.overview td { border-top: none; } #qc_reimbursement_popup .qc_reimbursement-report.popup .link { cursor: pointer; } #qc_reimbursement_popup .qc_reimbursement-report.popup #qc_reimbursement_tabs .tabs-container { border: 0px; } #qc_reimbursement_popup .qc_reimbursement-report.popup #qc_reimbursement_tabs #subpage_view { padding: 15px; padding-top: 30px; } #qc_reimbursement_popup .qc_reimbursement-report.popup #qc_reimbursement_tabs #subpage_view .table { margin-top: 20px; } #qc_reimbursement_popup .qc_reimbursement-report.popup #qc_reimbursement_tabs #subpage_view .padded-left { padding-left: 30px; } #qc_reimbursement_popup .qc_reimbursement-report.popup #qc_reimbursement_tabs #subpage_view div#list { margin: 0px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/qc_reimbursement_v2/qc_reimbursement.scss'; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .h1, section#report_qc_reimbursement .page-view .qc_reimbursement-report .h2, section#report_qc_reimbursement .page-view .qc_reimbursement-report .h3, section#report_qc_reimbursement .page-view .qc_reimbursement-report .h4 { margin-top: 0px; margin-bottom: 0px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .table-fixed { table-layout: fixed; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .mpanel.merchant .mpanel-header { background-color: #b00020; color: white; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .mpanel.merchant .mpanel-header div { color: white; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .mpanel > * { padding: 10px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats .bigger { font-size: 20px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats.margin { margin-bottom: 20px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats_details.margin { margin-bottom: 20px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats_details { margin: 30px 0px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats_details .header { margin: 10px 0px; } section#report_qc_reimbursement .page-view .qc_reimbursement-report .stats_details table.table th { font-weight: normal; color: initial; } #qc_reimbursement_popup_v2 .h1, #qc_reimbursement_popup_v2 .h2, #qc_reimbursement_popup_v2 .h3, #qc_reimbursement_popup_v2 .h4 { margin-top: 0px; margin-bottom: 0px; } #qc_reimbursement_popup_v2 .h4 { font-size: 14px; } #qc_reimbursement_popup_v2 .panel { border: none; margin-bottom: 5px; border-radius: 0px; } #qc_reimbursement_popup_v2 .popup .panel.header { background-color: #455a64; white-space: nowrap; color: white; padding: 15px; } #qc_reimbursement_popup_v2 .popup .panel.header div { color: white; } #qc_reimbursement_popup_v2 .popup .panel.body { padding: 0px; } #qc_reimbursement_popup_v2 .popup.paid .panel.header { background-color: green; } #qc_reimbursement_popup_v2 .popup #subpage_view { overflow-y: auto; max-height: 250px; } #qc_reimbursement_popup_v2 .popup #subpage_view table h4 { font-size: 14px; } @media (max-width: 767.98px) { #qc_reimbursement_popup_v2 .popup { font-size: 12px; } #qc_reimbursement_popup_v2 .popup .no-padding { padding: 0; } #qc_reimbursement_popup_v2 .popup div.tabs > ul > li { font-size: 9px; } } #qc_reimbursement_popup_v2 .stats .bigger { font-size: 20px; } #qc_reimbursement_popup_v2 .stats_details .header { margin: 10px 0px; } #qc_reimbursement_popup_v2 .stats_details table.table th { font-weight: normal; color: initial; } #qc_reimbursement_popup_v2 .qc_reimbursement-report.popup table.overview { width: 100%; margin-bottom: 20px; } #qc_reimbursement_popup_v2 .qc_reimbursement-report.popup table.overview td { border-top: none; } #qc_reimbursement_popup_v2 .qc_reimbursement-report.popup .link { cursor: pointer; } #qc_reimbursement_popup_v2 .qc_reimbursement-report.popup #qc_reimbursement_tabs .tabs-container { border: 0px; } #qc_reimbursement_popup_v2 .qc_reimbursement-report.popup #qc_reimbursement_tabs #subpage_view { padding: 15px; } #qc_reimbursement_popup_v2 .qc_reimbursement-report.popup #qc_reimbursement_tabs #subpage_view .table { margin-top: 20px; } #qc_reimbursement_popup_v2 .qc_reimbursement-report.popup #qc_reimbursement_tabs #subpage_view .padded-left { padding-left: 30px; } #qc_reimbursement_popup_v2 .qc_reimbursement-report.popup #qc_reimbursement_tabs #subpage_view div#list { margin: 0px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/reports.scss'; } #page .report .padded { padding: 15px; } #page .report img.logo { width: 100%; margin-top: 10px; margin-left: 10px; } #page .report .legend { margin-bottom: 10px; } #page .report .legend .legend-item { display: inline-block; padding-right: 5px; margin-right: 20px; } #page .report .clickable { cursor: pointer; } #page .report .table.font-smaller { font-size: 0.9em; } #page .report .table.table-fixed { table-layout: fixed; } #page .report .table.with-totals > tbody tr.important td { font-size: 1.2em; } #page .report .table.with-totals > tbody td.important { font-weight: bold; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/shift_report/shifts.scss'; } div#page #shift_report { padding: 0; overflow-x: hidden; } div#page #shift_report .row-body { padding: 30px; } div#page #shift_report #shift-overview .label { color: #000000; } div#page #shift_report #shift-overview .value { float: right; } div#page #shift_report #shift-overview .info-row { margin-bottom: 5px; } div#page #shift_report #shift-overview button.download-csv { position: absolute; right: 10px; } div#page #shift_report #shift-overview .mpanel-body { padding: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/t31/t31report.scss'; } #t31_report div.customlabel { display: inline-block; width: 60px; } #t31_report div.customlabel2 { display: inline-block; width: 120px; } #t31_report div.customvalue { display: inline-block; color: #1b1b1b; } @media print { #t31_report div.panel-for-print { background: #f5f5f5 !important; } #t31_report th { color: black !important; } } .generated-from-scss { content: 'apps/cm/portal/pages/reports/terminal_acceptors/terminal_acceptors.scss'; } .legend .legend-label.idle { border-left: 8px solid #4E8474; background: rgba(0, 255, 76, 0.05); } .legend .legend-label.offline, .legend .legend-label.fault { border-left: 8px solid #AF3B3D; background: rgba(255, 0, 0, 0.05); } .legend .legend-label.maintenance { border-left: 8px solid #fd9608; background: rgba(255, 136, 0, 0.05); } .legend .legend-label.in_use { border-left: 8px solid #0d6efd; background: rgba(0, 68, 255, 0.05); } .legend .legend-label.disabled { border-left: 8px solid gray; background: rgba(124, 124, 124, 0.05); } section#terminal_acceptors div.page-toc tbody tr .batch-select-td { background: black; } section#terminal_acceptors div.page-toc tbody tr.idle { background: rgba(0, 255, 76, 0.05); } section#terminal_acceptors div.page-toc tbody tr.idle .batch-select-td { background: #4E8474; } section#terminal_acceptors div.page-toc tbody tr.offline { background: rgba(255, 0, 0, 0.05); } section#terminal_acceptors div.page-toc tbody tr.offline .batch-select-td { background: #AF3B3D; } section#terminal_acceptors div.page-toc tbody tr.maintenance { background: rgba(255, 136, 0, 0.05); } section#terminal_acceptors div.page-toc tbody tr.maintenance .batch-select-td { background: #fd9608; } section#terminal_acceptors div.page-toc tbody tr.in_use { background: rgba(0, 68, 255, 0.05); } section#terminal_acceptors div.page-toc tbody tr.in_use .batch-select-td { background: #0d6efd; } section#terminal_acceptors div.page-toc tbody tr.disabled { background: rgba(124, 124, 124, 0.05); } section#terminal_acceptors div.page-toc tbody tr.disabled .batch-select-td { background: gray; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/terminal_cassettes/terminal_cassettes.scss'; } .legend .legend-label.idle { border-left: 8px solid #4E8474; background: rgba(0, 255, 76, 0.05); } .legend .legend-label.offline, .legend .legend-label.fault { border-left: 8px solid #AF3B3D; background: rgba(255, 0, 0, 0.05); } .legend .legend-label.maintenance { border-left: 8px solid #fd9608; background: rgba(255, 136, 0, 0.05); } .legend .legend-label.in_use { border-left: 8px solid #0d6efd; background: rgba(0, 68, 255, 0.05); } .legend .legend-label.disabled { border-left: 8px solid gray; background: rgba(124, 124, 124, 0.05); } section#terminal_cassettes div.page-toc tbody tr .batch-select-td { background: black; } section#terminal_cassettes div.page-toc tbody tr.idle { background: rgba(0, 255, 76, 0.05); } section#terminal_cassettes div.page-toc tbody tr.idle .batch-select-td { background: #4E8474; } section#terminal_cassettes div.page-toc tbody tr.offline { background: rgba(255, 0, 0, 0.05); } section#terminal_cassettes div.page-toc tbody tr.offline .batch-select-td { background: #AF3B3D; } section#terminal_cassettes div.page-toc tbody tr.maintenance { background: rgba(255, 136, 0, 0.05); } section#terminal_cassettes div.page-toc tbody tr.maintenance .batch-select-td { background: #fd9608; } section#terminal_cassettes div.page-toc tbody tr.in_use { background: rgba(0, 68, 255, 0.05); } section#terminal_cassettes div.page-toc tbody tr.in_use .batch-select-td { background: #0d6efd; } section#terminal_cassettes div.page-toc tbody tr.disabled { background: rgba(124, 124, 124, 0.05); } section#terminal_cassettes div.page-toc tbody tr.disabled .batch-select-td { background: gray; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/terminal_day_close/terminal_day_close.scss'; } div#terminal_day_close .chart-container { padding: 0; } div#terminal_day_close img.logo { max-width: 100%; } div#terminal_day_close h3.title { margin: 0px; margin-top: 10px; } div#terminal_day_close table.fixed { width: 100%; table-layout: fixed; } div#terminal_day_close table.report { width: 100%; } div#terminal_day_close table.report td { padding: 2px; height: 100%; vertical-align: top; } div#terminal_day_close table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#terminal_day_close table.contract_info { border: none; margin-top: 5px; } div#terminal_day_close table.earnings_summary { width: 100%; } div#terminal_day_close table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#terminal_day_close table.earnings_summary tr.bold { font-weight: bold; } div#terminal_day_close table.earnings_summary td.left { text-align: left; } div#terminal_day_close table.earnings_summary td.right { text-align: right; } div#terminal_day_close table.earnings_summary td.center { text-align: center; } div#terminal_day_close table.transaction_summary td { text-align: center; } div#terminal_day_close table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#terminal_day_close table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/terminal_day_summary/terminal_day_summary.scss'; } #terminal_day_summary .force_refresh_button i { visibility: hidden; } div#day_summary_terminal_list .chart-container { padding: 0; } div#day_summary_terminal_list img.logo { max-width: 100%; } div#day_summary_terminal_list h3.title { margin: 0px; margin-top: 10px; } div#day_summary_terminal_list table.fixed { width: 100%; table-layout: fixed; } div#day_summary_terminal_list table.report { width: 100%; } div#day_summary_terminal_list table.report td { padding: 2px; height: 100%; vertical-align: top; } div#day_summary_terminal_list table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#day_summary_terminal_list table.contract_info { border: none; margin-top: 5px; } div#day_summary_terminal_list table.earnings_summary { width: 100%; } div#day_summary_terminal_list table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#day_summary_terminal_list table.earnings_summary tr.bold { font-weight: bold; } div#day_summary_terminal_list table.earnings_summary td.left { text-align: left; } div#day_summary_terminal_list table.earnings_summary td.right { text-align: right; } div#day_summary_terminal_list table.earnings_summary td.center { text-align: center; } div#day_summary_terminal_list table.transaction_summary td { text-align: center; } div#day_summary_terminal_list table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#day_summary_terminal_list table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/terminal_dispense/report_terminal_dispense.scss'; } #panel-main #report_terminal_dispense.has-topbar .page-view { top: -30px; } #panel-main #report_terminal_dispense.has-topbar .page-view .title-bar { margin-left: -15px; margin-right: -15px; margin-bottom: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/terminal_month_report/terminal_month_report.scss'; } div#terminal_monthly_report .chart-container { padding: 0; } div#terminal_monthly_report img.logo { max-width: 100%; } div#terminal_monthly_report h3.title { margin: 0px; margin-top: 10px; } div#terminal_monthly_report table.fixed { width: 100%; table-layout: fixed; } div#terminal_monthly_report table.report { width: 100%; } div#terminal_monthly_report table.report td { padding: 2px; height: 100%; vertical-align: top; } div#terminal_monthly_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } div#terminal_monthly_report table.contract_info { border: none; margin-top: 5px; } div#terminal_monthly_report table.earnings_summary { width: 100%; } div#terminal_monthly_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } div#terminal_monthly_report table.earnings_summary tr.bold { font-weight: bold; } div#terminal_monthly_report table.earnings_summary td.left { text-align: left; } div#terminal_monthly_report table.earnings_summary td.right { text-align: right; } div#terminal_monthly_report table.earnings_summary td.center { text-align: center; } div#terminal_monthly_report table.transaction_summary td { text-align: center; } div#terminal_monthly_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } div#terminal_monthly_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/reports/unsettled_funds/view.scss'; } section#unsettled_funds_report #transactionPanel .collapse-control { cursor: pointer; } section#unsettled_funds_report #transactionPanel .collapse-control[aria-expanded="true"] i.up { display: none; } section#unsettled_funds_report #transactionPanel .collapse-control[aria-expanded="false"] i.down { display: none; } section#unsettled_funds_report #report_filter_bar.page-panel-header h3.title { padding-left: 10px; } section#unsettled_funds_report #report_filter_bar.page-panel-header .form-group { margin-bottom: 0; flex-grow: 2; } section#unsettled_funds_report #report_filter_bar.page-panel-header .flex { display: flex; margin-top: 5px; } section#unsettled_funds_report #by_the_numbers .sub-panel-body { overflow: scroll; } section#unsettled_funds_report #by_the_numbers button.breakdown_csv { padding: 0; } section#unsettled_funds_report #breakdown_wrapper { background: white; color: black; border: 1px solid #ccc; box-shadow: none; border-radius: 5px; margin-bottom: 15px; padding-top: 15px; } section#unsettled_funds_report #breakdown_wrapper.hide { display: none; } section#unsettled_funds_report .row.total { border-top: 2px solid #888; font-weight: bold; } section#unsettled_funds_report .page-panel { margin: 15px; } section#unsettled_funds_report .force_refresh_button i { visibility: hidden; } section#unsettled_funds_report .chart-container { padding: 0; } section#unsettled_funds_report img.logo { max-width: 100%; } section#unsettled_funds_report h3.title { margin: 0px; margin-top: 10px; } section#unsettled_funds_report table.fixed { width: 100%; table-layout: fixed; } section#unsettled_funds_report table.report { width: 100%; } section#unsettled_funds_report table.report td { padding: 2px; height: 100%; vertical-align: top; } section#unsettled_funds_report table.report td h3 { background: black; color: white; text-transform: uppercase; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; white-space: nowrap; } section#unsettled_funds_report table.contract_info { border: none; margin-top: 5px; } section#unsettled_funds_report table.earnings_summary { width: 100%; } section#unsettled_funds_report table.earnings_summary tr.bordered { border-bottom: 2px solid #888; } section#unsettled_funds_report table.earnings_summary tr.bold { font-weight: bold; } section#unsettled_funds_report table.earnings_summary td.left { text-align: left; } section#unsettled_funds_report table.earnings_summary td.right { text-align: right; } section#unsettled_funds_report table.earnings_summary td.center { text-align: center; } section#unsettled_funds_report table.transaction_summary td { text-align: center; } section#unsettled_funds_report table.transaction_summary tr.totals { border-top: 2px solid #888; font-weight: bold; } section#unsettled_funds_report table thead { display: table-row-group; } .generated-from-scss { content: 'apps/cm/portal/pages/servers/header/header.scss'; } .server-header .servername-label { font-size: 1.3em; } .server-header div.subpage_header { overflow: visible; margin-bottom: 20px; } .server-header div.subpage_header ul.dropdown-menu button:hover { background: #DBDBDB !important; color: initial; } .server-header .bottom-header { padding: 10px; } .server-header .bottom-header .right-col { text-align: right; } .server-header .bottom-header .server-enabled, .server-header .bottom-header .server-disabled { padding-top: 6px; padding-right: 10px; font-size: 1.1em; font-weight: bold; } .server-header .bottom-header .server-enabled { color: #4E8474; } .server-header .bottom-header .server-disabled { color: #AF3B3D; } .server-header .bottom-header .last-update { padding-right: 10px; font-size: 0.9em; } .server-header .bottom-header .server-ip-domain { padding-top: 6px; font-size: 1.2em; font-weight: bold; } .server-header .top-header { padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; background: url(/static/common/imgs/bgs/paradise_mountain.jpg) no-repeat left center; background-size: cover; background-position-y: 70%; height: 60px; border-bottom: 1px solid #cccccc; } .server-header .top-header div#dropdown { position: relative; display: inline-block; } .server-header .top-header div#dropdown > button { background: transparent; padding: 10px 0px; color: white; font-size: 1.1em; } .server-header .top-header div#dropdown > button:after { color: white; font-size: 1.1em; margin-left: 5px; position: relative; top: 0px; left: 0px; } .server-header .top-header div#dropdown > button:focus, .server-header .top-header div#dropdown > button:hover { color: #cccccc; } .server-header .top-header div#dropdown > button:focus:after, .server-header .top-header div#dropdown > button:hover:after { color: #cccccc; } @media (max-width: 992px) { .server-header .bottom-header .right-col { text-align: left; } } .generated-from-scss { content: 'apps/cm/portal/pages/servers/servers.scss'; } #server_tab_view { display: block; position: relative; border: 1px solid #cccccc; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0px; } #server_tab_view #subpage_view { padding-top: 25px; } .generated-from-scss { content: 'apps/cm/portal/pages/servers/views/overview/overview.scss'; } #server_tab_view .chart-title { text-align: center; } #server_tab_view .no-stats { padding: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/settings/atm_models/atm_models.scss'; } .generated-from-scss { content: 'apps/cm/portal/pages/terminals/replenishment/replenishment.scss'; } .generated-from-scss { content: 'apps/cm/portal/pages/terminals/terminals.scss'; } .legend .legend-label.idle { border-left: 8px solid #4E8474; background: rgba(0, 255, 76, 0.05); } .legend .legend-label.offline, .legend .legend-label.fault { border-left: 8px solid #AF3B3D; background: rgba(255, 0, 0, 0.05); } .legend .legend-label.maintenance { border-left: 8px solid #fd9608; background: rgba(255, 136, 0, 0.05); } .legend .legend-label.in_use { border-left: 8px solid #0d6efd; background: rgba(0, 68, 255, 0.05); } .legend .legend-label.disabled { border-left: 8px solid gray; background: rgba(124, 124, 124, 0.05); } .legend .legend-label.hw_down { border-left: 8px solid #ffeb3b; background: rgba(255, 255, 0, 0.05); } section#em_terminals .dashboard-widget { padding: 10px; } section#em_terminals div.page-toc tbody tr .batch-select-td { background: black; } section#em_terminals div.page-toc tbody tr.idle { background: rgba(0, 255, 76, 0.05); } section#em_terminals div.page-toc tbody tr.idle .batch-select-td { background: #4E8474; } section#em_terminals div.page-toc tbody tr.offline { background: rgba(255, 0, 0, 0.05); } section#em_terminals div.page-toc tbody tr.offline .batch-select-td { background: #AF3B3D; } section#em_terminals div.page-toc tbody tr.maintenance { background: rgba(255, 136, 0, 0.05); } section#em_terminals div.page-toc tbody tr.maintenance .batch-select-td { background: #fd9608; } section#em_terminals div.page-toc tbody tr.in_use { background: rgba(0, 68, 255, 0.05); } section#em_terminals div.page-toc tbody tr.in_use .batch-select-td { background: #0d6efd; } section#em_terminals div.page-toc tbody tr.disabled { background: rgba(124, 124, 124, 0.05); } section#em_terminals div.page-toc tbody tr.disabled .batch-select-td { background: gray; } section#em_terminals div.page-toc tbody tr.hw_down { background: rgba(255, 255, 0, 0.05); } section#em_terminals div.page-toc tbody tr.hw_down .batch-select-td { background: #ffeb3b; } section#em_terminals div.terminal.idle div.subpage_header { background: #4E8474; } section#em_terminals div.terminal.in_use div.subpage_header { background: #0d6efd; } section#em_terminals div.terminal.maintenance div.subpage_header { background: #fd9608; } section#em_terminals div.terminal.offline div.subpage_header { background: #AF3B3D; } section#em_terminals div.terminal.disabled div.subpage_header { background: gray; } section#em_terminals div.terminal_view { position: relative; display: table; width: 100%; height: 100%; } section#em_terminals div.terminal_view > * { display: table-row; } section#em_terminals div.terminal_view > * > * { display: table-cell; } section#em_terminals div.terminal_view div.right_view { width: 300px; padding-left: 10px; } section#em_terminals #subpage_view { min-height: 500px; } section#em_terminals #subpage_view div.view_container { margin-top: 0; } section#em_terminals #subpage_view div.settings div.settings_subgroup { min-height: 300px; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_header { display: table; width: 100%; padding: 10px; overflow: hidden; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_header .setting_label { display: table-cell; font-weight: bold; vertical-align: top; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_header .setting_toggle { display: table-cell; width: 1%; padding-right: 10px; vertical-align: top; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body { padding: 20px 10px 40px 10px; overflow: visible; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option { width: 100%; display: inline-table; margin-bottom: 10px; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option > * { display: table-cell; vertical-align: middle; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option .option_toggle { width: 1%; padding-right: 10px; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body .setting_option .option_label .label_text i { cursor: pointer; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body div.select_processor { border: 1px solid #ddd; margin-bottom: 20px; } section#em_terminals #subpage_view div.settings div.settings_subgroup div.settings_body > div.settings_footer { display: block; width: 100%; min-height: 40px; } section#em_terminals .side_view #ticket_popup .dialog-close { display: none; } section#em_terminals .service-icon .up { color: green; } section#em_terminals .service-icon .down { color: red; } #terminal_tabs_view_wrapper { position: relative; } .generated-from-scss { content: 'apps/cm/portal/pages/transactions/bill_acceptors/bill_acceptors.scss'; } @media (max-width: 767.98px) { #page #bill_acceptor_details { font-size: 12px; } } #page #bill_acceptor_details .mpanel-header .datestamp { font-size: 14px; } .generated-from-scss { content: 'apps/cm/portal/pages/transactions/cassettes/cassettes.scss'; } @media (max-width: 767.98px) { #page #cassette_details { font-size: 12px; } } #page #cassette_details .mpanel-header .datestamp { font-size: 14px; } .generated-from-scss { content: 'apps/cm/portal/pages/transactions/detailed/transactions.scss'; } #qc_transactions div.page-tablegrid tbody tr, #cc_transactions div.page-tablegrid tbody tr, #atm_feed div.page-tablegrid tbody tr { border-left: 4px solid grey; } #qc_transactions div.page-tablegrid tbody tr.paid, #qc_transactions div.page-tablegrid tbody tr.approved, #cc_transactions div.page-tablegrid tbody tr.paid, #cc_transactions div.page-tablegrid tbody tr.approved, #atm_feed div.page-tablegrid tbody tr.paid, #atm_feed div.page-tablegrid tbody tr.approved { border-left: 4px solid #4E8474; } #qc_transactions div.page-tablegrid tbody tr.declined, #cc_transactions div.page-tablegrid tbody tr.declined, #atm_feed div.page-tablegrid tbody tr.declined { border-left: 4px solid #AF3B3D; } #qc_transactions div.page-tablegrid tbody tr.authorized, #cc_transactions div.page-tablegrid tbody tr.authorized, #atm_feed div.page-tablegrid tbody tr.authorized { border-left: 4px solid #fd9608; } #qc_transactions div.page-tablegrid tbody tr.refunded, #cc_transactions div.page-tablegrid tbody tr.refunded, #atm_feed div.page-tablegrid tbody tr.refunded { border-left: 4px solid #0d6efd; } #qc_transactions div.ticket-panel div#ticket_popup, #cc_transactions div.ticket-panel div#ticket_popup, #atm_feed div.ticket-panel div#ticket_popup { margin: 0 15px 20px; } #qc_transactions div.ticket-panel div#ticket_popup div.panel div.panel-body .history-view, #cc_transactions div.ticket-panel div#ticket_popup div.panel div.panel-body .history-view, #atm_feed div.ticket-panel div#ticket_popup div.panel div.panel-body .history-view { padding: 5px 15px; max-height: none; overflow-y: auto; } #qc_transactions div.notes-view ul, #cc_transactions div.notes-view ul, #atm_feed div.notes-view ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } div.page-tablegrid td, #trans_popup td { font-size: 12px; } div.page-tablegrid td span.trans-state, #trans_popup td span.trans-state { color: white; background: grey; padding: 4px 6px; border-radius: 4px; white-space: nowrap; } div.page-tablegrid td span.trans-state.declined, #trans_popup td span.trans-state.declined { background: #AF3B3D; } div.page-tablegrid td span.trans-state.paid, div.page-tablegrid td span.trans-state.approved, #trans_popup td span.trans-state.paid, #trans_popup td span.trans-state.approved { background: #4E8474; } div.page-tablegrid td span.trans-state.authorized, #trans_popup td span.trans-state.authorized { background: #fd9608; } div.page-tablegrid td span.trans-state.refunded, #trans_popup td span.trans-state.refunded { background: #0d6efd; } div.page-tablegrid td span.trans-state.charge-back, #trans_popup td span.trans-state.charge-back { background: black; } div.page-tablegrid td span.trans-state.cb-lost, #trans_popup td span.trans-state.cb-lost { background: purple; } div.page-tablegrid div.mini-page-body div#list, #trans_popup div.mini-page-body div#list { overflow-x: auto; } div.page-tablegrid div.daterange-input, #trans_popup div.daterange-input { height: 34px; } div.page-tablegrid span.flag, #trans_popup span.flag { color: white; font-size: 10px; background: #000000; padding: 4px 6px; border-radius: 3px; margin: 4px 2px; display: inline-block; } div.page-tablegrid div.panel-header, #trans_popup div.panel-header { background: #535353; color: white; position: relative; margin: -7px -7px 0; border-top-left-radius: 4px; border-top-right-radius: 4px; } div.page-tablegrid div.panel-header.default, #trans_popup div.panel-header.default { background: #535353; color: white; } div.page-tablegrid div.panel-header.warning, div.page-tablegrid div.panel-header.warn, #trans_popup div.panel-header.warning, #trans_popup div.panel-header.warn { background: #f0b518; color: white; } div.page-tablegrid div.panel-header.primary, div.page-tablegrid div.panel-header.info, #trans_popup div.panel-header.primary, #trans_popup div.panel-header.info { background: #0d6efd; color: white; } div.page-tablegrid div.panel-header div.sub-title, #trans_popup div.panel-header div.sub-title { font-size: 10px; color: #c6c6c6; } div.page-tablegrid div.panel-header div.title, #trans_popup div.panel-header div.title { margin: 3px 0; font-size: 18px; } div.page-tablegrid div.panel-header i.title-icon, #trans_popup div.panel-header i.title-icon { position: absolute; right: 4px; top: 4px; } div.page-tablegrid div.panel-footer, #trans_popup div.panel-footer { margin: 0 -7px -7px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } div.page-tablegrid div.panel-footer.critical, #trans_popup div.panel-footer.critical { background: #AF3B3D; color: white; } div.page-tablegrid div.panel-footer.warning, div.page-tablegrid div.panel-footer.warn, #trans_popup div.panel-footer.warning, #trans_popup div.panel-footer.warn { background: #f0b518; color: white; } div.page-tablegrid div.panel-footer.primary, div.page-tablegrid div.panel-footer.info, #trans_popup div.panel-footer.primary, #trans_popup div.panel-footer.info { background: #0d6efd; color: white; } div.page-tablegrid div.panel-footer h2, #trans_popup div.panel-footer h2 { font-size: 20px; text-align: center; margin: 0; } div.page-tablegrid div.id-card div.header, #trans_popup div.id-card div.header { border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #fff3c5; padding: 6px; padding-bottom: 2px; } div.page-tablegrid div.id-card div.header-right, #trans_popup div.id-card div.header-right { float: right; font-size: 0.7em; margin-left: 5px; margin-bottom: 8px; } div.page-tablegrid div.id-card span.header-country, #trans_popup div.id-card span.header-country { font-size: 0.55em; margin-left: 5px; margin-bottom: 8px; } div.page-tablegrid div.id-card div.photo, #trans_popup div.id-card div.photo { width: 65px; height: 70px; margin: 8px; margin-right: 15px; border-radius: 3px; border: 1px solid #ffcabd; float: left; } div.page-tablegrid div.id-card div.content, #trans_popup div.id-card div.content { padding: 8px; background-color: #fffff4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } div.page-tablegrid div.id-card div.content-item, #trans_popup div.id-card div.content-item { width: 100%; } div.page-tablegrid div.id-card div.content-item-prefix, #trans_popup div.id-card div.content-item-prefix { font-size: 0.8em; float: left; font-weight: bold; margin-right: 20px; } div.page-tablegrid div.panel div.customer-name, #trans_popup div.panel div.customer-name { font-size: 1.5em; font-weight: bold; padding: 4px; } div.page-tablegrid div.panel div.panel-header, #trans_popup div.panel div.panel-header { font-size: 1.1em; padding: 5px; } div.page-tablegrid div.panel.info, #trans_popup div.panel.info { background: #0d6efd; color: white; } div.page-tablegrid div.panel.info div.field div.field-label, #trans_popup div.panel.info div.field div.field-label { color: white; } div.page-tablegrid div.panel.info div.subtitle, #trans_popup div.panel.info div.subtitle { color: white; } div.page-tablegrid div.panel div.photo, #trans_popup div.panel div.photo { text-align: center; width: 100%; } div.page-tablegrid div.panel img.photo-img, #trans_popup div.panel img.photo-img { max-width: 60%; } div.page-tablegrid div.panel div.panel-body h2, #trans_popup div.panel div.panel-body h2 { font-size: 20px; color: #5A5B5B; text-align: center; margin: 0; } div.page-tablegrid div.panel div.panel-body.info, #trans_popup div.panel div.panel-body.info { background: #0d6efd; color: white; margin: 0 -7px; } div.page-tablegrid div.panel div.field:before, #trans_popup div.panel div.field:before { display: table; content: " "; } div.page-tablegrid div.panel div.field:after, #trans_popup div.panel div.field:after { display: table; content: " "; clear: both; } div.page-tablegrid div.panel div.field div.field-label, #trans_popup div.panel div.field div.field-label { font-size: 8px; color: grey; display: inline-block; width: 60px; text-align: right; padding-right: 4px; } div.page-tablegrid div.panel div.field div.field-value, #trans_popup div.panel div.field div.field-value { font-size: 12px; display: inline-block; } div.page-tablegrid div.panel div.field div.field-value.field-value-lg, #trans_popup div.panel div.field div.field-value.field-value-lg { font-size: 16px; } div.page-tablegrid div.trans-receipt, #trans_popup div.trans-receipt { padding: 6px; } div.page-tablegrid div.trans-receipt div.trans-body, #trans_popup div.trans-receipt div.trans-body { padding: 10px; } div.page-tablegrid div.trans-receipt div.trans-header, #trans_popup div.trans-receipt div.trans-header { padding: 8px; margin: -7px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; } div.page-tablegrid div.trans-receipt div.trans-header div.trans-kind, #trans_popup div.trans-receipt div.trans-header div.trans-kind { font-size: 30px; font-weight: bold; } div.page-tablegrid div.trans-receipt div.trans-header div.trans-state, #trans_popup div.trans-receipt div.trans-header div.trans-state { font-size: 18px; font-weight: bold; text-transform: uppercase; } div.page-tablegrid div.trans-receipt div.trans-header div.trans-cost, #trans_popup div.trans-receipt div.trans-header div.trans-cost { padding-right: 30px; } div.page-tablegrid div.trans-receipt div.trans-header div.advanced, div.page-tablegrid div.trans-receipt div.trans-header div.fee, #trans_popup div.trans-receipt div.trans-header div.advanced, #trans_popup div.trans-receipt div.trans-header div.fee { padding: 0 8px; text-align: right; font-size: 18px; } div.page-tablegrid div.trans-receipt div.trans-header div.tran-total, #trans_popup div.trans-receipt div.trans-header div.tran-total { display: inline-block; padding: 0 8px; text-align: right; font-size: 18px; border-top: 2px solid #ffffff; font-weight: 900; } div.page-tablegrid div.trans-receipt div.trans-header div.cardnumber, #trans_popup div.trans-receipt div.trans-header div.cardnumber { color: white; font-size: 28px; text-align: center; } div.page-tablegrid div.trans-receipt div.signature, #trans_popup div.trans-receipt div.signature { position: relative; border-bottom: 2px solid gray; } div.page-tablegrid div.trans-receipt div.signature:after, #trans_popup div.trans-receipt div.signature:after { content: "signature"; position: absolute; bottom: -18px; width: 100%; text-align: center; left: 0; right: 0; color: gray; } div.page-tablegrid div.trans-receipt.declined div.trans-header, #trans_popup div.trans-receipt.declined div.trans-header { background: #AF3B3D; } div.page-tablegrid div.trans-receipt.declined div.declined-reason, #trans_popup div.trans-receipt.declined div.declined-reason { text-align: center; font-weight: bold; font-size: 22px; } div.page-tablegrid div.trans-receipt.declined div.declined-code, #trans_popup div.trans-receipt.declined div.declined-code { text-align: center; font-weight: bold; font-size: 14px; color: gray; } div.page-tablegrid div.trans-receipt.paid div.trans-header, #trans_popup div.trans-receipt.paid div.trans-header { background: #4E8474; } div.page-tablegrid div.trans-receipt.charge-back div.trans-header, #trans_popup div.trans-receipt.charge-back div.trans-header { background: black; } div.page-tablegrid div.trans-receipt.cb-lost div.trans-header, #trans_popup div.trans-receipt.cb-lost div.trans-header { background: purple; } div.page-tablegrid div.trans-receipt.canceled div.trans-header, div.page-tablegrid div.trans-receipt.voided div.trans-header, #trans_popup div.trans-receipt.canceled div.trans-header, #trans_popup div.trans-receipt.voided div.trans-header { background: gray; } div.page-tablegrid button.btn-block, #trans_popup button.btn-block { margin: 0 0 15px; } div.page-tablegrid div.customer-stats div.stats-table, #trans_popup div.customer-stats div.stats-table { display: table; width: 100%; vertical-align: middle; } div.page-tablegrid div.customer-stats div.stats-table div.stats-row, #trans_popup div.customer-stats div.stats-table div.stats-row { display: table-row; } div.page-tablegrid div.customer-stats div.stats-table div.stats-row div.stats-cell, #trans_popup div.customer-stats div.stats-table div.stats-row div.stats-cell { display: table-cell; padding: 2px; } div.page-tablegrid div.customer-stats div.stats-table div.stats-row div.stats-cell-right, #trans_popup div.customer-stats div.stats-table div.stats-row div.stats-cell-right { display: table-cell; text-align: right; padding: 2px; } div.page-tablegrid div.customer-stats div.stats-table div.stats-row div.stats-cell-center, #trans_popup div.customer-stats div.stats-table div.stats-row div.stats-cell-center { display: table-cell; text-align: center; padding: 2px; } div.page-tablegrid div.customer-stats div.success-text, #trans_popup div.customer-stats div.success-text { color: #15A353; font-size: 1.1em; font-weight: bold; } div.page-tablegrid div.customer-stats div.deny-text, #trans_popup div.customer-stats div.deny-text { color: #AF3B3D; font-size: 0.9em; } div.page-tablegrid div.customer-stats div.panel div.field-label, #trans_popup div.customer-stats div.panel div.field-label { display: block; text-align: center; width: auto; margin-top: 6px; } div.page-tablegrid div.customer-stats div.panel div.field-value, #trans_popup div.customer-stats div.panel div.field-value { display: block; text-align: center; } div#trans_popup { font-size: 14px; text-align: left; } div#trans_popup div.field:before { display: table; content: " "; } div#trans_popup div.field:after { display: table; content: " "; clear: both; } div#trans_popup div.field div.field-label { font-size: 8px; color: grey; display: inline-block; width: 60px; text-align: right; padding-right: 4px; } div#trans_popup div.field div.field-value { font-size: 12px; display: inline-block; } div#trans_popup div.field div.field-value.field-value-lg { font-size: 16px; } @media (max-width: 1360px) { div.page-tablegrid div.panel div.sub-title, #trans_popup div.panel div.sub-title { font-size: 10px; color: #c6c6c6; } div.page-tablegrid div.panel div.title, #trans_popup div.panel div.title { margin: 3px 0; font-size: 14px; } } div.cc-panel { border-radius: 8px; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); background-color: #2790ED; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; height: 140px; max-width: 240px; } div.cc-panel div.cc-issuer { position: absolute; top: 8px; left: 8px; width: 80%; color: rgba(255, 255, 255, 0.6); } div.cc-panel div.cc-issuer div.cc-kind { color: rgba(255, 255, 255, 0.6); font-size: 0.4em; } div.cc-panel div.cc-brand { position: absolute; top: 8px; right: 8px; font-size: 1.6em; text-align: right; } div.cc-panel div.cc-brand div.cc-kind { color: rgba(255, 255, 255, 0.6); font-size: 0.4em; } div.cc-panel div.cc-number { position: absolute; top: 45%; left: 8px; font-size: 1.2em; } div.cc-panel div.cc-name { position: absolute; bottom: 8px; left: 8px; font-size: 0.8em; } div.cc-panel div.cc-name::before { content: "CARDHOLDER"; display: block; color: rgba(255, 255, 255, 0.6); font-size: 0.7em; } div.cc-panel div.cc-expires { position: absolute; bottom: 8px; right: 8px; text-align: right; font-size: 0.8em; } div.cc-panel div.cc-expires::before { content: "EXPIRY DATE"; display: block; color: rgba(255, 255, 255, 0.6); font-size: 0.7em; } div.id-panel { border-radius: 8px; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); background-color: #f1f1f1; color: black; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; height: 140px; max-width: 240px; } div.id-panel div.id-header { position: absolute; top: 8px; left: 8px; right: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.6); } div.id-panel div.id-issuer { font-size: 1.1em; color: rgba(0, 0, 0, 0.6); } div.id-panel div.id-method { font-size: 0.6em; color: rgba(0, 0, 0, 0.6); } div.id-panel div.id-kind { color: rgba(0, 0, 0, 0.6); font-size: 0.6em; position: absolute; top: -4px; right: 0; } div.id-panel div.id-picture { position: absolute; top: 40px; left: 8px; } div.id-panel div.id-content { position: absolute; top: 35px; left: 80px; right: 8px; font-size: 0.7em; } div.id-panel div.id-address { font-size: 0.9em; margin-top: 4px; } div.id-panel div.id-number { font-size: 1.2em; } div.id-panel div.id-number::before { content: "number "; display: block; color: rgba(21, 21, 21, 0.6); font-size: 7px; } div.id-panel div.id-lastname { display: inline-block; } div.id-panel div.id-lastname::before { content: "last name "; display: block; color: rgba(21, 21, 21, 0.6); font-size: 7px; } div.id-panel div.id-firstname { display: inline-block; } div.id-panel div.id-firstname::before { content: "first name "; display: block; color: rgba(21, 21, 21, 0.6); font-size: 7px; } div.id-panel div.id-middlename { display: inline-block; } div.id-panel div.id-middlename::before { content: "middle name "; display: block; color: rgba(21, 21, 21, 0.6); font-size: 7px; } div.id-panel div.id-expires::before { content: "expires "; display: block; color: rgba(21, 21, 21, 0.6); font-size: 7px; } div.id-panel div.id-dob::before { content: "date of birth "; display: block; color: rgba(21, 21, 21, 0.6); font-size: 7px; } div.trans-panel { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); background-color: white; color: black; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; font-family: Georgia, serif; padding: 8px; } div.trans-panel::before { content: " "; display: block; height: 3px; width: 102%; background: #7b7b7b; position: absolute; top: -2px; left: -2px; right: -2px; } div.trans-panel div.trans-header { font-size: 1.2em; text-align: center; padding-bottom: 10px; } div.trans-panel div.trans-field::before { display: inline-block; width: 50px; content: " "; color: rgba(21, 21, 21, 0.6); font-size: 7px; } div.trans-panel div.trans-customer::before { content: "customer "; } div.trans-panel div.trans-id::before { content: "trans id "; } div.trans-panel div.trans-pan-entry::before { content: "card method "; } div.trans-panel div.trans-amount::before { content: "amount "; } div.trans-panel div.trans-fee::before { content: "fee "; } div.trans-panel div.trans-total { border-top: 1px dotted black; } div.trans-panel div.trans-total::before { content: "total "; } .generated-from-scss { content: 'apps/cm/portal/pages/transactions/details/details.scss'; } .generated-from-scss { content: 'apps/cm/portal/pages/transactions/header/header.scss'; } .generated-from-scss { content: 'apps/cm/portal/pages/transactions/legend/legend.scss'; } .legend_summary { padding-top: 3px; padding-bottom: 3px; margin-bottom: 2em; } .transactions_legend div { margin-top: 2em; margin-bottom: 2em; } .transactions_legend span.trans-state { color: white; background: grey; padding: 4px 4px; border-radius: 4px; white-space: nowrap; } .transactions_legend span.trans-state.declined { background: #AF3B3D; } .transactions_legend span.trans-state.paid, .transactions_legend span.trans-state.approved { background: #4E8474; } .transactions_legend span.trans-state.authorized { background: #fd9608; } .transactions_legend span.trans-state.refunded { background: #0d6efd; } .transactions_legend span.trans-state.charge-back { background: black; } .transactions_legend span.trans-state.cb-lost { background: purple; } .transactions_legend span.trans-state.paid { background: #2d7556; } .transactions_legend span.trans-state.admin { background: #AF3B3D; } .transactions_legend span.trans-state.void, .transactions_legend span.trans-state.canceled { background: gray; } .generated-from-scss { content: 'apps/cm/portal/pages/transactions/transactions.scss'; } #redemption_trans_list .dashboard-widget, #cc_trans_list .dashboard-widget, #qc_trans_list .dashboard-widget, #billbreak_trans_list .dashboard-widget, #atm_trans_list .dashboard-widget { padding: 10px; } #redemption_trans_list div.page-toc tbody tr .batch-select-td, #cc_trans_list div.page-toc tbody tr .batch-select-td, #qc_trans_list div.page-toc tbody tr .batch-select-td, #billbreak_trans_list div.page-toc tbody tr .batch-select-td, #atm_trans_list div.page-toc tbody tr .batch-select-td { background: grey; } #redemption_trans_list div.page-toc tbody tr.paid, #redemption_trans_list div.page-toc tbody tr.balance, #redemption_trans_list div.page-toc tbody tr.balance_approved, #cc_trans_list div.page-toc tbody tr.paid, #cc_trans_list div.page-toc tbody tr.balance, #cc_trans_list div.page-toc tbody tr.balance_approved, #qc_trans_list div.page-toc tbody tr.paid, #qc_trans_list div.page-toc tbody tr.balance, #qc_trans_list div.page-toc tbody tr.balance_approved, #billbreak_trans_list div.page-toc tbody tr.paid, #billbreak_trans_list div.page-toc tbody tr.balance, #billbreak_trans_list div.page-toc tbody tr.balance_approved, #atm_trans_list div.page-toc tbody tr.paid, #atm_trans_list div.page-toc tbody tr.balance, #atm_trans_list div.page-toc tbody tr.balance_approved { background: rgba(0, 255, 76, 0.05); } #redemption_trans_list div.page-toc tbody tr.paid .batch-select-td, #redemption_trans_list div.page-toc tbody tr.balance .batch-select-td, #redemption_trans_list div.page-toc tbody tr.balance_approved .batch-select-td, #cc_trans_list div.page-toc tbody tr.paid .batch-select-td, #cc_trans_list div.page-toc tbody tr.balance .batch-select-td, #cc_trans_list div.page-toc tbody tr.balance_approved .batch-select-td, #qc_trans_list div.page-toc tbody tr.paid .batch-select-td, #qc_trans_list div.page-toc tbody tr.balance .batch-select-td, #qc_trans_list div.page-toc tbody tr.balance_approved .batch-select-td, #billbreak_trans_list div.page-toc tbody tr.paid .batch-select-td, #billbreak_trans_list div.page-toc tbody tr.balance .batch-select-td, #billbreak_trans_list div.page-toc tbody tr.balance_approved .batch-select-td, #atm_trans_list div.page-toc tbody tr.paid .batch-select-td, #atm_trans_list div.page-toc tbody tr.balance .batch-select-td, #atm_trans_list div.page-toc tbody tr.balance_approved .batch-select-td { background: #4E8474; } #redemption_trans_list div.page-toc tbody tr.declined, #redemption_trans_list div.page-toc tbody tr.manual_pay, #cc_trans_list div.page-toc tbody tr.declined, #cc_trans_list div.page-toc tbody tr.manual_pay, #qc_trans_list div.page-toc tbody tr.declined, #qc_trans_list div.page-toc tbody tr.manual_pay, #billbreak_trans_list div.page-toc tbody tr.declined, #billbreak_trans_list div.page-toc tbody tr.manual_pay, #atm_trans_list div.page-toc tbody tr.declined, #atm_trans_list div.page-toc tbody tr.manual_pay { background: rgba(255, 0, 0, 0.05); } #redemption_trans_list div.page-toc tbody tr.declined .batch-select-td, #redemption_trans_list div.page-toc tbody tr.manual_pay .batch-select-td, #cc_trans_list div.page-toc tbody tr.declined .batch-select-td, #cc_trans_list div.page-toc tbody tr.manual_pay .batch-select-td, #qc_trans_list div.page-toc tbody tr.declined .batch-select-td, #qc_trans_list div.page-toc tbody tr.manual_pay .batch-select-td, #billbreak_trans_list div.page-toc tbody tr.declined .batch-select-td, #billbreak_trans_list div.page-toc tbody tr.manual_pay .batch-select-td, #atm_trans_list div.page-toc tbody tr.declined .batch-select-td, #atm_trans_list div.page-toc tbody tr.manual_pay .batch-select-td { background: #AF3B3D; } #redemption_trans_list .card, #cc_trans_list .card, #qc_trans_list .card, #billbreak_trans_list .card, #atm_trans_list .card { max-width: 320px; } #redemption_trans_list #trans_tabs, #cc_trans_list #trans_tabs, #qc_trans_list #trans_tabs, #billbreak_trans_list #trans_tabs, #atm_trans_list #trans_tabs { margin-bottom: 15px; } .generated-from-scss { content: 'apps/cm/portal/pages/wager/header/header.scss'; } #wager_account_header { padding: 0px; background: #FFF; color: #333; } #wager_account_header div.staff-name { font-size: 24px; } #wager_account_header div.member-role { font-weight: lighter; margin-bottom: 10px; } #wager_account_header.staff .top-header { background-position-y: 15%; } #wager_account_header .role-label:hover { color: #0d6efd; cursor: pointer; } #wager_account_header .username-label { font-size: 1.3em; } #wager_account_header .user-kind { padding-top: 6px; font-size: 1.2em; font-weight: bold; } #wager_account_header div.subpage_header { overflow: visible; margin-bottom: 20px; } #wager_account_header div.subpage_header ul.dropdown-menu button:hover { background: #DBDBDB !important; color: initial; } #wager_account_header .bottom-header { height: 75px; } #wager_account_header .bottom-header .user-online, #wager_account_header .bottom-header .user-offline { padding-top: 6px; padding-right: 10px; font-size: 1.1em; font-weight: bold; } #wager_account_header .bottom-header .user-online { color: #4E8474; } #wager_account_header .bottom-header .user-offline { color: #AF3B3D; } #wager_account_header .bottom-header .last-login { padding-right: 10px; font-size: 0.9em; } #wager_account_header .top-header { padding: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; background: black; height: 60px; border-bottom: 1px solid #cccccc; font-size: 11px; } #wager_account_header .top-header div.user-avatar { position: absolute; bottom: -28px; left: 50%; float: left; margin: 15px 10px; } #wager_account_header .top-header div.user-avatar.img-holder-md { height: 80px; width: 80px; } #wager_account_header .top-header .member-avatar { float: right; margin: 15px 10px; } #wager_account_header .top-header .member-avatar.img-holder-md { height: 80px; width: 80px; } #wager_account_header .top-header div#dropdown { position: relative; display: inline-block; font-size: 16px; } #wager_account_header .top-header div#dropdown > button { background: transparent; padding: 0px; color: white; font-size: 1.1em; } #wager_account_header .top-header div#dropdown > button:after { color: white; font-size: 1.1em; margin-left: 5px; position: relative; top: 0px; left: 0px; } #wager_account_header .top-header div#dropdown > button:focus, #wager_account_header .top-header div#dropdown > button:hover { color: #cccccc; } #wager_account_header .top-header div#dropdown > button:focus:after, #wager_account_header .top-header div#dropdown > button:hover:after { color: #cccccc; } .generated-from-scss { content: 'apps/cm/portal/pages/wager/overview/overview.scss'; } #trans_tabs .clickable-address:hover { color: #4397FF; cursor: pointer; } .generated-from-scss { content: 'apps/cm/portal/pages/xtms/xtms.scss'; } #xtms_location_map { height: 100%; } .map-xtms { height: 25vh; } #generic_map .map-container { height: 25vh; } #xtms_device_details .warning-table { border-radius: 10px; overflow: hidden; } #xtms_device_details .warning-table td { background-color: #ffba79; } #xtms_update .tabs { display: none; } .bg-xtms { position: relative; padding: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 75px; border-bottom: 1px solid #cccccc; background: url(/static/common/imgs/bgs/bg_color_palette.jpg) no-repeat left center; background-size: cover; background-position-y: 95%; }