html,
body,
#root {
height: 100%;
margin: 0;
padding: 0;
--toastify-color-error: #da7777;
--toastify-color-info: #4d8ec4;
--toastify-color-success: #74cc63;
--toastify-color-warning: #f5db6d;
--toastify-color-progress-info: var(--toastify-color-info);
--toastify-color-progress-success: var(--toastify-color-success);
--toastify-color-progress-warning: var(--toastify-color-warning);
--toastify-color-progress-error: var(--toastify-color-error);
}
/* Import for mixins to be used globally */
/* Create a mixin (functions) here to include the chunk of your css in oneliner invocation */
/* We can use useBreakPoint mixin which will act as media query where we can pass minimum pixels as first paramter and max pixels as second parameter */
/* Example of getting a basic styles for radio button */
/* Import for variables to be used globally */
/* Add custom variables here */
/*BrightLayer colors*/
/*Here Colors are ranging from 50 to 900, 50 being the lightest and 900 being the brightest */
/* Demo */
/* Imports for file level sass */
/**
Copyright (c) 2021-present, Eaton
All rights reserved.
This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
**/
/* Primary Colors / User Interface Colors */
/* Status Colors */
#session-timeout-handler-popin {
display: flex;
height: 100%;
}
#session-timeout-handler-popin .popin-block {
width: 30%;
display: flex;
margin: auto;
background-color: #e2e5e5;
padding: 1rem;
border-radius: 0.25rem;
}
#session-timeout-handler-popin .popin-block .popin-title-block {
font-weight: bolder;
font-size: 1.5rem;
color: #424e54;
margin-bottom: 1rem;
}
#session-timeout-handler-popin .popin-block .popin-action-block {
border-top: 1px solid #b9bfc2;
margin-top: 1rem;
padding-top: 0.5rem;
}
.languageSelector {
width: 100px;
position: absolute;
top: -100%;
right: 7%;
}
select {
border: 1px solid #eee;
border-radius: 0.25rem;
padding: 0.5rem 1.5rem 0.5rem 0.5rem;
display: flex;
background-color: white;
outline: 0;
cursor: pointer;
appearance: none;
margin: 80px auto 0 auto;
}
.toastMsg {
position: top-right;
font-size: 16px;
}
.Toastify__progress-bar--error {
background: #da7777;
}
.Toastify__progress-bar--success {
background: #74cc63;
}
.Toastify__progress-bar--warning {
background: #f7a064;
}
.Toastify__progress-bar--info {
background: #4dacf6;
}
.Toastify__toast--Info > .Toastify__progress-bar-theme--light {
background: #4dacf6;
}
.Toastify__toast--Warning > .Toastify__progress-bar-theme--light {
background: #f7a064;
}
.Toastify__toast--Success > .Toastify__progress-bar-theme--light {
background: #74cc63;
}
Toastify__toast--error > .Toastify__progress-bar-theme--light {
background: #da7777;
}
.profile-component .MuiFormControl-root {
background-color: #f7f8f8;
}
.profile-component #submitButton {
color: #fff;
background-color: #007bc1;
}
.profile-component #submitButton:hover {
background-color: #80bde0;
}
.profile-component #cancelButton {
color: #fff;
background-color: #007bc1;
}
.profile-component #cancelButton:hover {
background-color: #80bde0;
}
.profile-component .editProfile-Textfields {
padding: 12px 12px;
margin: 2px 0px;
}
.delete-profile-component .MuiDialog-container.MuiPaper-root {
width: 70%;
}
.delete-profile-component .wrapperCancelConfirm {
display: flex;
justify-content: center;
align-items: center;
}
.delete-profile-component #delete-Cancel {
color: #007bc1;
background-color: #f3f5f5;
border-color: #007bc1;
margin-bottom: 10px;
margin-right: 65%;
}
.delete-profile-component #delete-Cancel:hover {
background-color: rgba(0, 123, 193, 0.05);
}
.delete-profile-component #delete-Confirm {
background-color: #0080f0;
color: #f3f5f5;
margin-bottom: 10px;
}
.delete-profile-component #delete-Confirm:hover {
background-color: #4da3d4;
}
.delete-profile-component #delete-Yes {
background-color: #0080f0;
color: #f3f5f5;
}
.delete-profile-component #delete-Yes:hover {
background-color: #4da3d4;
}
.delete-profile-component #delete-No {
color: #424e54;
background-color: transparent;
}
.delete-profile-component #delete-No:hover {
background-color: rgba(66, 78, 84, 0.05);
}
.delete-profile-component .MuiFormControl-root {
background-color: #f7f8f8;
}
.delete-profile-component #submitButton {
color: #fff;
background-color: #007bc1;
}
.delete-profile-component #submitButton:hover {
background-color: #80bde0;
}
.delete-profile-component #cancelButton {
color: #fff;
background-color: #007bc1;
}
.delete-profile-component #cancelButton:hover {
background-color: #80bde0;
}
.filterContainer {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.filterContainer {
justify-content: space-evenly;
}
}
.filterContainer .lastN {
width: 7%;
margin-right: 2em;
}
@media (max-width: 767px) {
.filterContainer .lastN {
width: 20%;
}
}
.filterContainer .lastN div.MuiFilledInput-underline {
width: 100%;
border-bottom: 1px solid #5f6b71;
}
.filterContainer .second-div {
width: 10%;
}
@media (max-width: 767px) {
.filterContainer .second-div {
width: 25%;
}
}
.filterContainer .second-div div.MuiFilledInput-underline {
width: 100%;
border-bottom: 1px solid #5f6b71;
}
.filterContainer button {
margin-top: 1%;
margin-left: 3em;
}
.productOwner {
margin: 0px 20px;
}
@media (max-width: 480px) {
.productOwner {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.productOwner {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.productOwner {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.productOwner {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.productOwner {
margin: 5% 3% 0% 3%;
}
}
.productOwner h2 {
padding: 8px;
}
.productOwner .table-filter {
padding: 0px 0px 20px 0px;
}
@media (max-width: 767px) {
.productOwner .table-filter {
margin-right: 10%;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.productOwner .table-filter {
margin-right: 10%;
}
}
.productOwner .tableHeader {
display: flex;
justify-content: space-between;
align-items: center;
margin: 2em 0 2em 0;
}
.productOwner .tableHeader div div {
border: 1px solid #5f6b71;
}
.productOwner .tableHeader div div input {
height: 0.7em !important;
}
.productOwner .tableHeader button svg {
margin-right: 10px;
}
.productOwner .tableHeader:last-child {
margin-left: auto;
}
.productOwner div.table-pagination ul.pagination {
display: flex;
justify-content: flex-end;
}
.productOwner div.table-pagination ul.pagination li {
margin: 10px;
list-style-type: none;
cursor: pointer;
}
.productOwner .MuiFormControl-root {
background-color: #f7f8f8;
margin-top: 10px;
}
.productOwner .MuiDialog-container .MuiPaper-root {
width: 50%;
}
@media (min-width: 1200px) and (max-width: 2000px) {
.productOwner .MuiDialog-container .MuiPaper-root {
width: 35%;
}
}
.all-products-component {
margin-top: 4%;
margin-left: 2%;
margin-right: 2%;
}
.all-products-component .spinner-margin-25 {
padding-top: 25%;
}
.all-products-component .spinner-margin-0 {
padding-top: 0%;
}
@media (max-width: 767px) {
.all-products-component {
margin-top: 0% !important;
}
}
.all-products-component .blockquote {
quotes: none;
border-left: 6px #4da3d4 solid;
background: #e0eff8;
font-weight: 600;
margin: 0px;
margin-bottom: 1rem;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.all-products-component .myProducts {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
width: 100%;
margin-top: 7%;
}
.all-products-component .myProducts .product-headings {
margin-left: 1%;
font: 600 1.25rem/1.6 Open Sans, Arial, Helvetica, sans-serif;
letter-spacing: normal;
}
.all-products-component .myProducts .no-products {
padding-left: 1%;
}
.all-products-component .myProducts .paper-main {
display: flex;
flex-direction: row;
align-items: center;
height: 50%;
border-radius: 0;
box-shadow: none;
border-bottom: 3px solid #F6F6F6;
}
.all-products-component .myProducts .paper-main .paper-image-div {
padding: 1%;
margin-left: 0.5%;
}
.all-products-component .myProducts .paper-main .paper-image-div .paper-logo {
max-width: 60px;
min-width: 60px;
padding-right: 40%;
padding-top: 5%;
}
.all-products-component .myProducts .paper-main .paper-description-div {
display: flex;
flex-direction: column;
width: 100%;
}
.all-products-component .myProducts .paper-main .paper-description-div .paper-description-heading {
max-height: 35px;
margin-top: auto;
margin-bottom: auto;
color: #727e84;
font-weight: bold;
font-size: 17px;
line-height: 17px;
width: 100%;
margin-bottom: 1%;
}
.all-products-component .myProducts .paper-main .paper-description-div .paper-description-version {
display: flex;
flex-direction: row;
text-align: left;
white-space: nowrap;
font-size: 80%;
color: #333d43;
}
.all-products-component .myProducts .paper-main .paper-description-div .paper-description-version .current-title {
min-width: 80px;
color: #7b8387 !important;
font-size: 80%;
display: table-cell;
vertical-align: middle;
}
.all-products-component .myProducts .paper-main .paper-description-div .paper-description-version .current-version {
flex: 50%;
color: #7b8387 !important;
font-size: 80%;
}
.all-products-component .myProducts .paper-main .paper-description-div .sub-title {
min-width: 80px;
color: #7b8387 !important;
font-size: 65%;
display: table-cell;
vertical-align: middle;
}
.all-products-component .myProducts .paper-main .paper-description-div .pendingText {
color: #e5ac12;
font-family: Open Sans, Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 85%;
}
.all-products-component .myProducts .paper-main .paper-button-div {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 2%;
}
.all-products-component .myProducts .paper-main .paper-button-div button {
width: 100px;
}
.all-products-component .myProducts .paper-main .paper-button-div .pending-visual .pendingTag {
color: rgb(51, 61, 67);
background: rgb(245, 191, 51);
border-radius: 0.125rem;
padding: 5px;
background: #f5bf33;
margin-right: 10%;
}
.all-products-component .myProducts .paper-main .paper-button-div .pending-visual .pendingTag .listItem-tag-content {
background-color: rgb(245, 191, 51);
padding: 0 0.25rem;
border-radius: 0.125rem;
}
.all-products-component .myProducts .paper-main .paper-button-div .pending-visual .pendingTag .listItem-Label {
color: rgb(51, 61, 67);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1rem;
font-size: 0.625rem;
}
.all-products-component .myProducts .paper-main .paper-button-div .pending-visual .pendingText {
color: #e5ac12;
}
.all-products-component .availableProducts {
width: 100%;
}
.all-products-component .availableProducts .product-headings {
margin-left: 1%;
font: 600 1.25rem/1.6 Open Sans, Arial, Helvetica, sans-serif;
letter-spacing: normal;
}
.all-products-component .availableProducts .avaialbleProducts-paper {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 0;
box-shadow: none;
border-bottom: 3px solid #F6F6F6;
padding: 10px;
}
.all-products-component .availableProducts .avaialbleProducts-paper .product-container {
display: flex;
align-items: center;
width: 100%;
}
.all-products-component .availableProducts .avaialbleProducts-paper .product-container .product-logo {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 60px;
max-width: 60px;
padding: 0.75%;
margin-left: 1%;
}
.all-products-component .availableProducts .avaialbleProducts-paper .product-container .product-name {
margin-left: 2%;
width: 100%;
}
.all-products-component .availableProducts .avaialbleProducts-paper .product-container .product-name .product-intro {
margin-bottom: 0.5%;
color: #727e84 !important;
}
.all-products-component .availableProducts .avaialbleProducts-paper .product-container .product-name .product-description {
width: 90%;
max-height: 150px;
color: #879196;
overflow-y: auto;
font-size: 15px;
}
.all-products-component .availableProducts .avaialbleProducts-paper .product-container .product-requestDiv {
margin-right: 2%;
}
.all-products-component .availableProducts .avaialbleProducts-paper .product-container .product-requestDiv .requestAccessBtn {
width: 150px;
}
/*New styles */
.viewProduct {
/*Styles for upper tabs*/
margin: 80px 40px;
/* Styles for download segment*/
}
.viewProduct #tab-download {
color: #0068b3;
text-transform: none;
opacity: 1;
}
.viewProduct #tab-download[aria-selected=true] {
background-color: #b3d7ec;
}
.viewProduct #tab-documentation {
color: #0068b3;
text-transform: none;
opacity: 1;
}
.viewProduct #tab-documentation[aria-selected=true] {
background-color: #b3d7ec;
}
.viewProduct #tab-videos {
color: #0068b3;
text-transform: none;
opacity: 1;
}
.viewProduct #tab-videos[aria-selected=true] {
background-color: #b3d7ec;
}
.viewProduct #tabpanel-0 {
min-height: 500px;
}
.viewProduct #tabpanel-2 {
min-height: 500px;
}
.viewProduct .download-segment {
padding: 0px 30px;
}
.viewProduct .download-segment .p-description {
display: flex;
box-sizing: border-box;
align-items: center;
}
.viewProduct .download-segment .view-product-component {
display: flex;
justify-content: center;
align-items: center;
}
.viewProduct .download-segment .view-product-component .blockquote {
quotes: none;
border-left: 6px #727e84 solid;
background: #d5d8da;
font-weight: 600;
margin: 0px;
margin-bottom: 1rem;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.viewProduct .download-segment .view-product-component .blockquote .warning-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.viewProduct .download-segment .view-product-component .blockquote .warning-container svg {
margin-right: 3%;
}
.viewProduct .download-segment .each-version-rendering .version-heading {
display: flex;
align-items: center;
margin-top: 35px;
}
.viewProduct .download-segment .each-version-rendering .version-heading .version-title {
font-size: 18px;
font-weight: 600;
color: #005eab;
margin-right: 20px;
}
.viewProduct .download-segment .each-version-rendering .version-heading .version-release-notes a {
color: #337ab7;
text-decoration: none;
background-color: transparent;
}
.viewProduct .download-segment .each-version-rendering .version-heading .version-release-notes a:hover {
color: #23527c;
text-decoration: underline;
}
.viewProduct .download-segment .each-version-rendering .version-notice {
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper {
margin-bottom: 5%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .BluiScoreCard-root {
width: 100%;
margin-top: 0;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .BluiScoreCard-root .blui-score-card-header {
height: 80px !important;
background-color: #eef0f0 !important;
color: #424e54 !important;
display: flex;
align-items: center;
padding-bottom: 1.5%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .BluiScoreCard-root .css-4ekqjb {
height: 85%;
padding-bottom: 2%;
overflow: hidden;
position: relative;
background-color: #eef0f0 !important;
color: #424e54 !important;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .li-security-bulletins {
padding-top: 0px;
padding-bottom: 0px;
display: flex;
align-items: center;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .li-security-bulletins h3 {
font-size: 16px;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .security-bulletins-wrapper-ul {
margin-bottom: -5%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .security-bulletins-wrapper-ul-multiple {
margin-bottom: 0%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .security-bulletins-wrapper {
display: flex;
flex-direction: column;
margin-bottom: 5%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .security-bulletins-wrapper .security-bulletins {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .security-bulletins-wrapper .security-bulletins svg {
padding-right: 20px;
flex-shrink: 0;
width: 24px;
height: 24px;
font-size: 24px;
box-sizing: content-box;
border-radius: 50%;
padding: 4px;
color: #f68b42;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .security-bulletins-wrapper .security-bulletins a {
margin-left: 1%;
color: #337ab7;
text-decoration: none;
background-color: transparent;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .security-bulletins-wrapper .security-bulletins a:hover {
color: #23527c;
text-decoration: underline;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .li-installers {
border-top: 2px solid #d5d8da;
height: fit-content !important;
display: flex;
align-items: center;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .installer-wrapper {
width: 100%;
margin-top: 0%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .installer-wrapper .download-segment-installer {
display: flex;
flex-direction: row;
align-items: center;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .installer-wrapper .download-segment-installer svg {
padding-right: 20px;
flex-shrink: 0;
width: 24px;
height: 24px;
font-size: 24px;
box-sizing: content-box;
border-radius: 50%;
padding: 4px;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .installer-wrapper .download-segment-installer a {
margin-left: 1%;
color: #337ab7;
text-decoration: none;
background-color: transparent;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .installer-wrapper .download-segment-installer a:hover {
color: #23527c;
text-decoration: underline;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .installer-wrapper .sha-key-segment {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 1%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .installer-wrapper .sha-key-segment svg {
padding-right: 20px;
flex-shrink: 0;
width: 24px;
height: 24px;
font-size: 24px;
box-sizing: content-box;
border-radius: 50%;
padding: 4px;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .installer-wrapper .sha-key-segment span {
margin-left: 1%;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .BluiScoreCard-header h6 {
color: #333d43 !important;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .BluiScoreCard-header p {
color: #333d43 !important;
}
.viewProduct .download-segment .each-version-rendering .grid-cards .display-version-wrapper .score-card-list {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.viewProduct .view-tab-videos .video-segment {
display: flex;
flex-direction: row;
min-height: 250px;
overflow-y: auto;
}
@media (max-width: 767px) {
.viewProduct .view-tab-videos .video-segment {
flex-direction: column;
}
}
.viewProduct .view-tab-videos .video-segment:hover {
background-color: #e0eff8 !important;
cursor: pointer;
}
.viewProduct .view-tab-videos .video-segment img {
max-height: 200px;
max-width: 350px;
min-width: 350px;
padding: 20px;
}
.viewProduct .view-tab-videos .video-segment .text-segment-wrapper {
margin-left: 5%;
padding: 20px;
}
.viewProduct .view-tab-videos .video-segment .text-segment-wrapper .heading-segment p {
font-weight: 800;
font-size: 18px;
color: #5e696e;
padding-bottom: 20px;
}
.viewProduct .view-tab-videos .video-segment .text-segment-wrapper .description-segment p {
font-size: 14px;
max-height: 100px;
}
.viewProduct .view-tab-videos .video-segment .text-segment-wrapper .description-segment p b {
display: none;
}
.viewProduct .no-video-available {
height: 400px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.viewProduct .no-video-available svg {
font-size: 96px;
height: 96px;
width: 96px;
margin-bottom: 1%;
text-align: center;
color: #c6cacc;
}
@media (max-width: 767px) {
.viewProduct .no-video-available svg {
height: 50%;
width: 50%;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.viewProduct .no-video-available svg {
height: 50%;
width: 50%;
}
}
.viewProduct .no-video-available .no-video-available-text {
font: 600 1.25rem/1.6 Open Sans, Arial, Helvetica, sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.viewProduct .MuiCardContent-root {
padding: 0px !important;
}
.viewProduct .accordian-sum {
min-height: auto;
}
.viewProduct .accordian-det {
padding: 0px !important;
}
.css-prin32-MuiTypography-root {
background-color: #eef0f0 !important;
color: #424e54 !important;
}
.blui-score-card-header .blui-score-card-header-wrapper {
padding: 1rem 16px 0;
display: flex;
justify-content: space-between;
}
.MuiList-root .MuiList-padding .css-h4y409-MuiList-root {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.css-t47oqi-MuiTypography-root {
color: #424e54 !important;
}
#panel1a-content {
margin-left: 10px;
}
.css-ap34ds-MuiPaper-root-MuiAccordion-root.Mui-expanded:last-of-type {
margin-bottom: none;
}
.outer-display-link {
margin-left: 10px;
}
.nested-accordian {
margin: 2% 0% 2% 0%;
}
.grid-tree-view {
margin: 0% 0% 10px 0%;
}
.grid-tree-view .grid-tree-item {
margin-left: 20px;
}
.grid-tree-view .grid-tree-item ul {
margin-left: 0px;
}
.grid-tree-view .grid-tree-item ul li ul {
margin-left: 0px !important;
}
.grid-tree-view .grid-tree-item ul li .Mui-selected {
background-color: none;
}
.grid-tree-view .grid-tree-item ul li .Mui-focused {
background-color: none;
}
.show-documents-link {
text-decoration: none;
margin: 20px 3px 10px 3px;
}
.show-documents-link:hover {
text-decoration: underline;
color: #007bc1;
}
ul {
list-style-type: disc;
}
li {
list-style-type: disc;
}
li.li-ml-2 {
margin-left: 40px;
}
.outer-display-link-li {
margin: 0% 0% 0% 30px;
}
.outer-display-link-li:hover {
text-decoration: underline;
color: #007bc1;
}
.document-heading {
margin-top: 15px;
margin-left: 5px;
max-height: 35px;
color: #424e54;
font-size: 16px;
line-height: 35px;
font-weight: 600;
}
.css-15v22id-MuiAccordionDetails-root {
padding: 0px;
}
.current-version-nested-accordian {
margin-bottom: 2%;
}
.css-19kzrtu {
padding: 0px !important;
}
.css-46bh2p-MuiCardContent-root {
padding: 0px !important;
}
.css-8vrzrr-MuiTreeItem-content.Mui-selected {
background-color: transparent;
}
.css-8vrzrr-MuiTreeItem-content.Mui-selected:hover {
background-color: transparent;
}
.current-version li ul div .li-ml-2 {
margin-left: 40px;
}
.current-version li ul div ul.grid-tree-view .grid-tree-item {
margin-left: 20px;
}
.css-ap34ds-MuiPaper-root-MuiAccordion-root.Mui-expanded {
margin: 0 !important;
}
.css-o4b71y-MuiAccordionSummary-content.Mui-expanded {
margin: 10px 0 !important;
}
.css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root.Mui-expanded {
min-height: 30px;
}
.nested-tree-items {
margin-left: 40px;
}
.Mui-expanded {
margin: 0px !important;
}
.Mui-expanded.css-urwjxe {
margin: 0px !important;
}
.customersComponent {
padding: 12px;
}
.customer-edit-textfield {
padding: 12px 12px;
margin: 2px 0px;
}
div.table-pagination ul.pagination {
display: flex;
justify-content: flex-end;
}
div.table-pagination ul.pagination li {
margin: 10px;
list-style-type: none;
cursor: pointer;
}
#addEmailDomainsBtn {
display: flex;
justify-content: left;
padding: 30px;
}
.customersComponent.no-show {
display: none;
}
@media (max-width: 480px) {
.customersComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.customersComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.customersComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.customersComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.customersComponent {
margin: 5% 3% 0% 3%;
}
}
.customersComponent .AddCustomer-wrapper {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
}
.customersComponent .AddCustomer-wrapper .AddCustomer-button {
background-color: #007bc1;
color: #eef0f0;
}
@media (max-width: 767px) {
.customersComponent .AddCustomer-wrapper .AddCustomer-button {
width: 20%;
font-size: 50%;
}
}
@media (max-width: 767px) and (max-width: 767px) {
.customersComponent .AddCustomer-wrapper .AddCustomer-button {
width: 50%;
font-size: 80%;
height: 20%;
}
}
@media (max-width: 767px) {
.customersComponent .AddCustomer-wrapper .AddCustomer-button button svg {
height: 0.5em;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.customersComponent .AddCustomer-wrapper .AddCustomer-button {
width: 20%;
font-size: 50%;
}
}
@media (min-width: 768px) and (max-width: 1054px) and (max-width: 767px) {
.customersComponent .AddCustomer-wrapper .AddCustomer-button {
width: 50%;
font-size: 80%;
height: 20%;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.customersComponent .AddCustomer-wrapper .AddCustomer-button button svg {
height: 0.5em;
}
}
@media (max-width: 767px) {
.customersComponent .AddCustomer-wrapper .AddCustomer-button button {
margin: 0% 2% 0% 2%;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.customersComponent .AddCustomer-wrapper .AddCustomer-button button {
margin: 0% 2% 0% 2%;
}
}
.customersComponent .AddCustomer-wrapper .AddCustomer-button .users-filter {
padding-top: 15px;
width: 40%;
}
.customersComponent .AddCustomer-wrapper .AddCustomer-button .padding-0_75 {
padding: 0.75%;
}
.customersComponent .AddCustomer-wrapper .AddCustomer-button .margin-right-5 {
margin-right: 2px;
}
.customersComponent .AddCustomer-wrapper.users-button-wrapper {
display: flex;
align-items: center;
padding-bottom: 10px;
justify-content: unset;
margin-top: 1em;
}
.customersComponent .AddCustomer-wrapper.users-button-wrapper .table-filter {
width: auto;
}
.customersComponent .AddCustomer-wrapper.users-button-wrapper .right-action-btns {
width: 32%;
margin-left: 30%;
}
@media (max-width: 767px) {
.customersComponent .AddCustomer-wrapper.users-button-wrapper .right-action-btns {
width: 20%;
margin-left: 10%;
}
}
.customersComponent .AddCustomer-wrapper.users-button-wrapper .right-action-btns .right-btn-1 {
width: 40%;
margin-right: 3%;
}
@media (max-width: 767px) {
.customersComponent .AddCustomer-wrapper.users-button-wrapper .right-action-btns .right-btn-1 {
width: 90%;
margin-right: 0%;
margin-left: 2%;
}
}
.customersComponent .AddCustomer-wrapper.users-button-wrapper .right-action-btns .right-btn-2 {
width: 55%;
}
@media (max-width: 767px) {
.customersComponent .AddCustomer-wrapper.users-button-wrapper .right-action-btns .right-btn-2 {
width: 90%;
margin-right: 0%;
margin-left: 2%;
}
}
.customersComponent .AddCustomer-wrapper .users-filter .MuiOutlinedInput-notchedOutline.css-11d8evd-MuiOutlinedInput-notchedOutline {
height: 90%;
margin-top: 2%;
}
.width62 {
width: 62%;
}
#cancelButton {
background-color: #007bc1;
color: #eef0f0;
}
#submitButton {
background-color: #007bc1;
color: #eef0f0;
}
#submitButton:disabled {
background-color: #b3d7ec;
}
.delete-icon-email-domain:hover {
cursor: pointer;
}
.email-domain {
padding-left: 0.5%;
}
.parent-email-domain {
padding-bottom: 0px;
padding-left: 4.5%;
}
@media (max-width: 480px) {
.analyses {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.analyses {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.analyses {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.analyses {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.analyses {
margin: 5% 3% 0% 3%;
}
}
.analyses .hideDropDownFromToolbar {
display: none;
}
.analyses .caption-2 {
display: block;
white-space: nowrap;
font-weight: 600;
font-size: 12px;
margin-right: 4px;
}
.analyses .text-error {
font-weight: bold;
color: #e5ac12;
font-size: 14px;
display: block;
}
.analyses .title-label {
font: 700 0.875rem/1.43 Open Sans, Arial, Helvetica, sans-serif;
letter-spacing: normal;
}
.analyses .notready-icon {
zoom: 115%;
color: #e5ac12;
}
.analyses .error-icon {
zoom: 115%;
color: #ca3c3d;
}
.analyses .success-icon {
zoom: 115%;
color: #178e0b;
}
.analyses .loop-icon {
zoom: 70%;
background-color: #007bc1;
color: #ffffff;
animation: rotating 6s linear infinite;
border-radius: 50%;
padding: 0.5rem;
width: 2.5rem;
height: 2.5rem;
}
.analyses .analytics-primary-btn {
color: #fff;
background-color: #007bc1;
min-width: 128px;
margin-top: 5px;
}
.analyses .analytics-secondary-btn {
color: #007bc1;
border: 1px solid #007bc1;
background-color: transparent;
min-width: 128px;
margin-top: 5px;
}
.analyses .getapp {
margin: 0 8px 0 -4px;
height: 1.125rem;
width: 1.125rem;
font-size: 1.125rem;
}
.analyses .width25 {
width: 20%;
margin-right: 30px;
margin-bottom: 20px;
}
.uploadFileComponent {
padding: 20px;
margin-top: 0%;
}
@media (max-width: 480px) {
.uploadFileComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.uploadFileComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.uploadFileComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.uploadFileComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.uploadFileComponent {
margin: 5% 3% 0% 3%;
}
}
@media (max-width: 767px) {
.uploadFileComponent {
margin-top: 10%;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.uploadFileComponent {
margin-top: 10%;
}
}
@media (max-width: 480px) {
.fileUploadComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.fileUploadComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.fileUploadComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.fileUploadComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.fileUploadComponent {
margin: 5% 3% 0% 3%;
}
}
.fileUploadComponent .dropzone {
border: 2px dashed #007bc1;
padding: 20px;
text-align: center;
cursor: pointer;
}
.fileUploadComponent p.upload-fileName {
color: #007bc1;
}
.fileUploadComponent .sub-upload-component {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding-top: 20px;
}
.fileUploadComponent .Upload-btn {
background-color: #007bc1;
color: #eef0f0;
width: 8%;
}
.autoApproval {
margin: 10px;
}
@media (max-width: 480px) {
.autoApproval {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.autoApproval {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.autoApproval {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.autoApproval {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.autoApproval {
margin: 5% 3% 0% 3%;
}
}
@media (max-width: 767px) {
.autoApproval .mobile-wrapper {
margin-top: 5%;
display: flex;
justify-content: space-between;
}
}
.autoApproval .blockquote {
quotes: none;
border-left: 6px #4da3d4 solid;
background: #e0eff8;
font-weight: 600;
margin: 0px;
margin-bottom: 1rem;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.autoApproval .blockquote:before,
.autoApproval .blockquote:after {
content: "";
content: none;
}
.autoApproval .add-approvals {
margin: 2% 0%;
}
@media (max-width: 767px) {
.autoApproval .add-approvals {
width: 80%;
font-size: 80%;
height: 80%;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.autoApproval .add-approvals {
width: 80%;
font-size: 80%;
height: 80%;
}
}
.autoApproval .marin-right-10 {
margin-right: 10px;
}
.autoApproval .margin-top-bottom-30 {
margin: 30px 0px;
}
.autoApproval .MuiTableRow-root.MuiTableRow-head.css-msldu1-MuiTableRow-root {
border-bottom: 1px solid rgb(232, 233, 234);
}
.autoApproval .width50 {
display: inline-flex;
}
.autoApproval .width50 .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-underline.MuiInputBase-colorPrimary.MuiInputBase-formControl.css-1iumomf-MuiInputBase-root-MuiFilledInput-root-MuiSelect-root {
width: 100% !important;
}
.autoApproval .width62 .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-underline.MuiInputBase-colorPrimary.MuiInputBase-formControl.css-1iumomf-MuiInputBase-root-MuiFilledInput-root-MuiSelect-root {
width: 56.5% !important;
}
#wrapperCancelConfirm {
margin-top: 2%;
margin-bottom: 2%;
padding-top: 3%;
padding-right: 5%;
border-top: 1px solid rgb(232, 233, 234);
}
#bottomBorder {
border-top: 1px solid rgb(232, 233, 234);
}
.users .width62 #select-cusomer {
width: 66% !important;
}
.users .user-width-60 {
width: 60% !important;
}
.AllFilesComponent {
padding: 10px;
margin-top: 8%;
}
@media (max-width: 480px) {
.AllFilesComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.AllFilesComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.AllFilesComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.AllFilesComponent {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.AllFilesComponent {
margin: 5% 3% 0% 3%;
}
}
.AllFilesComponent .button-container {
display: flex;
justify-content: start;
margin: 10px 0 20px 0;
}
.AllFilesComponent .runAllRules {
background-color: #007bc1;
color: #eef0f0;
width: 123px;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.AllFilesComponent .refreshIcon {
animation: rotate 2s linear infinite;
}
.AllFilesComponent .allFiles-list {
border: 2px dotted gray;
}
.AllFilesComponent .grids {
padding: 20px;
display: flex;
justify-content: space-between;
}
.AllFilesComponent .cards {
padding: 0px;
}
.AllFilesComponent .cards .box-container {
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.AllFilesComponent .cards .filter-container {
padding: 0px;
justify-content: end;
margin-bottom: 10px;
}
.AllFilesComponent .cards .filter-container fieldset {
border: none;
}
.AllFilesComponent .cards .filter-container .formControl {
padding: 0px;
}
.AllFilesComponent .cards .filter-container .formControl label {
line-height: 0.9em;
}
.AllFilesComponent .cards .filter-container .selectDropdown .MuiSelect-outlined {
padding: 10px;
}
.AllFilesComponent .cards .tableHeading {
font-size: 14px;
color: #007bc1;
font-weight: 600;
margin-left: 12px;
}
.AllFilesComponent .card-container {
padding-right: 15px;
padding-left: 10px;
display: grid;
grid-template-columns: 4% 17% 47% auto 3%;
grid-gap: 10px;
border: 1px solid;
border-bottom: none;
border-right: none;
border-left: none;
border-top-color: rgba(66, 78, 84, 0.12);
}
.AllFilesComponent .card-container .statusIcon {
color: #178e0b;
}
.AllFilesComponent .card-container .card-item {
padding: 10px 5px 10px 5px;
}
.AllFilesComponent .card-container .card-item p {
margin: 0px;
}
.AllFilesComponent .card-container .card-item.statusIcon {
display: flex;
align-items: center;
}
.AllFilesComponent .card-container .card-item.statusIcon .errorIcon path {
fill: #d2595a;
}
.AllFilesComponent .card-container .card-item.status {
display: flex;
align-items: center;
justify-content: right;
width: auto;
}
.AllFilesComponent .card-container .card-item.status #fileStatus-success {
background-color: #178e0b;
}
.AllFilesComponent .card-container .card-item.status #fileStatus-warning {
background-color: #f47721;
}
.AllFilesComponent .card-container .card-item.status #fileStatus-error {
background-color: #ca3c3d;
}
.AllFilesComponent .card-container .card-item.info {
overflow: hidden;
display: flex;
align-items: left;
flex-direction: column;
justify-content: center;
}
.AllFilesComponent .card-container .card-item.info p {
white-space: nowrap;
font-weight: 600;
font-size: 10px;
margin-right: 0px;
display: inline-block;
}
.AllFilesComponent .card-container .card-item.info .info-item1 {
font-weight: 400;
font-size: 12px;
}
@media (max-width: 767px) {
.AllFilesComponent .card-container .card-item.info .info-item2 {
display: none;
}
}
.AllFilesComponent .card-container .card-item.description {
overflow: hidden;
text-overflow: ellipsis;
}
.AllFilesComponent .card-container .card-item.description .name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
box-sizing: border-box;
font-size: 1rem;
font-weight: 600;
line-height: 1.25;
margin-bottom: 0;
}
.AllFilesComponent .card-container .card-item.description a {
color: #007bc1;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
}
.AllFilesComponent .card-container .card-item.description .serialNumber {
font-size: 10px;
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
}
.AllFilesComponent .card-container .card-item.status .tags {
display: grid;
grid-template-columns: auto auto auto;
align-items: center;
place-self: center;
grid-column-gap: 4px;
}
@media (max-width: 767px) {
.AllFilesComponent .card-container .card-item.status .tags {
display: block;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.AllFilesComponent .card-container .card-item.status .tags {
display: block;
}
}
.AllFilesComponent .card-container .card-item.status .tags .tag {
padding: 0 0.25rem;
overflow: hidden;
}
@media (max-width: 767px) {
.AllFilesComponent .card-container .card-item.status .tags .tag {
margin-bottom: 5px;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.AllFilesComponent .card-container .card-item.status .tags .tag {
margin-bottom: 5px;
}
}
.AllFilesComponent .card-container .card-item.status .tags .tag .listItem-tag-content .listItem-Label {
color: rgb(255, 255, 255) !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: -1px;
line-height: 1rem;
font-size: 0.625rem;
}
.AllFilesComponent .card-container .card-item.editBtn {
display: flex;
align-items: center;
color: #727e84;
}
.custom-popin {
padding: 10px;
}
.custom-popin .custom-popin-options {
display: flex;
flex-direction: column;
gap: 8px;
}
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation8.MuiPopover-paper.css-1kiaftx-MuiPaper-root-MuiPopover-paper {
box-shadow: none;
border: 1px solid #7b8387;
}
.js-register-customer {
margin-left: 4% !important;
margin-top: 7% !important;
}
.js-register-customer blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.js-register-customer blockquote:before,
.js-register-customer blockquote:after {
content: "";
content: none;
}
@media (max-width: 480px) {
.js-register-customer {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.js-register-customer {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.js-register-customer {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.js-register-customer {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.js-register-customer {
margin: 5% 3% 0% 3%;
}
}
.js-register-customer .js-customer-section-heading {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
color: #007bc1;
margin-top: 3px;
margin-bottom: 10px;
}
.js-register-customer .js-customer-contact-info-section-heading {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
color: #007bc1;
margin-top: 50px;
margin-bottom: 10px;
}
.AllRules {
padding: 20px;
}
@media (max-width: 480px) {
.AllRules {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.AllRules {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.AllRules {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.AllRules {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.AllRules {
margin: 5% 3% 0% 3%;
}
}
.AllRules .rules-paper {
border: 2px solid gainsboro;
}
.AllRules .rules-paper .allRules-typo {
width: 100%;
}
.AllRules .rules-paper .allRules-typo .rules-header {
display: grid;
grid-template-columns: 5% 13% auto 25% 3%;
grid-gap: 10px;
align-items: center;
}
.AllRules .rules-paper .allRules-typo .rules-header .rules-icon {
flex-direction: column;
align-items: center;
}
.AllRules .rules-paper .allRules-typo .rules-header .rules-icon .rules-icon-container {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 30px;
height: 30px;
}
.AllRules .rules-paper .allRules-typo .rules-header .rules-icon .rules-icon-container.icon-red {
background-color: #d2595a;
}
.AllRules .rules-paper .allRules-typo .rules-header .rules-icon .rules-icon-container.icon-orange {
background-color: #f68b42;
}
.AllRules .rules-paper .allRules-typo .rules-header .rules-icon .rules-icon-container.icon-blue {
background-color: #268fca;
}
.AllRules .rules-paper .allRules-typo .rules-header .rules-icon .rules-icon-container svg {
width: 17px;
height: 20px;
fill: #fff;
}
.AllRules .rules-paper .allRules-typo .rules-header .time-wrapper {
box-sizing: border-box;
}
.AllRules .rules-paper .allRules-typo .rules-header .time-wrapper span {
display: block;
font-size: 12px;
font-weight: 600;
margin-right: 4px;
}
.AllRules .rules-paper .allRules-typo .rules-header .details-wrapper {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
}
.AllRules .rules-paper .allRules-typo .rules-header .details-wrapper .details-name {
font-weight: 600;
}
.AllRules .rules-paper .allRules-typo .rules-header .details-wrapper .details-email {
font-weight: 400;
display: block;
}
.AllRules .rules-paper .allRules-typo .rules-header .state-wrapper {
text-align: center;
}
@media (max-width: 767px) {
.AllRules .rules-paper .allRules-typo .rules-header .state-wrapper {
display: none;
}
}
.AllRules .rules-paper .allRules-typo .rules-header .state-wrapper .rules-listItemTag {
padding: 0px 4px;
width: 142px;
}
.AllRules .rules-paper .allRules-typo .rules-header .state-wrapper .rules-listItemTag.icon-red {
background-color: #d2595a;
}
.AllRules .rules-paper .allRules-typo .rules-header .state-wrapper .rules-listItemTag.icon-orange {
background-color: #f68b42;
}
.AllRules .rules-paper .allRules-typo .rules-header .state-wrapper .rules-listItemTag.icon-blue {
background-color: #268fca;
}
.AllRules .rules-paper .rules-container .keyValueTable {
padding: 10px;
}
.myRules {
padding: 20px;
}
@media (max-width: 480px) {
.myRules {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.myRules {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.myRules {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.myRules {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.myRules {
margin: 5% 3% 0% 3%;
}
}
.myRules .button-container {
display: flex;
justify-content: start;
padding: 0px 20px 10px 0px;
}
.myRules .addRule {
background-color: #007bc1;
color: #eef0f0;
}
.myRules .typo {
width: 100%;
}
.myRules .typo .accordian-header-container {
display: grid;
grid-template-columns: 5% 13% auto 25% 3%;
grid-gap: 10px;
align-items: center;
}
@media (max-width: 767px) {
.myRules .typo .accordian-header-container {
grid-template-columns: 7% 22% 68% 3%;
}
}
.myRules .typo .accordian-header-container .rules-icon {
flex-direction: column;
align-items: center;
}
.myRules .typo .accordian-header-container .rules-icon .rules-icon-container {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 30px;
height: 30px;
}
.myRules .typo .accordian-header-container .rules-icon .rules-icon-container.icon-red {
background-color: #d2595a;
}
.myRules .typo .accordian-header-container .rules-icon .rules-icon-container.icon-orange {
background-color: #f68b42;
}
.myRules .typo .accordian-header-container .rules-icon .rules-icon-container.icon-blue {
background-color: #268fca;
}
.myRules .typo .accordian-header-container .rules-icon .rules-icon-container svg {
width: 17px;
height: 20px;
fill: #fff;
}
.myRules .typo .accordian-header-container .time-wrapper {
box-sizing: border-box;
}
.myRules .typo .accordian-header-container .time-wrapper span {
display: block;
font-size: 12px;
font-weight: 600;
margin-right: 4px;
}
.myRules .typo .accordian-header-container .details-wrapper {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
}
.myRules .typo .accordian-header-container .details-wrapper .details-name {
font-weight: 600;
}
.myRules .typo .accordian-header-container .details-wrapper .details-email {
font-weight: 400;
display: block;
}
.myRules .typo .accordian-header-container .state-wrapper {
text-align: center;
}
@media (max-width: 767px) {
.myRules .typo .accordian-header-container .state-wrapper {
display: none;
}
}
.myRules .typo .accordian-header-container .state-wrapper .rules-listItemTag {
padding: 0px 4px;
width: 142px;
}
.myRules .typo .accordian-header-container .state-wrapper .rules-listItemTag.icon-red {
background-color: #d2595a;
}
.myRules .typo .accordian-header-container .state-wrapper .rules-listItemTag.icon-orange {
background-color: #f68b42;
}
.myRules .typo .accordian-header-container .state-wrapper .rules-listItemTag.icon-blue {
background-color: #268fca;
}
.myRules .accordian-details-table {
width: 97%;
margin-left: 1%;
}
.AddRule {
margin: 0;
}
@media (max-width: 480px) {
.AddRule {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.AddRule {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.AddRule {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.AddRule {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.AddRule {
margin: 5% 3% 0% 3%;
}
}
.AddRule .wrapper-ruleExample {
background-color: #eeeeee;
}
.AddRule .AddRules-form {
padding: 1% 5% 0% 5%;
}
.AddRule .AddRules-form > div {
padding-bottom: 20px;
}
.AddRule .AddRules-form .AddRules-textfield {
width: 100%;
}
.AddRule .AddRules-form .button-wrapper {
text-align: right;
}
.AddRule .AddRules-form .button-wrapper .reset-button {
margin: 0px 5px 5px 5px;
}
.AddRule .AddRules-form .button-wrapper .submit-button {
margin: 0px 5px 5px 5px;
}
.js-register-customer-site {
margin-left: 4% !important;
margin-top: 7% !important;
}
@media (max-width: 480px) {
.js-register-customer-site {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.js-register-customer-site {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.js-register-customer-site {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.js-register-customer-site {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.js-register-customer-site {
margin: 5% 3% 0% 3%;
}
}
.js-register-customer-site .js-customer-section-heading {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
color: #007bc1;
margin-top: 3px;
margin-bottom: 10px;
}
.js-register-customer-site .js-site-information-section-heading {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
color: #007bc1;
margin-top: 3px;
margin-bottom: 10px;
}
.findDeviceByType {
padding: 20px;
}
@media (max-width: 480px) {
.findDeviceByType {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.findDeviceByType {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.findDeviceByType {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.findDeviceByType {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.findDeviceByType {
margin: 5% 3% 0% 3%;
}
}
.findDeviceByType .findDevice-content {
padding-bottom: 5%;
}
.findDeviceByType .findDevice-content blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.findDeviceByType .findDevice-content blockquote:before,
.findDeviceByType .findDevice-content blockquote:after {
content: "";
content: none;
}
.findDeviceByType .findDevice-controls-field {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.findDeviceByType .findDevice-controls-field .findDevice-select, .findDeviceByType .findDevice-controls-field .findDevice-textfield {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
margin-bottom: 10px;
}
.findDeviceByType .findDevice-controls-field .findDevice-select-label, .findDeviceByType .findDevice-controls-field .findDevice-textfield-label {
min-width: 150px;
margin-right: 20px;
}
.findDeviceByType .findDevice-controls-field .findDevice-select-dropdown, .findDeviceByType .findDevice-controls-field .findDevice-textinput {
flex-grow: 1;
}
.findDeviceByType .findDevice-controls-field .findDevice-select-dropdown > div, .findDeviceByType .findDevice-controls-field .findDevice-textinput > div {
width: 50%;
min-width: 100px;
}
.findDeviceByType .findDevice-formControl {
width: 100%;
}
.findDeviceByType .findDevice-controls-buttons {
display: flex;
flex-direction: row;
justify-content: right;
}
@media (max-width: 480px) {
.findDeviceByType .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.findDeviceByType .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.findDeviceByType .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.findDeviceByType .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.findDeviceByType .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
.spinner-container {
display: flex;
align-items: center;
justify-content: center;
}
.findDeviceByRegisterationKey {
padding: 20px;
}
@media (max-width: 480px) {
.findDeviceByRegisterationKey {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.findDeviceByRegisterationKey {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.findDeviceByRegisterationKey {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.findDeviceByRegisterationKey {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.findDeviceByRegisterationKey {
margin: 5% 3% 0% 3%;
}
}
.findDeviceByRegisterationKey .findDevice-content blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.findDeviceByRegisterationKey .findDevice-content blockquote:before,
.findDeviceByRegisterationKey .findDevice-content blockquote:after {
content: "";
content: none;
}
.findDeviceByRegisterationKey .findDevice-controls {
margin-top: 20px;
}
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-field {
display: flex;
align-items: center;
margin-top: 3%;
}
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-field .findDevice-textfield {
display: inline;
margin-left: 15px;
}
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-field .findDevice-textfield #findDevice-inputField {
margin: 0px 0px 20px 20px;
}
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-buttons {
display: flex;
flex-direction: row;
justify-content: right;
}
@media (max-width: 480px) {
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.findDeviceByRegisterationKey .findDevice-controls .findDevice-controls-buttons button {
margin: 5% 3% 0% 3%;
}
}
.assignDevice {
padding: 20px;
margin: 20px;
}
.assignDevice .blockquote-text {
margin-top: 5%;
}
.assignDevice .blockquote-text blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.assignDevice .blockquote-text blockquote:before,
.assignDevice .blockquote-text blockquote:after {
content: "";
content: none;
}
.assignDevice .assignDevice-controls .addNewCustomer-wrapper {
display: flex;
justify-content: end;
}
.assignDevice .assignDevice-controls .addNewSite-wrapper {
display: flex;
justify-content: end;
}
.assignDevice .assignDevice-table .table-filter-wrapper .table-filter {
margin-bottom: 2%;
}
.assignDevice .assignDevice-button {
display: flex;
justify-content: end;
}
.spinner-container {
display: flex;
align-items: center;
justify-content: center;
}
.blockquote-text blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.blockquote-text blockquote:before,
.blockquote-text blockquote:after {
content: "";
content: none;
}
.device-registeration {
margin-top: 8%;
margin-left: 3%;
}
@media (max-width: 480px) {
.device-registeration {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.device-registeration {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.device-registeration {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.device-registeration {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.device-registeration {
margin: 5% 3% 0% 3%;
}
}
.device-registeration .device-registeration-content blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.device-registeration .device-registeration-content blockquote:before,
.device-registeration .device-registeration-content blockquote:after {
content: "";
content: none;
}
.device-registeration .device-registeration-controls {
display: flex;
margin-top: 3%;
justify-content: space-around;
align-items: center;
}
.device-registeration .device-registeration-controls .device-registeration-inputField #device-registeration-textField {
width: 350px;
height: 350px;
}
.device-registeration .device-registeration-buttons {
display: flex;
justify-content: end;
margin: 20px;
}
.device-registeration .device-registeration-buttons .findDevice-submit-button {
margin-left: 10px;
}
.device-registeration .device-registeration-buttons button {
margin-bottom: 3%;
}
.deviceReset {
padding: 20px;
}
@media (max-width: 480px) {
.deviceReset {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.deviceReset {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.deviceReset {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.deviceReset {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.deviceReset {
margin: 5% 3% 0% 3%;
}
}
.deviceReset .deviceReset-content {
margin-top: 5%;
}
.deviceReset .deviceReset-content blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.deviceReset .deviceReset-content blockquote:before,
.deviceReset .deviceReset-content blockquote:after {
content: "";
content: none;
}
.deviceReset .deviceReset-device-info {
margin-top: 5%;
padding: 5% 5%;
border: 2px solid #80bde0;
}
.deviceReset .deviceReset-manufacturing-info {
margin-top: 5%;
padding: 5% 5%;
border: 2px solid #80bde0;
}
.deviceReset .deviceReset-manufacturing-info .deviceReset-blockContent blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.deviceReset .deviceReset-manufacturing-info .deviceReset-blockContent blockquote:before,
.deviceReset .deviceReset-manufacturing-info .deviceReset-blockContent blockquote:after {
content: "";
content: none;
}
.deviceReset .deviceReset-site-info {
margin-top: 5%;
padding: 5% 5%;
border: 2px solid #80bde0;
}
.deviceReset .deviceReset-site-info .deviceReset-blockContent blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.deviceReset .deviceReset-site-info .deviceReset-blockContent blockquote:before,
.deviceReset .deviceReset-site-info .deviceReset-blockContent blockquote:after {
content: "";
content: none;
}
.deviceReset .deviceReset-record-info {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 5%;
padding: 5% 5%;
border: 2px solid #80bde0;
}
.deviceReset .deviceReset-record-info .rowish-display {
display: flex;
flex-direction: row;
padding: 1%;
}
.deviceReset .deviceReset-record-info .rowish-display a {
margin-left: 2%;
}
.deviceReset .deviceReset-record-info .initiation-code {
display: flex;
flex-direction: row;
align-items: center;
padding: 1%;
}
.deviceReset .deviceReset-record-info .initiation-code .deviceReset-textfield-label {
margin-right: 1%;
}
.deviceReset .deviceReset-record-info .initiation-code .initiation-code-textfield {
display: flex;
align-items: center;
}
.deviceReset .deviceReset-record-info .initiation-code .initiation-code-textfield .generated-timestamp {
margin-left: 3%;
}
.deviceReset .deviceReset-record-info .initiation-code .button-wrapper {
margin-left: 38%;
}
.deviceReset .deviceReset-record-info .initiation-code .button-wrapper.date-displayed {
margin-left: 14%;
}
.deviceReset .deviceReset-record-info .request-code {
display: flex;
flex-direction: row;
align-items: center;
padding: 1%;
}
.deviceReset .deviceReset-record-info .request-code .deviceReset-textfield-label {
margin-right: 1%;
width: 12%;
}
.deviceReset .deviceReset-record-info .request-code .request-code-textfield {
width: 40%;
}
.deviceReset .deviceReset-record-info .request-code .button-wrapper {
width: 50%;
}
.deviceReset .deviceReset-record-info .response-code {
display: flex;
flex-direction: row;
align-items: center;
padding: 1%;
}
.deviceReset .deviceReset-record-info .response-code .deviceReset-textfield-label {
margin-right: 1%;
width: 17%;
}
.deviceReset .deviceReset-record-info .response-code .response-code-textfield {
width: 50%;
}
.deviceReset .deviceReset-record-info .response-code button {
margin-left: 40%;
margin-right: 1%;
}
.deviceReset .grid-cards {
margin-bottom: 3%;
}
@media (max-width: 480px) {
.change-device-site {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.change-device-site {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.change-device-site {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.change-device-site {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.change-device-site {
margin: 5% 3% 0% 3%;
}
}
.change-device-site .change-device-site-button-wrapper {
/* Add button related styles here */
border: none;
}
.change-device-site .change-device-site-button-wrapper button {
margin: 2% 0%;
}
.change-device-site .change-device-site-content blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.change-device-site .change-device-site-content blockquote:before,
.change-device-site .change-device-site-content blockquote:after {
content: "";
content: none;
}
.change-device-site .form {
border: 2px solid #80bde0;
margin-top: 5%;
padding: 20px;
}
.change-device-site .change-device-site-tableSegment {
margin: 5% 0%;
}
.form {
display: flex;
flex-direction: column;
}
.form .form-row {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
margin-bottom: 10px;
}
.form .form-row label {
flex: 1;
padding-right: 10px;
}
.form .form-row input {
flex: 2;
padding: 5px;
border: 1px solid #ccc;
}
@media (max-width: 480px) {
.add-device {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.add-device {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.add-device {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.add-device {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.add-device {
margin: 5% 3% 0% 3%;
}
}
.add-device .change-device-site-button-wrapper {
margin-top: 6%;
}
.add-device .add-device-site-content blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.add-device .add-device-site-content blockquote:before,
.add-device .add-device-site-content blockquote:after {
content: "";
content: none;
}
.add-device .form {
border: 2px solid #80bde0;
margin-top: 5%;
padding: 20px;
max-width: 100%;
}
.button-wrapper button {
margin: 2%;
}
.list-devices {
margin-top: 8%;
margin-left: 3%;
}
@media (max-width: 480px) {
.list-devices {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.list-devices {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.list-devices {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.list-devices {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.list-devices {
margin: 5% 3% 0% 3%;
}
}
.list-devices .list-devices-content blockquote {
quotes: none;
border-left: 6px #007bc1 solid;
background: rgba(0, 123, 193, 0.1);
margin: 0px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.list-devices .list-devices-content blockquote:before,
.list-devices .list-devices-content blockquote:after {
content: "";
content: none;
}
.list-devices .list-device-table {
margin-top: 3%;
}
.list-devices .list-device-table .table-filter {
margin-bottom: 3%;
}
.list-devices .MuiDataGrid-row:hover {
cursor: pointer;
}
.list-devices .selected-row {
background-color: #b3d7ec !important;
}
.list-devices .MuiDataGrid-cell:focus {
outline: none;
}
.pending-approvals {
margin: 15px;
margin-top: 8%;
margin-left: 2%;
}
.pending-approvals .pending-approvals-accordian {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-direction: column;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary {
width: 100%;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .pending-approvals-icon {
width: 7%;
}
@media (max-width: 767px) {
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .pending-approvals-icon {
width: 10%;
}
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .pending-approvals-product-name {
width: 30%;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .pending-approvals-product-name p {
text-overflow: ellipsis;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .pending-approvals-email {
width: 35%;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .pending-approvals-email p {
overflow-wrap: break-word;
margin-left: 20%;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .pending-approvals-email p ::before {
content: "(";
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .pending-approvals-email p ::after {
content: ")";
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .mobile-product-name-email-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .mobile-product-name-email-wrapper .pending-approvals-product-name {
width: 15%;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .mobile-product-name-email-wrapper .pending-approvals-product-name p {
text-overflow: ellipsis;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .mobile-product-name-email-wrapper .pending-approvals-email {
width: 30%;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .mobile-product-name-email-wrapper .pending-approvals-email p {
overflow-wrap: break-word;
margin-left: 20%;
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .mobile-product-name-email-wrapper .pending-approvals-email p ::before {
content: "(";
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .mobile-product-name-email-wrapper .pending-approvals-email p ::after {
content: ")";
}
@media (max-width: 767px) {
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .mobile-product-name-email-wrapper .pending-approvals-email p {
margin-left: 0%;
}
}
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .button-wrapper {
width: 20%;
display: flex;
flex-direction: row;
}
@media (max-width: 767px) {
.pending-approvals .pending-approvals-accordian .pending-approvals-accordian-summary .MuiAccordionSummary-content .button-wrapper {
display: flex;
flex-direction: column;
}
}
.pending-approvals .pending-approvals-accordian .MuiCollapse-entered {
width: 100%;
}
@media (min-width: 1055px) {
.pending-approvals .pending-approvals-accordian-summary > div {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.pending-approvals .pending-approvals-accordian-summary > div button {
margin: 0% 2%;
}
}
@media (max-width: 480px) {
.Rejection-window {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.Rejection-window {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.Rejection-window {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.Rejection-window {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.Rejection-window {
margin: 5% 3% 0% 3%;
}
}
.Rejection-window .Rejection-window-message-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.Rejection-window .Rejection-window-button-wrapper {
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.keyValueTable td {
padding-left: 10%;
}
.react-home-container {
color: #fff;
height: 100vh;
}
.react-home-container .logoImg {
margin-top: 7px;
width: 127px !important;
height: 32px !important;
}
.react-home-container .app-bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
}
.react-home-container .appBar-login-btn {
color: #fff;
background-color: #4da3d4;
}
.react-home-container .welcome-body {
height: 50%;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: grid;
place-items: center;
}
.react-home-container .welcome-body .welcome-content {
width: 70%;
text-align: center;
}
.react-home-container .welcome-body .welcome-content .welcome-content1,
.react-home-container .welcome-body .welcome-content .welcome-content2,
.react-home-container .welcome-body .welcome-content button {
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
text-shadow: #000000 1px 0 10px;
}
.react-home-container .welcome-body .welcome-content .welcome-content1 {
font-size: 41px;
}
.react-home-container .welcome-body .welcome-content .welcome-content2 {
font-size: 18px !important;
}
@media (max-width: 767px) {
.react-home-container .welcome-body .welcome-content .welcome-content2 {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.react-home-container .welcome-body .welcome-content .welcome-content2 {
display: none;
}
}
.react-home-container .welcome-body .welcome-content button {
margin-top: 40px;
color: #fff;
border-radius: 0;
border: 3px solid #fff;
padding: 18px 36px;
font-size: 20px;
text-shadow: none;
}
.react-home-container .welcome-body .welcome-content button:hover {
color: #005eb8;
background-color: #fff;
text-shadow: none;
}
.react-home-container .welcome-body .welcome-content .home-page-hero__cta {
font-weight: bold;
}
.react-home-container .welcome-body a {
color: #80bde0;
}
.react-home-container .welcome-body2 {
height: 60%;
color: #424e54;
display: flex;
align-items: center;
justify-content: center;
}
.react-home-container .welcome-body2 .welcome-body2-content {
width: 71%;
margin-top: 150px;
margin-bottom: 150px;
}
.react-home-container .welcome-body2 .h-line {
border-top: 5px solid #005eb8;
margin-top: 48px;
margin-bottom: 48px;
width: 73%;
}
.react-home-container .welcome-body2 .welcome-text1 {
font-size: 27px;
}
.react-home-container .welcome-body2 .welcome-text2 {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
.react-home-container .welcome-body2 .welcome-text2 ul {
margin: 0px;
}
.react-home-container footer {
text-align: center;
height: 50px;
background-color: #5e696e;
padding: 11px;
}
.copy-link-close-icon {
cursor: pointer;
height: 24px;
width: 24px;
top: 1.5em !important;
right: 1em !important;
}
.copy-link-title {
line-height: 27.24px;
width: 427px;
height: 27px;
font-weight: 600;
size: 20px;
margin-bottom: 5px !important;
margin-top: 1em;
}
.wrapper {
display: flex;
flex-direction: column;
}
.wrapper .copy-link-display-text {
size: 16px;
line-height: 21.79px;
padding-bottom: 32px !important;
border-bottom: 1px solid #e8eaea;
}
@media (max-width: 767px) {
.wrapper .copy-link-display-text {
width: 300px;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.wrapper .copy-link-display-text {
width: 300px;
}
}
.wrapper .copy-link-textfield {
margin-top: 2em;
margin-bottom: 2em;
}
.wrapper .copy-link-textfield div {
padding-right: 0px !important;
}
.wrapper .copy-icon-wrapper {
width: 62px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #007bc1;
border-radius: 4px;
cursor: pointer;
}
.wrapper .copy-icon-wrapper:hover {
background: #4da3d4;
}
.wrapper .copy-icon-wrapper .copy-link-icon {
color: white;
}
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24.MuiDialog-paper.MuiDialog-paperScrollPaper.MuiDialog-paperWidthSm.MuiDialog-paperFullWidth.css-1ml6wjj {
height: 325px;
width: 475px;
}
.users .select-product {
width: 100%;
}
@media (max-width: 767px) {
.users .users-button-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.users .users-button-wrapper .users-filter {
width: 100px !important;
}
.users .users-button-wrapper .right-action-btns {
display: flex;
flex-direction: column;
}
}
@media (max-width: 767px) {
.operational-analytics-react-wrapper .reportErrorContainer {
display: none;
}
}
.video-overlay-component {
display: grid;
}
.video-overlay-component button.close-button {
justify-self: end;
grid-row: 1;
}
.video-overlay-component button.close-button:hover {
cursor: pointer;
}
.page-not-found-wrapper {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
}
.page-not-found-wrapper .pnf-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.page-not-found-wrapper .pnf-container .text-404 {
font-size: 80px;
font-weight: 600;
margin: 0px;
}
.page-not-found-wrapper .pnf-container .pageNotFnd-text {
color: #007BC1;
margin: 0px;
font-weight: 400;
font-size: 34px;
}
.page-not-found-wrapper .pnf-container .pageNotFnd-content {
font-weight: 400;
font-size: 18px;
margin: 2%;
font-family: "Open Sans";
}
/*Genral css placed here, to make them apply thoughout the App */
/* Saas Demo*/
.nav-icn {
position: relative;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-ms-flex-negative: 0;
flex-shrink: 0;
font-family: "Open Sans", Helvetica, Roboto, sans-serif;
font-size: 1.25rem;
line-height: 1;
border-radius: 50%;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #007bc1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: transparent;
overflow: visible;
width: 1.5rem;
height: 1.3rem;
margin-right: 0px;
}
.width50 {
width: 50%;
}
.width15 {
width: 15%;
}
.width14 {
width: 14%;
}
.width10 {
width: 10%;
}
.align-right {
text-align: right;
}
.button-wrapper {
display: flex;
justify-content: end;
align-items: center;
}
.mat-toolbar.blui-app-bar-content {
display: none;
}
.MuiToolbar-root.MuiToolbar-regular.BluiDrawerHeader-root.css-st1dso {
z-index: 900;
}
.mat-focus-indicator.actionButton.mat-button.mat-flat-button.mat-button-base.mat-primary.ng-star-inserted {
background-color: #007bc1 !important;
}
.mat-focus-indicator.actionButton.mat-button.mat-flat-button.mat-button-base.mat-primary.ng-star-inserted:hover {
background-color: #4da3d4 !important;
}
.BluiDrawerHeader-title {
font-size: 16px !important;
}
.BluiDrawerBody-root {
padding-top: 10px;
}
.BluiDrawerNavItem-title {
font-size: 14px !important;
}
.BluiInfoListItem-icon {
-webkit-justify-content: flex-start;
margin-right: 0px;
}
.MuiListItem-root {
height: 45px !important;
}
.MuiSvgIcon {
height: 21px !important;
}
.page-heading {
padding-left: 15em;
display: flex;
flex-direction: row;
}
.page-heading svg {
margin-right: 0.5em;
}
@media (max-width: 767px) {
.page-heading {
padding-left: 0px;
}
}
.page-heading.drawer-closed {
padding-left: 0em;
}
@media (max-width: 767px) {
.page-heading.drawer-closed {
padding-left: 0px;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.page-heading.drawer-closed {
padding-left: 0px;
}
}
.fix-page-heading {
margin-left: 2%;
margin-right: 0px;
}
@media (max-width: 480px) {
.fix-page-heading {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.fix-page-heading {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.fix-page-heading {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.fix-page-heading {
margin: 5% 3% 0% 3%;
}
}
@media (min-width: 1281px) {
.fix-page-heading {
margin: 5% 3% 0% 3%;
}
}
@media (max-width: 767px) {
.fix-page-heading {
margin-top: 0% !important;
}
}
.mat-focus-indicator.actionButton.child.InItem.mat-button.mat-stroked-button.mat-button-base.mat-primary.ng-star-inserted {
color: #007bc1 !important;
border-color: #007bc1 !important;
}
.mat-focus-indicator.mat-button.mat-stroked-button.mat-button-base.mat-primary {
color: #007bc1 !important;
border-color: #007bc1 !important;
background-color: transparent !important;
}
.mat-focus-indicator.mat-stroked-button.mat-button-base.mat-primary.ng-star-inserted {
color: #007bc1 !important;
border-color: #007bc1 !important;
background-color: transparent !important;
}
.mat-focus-indicator.back-btn.mat-stroked-button.mat-button-base.mat-primary {
color: #007bc1 !important;
border-color: #007bc1 !important;
background-color: transparent !important;
}
.mat-focus-indicator.clearFilter.mat-stroked-button.mat-button-base.mat-primary {
color: #007bc1 !important;
border-color: #007bc1 !important;
background-color: transparent !important;
}
.mat-focus-indicator.back-btn.mat-raised-button.mat-button-base.mat-primary {
background-color: #007bc1;
}
.mat-focus-indicator.back-btn.mat-raised-button.mat-button-base.mat-primary.mat-button-disabled {
color: #80bde0;
background-color: #e0eff8;
border: none;
}
.mat-focus-indicator.mat-button.mat-raised-button.mat-button-base.mat-primary {
background-color: #007bc1;
}
.failurePage > .failureWrap > .failureCard > .mat-card.mat-focus-indicator {
margin: 2% 0%;
}
.mat-focus-indicator.mat-raised-button.mat-button-base.mat-primary {
background-color: #007bc1;
}
.mat-focus-indicator.mat-raised-button.mat-button-base.mat-primary.show-text.mat-button-disabled {
color: #80bde0;
background-color: #e0eff8;
border: none;
}
.MuiDrawer-root.BluiDrawer-root.Mui-expanded.MuiDrawer-docked .MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiDrawer-paper.BluiDrawer-paper.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft {
position: fixed;
}
.BluiDrawerLayout-drawer.MuiBox-root.css-1fqgcqo {
z-index: 1;
}
.mat-focus-indicator.mat-icon-button.mat-button-base.mat-primary > .mat-button-wrapper {
color: #007bc1;
}
details-analysis-analytics h3 {
font: 400 1rem/1.75 Open Sans, Arial, Helvetica, sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
details-analysis-analytics p {
margin: 0 0 12px;
}
home-analysis-angular-comp .mat-progress-bar.mat-primary.ng-star-inserted {
margin-top: -0.6em;
}
home-analysis-angular-comp .mat-progress-bar-fill:after {
background-color: #007bc1;
}
home-analysis-angular-comp .blui-blue.mat-progress-bar-fill:after {
background-color: #007bc1;
}
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #007bc1;
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #007bc1;
}
.users .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-underline.MuiInputBase-colorPrimary.MuiInputBase-formControl {
width: 42%;
}
.selected-nav-item {
background-color: #e0eff8 !important;
}
.selected-nav-item .BluiDrawerNavItem-nestedTitle {
color: #007bc1 !important;
}
.all-products-selected {
background-color: #e0eff8 !important;
}
.all-products-selected .BluiDrawerNavItem-nestedTitle {
color: #007bc1 !important;
}
@media (max-width: 767px) {
.css-h23l92 {
min-height: 5% !important;
}
}
@media (min-width: 768px) and (max-width: 1054px) {
.css-h23l92 {
min-height: 5% !important;
}
}
.spinner-container.padding16 {
padding-top: 16%;
}
.spinner-container.padding25 {
padding-top: 25%;
}
.spinner-container.padding20 {
padding-top: 20%;
}
.hide-section {
display: none;
}
.pagination__link--active {
font-weight: 700;
}
.BluiDrawerNavItem-nestedTitle {
white-space: pre-line !important;
font-size: 14px;
color: #424e54;
}
.embedded-superset iframe {
width: 100%;
height: 800px;
border-width: 0px !important;
}
.embedded-superset-withheader iframe {
margin-top: 64px;
width: 100%;
height: 800px;
border-width: 0px !important;
}
.notifIcon {
padding-right: 30px;
}
.dtpg-wrapper {
margin: 0% !important;
}
/*# sourceMappingURL=utility-styles.css.map */