/* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(./assets/fonts/lato-v11-latin-regular.woff2) format('woff2'), url(./assets/fonts/lato-v11-latin-regular.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(./assets/fonts/lato-v11-latin-italic.woff2) format('woff2'), url(./assets/fonts/lato-v11-latin-italic.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(./assets/fonts/lato-v11-latin-700.woff2) format('woff2'), url(./assets/fonts/lato-v11-latin-700.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(./assets/fonts/lato-v11-latin-700italic.woff2) format('woff2'), url(./assets/fonts/lato-v11-latin-700italic.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: local('Lato Black'), local('Lato-Black'), url(./assets/fonts/lato-v11-latin-900.woff2) format('woff2'), url(./assets/fonts/lato-v11-latin-900.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(./assets/fonts/roboto-v15-latin-300.woff2) format('woff2'), url(./assets/fonts/roboto-v15-latin-300.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(./assets/fonts/roboto-v15-latin-regular.woff2) format('woff2'), url(./assets/fonts/roboto-v15-latin-regular.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(./assets/fonts/roboto-v15-latin-500.woff2) format('woff2'), url(./assets/fonts/roboto-v15-latin-500.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(./assets/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(./assets/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(./assets/fonts/MaterialIcons-Regular.woff) format('woff'), url(./assets/fonts/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /* Loading spinner */ .loaderContainer { height: 50px; overflow: hidden; opacity: 1; } .loaderContainer.shrunk { height: 0; } .miniLoaderContainer { display: inline-block; height: 10px; width: 48px; position: relative; top: -5px; } .loader { position: relative; width: 44px; height: 8px; margin: 30px auto 15px; } .dot { display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #679ba5; position: absolute; } .dot_1 { -webkit-animation: animateDot1 1.5s linear infinite; animation: animateDot1 1.5s linear infinite; left: 12px; background: #7d3f69; } .dot_2 { -webkit-animation: animateDot2 1.5s linear infinite; animation: animateDot2 1.5s linear infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; left: 24px; } .dot_3 { -webkit-animation: animateDot3 1.5s linear infinite; animation: animateDot3 1.5s linear infinite; left: 12px; } .dot_4 { -webkit-animation: animateDot4 1.5s linear infinite; animation: animateDot4 1.5s linear infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; left: 24px; } @-webkit-keyframes animateDot1 { 0% { -webkit-transform: rotate(0deg) translateX(-12px); transform: rotate(0deg) translateX(-12px); } 25% { -webkit-transform: rotate(180deg) translateX(-12px); transform: rotate(180deg) translateX(-12px); } 75% { -webkit-transform: rotate(180deg) translateX(-12px); transform: rotate(180deg) translateX(-12px); } 100% { -webkit-transform: rotate(360deg) translateX(-12px); transform: rotate(360deg) translateX(-12px); } } @keyframes animateDot1 { 0% { -webkit-transform: rotate(0deg) translateX(-12px); transform: rotate(0deg) translateX(-12px); } 25% { -webkit-transform: rotate(180deg) translateX(-12px); transform: rotate(180deg) translateX(-12px); } 75% { -webkit-transform: rotate(180deg) translateX(-12px); transform: rotate(180deg) translateX(-12px); } 100% { -webkit-transform: rotate(360deg) translateX(-12px); transform: rotate(360deg) translateX(-12px); } } @-webkit-keyframes animateDot2 { 0% { -webkit-transform: rotate(0deg) translateX(-12px); transform: rotate(0deg) translateX(-12px); } 25% { -webkit-transform: rotate(-180deg) translateX(-12px); transform: rotate(-180deg) translateX(-12px); } 75% { -webkit-transform: rotate(-180deg) translateX(-12px); transform: rotate(-180deg) translateX(-12px); } 100% { -webkit-transform: rotate(-360deg) translateX(-12px); transform: rotate(-360deg) translateX(-12px); } } @keyframes animateDot2 { 0% { -webkit-transform: rotate(0deg) translateX(-12px); transform: rotate(0deg) translateX(-12px); } 25% { -webkit-transform: rotate(-180deg) translateX(-12px); transform: rotate(-180deg) translateX(-12px); } 75% { -webkit-transform: rotate(-180deg) translateX(-12px); transform: rotate(-180deg) translateX(-12px); } 100% { -webkit-transform: rotate(-360deg) translateX(-12px); transform: rotate(-360deg) translateX(-12px); } } @-webkit-keyframes animateDot3 { 0% { -webkit-transform: rotate(0deg) translateX(12px); transform: rotate(0deg) translateX(12px); } 25% { -webkit-transform: rotate(180deg) translateX(12px); transform: rotate(180deg) translateX(12px); } 75% { -webkit-transform: rotate(180deg) translateX(12px); transform: rotate(180deg) translateX(12px); } 100% { -webkit-transform: rotate(360deg) translateX(12px); transform: rotate(360deg) translateX(12px); } } @keyframes animateDot3 { 0% { -webkit-transform: rotate(0deg) translateX(12px); transform: rotate(0deg) translateX(12px); } 25% { -webkit-transform: rotate(180deg) translateX(12px); transform: rotate(180deg) translateX(12px); } 75% { -webkit-transform: rotate(180deg) translateX(12px); transform: rotate(180deg) translateX(12px); } 100% { -webkit-transform: rotate(360deg) translateX(12px); transform: rotate(360deg) translateX(12px); } } @-webkit-keyframes animateDot4 { 0% { -webkit-transform: rotate(0deg) translateX(12px); transform: rotate(0deg) translateX(12px); } 25% { -webkit-transform: rotate(-180deg) translateX(12px); transform: rotate(-180deg) translateX(12px); } 75% { -webkit-transform: rotate(-180deg) translateX(12px); transform: rotate(-180deg) translateX(12px); } 100% { -webkit-transform: rotate(-360deg) translateX(12px); transform: rotate(-360deg) translateX(12px); } } @keyframes animateDot4 { 0% { -webkit-transform: rotate(0deg) translateX(12px); transform: rotate(0deg) translateX(12px); } 25% { -webkit-transform: rotate(-180deg) translateX(12px); transform: rotate(-180deg) translateX(12px); } 75% { -webkit-transform: rotate(-180deg) translateX(12px); transform: rotate(-180deg) translateX(12px); } 100% { -webkit-transform: rotate(-360deg) translateX(12px); transform: rotate(-360deg) translateX(12px); } } .smallLoaderContainer { position: relative; top: -58px; left: 160px; } .smallLoaderContainer .loader { margin: 30px 0 15px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); } .dialogLoaderContainer { position: relative; top: 20px; } .dialogLoaderContainer .loader { margin: auto; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); } .waiting-loader { margin: 10px auto 0; display: inline; } .waiting-loader .dot { -webkit-animation: pulse 1.5s infinite; -moz-animation: pulse 1.5s infinite; -ms-animation: pulse 1.5s infinite; -o-animation: pulse 1.5s infinite; } .waiting-loader .dot_1 { left: 0; } .waiting-loader .dot_2 { left: 12px; -webkit-animation-delay: 0.375s; animation-delay: 0.375s; } .waiting-loader .dot_3 { left: 24px; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .waiting-loader .dot_4 { left: 36px; -webkit-animation-delay: 1.125s; animation-delay: 1.125s; } * { box-sizing: border-box; } html { height: 100%; min-width: 1200px; } body { height: 100%; background-color: #ffffff; } #main { min-height: 400px; display: grid; height: 100%; grid-template-columns: 200px 1fr; grid-template-rows: 57px 1fr; grid-template-areas: 'head head' 'nav main'; } #main #fixedHeader { grid-area: head; z-index: 1300; width: 100%; border-bottom: 1px solid #e0e0e0; height: 57px; } #main .leftFixed.leftNav { grid-area: nav; min-height: 500px; width: 200px; overflow-y: auto; overflow-x: hidden; background-color: #f7f7f7; border-right: 1px solid #eaf4f3; } #main .leftFixed.leftNav ul { margin-right: -1px; } #main .rightFluid.container { grid-area: main; overflow: auto; margin-left: 0; border-left: none; background-color: #ffffff; } /* General */ .green { color: #009e73; } .red { color: #8f0d0d; } .text-color { color: #404041 !important; } .text-muted { color: rgba(0, 0, 0, 0.54); } .warning { color: #ab1000 !important; font-size: 14px !important; } a.warning:hover { color: #de1500 !important; } .lightestgrey { background-color: #f7f7f7; } .lightgrey { background-color: #d4e9e7; } .grey { background-color: #c7c7c7; } .full-screen { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; background-color: #ffffff; } ul.unstyled { list-style: none; padding-left: 0; } .auto { display: block; margin: auto; } .invisible { visibility: hidden; } time { white-space: nowrap; } /* icon */ .pending-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNrUVd1Nw0AMPqIOkDfEExmAh2aCXjZghLIBG7TZoBvABmGDZoPmgfdenxBvtwHY1efKWEkUTjQSlqxLXf+eP/uc++90M0Xp/fNjSYcnzpU4ErcPt3ddcgByvKZjQ1yMqAXimgK9Tg5AjjnTF+JHk7HOdmkqeiN+okBxNACc7+GAqUWGbY+uR4UeIk6gskGsUUP8Bd5O7NFW2TSjd/5b5wNB1kNKRyjsUyDJdrA/iiwzUBS01ImwF7sC/txC/SmNitxQNPusJA0mWYEkAsmCavS5wbCLQBfLOx0gV0hgaiQoGXFmjPMD9CLJSjplTsSuxHkZSh3g3pTr1ffKJJHD+crMhbP+MiU4GYXOfNs5aHt0nPW3MJOqM6mIn9GTHa6qQmUt+sJ3fkJFO2Mff0wyun4Q532TOwGmHluAqeRFeLkibMWAn5tEmIpdkC2bDeDYp0yyAkY92y66+jad/z2Y5UX7yzf56vQtwACQiv23sc8GHgAAAABJRU5ErkJggg==); } /* Type */ body { font-family: Lato, sans-serif; font-size: 13px; margin: 0; color: #404041; } .italic { font-style: italic; } .bold { font-weight: bold; } a, span.link { font-weight: bold; text-decoration: none; color: #347a87; cursor: pointer; } a:hover, span.link:hover { color: #679ba5; } a.small, span.link.small { font-size: 13px; } ul.link-list .active { font-weight: bold; color: #404041; border-bottom: 1px solid #404041; padding-bottom: 2px; } ul.link-list.horizontal { margin-bottom: 10px; } ul.link-list.horizontal li { float: left; margin-right: 30px; } .capitalized { text-transform: capitalize; } .capitalized-start::first-letter { text-transform: capitalize; } .uppercased { text-transform: uppercase; } .text-overflow { overflow: hidden; text-overflow: ellipsis; } .break-word { white-space: normal; word-wrap: break-word; } .break-all { white-space: normal; word-wrap: break-all; } .clear { clear: both; } .hidden { display: none !important; } .transparent { opacity: 0; } .relative { position: relative; } .absolute { position: absolute !important; } .margin { margin: 30px; } .margin-small { margin: 15px; } .margin-large { margin: 45px; } .margin-top { margin-top: 30px; } .margin-top-small { margin-top: 15px; } .margin-top-none { margin-top: 0; } .margin-top-large { margin-top: 45px; } .margin-left { margin-left: 30px; } .margin-left-small { margin-left: 15px; } .margin-left-large { margin-left: 45px; } .margin-right { margin-right: 30px; } .margin-right-small { margin-right: 15px; } .margin-right-large { margin-right: 45px; } .margin-bottom { margin-bottom: 30px; } .margin-bottom-large { margin-bottom: 45px; } .margin-bottom-small { margin-bottom: 15px; } .margin-bottom-none { margin-bottom: 0; } .padding-right { padding-right: 45px; } .padding-top { padding-top: 30px; } .padding-bottom { padding-bottom: 30px; } .inline-block { display: inline-block; } .inline { display: inline; } .block { display: block; } .float-right { float: right; } .float-left { float: left; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .clickable { cursor: pointer; } .muted { opacity: 0.4; } .hoverText:hover > hr { border-bottom: 2px solid #e0e0e0 !important; } .fadeIn { -webkit-animation: fadein 0.2s 1; -moz-animation: fadein 0.2s 1; -ms-animation: fadein 0.2s 1; -o-animation: fadein 0.2s 1; } .fadeOut { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; } .fadeInSlow { -webkit-animation: fadein 0.8s 1; -moz-animation: fadein 0.8s 1; -ms-animation: fadein 0.8s 1; -o-animation: fadein 0.8s 1; } .fadeOutSlow { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 0.6s linear; -moz-transition: opacity 0.6s linear; -ms-transition: opacity 0.6s linear; -o-transition: opacity 0.6s linear; } /* Navigation */ .navLink { -webkit-transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; color: #949495; } .navLink.leftNav.active { background: white; border-top: 1px solid #eaf4f3; border-bottom: 1px solid #eaf4f3; -webkit-transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } .navLink.leftNav:first-of-type { border-top: none; } .navLink.settingsNav.active, .navLink.helpNav.active { background: #f7f7f7; } .navLink.leftNav > div > span { color: #949495; } .navLink.leftNav.active > div > span { color: rgba(0, 0, 0, 0.87); } .navLink.leftNav:hover { background-color: rgba(0, 0, 0, 0.08); } /* Header */ .header .material-icons { color: #c7c7c7 !important; margin-left: 7px; vertical-align: middle; } #logo { display: block; position: relative; min-width: 142px; height: 48px; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-size: contain; } #logo.enterprise { background-image: url(data:image/png;base64,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); } #demoBox, #announcement { border-left: 1px solid #eaf4f3; padding: 4px 30px; margin: 14px 0; font-size: 14px; max-height: 56px; min-width: 164px; overflow: hidden; } #demoBox svg, #announcement svg { color: #347a87 !important; } #demoBox svg.red, #announcement svg.red { color: #8f0d0d !important; } #announcement { padding: 0 15px; } .header .header-section { height: 24px; font-size: 14px; color: #c7c7c7; margin: 14px 0; padding-left: 36px; padding-right: 36px; border-right: 1px solid #eaf4f3; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header .header-section:first-of-type { border-left: 1px solid #eaf4f3; } .header .header-section:hover { color: #aeaeae; cursor: pointer; } .header .header-section:hover .material-icons { color: #aeaeae !important; } .header .header-section:hover .warning a, .header .header-section:hover .warning .material-icons, .header .header-section:hover .warning span { color: #de1500 !important; } .header .header-section .warning a, .header .header-section .warning .material-icons, .header .header-section .warning span { color: #ab1000 !important; } .header .header-section .approaching a, .header .header-section .approaching .material-icons, .header .header-section .approaching span { color: #ffb733 !important; } .header .header-section .approaching a, .header .header-section .approaching .material-icons, .header .header-section .approaching span { color: orange !important; } .header .header-section > * > * { vertical-align: middle; } .header .header-dropdown:hover .material-icons { color: #aeaeae !important; } /* Layout */ .tab-container { position: relative; padding-top: 30px; min-height: 60vh; } .flexbox { display: -webkit-box; display: flex; overflow: hidden; } .flexbox.centered { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .flexbox.column { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .flexbox.space-between { -webkit-box-pack: justify; justify-content: space-between; } .flexbox.no-basis { flex-basis: 0; } .two-columns { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } .overflow-hidden { overflow: hidden; } .allow-overflow { overflow: visible; } .align-top { display: inline-block; vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .leftFixed { width: 260px; float: left; position: relative; } .leftFixed .innerBlock { width: 100%; margin-right: -260px; padding-top: 20px; } .rightFluid { margin-left: 260px; padding: 30px; position: relative; border-left: 1px solid #eaf4f3; min-height: 80vh; } .spaced-list > li { margin-top: 20px; } .tableActions { padding: 20px 0 20px 28px; } .dialog { -webkit-transition: width 1s ease-in-out !important; -moz-transition: width 1s ease-in-out !important; -ms-transition: width 1s ease-in-out !important; -o-transition: width 1s ease-in-out !important; } .largeDialog { width: inherit !important; max-width: 96% !important; -webkit-transition: width 1s ease-in-out !important; -moz-transition: width 1s ease-in-out !important; -ms-transition: width 1s ease-in-out !important; -o-transition: width 1s ease-in-out !important; } .dialogTableContainer { -webkit-transition: opacity 0.4s ease-in !important; -moz-transition: opacity 0.4s ease-in !important; -ms-transition: opacity 0.4s ease-in !important; -o-transition: opacity 0.4s ease-in !important; overflow: hidden; position: relative; opacity: 1; min-height: 47vh; } .dialogTableContainer .deviceList { min-width: initial; } .dialogTableContainer.zero { min-height: 100px; height: 100px; opacity: 0; padding: 0; } .split-dialog { width: 50%; display: inline-block; padding: 10px; vertical-align: top; } .split-dialog.left-border { border-left: solid 1px #d4e9e7; } .onboard { padding: 30px 15px; border-style: dashed; border-color: #e7e7e7; border-width: 2px; text-align: center; position: relative; background-color: inherit; } .onboard p { margin-top: 0; font-size: 1.25em; } .onboard.widget p { font-size: inherit; } .tooltip { position: absolute; cursor: pointer; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; -webkit-transition: transform 0.4s ease-in; -moz-transition: transform 0.4s ease-in; -ms-transition: transform 0.4s ease-in; -o-transition: transform 0.4s ease-in; } .tooltip.info { top: 2px; right: 0px; } .tooltip.info .material-icons { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; color: #c7c7c7 !important; } .tooltip.help { left: 50%; margin-left: -16px; z-index: 10; } .tooltip.help .material-icons, .tooltip.help svg { color: #7d3f69 !important; } .tooltip.help.highlight .material-icons, .tooltip.help.highlight svg { width: 1.3em; height: 1.3em; border-radius: 50%; border: #7d3f69 4px solid; -webkit-animation: highlight 2.2s infinite; -moz-animation: highlight 2.2s infinite; -ms-animation: highlight 2.2s infinite; -o-animation: highlight 2.2s infinite; } .tooltip:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-animation: bounce 0.4s forwards; -moz-animation: bounce 0.4s forwards; -ms-animation: bounce 0.4s forwards; -o-animation: bounce 0.4s forwards; } .onboard-icon { background: #015969; border-radius: 50%; height: 30px; width: 30px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: -webkit-box; display: flex; z-index: 1000; color: #e7e7e7; border: white 1px solid; } .dialog-content { margin: 30px; min-height: 30vh; } .onboard-dialog { display: -webkit-box; display: flex; } .onboard-dialog > div { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; justify-content: space-around; } .onboard-dialog .os-list { margin-bottom: 30px; } .onboard-dialog .os-list img { height: 80px; margin: 15px; margin-bottom: 30px; } .onboard-dialog .react-tooltip { width: 300px; } .onboard-tip { pointer-events: auto; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); position: absolute; z-index: 1500; } .onboard-tip a { color: #e7e7e7; text-decoration: underline; } .onboard-tip .onboard-icon.top, .onboard-tip .onboard-icon.bottom { -webkit-animation: bouncedownup 1.3s infinite; -moz-animation: bouncedownup 1.3s infinite; -ms-animation: bouncedownup 1.3s infinite; -o-animation: bouncedownup 1.3s infinite; } .onboard-tip .onboard-icon.left { -webkit-animation: bouncerightleft 1.3s infinite; -moz-animation: bouncerightleft 1.3s infinite; -ms-animation: bouncerightleft 1.3s infinite; -o-animation: bouncerightleft 1.3s infinite; } .onboard-tip .onboard-icon.right { -webkit-animation: bounceleftright 1.3s infinite; -moz-animation: bounceleftright 1.3s infinite; -ms-animation: bounceleftright 1.3s infinite; -o-animation: bounceleftright 1.3s infinite; } .onboard-tip .__react_component_tooltip.content { background-color: #347a87; font-size: 14px; color: #e7e7e7; margin: 0; width: 350px; padding: 12px 18px; text-align: left; } .onboard-tip .__react_component_tooltip.content.top { margin-top: 15px; } .onboard-tip .__react_component_tooltip.content.bottom { margin-top: -15px; } .onboard-tip .__react_component_tooltip.content.right { margin-left: -15px; } .onboard-tip .__react_component_tooltip.content.left { margin-left: 15px; } .onboard-tip .__react_component_tooltip.content > div:first-of-type { padding-top: 15px; padding-bottom: 10px; } .onboard-tip .__react_component_tooltip.content .flexbox { -webkit-box-pack: justify; justify-content: space-between; } .onboard-tip .__react_component_tooltip.content .centered { -webkit-box-pack: center; justify-content: center; } .onboard-tip .__react_component_tooltip.content .button { color: #404041; text-decoration: inherit; } .onboard-snack { background-color: #404041; color: #e7e7e7; padding: 20px; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); position: relative; } .onboard-snack > .flexbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 300px; max-width: 90%; } .onboard-snack button { color: #e7e7e7; padding: 8px; position: absolute; right: 5px; top: 15px; } .onboard-snack ol { -webkit-padding-start: 0; padding-inline-start: 0; } .onboard-snack ol li { list-style: none; } .onboard-snack ol li:before { content: ''; vertical-align: text-top; margin-right: 35px; } .onboard-snack ol li.completed:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS9JREFUeNrElYENgyAQRa3pAG5QRnAE3cBuIF3BAYwDuIK4Qd2gjtANajdghJ4FK16QAtaU5IgR7n04jiMMdm7h3gJHq1lNEUOfgEXKXw7WB5f6bnI9fAHn0JdgxDBrAKtAqLUXaIpxpQwsc4hGB0ZBiJsFBPwGFnuEfAxXqoroDpl5wgPpx9azSMQ881z5dAaZ5Gh3UG4IC5UHvuCEKBWJd8ybgin+RPIWO0g2wnM0nmCBCE1oJcQH/uGpAqfF5RExTTUiNnBtFj2Vb/J2FvmsijjBsQBHYzkSaR3hHBe7XjNpFAlkuKjMNquVT7x5B6IqDisizBE+TFUWX7RqxWEUeVjCFxxdsbt6lou5ql7qs6nYUUP+21w+an4y56zpnFeOSvUfX7Qfvsm7t5cAAwAzdHozomyQZQAAAABJRU5ErkJggg==); margin-right: 10px; } .onboard-snack .onboard-icon { vertical-align: middle; display: -webkit-inline-box; display: inline-flex; margin: 0 5px; } .dashboard .hint { font-size: small; } .dashboard .tiny { font-size: 10px; } .dashboard .notActive { background: #f7f7f7; } .dashboard .widget { display: -webkit-box; display: flex; cursor: pointer; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin: 0 3vw 3vw 0; height: 180px; width: 250px; position: relative; padding: 1vw; -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } .dashboard .widget.notActive:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 1px 3px; } .dashboard .widget.onboard:hover { border-color: #cecece; } .dashboard .widgetHeader, .dashboard .widgetMainContent, .dashboard .widgetFooter { width: 100%; } .dashboard .widgetHeader, .dashboard .widgetFooter { color: #aaaaaa; border-color: #e7e7e7; border-width: 1px; -webkit-box-pack: center; justify-content: center; } .dashboard .widgetHeader { padding-bottom: 10px; } .dashboard .widgetFooter { padding-top: 10px; font-weight: normal; } .dashboard .widgetMainContent { padding: 10px 15px; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex-grow: 1; } .dashboard .widgetMainContent .header { margin-bottom: 1pt; } .dashboard .widgetMainContent .counter { font-size: xx-large; } .dashboard .link { font-size: small; } .react-tooltip { background-color: #5d0f43 !important; pointer-events: auto !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); text-align: left; margin-left: 6px !important; max-width: 600px; color: #decfd9 !important; } .react-tooltip.info { max-width: 300px; color: rgba(0, 0, 0, 0.54) !important; background-color: #e7e7e7 !important; } .react-tooltip.info.place-top:after { border-top-color: #e7e7e7 !important; } .react-tooltip p { font-size: 14px; } .react-tooltip a { color: #669ba5; } .react-tooltip hr { margin-bottom: 15px; } .react-tooltip .hidehelp { float: right; margin-top: 15px; margin-bottom: 5px; } .react-tooltip.place-bottom:after { border-bottom-color: #5d0f43 !important; } .react-tooltip.place-right:after { border-right-color: #5d0f43 !important; } .react-tooltip.place-left:after { border-left-color: #5d0f43 !important; } .react-tooltip.place-top:after { border-top-color: #5d0f43 !important; } .help-container { min-height: 400px; height: 100%; display: -webkit-box; display: flex; } .help-container > ul { min-width: 210px; width: 260px; border-right: 1px solid #eaf4f3; overflow: auto; height: 90vh; } .help-container > div { overflow: auto; width: 100%; padding-top: 1px; padding-left: 70px; } .help-content { font-size: 15px; line-height: 1.5em; } .help-content h3 { margin-top: 2.5em; } .help-content .note { padding: 20px; background-color: #f7f7f7; border-radius: 5px; color: #949495; } .help-section { width: 160px; height: 160px; padding: 20px; display: inline-block; text-align: center; margin-right: 40px; margin-top: 40px; cursor: pointer; font-size: 15px; color: #347a87 !important; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); } .help-section:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); color: #679ba5 !important; } .help-section:hover svg { color: #679ba5 !important; } .help-section svg { height: 34px !important; width: 34px !important; margin-top: 20px; color: #347a87 !important; } #software-support { margin-top: 10vh; margin-bottom: 5vh; } #software-support hr { border: none; border-bottom: 1px solid #eaf4f3; margin-bottom: 5vh; } .material-icons.green { background: none; color: #009e73 !important; } .material-icons.red { background: none; color: #8f0d0d !important; } .rotated { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .absoluteTextfieldButton { position: absolute; top: 70px; left: 24px; -webkit-transition: all 0.42s ease-in-out !important; -moz-transition: all 0.42s ease-in-out !important; -ms-transition: all 0.42s ease-in-out !important; -o-transition: all 0.42s ease-in-out !important; z-index: 1400; display: inline-block; } .absoluteTextfieldButton.top-right { left: 478px; } .fixedSearch { position: fixed; left: 24px; right: 24px; top: 72px; padding: 24px 0; background-color: white; z-index: 30000; } .top-right { position: absolute !important; top: 0; right: 0; } .widget { width: 50%; min-height: 175px; float: left; padding: 22px 4% 22px; margin: 0 15px 30px; } .widget.small { width: 20%; } .filter-wrapper { background-color: #fafbfc; overflow-y: auto; padding: 10px 20px; } .maxTable { max-height: 50vh; overflow: auto; } table tbody.clickable tr > td:first-child, table thead.clickable tr > th:first-child { padding-right: 0; width: 1vw; } .columnHeader { cursor: pointer; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .columnHeader .sortIcon { visibility: hidden; -webkit-transition: visibility 0.1s ease-in !important; -moz-transition: visibility 0.1s ease-in !important; -ms-transition: visibility 0.1s ease-in !important; -o-transition: visibility 0.1s ease-in !important; } .columnHeader .material-icons { color: #c7c7c7; } .columnHeader:hover { visibility: visible; } .columnHeader:hover .sortIcon.selected, .columnHeader .sortIcon.selected { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transition: all 0.15s ease-in-out !important; -moz-transition: all 0.15s ease-in-out !important; -ms-transition: all 0.15s ease-in-out !important; -o-transition: all 0.15s ease-in-out !important; } .sortIcon.false { -webkit-transform: rotateX(180deg) !important; -moz-transform: rotateX(180deg) !important; -ms-transform: rotateX(180deg) !important; -o-transform: rotateX(180deg) !important; } .tableSearch { display: inline-block; margin-left: 45px; position: relative; top: -4px; } .search input, .search input:focus { outline: none; border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #e0e0e0; padding: 7px 0; padding-left: 32px; font-size: 13px; font-family: Lato, sans-serif; color: rgba(0, 0, 0, 0.8); } .search input::-webkit-input-placeholder, .search input:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); content: 'Search'; } .search input:-moz-placeholder, .search input:focus:-moz-placeholder { color: rgba(0, 0, 0, 0.3); content: 'Search'; } .search input::-moz-placeholder, .search input:focus::-moz-placeholder { color: rgba(0, 0, 0, 0.3); content: 'Search'; } .search input:-ms-input-placeholder, .search input:focus:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); content: 'Search'; } .search::before { content: '\26b2'; display: block; position: absolute; width: 15px; z-index: 3; height: 15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 20px; line-height: 32px; color: rgba(0, 0, 0, 0.3); } .fixedSearch .search::before { top: 10px; left: 8px; } .closeSlider { box-shadow: rgba(0, 0, 0, 0.156863) -2px 0px 4px -9px, rgba(0, 0, 0, 0.227451) -5px 0px 5px -2px !important; } .closeSlider:hover { background-color: #ebebeb !important; } /* report view */ .report-list, .list-item { vertical-align: top; } .report-list.list-item-large, .list-item.list-item-large { width: 60%; } .report-list ul, .list-item ul { display: -webkit-box; display: flex; flex-wrap: wrap; } .report-list ul > div, .list-item ul > div { -webkit-box-flex: 0; flex: 0 45%; margin-right: 30px; } .list-horizontal-flex { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; } .list-horizontal-flex > div { margin-right: 2vw; flex-basis: 300px; } .expandedButton { margin-top: 12px; } .file-details { padding: 10px 15px 30px; width: 100%; border-radius: 4px; margin: 10px 3px 20px 0; border: 1px solid rgba(0, 0, 0, 0.12); position: relative; } .file-meta { padding: 0 16px; } .file-upload-form { display: grid; grid-template-columns: 400px 1fr; grid-template-rows: repeat(3, 70px) 1fr; } .file-upload-form .info { grid-area: 4 / 1 / 5 / 3; } .results-status { padding-top: 4px; margin-bottom: 5px; } .results-status .disabled { -webkit-opacity: 0.1; -moz-opacity: 0.1; opacity: 0.1; } .results-status span.status { margin-right: 10px; } .results-status span.status::before { content: ''; display: inline-block; width: 23px; height: 23px; vertical-align: middle; background-position-y: -2px; background-repeat: no-repeat; margin-right: 8px; } .results-status span.status.success::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS9JREFUeNrElYENgyAQRa3pAG5QRnAE3cBuIF3BAYwDuIK4Qd2gjtANajdghJ4FK16QAtaU5IgR7n04jiMMdm7h3gJHq1lNEUOfgEXKXw7WB5f6bnI9fAHn0JdgxDBrAKtAqLUXaIpxpQwsc4hGB0ZBiJsFBPwGFnuEfAxXqoroDpl5wgPpx9azSMQ881z5dAaZ5Gh3UG4IC5UHvuCEKBWJd8ybgin+RPIWO0g2wnM0nmCBCE1oJcQH/uGpAqfF5RExTTUiNnBtFj2Vb/J2FvmsijjBsQBHYzkSaR3hHBe7XjNpFAlkuKjMNquVT7x5B6IqDisizBE+TFUWX7RqxWEUeVjCFxxdsbt6lou5ql7qs6nYUUP+21w+an4y56zpnFeOSvUfX7Qfvsm7t5cAAwAzdHozomyQZQAAAABJRU5ErkJggg==); } .results-status span.status.failure::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATBJREFUeNpiZqAxYKa1BSzEKOrn5TUAUg5ALIAk/AGIDxR+/nwBn15GAgYnAKl6IFbAo+wBEDcCLVpAtAVAg0EunQ/EASSExgYgTgRa9AFZkAmH4ftJNJwBqn4/VD9uC6AuNyAzTg2g+rGnImiYV+Ax4AAQL4SyccWLhgc7+8Odv35dwOaDegIuPAgM4wYQTUBdPUYQQZOiApWSvwLUPBQfOFA5jzmgWyBAZQsE0C2Qp0VRgWzBQyLU2wPDFhTJ9uSURR+IDFdi4+oDugUHiNB0AJpE7Ymw6ABKEEFLxQdUygcPYKUsSk4G5sCPhMogoBpFqA/w5ZlCWE5mxFLYrSejoEMpVYGuD8RX2CUC8QUyDb8A1Y+7NIWW547Q8p0kl4P0odcHA1OjUbNOpjkACDAA4NheRLVvtDUAAAAASUVORK5CYII=); } .results-status span.status.pending::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNrUVd1Nw0AMPqIOkDfEExmAh2aCXjZghLIBG7TZoBvABmGDZoPmgfdenxBvtwHY1efKWEkUTjQSlqxLXf+eP/uc++90M0Xp/fNjSYcnzpU4ErcPt3ddcgByvKZjQ1yMqAXimgK9Tg5AjjnTF+JHk7HOdmkqeiN+okBxNACc7+GAqUWGbY+uR4UeIk6gskGsUUP8Bd5O7NFW2TSjd/5b5wNB1kNKRyjsUyDJdrA/iiwzUBS01ImwF7sC/txC/SmNitxQNPusJA0mWYEkAsmCavS5wbCLQBfLOx0gV0hgaiQoGXFmjPMD9CLJSjplTsSuxHkZSh3g3pTr1ffKJJHD+crMhbP+MiU4GYXOfNs5aHt0nPW3MJOqM6mIn9GTHa6qQmUt+sJ3fkJFO2Mff0wyun4Q532TOwGmHluAqeRFeLkibMWAn5tEmIpdkC2bDeDYp0yyAkY92y66+jad/z2Y5UX7yzf56vQtwACQiv23sc8GHgAAAABJRU5ErkJggg==); } .results-status span.status.skipped::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNrUVcttwzAMdT2BbkVO8QA9eIRkg2QDdwRP0GSCjFBv4BHsEXLIPc4p6E0btJRBAq8P/rWIDUQAIZgm36P4kaLo2dfLFKPL1z2VbSPiQO1F6rfX1fnfBAKcyfYhkgyYNSJHISomEwhwiLTUqDFijDalE9UieyHygwQKXimAOYYI6w7bjZ7QAgkBbJmEnSqRb5XDxBodwKcazPlfwXtIsj6ja1cU8r3TTvrVWUHfc/qr6WJqReuWI4JrwSsj0T0EURKJ+SVmG8NPK5SngjbaQU5JMgV3qm/MUP084iGBg06IwKntDCD5BPBtx6CdEQ8J1n0FVJCc1PnYFDPBbeSqOJH6xIUfI/AwoQyOOX+nmjBJingxjXqbO51QWwnlvKCaJDTZjvDmnYNlJ3mOu2j223T592CRF+2Rb/Ls60eAAQAm2TmsUxx5bwAAAABJRU5ErkJggg==); } .results-status span.status.inprogress::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrUVe1Nw0AMDRUDZAM6ABI3wnWDRmKAdpK2EzBC4D9Su0FvhEPqAGGDGwFbsot5MvlAEAlLViTHfs+OP1JV/11uxji9XnKgRyStjbmQpsf7kH9MQMAbeuxIlz1uHemBiJ5HExAwZ9qSriFjm22Aik6kWyIqvQQCfhYAliQZJsc3SoVRTJzAypLcOgW0BpyB9w4oa6Z3nHUi216IgsQ3bgXyzdvvwMVHwfT7N9xosG+1JwuIV4fkgTvCzT/zlIl/ApxPAhlFnZbDhFHnnh0hbil4XyrQRhWvoUOVEOBa4orFW0AmFYziFAkQXyPB3Uighyl2S/A+4mTg8ll5GyIoUKoHvunhzxBfkEAbW8syTQHveOkkrrZ4VwK5ih3OMQU9DYAXs7k7Q5i9RdM5jrKZLC+G2LukK7PJEffIO3ZH08jrueA5h/7oLcLzcSJ7M9s1nf9/MMsf7Tf/yX8uHwIMAKz4sp43s83AAAAAAElFTkSuQmCC); } .code { font-family: monospace; border: 1px solid #d4e9e7; background-color: #f7f7f7; border-radius: 4px; padding: 24px 14px 20px 24px; max-height: 43vh; overflow-y: auto; position: relative; white-space: pre-line; font-size: 14px; margin-top: 5px; } .code.log { margin: 24px; } span.code { padding: 2px; } /* Forms and inputs*/ input[required]:-moz-ui-invalid { box-shadow: none; } .inputGroup { padding: 12px; background-color: rgba(66, 66, 66, 0.03); } p.info, span.info { margin: 15px 0; color: rgba(66, 66, 66, 0.6); } p.info.icon, span.info.icon { position: relative; padding-left: 30px; } p.info.icon svg, span.info.icon svg { position: absolute; left: 0; } form .required::after { content: '* required'; position: absolute; top: 50%; left: 102%; font-size: 12px; color: #347a87; width: 100px; } form .required.file { width: 400px; } form .required.file:after { top: -38px; position: relative; } input[type='file'].fileInput, input[type='text'].fileInput { width: 400px !important; margin: 32px 0 10px 0; cursor: pointer; z-index: 1 !important; } input[type='file'].fileInput:first-child, input[type='text'].fileInput:first-child { z-index: 2 !important; cursor: pointer !important; } input[type='file'].fileInput::-webkit-input-placeholder, input[type='text'].fileInput::-webkit-input-placeholder { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAOUlEQVR4AWMYOqABCElS/h8IG0hSDtFCinKEFsLK0bUQVo6phbByEhyGohQKRjXQEfzHDUnXMKwAAPQgcJdaHyTAAAAAAElFTkSuQmCC); background-position: right; background-repeat: no-repeat; } input[type='file'].fileInput:-moz-placeholder, input[type='text'].fileInput:-moz-placeholder { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAOUlEQVR4AWMYOqABCElS/h8IG0hSDtFCinKEFsLK0bUQVo6phbByEhyGohQKRjXQEfzHDUnXMKwAAPQgcJdaHyTAAAAAAElFTkSuQmCC); background-position: right; background-repeat: no-repeat; } input[type='file'].fileInput::-moz-placeholder, input[type='text'].fileInput::-moz-placeholder { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAOUlEQVR4AWMYOqABCElS/h8IG0hSDtFCinKEFsLK0bUQVo6phbByEhyGohQKRjXQEfzHDUnXMKwAAPQgcJdaHyTAAAAAAElFTkSuQmCC); background-position: right; background-repeat: no-repeat; } input[type='file'].fileInput:-ms-input-placeholder, input[type='text'].fileInput:-ms-input-placeholder { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAOUlEQVR4AWMYOqABCElS/h8IG0hSDtFCinKEFsLK0bUQVo6phbByEhyGohQKRjXQEfzHDUnXMKwAAPQgcJdaHyTAAAAAAElFTkSuQmCC); background-position: right; background-repeat: no-repeat; } input[type='file'].fileInput.error, input[type='text'].fileInput.error { border-bottom-width: 2px; border-bottom-color: #ab1000; } textarea#inline-description { height: initial !important; font-size: 12px !important; margin-top: 0 !important; } .inputHeader { color: rgba(0, 0, 0, 0.5); font-size: 12px; display: block; } .dropzone { padding-top: 15px; padding-bottom: 15px; cursor: pointer; } .dropzone .dashboard-placeholder { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .dropzone .icon { position: relative; vertical-align: middle; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .dropzone.onboard:hover, .dropzone.active { background-color: #f7f7f7; border-width: 2px; } .dropzone.onboard:hover .icon, .dropzone.active .icon { -webkit-animation: bouncedownup 1.3s infinite; -moz-animation: bouncedownup 1.3s infinite; -ms-animation: bouncedownup 1.3s infinite; -o-animation: bouncedownup 1.3s infinite; } .dropzone.onboard:hover .dashboard-placeholder, .dropzone.active .dashboard-placeholder { color: #949495; } .dropzone:focus { outline: none !important; } .dropzone.disabled { opacity: 0.6; cursor: not-allowed; } .dropzone.disabled:hover { background-color: initial; } .dropzone.disabled a { cursor: not-allowed; } div:focus { outline: none !important; } .key-value-container button { margin-left: 8px; height: 100%; align-self: center; } /* Log in */ #login-box { -webkit-animation: fadein 1s 1; -moz-animation: fadein 1s 1; -ms-animation: fadein 1s 1; -o-animation: fadein 1s 1; width: 25%; max-width: 400px; min-width: 240px; margin: 12% auto 0; position: relative; } #login-box h3 { text-transform: uppercase; color: #c7c7c7; font-weight: normal; text-align: center; } #login-box img { max-width: 100%; } #login-box .help-text, #login-box .help-text p { color: rgba(66, 66, 66, 0.6); text-align: left; font-size: 12px; } #password-holder { position: relative; display: inline-block; max-width: 100%; } #password-holder > div > div > div { max-width: 100%; } #password-holder.edit-pass { background-color: #f7f7f7; padding: 0 20px 10px; } #password-holder.edit-pass .required { margin-right: 60px; } #password-holder .pass-buttons { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } #password-holder .pass-buttons button:first-of-type { margin-right: 15px; } #pass-strength { margin-top: 10px; } #pass-strength meter { margin-left: 8px; margin-right: 8px; } #pass-strength svg { vertical-align: middle; } /* icons */ button:disabled .material-icons { color: rgba(0, 0, 0, 0.3) !important; } button.remove-icon:disabled .material-icons { color: rgba(0, 0, 0, 0.3) !important; } button.remove-icon .material-icons { color: #679ba5 !important; } .inline-action { position: relative; top: -6px; margin-left: 10px; } .material-icons.error-icon { color: #ab1000 !important; } /* tables */ hr.table-divider { border: 0; height: 6px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0)); } tr.expand { background-color: #f5f5f5; } tr.expand .device-info { margin-bottom: 10px; } tr.expand .device-info h3 { font-family: Lato, sans-serif; color: rgba(0, 0, 0, 0.8); font-size: 1.17em; font-weight: 700; } tr.expand td { vertical-align: top; padding-top: 16px; } tr.expand td div.expanded { position: absolute; left: 30px; right: 0; margin-top: 60px; padding: 0 45px 30px; } .bordered { border: 1px solid #d4e9e7; margin-top: 10px; padding: 5px 20px; } .deviceList { min-width: 800px; } .deviceList .header { padding: 0 24px; -webkit-box-align: center; align-items: center; height: 56px; font-size: 12px; color: rgba(0, 0, 0, 0.54); } .deviceList .columnHeader { padding: 0 24px; } .deviceList .body > div:last-of-type { border-bottom: 1px solid #e0e0e0; } .deviceList .deviceListItem { border-top: 1px solid #e0e0e0; } .deviceList .deviceListItem:hover { background: #f7f7f7; } .deviceList .deviceListItem .expandedDevice { padding-left: 48px; padding-right: 35px; } .deviceList .deviceListItem .device-identity, .deviceList .deviceListItem .device-actions { position: relative; width: 100%; } .deviceList .deviceListItem .device-inventory.bordered { padding-bottom: 20px; } .deviceList .deviceListItem .device-inventory .report-list { width: 45%; } .deviceList .deviceListItem .deviceStatus { border-color: #aaaaaa; color: #aaaaaa; font-size: 0.8em; line-height: 0.8em; } .deviceList .deviceListItem .deviceStatus .notificationCounter { width: 14px; height: 14px; background-color: #aaaaaa; margin-left: 5px; margin-right: -5px; color: #f7f7f7; } .deviceList.pending .deviceListItem { background: #eaf4f3; } .inventory-text { word-break: break-word; display: inline-block; overflow: hidden; max-height: 43px; } .inventory-text.expanded-attribute { display: inline; overflow: initial; max-height: initial; } .inventory-text.break-all { word-break: break-all; } .inventory-text.tenant-token-text { display: block; max-height: initial; white-space: nowrap; text-overflow: ellipsis; } .inventory-text.tenant-token-text.expanded-attribute { white-space: initial; } .grouplist div span { font-size: 0.9rem; } .leftNav ul a div span { font-size: 0.9rem; } div.waiting-inventory { padding: 24px 18px 0; border: 1px dashed #d4e9e7; border-radius: 5px; color: rgba(0, 0, 0, 0.5); text-align: center; white-space: normal; position: relative; } div.waiting-inventory p { margin: 0.5em 0; font-size: 14px; } #authorize > div { padding-bottom: 15px; } /* device auth */ .actionButtons > span, .actionButtons > a { margin-right: 20px; } .expand-confirm { overflow: hidden; padding: 0 5px 5px 0; } /* Buttons */ .fixedButtons { position: fixed; bottom: 30px; left: 198px; right: 30px; padding: 15px 30px; background-color: rgba(255, 255, 255, 0.8); -webkit-animation: fadein 0.3s 1; -moz-animation: fadein 0.3s 1; -ms-animation: fadein 0.3s 1; -o-animation: fadein 0.3s 1; z-index: 1; } .top-right-button { position: absolute; top: 30px; right: 30px; z-index: 100; } .bottom-right-button { position: absolute; bottom: 15px; right: 15px; } /* Tags */ .tagContainer { margin-top: 20px; } .ReactTags__tag { margin-right: 10px; margin-bottom: 5px; padding: 5px; background-color: #d4e9e7; color: #679ba5; display: inline-block; margin-top: 5px; font-size: 13px; } .ReactTags__remove { cursor: pointer; padding: 10px 0 10px 10px; } .ReactTags__tagInput input, .ReactTags__tagInput input:focus, input.fileInput { outline: none; border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #e0e0e0; padding: 7px 0; font-size: 16px; font-family: Lato, sans-serif; color: rgba(0, 0, 0, 0.8); } .ReactTags__tagInput input::-webkit-input-placeholder, .ReactTags__tagInput input:focus::-webkit-input-placeholder, input.fileInput::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .ReactTags__tagInput input:-moz-placeholder, .ReactTags__tagInput input:focus:-moz-placeholder, input.fileInput:-moz-placeholder { color: rgba(0, 0, 0, 0.3); } .ReactTags__tagInput input::-moz-placeholder, .ReactTags__tagInput input:focus::-moz-placeholder, input.fileInput::-moz-placeholder { color: rgba(0, 0, 0, 0.3); } .ReactTags__tagInput input:-ms-input-placeholder, .ReactTags__tagInput input:focus:-ms-input-placeholder, input.fileInput:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } /* Dashboard */ .dashboard-placeholder { font-size: 16px; color: #c7c7c7; text-align: center; padding: 15px 30px; -webkit-animation: fadein 0.2s 1; -moz-animation: fadein 0.2s 1; -ms-animation: fadein 0.2s 1; -o-animation: fadein 0.2s 1; } .dashboard-placeholder img { margin-top: 15px; width: 74px; } .deployments { position: relative; } .deployments .current-widget { max-width: 15vw; min-width: 200px; width: 100%; } .deployments .current-widget.active { background: rgba(1, 89, 105, 0.075); } .deployments .current-widget.pending { background: rgba(93, 15, 67, 0.075); } .deployments .completionInfo { color: #aaaaaa; font-size: small; } .deployments .statusText { min-width: 100px; } .deployments .activity { border-style: solid; border-width: 1px; border-color: #e7e7e7; border-radius: 2px; padding: 15px; max-width: 60vw; margin-bottom: 3.5vh; } .deployments .activity h4 { color: #aaaaaa; text-transform: capitalize; margin: 0; } span.month, span.day { display: block; text-align: center; } .dashboard-header { border-bottom: 1px solid #d4e9e7; margin-bottom: 15px; position: relative; } .dashboard-header span { position: absolute; background: #ffffff; padding: 10px 15px 10px 0; top: -19px; } .dashboard-header h2, .dashboard-header h3 { margin: 8px 0; } .dashboard-header .dashboard-number { margin-left: 10px; color: #c7c7c7; } .dashboard-header svg { vertical-align: middle; margin: 0px 10px 4px 0; } .progress-container { padding-bottom: 45px; } .progress-container .device-info { position: absolute; width: 33%; right: -16px; background-color: #fff; top: -30px; bottom: 15px; z-index: 300; padding: 0 30px; box-sizing: border-box; display: none; border-left: 1px #679ba5 solid; font-size: 12px; word-break: break-all; } .progress-container .device-info.show { display: block; -webkit-animation: fadein 0.2s 1; -moz-animation: fadein 0.2s 1; -ms-animation: fadein 0.2s 1; -o-animation: fadein 0.2s 1; } .progress-container .key { color: #c7c7c7; font-size: 12px; clear: both; vertical-align: middle; margin-top: 10px; text-align: center; width: 60%; } .progress-container .key .bubble { width: 14px; height: 14px; border-radius: 50%; display: inline-block; margin-left: 6px; margin-right: 2px; margin-top: -2px; vertical-align: middle; position: relative; background-size: cover; } .progress-container .key .bubble.success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS9JREFUeNrElYENgyAQRa3pAG5QRnAE3cBuIF3BAYwDuIK4Qd2gjtANajdghJ4FK16QAtaU5IgR7n04jiMMdm7h3gJHq1lNEUOfgEXKXw7WB5f6bnI9fAHn0JdgxDBrAKtAqLUXaIpxpQwsc4hGB0ZBiJsFBPwGFnuEfAxXqoroDpl5wgPpx9azSMQ881z5dAaZ5Gh3UG4IC5UHvuCEKBWJd8ybgin+RPIWO0g2wnM0nmCBCE1oJcQH/uGpAqfF5RExTTUiNnBtFj2Vb/J2FvmsijjBsQBHYzkSaR3hHBe7XjNpFAlkuKjMNquVT7x5B6IqDisizBE+TFUWX7RqxWEUeVjCFxxdsbt6lou5ql7qs6nYUUP+21w+an4y56zpnFeOSvUfX7Qfvsm7t5cAAwAzdHozomyQZQAAAABJRU5ErkJggg==); } .progress-container .key .bubble.failure { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATBJREFUeNpiZqAxYKa1BSzEKOrn5TUAUg5ALIAk/AGIDxR+/nwBn15GAgYnAKl6IFbAo+wBEDcCLVpAtAVAg0EunQ/EASSExgYgTgRa9AFZkAmH4ftJNJwBqn4/VD9uC6AuNyAzTg2g+rGnImiYV+Ax4AAQL4SyccWLhgc7+8Odv35dwOaDegIuPAgM4wYQTUBdPUYQQZOiApWSvwLUPBQfOFA5jzmgWyBAZQsE0C2Qp0VRgWzBQyLU2wPDFhTJ9uSURR+IDFdi4+oDugUHiNB0AJpE7Ymw6ABKEEFLxQdUygcPYKUsSk4G5sCPhMogoBpFqA/w5ZlCWE5mxFLYrSejoEMpVYGuD8RX2CUC8QUyDb8A1Y+7NIWW547Q8p0kl4P0odcHA1OjUbNOpjkACDAA4NheRLVvtDUAAAAASUVORK5CYII=); } .progress-container .key .bubble.pending { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNrUVd1Nw0AMPqIOkDfEExmAh2aCXjZghLIBG7TZoBvABmGDZoPmgfdenxBvtwHY1efKWEkUTjQSlqxLXf+eP/uc++90M0Xp/fNjSYcnzpU4ErcPt3ddcgByvKZjQ1yMqAXimgK9Tg5AjjnTF+JHk7HOdmkqeiN+okBxNACc7+GAqUWGbY+uR4UeIk6gskGsUUP8Bd5O7NFW2TSjd/5b5wNB1kNKRyjsUyDJdrA/iiwzUBS01ImwF7sC/txC/SmNitxQNPusJA0mWYEkAsmCavS5wbCLQBfLOx0gV0hgaiQoGXFmjPMD9CLJSjplTsSuxHkZSh3g3pTr1ffKJJHD+crMhbP+MiU4GYXOfNs5aHt0nPW3MJOqM6mIn9GTHa6qQmUt+sJ3fkJFO2Mff0wyun4Q532TOwGmHluAqeRFeLkibMWAn5tEmIpdkC2bDeDYp0yyAkY92y66+jad/z2Y5UX7yzf56vQtwACQiv23sc8GHgAAAABJRU5ErkJggg==); } .progress-container .key .bubble.inprogress, .progress-container .key .bubble.installing { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrUVe1Nw0AMDRUDZAM6ABI3wnWDRmKAdpK2EzBC4D9Su0FvhEPqAGGDGwFbsot5MvlAEAlLViTHfs+OP1JV/11uxji9XnKgRyStjbmQpsf7kH9MQMAbeuxIlz1uHemBiJ5HExAwZ9qSriFjm22Aik6kWyIqvQQCfhYAliQZJsc3SoVRTJzAypLcOgW0BpyB9w4oa6Z3nHUi216IgsQ3bgXyzdvvwMVHwfT7N9xosG+1JwuIV4fkgTvCzT/zlIl/ApxPAhlFnZbDhFHnnh0hbil4XyrQRhWvoUOVEOBa4orFW0AmFYziFAkQXyPB3Uighyl2S/A+4mTg8ll5GyIoUKoHvunhzxBfkEAbW8syTQHveOkkrrZ4VwK5ih3OMQU9DYAXs7k7Q5i9RdM5jrKZLC+G2LukK7PJEffIO3ZH08jrueA5h/7oLcLzcSJ7M9s1nf9/MMsf7Tf/yX8uHwIMAKz4sp43s83AAAAAAElFTkSuQmCC); } .progress-container .key .bubble.downloading, .progress-container .key .bubble.rebooting { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrUVe1Nw0AMDRUDZAM6ABI3wnWDRmKAdpK2EzBC4D9Su0FvhEPqAGGDGwFbsot5MvlAEAlLViTHfs+OP1JV/11uxji9XnKgRyStjbmQpsf7kH9MQMAbeuxIlz1uHemBiJ5HExAwZ9qSriFjm22Aik6kWyIqvQQCfhYAliQZJsc3SoVRTJzAypLcOgW0BpyB9w4oa6Z3nHUi216IgsQ3bgXyzdvvwMVHwfT7N9xosG+1JwuIV4fkgTvCzT/zlIl/ApxPAhlFnZbDhFHnnh0hbil4XyrQRhWvoUOVEOBa4orFW0AmFYziFAkQXyPB3Uighyl2S/A+4mTg8ll5GyIoUKoHvunhzxBfkEAbW8syTQHveOkkrrZ4VwK5ih3OMQU9DYAXs7k7Q5i9RdM5jrKZLC+G2LukK7PJEffIO3ZH08jrueA5h/7oLcLzcSJ7M9s1nf9/MMsf7Tf/yX8uHwIMAKz4sp43s83AAAAAAElFTkSuQmCC); } .progress-container .progressHeader { position: absolute; top: -45px; left: 18%; color: #757575; font-size: 14px; } .progress-container .bubbles-contain { height: 100px; min-width: 300px; width: 60%; position: relative; top: -10px; padding-left: 30px; } .progress-container .bubbles-contain > div { float: left; margin: 0 10px 4px 0; position: relative; cursor: pointer; max-height: 80px; max-width: 80px; } .progress-container .bubbles-contain > div:hover:after { content: ''; position: absolute; top: 50%; left: 110%; width: 500px; border-bottom: 1px #679ba5 solid; z-index: 200; -webkit-animation: fadein 0.6s 1; -moz-animation: fadein 0.6s 1; -ms-animation: fadein 0.6s 1; -o-animation: fadein 0.6s 1; } .progress-container .bubbles-contain .bubble { border-radius: 50%; position: relative; display: block; height: 100%; width: 100%; background-size: 66%; background-repeat: no-repeat; background-position: center; background-color: #eaf4f3; } .progress-container .bubbles-contain .bubble:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; border: 1px solid #679ba5; } .progress-container .bubbles-contain .inprogress .bubble, .progress-container .bubbles-contain .installing .bubble { -webkit-animation: pulse 2.8s infinite; -moz-animation: pulse 2.8s infinite; -ms-animation: pulse 2.8s infinite; -o-animation: pulse 2.8s infinite; background-image: url(data:image/png;base64,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); } .progress-container .bubbles-contain .downloading .bubble, .progress-container .bubbles-contain .rebooting .bubble { -webkit-animation: pulse 2.8s infinite; -moz-animation: pulse 2.8s infinite; -ms-animation: pulse 2.8s infinite; -o-animation: pulse 2.8s infinite; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrUVe1Nw0AMDRUDZAM6ABI3wnWDRmKAdpK2EzBC4D9Su0FvhEPqAGGDGwFbsot5MvlAEAlLViTHfs+OP1JV/11uxji9XnKgRyStjbmQpsf7kH9MQMAbeuxIlz1uHemBiJ5HExAwZ9qSriFjm22Aik6kWyIqvQQCfhYAliQZJsc3SoVRTJzAypLcOgW0BpyB9w4oa6Z3nHUi216IgsQ3bgXyzdvvwMVHwfT7N9xosG+1JwuIV4fkgTvCzT/zlIl/ApxPAhlFnZbDhFHnnh0hbil4XyrQRhWvoUOVEOBa4orFW0AmFYziFAkQXyPB3Uighyl2S/A+4mTg8ll5GyIoUKoHvunhzxBfkEAbW8syTQHveOkkrrZ4VwK5ih3OMQU9DYAXs7k7Q5i9RdM5jrKZLC+G2LukK7PJEffIO3ZH08jrueA5h/7oLcLzcSJ7M9s1nf9/MMsf7Tf/yX8uHwIMAKz4sp43s83AAAAAAElFTkSuQmCC); } .progress-container .bubbles-contain .pending .bubble { background-color: #f7fbfb; background-image: url(data:image/png;base64,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); } .progress-container .bubbles-contain .failure .bubble { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9VJREFUeNrsnL1y2kAQx88iM07jGUqXyhOEMh1yly7wBMATAE/g8ATgJwBXSSpD6Qp4gugNIncpmXHnKrvO4pGF7nQ69HGS9j9zIw9jQPxmb3dvdbdCsFisCuui7BuYX125cOnQ6NLLXsLbAho+jCe8Tp+fd40BCNB6BAuvboYfvYaxxysADWoFkCxtDGMIo13AVyLMDYBcVRoggMPpeKsxLfMSWuI9jAXAPFQGIIBDnzYvEVxUCG8GEBdWAwRwbbK4iaWBEy1ylFXQuchhuj4U5OPO1YIs8mAFQIA3t9jqZPLJGv3SANKU3VIeV0WhBU5No7WTQaCoMjxB7mYJv2VYqAWG4LVFfbQCSxyleUOL4b1T5+vlZfvx5eUxN4Dk837XEN5RXwDiE0DUCiyOAbxtjeEdtaT1euZBZF7xgJEWYiczgPBhEyoENEWv0TkTH0iVlB8wPopm6TopqOha4LIBfk+mCS1RzQBSgumJZmtulEiHUha34BvGRf53RcFiWwLEUdxyL8kCJyXAs1W3qaYwWd+Yub3JjVsvqyyw1+DAoW2FTlqTZSt8H5EdRbGAfV+8BjoWOGBOUg0pPigB9piTUj0pQJ6+WuqqLNBjPonyVAC7zEcrGrsygB3mo6WODCD7P1OAqrIN60SfdYoJLLnacQDZAs8EyMogiLBSiAEyQAbIABuq152tHyIv+pbc3ACS+q4qfbBAfhzAgyU351ZlSRmdwgHPTG3tTwAWdTyqJgpkQWTHbPR9oCMzTZZax6MRbIFmWkvzwLLO3VYxgMSlMWHCZT7atHF3lp4FkjZsZPLgEc5WHImDXFmUVNumO9218IpZxa5/17oA75jXqVFFj8c6ijwnYCtMNqqkctaMmb1pEbfUTTytWdJB6kDICxtYzip69wRO209xp9t1AOIN/xHN3u47lTWrSKxIE/VRg+HtVJ0+tEr68AHraPhuUNqiNJ40z0RGonkF12lSjVQbIE3lfoNWKAudRhSpeybQQeSHmsPD5mV9nX9M/ViT/GGdg4qf5vcZNZ3AfgLYV0DUbzc/wrtJ082oZfpNNYSYGp6RD5T4xKofyE7dL8bYB0p84o2wZ1eDSapi7NNbWdwBTOe/MJ1/wZ/Xojq7/DG/6wO8n+d8SB79A3FKYwHCtTnHExm0vssFYKgAgRWcsWW+cUdTNjN3k2sPVTrNg+eOhxaAm+XxyLaQLr4hixwUPLVxKXaf57PuwvtIk4/8JvJrKYCwNiLm+UUtAEZgYsT2xP8DjibHbA+UPu3puisCmjUAFVCPlunFpB7BceVQNCxWDvonwAAyPDU0VguVGAAAAABJRU5ErkJggg==); } .progress-container .bubbles-contain .success .bubble { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA95JREFUeNrsnYtx4jAQhmVX4BJ8FRypAKjguAqCaSBkXABQABNogEcF4SoIqSBcBecS3MGdhJQzsWVbsiW8svTPKJnJEB5f/l1Ja3mDkJNTl/LAvaNdHOCvg5pHpWi2vjiAu3jAYA3xCPEYST5DwsY7HmcM9dx/gLuYQPqBx4RBU60THr+u32frtB8AaVjO8XjUBK1MBzyOOp3paQZHYC3wmHacqki+3GKQBzMAZo5bAJuiiBNXKh3paYBHctsejwDw6oM48VlFjvQUu27PJgcTROBFGOKpe4B0Zn0F7roybTDE5+4A7uIpc57JIpPMuElI+y3hvfQAHmKL+Te2sL+TA3fxHsDyREdeHMtsEz0Hrx1Er2HYzlG/JZwTfUl4UwvgZTlRqQNpgv1AdumAXRi1B0gXyR93LgRAUVS1hxYN4YWl8IheWFGkIUC6y+hj3hMtKARVa10RB+57CI/ktvE1PMU0YkUSSYC7eNnD0M0mBprbIuFQlppE6MTxx9ACgdysKr6fL0woVQ6cWwFPzokLmRB+smk9xyCuap4nZG6tAUgfFFgDL9soiJjmScSBjxbCexM0zeC27OVznixE8he4bYFXMBjPgRMHr1aTKoBDB69W4WcY982B94CX7U4KAOm+18ET05DnwIGDJyxuCH938KTyYOAXfujgSblQZQiTCzAPiJ47sQEeUcGBQQt49FIg/VAHC+BxHdgOXrYx1wkRCrzcQrqi7i8FTy9EUPDys3CoDJ4eiODgVVVj1EkNRJDw8gAT2RkIiZ5ooh8+6hu8rwBn66TB78tAPDSACBqeqhDWBRE8PB7AFAhEI+BhXfIALwCcaAq8q+HyAJOOw9kkeFwH/u4wJ5oGLyEHMFWGcBuIY8Pg/Wflcd7kX5U5Akke2jYEHhG502nDW8acFL6IuBPNgkd0LlsHvit+oXYQYcJLPqNKtwPbQYQJ7wsjn5PUEyR+elMfRLjwiI51W7mjphcWgwgb3uV2UvQrlhZpJxBhwyPaihYTthrfBB8ifHiJzAnVjUYXFiHCh0dUOIDp1eSiJdLf9yC9LkrpIW7I8Ij7vuV/6Ndss5YKCgwiToTeYwGxPzKSA0gVIadzWW+FeoC0RcjGYnhplYlES/qrO4Qy3NCtuF7kbnetlqLbXTOIU9TPe+fKdhwPdQ+SuypHF5EbK+CROqaAXNMJ/qShselEvyHeqe1JBrFPHTwItJ+yJzRc66fbnNeg9ZOq5mMmFALK1HHzsQyia3+nCKRrwKjIja4FqAKQIYLRhJYAO5rThLbcka4NsgKYI+QacSuD6VrBawp3Y/4ZwT8BBgB0CMTM8VGq3wAAAABJRU5ErkJggg==); } .report-container { display: grid; grid-template-columns: 2fr 2fr 1fr; grid-column-gap: 30px; } .report-container .deploymentInfo { margin-top: 30px; font-size: 14px; -webkit-box-flex: 1; flex-grow: 1; } .report-container .deploymentInfo > div { margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; } .report-container .progressLabel { color: #c7c7c7; margin-right: 5px; margin-bottom: 0; width: 100px; display: inline-block; } .report-container .skipped-text { color: #c7c7c7; text-align: center; font-size: 12px; margin-top: 12px; } .deploy-table-contain { margin-bottom: 60px; margin-top: 30px; } .fail { color: #8f0d0d; } .fail > div { background-color: #f6f1f1; } .fail div { color: #8f0d0d !important; } .fail .material-icons { color: #8f0d0d !important; } /* Deployments */ .deployments-pending { padding: 10px 15px 30px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.06); background-color: #fdfdfd; } .deployments-pending .dashboard-header { margin-bottom: 30px; } .deployments-pending .dashboard-header span { background: #fdfdfd; } .deployments-pending .deploy-table-contain { margin-bottom: initial; } .deployment-item { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 0.75fr 4fr 1.2fr 50px; grid-column-gap: 30px; border-bottom: 1px solid #e0e0e0; margin: 0 15px; padding: 10px 0; -webkit-box-align: center; align-items: center; position: relative; min-width: 1300px; } .deployment-item.deployment-header-item { border-bottom: transparent; } .deployment-item.deployment-header-item.progress-item { padding-right: 15px; } .deployment-item.scheduled-item { grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1.2fr 50px; } .deployment-item.past-item { grid-template-columns: 2fr 1fr 1fr 1fr 0.75fr 3fr 1fr; } .deployment-item.pending-item { grid-template-columns: 2fr 1fr 1fr 1fr 0.75fr 2fr 1.2fr 50px; } .deployment-item:last-of-type { border-bottom: transparent; } .deployment-item > div, .deployment-item time { min-width: 100px; } .deployment-item > .column-defined { min-width: initial; } .deployment-item .cancelButton:hover { color: #8f0d0d; } .deployment-item .progress-chart-container { background: #f7f7f7; padding: 10px 20px; height: 70px; border-radius: 4px; -webkit-box-pack: center; justify-content: center; } .deployment-item .progress-chart-container .progress-chart, .deployment-item .progress-chart-container .progress-step-total { display: -webkit-box; display: flex; width: 100%; min-height: 20px; height: 100%; position: relative; } .deployment-item .progress-chart-container .progress-step { border-right: 1px dashed #aaaaaa; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; z-index: 1; } .deployment-item .progress-chart-container .progress-bar { height: 5px; background-color: currentColor; } .deployment-item .progress-chart-container .progress-step-total { position: absolute; z-index: 0; border: none; } .deployment-item .progress-chart-container .progress-step-total .progress-bar { background-color: #d4e9e7; } .deployment-item .deployment-item-title { display: none; } .deployment-item .confirmation-overlay { position: absolute; z-index: 1; background: rgba(247, 247, 247, 0.8); width: 100%; height: 100%; -webkit-box-pack: end; justify-content: flex-end; } .deployment-phases-list { overflow: auto; max-width: 900px; } .deployment-phases-list > .column { min-width: 115px; margin: 0 5px; -webkit-box-pack: end; justify-content: flex-end; } .deployment-phases-list > .column > div { margin: 5px 0; } .deployment-phases-list > .column .MuiChip-root { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 1599px) { .deployment-item { display: block; margin-left: 0; margin-bottom: 30px; min-width: initial; padding-left: 120px; } .deployment-item.deployment-header-item { display: none; } .deployment-item > div { margin-bottom: 10px; position: relative; } .deployment-item > div .deployment-item-title { display: block; position: absolute; left: -120px; top: 0px; width: 110px; text-align: left; } .deployment-item > div .align-right { text-align: left; } } .deployment-report .MuiTab-textColorInherit { color: #aaaaaa; } .deployment-report .MuiTab-root { height: 100%; min-height: 0px; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .statusLarge > img { vertical-align: top; display: inline; } .statusLarge .statusWrapper { max-width: 160px; min-height: 38px; padding: 15px 15px 25px 20px; margin: 0 8px 10px 10px; background-color: #f7f7f7; position: relative; display: inline-block; font-size: 16px; vertical-align: top; white-space: normal; } .statusLarge .statusWrapper:after { content: ''; width: 0; height: 0; position: absolute; z-index: 20000; top: 5px; left: -19px; border-bottom: 10px solid transparent; border-right: 20px solid #f7f7f7; } .progressStatus { background-color: #f7f7f7; padding: 15px 60px 15px; } .progressStatus #progressStatus { text-align: center; vertical-align: top; } .material-list-item { padding: 20px 16px 16px; overflow: hidden; } .material-list-item h4 { margin: 0; font-size: 16px; font-weight: normal; } .material-list-item p { margin: 4px 0px 0px; color: rgba(0, 0, 0, 0.54); } .substate { width: 64%; min-width: 200px; overflow: hidden; color: #aaaaaa; white-space: normal; word-wrap: break-word; margin-left: 5px; } .substateText { color: #aaaaaa; word-break: break-word; } .datepicker-container { background-color: #f7f7f7; padding: 0px 25px 5px; } .repository { min-height: 400px; height: 100%; display: -webkit-box; display: flex; } .repository .repository-list { border-right: 1px solid #eaf4f3; min-width: 390px; width: 100%; max-width: 780px; } .repository .repository-list > div.margin-bottom-small { height: 85px; } .repository .repository-list > ul { overflow: auto; height: 70vh; } .repository .release-repo { overflow: auto; width: 100%; } .release-repo > .flexbox:first-of-type { padding-top: 15px; } .repository-list-item.active { background-color: #f7f7f7; } .repository-list-item > div { padding-right: 0; } .repository-list-item .flexbox { -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .repository-list-item .indicator { opacity: 0; } .repository-list-item:hover .indicator { -webkit-animation: fadein 0.2s 1; -moz-animation: fadein 0.2s 1; -ms-animation: fadein 0.2s 1; -o-animation: fadein 0.2s 1; opacity: 1; } .release-repo-item { padding-bottom: 2vh; } .release-repo-item > div.muted { margin: 18px 12px 0 0; } .release-repo-item.repo-header { padding-left: 30px; padding-right: 12px; height: 56px; font-size: 12px; color: #5d0f43; } .release-repo-item.repo-item, .release-repo-item .repo-item { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 48px; grid-column-gap: 20px; } .release-repo-item.repo-item .text-overflow, .release-repo-item .repo-item .text-overflow { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @-webkit-keyframes fadein { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } } @keyframes fadein { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } } @-webkit-keyframes pulse { 0% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } 50% { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } } @keyframes pulse { 0% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } 50% { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } @-webkit-keyframes bounce { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 37% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 55% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 81% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); } } @keyframes bounce { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 37% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 55% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 81% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); } } @-webkit-keyframes bouncedownup { 0% { top: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 8% { top: 1px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 16% { top: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 32% { top: -2px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { top: 0px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { top: 0; } } @keyframes bouncedownup { 0% { top: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 8% { top: 1px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 16% { top: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 32% { top: -2px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { top: 0px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { top: 0; } } @-webkit-keyframes bouncerightleft { 0% { left: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 8% { left: 1px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 16% { left: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 32% { left: -2px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { left: 0px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { left: 0; } } @keyframes bouncerightleft { 0% { left: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 8% { left: 1px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 16% { left: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 32% { left: -2px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { left: 0px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { left: 0; } } @keyframes bouncerightleft { 0% { right: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 8% { right: 1px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 16% { right: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 32% { right: -2px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { right: 0px; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { right: 0; } } div.shake-alert { -webkit-animation: shake 0.72s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.72s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } } /* LESS MIXINS */ .flip-horizontal { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } @-webkit-keyframes highlight { 0% { border-color: #9f5085; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { border-color: #ffffff; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { border-color: #9f5085; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes highlight { 0% { border-color: #9f5085; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { border-color: #ffffff; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { border-color: #9f5085; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } /* Progress bar */ #progressBarContainer { position: fixed; left: 230px; right: 30px; bottom: 80px; background-color: #ffffff; border: 1px solid #eaf4f3; border-radius: 4px; height: 60px; padding: 0 15px; overflow: hidden; color: #c7c7c7; margin: 25px 0 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #progressBarContainer.shrunk { border: none; height: 0; } @charset "UTF-8"; .rbc-btn { color: inherit; font: inherit; margin: 0; } button.rbc-btn { overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer; } button[disabled].rbc-btn { cursor: not-allowed; } button.rbc-input::-moz-focus-inner { border: 0; padding: 0; } .rbc-calendar { box-sizing: border-box; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; } .rbc-calendar *, .rbc-calendar *:before, .rbc-calendar *:after { box-sizing: inherit; } .rbc-abs-full, .rbc-row-bg { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rbc-ellipsis, .rbc-event-label, .rbc-row-segment .rbc-event-content, .rbc-show-more { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rbc-rtl { direction: rtl; } .rbc-off-range { color: #999999; } .rbc-off-range-bg { background: #e6e6e6; } .rbc-header { overflow: hidden; -webkit-box-flex: 1; flex: 1 0 0%; text-overflow: ellipsis; white-space: nowrap; padding: 0 3px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 90%; min-height: 0; border-bottom: 1px solid #DDD; } .rbc-header + .rbc-header { border-left: 1px solid #DDD; } .rbc-rtl .rbc-header + .rbc-header { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited { color: inherit; text-decoration: none; } .rbc-row-content { position: relative; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; z-index: 4; } .rbc-today { background-color: #eaf6ff; } .rbc-toolbar { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-bottom: 10px; font-size: 16px; } .rbc-toolbar .rbc-toolbar-label { -webkit-box-flex: 1; flex-grow: 1; padding: 0 10px; text-align: center; } .rbc-toolbar button { color: #373a3c; display: inline-block; margin: 0; text-align: center; vertical-align: middle; background: none; background-image: none; border: 1px solid #ccc; padding: 0.375rem 1rem; border-radius: 4px; line-height: normal; white-space: nowrap; } .rbc-toolbar button:active, .rbc-toolbar button.rbc-active { background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); background-color: #e6e6e6; border-color: #adadad; } .rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } .rbc-toolbar button:focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .rbc-toolbar button:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .rbc-btn-group { display: inline-block; white-space: nowrap; } .rbc-btn-group > button:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rbc-btn-group > button:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) { border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) { border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .rbc-btn-group > button:not(:first-child):not(:last-child) { border-radius: 0; } .rbc-btn-group button + button { margin-left: -1px; } .rbc-rtl .rbc-btn-group button + button { margin-left: 0; margin-right: -1px; } .rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button { margin-left: 10px; } .rbc-event { border: none; box-sizing: border-box; box-shadow: none; margin: 0; padding: 2px 5px; background-color: #3174ad; border-radius: 5px; color: #fff; cursor: pointer; width: 100%; text-align: left; } .rbc-slot-selecting .rbc-event { cursor: inherit; pointer-events: none; } .rbc-event.rbc-selected { background-color: #265985; } .rbc-event:focus { outline: 5px auto #3b99fc; } .rbc-event-label { font-size: 80%; } .rbc-event-overlaps { box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5); } .rbc-event-continues-prior { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rbc-event-continues-after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rbc-event-continues-earlier { border-top-left-radius: 0; border-top-right-radius: 0; } .rbc-event-continues-later { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rbc-row { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .rbc-row-segment { padding: 0 1px 1px 1px; } .rbc-selected-cell { background-color: rgba(0, 0, 0, 0.1); } .rbc-show-more { background-color: rgba(255, 255, 255, 0.3); z-index: 4; font-weight: bold; font-size: 85%; height: auto; line-height: normal; } .rbc-month-view { position: relative; border: 1px solid #DDD; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 0 0; width: 100%; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; height: 100%; } .rbc-month-header { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .rbc-month-row { display: -webkit-box; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 0 0; flex-basis: 0px; overflow: hidden; height: 100%; } .rbc-month-row + .rbc-month-row { border-top: 1px solid #DDD; } .rbc-date-cell { -webkit-box-flex: 1; flex: 1 1 0; min-width: 0; padding-right: 5px; text-align: right; } .rbc-date-cell.rbc-now { font-weight: bold; } .rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited { color: inherit; text-decoration: none; } .rbc-row-bg { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-flex: 1; flex: 1 0 0; overflow: hidden; } .rbc-day-bg { -webkit-box-flex: 1; flex: 1 0 0%; } .rbc-day-bg + .rbc-day-bg { border-left: 1px solid #DDD; } .rbc-rtl .rbc-day-bg + .rbc-day-bg { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-overlay { position: absolute; z-index: 5; border: 1px solid #e5e5e5; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); padding: 10px; } .rbc-overlay > * + * { margin-top: 1px; } .rbc-overlay-header { border-bottom: 1px solid #e5e5e5; margin: -10px -10px 5px -10px; padding: 2px 10px; } .rbc-agenda-view { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 0 0; overflow: auto; } .rbc-agenda-view table.rbc-agenda-table { width: 100%; border: 1px solid #DDD; border-spacing: 0; border-collapse: collapse; } .rbc-agenda-view table.rbc-agenda-table tbody > tr > td { padding: 5px 10px; vertical-align: top; } .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell { padding-left: 15px; padding-right: 15px; text-transform: lowercase; } .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td { border-left: 1px solid #DDD; } .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr { border-top: 1px solid #DDD; } .rbc-agenda-view table.rbc-agenda-table thead > tr > th { padding: 3px 5px; text-align: left; border-bottom: 1px solid #DDD; } .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th { text-align: right; } .rbc-agenda-time-cell { text-transform: lowercase; } .rbc-agenda-time-cell .rbc-continues-after:after { content: ' »'; } .rbc-agenda-time-cell .rbc-continues-prior:before { content: '« '; } .rbc-agenda-date-cell, .rbc-agenda-time-cell { white-space: nowrap; } .rbc-agenda-event-cell { width: 100%; } .rbc-time-column { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100%; } .rbc-time-column .rbc-timeslot-group { -webkit-box-flex: 1; flex: 1; } .rbc-timeslot-group { border-bottom: 1px solid #DDD; min-height: 40px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; } .rbc-time-gutter, .rbc-header-gutter { -webkit-box-flex: 0; flex: none; } .rbc-label { padding: 0 5px; } .rbc-day-slot { position: relative; } .rbc-day-slot .rbc-events-container { bottom: 0; left: 0; position: absolute; right: 0; margin-right: 10px; top: 0; } .rbc-day-slot .rbc-events-container.rbc-rtl { left: 10px; right: 0; } .rbc-day-slot .rbc-event { border: 1px solid #265985; display: -webkit-box; display: flex; max-height: 100%; min-height: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; -webkit-box-align: start; align-items: flex-start; overflow: hidden; position: absolute; } .rbc-day-slot .rbc-event-label { -webkit-box-flex: 0; flex: none; padding-right: 5px; width: auto; } .rbc-day-slot .rbc-event-content { width: 100%; -webkit-box-flex: 1; flex: 1 1 0; word-wrap: break-word; line-height: 1; height: 100%; min-height: 1em; } .rbc-day-slot .rbc-time-slot { border-top: 1px solid #f7f7f7; } .rbc-time-view-resources .rbc-time-gutter, .rbc-time-view-resources .rbc-time-header-gutter { position: -webkit-sticky; position: sticky; left: 0; background-color: white; border-right: 1px solid #DDD; z-index: 10; margin-right: -1px; } .rbc-time-view-resources .rbc-time-header { overflow: hidden; } .rbc-time-view-resources .rbc-time-header-content { min-width: auto; -webkit-box-flex: 1; flex: 1 0 0; flex-basis: 0px; } .rbc-time-view-resources .rbc-time-header-cell-single-day { display: none; } .rbc-time-view-resources .rbc-day-slot { min-width: 140px; } .rbc-time-view-resources .rbc-header, .rbc-time-view-resources .rbc-day-bg { width: 140px; -webkit-box-flex: 1; flex: 1 1 0; flex-basis: 0 px; } .rbc-time-header-content + .rbc-time-header-content { margin-left: -1px; } .rbc-time-slot { -webkit-box-flex: 1; flex: 1 0 0; } .rbc-time-slot.rbc-now { font-weight: bold; } .rbc-day-header { text-align: center; } .rbc-slot-selection { z-index: 10; position: absolute; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 75%; width: 100%; padding: 3px; } .rbc-slot-selecting { cursor: move; } .rbc-time-view { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1; width: 100%; border: 1px solid #DDD; min-height: 0; } .rbc-time-view .rbc-time-gutter { white-space: nowrap; } .rbc-time-view .rbc-allday-cell { box-sizing: content-box; width: 100%; height: 100%; position: relative; } .rbc-time-view .rbc-allday-cell + .rbc-allday-cell { border-left: 1px solid #DDD; } .rbc-time-view .rbc-allday-events { position: relative; z-index: 4; } .rbc-time-view .rbc-row { box-sizing: border-box; min-height: 20px; } .rbc-time-header { display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .rbc-time-header.rbc-overflowing { border-right: 1px solid #DDD; } .rbc-rtl .rbc-time-header.rbc-overflowing { border-right-width: 0; border-left: 1px solid #DDD; } .rbc-time-header > .rbc-row:first-child { border-bottom: 1px solid #DDD; } .rbc-time-header > .rbc-row.rbc-row-resource { border-bottom: 1px solid #DDD; } .rbc-time-header-cell-single-day { display: none; } .rbc-time-header-content { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; min-width: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-left: 1px solid #DDD; } .rbc-rtl .rbc-time-header-content { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-time-header-content > .rbc-row.rbc-row-resource { border-bottom: 1px solid #DDD; flex-shrink: 0; } .rbc-time-content { display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1 0 0%; -webkit-box-align: start; align-items: flex-start; width: 100%; border-top: 2px solid #DDD; overflow-y: auto; position: relative; } .rbc-time-content > .rbc-time-gutter { -webkit-box-flex: 0; flex: none; } .rbc-time-content > * + * > * { border-left: 1px solid #DDD; } .rbc-rtl .rbc-time-content > * + * > * { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-time-content > .rbc-day-slot { width: 100%; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .rbc-current-time-indicator { position: absolute; z-index: 3; left: 0; right: 0; height: 1px; background-color: #74ad31; pointer-events: none; } /*# sourceMappingURL=main.css.map*/