/* _content/QuickPic3/Components/QAutoSpecTables/QAutoSpecTable.razor.rz.scp.css */
/* _content/QuickPic3/Components/QAutoVisioTextArea.razor.rz.scp.css */
.editContainer[b-kbtp2eumjy] {
    width: 100%;
    height: 100%;
    padding: 0px;
}


.image-center[b-kbtp2eumjy] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    cursor: pointer;
}

    .image-center i[b-kbtp2eumjy] {
        align-self: flex-start;
        margin-top: -1px;
        cursor: pointer;
    }

/*.optionsContainer {
    display: flex;
    flex-direction: row;
    position: relative;
    bottom: -50px;
    left: inherit;
    gap: 10px;
    width: 100%;
    z-index: 55;
}*/

.optionsContainter[b-kbtp2eumjy] {
    position: absolute;
    bottom: 102%;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    border-top: 2px solid #d1d0d0;
    border-left: 2px solid #d1d0d0;
    border-right: 2px solid #d1d0d0;
    border-bottom: 2px solid #d1d0d0;
    padding: 4px;
    z-index: 55;
}

.optionsContainterRight[b-kbtp2eumjy] {
    position: absolute;
    bottom: 102%;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    border-top: 2px solid #d1d0d0;
    border-left: 2px solid #d1d0d0;
    border-right: 2px solid #d1d0d0;
    border-bottom: 2px solid #d1d0d0;
    padding: 4px;
    z-index: 55;
    right: 0px;
}

.options[b-kbtp2eumjy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    z-index: 55;
    padding-right: 25px;
}

button[b-kbtp2eumjy] {
    height: 28px;
    width: 28px;
    display: grid;
    place-items: center;
    border-radius: 3px;
    border: none;
    background-color: #ffffff;
    outline: none;
    color: #020929;
}

select[b-kbtp2eumjy] {
    padding: 7px;
    border: 1px solid #020929;
    border-radius: 3px;
}

.options label[b-kbtp2eumjy],
.options select[b-kbtp2eumjy] {
    font-family: "Poppins", sans-serif;
}

.input-wrapper[b-kbtp2eumjy] {
    display: flex;
    align-items: center;
    gap: 8px;
    max-height: 40px !important;
    max-width: 40px !important;
}

input[type="color"][b-kbtp2eumjy] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    width: 40px;
    height: 28px;
    border: none;
    cursor: pointer;
}

    input[type="color"][b-kbtp2eumjy]::-webkit-color-swatch {
        border-radius: 15px;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
    }

    input[type="color"][b-kbtp2eumjy]::-moz-color-swatch {
        border-radius: 15px;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
    }

.text-input[b-kbtp2eumjy] {
    height: 100%;
    width: 100%;
}

    .text-input:empty[b-kbtp2eumjy]:before {
        content: "Enter text here...";
        color: #434a4f;
    }

    .active[b-kbtp2eumjy] {
        background-color: #42ada4;
        color: white;
    }

.rounded[b-kbtp2eumjy] {
    border-radius: 8px;
}

.colored-border[b-kbtp2eumjy] {
    border: 4px solid red !important;
}

.editBtn[b-kbtp2eumjy] {
    position: absolute;
    left: -50px;
    top: 10px;
    border-radius: 7px;
    border: none;
    background-color: #C8252C;
    color: white;
    height: fit-content;
    width: fit-content;
}

    .editBtn:hover[b-kbtp2eumjy] {
        background-color: #42ada4;
    }

.editBtnClose[b-kbtp2eumjy] {
    position: absolute;
    left: -55px;
    top: 10px;
    border-radius: 7px;
    border: none;
    background-color: #C8252C;
    color: white;
    height: fit-content;
    width: fit-content;
}

    .editBtnClose:hover[b-kbtp2eumjy] {
        background-color: #42ada4;
    }

.closeBtn[b-kbtp2eumjy] {
    position: absolute;
    top: -5px;
    right: -3px;
}

.text-input span span[b-kbtp2eumjy] {
    color: inherit;
}

.sb_fontSize[b-kbtp2eumjy] {
    border-radius: 3px;
    background-color: white;

    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.sb_fontSize option[b-kbtp2eumjy] {
    background-color: white;
}
/* _content/QuickPic3/Components/QAutoViziaCharts.razor.rz.scp.css */
.ArgumentSectionTitle[b-kxzfguj673] {
    display: flex;
    align-items: center;
}

.ArgumentSectionTitle > div[b-kxzfguj673] {
    margin-left: auto;
}

.ChartContainer[b-kxzfguj673] {    
    width: 1000px !important;    
    z-index: 1000 !important;
}

.ArgumentSectionItem[b-kxzfguj673]{
    display: flex;
    align-items: center;    
}

.ArgumentSectionItemTitle > label[b-kxzfguj673]{
    width: 147px;
}

.ArgumentSectionItemBody > label[b-kxzfguj673]{
    width: 147px;
}

.ArgumentSectionItem > label[b-kxzfguj673] {
    width: 150px;
}

    .ArgumentSection[b-kxzfguj673] {
        padding: 5px;
    }

.ChartContainer[b-kxzfguj673] {
    display: flex;
}

.cColumn[b-kxzfguj673] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,0,0,0.1);
    color: white !important;        
}

.ChartPreviewContainer[b-kxzfguj673] {    
    width: 500px !important;
    text-align: center;
    height: 500px;
    margin-left: auto;        
}

.higherZIndex[b-kxzfguj673]{
    z-index: 10 !important;
}

.ArgumentSectionBody[b-kxzfguj673] {
    background-color: white;
    border-radius: 7px;
    padding: 5px;
    border: solid 1px;
}

.ArgumentSectionItemTitle[b-kxzfguj673]{
    width: 100%;
}

.noFlex[b-kxzfguj673]{
    display: block !important;
}

.flex[b-kxzfguj673]{
    display: flex;
    align-items: center;
}

.flex > div[b-kxzfguj673]{
    margin-left: auto;
}

.ArgumentSectionItemBody[b-kxzfguj673]{
    margin-bottom: 5px;
}

.flexRow[b-kxzfguj673]{
    display: flex;
    align-items: center;    
}

.smallerColorPicker[b-kxzfguj673]{
    width: 40px;
}

.MoreWidth[b-kxzfguj673]{
    width: 195px;
}

.MoreWidth2[b-kxzfguj673] {
    width: 182px;
}

.cbxFont[b-kxzfguj673] {
    margin-left: 3px;    
}

input[b-kxzfguj673] {
    width: 15px !important;
    height: 15px !important;
}

.overflowY[b-kxzfguj673]{
    border-bottom: solid 1px rgba(0,0,0,0.3);
    margin-bottom: 10px;
}

.fontOptions[b-kxzfguj673] {
    display: flex;     
    width: 100%;       
}

.fontOptions > div[b-kxzfguj673] {
    margin-right: 15px;
}

.blank[b-kxzfguj673] {
    width: 140px;
}

    .fontOptions > div > input[b-kxzfguj673] {
        width: fit-content;
    }

.fontOptions > div > label[b-kxzfguj673]{
    width: fit-content !important;
    margin: 0px !important;    
}

.moreSpace[b-kxzfguj673] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ChartCanvasContainer > div[b-kxzfguj673]{
    border: solid red;
}

.EditChartButton[b-kxzfguj673]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    position: absolute;
    margin-left: -45px;
    margin-top: -5px;
    font-family: 
}

.FilterButton[b-kxzfguj673]{
    color: white;
    background-color: #C8252C;
    border: none;
    border-radius: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.moveRight[b-kxzfguj673]{
    margin-left: 5px;
}
/* _content/QuickPic3/Components/QAutoViziaFilter.razor.rz.scp.css */
/* _content/QuickPic3/Components/QBasket.razor.rz.scp.css */
 .q_basket_box[b-bocud1xbbx] {
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
    user-select: none;
    font-family: QuickPic !important;
   
}

 /*   .q_basket_box:hover span {
        font-weight: 700 !important;
        color: #434a4f;
        font-size:16px;
        
    }*/

.Main[b-bocud1xbbx] {
    display: flex;
    flex-direction: column;
   
}
.Main-reverse[b-bocud1xbbx] {
    display: flex;
    flex-direction: column-reverse;
  
}

    .Main-reverse .ModalContainer[b-bocud1xbbx] {
        transform: translateX(-100%);
        opacity: 0;
        width: 50px;
        height: 90px;
    }

    .Main-reverse .ApprovalCon[b-bocud1xbbx] {
        transform: translateX(0%);
        opacity: 1;
        width: 100%;
        height: 100%;
    }

.Modal80[b-bocud1xbbx] {
    opacity: 1;
    width: 100%;
    max-height: 100%;
}
/*
@keyframes ease-out-o {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes ease-in-o {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ease-out-o {
    animation: ease-out-o 0.5s ease-in-out backwards;
}

.ease-in-o {
    animation: ease-in-o 0.5s ease-in-out forwards;
}

@keyframes ease-out {
    

    from {
        flex-direction: column;
    }

    to {
        flex-direction: column-reverse;
    }
}

@keyframes ease-in {
    from {
        flex-direction: column-reverse;
    }

    to {
        flex-direction: column;
    }
}

.ease-out {
    animation: ease-out 0.1s ease-in-out;

}
.ease-in {
    animation: ease-in 0.1s ease-in-out;
   
}
*/
.DisplayTableBasket[b-bocud1xbbx] {
    width: 100%;
    border: 1px solid #ececed;
}
    .DisplayTableBasket tr:nth-child(2n+1)[b-bocud1xbbx] {
        border: 1px solid #b3b6b845;
        background-color: #ececed;
    }

        .DisplayTableBasket tr:nth-child(2n+1) td[b-bocud1xbbx] {
            border: 1px solid #b3b6b845;
            background-color: #ececed;
        }

        .DisplayTableBasket tr:nth-child(1) td:nth-child(1)[b-bocud1xbbx] {
           width:65% !important;
        }
            .DisplayTableBasket tr:nth-child(2) td:nth-child(2)[b-bocud1xbbx] {
                width:35% !important;
            }

.DisplayTableBasket tr[b-bocud1xbbx]{
   
    border: 1px solid #ececed;
}
    .DisplayTableBasket th:first-child[b-bocud1xbbx] {
        display: flex;
        padding-right: 15px !important;
        padding-left: 5px !important;
    }
    .DisplayTableBasket th[b-bocud1xbbx] {
   
        align-items: center;
        justify-content: space-between;
        border: 1px solid #ececed;
    }
    .DisplayTableBasket td[b-bocud1xbbx] {
        border: 1px solid #ececed;
    }
.basketCon[b-bocud1xbbx] {
    display: flex;
    width: 160px !important;
}
.BasketText[b-bocud1xbbx] {
    margin-left: auto !important;
    margin-right: 52px;
}
.Circle[b-bocud1xbbx] {
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    border-radius:50%;
    background-color:#C8252C;
    color:white;
    font-weight:700;
}
.IconCircle[b-bocud1xbbx] {
     position:absolute;
     margin-right:10px;
     padding-left: 7px;
     top:6px;
}

.InvisibleBtn[b-bocud1xbbx] {
    position: fixed;
    top: 0;
    left: 0;
    border: none;
    cursor: unset;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.TabBtn[b-bocud1xbbx] {
    height:32px;
    border-radius: 7px;
    border: none;
    color: white;
    background-color: #434a4f;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white !important;
    padding: 5px;
    padding-right:8px;
    padding-top: 0px !important;
    font-size:12px;
    padding-bottom: 0px !important;
    margin-top: 5px !important;
}

    .TabBtn span[b-bocud1xbbx] {
        font-size: 14px;
       
    }

.HeadBtn:hover[b-bocud1xbbx] {
    background-color: #42ada4 !important;
}

.TabBtn:hover[b-bocud1xbbx] {
    background-color: #42ada4;
}

.btnText[b-bocud1xbbx] {
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.font[b-bocud1xbbx] {
    font-size: 14px;
}


.TextContainer[b-bocud1xbbx] {
    font-size: 16px;
    margin-bottom: -3px;
}

.slide-out[b-bocud1xbbx] {

    transform: translateX(-100%);
    transition: transform 0.3s ease;
}


.ApprovalCon[b-bocud1xbbx] {
    opacity: 0;
    padding: 10px;
    transform: translateX(105%);
    transition: transform 0.3s ease, opacity 0s ease;
    width: 250px;
    height: 90px;
}
.slide-in[b-bocud1xbbx] {
    transform: translateX(0%);
    transition: transform 0.3s ease;
}
    .ApprovalCon table[b-bocud1xbbx] {
      
        width: 100%;
        margin-top: 10px;
        border: 1px solid #ececed;
    }
        .ApprovalCon table th[b-bocud1xbbx] {
            border: 1px solid #ececed;
        }
        .ApprovalCon table tr[b-bocud1xbbx] {
            border: 1px solid #ececed;
        }
    .ApprovalCon table  td[b-bocud1xbbx]{
        
        border: 1px solid #ececed;
    }


.filesBasket[b-bocud1xbbx] {
    width: 500px;
}

.filesBasket table td:nth-child(1)[b-bocud1xbbx] {
    width: 82%;
}

.ApprovalCon table td:nth-child(2)[b-bocud1xbbx] {
    width: 18%;
}
.ApprovalCon table td:nth-child(1)[b-bocud1xbbx] {
   width : 8%;
}
/*.ApprovalCon table td:nth-child(2) {
            width: 12%;
        }
        .ApprovalCon table td:nth-child(3) {
            width: 6%;
        }
        .ApprovalCon table td:nth-child(4) {
            width: 6%;
        }
        .ApprovalCon table td:nth-child(5) {
            width: 17%;
        }
        .ApprovalCon table td:nth-child(6) {
            width: 22%;
        }
        .ApprovalCon table td:nth-child(7) {
            width: 22%;
        }
        .ApprovalCon table td:nth-child(8) {
            width: 9%;
        }*/
        .ApprovalCon table td:nth-child(9)[b-bocud1xbbx] {
            width: 7%;
        }
@keyframes slide-in-b-bocud1xbbx {
    0% {
        transform: translateX(105%) ;
    }

    100% {
        transform: translateX(0%);

    }

   
}

.TableContainer[b-bocud1xbbx]{
    max-height:600px;
    overflow:auto;
}

@keyframes slide-out-b-bocud1xbbx {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
   
    }
}

.h-36[b-bocud1xbbx] {
    height: 36px !important;
}

.HeadBtn[b-bocud1xbbx] {
    border-radius: 7px;
    border: none;
    color: white;
    background-color: #C8252C !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.align-right[b-bocud1xbbx] {
    /*display: flex;
    justify-content: flex-end;
    text-align: right*/
}

:root[b-bocud1xbbx] {
    --background-color: #434a4f;
}

.HeadBtn:hover[b-bocud1xbbx] {
    border-radius: 7px;
    border: none;
    color: white;

}

.ModalContainer[b-bocud1xbbx] {
    min-width: 400px;
    padding: 20px;
    padding-top: 0px;
    max-height: 700px;
    overflow: auto;
    transition: transform 0.3s ease, opacity 0s ease, width 0.3s ease;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.LoadingMessage[b-bocud1xbbx] {
    background-color: #434a4f;
    border-radius: 7px;
    margin-top: 20px;
    width: fit-content;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

h3[b-bocud1xbbx]{
  text-align:left;
    font-size:18px;
    padding:0px !important;
}

@media screen and (max-width: 1000px) {
    .q_basket_box[b-bocud1xbbx] {
        visibility: hidden;
        width: 0px;
        height: 0px;
    }
}


.btnContainer[b-bocud1xbbx]{
    display: flex;
        
   justify-content:space-between;
  
    margin-top: 10px;
   
}

button[b-bocud1xbbx]{                
    text-align: center;
    padding: 5px;    
}

.basketItemsContainer[b-bocud1xbbx] {
    width: 100%;
    text-align: left;
    background-color: #808080;
    border-radius: 7px;
    padding: 5px;
    color: #434a4f;
    align-items: center !important;        
    margin-bottom: 10px;        
    margin-top: 5px;
}
.IconContainer[b-bocud1xbbx]{
  
}

.basketItemContainer[b-bocud1xbbx] {
    width: 100%;
    margin: 10px;
    margin-left: 0px;
    background-color: white;
    border: solid 1px #808080;
    border-radius: 7px;
    padding-left: 5px;
    min-height: 50px;
    align-items: center !important;
    vertical-align: middle;
    display: flex;
}

.DeleteIcon[b-bocud1xbbx]{    
    width: fit-content;
    margin-right: 5px;
    margin-left:auto;

    color: #C8252C;
    cursor: pointer;  
    border:1px solid #C8252C;
    border-radius:7px;
    width:36px;
    height:36px;
    display:flex;
    justify-content:center;
    align-items:center;
}

    .DeleteIcon:hover[b-bocud1xbbx] {
      color:white;
      background-color:#C8252C;
    }

.ItemName[b-bocud1xbbx]{        
    width: 100%;
}

.EmptyMessage[b-bocud1xbbx]{
    text-align:center;
}

.tableheading > label[b-bocud1xbbx] {
    font-weight: 700;
}

.tableButtons[b-bocud1xbbx] {
    padding: 0px !important;
}

.ImgCell[b-bocud1xbbx] {
    text-align: center;
    /*width: 104px;
    height: 100px;*/
}

.tdPointer[b-bocud1xbbx] {
    cursor: pointer;
}

#CreatedImg[b-bocud1xbbx] {
    /*max-height: 64px;
    max-width: 64px;*/
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-position: center;
}

#PreviewImg[b-bocud1xbbx] {
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    /*background-repeat: no-repeat;*/
}

.lblOriginator[b-bocud1xbbx] {
    color: #434a4f;
    font-weight: 700;
}

.lblApprover[b-bocud1xbbx] {
    color: #42ADA4;
    display: flex;
    align-items: center;
}

    .lblApprover div[b-bocud1xbbx] {
        color: #C8252C;
        font-weight: 700;
    }

.lblApproved[b-bocud1xbbx] {
    color: #42ADA4;
    display: flex;
    align-items: center;
}

    .lblApproved > div[b-bocud1xbbx] {
        color: #42ADA4;
        font-weight: 700;
    }

#ApproveImg[b-bocud1xbbx] {
    height: 450px;
    margin-left: auto;
    margin-right: auto;
}



.center_feedback[b-bocud1xbbx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.feedback_textbox > textarea[b-bocud1xbbx] {
    width: 400px;
}

.disclaimer[b-bocud1xbbx] {
    color: #C8252C;
    font-size: 12px;
    padding: 10px;
}

    .disclaimer label[b-bocud1xbbx] {
        color: #C8252C;
        font-size: 12px;
        padding: 10px;
        white-space: nowrap;
        display: flex;
        justify-content: end;
    }

.RowBtn[b-bocud1xbbx] {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    padding: 0px;
}

.downloadRow[b-bocud1xbbx] {
    margin-bottom: -3px !important;
    margin-right: 0px !important;
}

.RowSpan[b-bocud1xbbx] {
    width: 100%;
}

.swal2-container[b-bocud1xbbx] {
    z-index: 9999; /* Set the z-index to a high value */
}

.pagingContainer[b-bocud1xbbx] {
    display:grid;
    justify-content: center;
    width: 13%;
}

.test[b-bocud1xbbx] {
    display: flex;
    justify-content: center;
}

.tdLabels[b-bocud1xbbx]{
    color: inherit;
}

.button[b-bocud1xbbx]{
    display: flex;
}

.notiRight[b-bocud1xbbx] {
}

.multiDeleteCell[b-bocud1xbbx]{    
    align-items: center;
    /*border: none !important;*/    
}

    .multiDeleteCell > div[b-bocud1xbbx] {
        display: flex;
        align-items: center;        
    }

.DelCheckbox[b-bocud1xbbx] {
    width: 100%;       
    display: flex;
}

.notiRight[b-bocud1xbbx] {
    width: 100%;    
    padding-top: 3px;
}

.NoData[b-bocud1xbbx] {
    text-align: center;
}

.topBtnContainer[b-bocud1xbbx] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
    gap: 10px;
}

.filterContainer[b-bocud1xbbx] {
    flex: 0 1 auto;
    display: flex;
    align-items: flex-end;
    white-space: nowrap;
    /*margin-right: 20px;*/
    margin-left: auto;
}

.tableControls[b-bocud1xbbx] {
    flex: 0 1 auto;
}

.top-button[b-bocud1xbbx] {
    height: 36px;
}

.top-text[b-bocud1xbbx] {
    margin-top: -7px;
}

    .top-text span[b-bocud1xbbx] {
        margin-top: 3px !important;
    }


.btnTest[b-bocud1xbbx] {
    border: 1px solid #7b8083;
    border-radius: 7px;
    background-color: transparent;
    color: #7b8083;
    padding: 10px 15px;
    max-height: 44.5px;
    height: 44.5px;
}

.btnSave[b-bocud1xbbx] {
    border: 1px solid #7b8083;
    border-radius: 7px;
    background-color: #7b8083;
    color: white;
    padding: 10px 15px;
    max-height: 44.5px;
    height: 44.5px;
}

.btnSend[b-bocud1xbbx] {
    border: 1px solid #C8252C;
    border-radius: 7px;
    background-color: #C8252C;
    color: white;
    padding: 10px 15px;
    max-height: 44.5px;
    height: 44.5px;
}

.AprrCol[b-bocud1xbbx] {
    /*width: 15%;*/
    min-width: 100px;
    max-width: 500px;
}

.userCol[b-bocud1xbbx] {
    min-width: 85px;
}

.fileSizeCol[b-bocud1xbbx] {
    min-width: 65px;
}

.dateCol[b-bocud1xbbx] {
    min-width: 125px;
}

.actionsCol[b-bocud1xbbx] {
    min-width: 87px;
}

.thumbCol[b-bocud1xbbx] {
    width: 8%;
}

.thumbColQP[b-bocud1xbbx] {
    width: 15%;
}

.AprrColQP[b-bocud1xbbx] {
    width: 38%;
    max-width: 38%;
    white-space: normal;
    word-wrap: break-word;
}

.ActionColQP[b-bocud1xbbx] {
    width: 10%;
}

.defaultIconContainer[b-bocud1xbbx]{
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    top: -10px;
}

/*@media only screen and (max-width: 1540px) {
    .disclaimer {
        max-width: 150px;
        white-space: pre-wrap;
        word-wrap: break-word;
    }
}*/

@media only screen and (max-width: 1400px) {
    .disclaimer[b-bocud1xbbx] {
        max-width: 145px;
        white-space: pre-wrap;
        word-wrap: break-word;
    }
}


    @media only screen and (max-width: 1300px) {
        .disclaimer[b-bocud1xbbx] {
            max-width: 130px;
            white-space: pre-wrap;
            word-wrap: break-word;
        }
    }

    @media (max-width: 1100px) {
        .disclaimer[b-bocud1xbbx] {
            max-width: 110px;
            white-space: pre-wrap;
            word-wrap: break-word;
        }
    }

    @media (max-width: 900px) {
        .disclaimer[b-bocud1xbbx] {
            max-width: 100px;
            white-space: pre-wrap;
            word-wrap: break-word;
        }
    }

    @media only screen and (max-width: 960px) and (max-height: 1200px) {
        .hideMobile[b-bocud1xbbx] {
            display: none;
        }
    }


.feedback_disbaled > textarea[b-bocud1xbbx] {
    background-color: white;
    color: black;
    border: 1px solid #757575;
    /*cursor: not-allowed;*/
    resize: none;
    /*pointer-events: none;*/
    overflow: auto;
}
/* _content/QuickPic3/Components/QBasketList.razor.rz.scp.css */
li[b-r2i8is3e1x] {
    cursor: pointer;
    color: var(--brand-text);
    margin: 0.1em;
    padding: 5px;
    border-radius: 7px;
    background-color: white;
    font-size: 16px;
}

    li:hover[b-r2i8is3e1x] {
        color: var(--brand-primary);
    }

ul[b-r2i8is3e1x] {
    list-style-type: none;
    padding: 10px 0 0 0;
}

.buttons[b-r2i8is3e1x] {
    flex: 0 1 auto;
    padding: 0.2em;
    border-bottom: 1px solid #808080;
    font-weight: 600;
}

.button[b-r2i8is3e1x] {
    display: inline-block;
    color: var(--brand-text);
    font-size: 16px;
}

    .button:hover[b-r2i8is3e1x] {
        cursor: pointer;
        color: var(--brand-primary);
    }

.basket-icon[b-r2i8is3e1x] {
    font-size: 18px;
    cursor: pointer;
}

.float-right[b-r2i8is3e1x] {
    float: right;
}

h4[b-r2i8is3e1x] {
    color: var(--brand-text);
}
/* _content/QuickPic3/Components/QBlobUploader/QBlobUploader.razor.rz.scp.css */
.mainContent[b-xjn1q6rkpd] {    
    margin-top: 2%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
    width: 100%;    
}

.SelectedFile[b-xjn1q6rkpd]{    
    margin-left: auto;
    margin-right: auto;    
}

.btnSave[b-xjn1q6rkpd] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
}

    .btnSave:hover[b-xjn1q6rkpd] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }



.swal2-container[b-xjn1q6rkpd] {
    z-index: 30006660033333333333333333333;
}

.btnCancel[b-xjn1q6rkpd] {
    background-color: #42ada4;
}

    .btnCancel:hover[b-xjn1q6rkpd] {
        background-color: #C8252C !important;
    }

.btnCancel[b-xjn1q6rkpd] {
    width: 100%;
    display: inline;
    background-color: grey;
    color: #fff;
}

    .btnCancel:hover[b-xjn1q6rkpd] {
        background-color: #fff !important;
        color: var(--brand-primary) !important;
        outline: solid 1px;
        outline-color: var(--brand-primary);
    }

.buttonContainer[b-xjn1q6rkpd]{
    display: flex;
    width: 200px;
    margin-left: -40px;
    margin-top: 10px;
}

.buttonContainer>button[b-xjn1q6rkpd]{
    margin: 5px;
}

.AddressUpdateModal[b-xjn1q6rkpd] {
    width: 600px;
}

.AlignLeft[b-xjn1q6rkpd]{
    text-align: left;
}
/* _content/QuickPic3/Components/QButton.razor.rz.scp.css */
.btnCustom[b-880oee5w3i] {
    height: 35px;
    white-space: nowrap;
    min-width: unset !important;
    padding: 0;
    margin-right: 5px !important;
}

    .btnCustom:hover[b-880oee5w3i] {
        color: #000 !important;
        background-color: #ccc !important;
    }

.btnCustomNoHover[b-880oee5w3i] {
    height: 35px;
    white-space: nowrap;
    min-width: unset !important;
    padding: 0;
    margin-right: 5px !important;
}

.addingMargin[b-880oee5w3i]{
    padding-left: 5px;
    padding-right: 5px;
}
/* _content/QuickPic3/Components/QChartLayout.razor.rz.scp.css */
.MainLayoutContainer[b-6cts7ukuyu] {
    width: 100%;
    border-radius: 7px;
    margin-top: 20px;
    padding-left: 10px;
    background-color: white;        
    display: flex;        
}

.MainLayoutContainerLess[b-6cts7ukuyu] {
    width: 100%;
    border-radius: 7px;
    margin-top: 0px;
    padding-left: 10px;
    background-color: white;
    display: flex;
}

.LayoutContainer[b-6cts7ukuyu] {    
    width: 100%;
}

.ChartInformation[b-6cts7ukuyu] {
    display: flex;
    align-items: center;
}

.ChartInformation > label[b-6cts7ukuyu]{
    margin-left: 5px;
}


.ChartHeight[b-6cts7ukuyu] {
    height: 100%;
}


.extraInfoRight[b-6cts7ukuyu] {
    display: flex;
    flex-direction: column;
    float: right;
    padding: 5px;
    gap: 5px;
    align-items: flex-end;
    margin-left: auto;
}

.tableControls[b-6cts7ukuyu] {
    display: flex;
    flex-direction: row;
}

.RowBtn[b-6cts7ukuyu] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-6cts7ukuyu] {
    margin-top: -2px !important;
}

.top-button[b-6cts7ukuyu] {
    height: 36px;
}

.top-text[b-6cts7ukuyu] {
    margin-top: -2px;
}

    .top-text span[b-6cts7ukuyu] {
        margin-top: 3px !important;
    }
/* _content/QuickPic3/Components/QChart/QChart.razor.rz.scp.css */

.list-con[b-r6tn7scegp] {
    min-width: 150px;
    margin-left: -120px;
}

.chart-container[b-r6tn7scegp]{

}

.ItemContainer[b-r6tn7scegp] {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: -50px;
    gap: 10px;
    width: 40px;
    z-index: 55;
}

.ItemContainer2[b-r6tn7scegp] {
    display: flex;
    flex-direction: column;
    position: absolute;
  margin-top:-34px;
 margin-left:300px;
    gap: 10px;
    width: 40px;
    z-index: 55;
}
span[b-r6tn7scegp] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    font-size: 20px;
}
.Menu[b-r6tn7scegp] {
    box-shadow: #7b8083 5px 5px 5px 0px;
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 7px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .Menu:hover[b-r6tn7scegp] {
  
        border: 1px solid #C8252C;
    }


    .Menu:hover span[b-r6tn7scegp]{
       color: #C8252C;
    }

.Menu3[b-r6tn7scegp] {
    z-index: 55;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
  

    .Menu3 input[b-r6tn7scegp] {
        border: 1px solid #ced4da;
        border-radius: 7px;
        padding-left: 5px;
        outline: none;
        width: 100px;
        font-size: 11px;
        margin-left: -60px;

    }
.ChkBox[b-r6tn7scegp] {
    display: flex;
    justify-content: space-between;
    width: 100px;
    margin-left: -60px;
}

    .ChkBox input[b-r6tn7scegp] {
        width: 20px;
    }

    .ChkBox label[b-r6tn7scegp] {
        font-weight: 700;
        font-size: 11px;
        display: flex;
        justify-content: space-between;
    }
.Menu4[b-r6tn7scegp] {
    position: absolute;
    background-color: white;
    border: 1px solid #ced4da;
}



.ToolMenu[b-r6tn7scegp] {
    border-radius: 7px;
    width: 100px;
    border: 1px solid #ced4da;
    background-color: white;
    margin-left: -60px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: #7b8083 5px 5px 5px 0px;
}

    .ToolMenu input[b-r6tn7scegp] {
        width: 60px;
        outline: none;
        border: 1px solid #ced4da;
    }



.ToolTitle[b-r6tn7scegp] {
    width: 100%;
    font-weight:700;
    font-size:13px;
}

.ToolColor[b-r6tn7scegp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  
    height: 27px;
}



.ToolSize[b-r6tn7scegp] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .ToolSize label[b-r6tn7scegp] {
       font-size:12px;
    }
    .ToolSize input[b-r6tn7scegp] {
        width: 50px;
    }

    .ToolColor span[b-r6tn7scegp] {
        margin-left:5px;
        cursor: pointer;
    }

.ToolColor input[b-r6tn7scegp] {
    height:22px;
    cursor: pointer;
    margin: 0;
    margin-left:10px;
    width: 30px;
    outline: none;
    border: none;
}
.ToolColor label[b-r6tn7scegp] {
    font-size: 12px;
}
/* _content/QuickPic3/Components/QChart/QChartsV2.razor.rz.scp.css */
.ArgumentSectionTitle[b-cxigcsh7sp] {
    display: flex;
    align-items: center;
}

.ArgumentSectionTitle > div[b-cxigcsh7sp] {
    margin-left: auto;
}

.ChartContainer[b-cxigcsh7sp] {    
    width: 1000px !important;    
    z-index: 1000 !important;
}

.ArgumentSectionItem[b-cxigcsh7sp]{
    display: flex;
    align-items: center;    
}

.ArgumentSectionItemTitle > label[b-cxigcsh7sp]{
    width: 147px;
}

.ArgumentSectionItemBody > label[b-cxigcsh7sp]{
    width: 147px;
}

.ArgumentSectionItem > label[b-cxigcsh7sp] {
    width: 150px;
}

    .ArgumentSection[b-cxigcsh7sp] {
        padding: 5px;
    }

.ChartContainer[b-cxigcsh7sp] {
    display: flex;
}

.cColumn[b-cxigcsh7sp] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,0,0,0.1);
    color: white !important;        
}

.ChartPreviewContainer[b-cxigcsh7sp] {    
    width: 500px !important;
    text-align: center;
    height: 500px;
    margin-left: auto;        
}

.higherZIndex[b-cxigcsh7sp]{
    z-index: 10 !important;
}

.ArgumentSectionBody[b-cxigcsh7sp] {
    background-color: white;
    border-radius: 7px;
    padding: 5px;
    border: solid 1px;
}

.ArgumentSectionItemTitle[b-cxigcsh7sp]{
    width: 100%;
}

.noFlex[b-cxigcsh7sp]{
    display: block !important;
}

.flex[b-cxigcsh7sp]{
    display: flex;
    align-items: center;
}

.flex > div[b-cxigcsh7sp]{
    margin-left: auto;
}

.ArgumentSectionItemBody[b-cxigcsh7sp]{
    margin-bottom: 5px;
}

.flexRow[b-cxigcsh7sp]{
    display: flex;
    align-items: center;    
}

.smallerColorPicker[b-cxigcsh7sp]{
    width: 40px;
}

.MoreWidth[b-cxigcsh7sp]{
    width: 195px;
}

.MoreWidth2[b-cxigcsh7sp] {
    width: 182px;
}

.cbxFont[b-cxigcsh7sp] {
    margin-left: 3px;    
}

input[b-cxigcsh7sp] {
    width: 15px !important;
    height: 15px !important;
}

.overflowY[b-cxigcsh7sp]{
    border-bottom: solid 1px rgba(0,0,0,0.3);
    margin-bottom: 10px;
}

.fontOptions[b-cxigcsh7sp] {
    display: flex;     
    width: 100%;       
}

.fontOptions > div[b-cxigcsh7sp] {
    margin-right: 15px;
}

.blank[b-cxigcsh7sp] {
    width: 140px;
}

    .fontOptions > div > input[b-cxigcsh7sp] {
        width: fit-content;
    }

.fontOptions > div > label[b-cxigcsh7sp]{
    width: fit-content !important;
    margin: 0px !important;    
}

.moreSpace[b-cxigcsh7sp] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ChartCanvasContainer > div[b-cxigcsh7sp]{
    border: solid red;
}

.EditChartButton[b-cxigcsh7sp]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    position: absolute;
    margin-left: -45px;
    margin-top: -5px;
    font-family: 
}

.FilterButton[b-cxigcsh7sp]{
    color: white;
    background-color: #C8252C;
    border: none;
    border-radius: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.moveRight[b-cxigcsh7sp]{
    margin-left: 5px;
}
/* _content/QuickPic3/Components/QColorPicker.razor.rz.scp.css */
.main-box[b-fgsggpy5dx] {
    width: 100%;
    max-width: 400px;
    height: fit-content;
    min-width: 150px;
    padding: 7px;
    border-radius: 7px;
    background-color: whitesmoke;
  
}
.custom[b-fgsggpy5dx] {
    z-index: 400 !important;
    height: fit-content;
    background-color: whitesmoke;
    padding: 14px;
    margin-left: -7px;
    display: flex;
    position: absolute;
    min-width: 400px;
    max-width: 400px;
    position: fixed;
    left: 70%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.inner-con[b-fgsggpy5dx] {
    width: 100%;
    height:75%;
    display: flex;
    flex-direction: column;
    
}



.color-display[b-fgsggpy5dx] {

    cursor:pointer;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    border: 1px dotted black;

    text-align:center;
    font-weight:700;
}

.color-picker-box[b-fgsggpy5dx] {
    z-index: 500 !important;
    height: fit-content;
    background-color: whitesmoke;
    padding: 14px;
    margin-left: -7px;
    display: flex;
    position: absolute;
    min-width: 400px;
    max-width: 400px;
}
input[type=range][b-fgsggpy5dx]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(to right, red,yellow, green,lightblue, blue,purple,white,black);
    color: red;
}
input[type=range][b-fgsggpy5dx]::-moz-range-track {
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(to right, red,yellow, green,lightblue, blue,purple,white,black);
    color: red;
}
input[type=range][b-fgsggpy5dx]::-ms-track {
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(to right, red,yellow, green,lightblue, blue,purple,white,black);
    color: red;
}
input[type=range]:focus[b-fgsggpy5dx]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(to right, red,yellow, green,lightblue, blue,purple,white,black);
    color: red;
}

input[type=range][b-fgsggpy5dx]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 3px solid #C8252C;
    border-right: none;
    border-left: none;
    height: 15px;
    width: 12px;
    border-radius: 3px;
    background-color: transparent;
}
input[type=range][b-fgsggpy5dx]::-moz-range-thumb {
    -webkit-appearance: none;
    border: 3px solid #C8252C;
    border-right: none;
    border-left: none;
    height: 15px;
    width: 12px;
    border-radius: 3px;
    background-color: transparent;
}

.colors-table[b-fgsggpy5dx] {
    display: grid;
    grid-template-columns: repeat(10,10%);
    grid-template-rows: repeat(10,10%);
    margin-bottom:20px;
}

.color-block[b-fgsggpy5dx]{
border:none;
    font-size:7px;
   height:30px;
   cursor:pointer;
}

    .color-block:hover[b-fgsggpy5dx] {
        border-right: 4px solid #42ada4;
        border-left: 4px solid #42ada4;
        border-top: 4px solid #C8252C;
        border-bottom: 4px solid #C8252C;
    }

    .labels[b-fgsggpy5dx]{
        display:flex;
        width:100%;
        justify-content:space-between;
    }

    .labels label[b-fgsggpy5dx]{
        width:75%;
    }
.inputs[b-fgsggpy5dx]{
    width:100%;
    display:flex;
    justify-content:space-between;
}
    .inputs button[b-fgsggpy5dx] {
        width: 48% !important;
        
        margin-top: 8px;
        background-color: #C8252C;
        border: 1px solid #C8252C;
        border-radius:7px;
        color:white;
        height:36px;
    }
    .inputs input[b-fgsggpy5dx] {
        width: 25%;
        border-radius: 7px;
        
        outline: none;
        border: 1px solid #b3b6b8;
        
    }

.lbl[b-fgsggpy5dx]{
    font-size:11px;
    font-weight:700;
}

.align-menu-right[b-fgsggpy5dx] {
    margin-right: 27px;
    right: 0;
    margin-left: auto;
}
/* _content/QuickPic3/Components/QColourPalette.razor.rz.scp.css */
.main-box[b-fjdn1zkyxg] {
    width: 100%;
    max-width: 400px;
    height: fit-content;
    min-width: 400px;
    padding: 7px;
    border-radius: 7px;
    background-color: whitesmoke;
    z-index: 500;
}
.DeleteButton[b-fjdn1zkyxg]{
    border:1px solid #C8252C;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    width:16px;
    height:16px;
    font-size:11px;
    background-color:#C8252C;
    color:white;
    cursor:pointer;
}

    .DeleteButton:hover[b-fjdn1zkyxg] {
        color: #C8252C;
        background-color: #42ada4;
        border: 1px solid #42ada4;
    }

.SelectButton[b-fjdn1zkyxg] {
    border: 1px solid #42ada4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    width: fit-content;
    height: 16px;
    padding-right:2px;
    padding-left:2px;
    font-size: 11px;
    background-color: #42ada4;
    color: white;
    cursor: pointer;
    margin-left:auto;
    margin-right:auto;
}

.SelectButton:hover[b-fjdn1zkyxg] {
    color: #C8252C;
    background-color: #42ada4;
    border: 1px solid #42ada4;
}


.inner-con[b-fjdn1zkyxg] {
    width: 100%;
    height: 75%;
    display: flex;
    flex-direction: column;
}
.DeletePageBtn[b-fjdn1zkyxg] {
    position: absolute;
    right: -100px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

    .DeletePageBtn span[b-fjdn1zkyxg] {
        color: #C8252C !important;
    }

    .DeletePageBtn:hover span[b-fjdn1zkyxg] {
        color: white !important;
    }

.maddContainer[b-fjdn1zkyxg] {
    display: flex;
    height: 95%;
    width: 85%;
    flex-direction: column;
    border: 2px dashed #7b8083;
    border-radius: 7px;
    cursor: pointer;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
}

    .maddContainer label[b-fjdn1zkyxg] {
        margin-right: auto;
        margin-left: auto;
    }

    .maddContainer span[b-fjdn1zkyxg] {
        margin-right: auto;
        margin-left: auto;
        font-size: 34px;
        height: 65%
    }

.color-display[b-fjdn1zkyxg] {

    cursor:pointer;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    border: 1px dotted black;

    text-align:center;
    font-weight:700;
}

.color-picker-box[b-fjdn1zkyxg] {
    z-index: 500;
    height: fit-content;
    background-color: whitesmoke;
    padding: 14px;
    margin-left: -7px;
    display: flex;
    position: absolute;
    min-width: 400px;
    max-width: 400px;
}
input[type=range][b-fjdn1zkyxg]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(to right, red,yellow, green,lightblue, blue,purple,white,black);
    color: red;
}
input[type=range][b-fjdn1zkyxg]::-moz-range-track {
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(to right, red,yellow, green,lightblue, blue,purple,white,black);
    color: red;
}
input[type=range][b-fjdn1zkyxg]::-ms-track {
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(to right, red,yellow, green,lightblue, blue,purple,white,black);
    color: red;
}
input[type=range]:focus[b-fjdn1zkyxg]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(to right, red,yellow, green,lightblue, blue,purple,white,black);
    color: red;
}

input[type=range][b-fjdn1zkyxg]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 3px solid #C8252C;
    border-right: none;
    border-left: none;
    height: 15px;
    width: 12px;
    border-radius: 3px;
    background-color: transparent;
}
input[type=range][b-fjdn1zkyxg]::-moz-range-thumb {
    -webkit-appearance: none;
    border: 3px solid #C8252C;
    border-right: none;
    border-left: none;
    height: 15px;
    width: 12px;
    border-radius: 3px;
    background-color: transparent;
}

.colors-table[b-fjdn1zkyxg] {
    display: grid;
    grid-template-columns: repeat(10,10%);
    grid-template-rows: repeat(10,10%);
    margin-bottom:20px;
}

.color-block[b-fjdn1zkyxg]{
border:none;
    font-size:7px;
   height:30px;
   cursor:pointer;
}

    .color-block:hover[b-fjdn1zkyxg] {
        border-right: 4px solid #42ada4;
        border-left: 4px solid #42ada4;
        border-top: 4px solid #C8252C;
        border-bottom: 4px solid #C8252C;
    }

    .labels[b-fjdn1zkyxg]{
        display:flex;
        width:100%;
        justify-content:space-between;
    }

    .labels label[b-fjdn1zkyxg]{
        width:75%;
    }
.inputs[b-fjdn1zkyxg]{
    width:100%;
    display:flex;
    justify-content:space-between;
}
    .inputs button[b-fjdn1zkyxg] {
        width: 48% !important;
        
        margin-top: 8px;
        background-color: #C8252C;
        border: 1px solid #C8252C;
        border-radius:7px;
        color:white;
        height:36px;
    }
    .inputs input[b-fjdn1zkyxg] {
        width: 25%;
        border-radius: 7px;
        
        outline: none;
        border: 1px solid #b3b6b8;
        
    }

.lbl[b-fjdn1zkyxg]{
    font-size:11px;
    font-weight:700;
}
/* _content/QuickPic3/Components/QCountDown.razor.rz.scp.css */
.LockedRelease[b-0f0bnib8i0] {    
    position: absolute;
    color: white;
    font-size: 30px;
    width: 100%;    
    display: flex;
    text-align: center;    
}


.ItemsContainer[b-0f0bnib8i0] {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
    background-color: #434a4f;    
    padding: 5px;
}

.ItemContainer[b-0f0bnib8i0] {
    
}

.TimeContainer[b-0f0bnib8i0] {
    display: flex;        
}

.TimeContainer > div[b-0f0bnib8i0] {
    color: white;
    margin: 2px;
    margin-bottom: 0px;
    border-radius: 7px;
    width: 30px;
    background-color: rgba(0,0,0,0.8);    
    width: 50px;    
    font-size: 50px;
}



.messageContainer[b-0f0bnib8i0] {
    margin: 5px;
    color: white;
    border-radius: 7px;
    font-size: 18px;
    margin-top: -0px;
}

.colon[b-0f0bnib8i0]{
    width: fit-content !important;
    background-color: rgba(0,0,0,0) !important;
    color: white !important;
    font-size: 50px;
}


.Smaller > div[b-0f0bnib8i0] {
    font-size: 15px;
    width: 20px;
}

.Smaller[b-0f0bnib8i0]{
    font-size: 18px;    
}

.SmallerMessage[b-0f0bnib8i0]{
    font-size: 10px;
}
/* _content/QuickPic3/Components/QCustomCharts/QCustomChart.razor.rz.scp.css */
.Main-Container[b-9n1weyqrhz]
{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    background-color:pink;


}


.Canvas[b-9n1weyqrhz]{

}
/* _content/QuickPic3/Components/QCustomTables/QCustomTable.razor.rz.scp.css */
.Main-Con[b-l1n5rmronb]
{
   
  z-index:50;
    height:300px;
    width:700px;
    background-color:white;
}
.ManipulatorBtn[b-l1n5rmronb] {
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Main-Con-Edit[b-l1n5rmronb] {
    z-index: 2222 !important;
    position: fixed;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    height: 85%;
    width: 95%;
    background-color: white;
    /* Centering */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;

}

.EditBtn[b-l1n5rmronb]{
    position:absolute;
    left:-50px;
    top: 10px;
}

canvas[b-l1n5rmronb]{
    cursor:pointer;
}

.row[b-l1n5rmronb] {
    width: 100%;
    display: flex;
}
.ConHeading[b-l1n5rmronb]{
    cursor:pointer;
}
.ConHeading:hover[b-l1n5rmronb] {
    background-color: #42ada4;
}


.DropCategory[b-l1n5rmronb] {
    border-radius: 7px;
    width: 100%;
    height: 25%;
    border: 1px solid #c3c3c363;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: fit-content;
    align-items: center;
}

.CategoryHead[b-l1n5rmronb] {
    width: 100%;
    display: flex;
    
    padding: 5px;
  
    letter-spacing: 2px;
    font-size: 14px;
    color: #434a4f;
    border-radius: 7px;
    
}

.SkeletonDrop[b-l1n5rmronb] {
    border-radius: 7px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px dashed #d7d7d7;
    min-height: 32px;
    color: #c3c3c3;
}

.ActualDrop[b-l1n5rmronb] {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: grab;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color:#434a4f;
    color: white;
    padding-left:15px;
    padding-right:5px;

}

.PreviewArea-3[b-l1n5rmronb] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #c3c3c363;
    border-right: none;
    flex-grow: 1;
}



.Mid-Con-2[b-l1n5rmronb] {
    width: 100%;
    height: 5%;
    border: 1px solid #c3c3c363;
    border-left:none;
    background-color: #ececed;
    border-right: none;
    display: flex;
    
}
.ColumnInfo[b-l1n5rmronb] {
    padding-right:10px;
    display: flex;
    align-items: center;
    height: 100%;
   justify-content:space-between;
    border-right: 1px dotted #c3c3c363;
}

.InnnerInfoIcon[b-l1n5rmronb]{
    display:flex;
    justify-content:center;
    width:30px;
   height:30px;
   align-items:center;
   margin-bottom:5px;
    cursor:pointer;
    font-size:16px;
}
.InnnerInfo[b-l1n5rmronb] {
    text-indent: 5px;
    font-size: 10px;
    font-weight: bold;
}
.Bot-Con-3[b-l1n5rmronb] {
    width: 100%;
    height: 83%;
   position:relative;
}



.SelectCon-1[b-l1n5rmronb] {
    width: 15%;
    height: 100%;
    
    padding:10px;
}
.SelectionConDivider[b-l1n5rmronb] {
   
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width:100%;
   gap:10px;
}

.SelectionConTopHalf[b-l1n5rmronb] {
   
    height: 80%;
    max-height: 80%;
   
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border: 1px solid #c3c3c363;
    padding: 10px;
    border-top: none;
    padding-top: 10px;
    background-color: #ececed;
    border-radius: 7px;
}

.SelectionConBotHalf[b-l1n5rmronb] {
    height: 20%;
    width: 100%;
    border: 1px solid #c3c3c363;
    border-top: none;
    border-bottom: none;
    padding: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    background-color: #ececed;
    border-radius:7px;
}
.ConHeading[b-l1n5rmronb] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    letter-spacing: 2px;
    font-size: 20px;
    color: white;
    border-radius: 7px;
    background-color: #C8252C;
  
    
}
.InnerSelectionList[b-l1n5rmronb] {
    display:flex;
    flex-direction:column;
    gap:10px;
    scrollbar-width: none;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
}
.SelectionItem[b-l1n5rmronb] {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    width: 100%;
    max-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #434a4f;
    color: #434a4f;
    background-color: white;
}

    .SelectionItem:hover[b-l1n5rmronb] {
        background-color: #c3c3c363;
    }

.PropertyItem[b-l1n5rmronb]{
   
    width:100%;
    display:flex;
 
}

.SearchTool[b-l1n5rmronb] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SearchLabel[b-l1n5rmronb] {
    cursor: default;
}
.SearchInputCon[b-l1n5rmronb]{

}

.PropertyHeading[b-l1n5rmronb]{
    cursor:default;
    width:100px;
}

.DataFilter[b-l1n5rmronb] {
    display: flex;
 
}

.DataFilterItem[b-l1n5rmronb] {
    border-radius: 7px;
    border: 1px solid #C8252C;
    color: white;
    background-color: #C8252C;
    min-width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
 
}

    .DataFilterItem:hover[b-l1n5rmronb] {
        border: 1px solid #42ada4;
        background-color: #42ada4;
    }
.Top-Con-1[b-l1n5rmronb] {
    width: 100%;
    height: 5%;
    display: flex;
    padding: 5px;
    align-items: end;
    min-height: 60px;
    align-items: center;
}
.ConfigSpace[b-l1n5rmronb]{

    width:100%;
    height:100%;
  
}

.Tabs[b-l1n5rmronb] {
    padding-top:5px;
    display: flex;
  

   gap:1px;
    width: 95%;
    min-height:50px;
  overflow-x:scroll;
  scrollbar-width:thin;
}

.DataOptions[b-l1n5rmronb] {
    display: flex;
    width: 5%;
    align-items: center;
    justify-content: center;
    height: 36px;
    cursor: pointer;
    font-size: 16px;
    background-color: #C8252C;
    border-radius: 7px;
    color: white;
    padding-right:15px;
    padding-left:15px;
}

    .DataOptions:hover[b-l1n5rmronb] {
        background-color: #42ada4;
        color: white;
    }

.TabHead[b-l1n5rmronb] {
    display: flex;
    align-items: center;
    padding-right: 5px;
    padding-left: 5px;
    letter-spacing: 2px;
}

.Tab[b-l1n5rmronb] {
    white-space: nowrap;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    cursor: pointer;
    background-color: #434a4f;
    border: none;
    color: white;
    display: flex;
    justify-content: center;
    min-width: fit-content;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    width: fit-content;
   
    max-height: 50%;
    min-height: 50%;
}

    

.RemoveBtn[b-l1n5rmronb]{
    border-radius:7px;
    background-color:#C8252C;
    color:white;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:25px;
    height:25px;
    
}
.RemoveBtn:hover[b-l1n5rmronb]{
    background-color:#42ada4;
}

.ActualDropText[b-l1n5rmronb]{
    color:white;
}

.tabButton[b-l1n5rmronb]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:25px;
    
}

.LabelSwitch[b-l1n5rmronb]{
    font-size:14px;
    text-indent:5px;
}



.ColumSubHeaderDropArea[b-l1n5rmronb] {
    border: 1px solid #c3c3c363;
    padding:5px;
    border-radius:7px;
    display: flex;
    min-height: 60px;
    height: fit-content;
    flex-direction: column;
    width:80%;
    gap:10px;
}
.SubDropCon[b-l1n5rmronb]{
    width:100%;
  
    height:fit-content;
    display:flex;

 gap:10px;
}
.SubHeaderDrop[b-l1n5rmronb] {
   
    display: flex;
    border: 1px solid #434a4f;
    background-color: #434a4f;
    border-radius: 7px;
    justify-content: space-between;
    padding: 5px;
    padding-right: 10px;
    padding-left: 15px;
    align-items: center;
    
}
.SubDropText[b-l1n5rmronb] {
    color: white;
}
.helpersub[b-l1n5rmronb] {
    background-color: white;
    border: 2px dashed #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d7d7d7;;
}
.SubDropRemoveBtn[b-l1n5rmronb] {
    border-radius: 7px;
    background-color: #C8252C;
    color: white;
    border: none;
    width: 25px;
    height: 25px;
    display: flex;
    align-items:center;
    justify-content:center;
}

.SubDropRemoveBtn:hover[b-l1n5rmronb]{
    background-color:#42ada4;
}
.SubSettingLabel[b-l1n5rmronb] {
    width: 20%;
    min-width:fit-content;
}
.PleaseWait[b-l1n5rmronb]{
    z-index:1000;
    width:60%;
    height:70%;
    position:absolute;
    background-color:white;
    display:flex;
    align-items:center;
    justify-content:center;
}
.FormatSelection[b-l1n5rmronb] {
    border-radius: 7px;
    border: none;
    height: 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    width: fit-content;
}
.FormatSelection:hover[b-l1n5rmronb] {
    background-color:#C8252C;
    color:white;
}
.OptionSelector[b-l1n5rmronb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    background-color: white;
}

.OptionSelection[b-l1n5rmronb]{
    white-space:nowrap;
    flex-grow:1;
    background-color:#C8252C;
    color:white;
    border:none;
    border-radius:7px;
}

.OptionSelection:hover[b-l1n5rmronb] {
   
    background-color: #42ada4;
    
}

.ActualDropSub[b-l1n5rmronb] {
    
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #9d9d9d;
    color: white;
    padding-left: 15px;
    padding-right: 5px;
}

.ActualDropTextSub[b-l1n5rmronb]{
    color:white;
    font-size:11px;
}

.RemoveBtnSub[b-l1n5rmronb] {
    border-radius: 4px;
    background-color: #C8252C;
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    font-size:9px;
}

.RemoveBtnSub:hover[b-l1n5rmronb]{
    background-color:#42ada4;
}

.SkeletonDropSub[b-l1n5rmronb] {
    border-radius: 7px;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px dashed #d7d7d7;
    min-height: 15px;
    color: #c3c3c3;
    font-size:11px;
}
.ConfigAreaCol[b-l1n5rmronb] {
    display: flex;
  
    width: 20% !important;
    min-width: fit-content !important;
    max-height: 100%;
    padding: 10px;
    position: relative;
    border: 1px solid #c3c3c363;
}
.ConfigCon[b-l1n5rmronb] {
    border: 1px solid #c3c3c363;
    border-radius: 7px;
    height: 100%;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    
    border: 1px solid #c3c3c363;
}
.ConfigSettingHeader[b-l1n5rmronb] {
    width: 100%;
    display: flex;
    padding: 5px;
    letter-spacing: 2px;
    font-size: 14px;
    color: #434a4f;
    border-radius: 7px;
}

.ConfigSection[b-l1n5rmronb] {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
    padding: 5px;
    overflow-x: visible !important;
    overflow-y: scroll;
    scrollbar-width: thin;
    position:relative;
}



.ConfigLabel[b-l1n5rmronb] {
    min-width: 100px;
    font-size: 11px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-right:auto;
}

@media only screen and (max-width: 1524px) and (max-height: 1068px) {
    .ConfigLabel[b-l1n5rmronb] {
        min-width: fit-content;
        font-size: 11px;
        white-space: nowrap;
        display: flex;
        align-items: center;
    }
}

.OrderingArea[b-l1n5rmronb] {
    border: 1px solid #c3c3c330;
    border-radius: 7px;
    padding: 5px;
    display: flex;
    flex-direction: column;
}

.OrderingAreaHeader[b-l1n5rmronb]{
    margin-bottom:-10px;
}

.OrderingAreaInnerCon[b-l1n5rmronb] {
    display: flex;
    flex-direction: column;
}

.OrderItemHeader[b-l1n5rmronb]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:15px;
    font-weight:bold;
    font-size:12px;
}

.OrderItemArea[b-l1n5rmronb] {
    display: flex;
    flex-direction: column;
    padding:5px;
}

.OrderItem[b-l1n5rmronb] {
    display: flex;
    border-bottom: 1px solid #c3c3c330;
    align-items:center;
}

.OrderItemText[b-l1n5rmronb]{
    font-size:11px;
    margin-right:auto;
}

.OrderItemInput[b-l1n5rmronb]{
    border:none;
    background-color:transparent;

}

.ConfigSortInput[b-l1n5rmronb]{
    border-radius:7px;
    border:none;
    background-color:#C8252C;
    color:white;
}

.OrderItemInput:hover[b-l1n5rmronb] {
    color: #C8252C;
}

.ConfigSortInput:hover[b-l1n5rmronb] {
    
    background-color:#42ada4;
   
}

.SortOrderButton[b-l1n5rmronb] {
    border-radius: 7px;
    border: none;
    background-color: #C8252C;
    color: white;
}

    .SortOrderButton:hover[b-l1n5rmronb] {
        background-color: #42ada4;
    }

.AddRemoveBtn[b-l1n5rmronb] {
    border-radius: 7px;
    border: none;
    background-color: #C8252C;
    color: white;
}
    .AddRemoveBtn:hover[b-l1n5rmronb] {
        background-color: #42ada4;
    }

.CollapseConfig[b-l1n5rmronb] {
    border-radius: 7px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    height: 130px;
    width: 15px;
    background-color: #C8252C;
    color: white;
    position: absolute;
    right: -15px;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index:1000;
}


.DropArea-2[b-l1n5rmronb] {
    position: relative;
    width: 15%;
    max-height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    min-width:20px;
}

.CollapseDropArea[b-l1n5rmronb] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 7px;
    border: none;
    height: 130px;
    width: 15px;
    background-color: #C8252C;
    color: white;
    position: absolute;
    right: -5px;
    transform: translate(-50%, -50%);
    top: 50%;
}

.DropDownBtn[b-l1n5rmronb] {
    border-radius: 7px;
    border: none;
  background-color:transparent;
  
    width:55px;
    font-size:28px;
    display:flex;
    justify-content:center;
    align-items:center;
   
    height:50px;

    cursor:pointer;
   
}


.FlexSortBy[b-l1n5rmronb]{
    margin-left:auto;
    margin-right:5px;
    display:flex;
}
.CloseConBtn[b-l1n5rmronb] {
    border-radius: 7px;
    border: none;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0px;
    background-color: #434a4f;
    color: white;
    cursor: pointer;
    z-index: 1005;
}
    .CloseConBtn:hover[b-l1n5rmronb] {
        background-color: #42ada4;
    }

.tabButton[b-l1n5rmronb]{
    white-space:nowrap;
    display:flex;
    gap:10px;
}
.ConfirmConBtn[b-l1n5rmronb] {
    border-radius: 7px;
    border: none;
    position: absolute;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 25px;
    bottom: 0px;
    right: 0px;
    background-color: #C8252C;
    color: white;
    cursor: pointer;
    z-index: 1005;
}

    .ConfirmConBtn:hover[b-l1n5rmronb] {
        background-color: #42ada4;
    }

.ColorPicker[b-l1n5rmronb]{
 


}

.ConfigInput[b-l1n5rmronb] {
    max-height: 36px;
    max-width: 170px;
    display: flex;
    align-items: center;
   
}

.ConfigItem[b-l1n5rmronb] {
    overflow: visible;
    padding-bottom: 4px;
    border-bottom: 1px solid #c3c3c330;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.EditBtn[b-l1n5rmronb] {
    border-radius: 7px;
    border: none;
    background-color: #C8252C;
    color: white;
}

    .EditBtn:hover[b-l1n5rmronb] {
        background-color: #42ada4;
    }

.DARK-BACKGROUND[b-l1n5rmronb] {
    z-index:1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #353535b0;
}

.ConfigItemCustom[b-l1n5rmronb]{
    display:flex;
    width:100%;
    justify-content:space-between;
    align-items:center;
}

.ConfigInputCustomLbl[b-l1n5rmronb] {
    min-width:87%;
   margin-right:auto;
}

.ConfigInputCustomBtn[b-l1n5rmronb]{
    min-width:30px;
  margin-right:10px !important;
}
/* _content/QuickPic3/Components/QDataManipulators/QDataManipulator.razor.rz.scp.css */
.MainCon[b-5zypya2391] {
    z-index: 2225 !important;
    position: fixed;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    height: 85%;
    width: 95%;
    background-color: white;
    /* Centering */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction:column;

}
.CloseConBtn[b-5zypya2391] {
    border-radius: 7px;
    border: none;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0px;
    background-color: #434a4f;
    color: white;
    cursor: pointer;
    z-index: 1005;
}

    .CloseConBtn:hover[b-5zypya2391] {
        background-color: #42ada4;
    }

.ConfirmConBtn[b-5zypya2391] {
    border-radius: 7px;
    border: none;
    position: absolute;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 25px;
    bottom: 0px;
    right: 0px;
    background-color: #C8252C;
    color: white;
    cursor: pointer;
    z-index: 1005;
}

    .ConfirmConBtn:hover[b-5zypya2391] {
        background-color: #42ada4;
    }

.TopCon[b-5zypya2391] {
    display: flex;
    height: 9%;
    width: 100%;
    padding: 20px;
    background-color: #d7d6d6;
    border: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.TabsCon[b-5zypya2391] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    border: none;
    gap:10px;
}

.Tab[b-5zypya2391]{
    white-space:nowrap;
    width:fit-content;
    border:1px solid #C8252C;
    border-radius:7px;
    padding-right:10px;
    padding-left:10px;
    padding:5px;
    min-width:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:white;
    font-size:20px;
}
.Tab:hover[b-5zypya2391]{
    cursor:pointer;
    color:white !important;
    background-color:#C8252C;
}

    .Tab:first-child:hover[b-5zypya2391] {
        cursor: pointer;
        color: white;
        background-color: #42ada4 !important;
        border: 1px solid #42ada4;
    }
    .Tab:first-child[b-5zypya2391] {
      
        border: 1px solid #42ada4;
    }
.hoverdark:hover[b-5zypya2391] {
    cursor: pointer;
    color: white;
    background-color: #7b8083 !important;
    border: 1px solid #7b8083 !important;
}
.hoverdark[b-5zypya2391] {
    
    border: 1px solid #7b8083 !important;
}
.BotCon[b-5zypya2391] {
    padding: 10px;
    display: flex;
    height: 91%;
    width: 100%;
    background-color: #d7d6d6;
    border: none;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 10px;
    overflow: scroll;
    overflow-y: hidden;
    scrollbar-width: thin;
   
}

.sortBtn[b-5zypya2391]{
    border:none;
   
    background-color:transparent;
    border-radius:7px;
    height:35px;
    width:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-right:5px;
}

.ListDropCon[b-5zypya2391] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 10px;
}

.FilterCon[b-5zypya2391] {
    height: 45px;
    width: 100%;
    background-color: white;
    border-radius: 7px;
    display:flex;
   justify-content:space-between;
  align-items:center;
   
}
.TextBoxCon[b-5zypya2391]{
    width:100%;
}
.List[b-5zypya2391] {
    min-width: 240px;
    width: fit-content;
    border: 1px solid white;
    border-radius: 7px;
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
    max-height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.ChkBxCon[b-5zypya2391]{

}
.ListItem[b-5zypya2391] {
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    border-radius: 7px;
    border: none;
    border-bottom: 1px solid #eee;
    align-items: center;
    padding: 5px;
    gap:10px;
}


.QueryCon[b-5zypya2391]{
    display:flex;
    width:100%;
    height:100%;
    position:relative;
}

.Properties[b-5zypya2391] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width:20%;
    border:1px solid #eee;
    border-radius:7px;
    background-color:white;
    max-width:200px;
    min-width:fit-content;
    padding:10px;
    gap:10px;
    overflow:scroll;
    overflow-x:hidden;
    scrollbar-width:none;
}

.QueryConstructor[b-5zypya2391] {
    display: flex;
    height: 100%;
    width: 80%;
    
    padding: 20px;

   overflow:scroll;
   overflow-y:visible;
    gap: 10px;

    scrollbar-width:thin;


}

.FilterItem[b-5zypya2391] {
    cursor:pointer;
  
    width: fit-content;
    flex-direction: column;
    display: flex;
    align-items: center;
    border: 1px solid #C8252C;
    position: relative;
    border-radius: 7px;
    height: fit-content;
    background-color: white;
    max-width:fit-content;
}

.FilterTitle[b-5zypya2391] {
    display: flex;
    align-items: center;
   
    padding: 10px;
    width: 100%;
    min-width: 220px;
    justify-content:space-between;
}

.Actions[b-5zypya2391]{
    display:flex;
    gap:5px;
    align-items:center;
}

    .Actions button[b-5zypya2391]{
       
        display:flex;
        justify-content:center;
        align-items:center;
        border:none;
        background-color:#C8252C;
        color:white;
        border-radius:7px;
        height:25px;
        width:25px;
    }

        .Actions button:hover[b-5zypya2391] {
            background-color: #42ada4;
        }

        .FilterConfig[b-5zypya2391] {
            background-color: white;
            white-space: nowrap;
            width: fit-content !important;
            min-width: 100%;
            height: fit-content;
            bottom: -130px;
            border-radius: 7px;
            padding: 10px;
            z-index: 10;
            max-height: 200px;
            overflow-y: scroll;
            overflow-x: hidden;
            scrollbar-width: none;
        }

.FilterSearch[b-5zypya2391]{
    width:100%;
}

.ConfigItem[b-5zypya2391] {
    display: flex;
    justify-content: space-between;
}

.LabelConfig[b-5zypya2391]{
    white-space:nowrap;
    cursor:default;
}

.ConfigItem input[b-5zypya2391]{

}
.ColItem[b-5zypya2391]{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:fit-content;
}
.PropItem[b-5zypya2391] {
    width: 100%;
    height: 36px;
    border: 1px solid #C8252C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    cursor: pointer;
}

.RangeItem[b-5zypya2391]{

}
.RangeItemDate2[b-5zypya2391]{
    top:150px;
    position:absolute;
}
.RangeItemDate[b-5zypya2391] {
    position: absolute;
}

.RangeItem input[b-5zypya2391] {
}

.RangeLabel[b-5zypya2391]{

}

.RangeValue[b-5zypya2391]{

}

.TopRangeCon[b-5zypya2391]{
    display:flex;
    gap:10px;
}


.PropItem:hover[b-5zypya2391]{
    background-color:#C8252C;
    color:white;
}

.ListLabelItem[b-5zypya2391]{
    width:100%;
    
}

.ListItem:hover[b-5zypya2391]{
    background-color:#eee;
}

.TablePreview[b-5zypya2391] {
    background-color:white;
    margin-left:20px;
 
    width: 100px;
    border: 1px solid #b3b6b8;
    height: 50px;
    display: flex;
}

.GroupCol[b-5zypya2391] {
    width: 20px;
    height: 100%;
    border: 1px solid #b3b6b8;
}

.TableBody[b-5zypya2391]{
    width:85px;
    height:100%;
}

.Headers[b-5zypya2391] {
    width: 100%;
    display: flex;
    height: 15px;
   
}

.Header[b-5zypya2391] {
    width: 20px;
    height: 100%;
    border: 1px solid #b3b6b8;
    display: flex;
    align-items: flex-end;
}

.Subheader[b-5zypya2391] {
    width: 20px;
    height: 7px;
  
}

.Rows[b-5zypya2391] {
    border: 1px solid #b3b6b8;
    height: 33px;
    width: 100%;
}

.Row[b-5zypya2391]{

}

.displayFlex[b-5zypya2391]{
    display: flex;
}

.CustomDataButton[b-5zypya2391]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    height: 30px;
    width: 30px;
    display: flex;
}

.CustomDataButton > span[b-5zypya2391]{
    height: 30px;
    width: 30px;
    margin-left: -2px !important;
    margin-top: -2px !important;
}

.btnCustomData[b-5zypya2391]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    white-space: nowrap;
    height: fit-content;
    display: flex;
    align-items: center;
    height: 41px;
}

.ActiveFilter[b-5zypya2391]{
    background-color: #C8252C;
    color: white;
}
/* _content/QuickPic3/Components/QDealerVIN.razor.rz.scp.css */
.Row[b-o74k6332k5]
{
    display :flex;
}

.InputContainer[b-o74k6332k5]{
    margin: 5px;    
    margin-top: -1px !important;
}

.InputContainer > label[b-o74k6332k5]{
    margin-left: 5px;
}
/* _content/QuickPic3/Components/QFormBuilder.razor.rz.scp.css */
.MainContainer[b-bu0wi71owv] {
    padding: 5px;
    display: flex;
    height: 100%;  
    width: 100%;    
    position: absolute;
    display: flex;        
}

.BodyContent[b-bu0wi71owv]{
    width: 100%;
}

.ContentArea[b-bu0wi71owv] {
    border: solid 1px;
    border-radius: 7px;
    width: 640px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
}

.SideBarArea[b-bu0wi71owv] {
    border-radius: 7px;
    width: 20%;
    background-color: rgba(0,0,0,0.2);
    height: 100%;
}

.ColumOptions[b-bu0wi71owv] {
    display: flex;
}

.ContentArea[b-bu0wi71owv] {
    display: flex;
}

.ColumOptions > div[b-bu0wi71owv] {
    border: solid;
    width: 100%;
    text-align: center;
    margin: 5px;
    background-color: #434a4f;
    border: none;
    color: white;
    border-radius: 7px;
}

.ColumnContainer[b-bu0wi71owv] {
    margin: 5px;
    width: 100%;
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 7px;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

    .ColumnContainer:hover MenuContainer[b-bu0wi71owv] {
        border: solid 1px;
        cursor: pointer;
    }

.Element[b-bu0wi71owv] {
    border: solid;
    margin: 5px;
    width: 100%;
    text-align: center;
    background-color: #434a4f;
    border: none;
    color: white;
    border-radius: 7px;
}

.Elements[b-bu0wi71owv] {
    display: flex;
}

.Active[b-bu0wi71owv] {
    border: solid red !important;
}

.MenuContainer[b-bu0wi71owv] {
    visibility: hidden;
}

.ColumnContainer:hover .MenuContainer[b-bu0wi71owv] {
    visibility: visible;
}

p[b-bu0wi71owv] {
    border: solid white;
    border-radius: 7px;
    text-align: left;
}

    p:hover[b-bu0wi71owv] {
        border: solid red;
    }

.TextElementContainer[b-bu0wi71owv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

textarea[b-bu0wi71owv] {
    width: 100%;
    height: 100%;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.StylingTab[b-bu0wi71owv] {
    display: flex;
}

    .StylingTab > div[b-bu0wi71owv] {
        height: fit-content;
        border-right: solid;
        padding: 5px;
    }

.TextElementEditingContainer[b-bu0wi71owv] {
    width: 100%;
    display: flex;
    height: 100%;
}

    .TextElementEditingContainer > button[b-bu0wi71owv] {
        background-color: #C8252C;
        color: white;
        border: none;
        border-bottom-right-radius: 7px;
        border-top-right-radius: 7px;
    }

.MyGalleryButtonContainer[b-bu0wi71owv] {
    margin: 5px;
    display: flex;
}

.GalleryButton[b-bu0wi71owv] {
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    width: 100%;
    border: none;
    margin-right: 5px;
}

.ShowPreviewButton[b-bu0wi71owv] {
    background-color: #434a4f;
    color: white;
    border-radius: 7px;
    width: 100%;
    border: none;
    margin-left: 5px;
}

.ImgContainer[b-bu0wi71owv] {
    display: flex;
    width: 1000px;
    flex-wrap: wrap;
}

.ImgContainerItem > img[b-bu0wi71owv] {
    height: 100px;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    border: solid 1px white;
    border-radius: 7px;
}

.ImgContainerItem[b-bu0wi71owv]{
    display: flex;
    flex-direction: column;
    border: solid 1px;
    margin: 5px;
    padding: 5px;
    border-radius: 7px;
}

    .ImgContainerItem:hover[b-bu0wi71owv] {
        border-color: #C8252C;
        box-shadow: #7b8083 5px 5px 5px 0px;
    }

.deleteImageButton[b-bu0wi71owv]{
    width: 30px;    
    height: 30px;
    padding: 0px;
    display: flex;
    align-items: center;    
    background-color: white;
    color: #C8252C;
    border: solid 1px;
    border-radius: 7px;
}

    .deleteImageButton div[b-bu0wi71owv] {
        width: 100%;
    }

    .ImageControls[b-bu0wi71owv] {
        margin: 5px;
    }

.ImageSizeSettings[b-bu0wi71owv]{    
    display: flex;
}

.ImageSizeSettings > div[b-bu0wi71owv] {
    width: 100%;
    display: inline;
}

.ImageSizeSettings > div[b-bu0wi71owv] {
    width: 100%;
    display: inline;
}

    table[b-bu0wi71owv] {
        width: 100%;
    }

td[b-bu0wi71owv]{
    border: solid 1px #e0e0e0 ;    
    text-align: center;
}


.ActiveCell[b-bu0wi71owv]{
    border: solid 2px #C8252C !important;
}

.TableDisplay[b-bu0wi71owv]{
    margin: 5px;
}

.TemplateContainer[b-bu0wi71owv]{
    display: flex;
    flex-wrap: wrap;
    width: 900px;
    padding: 5px;
}

.TemplateItem[b-bu0wi71owv] {
    border: solid 1px;
    border-radius: 7px;
    padding: 5px;
    display: flex;
    width: 200px !important;    
    flex-direction: column;
    cursor: pointer;    
    margin: 5px;
}

    .TemplateItem:hover[b-bu0wi71owv] {
        box-shadow: #7b8083 5px 5px 5px 0px;
        border-color: #C8252C;
    }

.TemplatePreview[b-bu0wi71owv] {
    border: solid 1px;
    height: 200px;
    overflow-y: clip;
    overflow-x: clip;
}

.DoneEditingImage[b-bu0wi71owv]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    width: 100%;
    margin-top: 5px;
}

.ImageAlignmentOptions[b-bu0wi71owv]{
    width: 100%;
    display: flex;
}

    .ImageAlignmentOptions > button[b-bu0wi71owv] {
        background-color: #434a4f;
        color: white;
        border: none;
        border-radius: 7px;
        width: 100%;
        margin-top: 5px;
    }

.MiddleAllignButton[b-bu0wi71owv]{
    margin-right: 5px;
    margin-left: 5px;
}

.SidebarLabels[b-bu0wi71owv]{
    margin-left: 5px;
    font-weight: 700;
}

.MyImagesContainer>label[b-bu0wi71owv]{
    display: block;
}

.MovingTarget[b-bu0wi71owv] {
    background-color: #42ada4;
    color: white;
    border-radius: 7px;
    margin-bottom: 5px;
}

.SettingsContainer[b-bu0wi71owv] {
    padding: 10px;
}

.Section[b-bu0wi71owv]{
    display: flex;    
    align-items: center;    
}

.Section div[b-bu0wi71owv]{
    width: 100px;
}

.SectionInputs[b-bu0wi71owv] {
    width: 100% !important;    
}

.DeleteButton[b-bu0wi71owv] {
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    border: none;
    margin-bottom: 2px;
}

.MoveButton[b-bu0wi71owv] {
    background-color: #434a4f;
    color: white;
    border-radius: 7px;
    border: none;
    margin-bottom: 2px;
}

.AddImageButton[b-bu0wi71owv]{
    background-color: #C8252C;
    border-radius: 7px;
    color: white !important;
    border: none;
    height: 30px;
}

.TestEmailButton[b-bu0wi71owv] {
    background-color: #C8252C;
    border-radius: 7px;
    color: white !important;
    border: none;
    height: 30px;
    margin-left: 5px;
}

.dragPos[b-bu0wi71owv]{
    background-color: rgba(0,0,0,0.3)
}
/* _content/QuickPic3/Components/QFormBuilderElements/Q_WYSIWYG.razor.rz.scp.css */
.MainContainer[b-8kunwmfym7]
{    
    display: flex;
    position: relative;
}

.EditableContaienr[b-8kunwmfym7]{
    border: solid 1px #C8252C;
    width: 100%;
    height: 100%;
}
/* _content/QuickPic3/Components/QFormLayout.razor.rz.scp.css */
.MainContainer[b-m0t1ztju7b] {
    padding: 5px;
    display: flex;
    height: 100%;  
    width: 100%;    
    position: absolute;
    display: flex;        
}

.BodyContent[b-m0t1ztju7b]{
    width: 100%;
}

.ContentArea[b-m0t1ztju7b] {
    border: solid 1px;
    border-radius: 7px;
    width: 640px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
}

.SideBarArea[b-m0t1ztju7b] {
    border-radius: 7px;
    width: 20%;
    background-color: rgba(0,0,0,0.2);
    height: 100%;
}

.ColumOptions[b-m0t1ztju7b] {
    display: flex;
}

.ContentArea[b-m0t1ztju7b] {
    display: flex;
}

.ColumOptions > div[b-m0t1ztju7b] {
    border: solid;
    width: 100%;
    text-align: center;
    margin: 5px;
    background-color: #434a4f;
    border: none;
    color: white;
    border-radius: 7px;
}

.ColumnContainer[b-m0t1ztju7b] {
    margin: 5px;
    width: 100%;
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 7px;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

    .ColumnContainer:hover MenuContainer[b-m0t1ztju7b] {
        border: solid 1px;
        cursor: pointer;
    }

.Element[b-m0t1ztju7b] {
    border: solid;
    margin: 5px;
    width: 100%;
    text-align: center;
    background-color: #434a4f;
    border: none;
    color: white;
    border-radius: 7px;
}

.Elements[b-m0t1ztju7b] {
    display: flex;
}

.Active[b-m0t1ztju7b] {
    border: solid red !important;
}

.MenuContainer[b-m0t1ztju7b] {
    visibility: hidden;
}

.ColumnContainer:hover .MenuContainer[b-m0t1ztju7b] {
    visibility: visible;
}

p[b-m0t1ztju7b] {
    border: solid white;
    border-radius: 7px;
    text-align: left;
}

    p:hover[b-m0t1ztju7b] {
        border: solid red;
    }

.TextElementContainer[b-m0t1ztju7b] {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

textarea[b-m0t1ztju7b] {
    width: 100%;
    height: 100%;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.StylingTab[b-m0t1ztju7b] {
    display: flex;
}

    .StylingTab > div[b-m0t1ztju7b] {
        height: fit-content;
        border-right: solid;
        padding: 5px;
    }

.TextElementEditingContainer[b-m0t1ztju7b] {
    width: 100%;
    display: flex;
    height: 100%;
}

    .TextElementEditingContainer > button[b-m0t1ztju7b] {
        background-color: #C8252C;
        color: white;
        border: none;
        border-bottom-right-radius: 7px;
        border-top-right-radius: 7px;
    }

.MyGalleryButtonContainer[b-m0t1ztju7b] {
    margin: 5px;
    display: flex;
}

.GalleryButton[b-m0t1ztju7b] {
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    width: 100%;
    border: none;
    margin-right: 5px;
}

.ShowPreviewButton[b-m0t1ztju7b] {
    background-color: #434a4f;
    color: white;
    border-radius: 7px;
    width: 100%;
    border: none;
    margin-left: 5px;
}

.ImgContainer[b-m0t1ztju7b] {
    display: flex;
    width: 1000px;
    flex-wrap: wrap;
}

.ImgContainerItem > img[b-m0t1ztju7b] {
    height: 100px;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    border: solid 1px white;
    border-radius: 7px;
}

.ImgContainerItem[b-m0t1ztju7b]{
    display: flex;
    flex-direction: column;
    border: solid 1px;
    margin: 5px;
    padding: 5px;
    border-radius: 7px;
}

    .ImgContainerItem:hover[b-m0t1ztju7b] {
        border-color: #C8252C;
        box-shadow: #7b8083 5px 5px 5px 0px;
    }

.deleteImageButton[b-m0t1ztju7b]{
    width: 30px;    
    height: 30px;
    padding: 0px;
    display: flex;
    align-items: center;    
    background-color: white;
    color: #C8252C;
    border: solid 1px;
    border-radius: 7px;
}

    .deleteImageButton div[b-m0t1ztju7b] {
        width: 100%;
    }

    .ImageControls[b-m0t1ztju7b] {
        margin: 5px;
    }

.ImageSizeSettings[b-m0t1ztju7b]{    
    display: flex;
}

.ImageSizeSettings > div[b-m0t1ztju7b] {
    width: 100%;
    display: inline;
}

.ImageSizeSettings > div[b-m0t1ztju7b] {
    width: 100%;
    display: inline;
}

    table[b-m0t1ztju7b] {
        width: 100%;
    }

td[b-m0t1ztju7b]{
    border: solid 1px #e0e0e0 ;    
    text-align: center;
}


.ActiveCell[b-m0t1ztju7b]{
    border: solid 2px #C8252C !important;
}

.TableDisplay[b-m0t1ztju7b]{
    margin: 5px;
}

.TemplateContainer[b-m0t1ztju7b]{
    display: flex;
    flex-wrap: wrap;
    width: 900px;
    padding: 5px;
}

.TemplateItem[b-m0t1ztju7b] {
    border: solid 1px;
    border-radius: 7px;
    padding: 5px;
    display: flex;
    width: 200px !important;    
    flex-direction: column;
    cursor: pointer;    
    margin: 5px;
}

    .TemplateItem:hover[b-m0t1ztju7b] {
        box-shadow: #7b8083 5px 5px 5px 0px;
        border-color: #C8252C;
    }

.TemplatePreview[b-m0t1ztju7b] {
    border: solid 1px;
    height: 200px;
    overflow-y: clip;
    overflow-x: clip;
}

.DoneEditingImage[b-m0t1ztju7b]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    width: 100%;
    margin-top: 5px;
}

.ImageAlignmentOptions[b-m0t1ztju7b]{
    width: 100%;
    display: flex;
}

    .ImageAlignmentOptions > button[b-m0t1ztju7b] {
        background-color: #434a4f;
        color: white;
        border: none;
        border-radius: 7px;
        width: 100%;
        margin-top: 5px;
    }

.MiddleAllignButton[b-m0t1ztju7b]{
    margin-right: 5px;
    margin-left: 5px;
}

.SidebarLabels[b-m0t1ztju7b]{
    margin-left: 5px;
    font-weight: 700;
}

.MyImagesContainer>label[b-m0t1ztju7b]{
    display: block;
}

.MovingTarget[b-m0t1ztju7b] {
    background-color: #42ada4;
    color: white;
    border-radius: 7px;
    margin-bottom: 5px;
}

.SettingsContainer[b-m0t1ztju7b] {
    padding: 10px;
}

.Section[b-m0t1ztju7b]{
    display: flex;    
    align-items: center;    
}

.Section div[b-m0t1ztju7b]{
    width: 100px;
}

.SectionInputs[b-m0t1ztju7b] {
    width: 100% !important;    
}

.DeleteButton[b-m0t1ztju7b] {
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    border: none;
    margin-bottom: 2px;
}

.MoveButton[b-m0t1ztju7b] {
    background-color: #434a4f;
    color: white;
    border-radius: 7px;
    border: none;
    margin-bottom: 2px;
}

.AddImageButton[b-m0t1ztju7b]{
    background-color: #C8252C;
    border-radius: 7px;
    color: white !important;
    border: none;
    height: 30px;
}

.TestEmailButton[b-m0t1ztju7b] {
    background-color: #C8252C;
    border-radius: 7px;
    color: white !important;
    border: none;
    height: 30px;
    margin-left: 5px;
}
/* _content/QuickPic3/Components/QForm/QFormBox.razor.rz.scp.css */
.q_form-box[b-5cys4puweg] {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: #FFFFFFFF !important;    
    height: fit-content;
}

.q_form-box-inverted[b-5cys4puweg] {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: #F0F0F0 !important;
    height: fit-content;
}


.q_form-box-content[b-5cys4puweg] {
    margin-top: 5px;
    margin-bottom: 5px;
    height: fit-content;
}

span[b-5cys4puweg]{
    margin-left: 10px;
    padding-top: 10px;
}
/* _content/QuickPic3/Components/QForm/QFormBoxItem.razor.rz.scp.css */
.q_form-box-item-row[b-bp2xxb744r] {
    background-color: transparent;
    border-bottom: 1px solid #f0f0f080;
    margin-bottom: 5px;
    
}

    .q_form-box-item-row:hover[b-bp2xxb744r] {
        background-color: #f0f0f080;
    }

.q_form-box-item[b-bp2xxb744r] {
    justify-content: center;
    align-content: center;
    min-height: 45px;
    margin-bottom: 5px;
}

.q_form-box-item-section[b-bp2xxb744r] {
    justify-content: center;
    align-content: center;
    min-height: 35px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
}

.q_form-box-item-spacer[b-bp2xxb744r] {
    justify-content: center;
    align-content: center;
    min-height: 40px;
    margin-bottom: 20px;
}

.q_form-box-item-controls[b-bp2xxb744r] {
    justify-content: center;
    align-content: center;
    min-height: 54px;
}

.q_form-box-item-label[b-bp2xxb744r] {
    text-transform: uppercase;
}
/* _content/QuickPic3/Components/QGrid/QAutoVizioGrid.razor.rz.scp.css */

.col-container[b-4m82criwmo] {
    border-radius: 5px;
    padding: 5px;
    border: 2px #434a4f;
}

.row-container[b-4m82criwmo] {
    width: 100%;
}

.checkbox[b-4m82criwmo] {
    margin-left: 5px;
}

.text-container[b-4m82criwmo] {
    margin-left: 5px;
}
/* _content/QuickPic3/Components/QGrid/QGrid.razor.rz.scp.css */
table[b-mel3t6cydx] {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid lightgray;        
}

th[b-mel3t6cydx], td[b-mel3t6cydx] {
    text-align: left;
    padding: 8px;
    border-left: 1px solid red;    
}

#tableHeaderStyle[b-mel3t6cydx]{    
    height: 50px;
}

tr[b-mel3t6cydx] {
    cursor: pointer;
}

    tr:nth-child(4n+1)[b-mel3t6cydx] {
        background-color: #f2f2f2;
    }

    tr:nth-child(4n-1)[b-mel3t6cydx] {
        background-color: white;
    }
    

.show-detail[b-mel3t6cydx] {
    display: block;
}

.hide-detail[b-mel3t6cydx] {
    display: none;
}
.hierarchy-cell[b-mel3t6cydx]{
    width:10%;
}


.pageItem[b-mel3t6cydx] {
    background-color: #fff;
    font-size: 15px;
    border: none;
    color: #808080;
}

    .pageItem:hover[b-mel3t6cydx] {
        background-color: #ccc;
    }

.activePage[b-mel3t6cydx] {
    border: solid 1px #f1f1f1;
    font-weight: 700;
}

.TestRow[b-mel3t6cydx]{
padding: 0px !important;
}

div[b-mel3t6cydx] {
    margin-left: -5px;    
}

.RemoveLeftRight[b-mel3t6cydx]{
    border-left: none;
    border-right: none;
}

.Pages[b-mel3t6cydx]{
    margin-left: 5px;
}
/* _content/QuickPic3/Components/QGrid/QGridColumn.razor.rz.scp.css */
th[b-jckvir6b04], td[b-jckvir6b04] {
    text-align: left;
    padding: 5px;
    border-left: 1px solid lightgray;
    font-size: 12px;    
}

.RemoveBorderRight[b-jckvir6b04] {
    border-right: none !important;
}

.RemoveBorderLeft[b-jckvir6b04] {
    border-left: none !important;
}

/* _content/QuickPic3/Components/QGrid/QGridHeader.razor.rz.scp.css */
th[b-pnxysn1g3h], td[b-pnxysn1g3h] {
    text-align: left;
    padding: 5px;
    border: 1px solid lightgray;
    font-size: 12px;
}

.RemoveBorderRight[b-pnxysn1g3h] {
    border-right: none !important;    
}

.RemoveBorderLeft[b-pnxysn1g3h] {
    border-left: none !important;
}
/* _content/QuickPic3/Components/QIcon.razor.rz.scp.css */
.q_icon[b-4ymk6ob3i9] {
    padding: 0px;
    margin: 0px;    
}

i[b-4ymk6ob3i9]{        
}

.moveContentUp[b-4ymk6ob3i9]{
    margin-top: -10px !important;
}

div[b-4ymk6ob3i9] {
    display: flex;
    height: 60px;
    width: 40px;
    align-items: center;
}

img[b-4ymk6ob3i9] {    
    height: 30px;
    display: flex;       
}


div[b-4ymk6ob3i9] {
    margin-top: -7px;
    width: 25px;
    margin-left: auto;
    margin-right: auto;
    fill:white;
}
/* _content/QuickPic3/Components/QImageUploader/QImageUploader.razor.rz.scp.css */

.container[b-ajp44ih6bl] {
    height: min-content;
    width: 500px;
    background-color: white;
    z-index: 150 !important;
    position: fixed;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    left: 50%;
    transform: translate(-50%, -0%);
    display: flex;
    flex-direction: column;
    padding: 10px 10px 20px 10px;
}

.d-Background[b-ajp44ih6bl] {
    z-index: 149 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #353535b0;
    pointer-events: none;
}

.editBtn[b-ajp44ih6bl] {
    position: absolute;
    left: -50px;
    top: 10px;
    border-radius: 7px;
    border: none;
    background-color: #C8252C;
    color: white;
}

    .editBtn:hover[b-ajp44ih6bl] {
        background-color: #42ada4;
    }

.settingsBtn[b-ajp44ih6bl] {
    font-size: 30px !important;
}

.CanvasContainer[b-ajp44ih6bl] {
    position: relative;
    width: 100%;
    height: 100%;
}

.CanvasPreview[b-ajp44ih6bl] {
    padding: 10px;
}

.NoImg[b-ajp44ih6bl] {
    display: block;
    margin: 0 auto;
    border: 1px solid #b3b6b8;
    border-radius: 3px;
    width: 100%;
    height: 100%;
}

.CanvasText[b-ajp44ih6bl] {
    background-color: white;
    text-align: center;
    line-height: 100%;
    color: #434a4f;
    font-style: italic;
}

.ImageCanvasPreview[b-ajp44ih6bl] {
    height: 250px;
    width: auto;
}

.ImageCanvas[b-ajp44ih6bl] {
    height: 100%;
    width: 100%;
}

.FileUploader[b-ajp44ih6bl] {
    display: flex;
    justify-content: center;
    padding: 10px 10px 10px 90px;
}

.cnfrmBtn[b-ajp44ih6bl] {
    border-radius: 7px;
    border: none;
    position: absolute;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 25px;
    bottom: 0px;
    right: 0px;
    background-color: #C8252C;
    color: white;
    cursor: pointer;
    z-index: 151 !important;
}

    .cnfrmBtn:hover[b-ajp44ih6bl] {
        background-color: #42ada4;
    }

.cnfrmBtnInactive[b-ajp44ih6bl] {
    border-radius: 7px;
    border: none;
    position: absolute;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 25px;
    bottom: 0px;
    right: 0px;
    /*background-color: #C8252C;
    color: white;*/
    cursor: pointer;
    z-index: 151 !important;
}

.clsBtn[b-ajp44ih6bl] {
    border-radius: 7px;
    border: none;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0px;
    top: 0px;
    background-color: #434a4f;
    color: white;
    cursor: pointer;
    z-index: 151 !important;
}

    .clsBtn:hover[b-ajp44ih6bl] {
        background-color: #42ada4;
    }
/* _content/QuickPic3/Components/QInfoComponent.razor.rz.scp.css */
.NumberDisplay[b-rm6n9ki9kb] {
    color: #C8252C;
    font-size: 30px;
}

.NumberDisplay label[b-rm6n9ki9kb] {
    color: #C8252C;
    font-size: 30px;
}
/* _content/QuickPic3/Components/QInput/QCanvas.razor.rz.scp.css */
#canvasSignature[b-p4jrmhsaas]{
    width: 100%;    
}

.inner-con[b-p4jrmhsaas]{
   margin-left:auto;
   margin-right:auto;
}

.outer-con[b-p4jrmhsaas] {
    display: flex;
    text-align:center;
}
/* _content/QuickPic3/Components/QInput/QContextLabel.razor.rz.scp.css */
/* _content/QuickPic3/Components/QInput/QDateTimeCustom.razor.rz.scp.css */
tr[b-2cvie0zbmu]{
    text-align: center;    
}

td:hover[b-2cvie0zbmu]{
    color: #C8252C;
    font-weight: 700;
}
.daButton[b-2cvie0zbmu] {
    border: 1px solid #C8252C;
    background-color: #C8252C;
    color: white;
    margin-left: auto;
}
    .daButton:hover[b-2cvie0zbmu] {
        transition: 0.1s;
        border: 1px solid #C8252C;
        background-color: white;
        color: #434a4f;
        border-radius: 7px;
    }
td[b-2cvie0zbmu]{
    cursor: pointer;
    font-size: medium;
    text-align: center;
}

th[b-2cvie0zbmu]{
    font-size: medium;
    padding-left: 5px;
}

.DateContainers[b-2cvie0zbmu]{
    display: flex;
    width: 300px;    
}

.firstDate[b-2cvie0zbmu]{

}

.secondDate[b-2cvie0zbmu]{    
    /*margin-left: auto;*/
}


.unavailableDate[b-2cvie0zbmu] {
    color: red;
    
}

input[b-2cvie0zbmu] {
    cursor: pointer;    
    border: solid 1px;
    border-color: #ced4da;
    border-radius: 5px;
    height: 35px;
}

select[b-2cvie0zbmu] {
    cursor: pointer;
}

.selectedInCalendar[b-2cvie0zbmu]{
    color: white;
    background-color: #C8252C;
    /*border: solid black 2px;*/
    border-radius: 8px;
}

    .selectedInCalendar:hover[b-2cvie0zbmu] {
        color: white;
        font-weight: 700;
    }

.CalendarTable[b-2cvie0zbmu]{    
    margin-top: 2px;    
    position: absolute;    
}

.dateselectors[b-2cvie0zbmu] {
    color: black;
    border-bottom: none;
    border-color: #ced4da;
    font-size: medium;
    accent-color: red;    
}

select[b-2cvie0zbmu] {
    font-family: Helvetica !important;
}

option[b-2cvie0zbmu] {
    font-family: Helvetica !important;
}


.CalendarContainer[b-2cvie0zbmu] {
    width: 100%;
}

.MainContainer[b-2cvie0zbmu] {
    position: relative;
}

.CalendarPopupContainer[b-2cvie0zbmu] {
    position: absolute;
    background-color: white;
    width: 300px;
    z-index: 1000;
}

.TabContainer[b-2cvie0zbmu] {
    display: flex;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.DateTabContainer[b-2cvie0zbmu] {
    width: 100%;
    /*background-color: #434a4f;*/
    background-color: white;
    color: #434a4f;
    font-weight: 500;
    /*color: white;*/
    cursor: pointer;
    border-color: #434a4f;
}

.SelectedTab[b-2cvie0zbmu] {
    background-color: #C9242C;
    color: white;
    border-color: #C9242C;
}

.SelectedDaysContainer[b-2cvie0zbmu] {
}


.grid-even-columns[b-2cvie0zbmu] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    margin-left: 10px;
}

.flow[b-2cvie0zbmu] {
    height: 40px;
    width: 40px;
    padding: 5px;
    padding-top: 10px;
    font-size: 14px;
}

    .flow:hover[b-2cvie0zbmu] {
        color: white;
        cursor: pointer;
        background-color: #434a4f;
    }

.activeMonth[b-2cvie0zbmu] {
    background-color: #C8252C;
    color: white;
}

span[b-2cvie0zbmu] {
    cursor: pointer;
}

.TopRowDays:hover[b-2cvie0zbmu] {
    color: #C8252C;
}

span:hover[b-2cvie0zbmu] {
    color: #C8252C;
}

.TopRowDays[b-2cvie0zbmu] {
    cursor: pointer;
}

.SelectedMonthsContainer[b-2cvie0zbmu] {
}

.TopRowContainer[b-2cvie0zbmu] {
    display: flex;
    text-align: center;
    font-size: 15px;
    align-items: center;
}

.TopRowControlsContainer[b-2cvie0zbmu] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-left: 22px;
    align-items: center;
    font-size: 15px;
}

.TodaysDate[b-2cvie0zbmu] {
    width: 100%;
    text-align: center;
    /*cursor: pointer;*/
    color: #C8252C;
    margin-left: -20px;
}

    .TodaysDate > label[b-2cvie0zbmu] {
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: solid;
        border-width: 1.5px;
        border-radius: 5px;
        border-color: #c8252c;
        color: #c8252c;
        cursor: pointer;
    }

.TopRowMonthsControlsContainer[b-2cvie0zbmu] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-left: 35px;
    align-items: center;
    font-size: 15px;
}

.TopRowMonths[b-2cvie0zbmu] {
    cursor: pointer;
}

    .TopRowMonths:hover[b-2cvie0zbmu] {
        color: #C8252C;
    }

.DaysTablecontainer[b-2cvie0zbmu] {
}

table[b-2cvie0zbmu] {
    width: 100%;
    text-align: center;
}

td[b-2cvie0zbmu], th[b-2cvie0zbmu] {
    text-align: center;
}

.CurrentDay[b-2cvie0zbmu] {
    background-color: #C8252C;
    color: white;
}

td:hover[b-2cvie0zbmu] {
    color: white;
    cursor: pointer;
    background-color: #434a4f;
}

.CurrentDay:hover[b-2cvie0zbmu] {
    color: white;
}

.TopRowTimeContainer[b-2cvie0zbmu] {
    display: flex;
    padding-top: 5px;
}

.TimeControlContainer[b-2cvie0zbmu] {
    display: flex;
    font-size: 15px;
    text-align: center;
}

.CurrentTimeDisplay[b-2cvie0zbmu] {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .CurrentTimeDisplay > label[b-2cvie0zbmu] {
        text-align: center;
        font-weight: 600;
    }

.minutehour[b-2cvie0zbmu] {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
}

    .minutehour > label[b-2cvie0zbmu] {
        text-align: center;
        font-weight: 600;
    }

input[b-2cvie0zbmu] {
    border: 1px solid #ced4da;
    border-radius: 5px;
    text-indent: 10px;
    font-size: 1rem;
    color: black !important;
    height: 37px;
}

.NowBtnContainer[b-2cvie0zbmu] {
    width: 100%;
    text-align: center;
    /*cursor: pointer;*/
    color: #C8252C;
    margin-left: -20px;
}

    .NowBtnContainer > label[b-2cvie0zbmu] {
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: solid;
        border-width: 1.5px;
        border-radius: 5px;
        border-color: #c8252c;
        color: #c8252c;
        cursor: pointer;
    }

.TimeControlContainer[b-2cvie0zbmu] {
    text-align: center;
    display: flex;
    margin-top: 10px;
}

.HoursDisplay[b-2cvie0zbmu], .MinutesDisplay[b-2cvie0zbmu], .SecondsDisplay[b-2cvie0zbmu] {
    height: 250px;
    overflow-y: scroll;
    width: 100%;
}

.activeHour[b-2cvie0zbmu], .activeMinute[b-2cvie0zbmu], .activeSecond[b-2cvie0zbmu] {
    color: #C8252C;
    border-top: solid #C8252C;
    border-bottom: solid #C8252C;
}

.btnContainer[b-2cvie0zbmu] {
    padding: 5px;
}

.btn[b-2cvie0zbmu] {
    border-radius: 5px;
    padding: 5px;
    margin-right: 1px;
    margin-left: 1px;
}

.DateTabContainer:hover[b-2cvie0zbmu] {
    background-color: var(--brand-tertiary);
    color: white;
}

.spaceMaker[b-2cvie0zbmu] {
    width: 5px;
}

*[b-2cvie0zbmu] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.5);
}

    *[b-2cvie0zbmu]::-webkit-scrollbar {
        width: 10px;
    }

    *[b-2cvie0zbmu]::-webkit-scrollbar-track {
    }

    *[b-2cvie0zbmu]::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.3);
    }
/* _content/QuickPic3/Components/QInput/QDateTimeNow.razor.rz.scp.css */
.CalendarContainer[b-eszyxo2iof] {
    width: 100%;
  

}

.MainContainer[b-eszyxo2iof] {
    position: relative;
}



.CalendarPopupContainer[b-eszyxo2iof] {
    position: absolute;
    background-color: white;
    width: 300px;
    z-index: 1000;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border: solid;
    border-width: 1.5px;
    border-radius: 5px;
    border-color: #434a4f;
}
.TabContainer[b-eszyxo2iof]{
    display: flex;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.DateTabContainer[b-eszyxo2iof] {
    width: 100%;
    /*background-color: #434a4f;*/
    background-color: white;
    color: #434a4f;
    font-weight: 500;
    /*color: white;*/
    cursor: pointer;
    border-color: #434a4f;
}

.DateTabContainer2[b-eszyxo2iof] {
    width: 100%;
    /*background-color: #434a4f;*/
    background-color: white;
    color: #434a4f;
    font-weight: 500;
    /*color: white;*/
    cursor: pointer;
    border-color: #434a4f;
}

.SelectedTab[b-eszyxo2iof] {
    background-color: #C9242C;
    color: white;
    border-color: #C9242C;
}

.SelectedTab2[b-eszyxo2iof] {
    background-color: #C9242C;
    color: white;
}

.SelectedDaysContainer[b-eszyxo2iof]{
    
}


.grid-even-columns[b-eszyxo2iof]{
    display: grid;
    
    grid-template-columns: 1fr 1fr 1fr 1fr;    
    text-align: center;    
    margin-left: 10px;
}

.flow[b-eszyxo2iof]{
    height: 40px;
    width: 40px;       
    padding: 5px;
    padding-top: 10px;
    font-size: 14px;
}

    .flow:hover[b-eszyxo2iof] {
        color: white;
        cursor: pointer;
        background-color: #434a4f;
    }

.activeMonth[b-eszyxo2iof]{
    background-color: #C8252C;
    color: white;
}

span[b-eszyxo2iof] {
    cursor: pointer;    
}

.TopRowDays:hover[b-eszyxo2iof]{
    color: #C8252C;
}

span:hover[b-eszyxo2iof] {
    color: #C8252C;
}

.TopRowDays[b-eszyxo2iof]{
    cursor: pointer;
}

.SelectedMonthsContainer[b-eszyxo2iof]{

}

.TopRowContainer[b-eszyxo2iof] {
    display: flex;
    text-align: center;
    font-size: 15px;
    align-items: center;
    padding-bottom: 5px;
    justify-content: center;
    align-items: center;
}

TopRowContainer > label[b-eszyxo2iof] {
    text-align: center;
}

.TopRowControlsContainer[b-eszyxo2iof] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-left: 22px;
    align-items: center;
    font-size: 15px;
}

.TodaysDate[b-eszyxo2iof] {
    width: 100%;
    text-align: center;
    /*cursor: pointer;*/
    color: #C8252C;    
    margin-left: -20px;
    
}

    .TodaysDate > label[b-eszyxo2iof] {
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: solid;
        border-width: 1.5px;
        border-radius: 5px;
        border-color: #c8252c;
        color: #c8252c;
        cursor: pointer;
    }

.TopRowMonthsControlsContainer[b-eszyxo2iof] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-left: 35px;
    align-items: center;
    font-size: 15px;
}

.TopRowMonths[b-eszyxo2iof] {
    cursor: pointer;
}

.TopRowMonths:hover[b-eszyxo2iof]{
    color: #C8252C;
}

.DaysTablecontainer[b-eszyxo2iof]{
    
}

table[b-eszyxo2iof]{
    width: 100%;
    text-align: center;
}

td[b-eszyxo2iof], th[b-eszyxo2iof]{
    text-align: center;
}

.CurrentDay[b-eszyxo2iof]{
    background-color: #C8252C;
    color: white;
}

td:hover[b-eszyxo2iof] {
    color: white;
    cursor: pointer;
    background-color: #434a4f;
}

.CurrentDay:hover[b-eszyxo2iof]{
    color: white;
}

.timeContainer[b-eszyxo2iof] {

}

.TopRowTimeContainer[b-eszyxo2iof] {
    display: flex;
    padding-top: 5px;
}

.TimeControlContainer[b-eszyxo2iof] {
    display: flex;
    font-size: 15px;
    text-align: center;
}

.CurrentTimeDisplay[b-eszyxo2iof] {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .CurrentTimeDisplay > label[b-eszyxo2iof] {
        text-align: center;
        font-weight: 600;
    }

.minutehour[b-eszyxo2iof] {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
}

    .minutehour > label[b-eszyxo2iof] {
        text-align: center;
        font-weight: 600;
    }

input[b-eszyxo2iof] {
    border: 1px solid #ced4da;
    border-radius: 5px;
    text-indent: 10px;
    font-size: 1rem;
    color: black !important;
    height: 37px;
}

/*.NowBtnContainer {
    color: #C8252C;       
    margin-right: 50px;
}*/

.NowBtnContainer[b-eszyxo2iof] {
    width: 100%;
    text-align: center;
    /*cursor: pointer;*/
    color: #C8252C;
    margin-left: -20px;
}

    .NowBtnContainer > label[b-eszyxo2iof] {
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: solid;
        border-width: 1.5px;
        border-radius: 5px;
        border-color: #c8252c;
        color: #c8252c;
        cursor: pointer;
    }

.TimeControlContainer[b-eszyxo2iof]{    
    text-align: center;
    display: flex;
    margin-top: 10px;
}

.HoursDisplay[b-eszyxo2iof], .MinutesDisplay[b-eszyxo2iof], .SecondsDisplay[b-eszyxo2iof] {
    height: 250px;
    overflow-y: scroll;
    width: 100%;
    
}

.activeHour[b-eszyxo2iof], .activeMinute[b-eszyxo2iof], .activeSecond[b-eszyxo2iof] {
    color: #C8252C;
    border-top: solid #C8252C;
    border-bottom: solid #C8252C;
}

.btnContainer[b-eszyxo2iof]{

    padding: 5px;

}

.btn[b-eszyxo2iof]{
    border-radius: 5px;
    padding: 5px;
    margin-right: 1px;
    margin-left: 1px;
}

.DateTabContainer:hover[b-eszyxo2iof] {
    background-color: var(--brand-tertiary);
    color: white;
}

.spaceMaker[b-eszyxo2iof] {
    width: 5px;
}

*[b-eszyxo2iof] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.5);
}

    *[b-eszyxo2iof]::-webkit-scrollbar {
        width: 10px;
    }

    *[b-eszyxo2iof]::-webkit-scrollbar-track {
    }

    *[b-eszyxo2iof]::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.3);
    }


.CustomPos[b-eszyxo2iof] {
    position: fixed !important;
    right:50%;
   transform: translate(50%);
}


.brandAccentColor[b-eszyxo2iof] {
    accent-color: var(--survey-brand-primary) !important;
}

.brandColor[b-eszyxo2iof] {
    color: var(--survey-brand-primary) !important;
}

.brandBackgroundColor[b-eszyxo2iof] {
    background-color: var(--survey-brand-primary) !important;
}

.brandBorderColor[b-eszyxo2iof] {
    border-color: var(--survey-brand-primary) !important;
}

.brandBorderTopBotColor[b-eszyxo2iof] {
    border-top: solid var(--survey-brand-primary) !important;
    border-bottom: solid var(--survey-brand-primary) !important;
}
/* _content/QuickPic3/Components/QInput/QDateTimeNowNew.razor.rz.scp.css */
.CalendarContainer[b-0nj1zucx27] {
    width: 100%;
  

}

.MainContainer[b-0nj1zucx27]{
    position: relative;
}

.CalendarPopupContainer[b-0nj1zucx27] {
    position: absolute;
    background-color: white;
    width: 300px;
    z-index: 1000;
}
.TabContainer[b-0nj1zucx27]{
    display: flex;
    text-align: center;
}

.DateTabContainer[b-0nj1zucx27] {
    width: 100%;
    background-color: #434a4f;
    color: white;    
    cursor: pointer;    
}

.SelectedTab[b-0nj1zucx27]{    
    background-color: #C8252C;
}

.SelectedDaysContainer[b-0nj1zucx27]{

}


.grid-even-columns[b-0nj1zucx27]{
    display: grid;
    
    grid-template-columns: 1fr 1fr 1fr 1fr;    
    text-align: center;    
    margin-left: 10px;
}

.flow[b-0nj1zucx27]{
    height: 40px;
    width: 40px;       
    padding: 5px;
    padding-top: 10px;
    font-size: 14px;
}

    .flow:hover[b-0nj1zucx27] {
        color: white;
        cursor: pointer;
        background-color: #434a4f;
    }

.activeMonth[b-0nj1zucx27]{
    background-color: #C8252C;
    color: white;
}

span[b-0nj1zucx27] {
    cursor: pointer;    
}

.TopRowDays:hover[b-0nj1zucx27]{
    color: #C8252C;
}

span:hover[b-0nj1zucx27] {
    color: #C8252C;
}

.TopRowDays[b-0nj1zucx27]{
    cursor: pointer;
}

.SelectedMonthsContainer[b-0nj1zucx27]{

}

.TopRowContainer[b-0nj1zucx27]{
    display: flex; 
    text-align: center;
    font-size: 15px;
    align-items: center;
}

.TopRowControlsContainer[b-0nj1zucx27] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-left: 22px;
    align-items: center;
    font-size: 15px;
}

.TodaysDate[b-0nj1zucx27] {
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: #C8252C;    
    margin-left: -20px;
}

.TopRowMonthsControlsContainer[b-0nj1zucx27] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-left: 35px;
    align-items: center;
    font-size: 15px;
}

.TopRowMonths[b-0nj1zucx27] {
    cursor: pointer;
}

.TopRowMonths:hover[b-0nj1zucx27]{
    color: #C8252C;
}

.DaysTablecontainer[b-0nj1zucx27]{
    
}

table[b-0nj1zucx27]{
    width: 100%;
    text-align: center;
}

td[b-0nj1zucx27], th[b-0nj1zucx27]{
    text-align: center;
}

.CurrentDay[b-0nj1zucx27]{
    background-color: #C8252C;
    color: white;
}

td:hover[b-0nj1zucx27] {
    color: white;
    cursor: pointer;
    background-color: #434a4f;
}

.CurrentDay:hover[b-0nj1zucx27]{
    color: white;
}

.TopRowTimeContainer[b-0nj1zucx27]{
    display: flex;    
}

.TimeControlContainer[b-0nj1zucx27] {
    display: flex;
    font-size: 15px;
    text-align: center;
}

.CurrentTimeDisplay[b-0nj1zucx27]{
    width: 100%;
    font-weight: 700;    
    font-size: 14px;    
}

input[b-0nj1zucx27] {
    border: 1px solid #ced4da;
    border-radius: 5px;
    text-indent: 10px;
    font-size: 1rem;
    color: black !important;
    height: 37px;

    
}

.NowBtnContainer[b-0nj1zucx27] {
    color: #C8252C;       
    margin-right: 50px;
}

.TimeControlContainer[b-0nj1zucx27]{    
    text-align: center;
    display: flex;
    margin-top: 10px;
}

.HoursDisplay[b-0nj1zucx27], .MinutesDisplay[b-0nj1zucx27], .SecondsDisplay[b-0nj1zucx27] {
    height: 250px;
    overflow-y: scroll;
    width: 100%;
    
}

.activeHour[b-0nj1zucx27], .activeMinute[b-0nj1zucx27], .activeSecond[b-0nj1zucx27] {
    color: #C8252C;
    border-top: solid #C8252C;
    border-bottom: solid #C8252C;
}

.btnContainer[b-0nj1zucx27]{

    padding: 5px;

}

.btn[b-0nj1zucx27]{
    border-radius: 5px;
    padding: 5px;
    margin-right: 1px;
    margin-left: 1px;
}

.DateTabContainer:hover[b-0nj1zucx27] {
    background-color: var(--brand-tertiary);
}
/* _content/QuickPic3/Components/QInput/QImageSelector.razor.rz.scp.css */
.Main-Con[b-wxn0yw1c60] {
    display: flex;
    flex-direction: column;
    min-width: 150px;
    width:fit-content;
   padding-right:10px;
}

.Main-Con2[b-wxn0yw1c60] {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    width:fit-content;
}

.Interface[b-wxn0yw1c60] {
    border: none;
    outline: none;
    padding-right: 5px;
    padding-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    height: 36px;
}

.DropdownCon[b-wxn0yw1c60] {   
    background-color: white;
    top: -5px;
    position: absolute;
    border: 1px solid #ececed;
    border-radius: 7px;
    padding-right: 15px !important;
    padding-left: 15px !important;

    display: flex;
  margin-right:10px;
  
    cursor: pointer;
    width: fit-content;
    height:auto;
    flex-direction: column;
    max-height:500px;
    overflow-y:scroll;
}

.DropdownConDC[b-wxn0yw1c60] {
    background-color: white;
    top: -5px;
    position: relative;
    border: 1px solid #ececed;
    border-radius: 7px;
    padding-right: 15px !important;
    padding-left: 15px !important;
    display: flex;
    
    justify-content: center;
    cursor: pointer;
    width: 100%;
    flex-direction: column;

    gap:10px;
    max-height: 500px;
    overflow-y: auto;
}

.DisplayItem[b-wxn0yw1c60] {
    display: flex;
    align-items: center;
    justify-content:space-between;
    height: 50px;
    padding-right: 5px;
    padding-left: 5px;
    gap: 5px;
    width: 100%;
}

    .DisplayItem:hover[b-wxn0yw1c60] {
        border-top: 1px solid #C8252C;
        border-bottom: 1px solid #C8252C;
    }

.ItemText[b-wxn0yw1c60] {
    width: fit-content;
    white-space:nowrap;
}

.CustomDisplayItem[b-wxn0yw1c60] {
    display: flex;
    align-items: center;
    height: 50px;
    width: 100%;
    justify-content: center;
    white-space: nowrap;
}

    .CustomDisplayItem:hover[b-wxn0yw1c60] {
        border-top: 1px solid #C8252C;
        border-bottom: 1px solid #C8252C;
    }

.DisplayItem img[b-wxn0yw1c60] {
    width: 48px;
    height: 48px;
    object-fit: contain;
}
/* _content/QuickPic3/Components/QInput/QMultiSelect.razor.rz.scp.css */
.mainContainer[b-ow411btvhe] {
    background-color: white;
    margin-top: 3px;
    border-radius: 5px;
}

.mainContainerMonitor[b-ow411btvhe] {
    background-color: white;
    /*margin-top: 3px;
    border-radius: 5px;*/
}

/*.invisibleContainer {
    height: 100%;
    width: 100%;
    overflow-y: visible;
    z-index: 9;
    position: absolute;
    border: none !important;
    outline: none !important;
}*/
.invisibleContainer[b-ow411btvhe] {
    position: absolute;
    /*background-color: #434a4f;*/
    /*background-color: white;*/
    
    white-space: nowrap;
    /*border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;*/
    
    width: fit-content;
    min-width: 95%;
    max-width: 240px;
    
    z-index: 15;
    font-size: 14px;
    
    max-height: 200px;
    /*added*/
}

#placeholderContainer[b-ow411btvhe]{
    color: #808080;    
}

.SearchBox[b-ow411btvhe] {
    display: block;
    border: none !important;
    outline: none !important;
}

.SearchBoxInput[b-ow411btvhe] {
    width: 100%;
    border-radius:7px;
    height: 13px !important;
    border: none !important;
    outline: none !important;
    background-color: white;

}

.SearchBoxInputMonitor[b-ow411btvhe] {
    width: 100%;
    border-radius: 7px;
    height: 12px !important;
    border: none !important;
    outline: none !important;
    background-color: white;
}

.DisplayItemsContainer[b-ow411btvhe] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: solid 1px green;
}

.selectedItemsContainer[b-ow411btvhe] {
    display: flex;
    cursor: pointer;
    width: 100%;
    border-radius: 7px;
    height: 100%;
    min-height: 36px;
    padding: 5px;
    border: solid #E0E0E0 1px;

    flex-wrap: wrap;
    background-color: white;
}

.selectedItemsContainerMonitor[b-ow411btvhe] {
    /*display: flex;
    cursor: pointer;
    width: 100%;
    border-radius: 7px;
    height: 100%;
    min-height: 36px;
    padding: 5px;
    border: none;
    flex-wrap: wrap;
    background-color: white;*/
    background-color: white;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selectedItemBtnMonitor[b-ow411btvhe] {
    background-color: #434a4f;
    border: none;
    color: white;
}

.selectedItemMonitor[b-ow411btvhe] {
    /*background-color: #434a4f;
    border-radius: 5px;
    text-align: center;
    width: fit-content;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: fit-content;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;*/
    padding-left: 5px;
    border-radius: 7px;
    border: 1px solid #434a4f;
    background-color: #434a4f;
    color: white;
    display: flex;
    justify-content: space-between;
    padding-right: 5px;
    align-items: center;
}

.selectedItem[b-ow411btvhe] {
    background-color: #E8E8E8;
    border-radius: 5px;
    text-align: center;
    width: fit-content;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: fit-content;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .selectedItem:hover[b-ow411btvhe] {
        background-color: #C8252C;
        cursor: pointer;
        color: #fff;
    }

.selectedItemText:hover[b-ow411btvhe]{
    color: #fff;
}

.spaceMaker[b-ow411btvhe] {
    padding-right: 5px;
    padding-top: 5px;
}

/*.newItemContainer {
    display: flex;
    flex-direction: column;
    background-color: white;
    min-width: 95%;
    overflow-y: scroll;
    height: 200px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 9;
    position: absolute;
    color: #808080;
    border: solid 1px;
    border-top: none;
    background-color: #292a2d;
  
}*/

.newItemContainer[b-ow411btvhe] {
    position: relative;
    z-index: 10;
    background-color: white;
    color: #ced4da !important;
    border: 1px solid #ced4da;
    border-radius: 7px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    max-height: 200px;
}

.newItemMonitor[b-ow411btvhe] {
    cursor: pointer;
    color: white;
    padding: 2px;
}

/*.newItem {
    cursor: pointer;
    color: white;
    padding: 2px;  
}

    .newItem:hover newItemMonitor:hover {
        background-color: #C8252C;
    }*/

.newItem[b-ow411btvhe] {
    padding: 8px 16px;
    text-align: left;
    cursor: pointer;
    color: #434a4f !important;
}

    .newItem:hover newItemMonitor:hover[b-ow411btvhe] {
        /*background-color: #b3b6b8 !important;*/
        background-color: #c8252c;
        color: white !important;
    }

.items[b-ow411btvhe] {
    padding: 8px 16px;
    cursor: pointer;
    text-align: left;
}

    /* Active or hovered dropdown item */
    .items:hover[b-ow411btvhe],
    .activeItem[b-ow411btvhe] {
        background-color: #ececed !important;
        color: #434a4f !important;
    }

/*.focusBlock {*/
    /*width: 100%;
    border: solid #C8252C;*/

    /*color: white;
    width: 100%;
    background-color: #42ada4;
}*/

.focusBlock[b-ow411btvhe] {
    background-color: #ececed !important;
    color: #434a4f !important;
}

.removeButtonContainer[b-ow411btvhe] {
    margin-left: 10px;
    margin-top: 1px;
}

.removeButton[b-ow411btvhe] {
    height: 20px;
    width: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border: none;
    background-color: transparent;
}

    .removeButton:hover[b-ow411btvhe] {
        background-color: #C8252C;
        cursor: pointer;
        color: #fff;
    }
.selectedItemsContainer:hover + .removeButton[b-ow411btvhe] {
    background-color: #C8252C;
    cursor: pointer;
    color: #fff;
}

.down2[b-ow411btvhe] {
    margin-left: 10px;
    margin-bottom: 0px;
}

.TableModalContainer[b-ow411btvhe] {
    display: flex;
    flex-direction: row;
}

.SelectedColWidth[b-ow411btvhe] {
    width: 150%;
}

.modalArrowsDisabled[b-ow411btvhe] {
    height: 16px !important;
    width: 16px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    color: #ccc;
    padding: 10px;
}

.modalArrows[b-ow411btvhe] {
    cursor: pointer;
    height: 16px !important;
    width: 16px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    color: #42ada4;
    padding: 10px;
}

    .modalArrows:hover[b-ow411btvhe] {
        color: #C8252C !important;
    }

.PointArrowTop[b-ow411btvhe] {
    width: 100%;
    height: 15px;
    background-color: transparent;
    position: relative;
}

    .PointArrowTop[b-ow411btvhe]:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 50%;
        height: 20px;
        width: 20px;
        background: white;
        transform: rotate(45deg);
        border: 1px solid #ced4da;
    }


.ComponentContainer[b-ow411btvhe] {
    position: inherit;
}

.ComponentContainer[b-ow411btvhe] {
    position: relative;
    width: 100%;
}
/* _content/QuickPic3/Components/QInput/QMultiSelectDataList.razor.rz.scp.css */
.main-con[b-khhogsansg] {
    width: 100%;
    
    background-color: white;
    border-radius: 7px;
    
}

.Count[b-khhogsansg]{
    opacity:0.4;
}
.Selected-items[b-khhogsansg]{
    width:100%;
    display:grid;
    grid-template-columns: auto auto;
   
    margin-bottom:5px;

}

.selected-item[b-khhogsansg] {
    height: 26px;
    display: flex;
    align-items: center;
   
    border: 1px solid #42ada4;
    padding: 2px;
    border-radius: 3px;
    background-color: #42ada4;
    color: white;
    font-weight: bold;
    font-size: 12px;
    margin-bottom:5px;
    white-space:nowrap;
}

    .selected-item:nth-child(2n+1)[b-khhogsansg] {
  
        border: 1px solid #C8252C;
      
        background-color: #C8252C;
     
    }

    .selected-item span[b-khhogsansg] {
        margin-left:2px;
        font-size:15px;
       cursor:pointer;
        color: white;
        margin-left:auto;
    }
        .selected-item span:hover[b-khhogsansg] {
            color: #434a4f;
        }
.list-con[b-khhogsansg] {
    overflow: auto;
    overflow-y: auto;
    max-height: 490px;
    scrollbar-width: none;
    border: 1px solid #b3b6b8;
    border-radius: 3px;
    padding: 5px;
}
.MoreIconContainer2[b-khhogsansg] {
    color: #434a4f !important;
    margin-left: auto;
}
.main-input[b-khhogsansg] {
    width: 100%;
    padding: 5px !important;
    outline: none;
    border: 1px solid #7b8083;
    border-radius: 7px;
    margin-bottom: 5px;
    height: 36px;
    border-right:none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

    .main-input[b-khhogsansg]::placeholder {
        font-weight: 500 !important;
        color: #434a4f;
    }
.input-con[b-khhogsansg]{
    display:flex !important;
    
}

.search-btn[b-khhogsansg] {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 36px !important;
    border: 1px solid #7b8083;
    border-left:none;
}

    .search-btn span[b-khhogsansg] {
        color: #434a4f;
    }

    .search-btn:hover span[b-khhogsansg] {
        transition:0.2s;
        color: #C8252C;
    }

.expand-button[b-khhogsansg]{
    border:none;
    background-color:transparent;
    display: flex;
    align-items: center;
}

    .expand-button > div[b-khhogsansg] {
        opacity: 0.4;
        margin-left: -10px;
        font-size: 13px;

    }

    .ParentItem[b-khhogsansg] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.ChildItem[b-khhogsansg] {
    display: flex;
    justify-content: space-between;
    background-color: #e7e7e8;
    
    align-items: center;
}

.BabyItem[b-khhogsansg] {
    display: flex;    
    align-items: center;
    background-color: #D0CECE3D;
}

    .BabyItem:hover[b-khhogsansg] {
        background-color: #ececed;
        color: white !important;
        transition: 0.2s;
        cursor:pointer !important;
    }




.ChildItem:hover[b-khhogsansg] {
    background-color: #ececed;
    color: white !important;
    transition: 0.2s;
    cursor: pointer !important;
}




.ParentItem:hover[b-khhogsansg] {
    background-color: #ececed;
    color: white !important;
    transition: 0.2s;
    cursor: pointer !important;
}
  


.chkboxItem[b-khhogsansg] {
    font-weight: 500 !important;
    font-size: 14.5px;
}
.chkboxItemChild[b-khhogsansg] {
    
    margin-left: 18px;
    font-size: 14px;
}
.chkboxItemBaby[b-khhogsansg] {
    margin-left: 36px;
    font-size: 12px;
    display: flex;    
    width: 100%;
}
.chkboxItem input[b-khhogsansg] {
    margin-right:5px;
    border:none;
}
.chkboxItemBaby input[b-khhogsansg] {
    margin-right: 5px;
   
}

.BabyItemRightField[b-khhogsansg]{
    margin-right: 5px;
    white-space: nowrap;
    font-size: 12px;
    color: rgba(0,0,0,0.3);
}

.BabyItemDateField[b-khhogsansg] {
    margin-right: 5px;
    white-space: nowrap;
    font-size: 10px;
    color: #b3b6b8;
}

.chkboxItemChild input[b-khhogsansg] {
    margin-right: 5px;
    border: none;
}
@media only screen and (max-width: 1600px) and (max-height: 1200px) {

    .list-con[b-khhogsansg] {
        overflow: auto;
        overflow-y: auto;
        max-height: 340px;
        scrollbar-width: none;
        border: 1px solid #b3b6b8;
        border-radius: 3px;
        padding: 5px;
    }

}


    @media only screen and (max-width: 820px) and (max-height: 1200px) {
        .main-con[b-khhogsansg] {
            width: 200%;
        }

        .Selected-items[b-khhogsansg] {
            max-width: 100%;
            min-width: 100%;
            overflow: hidden;
            display: flex;            
        }

        .selected-item[b-khhogsansg] {
            font-size: 9px !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis !important;
            width: 100%; 
            margin-right: 5px;
        }

        .selected-item > span[b-khhogsansg]{
            width: 100%;
            text-align: right;
        }

        .main-input[b-khhogsansg]::placeholder {
            font-weight: 500 !important;
            color: #434a4f;
            font-size: 12px;
            white-space: pre-wrap;
            vertical-align: top;
        }

        .BabyItemDateField[b-khhogsansg] {
            display: none;
        }

    }

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    .Selected-items[b-khhogsansg] {
        max-width: 100%;
        min-width: 100%;
        overflow: hidden;
        gap: 5px !important;
        grid-column-gap:5px !important;
        grid-gap:5px !important;
        justify-content:space-between !important;

    }
}
/* _content/QuickPic3/Components/QInput/QRadioButtons.razor.rz.scp.css */
.slider[b-guc67ukt55] {
    /*margin: 4em 0;*/
    display: flex;
    margin-top: 20px;
    padding: 0px;
}

.startvalue[b-guc67ukt55],
.endvalue[b-guc67ukt55] {
    float: left;
    /*width: 10vw;*/
    /*color: #333;*/
    text-align: right;
    font-weight: bold;
}

.endvalue[b-guc67ukt55] {
    text-align: left;
}

.setvalue[b-guc67ukt55] {
    position: absolute;
    top: -2em;
    left: 50%;
    width: fit-content;
    height: 1em;
    text-align: center;
    color: #C8252C;
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    justify-content: center;
}

.range[b-guc67ukt55] {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
}

input[type=range][b-guc67ukt55] {
    /*-webkit-appearance: none;*/
    display: block;
    width: 100%;
    height: 10px;
    padding: 0;
    border-radius: 4px;
    /*background: #FFE014;*/
    /*accent-color: var(--brand-primary);*/
    box-sizing: content-box;
}
/* _content/QuickPic3/Components/QInput/QSelector.razor.rz.scp.css */



.main-container[b-8hv8gs6ymw]{
    margin-left:30px;
    display:flex;
    height:60px;
}


.main-item[b-8hv8gs6ymw] {
    align-self: center;
}

.dataInput[b-8hv8gs6ymw] {
    padding-left: 11px;
    font-family: Oxygen Regular 400;
    font-weight:bold;
    color: #434a4f;
    width: 60px;
    font-size:13px;
    height: 36px;
    accent-color: transparent;
    outline: none;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border: 1px solid #b3b6b8;
    border-right:none;
}
.up[b-8hv8gs6ymw]{

    font-size:22px;
    margin-top:-8px;
}



.down[b-8hv8gs6ymw] {
    font-size: 22px;
    margin-top: -11px;
}
.main-item-buttons[b-8hv8gs6ymw] {
   
    align-self:center;
 
 
    display: flex;
    flex-direction: column;
}

.incButton[b-8hv8gs6ymw] {
    background-color: #ececed;
    border-top-right-radius: 7px;
    text-align: center;
    width: 30px;
    font-size: 11px;
    border: 1px solid #b3b6b8;
    border-left: none;
    border-bottom: none;
    height: 18px;
}

.decButton[b-8hv8gs6ymw] {
    background-color: #ececed;
    border-bottom-right-radius: 7px;
    height: 18px;
    text-align: center;
    width: 30px;
    font-size: 11px;
    border: 1px solid #b3b6b8;
    border-left: none;
    border-top: none;
}


    .decButton:hover[b-8hv8gs6ymw] {
        transition: 0.5s;

        background-color: #b3b6b8;
    }

.incButton:hover[b-8hv8gs6ymw] {
    transition: 0.5s;
    background-color: #b3b6b8;
}
/* _content/QuickPic3/Components/QInput/QSimpleDropdown.razor.rz.scp.css */
.simple-dropdown-box[b-rdgy01lm3a] {
    width: 300px;
    background-color: var(--brand-sidebar-bg,--default-sidebar-bg);
}

.simple-dropdown-item[b-rdgy01lm3a]{
    cursor: pointer;
    font-size: small;
    padding: 0px;
}

    .simple-dropdown-item:hover[b-rdgy01lm3a] {
        background-color: var( --brand-secondary,--default-secondary);
    }
/* _content/QuickPic3/Components/QInput/QSlider.razor.rz.scp.css */
.slider[b-h9woqlqgcb] {
    display: flex;
    margin-top: 25px;
    padding: 0px;
}



.startvalue[b-h9woqlqgcb],
.endvalue[b-h9woqlqgcb] {
    font-weight: bold;
    color: #333;
    font-size: 0.9em;
    position: absolute;
    top: 1.1em;
    margin-top: -2px;
}

.startvalue[b-h9woqlqgcb] {
    left: 0;
    text-align: right;
    margin-left: 5px;
}

.endvalue[b-h9woqlqgcb] {
    right: 0;
    text-align: left;
    margin-right: 5px;
}

.words[b-h9woqlqgcb]{
    margin-top: 15px;
    font-size: 12px;
    font-weight: normal;
    color: #808080;
}

.setvalue[b-h9woqlqgcb] {
    position: absolute;
    top: -2em;
    left: 50%;
    width: fit-content;
    height: 1em;
    text-align: center;
    color: #C8252C;
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    transform: translateX(calc(-50% + 5px));
}

.range[b-h9woqlqgcb] {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
}

input[type=range][b-h9woqlqgcb] {
    /*-webkit-appearance: none;*/
    display: block;
    width: 100%;
    height: 10px;
    padding: 0;
    border-radius: 4px;
    /*background: #FFE014;*/
    accent-color: #C8252C;
    box-sizing: content-box;
}

.brandAccentColor[b-h9woqlqgcb] {
    accent-color: var(--survey-brand-primary) !important;
}

.brandColor[b-h9woqlqgcb] {
    color: var(--survey-brand-primary) !important;
}
/* _content/QuickPic3/Components/QInput/QTextArea.razor.rz.scp.css */
input[b-i9bd9kpit9] {
    width: 100%;
}
/* _content/QuickPic3/Components/QInput/QTextBox.razor.rz.scp.css */
input[b-juu3vdy8l8] {
    width: 100%;
    height:36px !important;
}
/* _content/QuickPic3/Components/QInput/QTextDatalist.razor.rz.scp.css */

.list-container[b-ikjd9y1zfz] {
    position: absolute;
    /*white-space: nowrap;*/
    width: fit-content;
    
    max-width: 240px;
    z-index: 15;
    font-size: 14px;
    max-height: 200px;
    background-color: white;
    box-shadow: 4px rgba(0, 0, 0, 0.1);
}

.arrow-container[b-ikjd9y1zfz] {
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 7px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
    background-color: white;
    width: 100%; /* Inherits the full width of its parent */
    /*margin-top: 2.5px;*/
    margin-top: 16px;
    border: solid 1px rgba(0,0,0,0.3);
}

.list-container2[b-ikjd9y1zfz] {
    width: 100%;
    overflow-y: auto;
    max-height: 200px;
    border-radius: 7px;
}

.PointArrowTop[b-ikjd9y1zfz] {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    z-index: 1;
}

    .PointArrowTop[b-ikjd9y1zfz]:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background: white;
        border-top: 1px solid #ced4da;
        border-left: 1px solid #ced4da;
        border: solid 1px rgba(0,0,0,0.3);
        transform: rotate(45deg);
    }


.container1[b-ikjd9y1zfz] {
    display: flex !important;
}


.inputDiv[b-ikjd9y1zfz] {
    position: relative;
    width: 100%;
}

.main-container[b-ikjd9y1zfz] {
    width: 200px;
}

.inputbx[b-ikjd9y1zfz] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    outline: none;
    height: 36px;
    border: 1px solid #b3b6b8;
    border-right: none;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    width: 100%;
    text-align: left;
    text-indent: 4px;
    cursor: pointer;
}

    .inputbx[b-ikjd9y1zfz]::after {
        content: '▼';
        font-size: 12px;
        color: #333;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }

    .inputbx:focus[b-ikjd9y1zfz] {
        outline: none;
        border-color: #ced4da;
    }

.inputbx2[b-ikjd9y1zfz] {
    border-radius: 7px;
    outline: none;
    height: 36px;
    border: 1px solid #b3b6b8;
    width: fit-content !important;
    text-align: left;
    text-indent: 2px;
}

.main-item-buttons[b-ikjd9y1zfz] {
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.incButton[b-ikjd9y1zfz] {
    background-color: #ececed;
    border-top-right-radius: 7px;
    text-align: center;
    width: 30px;
    font-size: 11px;
    border: 1px solid #b3b6b8;
    border-left: none;
    border-bottom: none;
    height: 16px;
}

.decButton[b-ikjd9y1zfz] {
    background-color: #ececed;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    height: 36px;
    text-align: center;
    width: 30px;
    border: 1px solid #b3b6b8;
    border-left: none;
}

.decButton2 .mdi[b-ikjd9y1zfz] {
    padding-top: 7px;
    font-size: 14px !important;
}

.decButton2[b-ikjd9y1zfz] {
    background-color: #ececed;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    height: 36px;
    text-align: center;
    width: 30px;
    border: 1px solid #b3b6b8;
    border-left: none;
}

    .decButton2:hover[b-ikjd9y1zfz] {
        transition: 0.5s;
        background-color: #b3b6b8;
    }

    .decButton2:hover[b-ikjd9y1zfz] {
        transition: 0.5s;
        background-color: #b3b6b8;
        color: #C8252C;
    }

.decButton:hover[b-ikjd9y1zfz] {
    transition: 0.5s;
    background-color: #b3b6b8;
}

.activeItem[b-ikjd9y1zfz] {
    background-color: #C8252C;
    color: white;
}

.item[b-ikjd9y1zfz] {
    text-align: left;
    color: #434a4f !important;
}

    .item:hover[b-ikjd9y1zfz] {
        width: 100%;
        color: white;
        background-color: #c8252c;
    }

.input-box[b-ikjd9y1zfz] {
    width: 200px;
}

.ComponentContainer[b-ikjd9y1zfz] {
    position: inherit;
}

.ComponentContainer[b-ikjd9y1zfz] {
    position: relative;
    width: 100%;
}


.items[b-ikjd9y1zfz] {
    padding: 8px 16px;
    cursor: pointer;
    text-align: left;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}

    .items:hover[b-ikjd9y1zfz],
    .activeItem[b-ikjd9y1zfz] {
        background-color: #ececed !important;
        color: #434a4f !important;
    }

.mainContainer[b-ikjd9y1zfz] {
}

.newItemMonitor[b-ikjd9y1zfz] {
    cursor: pointer;
    color: #434a4f !important;
    padding: 2px;
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 5px;
}

@media only screen and (max-width: 820px) and (max-height: 1200px) {


    .decButton[b-ikjd9y1zfz] {
        width: 25px !important;
    }

    input[b-ikjd9y1zfz] {
        font-size: 11px;
    }

    .down[b-ikjd9y1zfz] {
        margin-left: -4px;
    }
}

/* width */
[b-ikjd9y1zfz]::-webkit-scrollbar {
    width: 5px;
    background-color: transparent !important;
}

/* Track */
[b-ikjd9y1zfz]::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0,0,0,0.1);
}

/* Handle */
[b-ikjd9y1zfz]::-webkit-scrollbar-thumb {
    background: #C8252C;
    border-radius: 7px;
}
/* _content/QuickPic3/Components/QInput/QTime.razor.rz.scp.css */
.MainContainer[b-8lqn4jafvo] {
    display: flex;
    height: 230px;
    background-color: white;
    width: 110px;
    border-radius: 7px;
    position: absolute;
    text-align: center;
    flex-direction: column;
    cursor: pointer;    
}



.InputField[b-8lqn4jafvo] {
    border: 1px solid #ced4da;
    border-radius: 7px;
    height: 35px;
    text-align: center;
    align-self: center;
    vertical-align: middle;
}
    .InputField > span[b-8lqn4jafvo] {
        position: relative;
        top: 25%;
        color: #808080;
    }


.TimeContainers[b-8lqn4jafvo] {
    display: flex;
    width: 110px;
    background-color: white;
    border-radius: 7px;
    height: 200px;
    text-align: center;
}

.Hours[b-8lqn4jafvo] {
    overflow-y: scroll;
    overflow-x: clip;
    width: 55px;
    border-radius: 7px;
}

.Minutes[b-8lqn4jafvo] {
    overflow-y: scroll;
    overflow-x: clip;
    width: 55px;
    border-radius: 7px;
}

.MinuteItem[b-8lqn4jafvo], .HourItem[b-8lqn4jafvo] {
    padding: 5px;    }


    .MinuteItem:hover[b-8lqn4jafvo], .HourItem:hover[b-8lqn4jafvo] {
        background-color: #C8252C;
        border-radius: 7px;
        color: white;
    }

    .activeMinute[b-8lqn4jafvo], .activeHour[b-8lqn4jafvo] {
        background-color: #C8252C;
        border-radius: 7px;
        color: white;
    }

.DateTabContainer[b-8lqn4jafvo] {
    width: 100%;
    background-color: #C8252C;
    color: white;
    cursor: pointer;
}
/* _content/QuickPic3/Components/QLayout/QContainerLayout.razor.rz.scp.css */
.container-fluid[b-v8rtx36eh1] {
    background: url('/images/bg/bg_white.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.container[b-v8rtx36eh1] {
    background-color: #f0f0f0;
    max-width: 90%;
    min-width: 75%;
}
/* _content/QuickPic3/Components/QLayout/QSidebarFixedLayout.razor.rz.scp.css */
.sidebar-fixed-content[b-j8w7hoit0p] {
    top: 132px;
    bottom: 0px;
    margin-right: 400px;
    height: inherit;
}

.sidebar-fixed-sidebar[b-j8w7hoit0p] {
    width: 400px;
    top: 132px;
    right: 0px;
    bottom: 0px;
    height: inherit;
    background-color: #f2f2f2;
}

@media screen and (max-width: 900px) {
    .sidebar-fixed-content[b-j8w7hoit0p] {
        top: 132px;
        bottom: 0px;
        margin-right: 0px;
        height: inherit;
    }

    .sidebar-fixed-sidebar[b-j8w7hoit0p] {
        visibility: hidden;
        width: 0px;
        top: 132px;
        right: 0px;
        bottom: 0px;
        height: inherit;
        background-color: #f2f2f2;
    }
}
/* _content/QuickPic3/Components/QLayout/QSidebarFullLayout.razor.rz.scp.css */
/* Works on Firefox */
*[b-hz8zxwfrl0] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.5);
}

    /* Works on Chrome, Edge, and Safari */
    *[b-hz8zxwfrl0]::-webkit-scrollbar {
        width: 10px;
    }

    *[b-hz8zxwfrl0]::-webkit-scrollbar-track {
        
    }

    *[b-hz8zxwfrl0]::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.3);
    }
.sidebar-full-content[b-hz8zxwfrl0] {
    position: absolute;
    top: 77px;
    bottom: 0px;
    padding-bottom: 30px;
    height: inherit;
}

.IconContainer[b-hz8zxwfrl0]{
    position: fixed;
    top: -10px;    
}

.HideContainer[b-hz8zxwfrl0]{    
}

.BodyContainer[b-hz8zxwfrl0] {
    margin-left: -5px !important;    
}

@media only screen and (max-width: 500px) and (max-height: 900px) {
    .BodyContainer[b-hz8zxwfrl0] {
        margin: 0 !important;
        margin-right:5px !important;
    }

}

.sidebar-full-content-scroll[b-hz8zxwfrl0] {
    overflow: auto;
}

    .sidebar-full-content-no-scroll[b-hz8zxwfrl0] {
        overflow: hidden;
    }

    .sidebar-full-content-f[b-hz8zxwfrl0] {
        left: 70px;
        right: 0px;
    }

    .sidebar-full-content-l[b-hz8zxwfrl0] {
        left: 205px;
        right: 5px;
    }

.sidebar-full-content-l_400[b-hz8zxwfrl0] {
    left: 410px;
    margin-right: 10px !important;
    right: 0px;
}

.sidebar-full-content-r[b-hz8zxwfrl0] {
    left: 00px;
    right: 300px;
    margin-right: 10px !important;
}

    .sidebar-full-content-r_400[b-hz8zxwfrl0] {
        left: 0px;
        right: 400px;
        margin-right:10px !important;
    }

    .sidebar-full-content-lr[b-hz8zxwfrl0] {
        left: 300px;
        right: 300px;
    }

    .sidebar-full-content-lr_400[b-hz8zxwfrl0] {
        left: 400px;
        right: 400px;
    }

    .sidebar-full-sidebar-left[b-hz8zxwfrl0] {
        background-color: var(--brand-primary, --default-primary);
        color: white;
        position: fixed;
        top: 77px;
        bottom: 0px;
        left: 0px;
        height: inherit;
    }

    .showSideBarLeftButton[b-hz8zxwfrl0] {
        position: fixed;
        background-color: #434a4f;
        border-radius: 7px;
        left: 45px;
        top: 94px;
        color: white !important;
    }

        .showSideBarLeftButton:hover[b-hz8zxwfrl0] {
            border: solid 1px;
            background-color: #C8252C !important;
        }

    .HideSideBarLeftButton[b-hz8zxwfrl0] {
        background-color: #434a4f;
        border-radius: 7px;
        color: white !important;
        top: 94px;
        left: 185px;
        position: fixed;
    }

        .HideSideBarLeftButton:hover[b-hz8zxwfrl0] {
            border: solid 1px;
            background-color: #C8252C !important;
        }

    .iconSpan[b-hz8zxwfrl0] {
        font-size: 28px;
        position: fixed;
        left: 184px;
        top: 86px;
    }

    .iconSpan2[b-hz8zxwfrl0] {
        font-size: 28px;
        position: fixed;
        left: 45px;
        top: 86px;
    }

    .sidebar-full-sidebar-right[b-hz8zxwfrl0] {
        background-color: #f2f2f2;
        color: white;
        position: fixed;
        top: 77px;
        bottom: 0px;
        right: 5px;
        height: inherit;
    }

    .sidebar-full-sidebar-on[b-hz8zxwfrl0] {
        width: 200px;
        display: block;
        overflow: auto;
    }

    .sidebar-full-sidebar-on_400[b-hz8zxwfrl0] {
        width: 400px;
        display: block;
        overflow: auto;
        overflow-x: hidden;
    }

    .sidebar-full-sidebar-off[b-hz8zxwfrl0] {
        width: 0px;
        display: none;
        overflow: hidden;
    }

    .sidebar-full-content-box[b-hz8zxwfrl0] {
        min-height: 35px;
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 10px;
        border: 1px solid transparent;
        border-radius: 10px;
        color: var(--brand-text, --default-text);
        background-color: var(--body-bg, white);
    }

    .sidebar-full-content-box-inverted[b-hz8zxwfrl0] {
        min-height: 35px;
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 10px;
        border: 1px solid transparent;
        border-radius: 10px;
        color: var(--brand-text, --default-text);
        background-color: #F0F0F0 !important;
    }

    .rightContentContainer[b-hz8zxwfrl0] {
        margin-top: 4%;
        text-align: right;
        margin-left: auto;
    }

    .btnCollapseRight[b-hz8zxwfrl0] {
        margin-left: auto;
    }

    .navMenuContainer[b-hz8zxwfrl0] {
        display: flex;
        padding: 10px;
    }

    .CollapseContainer[b-hz8zxwfrl0] {
        width: 100%;
    }

    .navMenuCollapseIcon[b-hz8zxwfrl0] {
        margin-left: auto;
        width: fit-content;
    }

    .QPColor[b-hz8zxwfrl0] {
        background-color: #C8252C;
    }

    #divSidebarLayoutFullContent[b-hz8zxwfrl0], .sidebar-full-sidebar-right[b-hz8zxwfrl0], .sidebar-full-sidebar-left[b-hz8zxwfrl0] {
        padding: 0px;
    }

    .MoveContentUp[b-hz8zxwfrl0] {
        margin-top: -17px !important;
    }

    .MoveContentLeft10[b-hz8zxwfrl0] {
        margin-right: 10px !important;
    }

    .MoveContentLeft15[b-hz8zxwfrl0] {
        margin-right: 15px !important;
    }

    .MoveContentLeft20[b-hz8zxwfrl0] {
        margin-right: 20px !important;
    }

    .MoveContentLeft25[b-hz8zxwfrl0] {
        margin-right: 25px !important;
    }

    .MoveContentLeft30[b-hz8zxwfrl0] {
        margin-right: 30px !important;
    }

    .MoveContentLeft50[b-hz8zxwfrl0] {
        margin-right: 50px !important;
    }

    .SmallerSideBar[b-hz8zxwfrl0] {
        width: 60px;
    }

    @media screen and (max-width: 1220px) {
        .BodyContainer[b-hz8zxwfrl0] {
          
            margin-right: 40px !important;
        }
        .sidebar-full-content-l[b-hz8zxwfrl0] {
            left: 0px;
            right: 0px;
            width:103%;
        }

        .sidebar-full-content-l_400[b-hz8zxwfrl0] {
            left: 0px;
            right: 0px;
            width: 103%;
        }

        .sidebar-full-content-r[b-hz8zxwfrl0] {
            left: 0px;
            right: 0px;
        }

        .sidebar-full-content-r_400[b-hz8zxwfrl0] {
            left: 0px;
            right: 0px;
            width: 103% !important;
        }

        .sidebar-full-content-lr[b-hz8zxwfrl0] {
            left: 0px;
            right: 0px;
        }

        .sidebar-full-content-lr_400[b-hz8zxwfrl0] {
            left: 0px;
            right: 0px;
        }

        .sidebar-full-sidebar-on[b-hz8zxwfrl0] {
            width: 0px;
            display: none;
            overflow: hidden;
        }

        .sidebar-full-sidebar-on_400[b-hz8zxwfrl0] {
            width: 0px;
            display: none;
            overflow: hidden;
        }
    }


@media (max-width: 900px) {
    body[b-hz8zxwfrl0] {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer and Edge */
    }

    /* For WebKit browsers (e.g., Chrome, Safari) */
    [b-hz8zxwfrl0]::-webkit-scrollbar {
        display: none;
    }
    .BodyContainer[b-hz8zxwfrl0] {
        margin: 0 !important;
    }

    .sidebar-full-content-box[b-hz8zxwfrl0]{
        margin:0 !important;
    }

    .sidebar-full-content-r_400[b-hz8zxwfrl0]{
        width:100% !important;
    }

    *[b-hz8zxwfrl0]{
        overflow:hidden;
    }
}

.dealerLeft[b-hz8zxwfrl0]{
    left: 0px !important;
}
/* _content/QuickPic3/Components/QLoading.razor.rz.scp.css */
.lblMessage[b-ruon8dxtm8] {
    color: #C8252C;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 50px;
    font-size: 30px;
}

body[b-ruon8dxtm8] {
    margin: 0;
}

.loader[b-ruon8dxtm8] {
  
    position: absolute;
    top: 50%;
    left: 40%;
    margin-left: 10%;
    transform: translate3d(-50%, -50%, 0);
}

.loaderMessage[b-ruon8dxtm8]{
    margin-top: 25px;
    color: white !important;     
}

.loaderCustom[b-ruon8dxtm8] {
    border: solid;
    text-align: center;
    font-size: 25px;
    border-radius: 7px;
    background-color: #434a4f;
    color: white;
    border-color: #434a4f;
    padding: 10px;
    width: 400px;
    margin-top: 70px;
    min-height:150px;    
}

.CenterWithSidebar[b-ruon8dxtm8]{
    margin-left: -192px;
}

.dot[b-ruon8dxtm8] {
    width: 30px;
    height: 30px;
    margin: 5px;
    background: #f00;
    border-radius: 100%;
    display: inline-block;
    animation: slide-b-ruon8dxtm8 1s infinite;
}

    .dot:nth-child(1)[b-ruon8dxtm8] {
        animation-delay: 0.1s;
        background: #32aacc;
    }

    .dot:nth-child(2)[b-ruon8dxtm8] {
        animation-delay: 0.2s;
        background: #32aacc;
    }

    .dot:nth-child(3)[b-ruon8dxtm8] {
        animation-delay: 0.3s;
        background: #32aacc;
    }

    .dot:nth-child(4)[b-ruon8dxtm8] {
        animation-delay: 0.4s;
        background: #32aacc;
    }

    .dot:nth-child(5)[b-ruon8dxtm8] {
        animation-delay: 0.5s;
        background: #32aacc;
    }

@-moz-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-o-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes slide-b-ruon8dxtm8 {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.Percentage[b-ruon8dxtm8]{    
    color: white !important;
}

progress[b-ruon8dxtm8]{
    accent-color: #C8252C ;
}



@media only screen and (max-width: 1221px) {
    .CenterWithSidebar[b-ruon8dxtm8] {
        margin-left: 0px ;
    }
}
/* _content/QuickPic3/Components/QMDI.razor.rz.scp.css */
.q_icon[b-b4xs4rjt8h] {
    padding: 0px;
    margin: 0px;
}

div[b-b4xs4rjt8h] {    
    display: flex;    
    height: 22px;    
    margin-top: 7px;        
    fill: inherit;
}

svg[b-b4xs4rjt8h] {
    fill: inherit;
    height: inherit;
    width: inherit;
}

img[b-b4xs4rjt8h] {
    height: 20px;
    display: flex;
    margin-top: auto;
}

/* _content/QuickPic3/Components/QModal/QModal.razor.rz.scp.css */
.DownloadHyperLink[b-lna35djw9z] {
    text-decoration: none;
}

.top-text[b-lna35djw9z] {


}

.main-con[b-lna35djw9z] {
 /*   max-width:2000px;*/
    height: auto;
}
.btn-con[b-lna35djw9z] {
    display: flex;
    align-items: center;
    height: 31.5px !important;
    margin-top: -10px;
}

.testHideOverflow[b-lna35djw9z] {
    overflow: hidden;
}

.containerMax[b-lna35djw9z]{
    width: 100% !important;
}


    .mobile[b-lna35djw9z]{
        display:none !important;
        font-size:18px !important;
        
    }
    .hideMobile[b-lna35djw9z] {
        display:contents;
    }
    .w3-container[b-lna35djw9z]{
        padding:5px !important;
    }

    header[b-lna35djw9z] {
        padding: 22px !important;
    }
  
  
    h2[b-lna35djw9z] {
        font-size:25px !important;
    }

.AutoSpecModalClose[b-lna35djw9z] {
    display: flex;
    align-items: center;
    max-height: 33px !important;
}

.q_bgc_primary[b-lna35djw9z] {
    background-color: #42ada4;
}

@media only screen and (max-width: 820px) and (max-height: 1200px) {
    .mobile[b-lna35djw9z] {
        display: contents;
      
    }

    .hideMobile[b-lna35djw9z] {
        display: none;
    }
    .main-con[b-lna35djw9z] {
        height: auto;
    }

    .w3-modal[b-lna35djw9z] {
        margin-top: -37px;
    }

    .AutoSpecModalClose[b-lna35djw9z] {
        display: flex;
        align-items: center;
        max-height: 33px !important;
        margin-top: 10px !important;
    }

    header button[b-lna35djw9z] {
        background-color: transparent !important;
        height: 20px;
        display: flex;
        align-items: center;
        width: 15px;
        justify-content: center;
        border-radius: 7px;
    }

    footer button[b-lna35djw9z] {
        height: 30px;
        display: flex;
        align-items: center;
    }
}


header > h2[b-lna35djw9z] {
    align-items: center !important;
    display: flex !important;
    max-height: 33px !important;
    padding: 0px !important;
    margin-top: 0px;
}

header[b-lna35djw9z]{
    padding: 0px !important;
    max-height: 40px !important;
}
/* _content/QuickPic3/Components/QModal/QModalGalleryImage.razor.rz.scp.css */
.mdi[b-zm0jfneo78] {
    font-size: 40px;
    border-radius: 7px;
}

.gallery-index[b-zm0jfneo78] {
    font-size: 24px;
    padding-top: 19px;
}

.main-view[b-zm0jfneo78] {
    background-color: white;
    border-radius: 7px;
}

.w3-display-topright[b-zm0jfneo78] {
    color: white !important;
}

.w3-hover-text-white[b-zm0jfneo78] {
    display: flex;
    align-items: center;
}

.p-2[b-zm0jfneo78] {
    display: flex;
    z-index: 10000;
}

    .p-2 > div[b-zm0jfneo78] {           
        width: fit-content;        
        position: fixed;
        display: flex;
        right: 0;
        z-index: 10;
    }

.ShareContainer[b-zm0jfneo78] {
    display: flex;
    height: fit-content;
    width: fit-content;
    text-align: right;
    border-radius: 7px;
    overflow: visible !important;
    /*border: 1px solid #C8252C;*/
    border-radius: 7px;
    gap: 5px;
}

.mdi:hover[b-zm0jfneo78] {
    color: var(--brand-primary);
}

.gallery-index[b-zm0jfneo78] {
    color: white !important;
    display: flex;
    align-items: center;
}

h5[b-zm0jfneo78] {
    color: white !important;
    width: fit-content;
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 1000px;
    text-align: center;
}

    h5 > span[b-zm0jfneo78] {
        color: white !important;
        font-size: 14px;
    }

.w3-modal[b-zm0jfneo78] {
    background-color: rgba(0,0,0,0.7) !important;
    width: 100%;
    height: 100%;
    padding: 0px;
}

.w3-modal-content[b-zm0jfneo78] {
    background-color: white;
    background-color: black;
    width: 100%;
    height: 100% !important;
}


.showdealercreate[b-zm0jfneo78] {
    color: white !important;
    width: 200px;
    position: absolute;
    right: 10px;
    top: 12%;
    display: flex;
    flex-direction: row;
    z-index: 50;
}


.imageMenu[b-zm0jfneo78] {
    display: flex;
}

.DownloadContainer[b-zm0jfneo78] {
    margin-right: 10px !important;
    border: solid 1px #C8252C;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background-color: #C8252C;
    margin: 2px;
}

    .DownloadContainer:hover[b-zm0jfneo78] {
        color: white !important;
        background-color: black;
        border-color: white;
    }

.mdi-window-close[b-zm0jfneo78] {
    color: white !important;
}

.IconContainer[b-zm0jfneo78] {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1.2px;
    font-size: 20px;
    cursor: pointer !important;
    color: white;
}

    .IconContainer :hover[b-zm0jfneo78] {
        color: red !important;
    }

.closeButton[b-zm0jfneo78] {
    border: solid white 1px;
    color: white !important;
    font-size: 12px;
}

.imagedown[b-zm0jfneo78] {
    margin-left: 0px !important;
    white-space: nowrap !important;
}

.imagedown[b-zm0jfneo78], .imageBasket[b-zm0jfneo78], .imageShare[b-zm0jfneo78] {
    /*margin-left: 3px;*/
    /*margin-right: 3px;*/
}

    .imageShare[b-zm0jfneo78]{
        margin-left: -1px !important;
    }

    .imageDiv[b-zm0jfneo78] {
        border-radius: 7px !important;
        text-align: center;
        overflow: hidden;
    }

.ImagesListContainer[b-zm0jfneo78] {
    display: flex;
    overflow-x: auto;
    width: 100%;
}

.FileDisplay[b-zm0jfneo78] {
    border: solid white 1px;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 90px !important;
    object-fit: fill;
    background-repeat: no-repeat;
    margin: 5px;
    border-radius: 7px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    background-color: rgba(255,255,255,0.2);
    padding: 0px !important;
    display: flex;
}

    .FileDisplay:hover[b-zm0jfneo78] {
        border-color: #C8252C;
    }

.CurrentImage[b-zm0jfneo78] {
    height: 85% !important;
    max-height: 650px;
    width: 100%;
    object-fit: contain;
    border-radius: 7px !important;
    background-color: #80808080 !important;
    /*background-color: white;*/
}

.imageDiv[b-zm0jfneo78]{    
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: flex !important;    
    position: relative;
}

.basket-icon[b-zm0jfneo78] {
    font-size: 32px;
    color: white;
}

.basket-icon-bg[b-zm0jfneo78] {
    background-color: var(--brand-primary);
    border-radius: 7px;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
}

.IconContainer2[b-zm0jfneo78] {
    color: white;
    margin-top: 20px;
}

.imageDownMobile[b-zm0jfneo78]{
    display: none;
}

.imagedown[b-zm0jfneo78] {
    display: unset;
}

@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .CurrentImage[b-zm0jfneo78] {
        max-height: 200px !important;
        object-fit: contain;
        border-radius: 7px !important;
    }
}

@media only screen and (max-width: 1200px) and (max-height: 1200px) {
    .p-2 > div[b-zm0jfneo78] {
        position: fixed;
        display: flex;
        right: 0;
        height: 165px;
        width: fit-content;
        text-align: right !important;
        flex-direction: column;        
    }

    .CurrentImage[b-zm0jfneo78] {
        max-height: 300px !important;
        margin-top: 0px;
        max-width: 85%;        
        margin-left: auto;
        margin-right: auto;
        object-fit: contain;
        border-radius: 7px !important;
        margin-bottom: 0px!important;
        /*border: solid yellow !important;*/
    }

    .p-2[b-zm0jfneo78]{
        min-width: 100% !important;
    }

    .ResizeButton[b-zm0jfneo78] {
        display: none;
    }

    .LogoButton[b-zm0jfneo78] {
        display: none;
        margin-right: 5px;
    }

    .imagedown[b-zm0jfneo78] {
        margin-left: 0px !important;
        white-space: nowrap !important;
    }

    .imagedown[b-zm0jfneo78], .imageBasket[b-zm0jfneo78], .imageShare[b-zm0jfneo78], .imageDownMobile[b-zm0jfneo78] {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 5px;
        background-color: black;
        width: fit-content;
        margin-left: auto !important;
    }

    .imageShare[b-zm0jfneo78] {        
        margin-right: -3px !important;
    }

    .imagedown[b-zm0jfneo78]{
        display: none;
    }

    .imageDownMobile[b-zm0jfneo78] {
        display: unset;
        text-align: left;
        white-space: nowrap;
    }

    ./*DownloadContainer {
        width: 30px;
        margin-left: auto !important;
        margin-right: 10px !important;
    }*/

    .w3-hover-text-white[b-zm0jfneo78]{
        margin-top: 7px;
    }

    #ImageContainer[b-zm0jfneo78]{
        width: 20px !important;
    }

    .FileDisplay[b-zm0jfneo78] {
        min-width: 100px !important;
        max-width: 100px !important;
    }

    #ImageParentContainer[b-zm0jfneo78] {
        /*border: solid green !important;*/
    }

    .justify-content-center[b-zm0jfneo78] {
        margin-top: -30px !important;
        /*border: solid red !important;*/
    }

}

.portrait[b-zm0jfneo78]{    
    background-size: contain !important;
    background-color: black;
}

.basket-icon-bg-gallery[b-zm0jfneo78] {
    background-color: var(--brand-primary);
    width: 39px;
    height: 39px;
    border-radius: 7px;
    margin-left: auto;
}

.basket-icon-gallery[b-zm0jfneo78]{
    font-size: 26px;    
    color: white;
}

#ImageContainer[b-zm0jfneo78] {
    border: solid 1px #C8252C !important;
}

.ResizerControls[b-zm0jfneo78]{
    color: white !important;    
    width: 200px;
    position: absolute;
    right: 10px;
    top: 12%;
    display: flex;
    flex-direction: column;
}

.ResizerControls > label[b-zm0jfneo78]{
    color: white;
    padding-left: 5px;
    padding-top: 10px;
}

.ImageInfo[b-zm0jfneo78] {
    color: white !important;    
    position: absolute;
    left: 10px;
    top: 10%;
}

    .ImageInfo > div[b-zm0jfneo78] {        
        display: flex;
        width: 100% !important;       
    }

    .ImageInfo > div > div[b-zm0jfneo78] {                
        color: white !important;
        white-space: nowrap;
    }

.Header[b-zm0jfneo78]{
    width: 100%;
    text-align: left;
}

.ResizeButton[b-zm0jfneo78]{
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
}

.LogoButton[b-zm0jfneo78] {
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    margin-right: 5px;
    outline: none;
    border: none;
}

.DownloadCropButton[b-zm0jfneo78] {
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none; 
    margin-top: 5px;
    /*width: 120px;*/
    margin-left: 5px;
    margin-right: 5px;


}

.ContainerHeader[b-zm0jfneo78]{
    font-size: 18px;
    color: white;
}

.ImageInfo > div > label[b-zm0jfneo78]{
    margin-bottom: 10px;
}

.imageDiv[b-zm0jfneo78]{
    display: flex;
    flex-direction: column;
}

.ScrollMessage[b-zm0jfneo78]{
    color: white;    
    text-align: right;    
}

.justify-content-center[b-zm0jfneo78]{    
    margin-top: -20px !important;
}


.image-container[b-zm0jfneo78] {
    position: relative;
    display: inline-block;
}

.overlay-image[b-zm0jfneo78] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.cropper-crop-box[b-zm0jfneo78] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}


.image-overlay[b-zm0jfneo78] {
    position: relative;
    display: inline-block;
}

    .image-overlay img[b-zm0jfneo78] {
        position: relative;
    }

    .image-overlay #overlayImage[b-zm0jfneo78] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
.redoutline[b-zm0jfneo78] {
    background-color: black !important;
    border: 1px solid #C8252C;
    color: #E6E6E6;
}

.resizeContainer[b-zm0jfneo78] {
    margin-right: 10px;
}
/* _content/QuickPic3/Components/QModal/QModalUserUpdater.razor.rz.scp.css */
.DownloadHyperLink[b-fvjjjww2c2] {
    text-decoration: none;
}

.top-text[b-fvjjjww2c2] {


}

.main-con[b-fvjjjww2c2] {
 /*   max-width:2000px;*/
    height: auto;
}
.btn-con[b-fvjjjww2c2] {
    display: flex;
    align-items: center;
    height: 31.5px !important;
    margin-top: -10px;
}

.testHideOverflow[b-fvjjjww2c2] {
    overflow: hidden;
}

.containerMax[b-fvjjjww2c2]{
    width: 100% !important;
}


    .mobile[b-fvjjjww2c2]{
        display:none !important;
        font-size:18px !important;
        
    }
    .hideMobile[b-fvjjjww2c2] {
        display:contents;
    }
    .w3-container[b-fvjjjww2c2]{
        padding:5px !important;
    }

    header[b-fvjjjww2c2] {
        padding: 22px !important;
    }
  
  
    h2[b-fvjjjww2c2] {
        font-size:25px !important;
    }

.AutoSpecModalClose[b-fvjjjww2c2] {
    display: flex;
    align-items: center;
    max-height: 33px !important;
}

@media only screen and (max-width: 820px) and (max-height: 1200px) {

    .mobile[b-fvjjjww2c2] {
        display: contents;
      
    }

    .hideMobile[b-fvjjjww2c2] {
        display: none;
    }
    .main-con[b-fvjjjww2c2] {
        height: auto;
    }

    .w3-modal[b-fvjjjww2c2] {
        margin-top: -37px;
    }

    .AutoSpecModalClose[b-fvjjjww2c2] {
        display: flex;
        align-items: center;
        max-height: 33px !important;
        margin-top: 10px !important;
    }

    header button[b-fvjjjww2c2] {
        background-color: transparent !important;
        height: 20px;
        display: flex;
        align-items: center;
        width: 15px;
        justify-content: center;
        border-radius: 7px;
    }

    footer button[b-fvjjjww2c2] {
        height: 30px;
        display: flex;
        align-items: center;
    }
}


header > h2[b-fvjjjww2c2] {
    align-items: center !important;
    display: flex !important;
    max-height: 33px !important;
    padding: 0px !important;
    margin-top: 0px;
}

header[b-fvjjjww2c2]{
    padding: 0px !important;
    max-height: 40px !important;
}

.hyperlink[b-fvjjjww2c2] {
    color: #C8252C;
    font-weight: 700;
    cursor: pointer;
}

.termsContainer[b-fvjjjww2c2] {
    margin-top: 15px;
    padding: 5px;
    cursor: default;
    user-select: none;
}
/* _content/QuickPic3/Components/QModal/QModalVideo.razor.rz.scp.css */
.main-view[b-7dl6pj83e0], .w3-container[b-7dl6pj83e0] {
    border-radius: 7px !important;
    background-color: white;
}

.imageBasket[b-7dl6pj83e0] {
    margin-top:5px;
 
    border-radius: 7px;
    height: fit-content;
    width: fit-content !important;
    background-color: #b3b6b8;
}

.imageShare[b-7dl6pj83e0] {
    margin-left: auto;
    margin-right: -15px;
    width: fit-content;
}

.con[b-7dl6pj83e0]{
    display:flex;
    margin-left:-10px;
}

.mdi[b-7dl6pj83e0] {
    font-size: 25px;
    border-radius: 7px;
}

.download-icon[b-7dl6pj83e0] {

    font-size: 29px;
    cursor: pointer;
    color:grey;
 
}
a[b-7dl6pj83e0] {
    margin-left:5px;
    width: 29px;
    border-radius: 7px;
    height: 30px;
    margin-top: 5px;
    display: flex;
    background-color: #b3b6b8;
}
span[b-7dl6pj83e0]{
    color:white;
    margin-left:2px;
    margin-top:-1px !important;
}

    span:hover[b-7dl6pj83e0] {
        color: var(--brand-primary);
    }
a:hover[b-7dl6pj83e0] {
    color:var(--brand-primary);
}

h5 span[b-7dl6pj83e0]{
    color: grey;
}

/* _content/QuickPic3/Components/QModal/QModalVideoFull.razor.rz.scp.css */
.mdi[b-he34rws92b] {
    font-size: 40px;
    border-radius: 7px;
}

.gallery-index[b-he34rws92b] {
    font-size: 24px;
    padding-top: 19px;
}

.main-view[b-he34rws92b] {
    background-color: white;
    border-radius: 7px;
}

.w3-display-topright[b-he34rws92b] {
    color: white !important;
}

.w3-hover-text-white[b-he34rws92b] {
    display: flex;
    align-items: center;
}

.p-2[b-he34rws92b] {
    display: flex;
}

    .p-2 > div[b-he34rws92b] {
        position: fixed;
        display: flex;
        right: 0;
        height: 165px;
        width: fit-content;
        text-align: right;
    }

.mdi:hover[b-he34rws92b] {
    color: var(--brand-primary);
}

.gallery-index[b-he34rws92b] {
    color: white !important;
    display: flex;
    align-items: center;
}

h5[b-he34rws92b] {
    color: white !important;
    width: fit-content;
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 1000px;
    text-align: center;
}

    h5 > span[b-he34rws92b] {
        color: white !important;
        font-size: 14px;
    }

.w3-modal[b-he34rws92b] {
    background-color: rgba(0,0,0,0.7) !important;
    width: 100%;
    height: 100%;
    padding: 0px;
}

.w3-modal-content[b-he34rws92b] {
    background-color: white;
    background-color: black;
    width: 100%;
    height: 100% !important;
}

.imageMenu[b-he34rws92b] {
    display: flex;
}

.DownloadContainer[b-he34rws92b] {
    margin-right: 3px;
    border: solid 1px #C8252C;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background-color: #C8252C;
}

    .DownloadContainer:hover[b-he34rws92b] {
        color: white !important;
        background-color: black;
        border-color: white;
    }

.mdi-window-close[b-he34rws92b] {
    color: white !important;
}

.IconContainer[b-he34rws92b] {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1.2px;
    font-size: 20px;
    cursor: pointer !important;
    color: white;
}

    .IconContainer :hover[b-he34rws92b] {
        color: red !important;
    }

.closeButton[b-he34rws92b] {
    border: solid white 1px;
    color: white !important;
    font-size: 12px;
}

.imagedown[b-he34rws92b] {
    margin-left: 45px !important;
    white-space: nowrap !important;
}

.imagedown[b-he34rws92b], .imageBasket[b-he34rws92b], .imageShare[b-he34rws92b] {
    margin-left: 3px;
    margin-right: 3px;
}

    .imageShare[b-he34rws92b]{
        margin-left: -1px !important;
    }

    .imageDiv[b-he34rws92b] {
        border-radius: 7px !important;
        text-align: center;        
        height: 50%;
    }

.ImagesListContainer[b-he34rws92b] {
    display: flex;
    overflow-x: auto;
    width: 100%;
}

.FileDisplay[b-he34rws92b] {
    border: solid white 1px;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 90px !important;
    object-fit: fill;
    background-repeat: no-repeat;
    margin: 5px;
    border-radius: 7px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    background-color: rgba(255,255,255,0.2);
    display: flex;
    padding: 0px;
}


    .FileDisplay:hover[b-he34rws92b] {
        border-color: var(--brand-primary);
    }

#CurrentImage[b-he34rws92b] {
    height: 100% !important;
    max-height: 650px;
    object-fit: contain;
    border-radius: 7px !important;
}

.IconContainer2[b-he34rws92b] {
    color: white;
    margin-top: 20px;
}

.imageDownMobile[b-he34rws92b]{
    display: none;
}

.imagedown[b-he34rws92b] {
    display: unset;
}

@media only screen and (max-width: 800px) and (max-height: 1200px) {
    #CurrentImage[b-he34rws92b] {
        max-height: 200px !important;
        object-fit: contain;
        border-radius: 7px !important;
    }
}

@media only screen and (max-width: 1200px) and (max-height: 1200px) {
    .p-2 > div[b-he34rws92b] {
        position: fixed;
        display: flex;
        right: 0;
        height: 165px;
        width: fit-content;
        text-align: right !important;
        flex-direction: column;        
    }

    .imagedown[b-he34rws92b] {
        margin-left: 0px !important;
        white-space: nowrap !important;
    }

    .imagedown[b-he34rws92b], .imageBasket[b-he34rws92b], .imageShare[b-he34rws92b], .imageDownMobile[b-he34rws92b] {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 5px;
        background-color: black;
        width: fit-content;
        margin-left: auto !important;
    }

    .imageShare[b-he34rws92b] {        
        margin-right: -3px !important;
    }

    .imagedown[b-he34rws92b]{
        display: none;
    }

    .imageDownMobile[b-he34rws92b] {
        display: unset;
        text-align: left;
        white-space: nowrap;
    }

    .DownloadContainer[b-he34rws92b] {
        width: 30px;
        margin-left: auto !important;
        margin-right: 0px !important;
    }

    .w3-hover-text-white[b-he34rws92b]{
        margin-top: 7px;
    }
}

.portrait[b-he34rws92b]{    
    background-size: contain !important;
    background-color: black;
}

video[b-he34rws92b] {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;    
    object-fit: contain;
    border-radius: 7px !important;    
}

.imagedown[b-he34rws92b]{    
    border: solid white 1px;
    border-radius: 7px;
    height: 30px;
    width: 30px;
}

.imageDownMobile[b-he34rws92b] {
    border: solid white 1px;
    border-radius: 7px;
    height: 30px;
    width: 30px;
}

.basket-icon-bg-gallery[b-he34rws92b] {
    background-color: var(--brand-primary);
    width: 39px;
    height: 39px;
    border-radius: 7px;
    margin-left: auto;
}

.basket-icon-gallery[b-he34rws92b] {
    font-size: 26px;
    color: white;
}

.imageDiv[b-he34rws92b] {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: flex !important;
    position: relative;
    background-color: rgba(255,255,255,0.2);    
}

.basket-icon[b-he34rws92b] {
    font-size: 32px;
    color: white;
}

.basket-icon-bg[b-he34rws92b] {
    background-color: var(--brand-primary);
    border-radius: 7px;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
}

#VideoContainer[b-he34rws92b] {
    border: solid 1px var(--brand-primary) !important;
}
/* _content/QuickPic3/Components/QNavbar/QNavbarContainer.razor.rz.scp.css */
.QNavbarContainer[b-5l3lqix65g] {
    padding: 3px;
    height: 77px;
}
/* _content/QuickPic3/Components/QNavbar/QNavbarItem.razor.rz.scp.css */
.QNavbarItem[b-gxt6j6jm8j] {
    max-height: 77px;
    padding: 3px;
    margin: 3px;
}

/* _content/QuickPic3/Components/QPageItemCountSelect.razor.rz.scp.css */
/* _content/QuickPic3/Components/QPaging/QPager.razor.rz.scp.css */
.page-size-dropdown-label[b-1iwgbkpblo] {
    font-size: small;
    font-weight: 700;
    color: var(--brand-tertiary,--default-tertiary);
}

.ActivePage[b-1iwgbkpblo]{
    border: none !important;    
    color: var(--brand-primary);
    font-weight:700 !important;
}

.PagerSVGContainer[b-1iwgbkpblo]{
    margin-top: -2px;
}

@media screen and (max-width: 510px) {
    .page-size-dropdown-box[b-1iwgbkpblo] {
        visibility: hidden;
        width: 1px;
        right: 0px;
        bottom: 0px;
        height: 1px;
    }
}
/* _content/QuickPic3/Components/QRoboto/QRobotCheck.razor.rz.scp.css */
.q_robot-check-container[b-dr8y9nlafy] {
    width: 300px;
    height: 300px;
}

.q_robot-check-container-box[b-dr8y9nlafy] {
    background-image: url('/images/portals/quickpic/auth/test.webp');
    background-size: auto;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
}

.q_robot-check-container-box-human[b-dr8y9nlafy] {
    background-image: url('/images/portals/quickpic/auth/human.webp');
    background-size: auto;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
}

.q_robot-check-container-box-robot[b-dr8y9nlafy] {
    background-image: url('/images/portals/quickpic/auth/robot.webp');
    background-size: auto;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
}

.q_robot-check-container-tile[b-dr8y9nlafy] {
    width: 50px;
    height: 50px;
    border: 2px solid transparent;
}

    .q_robot-check-container-tile:hover[b-dr8y9nlafy] {
        width: 50px;
        height: 50px;
        border: 2px solid #1463e0;
    }

.q_robot-check-container-tile-selected[b-dr8y9nlafy] {
    width: 50px;
    height: 50px;
    border: 2px solid #128500;
}

    .q_robot-check-container-tile-selected:hover[b-dr8y9nlafy] {
        width: 50px;
        height: 50px;
        border: 2px solid #ff6a00
    }
/* _content/QuickPic3/Components/QSearchBox.razor.rz.scp.css */
.q_search_box[b-y38lk83ra4] {
    border: 1px solid #80808080;
    border-radius: 7px;
    background-color: white;
}

.q_search_box:hover[b-y38lk83ra4] {
    border: 1px solid #808080FF;
}

.q_search_textbox[b-y38lk83ra4] {
    border: none;
    background-color: white;    
}

.q_search_textbox:focus[b-y38lk83ra4] {
    border: none;
    outline: none;
}

@media screen and (max-width: 650px) {
    .q_search_box[b-y38lk83ra4] {
        visibility: hidden;
        width: 0px;
        height: 0px;
    }
}
/* _content/QuickPic3/Components/QSidebarComponent/QSidebarComponent.razor.rz.scp.css */
.navItem[b-749xty7w4l] {
    background-color: inherit;
    border: none;
    text-align: left;
    color: white;
    height: 35px;
    margin-bottom: 5px;
    width: 220px;
    margin-left: 2px;
    border-radius: 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

    .navItem:hover[b-749xty7w4l] {
        background-color: rgba(0,0,0,0.2);        
    }

.active[b-749xty7w4l] {
    background-color: rgba(0,0,0,0.2);
    font-weight: 700;    
}

.activeChild[b-749xty7w4l] {
    background-color: rgba(0,0,0,0.2);
    font-weight: 700;    
}

.childItem[b-749xty7w4l] {        
    font-size: 13px;
    margin-left: 30px;
    height: 30px;
}

.activeIcon[b-749xty7w4l]{
    color: white;    
}



.navItem1[b-749xty7w4l]{

}



.children[b-749xty7w4l] {    
    
}

.arrows[b-749xty7w4l] {
    transform: rotate(270deg);
}

.arrowsActive[b-749xty7w4l] {
    
    color: white;
}



.Icon[b-749xty7w4l] {
    color: white;
    width: auto;
}

.activeIcon1[b-749xty7w4l] {
    color: white;
    width: auto;
}

.displayText[b-749xty7w4l]{    
    width: 120px;

}

.forceColor[b-749xty7w4l]{
    color: white !important;
}

.makeBolder[b-749xty7w4l]{
    font-weight: 700;
}
/* _content/QuickPic3/Components/QSignaturePad.razor.rz.scp.css */
.mainContainer[b-uq024n16e8] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

canvas[b-uq024n16e8] {
    border: solid 1px;
    margin-bottom: 0px;
    width: 100%;
    height: 300px;
    border-radius: 5px;
}

.btnContainer[b-uq024n16e8] {
    display: flex;
    flex-direction: row;
}

.btn-clear[b-uq024n16e8] {
    background-color: var(--brand-tertiary);
    color: #fff;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: absolute;
    margin-top: -45px;
}

.btn-decline[b-uq024n16e8] {
    background-color: var(--brand-tertiary);
    color: #fff;
    height: 100%;
    border-radius: 5px;
    width: 100%;
    margin-right: 5px;
}

.btn-submit[b-uq024n16e8] {
    background-color: var(--brand-primary);
    color: #fff;
    height: 100%;
    border-radius: 5px;
    width: 100%;
    margin-left: 5px;
}

.explanationLabel[b-uq024n16e8] {    
    color: rgba(0,0,0,0.3);
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: absolute;
    margin-top: -305px;
    margin-left: 5px;
    font-size: 25px;
}
/* _content/QuickPic3/Components/QTableFilters/QFilter.razor.rz.scp.css */
.filterword[b-og2ynnbzdz] {
    background-color: #C8252C;
    border-radius: 4px;
    color: white;
    padding: 5px;
}
/* _content/QuickPic3/Components/QTableFilters/QSurveyFilter.razor.rz.scp.css */
.filterword[b-2uslv0we08] {
    background-color: #C8252C;
    border-radius: 4px;
    color: white;
    padding: 5px;
}
/* _content/QuickPic3/Components/QTable/QReportingGroupTable .razor.rz.scp.css */


.TableHeadings th[b-bfzeuavo5i] {
    /*color: red;
    font-size: 14px;*/
    background-color: #E6E6E6;
}

.TableRows td[b-bfzeuavo5i] {
    font-size: 12px;
}

.MainTable[b-bfzeuavo5i] {
    border-radius: 10px;
    color: aqua;
    z-index: 999;
    /*user-select: none;*/
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.MainTable td[b-bfzeuavo5i],
.MainTable th[b-bfzeuavo5i] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ResizableColumn[b-bfzeuavo5i] {
    resize: horizontal;
    overflow: auto;
}

.TableContainer[b-bfzeuavo5i] {
    overflow: auto;
}

.NumberedList[b-bfzeuavo5i] {
    width: 6%;
}
/* _content/QuickPic3/Components/QTable/QReportingGroupTable.razor.rz.scp.css */


.TableHeadings th[b-ia2mich49g] {
    /*color: red;
    font-size: 14px;*/
    background-color: #E6E6E6;
}

.TableRows td[b-ia2mich49g] {
    font-size: 12px;
}

.MainTable[b-ia2mich49g] {
    border-radius: 10px;
    color: aqua;
    z-index: 999;
    user-select: none;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.MainTable td[b-ia2mich49g],
.MainTable th[b-ia2mich49g] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ResizableColumn[b-ia2mich49g] {
    resize: horizontal;
    overflow: auto;
}

.TableContainer[b-ia2mich49g] {
    overflow: auto;
}

.NumberedList[b-ia2mich49g] {
    width: 6%;
}
/* _content/QuickPic3/Components/QTable/QReportingTable.razor.rz.scp.css */


.TableHeadings th[b-1tczsqg90t] {
    /*color: red;
    font-size: 14px;*/
    background-color: #E6E6E6;
}

.TableRows td[b-1tczsqg90t] {
    font-size: 12px;
}

.MainTable[b-1tczsqg90t] {
    border-radius: 10px;
    color: aqua;
    z-index: 999;
    user-select: none;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.MainTable td[b-1tczsqg90t],
.MainTable th[b-1tczsqg90t] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ResizableColumn[b-1tczsqg90t] {
    resize: horizontal;
    overflow: auto;
}

.TableContainer[b-1tczsqg90t] {
    overflow: auto;
}

.NumberedList[b-1tczsqg90t] {
    width: 6%;
}
/* _content/QuickPic3/Components/QTable/QTable.razor.rz.scp.css */
table[b-e26k32iwdn] {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid lightgray;
}

th[b-e26k32iwdn], td[b-e26k32iwdn] {
    text-align: left;
    padding: 8px;
    border-left: 1px solid red;
}

tr[b-e26k32iwdn] {
    cursor: pointer;
}

    tr:nth-child(odd)[b-e26k32iwdn] {
        background-color: #f2f2f2;
    }

    tr:nth-child(even)[b-e26k32iwdn] {
        background-color: white;
    }
    

.show-detail[b-e26k32iwdn] {
    display: block;
}

.hide-detail[b-e26k32iwdn] {
    display: none;
}
.hierarchy-cell[b-e26k32iwdn]{
    width:10%;
}

.pageItem[b-e26k32iwdn] {
    background-color: #fff;
    font-size: 15px;
    border: none;
    color: #808080;
}

    .pageItem:hover[b-e26k32iwdn] {
        background-color: #ccc;
    }

.activePage[b-e26k32iwdn] {
    border: solid 1px #f1f1f1;
    font-weight: 700;
}

/* _content/QuickPic3/Components/QTabStrip/QTabStrip.razor.rz.scp.css */


.tabTileContainer[b-7phelohm2k] {
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    border-color: #ced4da;
    width: fit-content;
}

.tabTitles[b-7phelohm2k] {
    padding: 5px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 15px;
    border-color: #ced4da;
    width: fit-content;
    height: 100%;
    white-space: nowrap;
    background-color: var(--body-bg);
    color: #808080;
}

    .tabTitles:hover[b-7phelohm2k] {
        color: #C8252C;
    }

.tabContent[b-7phelohm2k] {
    text-align: center;
    padding: 10px;
    border: solid 1px #ced4da;
    width: 100%;
    font-size: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: page;
    background-color: white;
    margin-top: -1px;
}

.SelectedTab[b-7phelohm2k] {
    border: solid 1px #ced4da;
    border-bottom: solid 1px white;
    color: var(--brand-primary);
    background-color: white;
    border-top-right-radius: 5px;
    border-top-left-radius: 0px;
    font-weight: 700;
    margin-bottom: -1px;
    z-index: 10;
    overflow-wrap: anywhere;
    width: fit-content;
}

.TabStripContainer[b-7phelohm2k] {
    margin-left: auto;
    margin-right: auto;
}

.firstTab[b-7phelohm2k] {
    border-top-left-radius: 0px;
}

.lastTab[b-7phelohm2k] {
    border-top-right-radius: 5px;
}

@media screen and (max-width: 700px) {
    .tabTitles[b-7phelohm2k] {
        font-size: 14px !important;
    }

    .tabTileContainer[b-7phelohm2k]{
        overflow-x: scroll;
        display: flex !important;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
}

/* _content/QuickPic3/Components/QTextEditor.razor.rz.scp.css */
*[b-m8kfav74hw] {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body[b-m8kfav74hw] {
    background-color: black;
}

.container[b-m8kfav74hw] {
    overflow-y: scroll;
    position: absolute;
    background-color: white;
}

.options[b-m8kfav74hw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

button[b-m8kfav74hw] {
    height: 28px;
    width: 28px;
    display: grid;
    place-items: center;
    border-radius: 3px;
    border: none;
    background-color: #ffffff;
    outline: none;
    color: #020929;
}

select[b-m8kfav74hw] {
    padding: 7px;
    border: 1px solid #020929;
    border-radius: 3px;
}

.options label[b-m8kfav74hw],
.options select[b-m8kfav74hw] {
    font-family: "Poppins", sans-serif;
}

.input-wrapper[b-m8kfav74hw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

input[type="color"][b-m8kfav74hw] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    width: 40px;
    height: 28px;
    border: none;
    cursor: pointer;
}

    input[type="color"][b-m8kfav74hw]::-webkit-color-swatch {
        border-radius: 15px;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
    }

    input[type="color"][b-m8kfav74hw]::-moz-color-swatch {
        border-radius: 15px;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
    }

#text-input[b-m8kfav74hw] {
    margin-top: 10px;
    border: 1px solid #dddddd;
    height: 50vh;
}

.active[b-m8kfav74hw] {
    background-color: #e0e9ff;
}
/* _content/QuickPic3/Components/QTiles/QTile.Razor.rz.scp.css */
.q_tile[b-2km1qwxijl] {
    border: solid 1px rgba(230, 230, 230, 0.4);
    background-color: rgb(255 255 255 / 0.2);
    border-radius: 5px;
    margin: 5px;
    width: 300px;
    height: 260px;
    max-width: 300px;
    max-height: 260px;
    padding: 5px;
}

    .q_tile:hover[b-2km1qwxijl] {
        border: solid 1px rgba(230, 230, 230, 0.8);
        background-color: rgb(250 250 250 / 0.4);
        cursor: pointer;
    }

.q_tile-header[b-2km1qwxijl] {
    width: 290px;
    height: 20px;
}

.q_tile-brand[b-2km1qwxijl] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--brand-primary);
}

.q_tile-publishdate[b-2km1qwxijl] {
    font-size: 0.7rem;
    color: var(--brand-primary);
}

.q_tile-subtitle[b-2km1qwxijl] {
    width: 290px;
    font-size: 0.8rem;
    font-weight: 700;
    height: 40px;
    overflow: hidden;
}

.q_tile-body[b-2km1qwxijl] {
    width: 290px;
    height: 150px;
}

.q_tile-summary[b-2km1qwxijl] {
    width: 290px;
    font-size: 0.7rem;
    height: 30px;
    overflow: hidden;
}
/* _content/QuickPic3/Components/QUserProfile/QUserProfile.razor.rz.scp.css */
.user-profile-label[b-6u5olyvncl] {
    font-size: small;
    font-weight: 300;
}
.user-profile-box[b-6u5olyvncl] {
    margin-right:10px;
}

#profilePic[b-6u5olyvncl]{
    max-height: 40px;
}

.userprofilePicAndNameContainer[b-6u5olyvncl] {
    display: flex !important;
    flex-direction: row !important;
}
.userprofilePicAndNameContainer:hover[b-6u5olyvncl] {
    background-color: white;
}
    .userprofilePicAndNameContainer:hover .userNameSpan[b-6u5olyvncl] {
        transition: 0.7s;
        color: #C8252C;
    }

.userName[b-6u5olyvncl] {
    display: flex;
    flex-direction: column;
    margin-left: 5px;
    text-align: left;    
}



.user-profile-labe[b-6u5olyvncl] {
    text-align: left;    
}

.user-profile-box-mobile[b-6u5olyvncl] {
    display: none;
}

.userNameSpan[b-6u5olyvncl]{
    font-weight: 700;
    margin-top:-4.5px !important;
}

img[b-6u5olyvncl] {
    width: 2.7rem;
    height: 2.7rem;
}

@media screen and (max-width: 510px) {
    .userName[b-6u5olyvncl] {
        display: none;
        background-color: white;
    }
    .user-profile-box[b-6u5olyvncl]{
        display: none;
    }

    .mobileDisplay[b-6u5olyvncl]{
        max-height: 30px !important;
    }

    .user-profile-box-mobile[b-6u5olyvncl] {
        display: unset;
        margin-right: 0px;
        background-color: white;
    }

    img[b-6u5olyvncl] {
        background-color: white;
    }
    .userprofilePicAndNameContainer[b-6u5olyvncl] {
        background-color: white;
    }

}

#ProfileDropDown[b-6u5olyvncl]{
    height: 0px !important;
    width: 0px !important;
    position: absolute;
    border: none !important;
    color: transparent !important;
    border-color: transparent !important;
    
}

#ProfileDropDown:focus[b-6u5olyvncl]{
    border: none !important;
    outline: none !important;
}
/* _content/QuickPic3/Pages/AdminPages/AutospecCapture/AutospecCapture.razor.rz.scp.css */
.MainContainer[b-wtqcsnmfei]
{
    display: flex;    
}

.DisplayList[b-wtqcsnmfei]{    
    width: 200px;
    background-color: white;
    margin-right: 15px;
    border-radius: 7px;    
    margin-top: 20px;    
    overflow-y: auto;
    height: 92vh;
}

.DisplayRanges[b-wtqcsnmfei] {
    text-indent: 15px;
    background-color: rgba(100,50,100,0.1);
    border: solid #C8252c 1px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top: none;
}

.DisplayRange[b-wtqcsnmfei]{
    height: 30px;    
}

.DisplayItem[b-wtqcsnmfei] {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
}

.DisplayItem:hover[b-wtqcsnmfei]{
    background-color: #C8252C;
    color: white;
}

.HoverWhite[b-wtqcsnmfei] {
    color: inherit;
}

.activeItem[b-wtqcsnmfei]{
    background-color: #C8252C;
    color: white;
}

.VehicleSpecsContainer[b-wtqcsnmfei]{        
    margin-top: 19px;
    border-radius: 7px;
    background-color: white;
    width: 100%;
}

.DisplayModelContainer[b-wtqcsnmfei]{
    width: 350px !important;
    text-indent: 5px;
}



.VehicleSpecsItems[b-wtqcsnmfei] {
    align-items: center;
    display: flex;    
    border-bottom: solid 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.InputLabel[b-wtqcsnmfei]{
    width: 30%;
    text-transform: capitalize;
    margin-left: 5px;
}

.otherRow[b-wtqcsnmfei]{
    background-color: rgba(100,50,100,0.1);
}

.newModelButton[b-wtqcsnmfei] {
    background-color: #42ada4;
    color: white;
    text-indent: 5px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

.NewFieldsDiv > button[b-wtqcsnmfei] {
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    border: none;
    margin-left: 5px;
}

.ImageGallery[b-wtqcsnmfei] {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(auto-fit,300px);
    padding: 20px;
    background-color: #F0F0F0;
    height: 740px;
    overflow-y: scroll;    
}

.ImageContainer[b-wtqcsnmfei] {
    min-height: 172px;
    max-height: 172px;
    
    padding: 5px;    
}

.ImageElement[b-wtqcsnmfei] {
    display: flex;
    border-radius: 7px;
    margin-bottom: 5px;
    height: 138px;
}

    .ImageElement > img[b-wtqcsnmfei] {
        width: 100%;
        border-radius: 7px;
        object-fit: contain;
    }

.DeleteContainer > button[b-wtqcsnmfei]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    margin-right: 5px;
}

.VehicleSpecsContainer[b-wtqcsnmfei]{
    
}

.StickyDiv[b-wtqcsnmfei] {
    position: sticky;
    width: 100%;
    background-color: white;
    display: flex;
}

.searchBar[b-wtqcsnmfei] {
    width: 35%;
}

.topButtons[b-wtqcsnmfei] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.SaveButton[b-wtqcsnmfei], .ImagesButton[b-wtqcsnmfei], .CancelButton[b-wtqcsnmfei] {
    border: none;
    border-radius: 7px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: white;
}

.SaveButton[b-wtqcsnmfei]{
    background-color: #C8252C;    
}

.ImagesButton[b-wtqcsnmfei] {
    background-color: #42ada4;
}

.CancelButton[b-wtqcsnmfei] {
    background-color: #434a4f;
}

.RenameContainer[b-wtqcsnmfei]{
    background-color: rgba(0,0,0,0.1);
    padding: 5px;
}

.RenameContainer > button[b-wtqcsnmfei] {
    border: none;
    border-radius: 7px;
    background-color: #C8252c;
    color: white;
    margin-left: 3px;
}

.ContextMenuContainer[b-wtqcsnmfei]{
    position: relative;    
}

.ContextMenu[b-wtqcsnmfei] {
    background-color: #434a4f;
    color: white !important;
    border-radius: 7px;
    position: absolute;
    z-index: 200;
    width: fit-content;
    margin-left: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;        
}

.ContextMenu > button[b-wtqcsnmfei]{
    font-size: 13px;
    background-color: transparent;
    border: none; 
    color: white;    
    text-align: left;
    white-space: nowrap;
}

.ContextMenu > button:hover[b-wtqcsnmfei]{
    background-color: #C8252c;
}

.CategoryTitle[b-wtqcsnmfei]{
    font-weight: 700;
    font-size: 20px;
    border-bottom: solid 1px;
    background-color: #C8252C;
    color: white;
    text-indent: 5px;
}

.notPublished[b-wtqcsnmfei] {
    background-color: #434a4f;
    color: white;
}

.activeNotPublished[b-wtqcsnmfei] {
    background-color: #42ada4 !important;
}

.VehicleSpecsContainer[b-wtqcsnmfei] {
    height: 92vh;
    /*overflow: hidden;*/
}

.SpecsContainer[b-wtqcsnmfei] {
    overflow-y: scroll;
    height: 95%;    
}

.BackToSpecsButton[b-wtqcsnmfei]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    margin: 5px;
    margin-left: 0px;
}

.DeleteAllImagesButton[b-wtqcsnmfei] {
    background-color: #434a4f;
    color: white;
    border: none;
    border-radius: 7px;
    margin: 5px;
    margin-left: 0px;
}

.BrandName[b-wtqcsnmfei]{
    color: white;
}

.bottomBorderStraight[b-wtqcsnmfei]{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.QuickManageButton[b-wtqcsnmfei]{
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
    margin-top: 5px;    
}

.ListDisplayContainer[b-wtqcsnmfei]{
    display: flex;
    border-radius: 7px;
}

.ModalContainer[b-wtqcsnmfei]{
    width: 100% !important; 
    max-height: 700px;    
}

.ListDisplay[b-wtqcsnmfei] {
    overflow-y: scroll;
    max-height: 700px;
    border-radius: 7px;        
    width: 100%;
}

#btnSave[b-wtqcsnmfei] {
    background-color: #42ada4;
}

@media (max-height: 611px) {
    .SpecsContainer[b-wtqcsnmfei] {
        overflow-y: scroll;
        height: 84.8vh;
    }
}
@media (max-height: 855px) {
    .SpecsContainer[b-wtqcsnmfei] {
        overflow-y: scroll;
        height: 87vh;
    }
}
/* _content/QuickPic3/Pages/AdminPages/AutospecCapture/AutoSpecExcel.razor.rz.scp.css */
.NewModel[b-s4xpjau2fa]
{
    background-color: lightgreen;
}
/* _content/QuickPic3/Pages/AdminPages/AutospecImportData/AutospecImportData.razor.rz.scp.css */
input[type='file'][b-u38z8bud3o] {
    color: transparent;
}
/* _content/QuickPic3/Pages/AdminPages/AutoSpecImporter/AutospecImporterData.razor.rz.scp.css */
/* _content/QuickPic3/Pages/AdminPages/AutoSpecImporter/FleetVehicles.razor.rz.scp.css */
/* _content/QuickPic3/Pages/AdminPages/BrandSettings/AutopecScoring.razor.rz.scp.css */
.Main-Con[b-d9gmy60c1a]{
    width:100%;
   height:100%;
}

.actionBtn[b-d9gmy60c1a]{
   
    align-items:center;
}
.actionBtn2[b-d9gmy60c1a] {
    align-items: center;
    width:50px !important;
    margin-right:4px;
    margin-left:4px;
}

.PopButtom[b-d9gmy60c1a] {
    border-radius: 7px;
    border: none;
    background-color: #C8252C;
    color:white;
    padding:5px;
}
    .PopButtom:hover[b-d9gmy60c1a] {
        background-color: #42ada4;
    }
.Top-Con[b-d9gmy60c1a] {
    display: flex;
}
.inner-values[b-d9gmy60c1a]{
    width:50%;
    display:flex;
    justify-content:space-between;
}
    .inner-values div[b-d9gmy60c1a] {
        font-weight: 700;
        color: #C8252C;
    }

td[b-d9gmy60c1a], th[b-d9gmy60c1a] {
    color: #434a4f;
}

.Good[b-d9gmy60c1a] {
   
    background-color: #C8252C;
    color:white;
    padding:3px;
    border-radius:7px;
}

.AddBrandContainer > button[b-d9gmy60c1a] {
    height: 36px !important;
    display: flex !important;
}

    .AddBrandContainer > button > div[b-d9gmy60c1a] {
    }

.Body-Con[b-d9gmy60c1a]{

    margin-left:auto;
    margin-right:auto;

    
}
.TableCon[b-d9gmy60c1a]{
    width:100%;
}
.TableCon th[b-d9gmy60c1a] {
    font-weight:700;
    width: 45% !important;
}
.TableCon th:nth-child(1)[b-d9gmy60c1a]{
    width:10% !important;
}
    .TableCon th:nth-child(3)[b-d9gmy60c1a] {
        width: 35% !important;
    }
    .TableCon th:nth-child(4)[b-d9gmy60c1a] {
        width: 10% !important;
    }


.Title[b-d9gmy60c1a] {
    font-size: 10px;
    margin-bottom: 10px;
}

.innerInput[b-d9gmy60c1a]{
    display:flex;
}

#btnSave[b-d9gmy60c1a] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-d9gmy60c1a] {
        color: white !important;
        background-color: #42ada4 !important;
    }
/* _content/QuickPic3/Pages/AdminPages/BrandSettings/Brands.razor.rz.scp.css */
.SubMenuItems[b-8h1w75srtm] {
    margin-left: 25px;
}

.tableControls[b-8h1w75srtm] {
    display: flex;
    align-items: center;
}

.pagingComponent[b-8h1w75srtm] {
    width: 100%;
}

.brandContactsTable[b-8h1w75srtm] {    
    width: 100%;
}

.AddBrandContainer > button[b-8h1w75srtm]{
    height: 36px !important;    
    display: flex !important;
}

.AddBrandContainer > button > div[b-8h1w75srtm]{    

}

.RowBtn[b-8h1w75srtm] {
    height: 30px;
    width: 30px !important;
    display: flex;
    text-align: center;
}


.RowSpan[b-8h1w75srtm] {
    margin-top: -2px !important;
    margin-left: 4px !important;
}

.TableActions[b-8h1w75srtm] {
    width: 5%;
}

.TableActionContainer[b-8h1w75srtm] {
    display: flex;
}

.CounterDisplay[b-8h1w75srtm] {
    width: 100px;
    margin-left: auto;
}

#btnSave[b-8h1w75srtm] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-8h1w75srtm] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.SearchContainer[b-8h1w75srtm]{
    width: 25%;
}

.ItemsPerPageDropdown[b-8h1w75srtm] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/AdminPages/BrandSettings/EditBrand.razor.rz.scp.css */
.SubMenuItems[b-74nzxmtciw] {
    margin-left: 25px;
}

.mainContainer[b-74nzxmtciw]{
    margin: 15px;
}

.FormBoxItemContainer[b-74nzxmtciw] {
    display: flex;
    width: 100%;
    align-items: center;
}

.leftColumn[b-74nzxmtciw]{    
    width: 10%;
    align-items: center;    
}

.rightColumn[b-74nzxmtciw] {
    width: 30%;
}

.imageCol[b-74nzxmtciw]{
    width: 15%;
}

.addBtnContainer[b-74nzxmtciw]{
        
}

#Brandlogo[b-74nzxmtciw] {
    width: 150px;
    height: 75px;
}

#Adminlogo[b-74nzxmtciw] {
    width: 100px;
    height: 100px;
}

ul[b-74nzxmtciw]{
    text-decoration: none;
    list-style: none;
    column-count: 6;
}

.listItemContainer[b-74nzxmtciw]{    
    width: fit-content;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}

.cBrandCbx[b-74nzxmtciw]{
    width: fit-content;
}

.cBrandspn[b-74nzxmtciw]{
    width: fit-content;    
    margin-left: 5px;
}

.FormBoxItemContainer > button[b-74nzxmtciw]{
    height: 30px !important;
    width: 30px;
}

.insertAutoData[b-74nzxmtciw]{
    width: fit-content !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

#btnSave[b-74nzxmtciw] {
    background-color: #42ada4 !important;
    height: 32px !important;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
}
/* _content/QuickPic3/Pages/AdminPages/BrandSettings/Industries.razor.rz.scp.css */
.SubMenuItems[b-1sn6q2s01a] {
    margin-left: 25px;
}

.tableControls[b-1sn6q2s01a] {
    display: flex;
    align-items: center;
}

.pagingComponent[b-1sn6q2s01a] {
    width: 100%;
}

.AddBrandContainer > button[b-1sn6q2s01a] {
    height: 36px !important;
    display: flex !important;
}

    .AddBrandContainer > button > div[b-1sn6q2s01a] {
     
    }

.RowBtn[b-1sn6q2s01a] {
    height: 30px;
    width: 30px !important;
    display: flex;
    text-align: center;
}


.RowSpan[b-1sn6q2s01a] {
    margin-top: -2px !important;
    margin-left: 4px !important;
}

.TableActions[b-1sn6q2s01a] {
    width: 5%;
}

.TableActionContainer[b-1sn6q2s01a] {
    display: flex;
}

#btnSave[b-1sn6q2s01a] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-1sn6q2s01a] {
        color: white !important;
        background-color: #42ada4 !important;
    }
/* _content/QuickPic3/Pages/AdminPages/Dashboard/AutospecDashboard.razor.rz.scp.css */
.DateControls[b-1mo6f1jsju] {
    display: flex;
}

    .DateControls > div[b-1mo6f1jsju] {
        width: 100%;
    }

        .DateControls > div > label[b-1mo6f1jsju] {
            margin-left: 3px;
        }


.ButtonControls[b-1mo6f1jsju] {
    margin: 3px;
}

.ButtonControls[b-1mo6f1jsju] {
    margin-left: 0px;
    margin: 0px;
}

.InputControls[b-1mo6f1jsju] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-1mo6f1jsju] {
        padding: 10px;
    }

.PageContainer[b-1mo6f1jsju] {
    position: relative;
}

.NumberDisplay[b-1mo6f1jsju] {
    color: #C8252C;
    font-size: 40px;
}

.DoubleRow[b-1mo6f1jsju] {
    display: flex;
}

.spaceMaker[b-1mo6f1jsju] {
    width: 40px;
}

table[b-1mo6f1jsju]{
    width: 99%;    
}

.Title[b-1mo6f1jsju]{
    width: 75%;
}

.imgItem[b-1mo6f1jsju] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-1mo6f1jsju] {
    max-width: 2% !important;
    max-width: 2% !important;
}

/*th, tr, td, table{
    background-color: white !important;    
}*/

th[b-1mo6f1jsju] {
    font-weight: 700;
    text-align: center;
    border: solid 1px #e0e0e0;
    border-bottom: none;
}

/*td {
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
}*/

/*table{
    border: none !important;
    margin-bottom: 5px;
}*/

.lastcol[b-1mo6f1jsju] {
    border-right: solid 1px #e0e0e0;
}

tr:nth-child(even)[b-1mo6f1jsju] {
    background-color: #f2f2f2;
}

.DashboardTable[b-1mo6f1jsju] {
    width: 99%;
}

#profileImg[b-1mo6f1jsju] {
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    border-radius: 50%;
}

.ImgCell[b-1mo6f1jsju] {
    text-align: left;
    width: 44px;
    height: 40px;
}

.pointer[b-1mo6f1jsju] {
    cursor: pointer;
}

.TopBrandsRow[b-1mo6f1jsju]{
    background-color: white !important;
}

.TopBrandHeader1[b-1mo6f1jsju]{
    width: fit-content !important;    
}

.TopBrandHeader2[b-1mo6f1jsju] {
    width: fit-content !important;
}

.TopBrandHeader3[b-1mo6f1jsju] {
    width: 100% !important;
}

.TopBrandsRow > td[b-1mo6f1jsju]{
    white-space: nowrap;
}

.ChartCell[b-1mo6f1jsju]{
    background-color: #C8252C;
    color: white;
    text-align: center;
    width: 50px !important;
}

.EmptyCell[b-1mo6f1jsju]{
    width: 50px !important;
}

.colorBack[b-1mo6f1jsju] {
    background-color: #f2f2f2 !important;
}

.ChartCell[b-1mo6f1jsju] {
    cursor: pointer;
    border: solid #f2f2f2;
}

.addingBtn[b-1mo6f1jsju] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/AdminPages/Dashboard/FleetDashboard.razor.rz.scp.css */
.DateControls[b-jjtuu1hwk1] {
    display: flex;
}

    .DateControls > div[b-jjtuu1hwk1] {
        width: 100%;
    }

        .DateControls > div > label[b-jjtuu1hwk1] {
            margin-left: 3px;
        }


.ButtonControls[b-jjtuu1hwk1] {
    margin: 3px;
}

.ButtonControls[b-jjtuu1hwk1] {
    margin-left: 0px;
    margin: 0px;
}

.InputControls[b-jjtuu1hwk1] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-jjtuu1hwk1] {
        padding: 10px;
    }

.PageContainer[b-jjtuu1hwk1] {
    position: relative;
}

.NumberDisplay[b-jjtuu1hwk1] {
    color: #C8252C;
    font-size: 40px;
}

.DoubleRow[b-jjtuu1hwk1] {
    display: flex;
}

.spaceMaker[b-jjtuu1hwk1] {
    width: 40px;
}

table[b-jjtuu1hwk1] {
    width: 99%;
}

.Title[b-jjtuu1hwk1] {
    width: 75%;
}

.imgItem[b-jjtuu1hwk1] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-jjtuu1hwk1] {
    max-width: 2% !important;
    max-width: 2% !important;
}

/*th, tr, td, table{
    background-color: white !important;    
}*/

th[b-jjtuu1hwk1] {
    font-weight: 700;
    text-align: center;
    border: solid 1px #e0e0e0;
    border-bottom: none;
}

/*td {
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
}*/

/*table{
    border: none !important;
    margin-bottom: 5px;
}*/

.lastcol[b-jjtuu1hwk1] {
    border-right: solid 1px #e0e0e0;
}

tr:nth-child(even)[b-jjtuu1hwk1] {
    background-color: #f2f2f2;
}

.DashboardTable[b-jjtuu1hwk1] {
    width: 99%;
}

#profileImg[b-jjtuu1hwk1] {
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    border-radius: 50%;
}

.ImgCell[b-jjtuu1hwk1] {
    text-align: left;
    width: 44px;
    height: 40px;
}

.pointer[b-jjtuu1hwk1] {
    cursor: pointer;
}


.addingBtn[b-jjtuu1hwk1] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/AdminPages/Dashboard/MediaIQDashboard.razor.rz.scp.css */
.DateControls[b-ku9qzufric] {
    display: flex;
}

    .DateControls > div[b-ku9qzufric] {
        width: 100%;
    }

        .DateControls > div > label[b-ku9qzufric] {
            margin-left: 3px;
        }


.ButtonControls[b-ku9qzufric] {
    margin: 3px;
}

.ButtonControls[b-ku9qzufric] {
    margin-left: 0px;
    margin: 0px;
}

.InputControls[b-ku9qzufric] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-ku9qzufric] {
        padding: 10px;
    }

.PageContainer[b-ku9qzufric] {
    position: relative;
}

.NumberDisplay[b-ku9qzufric] {
    color: #C8252C;
    font-size: 40px;
}

.DoubleRow[b-ku9qzufric] {
    display: flex;
}

.spaceMaker[b-ku9qzufric] {
    width: 40px;
}

table[b-ku9qzufric]{
    width: 99%;    
}

.Title[b-ku9qzufric]{
    width: 75%;
}

.imgItem[b-ku9qzufric] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-ku9qzufric] {
    max-width: 2% !important;
    max-width: 2% !important;
}

/*th, tr, td, table{
    background-color: white !important;    
}*/

th[b-ku9qzufric] {
    font-weight: 700;
    text-align: center;
    border: solid 1px #e0e0e0;
    border-bottom: none;
}

/*td {
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
}*/

/*table{
    border: none !important;
    margin-bottom: 5px;
}*/

.lastcol[b-ku9qzufric] {
    border-right: solid 1px #e0e0e0;
}

tr:nth-child(even)[b-ku9qzufric] {
    background-color: #f2f2f2;
}

.DashboardTable[b-ku9qzufric] {
    width: 99%;
}

#profileImg[b-ku9qzufric] {
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    border-radius: 50%;
}

.ImgCell[b-ku9qzufric] {
    text-align: left;
    width: 44px;
    height: 40px;
}

.pointer[b-ku9qzufric] {
    cursor: pointer;
}

.TopBrandsRow[b-ku9qzufric]{
    background-color: white !important;
}

.TopBrandHeader1[b-ku9qzufric]{
    width: fit-content !important;    
}

.TopBrandHeader2[b-ku9qzufric] {
    width: fit-content !important;
}

.TopBrandHeader3[b-ku9qzufric] {
    width: 100% !important;
}

.TopBrandsRow > td[b-ku9qzufric]{
    white-space: nowrap;
}

.ChartCell[b-ku9qzufric]{
    background-color: #C8252C;
    color: white;
    text-align: center;
    width: 50px !important;
}

.EmptyCell[b-ku9qzufric]{
    width: 50px !important;
}

.colorBack[b-ku9qzufric] {
    background-color: #f2f2f2 !important;
}

.ChartCell[b-ku9qzufric] {
    cursor: pointer;
    border: solid #f2f2f2;
}

.addingBtn[b-ku9qzufric] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/AdminPages/Dashboard/MonitorDashboard.razor.rz.scp.css */
.DateControls[b-qqavgietcs] {
    display: flex;
}

    .DateControls > div[b-qqavgietcs] {
        width: 100%;
    }

        .DateControls > div > label[b-qqavgietcs] {
            margin-left: 3px;
        }


.ButtonControls[b-qqavgietcs] {
    margin: 3px;
}

.ButtonControls[b-qqavgietcs] {
    margin-left: 0px;
    margin: 0px;
}

.InputControls[b-qqavgietcs] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-qqavgietcs] {
        padding: 10px;
    }

.PageContainer[b-qqavgietcs] {
    position: relative;
}

.NumberDisplay[b-qqavgietcs] {
    color: #C8252C;
    font-size: 40px;
}

.DoubleRow[b-qqavgietcs] {
    display: flex;
}

.spaceMaker[b-qqavgietcs] {
    width: 40px;
}

table[b-qqavgietcs] {
    width: 99%;
}

.Title[b-qqavgietcs] {
    width: 75%;
}

.imgItem[b-qqavgietcs] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-qqavgietcs] {
    max-width: 2% !important;
    max-width: 2% !important;
}

/*th, tr, td, table{
    background-color: white !important;    
}*/

th[b-qqavgietcs] {
    font-weight: 700;
    text-align: center;
    border: solid 1px #e0e0e0;
    border-bottom: none;
    word-wrap: break-word;
}

/*td {
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
}*/

/*table{
    border: none !important;
    margin-bottom: 5px;
}*/

.lastcol[b-qqavgietcs] {
    border-right: solid 1px #e0e0e0;
}

tr:nth-child(even)[b-qqavgietcs] {
    background-color: #f2f2f2;
}

.DashboardTable[b-qqavgietcs] {
    width: 99%;
}

#profileImg[b-qqavgietcs] {
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    border-radius: 50%;
}

.ImgCell[b-qqavgietcs] {
    text-align: left;
    width: 44px;
    height: 40px;
}

.pointer[b-qqavgietcs] {
    cursor: pointer;
}

.addingBtn[b-qqavgietcs] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/AdminPages/Dashboard/QuickPicDashboard.razor.rz.scp.css */
.DateControls[b-z6ruuptt4o] {
    display: flex;
}

    .DateControls > div[b-z6ruuptt4o] {
        width: 100%;
    }

        .DateControls > div > label[b-z6ruuptt4o] {
            margin-left: 3px;
        }


.ButtonControls[b-z6ruuptt4o] {
    margin: 3px;
}

.ButtonControls[b-z6ruuptt4o] {
    margin-left: 0px;
    margin: 0px;
}

.InputControls[b-z6ruuptt4o] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-z6ruuptt4o] {
        padding: 10px;
    }

.PageContainer[b-z6ruuptt4o] {
    position: relative;
}

.NumberDisplay[b-z6ruuptt4o] {
    color: #C8252C;
    font-size: 40px;
}

.DoubleRow[b-z6ruuptt4o] {
    display: flex;
}

.spaceMaker[b-z6ruuptt4o] {
    width: 40px;
}

table[b-z6ruuptt4o] {
    width: 99%;
}

.Title[b-z6ruuptt4o] {
    width: 75%;
}

.imgItem[b-z6ruuptt4o] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-z6ruuptt4o] {
    max-width: 2% !important;
    max-width: 2% !important;
}

/*th, tr, td, table{
    background-color: white !important;    
}*/

th[b-z6ruuptt4o] {
    font-weight: 700;
    text-align: center;
    border: solid 1px #e0e0e0;
    border-bottom: none;
    word-wrap: break-word;
}

/*td {
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
}*/

/*table{
    border: none !important;
    margin-bottom: 5px;
}*/

.lastcol[b-z6ruuptt4o] {
    border-right: solid 1px #e0e0e0;
}

tr:nth-child(even)[b-z6ruuptt4o] {
    background-color: #f2f2f2;
}

.DashboardTable[b-z6ruuptt4o] {
    width: 99%;
}

#profileImg[b-z6ruuptt4o] {
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    border-radius: 50%;
}

.ImgCell[b-z6ruuptt4o] {
    text-align: left;
    width: 44px;
    height: 40px;
}

.pointer[b-z6ruuptt4o] {
    cursor: pointer;
}

.addingBtn[b-z6ruuptt4o] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/AdminPages/Dashboard/TimelineDashboard.razor.rz.scp.css */
.DateControls[b-u0etj639so] {
    display: flex;
}

    .DateControls > div[b-u0etj639so] {
        width: 100%;
    }

        .DateControls > div > label[b-u0etj639so] {
            margin-left: 3px;
        }


.ButtonControls[b-u0etj639so] {
    margin: 3px;
}

.ButtonControls[b-u0etj639so] {
    margin-left: 0px;
    margin: 0px;
}

.InputControls[b-u0etj639so] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-u0etj639so] {
        padding: 10px;
    }

.PageContainer[b-u0etj639so] {
    position: relative;
}

.NumberDisplay[b-u0etj639so] {
    color: #C8252C;
    font-size: 40px;
}

.DoubleRow[b-u0etj639so] {
    display: flex;
}

.spaceMaker[b-u0etj639so] {
    width: 40px;
}

table[b-u0etj639so]{
    width: 99%;    
}

.Title[b-u0etj639so]{
    width: 75%;
}

.imgItem[b-u0etj639so] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-u0etj639so] {
    max-width: 2% !important;
    max-width: 2% !important;
}

/*th, tr, td, table{
    background-color: white !important;    
}*/

th[b-u0etj639so] {
    font-weight: 700;
    text-align: center;
    border: solid 1px #e0e0e0;
    border-bottom: none;
}

/*td {
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
}*/

/*table{
    border: none !important;
    margin-bottom: 5px;
}*/

.lastcol[b-u0etj639so] {
    border-right: solid 1px #e0e0e0;
}

tr:nth-child(even)[b-u0etj639so] {
    background-color: #f2f2f2;
}

.DashboardTable[b-u0etj639so] {
    width: 99%;
}

#profileImg[b-u0etj639so] {
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    border-radius: 50%;
}

.ImgCell[b-u0etj639so] {
    text-align: left;
    width: 44px;
    height: 40px;
}

.pointer[b-u0etj639so] {
    cursor: pointer;
}

.TopBrandsRow[b-u0etj639so]{
    background-color: white !important;
}

.TopBrandHeader1[b-u0etj639so]{
    width: fit-content !important;    
}

.TopBrandHeader2[b-u0etj639so] {
    width: fit-content !important;
}

.TopBrandHeader3[b-u0etj639so] {
    width: 100% !important;
}

.TopBrandsRow > td[b-u0etj639so]{
    white-space: nowrap;
}

.ChartCell[b-u0etj639so]{
    background-color: #C8252C;
    color: white;
    text-align: center;
    width: 50px !important;
}

.EmptyCell[b-u0etj639so]{
    width: 50px !important;
}

.colorBack[b-u0etj639so] {
    background-color: #f2f2f2 !important;
}

.ChartCell[b-u0etj639so] {
    cursor: pointer;
    border: solid #f2f2f2;
}

.addingBtn[b-u0etj639so] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/AdminPages/MailingLists/Categories.razor.rz.scp.css */
.SubMenuItems[b-8afmpofjps] {
    margin-left: 25px;
}

.tableControls[b-8afmpofjps]{
    display: flex;
}

.AddBrandContainer > button[b-8afmpofjps] {
    height: 36px !important;
    display: flex !important;
}

    .AddBrandContainer > button > div[b-8afmpofjps] {

    }

.RowBtn[b-8afmpofjps] {
    height: 30px;
    width: 30px !important;
    display: flex;
    text-align: center;
}


.RowSpan[b-8afmpofjps] {
    margin-top: -2px !important;
    margin-left: 4px !important;
}

.TableActions[b-8afmpofjps] {
    width: 5%;
}

.TableActionContainer[b-8afmpofjps] {
    display: flex;
}

#btnSave[b-8afmpofjps] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-8afmpofjps] {
        color: white !important;
        background-color: #42ada4 !important;
    }
/* _content/QuickPic3/Pages/AdminPages/MailingLists/EditMailingListUsers.razor.rz.scp.css */
.SubMenuItems[b-a2e98wat71] {
    margin-left: 25px;
}

.tableControls[b-a2e98wat71]{
    display: flex;
}

.DownloadMessage[b-a2e98wat71]{
    margin-left: auto;    
    width: fit-content;
    margin-right: auto;
    padding-top: 5px;
}
/* _content/QuickPic3/Pages/AdminPages/MailingLists/MailingLists.razor.rz.scp.css */
.SubMenuItems[b-opk95z674p] {
    margin-left: 25px;
}

.tableControls[b-opk95z674p] {
    display: flex;
    align-items: center;
}

.pagingComponent[b-opk95z674p] {
    width: 100%;
}

.AddBrandContainer > button[b-opk95z674p] {
    height: 36px !important;
    display: flex !important;
}

    .AddBrandContainer > button > div[b-opk95z674p] {
  
    }

.RowBtn[b-opk95z674p] {
    height: 30px;
    width: 30px !important;
    display: flex;
    text-align: center;
}


.RowSpan[b-opk95z674p] {
    margin-top: -2px !important;
    margin-left: 4px !important;    
}

.TableActions[b-opk95z674p]{    
    width: 5%;
}

.TableActionContainer[b-opk95z674p]{
    display: flex;
}

.CounterDisplay[b-opk95z674p] {
    width: 100px;
    margin-left: auto;
}

#btnSave[b-opk95z674p] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-opk95z674p] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.SearchContainer[b-opk95z674p] {
    width: 25%;
}

.ItemsPerPageDropdown[b-opk95z674p] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/AdminPages/Security/AutoSpecApiAccess.razor.rz.scp.css */
.SubMenuItems[b-lvstbyuf6t] {
    margin-left: 25px;
}

.tableControls[b-lvstbyuf6t]{
    display: flex;
    align-items: center;    
}

.pagingComponent[b-lvstbyuf6t]{
    width: 100%;
}

#btnSave[b-lvstbyuf6t] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-lvstbyuf6t] {
        color: white !important;
        background-color: #42ada4 !important;
    }
/* _content/QuickPic3/Pages/AdminPages/Security/Dealerships.razor.rz.scp.css */
.SubMenuItems[b-1bdfdupatf] {
    margin-left: 25px;
}

.tableControls[b-1bdfdupatf]{
    display: flex;
    align-items: center;    
}

.pagingComponent[b-1bdfdupatf]{
    width: 100%;
}

.brandsTable th:nth-child(1)[b-1bdfdupatf],
.brandsTable td:nth-child(1)[b-1bdfdupatf] {
    width: 20%;
}

.brandsTable th:nth-child(2)[b-1bdfdupatf],
.brandsTable td:nth-child(2)[b-1bdfdupatf] {
    width: 25%;
}

.brandsTable th:nth-child(3)[b-1bdfdupatf],
.brandsTable td:nth-child(3)[b-1bdfdupatf] {
    width: 40%;
}

.brandsTable th:nth-child(4)[b-1bdfdupatf],
.brandsTable td:nth-child(4)[b-1bdfdupatf] {
    width: 15%;
}

.BtnAddContainer[b-1bdfdupatf] {
    border: 1px solid #198754;
    align-content: end;
}

.BtnAdd[b-1bdfdupatf] {
    color: #198754;
}

.DealershipsContainer[b-1bdfdupatf] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 5px;
}

.DealerContainer[b-1bdfdupatf] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 2px;
}

.DealerItem:not(:last-child)[b-1bdfdupatf]::after {
    /*content: ", ";*/
    content: ",\00A0";
}

.spacemaker[b-1bdfdupatf] {
    margin-left: 5px;
}

.DealerItem[b-1bdfdupatf] {
    border: 1px solid #434a4f;
    border-radius: 5px;
    padding: 2px;
    display: flex;
}

.RemoveDealerShip[b-1bdfdupatf] {
    border: none;
    border-radius: 5px;
    margin-left: 3px;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    background-color: #C8252C;
    font-size: 14px;
}

.RemoveIcon[b-1bdfdupatf] {
    font-size: 14px;
    color: white;
    font-weight: 700;
    margin-left: -2px;
}

.AddIcon[b-1bdfdupatf] {
    font-size: 20px;
    color: #198754;
    background-color: transparent;

}

.AddDealerShipContainer[b-1bdfdupatf] {
    display: flex;
    align-items: center;
    align-content: center;
}

.InputCon[b-1bdfdupatf] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.AddDealerUsersCon[b-1bdfdupatf] {
    display: flex;
    flex-direction: column;
}

.dealer-select[b-1bdfdupatf] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    outline: none;
    height: 36px;
    border: 1px solid #b3b6b8;
    border-right: none;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    width: 100%;
    text-align: left;
    text-indent: 4px;
}

.top-button[b-1bdfdupatf] {
    height: 36px;
}

.top-text[b-1bdfdupatf] {
    margin-top: -8px;
}

    .top-text span[b-1bdfdupatf] {
        margin-top: 3px !important;
    }

.RightControls[b-1bdfdupatf] {
    margin-left: auto;
}

a[b-1bdfdupatf] {
    text-decoration: none;
    color: white;
}

    a:hover[b-1bdfdupatf] {
        text-decoration: none;
        color: white;
    }


.tableHeight[b-1bdfdupatf]{
    max-height: 480px;
    overflow-y: scroll;
    width: 100%;
}

.DealershipItem[b-1bdfdupatf] {
    display: flex;
    /*gap: 2px;*/
    border: 1px solid #434a4f;
    border-radius: 5px;
    padding: 2px;
}

#btnSave[b-1bdfdupatf] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-1bdfdupatf] {
        color: white !important;
        background-color: #42ada4 !important;
    }
/* _content/QuickPic3/Pages/AdminPages/Security/Domains.razor.rz.scp.css */
.SubMenuItems[b-4gwq4bum9u] {
    margin-left: 25px;
}

.tableControls[b-4gwq4bum9u]{
    display: flex;
    align-items: center;    
}

.pagingComponent[b-4gwq4bum9u]{
    width: 100%;
}

input[b-4gwq4bum9u]{
    height: 30px;
    width: 90%
}

select[b-4gwq4bum9u]{
    height: 30px;
    width: 90%;
}

#btnSave[b-4gwq4bum9u] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-4gwq4bum9u] {
        color: white !important;
        background-color: #42ada4 !important;
    }
/* _content/QuickPic3/Pages/AdminPages/Security/EditUser.razor.rz.scp.css */
.SubMenuItems[b-zq2mki3df5] {
    margin-left: 25px;
}

.mainContainer[b-zq2mki3df5] {
    margin: 15px;
}

   
.editIcon[b-zq2mki3df5]{

   margin-left:7px;
   margin-top:2px;
   cursor:pointer;
}

    .editIcon:hover[b-zq2mki3df5] {
        color: #C8252C;
    }
.NewCompanyContainer[b-zq2mki3df5] {
    width: 400px !important;
}

.leftColumn[b-zq2mki3df5] {
    width: 18%;
    align-items: center;
    
    margin-right: 0px;
}
button[b-zq2mki3df5]{
    width:30px;
    height:30px;
    display:flex;
   
}
.bgc_transparent span[b-zq2mki3df5] {
    display: flex;
    align-items: center;
    margin-left: auto !important;
    margin-right: auto !important;
}
.specialRight[b-zq2mki3df5]{
   margin-left:5px;
}

.specialRight2[b-zq2mki3df5] {
    margin-left: 5px;
}
#AddInfoTxt[b-zq2mki3df5] {
    border-radius: 7px;
    border: 1px solid #b3b6b8;
    width:98%;
    margin-left:4px;
}
.pswrdBtn[b-zq2mki3df5] {
    height: 30px;
    width:fit-content !important;
    align-items: center;
    display: flex;
}
.pswrdBtn span[b-zq2mki3df5]{
    margin-left:-10px !important;
}
.rightColumn[b-zq2mki3df5] {
  
    width: 75%;
}
.flexCon[b-zq2mki3df5]{
    display:flex;
    align-items:center;
}

.imageCol[b-zq2mki3df5] {
    width: 15%;
}

.addBtnContainer[b-zq2mki3df5] {
}

#Brandlogo[b-zq2mki3df5] {
    width: 150px;
    height: 75px;
}

#Adminlogo[b-zq2mki3df5] {
    width: 100px;
    height: 100px;
}

.ColelctiveBrandContainer > ul[b-zq2mki3df5] {
    text-decoration: none;
    list-style: none;
    column-count: 5;
    height: 100%;
    text-align: left;
}

.service-permission-list[b-zq2mki3df5] {
    text-decoration: none;
    list-style: none;
    column-count: 1;
    text-align: left;
}

.service-permission-item[b-zq2mki3df5] {
    display: block;
    padding-right: 15px;
    text-indent: -15px;
}

.service-permission-checkbox[b-zq2mki3df5] {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -3px;
    margin-left: 10px;
}

.listItemContainer[b-zq2mki3df5] {
    width: fit-content;
    align-items: center;
    padding-bottom: 5px;
}
.NameCol[b-zq2mki3df5]{
    width:10%;
}
.PubCol[b-zq2mki3df5] {
    width: 6%;
}
.DealerNameCol[b-zq2mki3df5] {
    width: 40%;
}
.colHead[b-zq2mki3df5] {
}
.permission-col[b-zq2mki3df5] {
    width: 11%;
    text-align: center;

}
.dealer-permission-col[b-zq2mki3df5]{
    width: 15%;
    text-align: center;
}
.cBrandCbx[b-zq2mki3df5] {
    width: fit-content;
}

.cBrandspn[b-zq2mki3df5] {
    width: fit-content;
    margin-left: 5px;
}

#ProfilePicture[b-zq2mki3df5] {
    display: inline-block;
    margin: 0.5rem 0;
    width: 2rem;
    height: 2rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/nouser.jpg);
    border-radius: 999rem;
}

.ColelctiveBrandContainer[b-zq2mki3df5] {
}



.resizeImage[b-zq2mki3df5] {
    max-width: 100%;
    max-height: 100%;
    width: 300px;
    height: auto;
}



form.brand-search input[type=text][b-zq2mki3df5] {
    padding: 5px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #f1f1f1;
}

form.brand-search button[b-zq2mki3df5] {
    float: left;
    width: 20%;
    padding: 5px;
    background: var(--brand-primary);
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

    form.brand-search button:hover[b-zq2mki3df5] {
        filter: brightness(0.9);
    }

form.brand-search[b-zq2mki3df5]::after {
    content: "";
    clear: both;
    display: table;
}

.permission-col[b-zq2mki3df5] {
    width: 6%;
    text-align: center;
}

.permission-table[b-zq2mki3df5] {
    overflow-y: scroll;
    height: 400px;
    display: block;
}

    .permission-table tr[b-zq2mki3df5], td[b-zq2mki3df5], th[b-zq2mki3df5] {
        border: 1px solid silver;
    }

.permission-header th[b-zq2mki3df5] {
    background: white;
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}
.fileLink[b-zq2mki3df5] {
    white-space:nowrap;
    cursor: pointer;
    color: #C8252C;
}
#ProfilePicture[b-zq2mki3df5] {
    cursor: pointer;
}
.cbxDiv[b-zq2mki3df5] {
    text-align: left;
    width: fit-content;
}

.cbxInput[b-zq2mki3df5]{    
    width: 20px;
}


.bottom-con[b-zq2mki3df5]{
    margin-left:auto;
    margin-right:auto;
    display:grid;
    grid-template-columns:50% 50%;
    
}

.bottom-item[b-zq2mki3df5]{
    width:100%!important;
    display:flex;
    flex-direction:column;
}


.FormBoxItemContainer[b-zq2mki3df5] {
    display: flex;
    width: 100%;
    align-items: center;

    min-height: 63px;
    max-height: 63px;
    border-bottom: 1px solid #ececed;

}


.activeItem[b-zq2mki3df5] {
    background-color: #C8252C;
    color: white !important;
    border-radius: 7px;
    display: flex;
    width: 100%;
    cursor: pointer !important;
}

.removeButton[b-zq2mki3df5] {
    //color: white;
    background-color: #C8252C;
    border: none;
    text-align: center;
    width: 30px;
    height: 30px;
    margin-left: auto;
}

.PublicationList[b-zq2mki3df5] {
    width: 100%;
    list-style: none;
    overflow-y: scroll;
}

.ListContainer[b-zq2mki3df5] {
    display: flex;
    height: 350px;
}

.TextBoxContainer[b-zq2mki3df5] {
    display: flex;
    width: 100%;
}

    .TextBoxContainer > div[b-zq2mki3df5] {
        width: 100%;
    }

.PublicationList > li[b-zq2mki3df5] {
    padding: 2px;
    cursor: pointer;
    white-space: nowrap;
}



    .PublicationList > li:hover[b-zq2mki3df5] {
        background-color: #C8252C;
        color: white;
        border-radius: 7px;
    }

.PublicationList[b-zq2mki3df5]{
    
}

.lblHeading[b-zq2mki3df5] {
    font-weight: 600;
    font-size: 14px;
}

.lblInitialPadding[b-zq2mki3df5] {
    padding-left: 10px;
    padding-right: 0px;
}

.lblPadding[b-zq2mki3df5] {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
}

.lblStatText[b-zq2mki3df5] {
    font-weight: 500;
    color: #C8252C;
    font-size: 14px;
}

.truncate[b-zq2mki3df5] {
    width: 60px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}

.CurrentPublicationItem[b-zq2mki3df5] {
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    padding: 5px;
    margin: 2px;
    width: fit-content;
    cursor: pointer;
    border: solid 1px #C8252C;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .CurrentPublicationItem:hover[b-zq2mki3df5]{
        color: #C8252C;
        background-color: white;        
    }

    .CurrentListContainer[b-zq2mki3df5] {
        display: flex;
        flex-wrap: wrap;
    }

.removeButton2[b-zq2mki3df5] {
    border: none;
    color: white;
    margin-left: 10px;
    height: 25px;
    width: 20px;
    background-color: #C8252C;
    text-align: center;
    justify-content: center;
    align-content: center;
    margin-top: -5px;
    background-color: transparent;
}
    .removeButton2:hover[b-zq2mki3df5] {
        color: #C8252C;
        background-color: white;
    }

    .LinkedPubHeaders[b-zq2mki3df5] {
        margin-top: 20px;
        font-size: 18px;
    }

#btnSave[b-zq2mki3df5] {
    background-color: #42ada4 !important;
    height: 32px !important;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
}
/* _content/QuickPic3/Pages/AdminPages/Security/ImportUser.razor.rz.scp.css */
.SubMenuItems[b-pdmm4pv97a] {
    margin-left: 25px;
}

.tableControls[b-pdmm4pv97a] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-pdmm4pv97a] {
    width: 100%;
}

.brandsTable td[b-pdmm4pv97a] {
    text-overflow: ellipsis;
}

.approveContainer[b-pdmm4pv97a] {
    text-align: center;
}

.approveButton[b-pdmm4pv97a] {
    border: solid #C8252C 1px;
    color: #C8252C;
}

    .approveButton:hover[b-pdmm4pv97a] {
        border: solid #42ada4 1px;
        color: #42ada4 !important;
    }

.CounterDisplay[b-pdmm4pv97a] {
    width: 100px;
    margin-left: auto;
}

.DateField[b-pdmm4pv97a] {
    width: 7% !important;
    white-space: nowrap;
}

.LeftControls[b-pdmm4pv97a] {
    width: 50%;
    display: flex;
}

.LefControlsButtons[b-pdmm4pv97a] {
    display: flex;
    margin-top: 5px;
}

.RightControls[b-pdmm4pv97a] {
    margin-left: auto;
}

th[b-pdmm4pv97a], td[b-pdmm4pv97a] {
    width: 200px;
}

th[b-pdmm4pv97a] {
    text-align: center;
}

.CompanySelect[b-pdmm4pv97a] {
    display: flex;
}

.BrandControls[b-pdmm4pv97a]{
    display: flex;
}

.HeaderTitle[b-pdmm4pv97a] {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 20px;
    width: 8%;
}

a[b-pdmm4pv97a]{
    text-decoration: none;
    color: white;
}

    a:hover[b-pdmm4pv97a]{
        text-decoration: none;
        color:white;
    }

.buttons[b-pdmm4pv97a] {
    display: flex;
    font-size: 12px !important;
    margin-top: 2px;
}

    .buttons>button[b-pdmm4pv97a]{
        width: 30px !important;
        height: 30px !important;
    }

.InvalidColumn[b-pdmm4pv97a] {
    color: white;
    background-color: #C8252C;
}

.ExistColumn[b-pdmm4pv97a] {
    color: white;
    background-color: #42ada4;
}

tr[b-pdmm4pv97a]{
    max-height: 40px;
}

.pagingComponent[b-pdmm4pv97a] {
    width: 100%;
}

.permissionContainer[b-pdmm4pv97a] {
    max-height: 550px;
    width: 100%;
    overflow-y: scroll;
}

.fileSelect[b-pdmm4pv97a]{
    margin-top: 4px;
}
/* _content/QuickPic3/Pages/AdminPages/Security/SurveyCreate.razor.rz.scp.css */
.MainContainer[b-58lg1gh73t]{
    
    background-color: white;
    padding: 10px;
    border-radius: 7px;
    margin-top: 10px;

}

table[b-58lg1gh73t] {
    width: 100%;
}

tbody > tr:nth-child(even)[b-58lg1gh73t] {
    background-color: #f1f1f1;
}

.MainContainer > button[b-58lg1gh73t]{
    background-color: #C8252C;
    color: white;
    height: 30px;
    border: none;
    border-radius: 7px;
    margin-bottom: 10px;
    margin-top: 10px;
}

td > button[b-58lg1gh73t] {
    background-color: white;
    border: solid 1px green;
    width: 30px;
    height: 30px;    
    border-radius: 7px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.downloadButton[b-58lg1gh73t]{
    color: #C8252C !important;
    border-color: #C8252C !important;
}

.grayButton[b-58lg1gh73t] {
    color: #434a4f;
    border-color: #434a4f;
}

.resizeImage[b-58lg1gh73t]{
    width: 200px !important;
    height: 200px !important;
}

.top-button[b-58lg1gh73t] {
    height: 36px;
}

.top-text[b-58lg1gh73t] {
    margin-top: -8px;
}

    .top-text span[b-58lg1gh73t] {
        margin-top: 3px !important;
    }

.saveEditButton[b-58lg1gh73t]{
    color: green !important;
    border-color: green !important;
}

#btnSave[b-58lg1gh73t] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-58lg1gh73t] {
        color: white !important;
        background-color: #42ada4 !important;
    }


.topBtnContainer[b-58lg1gh73t] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.filterContainer[b-58lg1gh73t] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-58lg1gh73t] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-58lg1gh73t] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dataTableTop[b-58lg1gh73t] {
    /*border: solid 2px;
    border-top: none;
    border-bottom: none;
    border-color: #e0e0e0;*/
    margin-top: 5px;
}

.dataTableBottom[b-58lg1gh73t] {
    padding: 5px 5px 5px 5px;
    overflow-x: auto;
}

.dataTable[b-58lg1gh73t] {
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    /*width: 99%;*/
}

.bookingsContainer[b-58lg1gh73t] {
    width: 100%; /* Ensures it does not expand the main table */
}

.surveyDataWrapper[b-58lg1gh73t] {
    overflow-x: auto;
    max-width: 100%;
}

.bookingsTable[b-58lg1gh73t] {
    /*width: max-content;*/ /* Ensures the table takes the necessary width */
    /*min-width: 100%;*/ /* Prevents it from shrinking below the container width */
}

    .bookingsTable th[b-58lg1gh73t], .bookingsTable td[b-58lg1gh73t] {
        /*white-space: normal;
        word-wrap: break-word;*/
    }

.NoData[b-58lg1gh73t] {
    text-align: center;
}

.PutInMiddle[b-58lg1gh73t]{
    text-align: center;
}
/* _content/QuickPic3/Pages/AdminPages/Security/SurveyCreator.razor.rz.scp.css */
.SurveyTitle[b-qo4qpay8p5]
{
    
}

.QuestionContainer[b-qo4qpay8p5]{    
    margin-top: 10px;
    margin-bottom: 10px;
}

.AllowMultiResponsesLabel[b-qo4qpay8p5]{
    white-space: nowrap;
}

.AllowMultiResponsesCbx[b-qo4qpay8p5]{
    margin-left: -10px;
}

    .UploadCustomLogoContainer > div[b-qo4qpay8p5] {

        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .DeleteCustomLogo[b-qo4qpay8p5] {
        background-color: #C8252C;
        color: white;
        border: none;
        border-radius: 7px;
        padding: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.PreviewButton[b-qo4qpay8p5] {
    background-color: #C8252C;
    color: white;
    margin-bottom: 5px;
    margin-top: 5px;
}

.SaveButton[b-qo4qpay8p5]{
    background-color: green;
    color: white;
}

.AddQuestionButton[b-qo4qpay8p5]{
    background-color: #434a4f;
    color: white;
}

.EditButton[b-qo4qpay8p5], .SaveQuestionButton[b-qo4qpay8p5] {
    color: white;
    background-color: green;
}

.RemoveButton[b-qo4qpay8p5]{
    color: white;
    background-color: #C8252C;
}

.AddOptionButton[b-qo4qpay8p5] {
    background-color: #434a4f;
    color: white;
}

.MainContainer[b-qo4qpay8p5]{
    width: 100%;
    margin: 0px !important;
}

.MainPageContainer[b-qo4qpay8p5] {
    display: flex;
    justify-content:center;
    width: 80%;
    overflow-y: auto;
}

.PageContainer[b-qo4qpay8p5] {
    width: 75%;
}

/*.SidebarContainer {
    width: 20%;
    height: 100%;
    margin-left: auto;
    position: absolute;
    right: 0px;
    top: 0;
    padding: 5px;
    box-shadow: #C8252C 0px 0px 10px 0px;
    background-color: white;
    min-width: 342px;
}*/

.SidebarContainer[b-qo4qpay8p5] {
    width: 20%;
    height: 100%;
    position: fixed; /* Change to fixed */
    right: 0px;
    top: 0;
    padding: 5px;
    box-shadow: #C8252C 0px 0px 10px 0px;
    background-color: white;
    min-width: 342px;
    z-index: 999; /* Ensures it stays on top of other elements */
}

.SidebarSection[b-qo4qpay8p5] {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 10px;
    justify-content: center;
}

/*.SidebarItem{
    border: solid red;
    padding: 5px;
    width: 85px;
    height: 85px;
    align-items: center;
    display: flex;text-align: center;
    cursor: pointer;
    border-radius: 7px;
}

.SidebarItem:hover{
    background-color: #C8252C;
    color: white;
}*/
    /*.SidebarItem2 {
    padding: 5px;
    border-radius: 7px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    border: 1px solid #ced4da;
}*/

    .SidebarItem[b-qo4qpay8p5] {
    padding: 8px;
    border-radius: 7px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    border: 1px solid #ced4da;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    height: 82px;
    width: 82px;
}

    .SidebarItem .mdi[b-qo4qpay8p5] {
        font-size: 24px;
    }

    .SidebarItem:hover[b-qo4qpay8p5] {
        box-shadow: 0px 0px 10px #C8252C;
    }

.isFocusedTab[b-qo4qpay8p5] {
    border-bottom: 2px solid #C8252C !important;
    background-color: white !important;
    color: #C8252C;
}

.TabDisable[b-qo4qpay8p5] {
    /*height: 23px;
    padding-right: 2px;
    padding-left: 2px;*/
    /*border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    /*position: relative;
    background-color: #b3b6b8;*/
    background-color: #eee;
    cursor: pointer;
}

.Tab[b-qo4qpay8p5] {
    /*height: 23px;
    padding-right: 2px;
    padding-left: 2px;*/
    /*border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    /*cursor: pointer;
    position: relative;
    border-bottom: 2px solid #b3b6b8;*/
    background-color: #eee;
    cursor: pointer;
}

    .Tab:hover[b-qo4qpay8p5] {
        background-color: #eee;
        color: #C8252C !important;
        border-bottom: 2px solid #C8252C !important;
    }

.tableControls[b-qo4qpay8p5] {
    flex: 0 1 auto;
}

.extraInfoLeft[b-qo4qpay8p5] {
    display: flex;
    flex-direction: row;
    float: left;
    padding: 5px;
    gap: 5px;
}

.QuestionnumberContainer[b-qo4qpay8p5]{
    
    width: fit-content;
    position: absolute;
    margin-top: 37px;
    margin-left: -5px;
    color: #C8252C;
}

    .QuestionnumberContainer > div[b-qo4qpay8p5]{
        color: #C8252C;
    }

.QuestionnumberTestContainer[b-qo4qpay8p5] {
    width: fit-content;
    /*position: absolute;*/
    margin-top: 37px;
    margin-left: -5px;
    color: #C8252C;
}

    .QuestionnumberTestContainer > div[b-qo4qpay8p5] {
        color: #C8252C;
    }

    .extraInfoRight[b-qo4qpay8p5] {
        display: flex;
        flex-direction: row;
        float: right;
    }

.extraInfoCenter[b-qo4qpay8p5] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 5px;
    gap: 5px;
}

.RowBtn[b-qo4qpay8p5] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-qo4qpay8p5] {
    margin-top: -2px !important;
}

.mt_15[b-qo4qpay8p5] {
    margin-top: -15px;
}

.SliderContainer[b-qo4qpay8p5] {
    width: 100%;
}

.sliderInput[b-qo4qpay8p5] {
    width: 100%;
}

.toggleOn[b-qo4qpay8p5] {
    color: #7b8083
}
.colloapseSpan[b-qo4qpay8p5] {
    color: #7b8083
}


.tabButton[b-qo4qpay8p5]{
    /*display: none !important;*/
}

.tabButton:hover[b-qo4qpay8p5] {
    color: #C8252C !important;
}

.SendSurveyItem[b-qo4qpay8p5]{
    display: flex;
    align-items: center;    
}

.SendSurveyItem > div:first-child[b-qo4qpay8p5]{
    width: 80px !important;    
}

    .SendSurveyItem > div:nth-child(2)[b-qo4qpay8p5] {
        width: 100% !important;        
    }


.overlay[b-qo4qpay8p5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.form-values[b-qo4qpay8p5] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
    position: fixed;
    right: 0;
    width: 18%;
    min-width: 325px;
    top: 40%;
}

.optionList[b-qo4qpay8p5] {
    margin-left: 15px;
    max-height: 255px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 5px;
    
    margin-right: 10px;
}

    .optionListButton > button[b-qo4qpay8p5] {
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .optionListButton > button > div[b-qo4qpay8p5] {
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        margin: 0px;        
        width: 100%;
    }

    .DealershipItem[b-qo4qpay8p5] {
        /*border: 1px solid #434a4f;*/
        border: 1px solid #ced4da;
        border-radius: 5px;
        padding: 2px 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }


.questionDescContainer[b-qo4qpay8p5]{
    margin-top: 0px;
}

.RemoveDealerShip[b-qo4qpay8p5] {
    border: none;
    border-radius: 5px;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    background-color: #C8252C;
    font-size: 14px;
}

.RemoveIcon[b-qo4qpay8p5] {
    font-size: 14px;
    color: white;
    font-weight: 700;
    margin-left: -2px;
}

.dropHere[b-qo4qpay8p5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.h-ml15[b-qo4qpay8p5]{
    margin-left: 10px;
}

.MainContainerPreview[b-qo4qpay8p5] {
    height: 100%;
    /*position: fixed;*/
    width: 100%;
    /*background-color: #F0F0F0 !important;    */
}

.SurveyContainer[b-qo4qpay8p5] {
    background-color: white;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.logoContainer[b-qo4qpay8p5] {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    min-width: 150px;
    margin-top: 10px;
}

    .logoContainer > img[b-qo4qpay8p5] {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

.extraInfoRightPreview[b-qo4qpay8p5] {
    display: flex;
    flex-direction: column;
    float: right;
    padding: 5px;
    gap: 5px;
    align-items: flex-end;
}

.tableControlsPreview[b-qo4qpay8p5] {
    flex: 0 1 auto;
}

.RadioContainer[b-qo4qpay8p5] {
    padding: 7px;
}

.radioBtn[b-qo4qpay8p5] {
    vertical-align: middle;
    padding: 5px;
    margin-top: -2px;
}

.labelBtn[b-qo4qpay8p5] {
    vertical-align: middle;
    padding: 5px;
    margin-left: 5px
}

.separator[b-qo4qpay8p5] {
    margin: 0px 10px;
    width: 100%;
    height: 1px;
    background-color: #b3b6b8;
}

.custom-font *[b-qo4qpay8p5] {
    font-family: var(--custom-font-family) !important;
}

.brandAccentColor[b-qo4qpay8p5] {
    accent-color: var(--survey-brand-primary) !important;
}

.brandColor[b-qo4qpay8p5] {
    color: var(--survey-brand-primary) !important;
}

.brandBackgroundColor[b-qo4qpay8p5] {
    background-color: var(--survey-brand-primary) !important;
}

.brandBorderColor[b-qo4qpay8p5] {
    border-color: var(--survey-brand-primary) !important;
}

.brandBorderTopBotColor[b-qo4qpay8p5] {
    border-top: solid var(--survey-brand-primary) !important;
    border-bottom: solid var(--survey-brand-primary) !important;
}

.surveySendMainContainer[b-qo4qpay8p5]{    
    border-radius: 7px;
    margin-top: 5px;       
}

.surveySendContainer[b-qo4qpay8p5] {
    
}

.surveySendContainer > div[b-qo4qpay8p5]{    
    
}

.surveySendContainer > div > div[b-qo4qpay8p5]{
    margin-top: 0px !important;
}

.mail-list-item[b-qo4qpay8p5] {
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
}

p[b-qo4qpay8p5] {
    align-self: center;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 5px;
}

.mail-list[b-qo4qpay8p5] {
    padding: 0px;
    list-style: none;
}

.mail-title[b-qo4qpay8p5] {
    font-weight: bold;
}

.ImportListContainer[b-qo4qpay8p5] {
    width: 1500px;
    display: flex;
    overflow-x: scroll;
    height: 500px;
    padding: 10px;
}

.ImportListContainer_TopRow[b-qo4qpay8p5]{
    display: flex;
}

.DownloadTemplate[b-qo4qpay8p5] {
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.ModalContainerMailingLists[b-qo4qpay8p5] {
    width: 1500px;
    display: flex;
    overflow-x: scroll;
}

.ModalContainerMailingLists > div[b-qo4qpay8p5]{
    padding: 5px;
}

.SelectedMailingListsDisplayContainer[b-qo4qpay8p5]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.MailingListItem[b-qo4qpay8p5]{
    padding: 5px;
    border: solid #808080 1px;
    margin: 5px;
    border-radius: 7px;
    background-color: rgba(0,0,0,0.1)
}

.MailingListItem:hover[b-qo4qpay8p5]{
    background-color: #C8252C;
    color: white;
    cursor: pointer;
}

.surveyDescInput[b-qo4qpay8p5]{
    width: 98%;
    margin-left: auto;
    margin-right: auto;    
    border-radius: 7px;
}

.previewQuestions[b-qo4qpay8p5]{
    margin-top: -1px;
    margin-left: -15px;
}
.TestAndSendContainer[b-qo4qpay8p5]{
    display: flex;
    align-items: center;
}

.TestAndSendContainer > .left[b-qo4qpay8p5]{
    width: 100%;
}

    .TestAndSendContainer > .right[b-qo4qpay8p5] {
        white-space: nowrap;
    }

.btnTestAndSend[b-qo4qpay8p5]{
    border: none;
    border-radius: 7px;
    background-color: #C8252C;
    color: white;
    padding: 10px;
    
    /*margin-right: 10px;*/
}

.btnTest[b-qo4qpay8p5] {
    border: 1px solid #7b8083;
    border-radius: 7px;
    background-color: transparent;
    color: #7b8083;
    padding: 10px 15px;
}

.btnSave[b-qo4qpay8p5] {
    border: 1px solid #7b8083;
    border-radius: 7px;
    background-color: #7b8083;
    color: white;
    padding: 10px 15px;
}

.btnSend[b-qo4qpay8p5] {
    border: 1px solid #C8252C;
    border-radius: 7px;
    background-color: #C8252C;
    color: white;
    padding: 10px 15px;
}

.btnBack[b-qo4qpay8p5] {
    display: flex;
    justify-content: flex-end;
    margin-right: -13px;
    margin-top: -10px;
}

.TopButtons[b-qo4qpay8p5] {
    display: flex;
    margin-left: auto;
    width: fit-content;
    margin-right: 20px;
    /*margin-top: 20px;*/
    gap: 10px;
}

.btnClose[b-qo4qpay8p5] {
    border: none;
    border-radius: 7px;
    /*background-color: var(--brand-tertiary,--default-tertiary);*/
    color: var(--brand-tertiary,--default-tertiary);
    display: flex;
    align-items: center;
    width: 40px;
    text-align: center !important;
    margin-left: 0px;
    cursor: pointer;
}



    .btnClose > div[b-qo4qpay8p5]{
        align-items: center;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 30px;
    }

    .testAndSendPreview[b-qo4qpay8p5] {
        width: 1500px;
        display: flex;
        height: 600px;
    }

.rightContainer[b-qo4qpay8p5] {    
    width: 40%;
    border-left: solid 1px #808080;
    padding: 20px;
}

.leftContainer[b-qo4qpay8p5]{
    width: 60%;    
}



.PreviewHeader[b-qo4qpay8p5]{
    align-items: center;    
    width: 100%;
    display: flex;
}

    .PreviewHeader > label[b-qo4qpay8p5] {
        font-size: 26px;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
    }

.Section[b-qo4qpay8p5] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.SectionLeft[b-qo4qpay8p5]{
    width: 100px;
}

.SendButton[b-qo4qpay8p5] {
    border: none;
    border-radius: 7px;
    background-color: #C8252C;
    color: white;
    padding: 10px;    
    width: 100%;
}

.SendButtonContainer[b-qo4qpay8p5]{    
    display: flex;
}

.SliderWords[b-qo4qpay8p5]{
    display: flex;
    width: 100%;
}

.moveMarginDown[b-qo4qpay8p5] {
    /*margin-bottom: -30px;
    bottom: -5px;*/
}

.QuestionEditingOnPageContainer[b-qo4qpay8p5]{
    margin-top: 10px !important;
    padding: 0px;
}

.OptionsContainerOnPage[b-qo4qpay8p5] {
    
    padding: 10px;
    border-radius: 7px;
    padding-bottom: 50px;
    box-shadow: #C8252C 0px 0px 10px 0px;
}

.optionList[b-qo4qpay8p5]{
    margin-bottom: 10px;
}

.DescriptionContainer > label[b-qo4qpay8p5] {
    color: #808080 !important;
    font-weight: 400 !important;
    font-size: 14px;
}

.ActiveButton[b-qo4qpay8p5]{
    background-color: #C8252C;
    color: white;
}

.TopContainerPreviewButtons > button[b-qo4qpay8p5]{
    border: none;
    border-radius: 7px;
    width: 100%;    
}

.TopContainerPreviewButtons[b-qo4qpay8p5]{    
    display: flex;
    padding-bottom: 5px;
}

.DesktopWidth[b-qo4qpay8p5]{    
    width: 90%;
}

.TabContainer[b-qo4qpay8p5]{
    /*width: 100%;*/
    display: flex !important;
    flex-direction: row;        
}

.tabItem[b-qo4qpay8p5]{
    
    display: inline;
}

.HomeSettingsItem[b-qo4qpay8p5]{
    height: 49px;
}

    .HomeSettingsItem > div[b-qo4qpay8p5]{
        white-space: nowrap;
    }

    .ItemDivider[b-qo4qpay8p5] {
        border-bottom: solid 1px rgba(0,0,0,0.2);
        margin: 5px;
        margin-left: 0px;
    }

.TextBoxInlineElement[b-qo4qpay8p5]{
    height: 79px;
}

.TextAreaInlineElement[b-qo4qpay8p5]{
    height: 69px;
}

.ImportListContainer[b-qo4qpay8p5] {
    display: flex;
    flex-direction: column;
    width: inherit;
}

.top-button[b-qo4qpay8p5] {
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.TableContainer[b-qo4qpay8p5]{    
    margin-top: 20px;
}

.TableContainer > table[b-qo4qpay8p5]{
    width: 100%;
}

.EditDescAndTitleContainer[b-qo4qpay8p5]{
    width: 1000px;
    padding: 10px;
}

.EditDescAndTitleContainer > div[b-qo4qpay8p5]{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.EditDescAndTitleContainer > div > div[b-qo4qpay8p5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    
}

.PutInOneLine[b-qo4qpay8p5]{
    white-space: nowrap !important;    
}

.TextBoxContainer[b-qo4qpay8p5]{    
    min-width: 150px !important;    
    max-width: 150px !important;
}

.NumberTextBoxContainer[b-qo4qpay8p5] {
    min-width: 30px !important;
    max-width: 70px !important;    
}

.SliderEditContainer[b-qo4qpay8p5], .SliderEditInnerChild[b-qo4qpay8p5] {
    display: flex;
    align-items: center;
}

.SliderEditInnerChild > div:nth-child(1)[b-qo4qpay8p5]{    
    width: 150px !important;
    min-width: 150px;    
}

    .SliderEditInnerChild > div:nth-child(2)[b-qo4qpay8p5] {        
        width: 150px !important;
        min-width: 150px;                
    }

.SliderEditChild[b-qo4qpay8p5] {
    
}

.SliderEditMainContainer[b-qo4qpay8p5]{
    display: flex;
    flex-direction: column;
}

.HelpImage[b-qo4qpay8p5]{
    width: 1000px;
}

.ChooseUsersContainer[b-qo4qpay8p5]{
    display: flex;
    align-items: center;
}

#btnSave[b-qo4qpay8p5] {
    background-color: #42ada4;
}
/* _content/QuickPic3/Pages/AdminPages/Security/SurveyMailingLists.razor.rz.scp.css */
.MainContainer[b-d0ryxjs90l]{
    
}

table[b-d0ryxjs90l] {
    width: 100%;
}

.MainContainer > button[b-d0ryxjs90l]{
    background-color: #C8252C;
    color: white;
    height: 30px;
    border: none;
    border-radius: 7px;
    margin-bottom: 10px;
    margin-top: 10px;
}

td > button[b-d0ryxjs90l] {
    background-color: white;
    border: solid 1px green;
    width: 30px;
    height: 30px;    
    border-radius: 7px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.downloadButton[b-d0ryxjs90l]{
    color: #C8252C !important;
    border-color: #C8252C !important;
}

.grayButton[b-d0ryxjs90l] {
    color: #434a4f;
    border-color: #434a4f;
}

.resizeImage[b-d0ryxjs90l]{
    width: 200px !important;
    height: 200px !important;
}

.AddUserButton[b-d0ryxjs90l]{
    background-color: #C8252C;
    color: white;
    border-radius: 4px;
    border: none;
    margin-left: 3px;
}

.ContactTable[b-d0ryxjs90l]{
    margin-top: 20px;
    min-width: 500px;
}
/* _content/QuickPic3/Pages/AdminPages/Security/SurveyResult.razor.rz.scp.css */
/*.MainContainer {
    height: 100%;
    width: 100%;
}*/

.MainContainer[b-3spy62ggj1] {
    height: 100%;
    /*position: fixed;*/
    width: 100%;
    overflow-y: scroll;
    /*background-color: #F0F0F0 !important;*/
}

.SurveyContainer[b-3spy62ggj1] {
    background-color: white;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.SurveyMargin[b-3spy62ggj1]{
    padding-bottom: 10px;
}
    /*.logoContainer {
    width: 40%;
    margin-left: auto;
    display: flex;
    min-width: 150px;
    margin-top: 10px;
}*/
    .logoContainer[b-3spy62ggj1] {
        width: 40%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        min-width: 150px;
        margin-top: 10px;
    }

    .logoContainer > img[b-3spy62ggj1] {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

table[b-3spy62ggj1] {
    width: 100%;
}

.permission-table[b-3spy62ggj1] {
    max-height: 500px;
    overflow-y: scroll;
}

.count[b-3spy62ggj1] {
    width: 15% !important;
    min-width: 80px;
}

.extraInfoRight[b-3spy62ggj1] {
    display: flex;
    flex-direction: column;
    float: right;
    padding: 5px;
    gap: 5px;
    align-items: flex-end;
}

.RowBtn[b-3spy62ggj1] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-3spy62ggj1] {
    margin-top: -2px !important;
}

.tableControls[b-3spy62ggj1] {
    display: flex;
    flex-direction: row;
}

.NoData[b-3spy62ggj1] {
    text-align: center;
}

.top-button[b-3spy62ggj1] {
    height: 36px;
}

.top-text[b-3spy62ggj1] {
    margin-top: -2px;
}

    .top-text span[b-3spy62ggj1] {
        margin-top: 3px !important;
    }

.Buttons[b-3spy62ggj1] {
    display: flex;
    float: right;
    gap: 5px;
}

.globalCharts[b-3spy62ggj1] {
    display: flex;
    justify-content: flex-end;
    margin-right: 70px;
}

@media only screen and (max-width: 1024px) {
    .logoContainer[b-3spy62ggj1] {
        display: none;
    }

}

.NPSTotal > td[b-3spy62ggj1], .NPSTitle[b-3spy62ggj1] {
    font-weight: bold !important;
}

.NPSTotal >td[b-3spy62ggj1]{
    background-color: black;
    color: white;
}

.npsTable > tr[b-3spy62ggj1] {
    border: solid 1px #e0e0e0;
}

.redBackGround >td[b-3spy62ggj1]{
    background-color: #C8252C;
    color: black !important;
}

.lighterBackGround > td[b-3spy62ggj1] {
    background-color: #FFF2CC;
    color: black;
}

.goodBackGround > td[b-3spy62ggj1] {
    background-color: #FFD966;
    color: black;
}

.greyBackGround > td[b-3spy62ggj1] {
    background-color: #E2EFDA;
    color: black;
}

.greenBackGround > td[b-3spy62ggj1] {
    background-color: #A9D08E;
    color: black;
}

.NPSTitle[b-3spy62ggj1] {
    background-color: #C8252C;
    color: white;
    text-align: center;
    font-size: 18px;
}

.darkgreyBackground[b-3spy62ggj1] {
    background-color: #BFBFBF;
    color: black;
    text-align: left;
    font-size: 12px;
}

.pager[b-3spy62ggj1]{
    display: flex;
    position: relative;
}

.pager >div[b-3spy62ggj1]{
    padding: 5px;
}

.pagerBtn[b-3spy62ggj1]{
    display: flex;
}

.pagerBtns[b-3spy62ggj1] {
    position: absolute;
    bottom: 0;
    right: 0;
}

.collapseButton[b-3spy62ggj1] {
    background-color: #7b8083 !important;
}
/* _content/QuickPic3/Pages/AdminPages/Security/SurveyTableFilter/SurveyTableFilter.razor.rz.scp.css */
.mainContent[b-1evhqcupqg] {    
    margin-top: 2%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
    width: 100%;
}

.btnSave[b-1evhqcupqg] {    
    margin-top: 10%;
    width: 100%;
    background-color: var(--brand-primary);
    color: #fff;
    border-radius: 5px;
}

    .btnSave:hover[b-1evhqcupqg] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.FilterString[b-1evhqcupqg] {
    border: solid 1px;
    font-weight: 300;
    text-transform: capitalize;
    border-radius: 7px;
    display: flex;
    margin: 2px;
    background-color: #C8252C;
    color: white;
    border-color: black;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.FilterStringsContainer[b-1evhqcupqg]{    
    display: flex;    
}

.filterIcon[b-1evhqcupqg]{
    font-size: 16px !important;
}

.filterButton[b-1evhqcupqg] {
    font-size: 16px !important;
}
/* _content/QuickPic3/Pages/AdminPages/Security/USerPopupTable.razor.rz.scp.css */
.SubMenuItems[b-thm253i9xr] {
    margin-left: 25px;
}

.tableControls[b-thm253i9xr]{
    display: flex;
    align-items: center;    
}

.pagingComponent[b-thm253i9xr]{
    width: 100%;
}

input[b-thm253i9xr]{
    height: 30px;
    width: 90%
}

select[b-thm253i9xr]{
    height: 30px;
    width: 90%;
}

.grayButton[b-thm253i9xr] {
    color: #434a4f;
    border-color: #434a4f;
}

.downloadButton[b-thm253i9xr] {
    color: #C8252C !important;
    border-color: #C8252C !important;
}

.cbSize[b-thm253i9xr] {
    height: 20px;
}

    .cbSize:disabled[b-thm253i9xr] {
        pointer-events: none;
        opacity: 1;
        filter: none;
        cursor: default;
    }
/* _content/QuickPic3/Pages/AdminPages/Security/UserProfileUpdate.razor.rz.scp.css */
.SubMenuItems[b-g92np1m2w6] {
    margin-left: 25px;
}

.tableControls[b-g92np1m2w6]{
    display: flex;
    align-items: center;    
}

.pagingComponent[b-g92np1m2w6]{
    width: 100%;
}

input[b-g92np1m2w6]{
    height: 30px;
    width: 90%
}

select[b-g92np1m2w6]{
    height: 30px;
    width: 90%;
}

.gutterCorrection[b-g92np1m2w6] {
    --bs-gutter-x: 0px !important;
}

.tableInput[b-g92np1m2w6] {
    width: 15px;
}

.topBtnContainer[b-g92np1m2w6] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.filterContainer[b-g92np1m2w6] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.top-button[b-g92np1m2w6] {
    height: 36px;
}

.top-text[b-g92np1m2w6] {
    margin-top: -8px;
}

    .top-text span[b-g92np1m2w6] {
        margin-top: 3px !important;
    }

.termsContainer[b-g92np1m2w6] {
    margin-top: 15px;
    padding: 5px;
    cursor: default;
}

.hyperlink[b-g92np1m2w6] {
    color: #C8252C;
    font-weight: 700;
    cursor: pointer;
}
/* _content/QuickPic3/Pages/AdminPages/Security/Users.razor.rz.scp.css */
.SubMenuItems[b-db72586hen] {
    margin-left: 25px;
}

.tableControls[b-db72586hen]{
    display: flex;
    align-items: center;    
}

.pagingComponent[b-db72586hen]{
    width: 100%;
}
.brandsTable td[b-db72586hen]{
    width:14.2%;
    text-overflow:ellipsis;
}
.approveContainer[b-db72586hen] {
    text-align: center;
}

.approveButton[b-db72586hen] {
    border: solid #C8252C 1px;
    color: #C8252C;
}

    .approveButton:hover[b-db72586hen] {
        border: solid #42ada4 1px;
        color: #42ada4 !important;
    }

.CounterDisplay[b-db72586hen]{
    width:100px;
    margin-left:auto;
}

.DateField[b-db72586hen]{
    width: 7% !important;
    white-space: nowrap;    
}

.SearchContainer[b-db72586hen] {
    width: 25%;
}

.ItemsPerPageDropdown[b-db72586hen] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/AutoSpec/Index.razor.rz.scp.css */
*[b-mms62cuku8] {
    color: #434a4f;
    
}

table[b-mms62cuku8]{
    border-bottom:1px;
}

td[b-mms62cuku8]{
   
 
}

.HideDesktop[b-mms62cuku8] {
    display: none;
}
.CloseIcon[b-mms62cuku8]{
    background-color:#C8252C;
    width:25px;
    height:25px;
    border-top-left-radius:7px;
    display:flex;
    align-items:center;
}

.CloseIcon span[b-mms62cuku8] {
    color: white;
    margin-left:2px;
    margin-top:2px;
}
    .CloseIcon:hover span[b-mms62cuku8]{
        color:#42ada4;
    }

.Page-Con[b-mms62cuku8] {
    width: 100%;
    height: 100%;
}
.MoreIconContainer svg[b-mms62cuku8] {
    transform: rotate(270deg);
}
.RatingIcon[b-mms62cuku8] {
    background-color: #C8252C;
    border: none;
    border-radius: 2px;
    display: flex;
    width: 17px;
    height: 23px;
    color: white;
    font-weight: 700;
    cursor: default;
    align-items: center;
    margin-right: -10px;
 padding:5px;
}
.FakeBtn[b-mms62cuku8] {
    width: 20px;
    height: 20px;
    margin-right: -10px;
}
.innerspecvalue[b-mms62cuku8] {
   
    text-align: center;
}
.innerspecSpaceFiller[b-mms62cuku8] {
   
    text-align: center;
}
.innerspecdiv[b-mms62cuku8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
}
#SelectVehicleLabel[b-mms62cuku8]{
    cursor: pointer;
}
.Title-con[b-mms62cuku8]{
    display:flex;
    align-items: center;
}

.titlecon[b-mms62cuku8] {
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
    .titlecon span[b-mms62cuku8] {
   
      
        margin-right: 12px;
        color: #C8252C;
        cursor: pointer;
        font-size: 18px;
    }
    .titlecon span:hover[b-mms62cuku8] {
       
        color:#42ada4;
       
    }
.grey[b-mms62cuku8] {
    color: #b3b6b8 !important;
}
.Arrow[b-mms62cuku8]{
    margin-right:5px;
}

.Title2[b-mms62cuku8] {
    cursor:pointer;
    margin-left:5px;
    color: #C8252C !important;
}
.Title[b-mms62cuku8] {
    cursor: pointer;
    margin-left: 5px;
    color: #434a4f !important;
}



.addContainer:hover[b-mms62cuku8] {
    border: 2px dashed #C8252C;
}



.leftcon[b-mms62cuku8] {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
   
    margin-bottom: auto;
}

    .leftcon div:nth-child(1)[b-mms62cuku8] {
        padding-right:15px;
        padding-left:2px;
        width:100%;
        margin: 4px;
        margin-top:0;
    }
    .leftcon div:nth-child(2)[b-mms62cuku8] {
        padding-right: 15px;
        padding-left: 2px;
        width: 100%;
        margin: 4px;
        margin-top: 0;
    }
    .leftcon div:nth-child(3)[b-mms62cuku8] {
        padding-right: 15px;
        padding-left: 2px;
        width: 100%;
        margin: 4px;
        margin-top: 0;
    }
.btn-clear[b-mms62cuku8] {
    /*background-color: var(--brand-primary);*/

    color: #fff;
    height: 37px;
    width:100% !important;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    font-size: 16px;
}
.Static-Top-Con[b-mms62cuku8] {
    position: sticky;
    width: 100%;
    height: 200px;
    display: flex;
    z-index:1;
}

.Red[b-mms62cuku8] {
    color: #C8252C;
}
.TopLeftCon[b-mms62cuku8] {
    width: 25%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*.innerTopLeftCon {

    width: 100% !important;
    display: flex;
    justify-content: space-between;
}

.innerTopLeftCon div {
  
    padding-right: 3px !important;
    padding-left: 0 !important;
    text-align:right;
}
    .innerTopLeftCon div:nth-child(1) {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: left;
    }
    .innerTopLeftCon div:nth-child(2) {
        padding-right: 0 !important;
        padding-left: 0 !important;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .innerTopLeftCon div:nth-child(3) {
        padding-right: 0 !important;
        padding-left: 0 !important;
        justify-content: center;
        display: flex;
        align-items: center;
    }*/
.innerTopLeftCon[b-mms62cuku8] {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: -5px;
}

    .innerTopLeftCon div[b-mms62cuku8] {
        flex: 1;
        text-align: center;
        padding: 0;
    }

        .innerTopLeftCon div:nth-child(1)[b-mms62cuku8] {
            text-align: left;
            padding-top: 2px;
            background-color: transparent;
            padding-right: 0px;
            margin: 0;
            margin-left: -2px;
        }

        .innerTopLeftCon div:nth-child(2)[b-mms62cuku8] {
            text-align: left;
            padding-top: 0;
            background-color: transparent;
            justify-content: center;
            display: flex;
            margin-top: 5px;
            display: flex;
            justify-content: center;
            padding: 0;
            margin-left: 12px;
        }

        .innerTopLeftCon div:nth-child(3)[b-mms62cuku8] {
            text-align: right;
            padding-right: 1px;
            margin: 0;
        }
   

.TopRightCon[b-mms62cuku8] {
    padding-bottom: 0;
    width: 75%;
    height: 100%;
    display: flex;
    align-items: center;
}

    .TopRightCon table[b-mms62cuku8] {
        width: 100%;
        height: 100%;
        border: none;
        border-collapse: collapse;
        table-layout: fixed;
    }

.vehicleImg[b-mms62cuku8] {
    cursor:pointer;
    background-size: cover;
    height: 100%;
    
    width: 100%;
    border-radius: 7px;

    background-position: center;
}
.addContainer[b-mms62cuku8] {
    display: flex;
    height: 100%;
    flex-direction: column;
    border: 2px dashed #7b8083;
    border-radius: 7px;
    cursor: pointer;
}

.addContainer span[b-mms62cuku8]{
   margin-top:20px;
    font-size:44px;
}

#SelectVehicleLabel[b-mms62cuku8] {
    margin-top: -15px;
    margin-bottom: -90px;
}

#imgRow[b-mms62cuku8] {
   

}
    #imgRow td[b-mms62cuku8] {
        border-left: 1px solid #e0e0e0 !important;
        border-right: 1px solid #e0e0e0 !important;
        height: 144px !important;
        text-align: center;
        padding: 5px !important;
        width: 18.75%;
        
       
    }
.rowtable[b-mms62cuku8]{
 
    border:none;
    table-layout:fixed;
}
#brandRow[b-mms62cuku8] {
   
}

    #brandRow td[b-mms62cuku8] {
        border-left: 1px solid #e0e0e0 !important;
        border-right: 1px solid #e0e0e0 !important;
        height: 28px !important;
        width: 18.75%;
        font-weight: 700;
        text-align: center;
    }

#modelRow[b-mms62cuku8] {
   
}

    #modelRow td[b-mms62cuku8] {
        border-left: 1px solid #e0e0e0 !important;
        border-right: 1px solid #e0e0e0 !important;
        height: 28px !important;
        width: 18.75%;
        text-align: center;
    }

.Bottom-Con[b-mms62cuku8] {
    width: 100%;
    height: 100%;
    max-height: 630px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none; /* Hide the scrollbar in Firefox */
    /*margin-top: 40px;*/
    -ms-overflow-style: none;
}


    /* Hide the scrollbar in Webkit-based browsers */
    .Bottom-Con[b-mms62cuku8]::-webkit-scrollbar {
        display: none;
    }





.Bottom-Con table[b-mms62cuku8] {
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 0px;
    width: 100%;
    height: 100%;
}
        .Bottom-Con table tr:nth-child(2n+1)[b-mms62cuku8] {
            background-color: #F0F0F0;
        }

#HeadingRow[b-mms62cuku8] {
   background-color:white !important;
 
}
    #HeadingRow td[b-mms62cuku8] {
        border: 1px solid #e0e0e0;
        width: 18.75%;
        font-size: 16px !important;
        color: #C8252C !important;
        height: 25px !important;
    }
        #HeadingRow td:nth-child(1)[b-mms62cuku8] {
            border: 1px solid #e0e0e0;
            width: 25.05%;
            border-left: none;
           
        }
          
.DisclaimerMessage[b-mms62cuku8] {
    text-transform: none;
    margin-top: -25px;
    z-index: 20;
    position: fixed;
    padding: 15px;
    font-size: 11px;
    height: fit-content;
    width: 450px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid #C8252C;
    transform: translateX(150px);
    
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}
.QPHead[b-mms62cuku8] {
    color: #C8252C;
    text-indent: 22px;
}
.disclaimer[b-mms62cuku8] {
   
    border:none;
  
    
    cursor:pointer;
   
    padding:0;
    background-color:white;
   
}
    .disclaimer span[b-mms62cuku8] {
        color: #C8252C;
        font-size: 20px;
    }

        .disclaimer span:hover[b-mms62cuku8] {
            color: #42ada4
        }
.SpecialTD[b-mms62cuku8] {
    align-items:center;
    padding-right:11px;
    display: flex;
    justify-content:space-between;
}
#NormalRow[b-mms62cuku8] {
}
    #NormalRow td[b-mms62cuku8] {
        border-left: 1px solid #e0e0e0 !important;
        border-right: 1px solid #e0e0e0 !important;
        width: 18.75%;
        text-align: center;
        height:25px !important;
    }
        #NormalRow td:nth-child(1)[b-mms62cuku8] {
            width: 25.05%;
            text-align: left;
       
            border-left: none !important;
            padding-left: 55px !important;
            text-indent: -20px;
        }



.popup[b-mms62cuku8] {
    margin-top: 25px;
    z-index: 20;
    position: fixed;
    height: 150px;
    width: 250px;
    background-color: whitesmoke;
    border-radius: 7px;
    border: 1px solid lightgray;
    transform: translateX(-78px);
    transition: height ease-in;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}




.rate-display-con[b-mms62cuku8] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    padding-right: 5px;
}

.rate-item[b-mms62cuku8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rate-stars[b-mms62cuku8] {
    display: flex;
    align-items: center;
}

.rate-label[b-mms62cuku8] {
    font-size:12px;
    font-weight: 700;
}

.Star-Con-mini[b-mms62cuku8] {
    max-width: 120px;
    min-width: 120px;
    height: 25px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.Star-Front-mini[b-mms62cuku8] {
    height: 100%;
    width: 100%;
    background-color: whitesmoke;
    opacity: 1;
    position: absolute;
    z-index: 10;
}


.hidden-div[b-mms62cuku8] {
    display: none;
  
}

.hoverable-div:hover .hidden-div[b-mms62cuku8] {
    display: block;
}


.Star-Back-mini[b-mms62cuku8] {
    border-radius: 20px;
    height: 100%;
    width: 100%;
    background-image: url(https://quickpicdevblobstorage.blob.core.windows.net/qp3/Stars.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    position: absolute;
    z-index: 5;
}

.point[b-mms62cuku8] {
    font-size: 13px;
    margin-right: 2px;
}

.ScoreHeadCon[b-mms62cuku8] {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
}
.scoreCon[b-mms62cuku8] {
    display: flex;
    align-items: center;
}

.innerScoreCon[b-mms62cuku8] {
    cursor: pointer;
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.ScoreTitle[b-mms62cuku8] {
    font-weight: 700;
    color: #C8252C;
}

.Star-Con[b-mms62cuku8] {
    max-width: 120px;
    min-width: 120px;
    height: 30px;
    border: 1px solid white;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.Star-Front[b-mms62cuku8] {
    height: 100%;
    width: 100%;
    border: 1px solid white;
    background-color: white;
    opacity: 1;
    position: absolute;
    z-index: 10;
}

.Star-Back[b-mms62cuku8] {
    border-radius: 20px;
    height: 100%;
    width: 100%;
    border: 1px solid white;
    background-image: url(https://quickpicdevblobstorage.blob.core.windows.net/qp3/Stars.png);
    background-size: contain;
    background-repeat: no-repeat;
    
    opacity: 1;
    position: absolute;
    z-index: 5;
}

.tabButton[b-mms62cuku8] {
    border: none;
    background-color: white;
    text-align: right;
    margin-left: auto;
   
    font-size: 18px;
    color: #808080;
    padding: 0px !important;
    cursor: pointer;
    white-space:nowrap;
}
    .tabButton:hover div[b-mms62cuku8] {
        color: #C8252C !important;
    }

    .tabButton:hover span[b-mms62cuku8] {
        color: #C8252C !important;
    }
.toggleOn[b-mms62cuku8] {
    color: #C8252C;
}

.colloapseSpan[b-mms62cuku8] {
    color: #C8252C;
    font-size: 15px;
}
.ForceRed div[b-mms62cuku8]{
    color: #C8252C !important;
}

.expandAll[b-mms62cuku8]{
    font-size: 15px;
}

.btn-clear-small[b-mms62cuku8] {
    /*background-color: var(--brand-primary);*/

    color: #fff;
    height: 37px;
    width: 70px;
    padding: 0;
    font-size: 16px;
    height: 40px !important;
    width: 60px !important;
}


.btn-clear:hover[b-mms62cuku8] {
    color: white !important; 
    background-color: #42ada4 !important;
}
.btn-clear-small:hover[b-mms62cuku8] {
    color: white !important;
    background-color: #42ada4 !important;
}










.DuoportaMessage[b-mms62cuku8] {
    margin-right: 5px;
    color: #b3b6b8;
    font-size: 10px;
    font-weight: 400;
}

#imageLogo[b-mms62cuku8] {
    width: 80px !important;
    border-radius: 7px;
}

.ImageContainer[b-mms62cuku8] {
    margin-left: auto;
    width: fit-content;
    margin-right: 20px;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.FilterTable[b-mms62cuku8]{
    border:none;
    width:100%;
    table-layout:fixed;
}
    .FilterTable td[b-mms62cuku8] {
        border: none;
        padding: 0 !important;
    }
    .FilterTable tr td:nth-child(1)[b-mms62cuku8] {
        padding: 2px !important;
        width: 15%;
    }
    .FilterTable tr td:nth-child(2)[b-mms62cuku8] {
      width:47%;
    }
    .FilterTable tr td:nth-child(3)[b-mms62cuku8] {
        width: 47%;
    }



.AddVehicleContainer[b-mms62cuku8] {
    width: 100%;
    border-radius: 5px;
}

.AddVehicle[b-mms62cuku8] {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.vehicledetails[b-mms62cuku8] {
    text-align: center;
    margin-left: 15px;
}
.filterDetails[b-mms62cuku8] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    width: 80%;
    height: 100%;
    margin-top:-10px;
    
}

.SearchCon[b-mms62cuku8] {
    width: 100%;
   
    
}
.filter-head[b-mms62cuku8] {
    display: flex;
    align-items: center;
}
.innerfilter[b-mms62cuku8] {
    margin-left: auto;
    margin-right: 10px;
    text-align: right !important;
    font-weight: 700;
    color: #434a4f;
}

.smallscreenhide[b-mms62cuku8]{
    display:unset;
}
.smallscreen[b-mms62cuku8] {
    display:none;
}



@media screen and (max-width: 1380px) {


    .smallscreenhide[b-mms62cuku8] {
        display: none;
    }

    .smallscreen[b-mms62cuku8] {
        display: unset;
    }


    
}


@media screen and (max-width: 1220px) {

    .Page-Con[b-mms62cuku8]{
      padding-right:30px;
    }
}


.Mobile-Top-Div[b-mms62cuku8] {
    
    height: 120px;
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 20;
  
    background-color: white;
}

.Mobile-Bot-Div[b-mms62cuku8] {
  
   
    height: 100%;
    width: 100%;
    border-bottom: none;
    margin-top: 46px;
  
}

    .Mobile-Bot-Div table[b-mms62cuku8] {
        width: 100%;
   
    }
        .Mobile-Bot-Div table tr:nth-child(2n+1)[b-mms62cuku8] {
            border-bottom: 1px solid #F0F0F0;
            border-top: 1px solid #F0F0F0;
        }

.Mobile-Top-Div table[b-mms62cuku8] {
    width: 100%;
    height: 120px;
    border-bottom: none;
   
}

.mImgRow[b-mms62cuku8] {
}

    .mImgRow td[b-mms62cuku8] {
        border:none;
        border-left: 1px solid #e0e0e0;
        padding: 0 !important;
        width: 33.333%;
        height: 60px !important;
    }

        .mImgRow td:nth-child(1)[b-mms62cuku8] {
            width: 36% !important;
        }
   
        .mImgRow td:nth-child(3)[b-mms62cuku8] {
            border: none;
            border-left: 1px solid #e0e0e0;
            border-right: 1px solid #e0e0e0;
            padding: 0 !important;
            width: 33.333%;
            height: 60px !important;
        }

.mBrandRow[b-mms62cuku8] {
}

    .mBrandRow td[b-mms62cuku8] {
        font-size: 13px;
        font-weight: 700 !important;
        border: none;
        border-left: 1px solid #e0e0e0;
        text-align: center;
        padding: 0 !important;
        width: 33.333%;
        height: 10px !important;
    }
        .mBrandRow td:nth-child(2)[b-mms62cuku8] {
            border: none;
            border-left: 1px solid #e0e0e0;
            border-right: 1px solid #e0e0e0;
            text-align: center;
            padding: 0 !important;
            width: 33.333%;
            height: 10px !important;
        }

.mModelRow[b-mms62cuku8] {
}

    .mModelRow td[b-mms62cuku8] {
        font-size:11px;
        border: none;
        border-left: 1px solid #e0e0e0;
        text-align: center;
        padding: 0 !important;
        width: 33.333%;
        height: 20px !important;
    }
        .mModelRow td:nth-child(2)[b-mms62cuku8] {
            border: none;
            border-left: 1px solid #e0e0e0;
            border-right: 1px solid #e0e0e0;
            text-align: center;
            padding: 0 !important;
            width: 33.333%;
            height: 20px !important;
        }
#mHeadingRow[b-mms62cuku8] {
    background-color: #F0F0F0BD !important;
    background-color: white;
    border-top: 1px solid #F0F0F0;
}

    #mHeadingRow:nth-child(1)[b-mms62cuku8] {
        background-color: white !important;
    }



    #mHeadingRow td[b-mms62cuku8] {
        height: 22px !important;
        border: none;
        border-left: 1px solid #e0e0e0;
        width: 33.333% !important;
        font-size: 14px;
   
        padding: 0 !important;
      
    }
    #mHeadingRow td:nth-child(1)[b-mms62cuku8] {
        height: 22px !important;
        border: none;
        border-left: 1px solid #e0e0e0;
        width: 36% !important;
        font-size: 14px;
        padding: 0 !important;
    }
   
    #mHeadingRow td:nth-child(3)[b-mms62cuku8] {
        border: none;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        width: 33.333% !important;
        font-size: 11px;
    }

#mHeadingRow:nth-child(1) td[b-mms62cuku8] {
    height: 35px !important;
    padding: 0 !important;
}

    #mHeadingRow:nth-child(1) td div[b-mms62cuku8]{
     
    }


#mNormalRow td:nth-child(1)[b-mms62cuku8] {
    padding-left:25px !important;
    font-weight: 600;
    padding-right:2px !important;
   
}

#mNormalRow td[b-mms62cuku8] {
    height:15px !important;
    border: none;
    border-left: 1px solid #e0e0e0;
    width: 33.333% !important;
    font-size: 13px;
    z-index: 1;
    padding:0 !important;
}
    #mNormalRow td:nth-child(3)[b-mms62cuku8] {
        border: none;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        width: 33.333% !important;
        font-size: 13px;
        z-index: 1;
    }

.Page-Con-Mobile[b-mms62cuku8] {
    width: 100%;
    height: 100%;
  
}

.mvehicleImg[b-mms62cuku8] {
    cursor: pointer;
    background-size: contain;
    height: 100%;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
}

.maddContainer[b-mms62cuku8] {
    display: flex;
    height: 100%;
    width:95%;
    margin-left:auto;
    margin-right:auto;
    flex-direction: column;
    border: 2px dashed #7b8083;
    border-radius: 7px;
    cursor: pointer;
    font-size:13px;
  
    
}
    .maddContainer label[b-mms62cuku8] {
        margin-right: auto;
        margin-left: auto;
    }
    .maddContainer span[b-mms62cuku8] {
      
        margin-right: auto;
        margin-left: auto;
   
        font-size: 34px;
    }

.mButtonCon[b-mms62cuku8] {
    padding: 20px;
    padding-bottom: 0;
    width: 100%;
   
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    padding-right: 0;
    padding-left: 0;
    gap: 30px;
}

    .mButtonCon button[b-mms62cuku8] {
        font-size: 12px;
        margin-right: 10px !important;
        width: 30px;
        height: 30px !important;
    }

.mButtonCon span[b-mms62cuku8]{
    font-size:10px;
}
.modal-con[b-mms62cuku8] {
   width:500px;
}
    @media (max-width: 800px) {

        .modal-con[b-mms62cuku8] {
            padding: 10px !important;
            width: 100%;
        }

        #mNormalRow[b-mms62cuku8]{
            word-break: break-word;
        }

        .mvehicleImg[b-mms62cuku8]{   
            height: 72px !important;
            background-size: cover;
        }

        .mVehicleCell[b-mms62cuku8]{
            height: 72px !important;
        }

        .CloseIcon[b-mms62cuku8] {
            background-color: #C8252C;
            width: 20px;
            height: 20px;
            border-top-left-radius: 7px;
            display: flex;
            align-items: center;
        }

        .CloseIcon span[b-mms62cuku8]{
            margin-left: 1px;
            font-size: 18px;
        }

        .CloseIcon span:hover[b-mms62cuku8]{
            color:#C8252C;
        }

        .Title[b-mms62cuku8] {
            font-weight: 700 !important;
        }
        .Title2[b-mms62cuku8] {
            font-weight: 700 !important;
        }
        .tabButton div[b-mms62cuku8] {
            display: flex;
            flex-direction: column;
            margin-top: -20px !important;
        }

        .clearButton[b-mms62cuku8]{
            text-align: center;
            margin-right: -8px;
        }

        .mButtonCon[b-mms62cuku8] {
            margin-top: -20px !important;
        }

            .mButtonCon span[b-mms62cuku8] {
                margin-top:-10px;
                font-size: 13px;
            }

        .innerfilter[b-mms62cuku8] {
            font-size: 12px;
            margin-left: auto;
            text-align: right !important;
            font-weight: 700;
            color: #434a4f;
        }

        .SpecialTD[b-mms62cuku8] {
          
            align-items: center;
            width: 100% !important;
        }

        .scoreCon[b-mms62cuku8] {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 25%;
        }

        .innerScoreCon[b-mms62cuku8] {
            margin-bottom: -11px;
        }

        .disclaimer[b-mms62cuku8] {
            margin-right: -30px;
        }

        .DisclaimerMessage[b-mms62cuku8] {
            width: 300px;
        }

        .QPHead[b-mms62cuku8] {
            font-weight: 700 !important;
        }

        .point[b-mms62cuku8] {
            font-size: 11px;
        }

        .Star-Con[b-mms62cuku8] {
            max-width: 90px !important;
            min-width: 90px !important;
            border: 1px solid transparent;
            border-radius: 20px;
            margin-bottom: -3.5px;
        }

        .mpopup[b-mms62cuku8] {
            position: fixed;
            margin-top: 45px;
            z-index: 20;
            height: 140px;
            width: 150px;
            background-color: whitesmoke;
            border-radius: 7px;
            border: 1px solid lightgray;
            left: 32%;
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
        }

        .mpopup2[b-mms62cuku8] {
            position: fixed;
            margin-top: 45px;
            z-index: 20;
            height: 140px;
            width: 150px;
            background-color: whitesmoke;
            border-radius: 7px;
            border: 1px solid lightgray;
            left: 54%;
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
        }

        .Star-Front[b-mms62cuku8] {
            height: 70%;
            width: 100%;
            border: 1px solid transparent;
            background-color: white;
            opacity: 1;
            position: absolute;
            z-index: 10;
        }

        .Star-Back[b-mms62cuku8] {
            border-radius: 20px;
            height: 100%;
            width: 100%;
            border: 1px solid transparent;
          
            background-image: url(https://quickpicdevblobstorage.blob.core.windows.net/qp3/Stars.png);
            background-size: contain;
            background-repeat: no-repeat;
            opacity: 1;
            position: absolute;
            z-index: 5;
        }
        .RatingIcon[b-mms62cuku8]{
            height:20px;
        }
        .Page-Con-Mobile div[b-mms62cuku8] {
            transform: translateX(-5px) !important;
        }

        .HideMobile[b-mms62cuku8] {
            display: none;
        }

        .HideDesktop[b-mms62cuku8] {
            display: contents;
        }

        .rate-display-con[b-mms62cuku8] {
            display: flex;
            flex-direction: column;
            padding: 10px;
            padding-right: 5px;
        }

        .rate-item[b-mms62cuku8] {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .rate-stars[b-mms62cuku8] {
            display: flex;
            align-items: center !important;
        }

            .rate-stars .point[b-mms62cuku8] {
                margin-top: -10px;
            }

        .rate-label[b-mms62cuku8] {
            font-size: 9px;
            font-weight: 700;
            margin-top: -10px;
        }

        .Star-Con-mini[b-mms62cuku8] {
            margin-left: 4px;
            max-width: 50px;
            min-width: 50px;
            height: 25px;
            border-radius: 20px;
            position: relative;
            overflow: hidden;
        }

        .Star-Front-mini[b-mms62cuku8] {
            display: flex;
            align-items: center;
            height: 100%;
            width: 100%;
            background-color: whitesmoke;
            opacity: 1;
            position: absolute;
            z-index: 10;
        }

        .Star-Back-mini[b-mms62cuku8] {
            border-radius: 20px;
            height: 100%;
            width: 100%;
            background-image: url(https://quickpicdevblobstorage.blob.core.windows.net/qp3/Stars.png);
            background-size: contain;
            background-repeat: no-repeat;
            opacity: 1;
            position: absolute;
            z-index: 5;
        }

        .disclaimer[b-mms62cuku8] {
            border: none;
            cursor: pointer;
            padding: 0;
            background-color: white;
            margin-right: 5px;
        }

        #mNormalRow > td[b-mms62cuku8] {
            font-size: 11px !important;
        }

        .Title[b-mms62cuku8]{
            font-size: 11px !important;
        }

        .Title2[b-mms62cuku8] {
            font-size: 11px !important;
        }


    }

    @media (max-width: 500px) {
        .Page-Con-Mobile div[b-mms62cuku8] {
            transform: translateX(0px) !important;
        }

        .HideMobile[b-mms62cuku8] {
            display: none;
        }

        .HideDesktop[b-mms62cuku8] {
            display: contents;
        }
    }

    @media (max-width: 450px) {
        .point[b-mms62cuku8] {
            display: none;
        }

        .rate-stars .point[b-mms62cuku8] {
            display: block;
        }

        .QPHead[b-mms62cuku8] {
            font-size: 15px;
        }

/*        .mdi-close {
            background-color: #C8252C !important;
            border-bottom-left-radius: 7px;
            border-top-right-radius: 7px !important;
            margin-right: -4px;
            margin-top: 20px !important;
        }
        .CloseIcon{
            display: flex
        }*/
    }

@media (max-width: 372px) {
    .mButtonCon span[b-mms62cuku8] {
   
        font-size: 12px !important;
    }
    #mHeadingRow td[b-mms62cuku8] {
     
        font-size: 14px !important;
      
    }
    #mNormalRow td[b-mms62cuku8] {
   
        font-size: 12px !important;
     
    }

    .mBrandRow td[b-mms62cuku8] {
        font-size: 12px !important;
 
    }

    .mModelRow td[b-mms62cuku8] {
        font-size: 11px !important;
      
    }

    .scoreCon[b-mms62cuku8]{
        margin-left: 5%;
    }
}


tr.non-heading-row td[b-mms62cuku8] {
    height: 30px;
    line-height: 30px;
    padding: 0;
}

tr.heading-row td[b-mms62cuku8]{
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

.RemovePadding[b-mms62cuku8] {
    padding: 0px !important;
}

.MediaClipContainer[b-mms62cuku8] {        
    height: 100%;
    cursor: pointer;
    display: contents;
}

.RemovePadding:hover[b-mms62cuku8] {
    font-weight: 700;
    background-color: #e0e0e0;
    /*background-color: rgba(0,0,0,0.4);*/
    /*background-color: #434a4f;*/
}

.RemovePadding:hover > div > div[b-mms62cuku8]{
    /*color: white !important;*/
}

.MediaClipPub[b-mms62cuku8] {
    font-weight: 700;
    font-size: 12px;
    color: #C8252C;
}

.MediaClipTitle[b-mms62cuku8] {
    font-size: 12px;
}

.MediaClipPub[b-mms62cuku8], .MediaClipTitle[b-mms62cuku8]{
    padding-left: 5px;
}

.MediaClipsTitle[b-mms62cuku8]{
    position: relative;
}

.MediaClipsTitle > div[b-mms62cuku8] {
    display: flex;
    height: 100%;
    align-items: start;
    margin-left: 16px;

    position: absolute;
    top: 0;
}

.clipsAnchorTag[b-mms62cuku8]{
    text-decoration: none;
}

tr#NormalRow.greenRow:nth-child(even)[b-mms62cuku8] {
    /*background-color: palegreen;*/
    color: darkgreen;
}

tr#NormalRow.greenRow:nth-child(odd)[b-mms62cuku8] {
    /*background-color: lightgreen;*/
    color: darkgreen;
}
/* _content/QuickPic3/Pages/AutoSpec/Timeline.razor.rz.scp.css */
.MainCon[b-0hluwle30x]
{
    width:100% !important;
    height:100% !important;
   display:flex;
   flex-direction:column;
   padding-top:10px;
   gap:10px;
   scrollbar-width:thin;
}

.ActionsBar[b-0hluwle30x] {
    width: 100%;
    height: 100px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    /*    background-color: rgba(255, 255, 255, 0.5);*/
    background-color: white;
    position: sticky;
    top: 0px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: start;
    padding-top: 10px;
    z-index: 100;
    padding-left: 15px;
    padding-right: 15px;
}

.BodyCon[b-0hluwle30x] {
    width: 100%;
    height: fit-content;
   
    border-radius: 7px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.DateInput[b-0hluwle30x]{
  
}

.BtnInput button[b-0hluwle30x]{
    margin-top:5px;
    border-radius:7px;
    color:white;
    background-color:#C8252C;
    border:none;
    align-items:center;
    justify-content:center;
    display:flex;
}
    .BtnInput button:hover[b-0hluwle30x] {
    
        background-color: #42ada4;
      
    }
.SpineHeading[b-0hluwle30x] {
    position: absolute;
    left: 50%;
    top: 80%;
   
    transform: translate(-50%, -50%);
    color: #C8252C;
    font-weight:bold;
    font-size:25px;
}

.Spine[b-0hluwle30x] {
    background-color: #b3b6b8;
    width: 6px;
    border-radius: 7px;
   
    position:relative;
}

.Dot[b-0hluwle30x]{
    position:absolute;
    border-radius:50%;
    background-color:#C8252C;
    width:15px;
    height:15px;
    left:-3.75px;
}

.DetailConRight[b-0hluwle30x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    width: 420px;
    max-width:500px;
    height: fit-content;
    border-radius: 7px;
    border: 1px solid #b3b6b8;
    background-color: white;
    right: -440px;
    top: -20px;
    z-index: 10;
    padding-bottom: 10px;
}
.DetailConLeft[b-0hluwle30x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    width: 420px;
  
    height: fit-content;
    border-radius: 7px;
    border: 1px solid #b3b6b8;
    background-color: white;
    left: -440px;
    top: -20px;
    z-index: 10;
    height: fit-content;
    padding-bottom: 10px;
}

/*.infoContainer {
    display: flex;
    flex-direction: column;
    width: 420px;
    height: fit-content;
}*/

/*.infoContainer {
    width: 100%;*/ /* Use full width, then adjust with max-width for consistency */
    /*max-width: 500px;*/ /* Match the timeline item width */
    /*margin: 0 auto;*/ /* Center the container */
    /*background-color: #fff;*/ /* Matches the background of your timeline items */
    /*padding: 10px 15px;*/ /* Adjust padding as needed */
    /*border-radius: 7px;*/ /* Optional: Rounded corners to match timeline style */
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/ /* Optional: shadow for a lifted effect */
/*}

    .infoContainer .row {
        display: flex;
        justify-content: space-between;*/ /* Space the items evenly */
        /*margin: 5px 0;*/ /* Adjust spacing between rows */
    /*}

    .infoContainer .col-6 {
        display: flex;
        justify-content: start;
        align-items: center;
        font-weight: bold;
    }*/


.infoContainer[b-0hluwle30x] {
    width: 100%;
    max-width: 880px; /* Adjust width to match timeline items */
    margin: 0 auto; /* Center the container */
    background-color: #fff;
    padding: 0 20px;
    border-radius: 7px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.PointArrowLeft[b-0hluwle30x] {
    z-index: 9;
    background-color: white;
    height: 18px;
    width: 18px;
    position: absolute;
    border-left: 1px solid #b3b6b8;
    border-top: 1px solid #b3b6b8;
    left: -10px;
    top: 18px;
    transform: rotate(-45deg);
}
.PointArrowRight[b-0hluwle30x] {
    z-index: 9;
    background-color: white;
    height: 18px;
    width: 18px;
    position: absolute;
    border-right: 1px solid #b3b6b8;
    border-bottom: 1px solid #b3b6b8;
    right: -10px;
    top: 18px;
    transform: rotate(-45deg);
}
.DateConRight[b-0hluwle30x] {
    position: absolute;
    width: 100px;
    height: 25px;
    right: -110px;
    top: -5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.DateConLeft[b-0hluwle30x] {
    position: absolute;
    width: 100px;
    height: 25px;
    left: -110px;
    top: -5px;
    display: flex;
    align-items: center;
    justify-content: right;
  
}
.Year[b-0hluwle30x] {
    position: absolute;
    border-radius: 4px;
    background-color: #C8252C;
    width: 80px;
    height: 30px;
    left: -37px;
    color: white;
    align-items: center;
    justify-content: center;
    display: flex;
}

.DetailHeader[b-0hluwle30x]{
    display:flex;
    justify-content:space-between;
    padding-right:15px;
    padding-left:15px;
}

.Header[b-0hluwle30x] {
    font-weight: bold;
    text-decoration: none;
    color: #434a4f;
    font-size:18px;
}
    .Header:hover[b-0hluwle30x] {
        color: #C8252C;
    }
.Chevron[b-0hluwle30x]{

}

.DisplayItem[b-0hluwle30x] {
    display: flex;
    justify-content: space-between;
    padding-right: 15px;
    padding-left: 15px;
    gap:10px;
}

.ItemText[b-0hluwle30x] {
    text-decoration: none;
    color: #434a4f;
    font-size:13px;
    white-space:nowrap;
  max-width:78%;
  text-overflow:ellipsis;
  overflow:hidden;
}
.DisplayItem:hover div[b-0hluwle30x] {
    color: #C8252C !important;
}
.DisplayItem:hover a[b-0hluwle30x] {
    color: #C8252C !important;
}
.Price[b-0hluwle30x] {
    font-size: 13px;
    text-decoration: none;
}

.MediaImg[b-0hluwle30x] {
    width: 100%;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    overflow:hidden;
}

    .MediaImg img[b-0hluwle30x] {

        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.DropDownBtn[b-0hluwle30x]{
    cursor:pointer;
}

.Loader[b-0hluwle30x]{

}

.NoHoverDiv:hover[b-0hluwle30x] {
    color: #434a4f;
    cursor:default;
}

.statText[b-0hluwle30x] {
    font-weight: 700;
    padding-left: 5px;
}

.dateInfo[b-0hluwle30x] {
    font-size: 21px;
    padding-bottom: 15px;
}
/* _content/QuickPic3/Pages/AutoVizia/AutoViziaEditor/AutoViziaEditor.razor.rz.scp.css */

*[b-i0qblumef7] {
    color: #434a4f !important;
}

.MainCon[b-i0qblumef7]{
    display:flex;
    flex-direction:column;
    gap:15px;
    align-items:center;
}

.Page[b-i0qblumef7] {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-color: white;
    height: 793px !important;
    width: 1122px !important;
    border: 1px solid #d1d0d0;
}

.PgNum[b-i0qblumef7]{
    position:absolute;
    right:-37px;
    bottom:20px;
    font-weight:bold;
}

.PageCon[b-i0qblumef7] {
   
    display: flex;
}
.PgSliderNum[b-i0qblumef7]{
    
    min-width:60px;
}


.PgIndicatorContainer[b-i0qblumef7] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 388px;
    padding: 10px;
    height: min-content;
}

.PgRightContainer[b-i0qblumef7] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 388px;
    padding: 10px;
    height: min-content;
    
}
.mdi-chevron-right[b-i0qblumef7]:before {
    font-size: 60px !important;
}
.mdi-chevron-left[b-i0qblumef7]:before {
    font-size: 60px !important;
}
.mdi-alpha-t[b-i0qblumef7] {
    font-size: 32px;
}


.PgIndicatorContainerRight[b-i0qblumef7] {
}

.trashIcon[b-i0qblumef7] {
    color: #C8252C !important;
}

.bgIcon[b-i0qblumef7] {
    color: #C8252C !important;
}

.pageArrow[b-i0qblumef7] {
    cursor: pointer;
    font-size: 30px !important;
}

.pageArrowActive:hover[b-i0qblumef7] {
    color: #C8252C !important;
}

.pageArrowDisabled[b-i0qblumef7] {
    color: #9e9e9e;
    cursor: not-allowed;
    pointer-events: none;
}

.Element[b-i0qblumef7] {
    image-rendering: crisp-edges;
    text-rendering: optimizeLegibility;
    height: 300px;
    width: 300px;
    position: absolute;
    transform-origin: center;
    z-index: 101;
    background-color: white;
}

.DisplayBarCon[b-i0qblumef7] {
    position: sticky;
    z-index: 50;
    top:10px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    border-radius: 7px;
    background-color: white;
    border: 1px solid #7b8083;
}

.Tabs[b-i0qblumef7] {
    margin-left: 7px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.DisplayBar[b-i0qblumef7] {
    display: flex;
    gap: 10px;
    padding: 10px;
  
    padding-bottom: 20px;
}

.PageSection[b-i0qblumef7] {
    position: relative;
    width: fit-content;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    gap:10px;
    border-right: 1px solid black;
}
.TabSection[b-i0qblumef7] {

    display:flex;
    width: fit-content;
   align-items:center;
    padding-right: 10px;
  
    border-right: 1px solid black;
}

#testit[b-i0qblumef7] {
    background: #0056b3;
    visibility: hidden !important;
    content: 'Select File'; /* Customize the button text */
    display: inline-block;
    background: #007bff; /* Button background color */
    color: #fff; /* Button text color */
    padding: 5px 10px;
    outline: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}


.Menu-Icon[b-i0qblumef7] {
    cursor: pointer;
    height: 32px !important;
    width: 32px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
}

    .Menu-Icon:hover[b-i0qblumef7] {
       
        background-color:#eee;
        color: #C8252C !important;
    }



.Title2[b-i0qblumef7] {
    font-size: 9px;
    position: absolute;
    top: 43px;
    font-weight: bold;
    
}

.SliderFlex[b-i0qblumef7]{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.SliderFlex2[b-i0qblumef7] {
    display: flex;
    gap: 10px;
    height:100%;
    align-items: center;
}
.TextIcon[b-i0qblumef7] {
    font-size: 22px;
    font-family: Iwata Kaisho Pro Demibold !important;
}

.SaveAndLoadSection[b-i0qblumef7] {
    display: flex;
    align-items: center;
}

.Tab[b-i0qblumef7] {
    height: 23px;
    padding-right: 2px;
    padding-left: 2px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    cursor: pointer;
    display:flex;
    align-items:center;
}

    .Tab:hover[b-i0qblumef7] {
        background-color: #eee;
        color: #C8252C !important;
    }

.isFocusedTab[b-i0qblumef7] {
    border-bottom: 2px solid #C8252C;
}

.ChartsSection[b-i0qblumef7] {
    position: relative;
    width: fit-content;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    gap:10px;
    display: flex;
    border-right: 1px solid black;
}

.TableSection[b-i0qblumef7] {
    position: relative;
    width: fit-content;
    align-items: center;
    gap: 10px;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid black;
}

.TextSection[b-i0qblumef7] {
    position: relative;
    width: fit-content;
    align-items: center;
    padding-right: 10px;
    gap: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid black;
}

.AutoSpecTableCon[b-i0qblumef7] {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: white;
    height: 793px;
    width: 1122px;
    border: 1px solid transparent;
}

.AutoSpecTableConPreview[b-i0qblumef7] {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: white;
    height: 132px;
    width: 187px;
    border: 1px solid transparent;
}


    .AutoSpecTableCon:hover[b-i0qblumef7] {
        cursor: pointer;
        transition: border 0.2s ease; /* Adjust timing here */
        border: 2px solid #C8252C;
    }

.EditAutoTableCon[b-i0qblumef7]{
    display:flex;
    gap:10px;
    min-width:900px;
}

.VehicleCon[b-i0qblumef7] {
    width: 40%;
}

.SpecCon[b-i0qblumef7]{
    width:40%;
}

.PropItem[b-i0qblumef7] {
  padding:10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PropLabel[b-i0qblumef7] {
    font-weight:bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PropInput[b-i0qblumef7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PropertiesCon[b-i0qblumef7] {
   
    width: 15%;
}


.PageDuplicationCon[b-i0qblumef7] {
    display: flex;
    gap: 10px;
    min-width: 900px;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.PagesContainer[b-i0qblumef7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 550px;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    width: 100%;
}

    /*.PagesContainer::-webkit-scrollbar {
        width: 10px;
        position: absolute;
        right: 0px;
    }

    .PagesContainer::-webkit-scrollbar-thumb {
        background-color: #888;
    }*/

    .PagesContainer[b-i0qblumef7]::-webkit-scrollbar-button {
        display: none;
    }

.SinglePageCon[b-i0qblumef7] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    padding: 5px;

    position: relative;
    user-select: none !important;
    cursor: default !important;
}

.cb_Pages[b-i0qblumef7] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    align-self: center;
}

.miniPageNum[b-i0qblumef7] {
    margin: 0 auto;
    align-self: flex-end;
}

.PageMini[b-i0qblumef7] {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-color: white;
    height: 132px !important;
    width: 187px !important;
    border: 1px solid #d1d0d0;
    overflow: hidden;
}

.DataSelectionor[b-i0qblumef7] {
    position: absolute;
    left: 10px;
    display: flex;
    flex-direction: column;
}

.InsertionIndicator[b-i0qblumef7] {
    position: absolute;
    top: calc(100% + 50px);
    left: 50%;
    transform: translateX(-50%);
}

.OptionContainer[b-i0qblumef7] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.Range-Icon[b-i0qblumef7] {
    cursor: pointer;
    height: 20px !important;
    width: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;    
}

    .Range-Icon:hover[b-i0qblumef7] {
        background-color: #eee !important;
        color: #C8252C !important;
    }

.rangeActive[b-i0qblumef7] {
    color: #C8252C !important;
}

.saveBtn[b-i0qblumef7] {
    border: none;
    color: white !important;
    background-color: #C8252C;
    padding-right: 15px !important;
    padding-left: 15px !important;
    cursor: pointer;
    border-radius: 7px;
    display: flex;
    align-items: center;
    height: 35px;
}


    .saveBtn:hover[b-i0qblumef7] {
        background-color: #42ada4;
    }

.saveButton[b-i0qblumef7] {
    border: none;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    cursor: pointer;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    background-color: var(--brand-primary, --default-primary);
    color: #fff !important;
    margin: .25rem !important;
    height: 34px;
    display: flex;
    align-items: center;
    background-color: #42ada4;
}

    .saveButton:hover[b-i0qblumef7] {
        background-color: #42ada4;
    }

.ElementBorder[b-i0qblumef7] {
    border: 1px solid #d1d0d0;
    border-radius: 5px;
}

.DSConfigLabel[b-i0qblumef7] {
    display:flex;
    position:center;
}

.DSDataList[b-i0qblumef7]{
    display: flex;
    flex-direction: column;
}

.DuplicationSelector[b-i0qblumef7] {
    position: absolute;
    top: 550px;
    right: 15px;
}

.DSlbl[b-i0qblumef7] {
    display: flex;
    align-items: center;
    text-align: center;
}

span[b-i0qblumef7] {
    color: inherit !important;
}
/* _content/QuickPic3/Pages/AutoVizia/AutoViziaReports.razor.rz.scp.css */
.Top-Con[b-jlt6sfzedu] {
    
}


.Bot-Con[b-jlt6sfzedu]{
    width:100%;
}
    .Bot-Con table[b-jlt6sfzedu] {
        margin-top:7px;
        width: 100%;
        table-layout: fixed;
    }



.AddBtn[b-jlt6sfzedu] {
    color: white;
    background-color: #C8252C; 
    border-radius: 7px;
    border: 1px solid #C8252C;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .AddBtn:hover[b-jlt6sfzedu] {
        border: 1px solid #42ada4;
        background-color: #42ada4;
    }

#btnSave[b-jlt6sfzedu] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-jlt6sfzedu] {
        color: white !important;
        background-color: #42ada4 !important;
    }
/* _content/QuickPic3/Pages/Dealerkit/Admin/CampaignManagement.razor.rz.scp.css */
.topBtnContainer[b-iij86toakq] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-iij86toakq] {
    flex: 0 1 auto;
}

.top-button[b-iij86toakq] {
    height: 36px;
}

.top-text[b-iij86toakq] {
    margin-top: -8px;
}

    .top-text span[b-iij86toakq] {
        margin-top: 3px !important;
    }

.filterContainer[b-iij86toakq] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-iij86toakq] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-iij86toakq] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.readonly-checkbox[b-iij86toakq] {
    pointer-events: none;
    opacity: 1;
}

    .readonly-checkbox:checked[b-iij86toakq] {
        background-color: initial;
    }

.permission-col[b-iij86toakq] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-iij86toakq] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-iij86toakq] {
    margin-top: -2px !important;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/DealerVINImporter.razor.rz.scp.css */
table[b-mha8teuh1h]
{
    width: 100%;
}

.TableContainer[b-mha8teuh1h]{
    
}

.tableControls[b-mha8teuh1h]{
    display: flex;
    align-items: center;
}

table > thead:first-child[b-mha8teuh1h] {
    border-top: solid #e0e0e0 2px;
}

td > button[b-mha8teuh1h]{
    height: 30px;
    width: 30px;
}

.expenseButtons > button[b-mha8teuh1h] {
    height: 30px;
    width: 30px;
}

.tableButton[b-mha8teuh1h] {
    height: 30px;
    width: 30px;
    margin-left: -4px;
    margin-top: -5px !important;
    display: flex;
}

.MainContainer[b-mha8teuh1h]{
    margin: 20px;
}

.addPopup[b-mha8teuh1h] {
    display: flex;
    flex-direction: column;
    width: 500px;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/FaultCodeManagement.razor.rz.scp.css */
.topBtnContainer[b-xrqvzvkd60] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-xrqvzvkd60] {
    flex: 0 1 auto;
}

.top-button[b-xrqvzvkd60] {
    height: 36px;
}

.top-text[b-xrqvzvkd60] {
    margin-top: -8px;
}

    .top-text span[b-xrqvzvkd60] {
        margin-top: 3px !important;
    }

.filterContainer[b-xrqvzvkd60] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-xrqvzvkd60] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-xrqvzvkd60] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.readonly-checkbox[b-xrqvzvkd60] {
    pointer-events: none;
    opacity: 1;
}

    .readonly-checkbox:checked[b-xrqvzvkd60] {
        background-color: initial;
    }

.permission-col[b-xrqvzvkd60] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-xrqvzvkd60] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-xrqvzvkd60] {
    margin-top: -2px !important;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/FormPermissions.razor.rz.scp.css */
.tableControls[b-kupasa15j5] {
    display: flex;
    align-items: center;
}

.pagingComponent[b-kupasa15j5] {
    width: 100%;
}

.HeaderMain[b-kupasa15j5] {
    font-size: 20px;
    font-weight: bold;
}

.SaveButtonContainer > button[b-kupasa15j5]{
    border: none;
    border-radius: 4px;
    background-color: #C8252C;
    color: white;
    padding: 5px;    
    margin-left: 10px;
    height: 36px;
}

.forceWrap[b-kupasa15j5] {
    white-space: pre-wrap;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/ManageDealerships.razor.rz.scp.css */
.topBtnContainer[b-s0ny5j1qj6] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.pagingComponent[b-s0ny5j1qj6] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filterContainer[b-s0ny5j1qj6] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-s0ny5j1qj6] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.q_btn_m_div[b-s0ny5j1qj6] {
    margin-top: -7px;
}

.h5[b-s0ny5j1qj6]{
    font-size: 1.25rem;
}

.addPopup[b-s0ny5j1qj6] {
    display: flex;
    display: table-column;
    width: 260px;
}

.popupContainer[b-s0ny5j1qj6] {
    display: flex;
    width: 100%;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/OpenForms.razor.rz.scp.css */

.topBtnContainer[b-eo7l502odm] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-eo7l502odm] {
    flex: 0 1 auto;
}

.filterContainer[b-eo7l502odm] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-eo7l502odm] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-eo7l502odm] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-eo7l502odm] {
    height: 36px;
}

.top-text[b-eo7l502odm] {
    margin-top: -8px;
}

    .top-text span[b-eo7l502odm] {
        margin-top: 3px !important;
    }

.btnDisabled[b-eo7l502odm] {
    opacity: 0.3;
}

.RowBtn[b-eo7l502odm] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-eo7l502odm] {
    margin-top: -2px !important;
}

.IdCol[b-eo7l502odm] {
    width: 6%;
    min-width: 60px;
}

.BookCol[b-eo7l502odm] {
    width: 12%;
    min-width: 115px;
}

.DaysCol[b-eo7l502odm] {
    width: 6%;
    min-width: 60px;
}

.NameCol[b-eo7l502odm] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-eo7l502odm] {
    width: 12%;
    min-width: 70px;
}

.StatCol[b-eo7l502odm] {
    width: 10%;
    min-width: 65px;
}

.permission-col[b-eo7l502odm] {
    width: 5% !important;
    min-width: 80px;
}

.search-table[b-eo7l502odm] {
    position: sticky;
    top: 0;
}

.table-container[b-eo7l502odm] {
    max-height: 500px;
    overflow-y: auto;
    position: relative;
}

.NoData[b-eo7l502odm] {
    text-align: center;
}

.permission-section[b-eo7l502odm] {
    overflow-x: scroll;
}

.permission-table[b-eo7l502odm] {
    min-width: 830px;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/PartFormPermissions.razor.rz.scp.css */
.tableControls[b-9hd4y1mxg8] {
    display: flex;
    align-items: center;
}

.pagingComponent[b-9hd4y1mxg8] {
    width: 100%;
}

.HeaderMain[b-9hd4y1mxg8] {
    font-size: 20px;
    font-weight: bold;
}

.SaveButtonContainer > button[b-9hd4y1mxg8] {
    border: none;
    border-radius: 4px;
    background-color: #C8252C;
    color: white;
    padding: 5px;
    margin-left: 10px;
    height: 36px;
}

.forceWrap[b-9hd4y1mxg8]{
    white-space: pre-wrap;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/PartsReportingPage.razor.rz.scp.css */
.TopRow[b-xwxamu0upd]{
    background-color: white;
    padding: 10px;
    margin-top: 10px;
    border-radius: 7px;
}

.TopRow > div[b-xwxamu0upd]{
    margin-top: 5px;
    margin-bottom: 5px;
}

.Dates[b-xwxamu0upd] {
    display: flex;
}

.Dates > div[b-xwxamu0upd]{
    width: 100%;
}

.Dates > div > label[b-xwxamu0upd]{
    margin-left: 5px;
}

.downloadButton[b-xwxamu0upd] {
    background-color: #C8252C;
    color: white;
    border-radius: 5px;
    border: none;
}

table[b-xwxamu0upd]{
    width: 500px !important;
}

thead[b-xwxamu0upd] {
    border-top: solid #e0e0e0 2px;
    border-bottom: solid #e0e0e0 2px;
}


.fakeButton[b-xwxamu0upd] {
    background-color: #C8252C;
    border-radius: 7px;
    height: 30px !important;
    width: 60px;
    display: flex;
    align-items: center;
}

a[b-xwxamu0upd] {
    color: white;
    text-decoration: none;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

a:hover[b-xwxamu0upd]{
    color: white;
}

.top-button[b-xwxamu0upd] {
    height: 36px;
}

.top-text[b-xwxamu0upd] {
    margin-top: -8px;
}

    .top-text span[b-xwxamu0upd] {
        margin-top: 3px !important;
    }
/* _content/QuickPic3/Pages/Dealerkit/Admin/RcuManagement.razor.rz.scp.css */
.topBtnContainer[b-581czu5kn8] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-581czu5kn8] {
    flex: 0 1 auto;
}

.top-button[b-581czu5kn8] {
    height: 36px;
}

.top-text[b-581czu5kn8] {
    margin-top: -8px;
}

    .top-text span[b-581czu5kn8] {
        margin-top: 3px !important;
    }

.filterContainer[b-581czu5kn8] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-581czu5kn8] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-581czu5kn8] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.readonly-checkbox[b-581czu5kn8] {
    pointer-events: none;
    opacity: 1;
}

    .readonly-checkbox:checked[b-581czu5kn8] {
        background-color: initial;
    }

.permission-col[b-581czu5kn8] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-581czu5kn8] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-581czu5kn8] {
    margin-top: -2px !important;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/ReportingPage.razor.rz.scp.css */
.TopRow[b-q5znz0j3b4]{
    background-color: white;
    padding: 10px;
    margin-top: 10px;
    border-radius: 7px;
}

.TopRow > div[b-q5znz0j3b4]{
    margin-top: 5px;
    margin-bottom: 5px;
}

.Dates[b-q5znz0j3b4] {
    display: flex;
}

.Dates > div[b-q5znz0j3b4]{
    width: 100%;
}

.Dates > div > label[b-q5znz0j3b4]{
    margin-left: 5px;
}

.downloadButton[b-q5znz0j3b4] {
    background-color: #C8252C;
    color: white;
    border-radius: 5px;
    border: none;
}

table[b-q5znz0j3b4]{
    width: 500px !important;
}

thead[b-q5znz0j3b4] {
    border-top: solid #e0e0e0 2px;
    border-bottom: solid #e0e0e0 2px;
}


.fakeButton[b-q5znz0j3b4] {
    background-color: #C8252C;
    border-radius: 7px;
    height: 30px !important;
    width: 60px;
    display: flex;
    align-items: center;
}

a[b-q5znz0j3b4] {
    color: white;
    text-decoration: none;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

a:hover[b-q5znz0j3b4]{
    color: white;
}

.top-button[b-q5znz0j3b4] {
    height: 36px;
}

.top-text[b-q5znz0j3b4] {
    margin-top: -8px;
}

    .top-text span[b-q5znz0j3b4] {
        margin-top: 3px !important;
    }
/* _content/QuickPic3/Pages/Dealerkit/Admin/SaleFormPermissions.razor.rz.scp.css */
.tableControls[b-pc61lfc1c3] {
    display: flex;
    align-items: center;
}

.pagingComponent[b-pc61lfc1c3] {
    width: 100%;
}

.HeaderMain[b-pc61lfc1c3] {
    font-size: 20px;
    font-weight: bold;
}

.SaveButtonContainer > button[b-pc61lfc1c3] {
    border: none;
    border-radius: 4px;
    background-color: #C8252C;
    color: white;
    padding: 5px;
    margin-left: 10px;
    height: 36px;
}

.forceWrap[b-pc61lfc1c3]{
    white-space: pre-wrap;
}
/* _content/QuickPic3/Pages/Dealerkit/Admin/SaleReportingPage.razor.rz.scp.css */
.TopRow[b-hshn03g48i]{
    background-color: white;
    padding: 10px;
    margin-top: 10px;
    border-radius: 7px;
}

.TopRow > div[b-hshn03g48i]{
    margin-top: 5px;
    margin-bottom: 5px;
}

.Dates[b-hshn03g48i] {
    display: flex;
}

.Dates > div[b-hshn03g48i]{
    width: 100%;
}

.Dates > div > label[b-hshn03g48i]{
    margin-left: 5px;
}

.downloadButton[b-hshn03g48i] {
    background-color: #C8252C;
    color: white;
    border-radius: 5px;
    border: none;
}

table[b-hshn03g48i]{
    width: 500px !important;
}

thead[b-hshn03g48i] {
    border-top: solid #e0e0e0 2px;
    border-bottom: solid #e0e0e0 2px;
}


.fakeButton[b-hshn03g48i] {
    background-color: #C8252C;
    border-radius: 7px;
    height: 30px !important;
    width: 60px;
    display: flex;
    align-items: center;
}

a[b-hshn03g48i] {
    color: white;
    text-decoration: none;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

a:hover[b-hshn03g48i]{
    color: white;
}

.top-button[b-hshn03g48i] {
    height: 36px;
}

.top-text[b-hshn03g48i] {
    margin-top: -8px;
}

    .top-text span[b-hshn03g48i] {
        margin-top: 3px !important;
    }
/* _content/QuickPic3/Pages/Dealerkit/Dashboards/Components/DashboardSettings.razor.rz.scp.css */
.SurveyContainer[b-va3j3g3ynu] {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.SurveyMargin[b-va3j3g3ynu] {
    padding-bottom: 10px;
}

.Buttons[b-va3j3g3ynu] {
    display: flex;
    /*float: right;*/
    gap: 5px;
    /*margin-right: 4px;*/
    margin-left: 4px;
}

.globalCharts[b-va3j3g3ynu] {
    display: flex;
    justify-content: flex-end;
    /*margin-right: 70px;*/
}

.tableControls[b-va3j3g3ynu] {
    display: flex;
    flex-direction: row;
}

.RowBtn[b-va3j3g3ynu] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-va3j3g3ynu] {
    margin-top: -2px !important;
}

.top-button[b-va3j3g3ynu] {
    height: 36px;
}

.top-text[b-va3j3g3ynu] {
    margin-top: -2px;
}

    .top-text span[b-va3j3g3ynu] {
        margin-top: 3px !important;
    }


.table-container[b-va3j3g3ynu] {
    max-height: 500px;
    overflow-y: auto;
    position: relative;
}
/* _content/QuickPic3/Pages/Dealerkit/Dashboards/CSI_Dashboard.razor.rz.scp.css */
.MainContainer[b-m4tni4lfi9] {
    height: 100%;
    /*position: fixed;*/
    width: 100%;
    overflow-y: scroll;
    /*background-color: #F0F0F0 !important;*/
    overflow: visible;
}

.DoubleRow[b-m4tni4lfi9] {
    display: flex;
    /*gap: 40px;*/
}

.spaceMaker[b-m4tni4lfi9] {
    width: 40px;
}

.colWidth[b-m4tni4lfi9] {
    width: 49.50%;
}

.NumberDisplay[b-m4tni4lfi9] {
    color: #C8252C;
    font-size: 30px;
}

.PageContainer[b-m4tni4lfi9] {
    position: relative;
}

.extraInfoRight[b-m4tni4lfi9] {
    display: flex;
    flex-direction: column;
    float: right;
    padding: 5px;
    gap: 5px;
    align-items: flex-end;
}

.tableControls[b-m4tni4lfi9] {
    display: flex;
    flex-direction: row;
}

.RowBtn[b-m4tni4lfi9] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-m4tni4lfi9] {
    margin-top: -2px !important;
}

.top-button[b-m4tni4lfi9] {
    height: 36px;
}

.top-text[b-m4tni4lfi9] {
    margin-top: -2px;
}

    .top-text span[b-m4tni4lfi9] {
        margin-top: 3px !important;
    }

.globalCharts[b-m4tni4lfi9] {
    display: flex;
    justify-content: flex-end;
    /*margin-right: 70px;*/
}

.TopMediaCoverageOverallTable[b-m4tni4lfi9] {
    width: 100%;
}

TopMediaCoverageOverallTable[b-m4tni4lfi9] {
    width: 99%;
    /*border: none;*/
    border: solid 1px #e0e0e0 !important;
}

.TopMediaCoverageOverallTable > tr[b-m4tni4lfi9] {
    height: 40px !important;
}

.TopMediaCoverageOverallHeaders[b-m4tni4lfi9] {
    height: 20px !important;
}

    .TopMediaCoverageOverallHeaders > td[b-m4tni4lfi9] {
        font-weight: 700;
        padding-right: 20px !important;
        height: 20px !important;
    }

.TopMediaCoverageOverallRows > td[b-m4tni4lfi9] {
    height: 30px !important;
    /*border-bottom: solid 1px #e0e0e0;*/
    /*border-right: solid 1px #e0e0e0 !important;*/
    /*border: solid 1px #e0e0e0 !important;*/
    padding-right: 20px !important;
}

/* _content/QuickPic3/Pages/Dealerkit/Dashboards/QSR_Dashboard.razor.rz.scp.css */
.MainContainer[b-kip0juoh0e] {
    height: 100%;
    /*position: fixed;*/
    width: 100%;
    overflow-y: scroll;
    /*background-color: #F0F0F0 !important;*/
    overflow: visible;
}

.DoubleRow[b-kip0juoh0e] {
    display: flex;
    /*gap: 40px;*/
}

.spaceMaker[b-kip0juoh0e] {
    width: 40px;
}

.colWidth[b-kip0juoh0e] {
    width: 49.50%;
}

.NumberDisplay[b-kip0juoh0e] {
    color: #C8252C;
    font-size: 30px;
}

.PageContainer[b-kip0juoh0e] {
    position: relative;
}

.extraInfoRight[b-kip0juoh0e] {
    display: flex;
    flex-direction: column;
    float: right;
    padding: 5px;
    gap: 5px;
    align-items: flex-end;
}

.tableControls[b-kip0juoh0e] {
    display: flex;
    flex-direction: row;
}

.RowBtn[b-kip0juoh0e] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-kip0juoh0e] {
    margin-top: -2px !important;
}

.top-button[b-kip0juoh0e] {
    height: 36px;
}

.top-text[b-kip0juoh0e] {
    margin-top: -2px;
}

    .top-text span[b-kip0juoh0e] {
        margin-top: 3px !important;
    }

.globalCharts[b-kip0juoh0e] {
    display: flex;
    justify-content: flex-end;
    /*margin-right: 70px;*/
}

.TopMediaCoverageOverallTable[b-kip0juoh0e] {
    width: 100%;
}

TopMediaCoverageOverallTable[b-kip0juoh0e] {
    width: 99%;
    /*border: none;*/
    border: solid 1px #e0e0e0 !important;
}

.TopMediaCoverageOverallTable > tr[b-kip0juoh0e] {
    height: 40px !important;
}

.TopMediaCoverageOverallHeaders[b-kip0juoh0e] {
    height: 20px !important;
}

    .TopMediaCoverageOverallHeaders > td[b-kip0juoh0e] {
        font-weight: 700;
        padding-right: 20px !important;
        height: 20px !important;
    }

.TopMediaCoverageOverallRows > td[b-kip0juoh0e] {
    height: 30px !important;
    /*border-bottom: solid 1px #e0e0e0;*/
    /*border-right: solid 1px #e0e0e0 !important;*/
    /*border: solid 1px #e0e0e0 !important;*/
    padding-right: 20px !important;
}

/* _content/QuickPic3/Pages/Dealerkit/Dashboards/QVOC_Dashboard.razor.rz.scp.css */
.MainContainer[b-gs8ubnyxvo] {
    height: 100%;
    /*position: fixed;*/
    width: 100%;
    overflow-y: scroll;
    /*background-color: #F0F0F0 !important;*/
    overflow: visible;
}

.DoubleRow[b-gs8ubnyxvo] {
    display: flex;
    /*gap: 40px;*/
}

.spaceMaker[b-gs8ubnyxvo] {
    width: 40px;
}

.colWidth[b-gs8ubnyxvo] {
    width: 49.50%;
}

.NumberDisplay[b-gs8ubnyxvo] {
    color: #C8252C;
    font-size: 30px;
}

.PageContainer[b-gs8ubnyxvo] {
    position: relative;
}

.extraInfoRight[b-gs8ubnyxvo] {
    display: flex;
    flex-direction: column;
    float: right;
    padding: 5px;
    gap: 5px;
    align-items: flex-end;
}

.tableControls[b-gs8ubnyxvo] {
    display: flex;
    flex-direction: row;
}

.RowBtn[b-gs8ubnyxvo] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-gs8ubnyxvo] {
    margin-top: -2px !important;
}

.top-button[b-gs8ubnyxvo] {
    height: 36px;
}

.top-text[b-gs8ubnyxvo] {
    margin-top: -2px;
}

    .top-text span[b-gs8ubnyxvo] {
        margin-top: 3px !important;
    }

.globalCharts[b-gs8ubnyxvo] {
    display: flex;
    justify-content: flex-end;
    /*margin-right: 70px;*/
}

.TopMediaCoverageOverallTable[b-gs8ubnyxvo] {
    width: 100%;
}

TopMediaCoverageOverallTable[b-gs8ubnyxvo] {
    width: 99%;
    /*border: none;*/
    border: solid 1px #e0e0e0 !important;
}

.TopMediaCoverageOverallTable > tr[b-gs8ubnyxvo] {
    height: 40px !important;
}

.TopMediaCoverageOverallHeaders[b-gs8ubnyxvo] {
    height: 20px !important;
}

    .TopMediaCoverageOverallHeaders > td[b-gs8ubnyxvo] {
        font-weight: 700;
        padding-right: 20px !important;
        height: 20px !important;
    }

.TopMediaCoverageOverallRows > td[b-gs8ubnyxvo] {
    height: 30px !important;
    /*border-bottom: solid 1px #e0e0e0;*/
    /*border-right: solid 1px #e0e0e0 !important;*/
    /*border: solid 1px #e0e0e0 !important;*/
    padding-right: 20px !important;
}

/* _content/QuickPic3/Pages/Dealerkit/Forms/AftersalesServiceCampaigns.razor.rz.scp.css */
.top-button[b-3q89diunuu] {
    height: 36px;
}

.top-text[b-3q89diunuu] {
    margin-top: -8px;
}

    .top-text span[b-3q89diunuu] {
        margin-top: 3px !important;
    }

.btnDisabled[b-3q89diunuu] {
    opacity: 0.3;
}

.tableTotals[b-3q89diunuu] {
    font-size: 12px;
    height: 14px;
}

    .tableTotals td[b-3q89diunuu] {
        padding: 0;
        line-height: 14px;
    }

.topBtnContainer[b-3q89diunuu] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-3q89diunuu] {
    flex: 0 1 auto;
}

.filterContainer[b-3q89diunuu] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-3q89diunuu] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-3q89diunuu] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.RowBtn[b-3q89diunuu] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-3q89diunuu] {
    margin-top: -2px !important;
}

.IdCol[b-3q89diunuu] {
    width: 10%;
}

.BookCol[b-3q89diunuu] {
    width: 12%;
    min-width: 115px;
}

.NameCol[b-3q89diunuu] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-3q89diunuu] {
    width: 12%;
    min-width: 70px;
}

.StatCol[b-3q89diunuu] {
    width: 10%;
    min-width: 65px;
}

.permission-col[b-3q89diunuu] {
    width: 5% !important;
    min-width: 80px;
}

.permission-section[b-3q89diunuu] {
    overflow-x: scroll;
}

.permission-table[b-3q89diunuu] {
    min-width: 830px;
}

.search-table[b-3q89diunuu] {
    position: sticky;
    top: 0;
}

.table-container[b-3q89diunuu] {
    max-height: 500px;
    overflow-y: auto;
    position: relative;
}

.NoData[b-3q89diunuu] {
    text-align: center;
}

.newExpenseRow[b-3q89diunuu] {
    width: 100%;
    background-color: lightgreen;
}

    .newExpenseRow:hover[b-3q89diunuu] {
        background-color: lightgreen !important;
    }

.extraInfo[b-3q89diunuu] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}

.addButton[b-3q89diunuu] {
    float: left;
    text-align: left;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/LostSales.razor.rz.scp.css */
.tableControls > button[b-5jzaq9jykb]
{
    height: 35px;
    display: flex;
    align-items: center;
}

.tableControls[b-5jzaq9jykb]{
    display: flex;
    align-items: center;
}

.FormSubmission[b-5jzaq9jykb] {
    width: 100%;
    min-width: 1000px;
}

.RowSection[b-5jzaq9jykb] {
    display: flex;
}

.InputSection[b-5jzaq9jykb] {
    width: 100%;
    margin-top: 10px;
}

    .InputSection > div > label[b-5jzaq9jykb] {
        margin-left: 4px;
    }

.TableSection[b-5jzaq9jykb]{
    flex-direction: column;
}
    .TableSection > button[b-5jzaq9jykb] {
        height: 30px;
        display: flex;
        align-items: center;
        width: fit-content;
    }

    .TableSection > table > thead:first-child[b-5jzaq9jykb] {
        border-top: solid #e0e0e0 2px;
    }

.ViewTableContainer > table > tbody:first-child[b-5jzaq9jykb] {
    border-top: solid #e0e0e0 2px;
}

table[b-5jzaq9jykb] {
    width: 100%;
}

.ViewTableContainer[b-5jzaq9jykb]{
    width: 500px;
}

.DownloadButtonContainer[b-5jzaq9jykb]{
    align-items: center;
    text-align: center;
}

    .DownloadButtonContainer > a[b-5jzaq9jykb] {
        height: 40px;
        align-items: center;
        display: flex;
        width: fit-content;
        margin-left: auto !important;
        margin-right: auto !important;
    }

.RowBtn[b-5jzaq9jykb] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-5jzaq9jykb] {
    margin-top: -2px !important;
}

.VINNUMBERButton[b-5jzaq9jykb]{
    color: #C8252C !important;    
    border-color: #C8252C !important;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/Part Return.razor.rz.scp.css */
.topBtnContainer[b-rrc0blbugb] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.filterContainer[b-rrc0blbugb] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-rrc0blbugb] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-rrc0blbugb] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-rrc0blbugb] {
    height: 36px;
}

.top-text[b-rrc0blbugb] {
    margin-top: -8px;
}

    .top-text span[b-rrc0blbugb] {
        margin-top: 3px !important;
    }

.permission-section[b-rrc0blbugb] {
    overflow-x: scroll;
}

.permission-table[b-rrc0blbugb] {
    min-width: 830px;
}

.NoData[b-rrc0blbugb] {
    text-align: center;
}

.RowBtn[b-rrc0blbugb] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-rrc0blbugb] {
    margin-top: -2px !important;
}

.IdCol[b-rrc0blbugb] {
    width: 10%;
}

.BookCol[b-rrc0blbugb] {
    width: 12%;
    min-width: 115px;
}

.NameCol[b-rrc0blbugb] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-rrc0blbugb] {
    width: 12%;
    min-width: 70px;
}

.permission-col[b-rrc0blbugb] {
    width: 5% !important;
    min-width: 80px;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/PqrSubmissions.razor.rz.scp.css */

.topBtnContainer[b-kqqgm9w2ba] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-kqqgm9w2ba] {
    flex: 0 1 auto;
}

.filterContainer[b-kqqgm9w2ba] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-kqqgm9w2ba] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-kqqgm9w2ba] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-kqqgm9w2ba] {
    height: 36px;
}

.top-text[b-kqqgm9w2ba] {
    margin-top: -8px;
}

    .top-text span[b-kqqgm9w2ba] {
        margin-top: 3px !important;
    }

.btnDisabled[b-kqqgm9w2ba] {
    opacity: 0.3;
}

.RowBtn[b-kqqgm9w2ba] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-kqqgm9w2ba] {
    margin-top: -2px !important;
}

.IdCol[b-kqqgm9w2ba] {
    width: 10%;
}

.BookCol[b-kqqgm9w2ba] {
    width: 12%;
    min-width: 115px;
}

.NameCol[b-kqqgm9w2ba] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-kqqgm9w2ba] {
    width: 12%;
    min-width: 70px;
}

.StatCol[b-kqqgm9w2ba] {
    width: 10%;
    min-width: 65px;
}

.permission-col[b-kqqgm9w2ba] {
    width: 5% !important;
    min-width: 80px;
}

.search-table[b-kqqgm9w2ba] {
    position: sticky;
    top: 0;
}

.table-container[b-kqqgm9w2ba] {
    max-height: 500px;
    overflow-y: auto;
    position: relative;
}

.NoData[b-kqqgm9w2ba] {
    text-align: center;
}

.permission-section[b-kqqgm9w2ba] {
    overflow-x: scroll;
}

.permission-table[b-kqqgm9w2ba] {
    min-width: 830px;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/QsrSubmission.razor.rz.scp.css */

.topBtnContainer[b-9wz0sjipyj] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-9wz0sjipyj] {
    flex: 0 1 auto;
}

    .filterContainer[b-9wz0sjipyj] {
        flex: 0 1 auto;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

.SearchContainer[b-9wz0sjipyj] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-9wz0sjipyj] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.NoData[b-9wz0sjipyj] {
    text-align: center;
}
.PeriodControls[b-9wz0sjipyj] {
    display: flex;
}

.DateSelector[b-9wz0sjipyj] {
    display: flex;
    flex-direction: column;
}

.lblDate[b-9wz0sjipyj] {
    font-size: 10px;
    margin-left: 10px;
}

.btnDisabled[b-9wz0sjipyj] {
    opacity: 0.3;
}

.SearchContainer[b-9wz0sjipyj] {
    display: flex;
    align-content: flex-end;
}

.containerCustom[b-9wz0sjipyj] {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 90%;
    border-radius: 7px;
    background-color: white;
    align-self: center;
}

.FreeHeader[b-9wz0sjipyj] {
    color: #808080;
}

.FormContainerForm[b-9wz0sjipyj] {
    height: fit-content;
}

.top-button[b-9wz0sjipyj] {
    height: 36px;
}

.top-text[b-9wz0sjipyj] {
    margin-top: -8px;
}

    .top-text span[b-9wz0sjipyj] {
        margin-top: 3px !important;
    }

.NameCol[b-9wz0sjipyj] {
    width: 16%;
    min-width: 108px;
}

.SubCol[b-9wz0sjipyj] {
    width: 6%;
    min-width: 95px;
}

.FeedbackCol[b-9wz0sjipyj] {
    width: 20%;
    min-width: 83px;
}

.permission-col[b-9wz0sjipyj] {
    width: 7%;
    min-width: 120px;
    max-width: 120px;
}

.RowBtn[b-9wz0sjipyj] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-9wz0sjipyj] {
    margin-top: -2px !important;
}

.fileInput[b-9wz0sjipyj] {
    color: transparent;
}

.colHeader[b-9wz0sjipyj] {
    cursor: pointer;
}

.permission-section[b-9wz0sjipyj] {
    overflow-x: scroll;
}

.permission-table[b-9wz0sjipyj] {
    min-width: 830px;
}

.tableControlsCol[b-9wz0sjipyj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
}

.enabledError[b-9wz0sjipyj] {
    color: #E53935 !important;
    display: flex;
    font-size: 10px;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/RftaForm.razor.rz.scp.css */

.topBtnContainer[b-9s31al2zst] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-9s31al2zst] {
    flex: 0 1 auto;
}

.filterContainer[b-9s31al2zst] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-9s31al2zst] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-9s31al2zst] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-9s31al2zst] {
    height: 36px;
}

.top-text[b-9s31al2zst] {
    margin-top: -8px;
}

    .top-text span[b-9s31al2zst] {
        margin-top: 3px !important;
    }

.btnDisabled[b-9s31al2zst] {
    opacity: 0.3;
}

.IdCol[b-9s31al2zst] {
    width: 6%;
}

.DaysCol[b-9s31al2zst] {
    width: 6%;
    min-width: 91px;
}

.BookCol[b-9s31al2zst] {
    width: 8%;
    min-width: 115px;
}

.NameCol[b-9s31al2zst] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-9s31al2zst] {
    width: 8%;
    min-width: 70px;
}

.WarrantyCol[b-9s31al2zst] {
    width: 8%;
    min-width: 85px;
}

.StatCol[b-9s31al2zst] {
    width: 6%;
    min-width: 125px;
}

.permission-col[b-9s31al2zst] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-9s31al2zst] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-9s31al2zst] {
    margin-top: -2px !important;
}

.CommentFormContainer[b-9s31al2zst] {
    /*border: solid 1px #7b8083;
    border-radius: 7px;*/
}

.CommentContainer[b-9s31al2zst] {
    padding: 10px;
}

.colHeader[b-9s31al2zst] {
    cursor: pointer;
}

.NoData[b-9s31al2zst] {
    text-align: center;
}

.permission-section[b-9s31al2zst] {
    overflow-x: scroll;
}

.permission-table[b-9s31al2zst] {
    min-width: 830px;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/TataForms/PreservationInpsection.razor.rz.scp.css */
input[b-pxn52aqfo2] {
    width: 100%;
}

table[b-pxn52aqfo2] {
    width: 100%;
    background-color: white !important;
}

.CenterHeadings > th[b-pxn52aqfo2] {
    text-align: center;
    font-weight: 700;
}

.formCheckMark[b-pxn52aqfo2] {
    text-align: center;
    color: green;
}

.formCloseMark[b-pxn52aqfo2] {
    text-align: center;
    color: red;
}

.ActiveRow[b-pxn52aqfo2] {
    border: solid 1px !important;
    background-color: lightgreen !important;
    border-color: green;
}

    .ActiveRow > th[b-pxn52aqfo2], .ActiveRow > td[b-pxn52aqfo2] {
        border: solid 1px !important;
        background-color: lightgreen !important;
        border-color: green;
    }

.flexRow[b-pxn52aqfo2] {
    display: flex;
    align-items: center;
}

    .flexRow > div:nth-child(2)[b-pxn52aqfo2] {
        margin-left: 10px;
    }

th[b-pxn52aqfo2] {
    overflow-wrap: break-word;
}

.NoWrap[b-pxn52aqfo2] {
    white-space: nowrap;
}

.BottomRow > th[b-pxn52aqfo2] {
    border-top: none;
    border-bottom: solid 1px #e0e0e0;
}

.firstRow > th[b-pxn52aqfo2], .firstRow[b-pxn52aqfo2] {
    border-bottom: none !important;
}

.BottomRow > th > div > div:first-child[b-pxn52aqfo2] {
    font-weight: 700;
    white-space: nowrap;
}

.BottomRow > th > div > div:nth-child(2)[b-pxn52aqfo2] {
    width: 100%;
}

.align-item-center > div[b-pxn52aqfo2] {
    display: flex;
}

.ActionCell[b-pxn52aqfo2] {
    border-bottom: solid 1px #e0e0e0;
}

.ListContainer[b-pxn52aqfo2] {    
    height: 100%;        
}

    .ListContainer > ul[b-pxn52aqfo2] {
        column-count: 2;
        list-style: none;
        margin: 0;
    }

        .ListContainer > ul > li[b-pxn52aqfo2] {
            display: flex;            
        }

li > input[b-pxn52aqfo2] {
    font-size: 12px !important;
}

li[b-pxn52aqfo2] {
    font-size: 12px !important;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}

    li > div[b-pxn52aqfo2] {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    li > input[b-pxn52aqfo2] {
        margin-right: auto;
        width: fit-content;
        margin-right: 5px;
    }

    thead[b-pxn52aqfo2]{
        position: sticky;
        top: 0px;
        border: solid 1px;
    }

.UploadList[b-pxn52aqfo2] {
    display: flex;
    align-items: center;
}

    .UploadList > label[b-pxn52aqfo2] {
        margin-right: 5px;
    }

.topBtnContainer[b-pxn52aqfo2] {
    display: flex;
}

.RowBtn[b-pxn52aqfo2] {
    height: 30px;
    width: 30px;
}
.RowSpan[b-pxn52aqfo2] {
    margin-top: -2px !important;
}

.pagingComponent[b-pxn52aqfo2] {
    width: 100%;
}

.UploadList > label[b-pxn52aqfo2]{
    white-space: nowrap;
}

.OddRow[b-pxn52aqfo2], .EvenRow > td[b-pxn52aqfo2], .OddRow > th[b-pxn52aqfo2] {
    background-color: #F5F5F5 !important;
}

.EvenRow[b-pxn52aqfo2], .EvenRow > td[b-pxn52aqfo2], .EvenRow > th[b-pxn52aqfo2] {
    background-color: white !important;
}

.BottomRow[b-pxn52aqfo2] {
    border-top: solid 2px #e0e0e0;
}

.DownloadButtonContainer[b-pxn52aqfo2]{
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.InputControls[b-pxn52aqfo2] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-pxn52aqfo2] {
        padding: 10px;
    }

.DateControls[b-pxn52aqfo2] {
    display: flex;
}

    .DateControls > div[b-pxn52aqfo2] {
        width: 100%;
    }

        .DateControls > div > label[b-pxn52aqfo2] {
            margin-left: 5px;
        }

.BrandControls[b-pxn52aqfo2], .ButtonControls[b-pxn52aqfo2] {
    margin: 3px;
}

.ButtonControls[b-pxn52aqfo2] {
    margin: 0px;
    margin-left: 4px;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/TataForms/QualityControl.razor.rz.scp.css */
input[b-x1ex85go1v]{
    width: 100%;
}

table[b-x1ex85go1v]{
    width: 100%;
    background-color: white !important;
}

.CenterHeadings > th[b-x1ex85go1v]{
    text-align: center;
    font-weight: 700;
}

.formCheckMark[b-x1ex85go1v] {
    text-align: center;
    color: green;
}

.formCloseMark[b-x1ex85go1v] {
    text-align: center;
    color: red;
}

.ActiveRow[b-x1ex85go1v] {
    border: solid 1px !important;
    background-color: lightgreen !important;
    border-color: green;
}

    .ActiveRow > th[b-x1ex85go1v], .ActiveRow > td[b-x1ex85go1v] {
        border: solid 1px !important;
        background-color: lightgreen !important;
        border-color: green;
    }

.flexRow[b-x1ex85go1v]{
    display: flex;
    align-items: center;
}

.flexRow > div:nth-child(2)[b-x1ex85go1v]{    
    margin-left: 10px;
}

th[b-x1ex85go1v] {
    overflow-wrap: break-word;    
}

.NoWrap[b-x1ex85go1v]{
    white-space: nowrap;
}

.BottomRow > th[b-x1ex85go1v] {
    border-top: none;
    border-bottom: solid 1px #e0e0e0;
}

.firstRow > th[b-x1ex85go1v], .firstRow[b-x1ex85go1v] {
    border-bottom: none !important;
}

.BottomRow > th > div > div:first-child[b-x1ex85go1v]{
    font-weight: 700;
    white-space: nowrap;
}

.BottomRow > th > div > div:nth-child(2)[b-x1ex85go1v] {
    width: 100%;
}

.align-item-center > div[b-x1ex85go1v]{
    display: flex;
}

.ActionCell[b-x1ex85go1v]{
    border-bottom: solid 1px #e0e0e0;
}

thead[b-x1ex85go1v] {
    position: sticky;
    top: 0px;
    border: solid 1px;
}

.UploadList[b-x1ex85go1v]{
    display: flex;
    align-items: center;
}

.UploadList > label[b-x1ex85go1v]{
    margin-right: 5px;
}

.topBtnContainer[b-x1ex85go1v]{
    display: flex;
}

.RowBtn[b-x1ex85go1v] {
    height: 30px;
    width: 30px;
}
.RowSpan[b-x1ex85go1v] {
    margin-top: -2px !important;
}

.pagingComponent[b-x1ex85go1v]{
    width: 100%;
}

.UploadList > label[b-x1ex85go1v] {
    white-space: nowrap;
}

.OddRow[b-x1ex85go1v], .EvenRow > td[b-x1ex85go1v], .OddRow > th[b-x1ex85go1v] {
    background-color: #F5F5F5 !important;
}

.EvenRow[b-x1ex85go1v], .EvenRow > td[b-x1ex85go1v], .EvenRow > th[b-x1ex85go1v]{
    background-color: white !important;
}

.BottomRow[b-x1ex85go1v]{
    border-top: solid 2px #e0e0e0;
}

.DownloadButtonContainer[b-x1ex85go1v] {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.InputControls[b-x1ex85go1v] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-x1ex85go1v] {
        padding: 10px;
    }

.DateControls[b-x1ex85go1v] {
    display: flex;
}

    .DateControls > div[b-x1ex85go1v] {
        width: 100%;
    }

        .DateControls > div > label[b-x1ex85go1v] {
            margin-left: 5px;
        }

.BrandControls[b-x1ex85go1v], .ButtonControls[b-x1ex85go1v] {
    margin: 3px;
}

.ButtonControls[b-x1ex85go1v] {
    margin: 0px;
    margin-left: 4px;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/VoccReport.razor.rz.scp.css */
.TableContainer[b-6grum6kmae]
{
    width: 100%;
}

.tableControls[b-6grum6kmae] {
    display: flex;
    align-items: center;
}

.TableContainer > table[b-6grum6kmae]{
    width: 100%;
}

.FormSubmission[b-6grum6kmae]{
    width: 100%;
    min-width: 1000px;
}

.RowSection[b-6grum6kmae]{
    display: flex;
}

.InputSection[b-6grum6kmae]{
    width: 100%;
    margin-top: 10px;
}

.InputSection > div > label[b-6grum6kmae]{
    margin-left: 4px;
}

.ViewTableContainer[b-6grum6kmae]{
    min-width: 500px;
}

.ViewTableContainer > table[b-6grum6kmae]{
    width: 100%;
}

    .ViewTableContainer > table > tbody > tr:first-child[b-6grum6kmae] {
        border-top: solid #e0e0e0 2px;
    }

.tableControls > button[b-6grum6kmae]{
    height: 35px;
    display: flex;
    align-items: center;
}

.RowBtn[b-6grum6kmae] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-6grum6kmae] {
    margin-top: -2px !important;
}
/* _content/QuickPic3/Pages/Dealerkit/Forms/VorSubmissions.razor.rz.scp.css */

.topBtnContainer[b-a9r835e55f] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-a9r835e55f] {
    flex: 0 1 auto;
}

.filterContainer[b-a9r835e55f] {
    flex: 0 1 auto;
    display: flex;    
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-a9r835e55f] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-a9r835e55f] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-a9r835e55f] {
    height: 36px;
}

.NoData[b-a9r835e55f] {
    text-align: center;
}

.top-text[b-a9r835e55f] {
    margin-top: -8px;
}

    .top-text span[b-a9r835e55f] {
        margin-top: 3px !important;
    }

.btnDisabled[b-a9r835e55f] {
    opacity: 0.3;
}

.IdCol[b-a9r835e55f] {
    width: 6%;
}

.DaysCol[b-a9r835e55f] {
    width: 6%;
    min-width: 91px;
}

.BookCol[b-a9r835e55f] {
    width: 8%;
    min-width: 115px;
}

.NameCol[b-a9r835e55f] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-a9r835e55f] {
    width: 8%;
    min-width: 70px;
}

.WarrantyCol[b-a9r835e55f] {
    width: 8%;
    min-width: 85px;
}

.StatCol[b-a9r835e55f] {
    width: 6%;
    min-width: 65px;
}

.permission-col[b-a9r835e55f] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-a9r835e55f] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-a9r835e55f] {
    margin-top: -2px !important;
}

.CommentContainer[b-a9r835e55f] {
    padding: 10px;
}

.FleetsContainer:hover[b-a9r835e55f] {
    color: #C8252C;
}

.openCalendar[b-a9r835e55f] {
    color: #C8252C;
}

.calendarItems[b-a9r835e55f] {
    width: 100% !important;
}

.mainContainer[b-a9r835e55f] {
    width: 100% !important;
}

.MoreIconContainer svg[b-a9r835e55f] {
    transform: rotate(270deg);
    margin-top: -5px;
}

.con[b-a9r835e55f] {
    width: 100% !important;
    margin-left: -23px;
}

.permission-section[b-a9r835e55f] {
    overflow-x: scroll;
}

.permission-table[b-a9r835e55f] {
    min-width: 830px;
}

.tableControlsCol[b-a9r835e55f] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
}

.enabledError[b-a9r835e55f] {
    color: #E53935 !important;
    display: flex;
    font-size: 10px;
}

.TableSection[b-a9r835e55f] {
    flex-direction: column;
    width: 100% !important;
}

    .TableSection > button[b-a9r835e55f] {
        height: 30px;
        display: flex;
        align-items: center;
        width: fit-content;
    }

    .TableSection > button > div[b-a9r835e55f]{        
        margin: 0px;
    }

    .TableSection > table > thead:first-child[b-a9r835e55f] {
        border-top: solid #e0e0e0 2px;
    }

.TableSection > table[b-a9r835e55f]{
    width: 100%;
}
/* _content/QuickPic3/Pages/Dealerkit/PartForms/PartReturnSubmission.razor.rz.scp.css */

.topBtnContainer[b-i9xvser4ee] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-i9xvser4ee] {
    flex: 0 1 auto;
}

.filterContainer[b-i9xvser4ee] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-i9xvser4ee] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-i9xvser4ee] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-i9xvser4ee] {
    height: 36px;
}

.top-text[b-i9xvser4ee] {
    margin-top: -8px;
}

    .top-text span[b-i9xvser4ee] {
        margin-top: 3px !important;
    }

.btnDisabled[b-i9xvser4ee] {
    opacity: 0.3;
}

.IdCol[b-i9xvser4ee] {
    width: 6%;
}

.DaysCol[b-i9xvser4ee] {
    width: 6%;
    min-width: 91px;
}

.BookCol[b-i9xvser4ee] {
    width: 8%;
    min-width: 115px;
}

.NameCol[b-i9xvser4ee] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-i9xvser4ee] {
    width: 8%;
    min-width: 70px;
}

.WarrantyCol[b-i9xvser4ee] {
    width: 8%;
    min-width: 85px;
}

.StatCol[b-i9xvser4ee] {
    width: 6%;
    min-width: 125px;
}

.permission-col[b-i9xvser4ee] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-i9xvser4ee] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-i9xvser4ee] {
    margin-top: -2px !important;
}

.CommentFormContainer[b-i9xvser4ee] {
    /*border: solid 1px #7b8083;
    border-radius: 7px;*/
}

.CommentContainer[b-i9xvser4ee] {
    padding: 10px;
}

.colHeader[b-i9xvser4ee] {
    cursor: pointer;
}

.NoData[b-i9xvser4ee] {
    text-align: center;
}

.permission-section[b-i9xvser4ee] {
    overflow-x: scroll;
}

.permission-table[b-i9xvser4ee] {
    min-width: 830px;
}

.overlay[b-i9xvser4ee] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.form-values[b-i9xvser4ee] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}

.extraInfoRight[b-i9xvser4ee] {
    display: flex;
    flex-direction: row;
    float: right;
    padding: 10px;
    gap: 10px;
}
/* _content/QuickPic3/Pages/Dealerkit/SaleForms/DealerActivity.razor.rz.scp.css */
.tableControls > button[b-pitdfmu2bg]
{
    height: 35px;
    display: flex;
    align-items: center;
}

.tableControls[b-pitdfmu2bg]{
    display: flex;
    align-items: center;
}

.FormSubmission[b-pitdfmu2bg] {
    width: 100%;
    min-width: 1000px;
}

.RowSection[b-pitdfmu2bg] {
    display: flex;
}

.InputSection[b-pitdfmu2bg] {
    width: 100%;
    margin-top: 10px;
}

    .InputSection > div > label[b-pitdfmu2bg] {
        margin-left: 4px;
    }

.TableSection[b-pitdfmu2bg]{
    flex-direction: column;
}
    .TableSection > button[b-pitdfmu2bg] {
        height: 30px;
        display: flex;
        align-items: center;
        width: fit-content;
    }

    .TableSection > table > thead:first-child[b-pitdfmu2bg] {
        border-top: solid #e0e0e0 2px;
    }

.ViewTableContainer > table > tbody:first-child[b-pitdfmu2bg] {
    border-top: solid #e0e0e0 2px;
}

table[b-pitdfmu2bg] {
    width: 100%;
}

.ViewTableContainer[b-pitdfmu2bg]{
    width: 900px;
}

.DownloadButtonContainer[b-pitdfmu2bg]{
    align-items: center;
    text-align: center;
}

    .DownloadButtonContainer > a[b-pitdfmu2bg] {
        height: 40px;
        align-items: center;
        display: flex;
        width: fit-content;
        margin-left: auto !important;
        margin-right: auto !important;
    }

.RowBtn[b-pitdfmu2bg] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-pitdfmu2bg] {
    margin-top: -2px !important;
}

.VINNUMBERButton[b-pitdfmu2bg]{
    color: #C8252C !important;    
    border-color: #C8252C !important;
}

.expenseButtons[b-pitdfmu2bg]{
    display: flex;
}

.PartsListView[b-pitdfmu2bg]{
    width: 100% !important;
}

.PartsListView > thead > tr > td[b-pitdfmu2bg]{
    white-space: nowrap;
}

.fileDownloadImg[b-pitdfmu2bg]{
    width: 80px;    
}

.uploadFile[b-pitdfmu2bg] {
    margin-left: 5px;
}
/* _content/QuickPic3/Pages/Dealerkit/SaleForms/MarketingPlan.razor.rz.scp.css */

.topBtnContainer[b-8an5pd918a] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-8an5pd918a] {
    flex: 0 1 auto;
}

.filterContainer[b-8an5pd918a] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-8an5pd918a] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-8an5pd918a] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-8an5pd918a] {
    height: 36px;
}

.top-text[b-8an5pd918a] {
    margin-top: -8px;
}

    .top-text span[b-8an5pd918a] {
        margin-top: 3px !important;
    }

.btnDisabled[b-8an5pd918a] {
    opacity: 0.3;
}

.IdCol[b-8an5pd918a] {
    width: 6%;
}

.DaysCol[b-8an5pd918a] {
    width: 6%;
    min-width: 91px;
}

.BookCol[b-8an5pd918a] {
    width: 8%;
    min-width: 115px;
}

.NameCol[b-8an5pd918a] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-8an5pd918a] {
    width: 8%;
    min-width: 70px;
}

.WarrantyCol[b-8an5pd918a] {
    width: 8%;
    min-width: 85px;
}

.StatCol[b-8an5pd918a] {
    width: 6%;
    min-width: 125px;
}

.permission-col[b-8an5pd918a] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-8an5pd918a] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-8an5pd918a] {
    margin-top: -2px !important;
}

.CommentFormContainer[b-8an5pd918a] {
    /*border: solid 1px #7b8083;
    border-radius: 7px;*/
}

.CommentContainer[b-8an5pd918a] {
    padding: 10px;
}

.colHeader[b-8an5pd918a] {
    cursor: pointer;
}

.NoData[b-8an5pd918a] {
    text-align: center;
}

.permission-section[b-8an5pd918a] {
    overflow-x: scroll;
}

.permission-table[b-8an5pd918a] {
    min-width: 830px;
}

.tablePadding[b-8an5pd918a]{
    padding: 10px 5px 10px 5px;
}

.tableItems[b-8an5pd918a] {
    width: 100% !important;
}

.form-values[b-8an5pd918a] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}


.extraInfo[b-8an5pd918a] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}
.extraInfoRight[b-8an5pd918a] {
    display: flex;
    flex-direction: row;
    float: right;
    padding: 10px;
    gap: 10px;
}

.addButton[b-8an5pd918a] {
    float: left;
    text-align: left;
}

.overlay[b-8an5pd918a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.tableTotals[b-8an5pd918a] {
    font-size: 12px;
    height: 14px;
}

    .tableTotals td[b-8an5pd918a] {
        padding: 0;
        line-height: 14px;
    }

.ModelContainer:hover[b-8an5pd918a] {
    color: #C8252C;
}

.openModel[b-8an5pd918a] {
    color: #C8252C;
}

.MoreIconContainer svg[b-8an5pd918a] {
    transform: rotate(270deg);
    margin-top: -5px;
}

.ContainerButton[b-8an5pd918a] {
    border: none;
    color: inherit;
    background-color: white;
}

    .ContainerButton:hover[b-8an5pd918a] {
        border: none;
        color: #C8252C;
    }

.td_value[b-8an5pd918a]{
    width: 15% !important;
    text-align: center;
}

.total_border[b-8an5pd918a] {
    border-top: 2px solid #e0e0e0;
}

.tabButton:hover div[b-8an5pd918a] {
    color: #C8252C !important;
}

.tabButton:hover span[b-8an5pd918a] {
    color: #C8252C !important;
}

.tabButton[b-8an5pd918a] {
    border: none;
    text-align: right;
    margin-left: auto;
    margin-right: 20px;
    float: right;
    width: fit-content;
    font-size: 18px;
    color: #b3b6b8;
}

.toggleOn[b-8an5pd918a] {
    color: #7b8083
}

.colloapseSpan[b-8an5pd918a] {
    color: #7b8083
}

.tableControlsCol[b-8an5pd918a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
}

.enabledError[b-8an5pd918a] {
    color: #E53935 !important;
    display: flex;
    font-size: 10px;
}
/* _content/QuickPic3/Pages/Dealerkit/SaleForms/PartsDestroyingForm.razor.rz.scp.css */

.topBtnContainer[b-dhyblrdykh] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-dhyblrdykh] {
    flex: 0 1 auto;
}

.UploadList[b-dhyblrdykh]{
    display: flex;
    align-items: center;
}

.UploadList > label[b-dhyblrdykh]{
    margin-right: 10px;
    font-size: 16px;
}

.filterContainer[b-dhyblrdykh] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.imageCell > img[b-dhyblrdykh]{
    width: 100px;
    border-radius: 7px;
    margin: 5px;
    
    border: solid 1px;
}

.SearchContainer[b-dhyblrdykh] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-dhyblrdykh] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-dhyblrdykh] {
    height: 36px;
}

.top-text[b-dhyblrdykh] {
    margin-top: -8px;
}

    .top-text span[b-dhyblrdykh] {
        margin-top: 3px !important;
    }

.btnDisabled[b-dhyblrdykh] {
    opacity: 0.3;
}

.IdCol[b-dhyblrdykh] {
    width: 6%;
}

.DaysCol[b-dhyblrdykh] {
    width: 6%;
    min-width: 91px;
}

.BookCol[b-dhyblrdykh] {
    width: 8%;
    min-width: 115px;
}

.NameCol[b-dhyblrdykh] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-dhyblrdykh] {
    width: 8%;
    min-width: 70px;
}

.WarrantyCol[b-dhyblrdykh] {
    width: 8%;
    min-width: 85px;
}

.StatCol[b-dhyblrdykh] {
    width: 6%;
    min-width: 125px;
}

.permission-col[b-dhyblrdykh] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-dhyblrdykh] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-dhyblrdykh] {
    margin-top: -2px !important;
}

.CommentFormContainer[b-dhyblrdykh] {
    /*border: solid 1px #7b8083;
    border-radius: 7px;*/
}

.CommentContainer[b-dhyblrdykh] {
    padding: 10px;
}

.colHeader[b-dhyblrdykh] {
    cursor: pointer;
}

.NoData[b-dhyblrdykh] {
    text-align: center;
}

.permission-section[b-dhyblrdykh] {
    overflow-x: scroll;
}

.permission-table[b-dhyblrdykh] {
    min-width: 830px;
}

.form-values[b-dhyblrdykh] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}

.extraInfo[b-dhyblrdykh] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}
.extraInfoRight[b-dhyblrdykh] {
    display: flex;
    flex-direction: row;
    float: right;
    padding: 10px;
    gap: 10px;
}

.addButton[b-dhyblrdykh] {
    float: left;
    text-align: left;
}

.overlay[b-dhyblrdykh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.tableTotals[b-dhyblrdykh] {
    font-size: 12px;
    height: 14px;
}

    .tableTotals td[b-dhyblrdykh] {
        padding: 0;
        line-height: 14px;
    }

.tableControlsCol[b-dhyblrdykh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
}

.enabledError[b-dhyblrdykh] {
    color: #E53935 !important;
    display: flex;
    font-size: 10px;
}


.ActionColAdd[b-dhyblrdykh]{
    display: flex;
}

.TempDealerView[b-dhyblrdykh]{    
    border-top: solid 1px #ced4da ;
    height: 150px !important;
    overflow-y: auto !important;
}

.TempDealerContainer[b-dhyblrdykh] {
    height: 400px;
    overflow-y: scroll;
    margin-top: 20px;
}

.centerInput[b-dhyblrdykh]{
    text-align: center;
}

.textInput[b-dhyblrdykh]{
    width: 98%;
}
/* _content/QuickPic3/Pages/Dealerkit/SaleForms/SalesCRM.razor.rz.scp.css */

.topBtnContainer[b-znuufuahmd] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-znuufuahmd] {
    flex: 0 1 auto;
}

.filterContainer[b-znuufuahmd] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-znuufuahmd] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-znuufuahmd] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-znuufuahmd] {
    height: 36px;
}

.top-text[b-znuufuahmd] {
    margin-top: -8px;
}

    .top-text span[b-znuufuahmd] {
        margin-top: 3px !important;
    }

.btnDisabled[b-znuufuahmd] {
    opacity: 0.3;
}

.IdCol[b-znuufuahmd] {
    width: 6%;
}

.DaysCol[b-znuufuahmd] {
    width: 6%;
    min-width: 91px;
}

.BookCol[b-znuufuahmd] {
    width: 8%;
    min-width: 115px;
}

.NameCol[b-znuufuahmd] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-znuufuahmd] {
    width: 8%;
    min-width: 70px;
}

.WarrantyCol[b-znuufuahmd] {
    width: 8%;
    min-width: 85px;
}

.StatCol[b-znuufuahmd] {
    width: 6%;
    min-width: 125px;
}

.permission-col[b-znuufuahmd] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-znuufuahmd] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-znuufuahmd] {
    margin-top: -2px !important;
}

.CommentFormContainer[b-znuufuahmd] {
    /*border: solid 1px #7b8083;
    border-radius: 7px;*/
}

.CommentContainer[b-znuufuahmd] {
    padding: 10px;
}

.colHeader[b-znuufuahmd] {
    cursor: pointer;
}

.NoData[b-znuufuahmd] {
    text-align: center;
}

.permission-section[b-znuufuahmd] {
    overflow-x: scroll;
}

.permission-table[b-znuufuahmd] {
    min-width: 830px;
}
/* _content/QuickPic3/Pages/Dealerkit/SaleForms/WeeklySalesControl.razor.rz.scp.css */

.topBtnContainer[b-vww4d75hy0] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-vww4d75hy0] {
    flex: 0 1 auto;
}

.filterContainer[b-vww4d75hy0] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-vww4d75hy0] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-vww4d75hy0] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-vww4d75hy0] {
    height: 36px;
}

.top-text[b-vww4d75hy0] {
    margin-top: -8px;
}

    .top-text span[b-vww4d75hy0] {
        margin-top: 3px !important;
    }

.btnDisabled[b-vww4d75hy0] {
    opacity: 0.3;
}

.IdCol[b-vww4d75hy0] {
    width: 6%;
}

.DaysCol[b-vww4d75hy0] {
    width: 6%;
    min-width: 91px;
}

.BookCol[b-vww4d75hy0] {
    width: 8%;
    min-width: 115px;
}

.NameCol[b-vww4d75hy0] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-vww4d75hy0] {
    width: 8%;
    min-width: 70px;
}

.WarrantyCol[b-vww4d75hy0] {
    width: 8%;
    min-width: 85px;
}

.StatCol[b-vww4d75hy0] {
    width: 6%;
    min-width: 125px;
}

.permission-col[b-vww4d75hy0] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-vww4d75hy0] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-vww4d75hy0] {
    margin-top: -2px !important;
}

.CommentFormContainer[b-vww4d75hy0] {
    /*border: solid 1px #7b8083;
    border-radius: 7px;*/
}

.CommentContainer[b-vww4d75hy0] {
    padding: 10px;
}

.colHeader[b-vww4d75hy0] {
    cursor: pointer;
}

.NoData[b-vww4d75hy0] {
    text-align: center;
}

.permission-section[b-vww4d75hy0] {
    overflow-x: scroll;
}

.permission-table[b-vww4d75hy0] {
    min-width: 830px;
}

.tablePadding[b-vww4d75hy0]{
    padding: 10px 5px 10px 5px;
}

.tableItems[b-vww4d75hy0] {
    width: 100% !important;
}

.form-values[b-vww4d75hy0] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}


.extraInfo[b-vww4d75hy0] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}
.extraInfoRight[b-vww4d75hy0] {
    display: flex;
    flex-direction: row;
    float: right;
    padding: 10px;
    gap: 10px;
}

.addButton[b-vww4d75hy0] {
    float: left;
    text-align: left;
}

.overlay[b-vww4d75hy0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.tableTotals[b-vww4d75hy0] {
    font-size: 12px;
    height: 14px;
}

    .tableTotals td[b-vww4d75hy0] {
        padding: 0;
        line-height: 14px;
    }

.ModelContainer:hover[b-vww4d75hy0] {
    color: #C8252C;
}

.openModel[b-vww4d75hy0] {
    color: #C8252C;
}

.MoreIconContainer svg[b-vww4d75hy0] {
    transform: rotate(270deg);
    margin-top: -5px;
}

.ContainerButton[b-vww4d75hy0] {
    border: none;
    color: inherit;
    background-color: white;
}

    .ContainerButton:hover[b-vww4d75hy0] {
        border: none;
        color: #C8252C;
    }

.td_value[b-vww4d75hy0]{
    width: 15% !important;
    text-align: center;
}

.total_border[b-vww4d75hy0] {
    border-top: 2px solid #e0e0e0;
}

.tabButton:hover div[b-vww4d75hy0] {
    color: #C8252C !important;
}

.tabButton:hover span[b-vww4d75hy0] {
    color: #C8252C !important;
}

.tabButton[b-vww4d75hy0] {
    border: none;
    text-align: right;
    margin-left: auto;
    margin-right: 20px;
    float: right;
    width: fit-content;
    font-size: 18px;
    color: #b3b6b8;
}

.toggleOn[b-vww4d75hy0] {
    color: #7b8083
}

.colloapseSpan[b-vww4d75hy0] {
    color: #7b8083
}

.tableControlsCol[b-vww4d75hy0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
}

.enabledError[b-vww4d75hy0] {
    color: #E53935 !important;
    display: flex;
    font-size: 10px;
}
/* _content/QuickPic3/Pages/Dealerkit/SaleForms/WeeklyTestDrives.razor.rz.scp.css */

.topBtnContainer[b-sq04ukd6ep] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.tableControls[b-sq04ukd6ep] {
    flex: 0 1 auto;
}

.filterContainer[b-sq04ukd6ep] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.SearchContainer[b-sq04ukd6ep] {
    flex: 0 1 auto;
    display: flex;
    align-content: flex-end;
}

.pagingComponent[b-sq04ukd6ep] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-button[b-sq04ukd6ep] {
    height: 36px;
}

.top-text[b-sq04ukd6ep] {
    margin-top: -8px;
}

    .top-text span[b-sq04ukd6ep] {
        margin-top: 3px !important;
    }

.btnDisabled[b-sq04ukd6ep] {
    opacity: 0.3;
}

.IdCol[b-sq04ukd6ep] {
    width: 6%;
}

.DaysCol[b-sq04ukd6ep] {
    width: 6%;
    min-width: 91px;
}

.BookCol[b-sq04ukd6ep] {
    width: 8%;
    min-width: 115px;
}

.NameCol[b-sq04ukd6ep] {
    width: 15%;
    min-width: 125px;
}

.ModelCol[b-sq04ukd6ep] {
    width: 8%;
    min-width: 70px;
}

.WarrantyCol[b-sq04ukd6ep] {
    width: 8%;
    min-width: 85px;
}

.StatCol[b-sq04ukd6ep] {
    width: 6%;
    min-width: 125px;
}

.permission-col[b-sq04ukd6ep] {
    width: 5% !important;
    min-width: 80px;
}

.RowBtn[b-sq04ukd6ep] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-sq04ukd6ep] {
    margin-top: -2px !important;
}

.CommentFormContainer[b-sq04ukd6ep] {
    /*border: solid 1px #7b8083;
    border-radius: 7px;*/
}

.CommentContainer[b-sq04ukd6ep] {
    padding: 10px;
}

.colHeader[b-sq04ukd6ep] {
    cursor: pointer;
}

.NoData[b-sq04ukd6ep] {
    text-align: center;
}

.permission-section[b-sq04ukd6ep] {
    overflow-x: scroll;
}

.permission-table[b-sq04ukd6ep] {
    min-width: 830px;
}

.form-values[b-sq04ukd6ep] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}

.extraInfo[b-sq04ukd6ep] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}
.extraInfoRight[b-sq04ukd6ep] {
    display: flex;
    flex-direction: row;
    float: right;
    padding: 10px;
    gap: 10px;
}

.addButton[b-sq04ukd6ep] {
    float: left;
    text-align: left;
}

.overlay[b-sq04ukd6ep] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.tableTotals[b-sq04ukd6ep] {
    font-size: 12px;
    height: 14px;
}

    .tableTotals td[b-sq04ukd6ep] {
        padding: 0;
        line-height: 14px;
    }

.tableControlsCol[b-sq04ukd6ep] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
}

.enabledError[b-sq04ukd6ep] {
    color: #E53935 !important;
    display: flex;
    font-size: 10px;
}


.ActionColAdd[b-sq04ukd6ep]{
    display: flex;
}
/* _content/QuickPic3/Pages/General/Components/AutoSpecFeed.razor.rz.scp.css */
.auto-spec-box[b-byhm4t29ld] {
    width: 387px !important;
    margin-top: 5px;
    margin-right: 3px;
}


.auto-spec-box-title[b-byhm4t29ld] {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    color: var(--brand-primary,--brand-default);
    cursor: pointer;
    color: var(--brand-primary) !important;
    width: fit-content;
    margin-top: 8px;
    margin-bottom: 10px;
}
.auto-spec-box-title[b-byhm4t29ld] {
    margin-left: 15px;
    font-size: large;
    font-weight: 700;
    height: 30px;
    color: var(--brand-primary,--brand-default);
    cursor: pointer;
    color: var(--brand-primary) !important;
    width: fit-content;
}
.FeedHeader[b-byhm4t29ld]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-right:14px;
}
.auto-spec-box-titlecstm[b-byhm4t29ld] {
    margin-left: 15px;
    font-size: large;
    font-weight: 700;
    height: 30px;
    color: var(--brand-primary,--brand-default);
    cursor: pointer;
    color: var(--brand-primary) !important;
    width: fit-content;
}


.MoreIconContainer[b-byhm4t29ld] {
    margin-right: 3px;
    margin-top: -3px;
}

.btnMore[b-byhm4t29ld] {    
    color: white;
    padding: 0px;    
    margin-top: -20px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    width: fit-content;
}

    .btnMore:hover[b-byhm4t29ld] {
        font-weight: 700;
        cursor: pointer;
    }

.moreSpan[b-byhm4t29ld] {
    font-size: 28px;
    font-weight: 100;
    cursor: pointer;
}

.moreLabelSpan[b-byhm4t29ld] {
    font-size: 16px;
    cursor: pointer;
}

#autoSpecFeedBox[b-byhm4t29ld] {
    background-color: #E8ECED !important;
    border-radius: 7px;
    /*margin-left: -10px;*/
    width: 370px;
}

.auto-spec-tile[b-byhm4t29ld] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    border: solid 1px transparent;
    border-collapse:collapse;
    border-radius: 5px;
    margin-bottom: 5px;
    width: 100%;
    font-size: smaller;
    cursor: pointer;
    border-spacing:-1px;
}

    .auto-spec-tile:hover[b-byhm4t29ld] {
        border-color: var(--brand-primary);        
    }



.MoreButtonContainer[b-byhm4t29ld] {
    padding-left: 3px;
    margin-top: -15px;
    padding-bottom: 0px;
    margin-left: 7px;
}

.a_More[b-byhm4t29ld] {
    margin-top: 0px;
}

.iconSpan[b-byhm4t29ld] {
    font-size: 28px !important;
    margin-top: -1px !important;
}

.moreButton[b-byhm4t29ld] {
    border-radius: 7px;
    color: #434a4f;
    border-color: #434a4f;
    border: solid 1px;
    font-size: 15px;
}

    .moreButton:hover span[b-byhm4t29ld] {
        color: var(--brand-primary) !important;
    }

.MoreButtonContainer[b-byhm4t29ld] {
    padding-left: 3px;
    margin-top: -15px;
    padding-bottom: 0px;
    margin-left: 7px;
}

    .moreButton:hover span[b-byhm4t29ld] {
        color: var(--brand-primary) !important;
    }
.moreButton[b-byhm4t29ld] {
    border-radius: 7px;
    color: #434a4f;
    border: solid 1px #E8ECED;
    font-size: 15px;
    background-color: inherit;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 25px;
    margin-bottom: 15px;
    height: 25px;
    cursor: pointer;
    padding-right: 2px;
}

/* _content/QuickPic3/Pages/General/Components/BrandContactFeed.razor.rz.scp.css */
.brand-contact-box[b-1ikvx25gq6] {
    background-color: #E8ECED !important;
    border-radius: 7px;
    width: 387px;    
    margin-top: 8px;
}

.brand-contact-box-title[b-1ikvx25gq6] {
    margin-left: 15px;
    padding: 0px;
    font-size: large;
    height: 30px;
    font-weight: 700;    
    cursor: pointer;
    text-decoration: none;
    color: var(--brand-primary)  !important;
    margin-bottom: 10px;
    margin-top: 5px;
}
/* _content/QuickPic3/Pages/General/Components/FeedComonents/AutoSpecTile.Razor.rz.scp.css */
.auto-spec-tile[b-uevmz3l6jz] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    border: solid 1px transparent;
    border-radius: 5px;
 
    width: 96.5%;
    font-size: smaller;
    cursor: pointer;
    margin-left: 10px;
    text-decoration:none;
    margin-right: 10px;
}
    .auto-spec-tile:hover[b-uevmz3l6jz] {
        border-color: var(--brand-primary);
        border: solid 1px var(--brand-primary);
        box-shadow: #7b8083 5px 5px 5px 0px;
    }
    .auto-spec-tile:hover .auto-spec-compare[b-uevmz3l6jz] {
        border-color: var(--brand-primary);
    }
.auto-spec-compare[b-uevmz3l6jz] {
    color: #434a4f;
    background-color: inherit;
    border: 1px solid #b3b6b8;
    border-radius: 5px;
    align-items: center !important;
    display: flex;
    height: 25px;
}

.auto-spec-tile-video[b-uevmz3l6jz] {
    margin-right: -5px !important;
    width: 259px !important;
    border:none;
}

.auto-spec-tile-side[b-uevmz3l6jz] {
    margin-left: 17px;
    width: 100%;
    margin-top: -2px;
    border: none;
}

.auto-spec-tile-brand[b-uevmz3l6jz] {
    color: #434a4f !important;
    width: 100% !important;
}

.auto-spec-tile-price[b-uevmz3l6jz] {
    color: var(--default-text-news,--default-tertiary);
    font-weight: 700;
    color: #434a4f !important;
    font-size: 14px;
    white-space: nowrap;
    width: 100% !important;
}

.auto-spec-tile-range[b-uevmz3l6jz] {
    color: var(--brand-primary,--brand-default);
    font-size: 11px;
    color: #434a4f !important;
    width: 100%;
    margin-right: -38px !important;
    text-align: right;
}

.auto-spec-tile-summary[b-uevmz3l6jz] {
    width: 100%;
    height: 55px;
    overflow: clip;
    color: #434a4f !important;
}

.nameAndDate[b-uevmz3l6jz] {
    width: 170px;
    color: #434a4f !important;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: -4px;
}

.auto-spec-tile-date[b-uevmz3l6jz] {
    color: var(--brand-primary,--brand-default);
    font-size: 13px;
    color: #434a4f !important;
   
    width: 100%;
}

.dateContainer[b-uevmz3l6jz] {
    margin-top: 4px;
    margin-bottom: -4px;
    display: flex;
    width: 90%;
}

.modelContainer[b-uevmz3l6jz] {
    margin-top: 4px;
    margin-bottom: -4px;
    display: flex;
    width: 90%;
}

.modelContainerText[b-uevmz3l6jz] {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.priceContainer[b-uevmz3l6jz] {
    margin-bottom: -7.5px;
    width: 100%;
}

.compare-section[b-uevmz3l6jz] {
    position: relative;
    bottom: -10px;
}

.CompareIcon[b-uevmz3l6jz] {
    font-size: 10px !important;
    margin-right: 2px;
}
/* _content/QuickPic3/Pages/General/Components/FeedComonents/BrandContactTile.Razor.rz.scp.css */
.brand-contact-tile[b-h9kk9ltjev] {    
    border: solid 1px transparent;
    border-radius: 5px;
    margin-bottom: 8px;
    width: 350px;
    height: 82px;
    font-size: smaller;
   
    margin-left: 15px;
}

    .brand-contact-tile:hover a[b-h9kk9ltjev] {
       
       color: var(--brand-primary) !important;
     
        
    }

.vid-date[b-h9kk9ltjev] {
    color: var(--brand-text);
}

.vid-tile-video[b-h9kk9ltjev] {
    margin-right: -5px !important;
    width: 80px;
}

.vid-tile-side[b-h9kk9ltjev] {
    margin-left: 17px;
    max-width: 250px;
}

.vid-tile-brand[b-h9kk9ltjev] {

}

.vid-tile-summary[b-h9kk9ltjev] {
    width: 100%;
    height: 55px;
    text-transform: uppercase;    
    overflow: clip;
    font-weight: 700;
}
.brand-contact-role[b-h9kk9ltjev] {
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.brand-contact-info[b-h9kk9ltjev] {
    color: #434a4f !important;
    text-decoration: none;
}


.telNo[b-h9kk9ltjev] {
    color: #434a4f !important;
}

.smallerFont[b-h9kk9ltjev] {
    font-size: 12px;
    color: #434a4f !important;
    margin-top: -2px;
}

.nameContainer[b-h9kk9ltjev] {
    color: #434a4f !important;
    font-weight: 700;
    height: 17px;
    font-size: 14px;
    margin-top:-1px;
    margin-bottom: 10px;
}
/* _content/QuickPic3/Pages/General/Components/FeedComonents/RelatedNewsTile.Razor.rz.scp.css */
.vid-tile[b-c6100fr1e6] {
    color: var(--default-text-news);
    border: solid 1px transparent;
    border-radius: 5px;
    cursor: pointer;
       width: 96.5% !important;
    font-size: smaller;
    margin-left: 10px;
    text-decoration: none !important;
}

    .vid-tile:hover[b-c6100fr1e6] {
        border-color: var(--brand-primary);
        border: solid 1px var(--brand-primary);
        box-shadow: #7b8083 5px 5px 5px 0px;
    }


.PlayButtonContainer[b-c6100fr1e6] {
    height: 100%;
    align-self: center;    
    width: 100%;
    display: flex;
    /*top: 45%;*/
}

.playButtonImage[b-c6100fr1e6] {
    width: 80px;
    margin-left: auto;
    align-self: center;
    margin-right: auto;
}
.playButtonImage2[b-c6100fr1e6] {
    width: 100px;
    margin-left: auto;
    align-self: center;
    margin-right: auto;
}
.vid-date[b-c6100fr1e6] {
    margin-top: 6px;
    text-align: right;
    margin-right: -24px !important;
    color: #434a4f;
    font-size: 11px !important;
    min-width: 65px;
}
.vid-tile-video[b-c6100fr1e6] {
    width: 142px !important;
    position: inherit;
    border-color: #595959 !important;
    margin-right: 6px !important;
    position: relative;
    display: flex;
    text-align: center;
}

.vid-tile-side[b-c6100fr1e6] {
    margin-left: 5.5px;
    max-width: 100%;
    margin-top: -2px;
    width: 300px;
}

.vid-tile-brand[b-c6100fr1e6] {
    color: #434a4f;
    font-weight: 700;
    margin-top:6px;
}

.vid-tile-summary[b-c6100fr1e6] {
    width: 100%;
    height: 72px;
    color: var(--default-text-news);
    overflow: clip;
    color: #434a4f !important;
    text-overflow: ellipsis;
    font-size: 12px;
    margin-top:2px;  
}

.related-back[b-c6100fr1e6] {
    border-radius: 7px;
    background-color: #E6E6E6;    
}
/* _content/QuickPic3/Pages/General/Components/FeedComonents/VideoTile.Razor.rz.scp.css */
.vid-tile[b-yhjnghrk03] {
    color: var(--default-text-news);
    border: solid 1px transparent;
    /*background-color: var(--brand-tile-item-bg,--default-tile-item-bg);*/
    border-radius: 5px;
    /*margin-bottom: 5px;*/    
    cursor: pointer;
    /*    width: 320px;
    height: 400px;
    max-width: 300px;
    max-height: 260px;*/
    width: 355px;    
    font-size: smaller;    
    margin-left: 3px;
    height: 90px;
}

    .vid-tile:hover[b-yhjnghrk03] {
        /*color: var(--brand-tile-item-text-h,--default-tile-item-text-h);
        border: solid 1px var(--brand-tile-item-border-h,--default-tile-item-border-h);*/
        background-color: var(--brand-primary);
        /*background-color: var(--brand-tile-item-bg-h,--default-tile-item-bg-h);*/
    }

.vid-date[b-yhjnghrk03] {    
    color: white;    
    min-width: 65px;
}
.vid-tile-video[b-yhjnghrk03] {    
    width: 80px;
    position: inherit;
    border-color: #595959  !important;
}

.vid-tile-side[b-yhjnghrk03] {
    margin-left: 5px;
    max-width: 175px;
    margin-top: -2.6px;
}

.vid-tile-brand[b-yhjnghrk03] {    
    color: white !important;  
    font-weight: 700;
}

.vid-tile-summary[b-yhjnghrk03] {
    width: 100%;
    height: 55px;
    color: var(--default-text-news);
    overflow: clip;    
    /*font-weight: 700;*/
    color: white !important;
    text-overflow: ellipsis;
    font-size: 12px;

}

.VideoThumbContainer[b-yhjnghrk03]{
    
}

.VidPlayOverlay[b-yhjnghrk03]{
    margin-top: -120px;
    margin-left: 45px;            
}

.videoIcon[b-yhjnghrk03]{    
    font-size: 90px;
    color: white;
}

    .videoIcon:hover[b-yhjnghrk03] {
        color: var(--brand-primary,--default-primary);
    }

.brandAndDate[b-yhjnghrk03]{    
    width: 170px;
    color: white !important;
}
/* _content/QuickPic3/Pages/General/Components/RelatedNewsFeed.razor.rz.scp.css */
.vid-box[b-h2mlmcmkuo] {
    background-color: #E8ECED !important;
    border-radius: 7px;
    width: 387px;
    padding-top: 10px;
    margin-top: -8px;
    margin-bottom: 8px;
}

.vid-box-title[b-h2mlmcmkuo] {
    margin-left: 15px;
    padding: 0px;
    height: 30px;
    font-size: large;
    font-weight: 700;
    color: var(--brand-primary);
    cursor: pointer;
    text-decoration: none;
    width: fit-content;
    margin-bottom: 9px;
}

.MoreIconContainer[b-h2mlmcmkuo] {
    margin-right: 3px;
    margin-top: -4px;
}

.btnMore[b-h2mlmcmkuo] {
    color: white;
    padding: 0px;
    margin-top: -20px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    width: fit-content;
}

    .btnMore:hover[b-h2mlmcmkuo] {
        font-weight: 700;
        cursor: pointer;
    }

.moreSpan[b-h2mlmcmkuo] {
    font-size: 28px;
    font-weight: 100;
    cursor: pointer;
}

.moreLabelSpan[b-h2mlmcmkuo] {
    font-size: 16px;
    cursor: pointer;
}

.MoreButtonContainer[b-h2mlmcmkuo] {
    padding-left: 3px;
    margin-top: -5px;
    padding-bottom: 10px;
}

.a_More[b-h2mlmcmkuo] {
    margin-top: 0px;
}

.moreButton[b-h2mlmcmkuo] {
    border-radius: 7px;
    color: #434a4f;
    border-color: #434a4f;
    border: solid 1px;
    font-size: 15px;
}
    .moreButton:hover span[b-h2mlmcmkuo] {
        color: var(--brand-primary) !important;
    }
.MoreButtonContainer[b-h2mlmcmkuo] {
    padding-left: 3px;
    margin-top: -15px;
    padding-bottom: 0px;
    margin-left: 7px;
}

.a_More[b-h2mlmcmkuo] {
    margin-top: 0px;
}

.iconSpan[b-h2mlmcmkuo] {
    font-size: 28px !important;
    margin-top: -1px !important;
}

.moreButton[b-h2mlmcmkuo] {
    border-radius: 7px;
    color: #434a4f;
    border: solid 1px #E8ECED;
    font-size: 15px;
    background-color: inherit;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 25px;
    margin-bottom: 15px;
    height: 25px;    
    cursor: pointer;
    padding-right: 2px;
}

  
/* _content/QuickPic3/Pages/General/Components/Scheduler.razor.rz.scp.css */

select[b-y2q9rlja9r], input[b-y2q9rlja9r] {
    border: solid 1px #ced4da;

    border-radius: 7px;
    min-height: 36px;
    color: #808080;
}
.AddPadding[b-y2q9rlja9r]{
    padding: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

select[b-y2q9rlja9r] {
    max-height: 36px;
    border: solid 1px #ced4da;
    border-radius: 7px;
    background-color: white;
    min-width: 75px;
    outline: none;
    appearance: none;
    vertical-align: middle;
    letter-spacing: 1px;
    text-align-last: center;        
}
@-moz-document url-prefix() {
    select[b-y2q9rlja9r] {
        max-height: 36px;
        border: solid 1px #ced4da;
        border-radius: 7px;
        background-color: white;
        min-width: 75px;
        padding-top:7px;
        outline: none;
        appearance: none;
        vertical-align: middle;
        letter-spacing: 1px;
        text-align-last: center;
    } 
}

.activeTD[b-y2q9rlja9r] {    
    padding: 0px !important;        
    padding-top: 2px !important;
    width: 5%;
}

.cbxActive[b-y2q9rlja9r] {
    accent-color: #C8252C;
    min-height: 20px;           
}

.main-container[b-y2q9rlja9r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 36px;
}
.select-wrapper[b-y2q9rlja9r] {
    display: inline-block;
    position: relative;
}


.PeriodCell[b-y2q9rlja9r] {
    width: 120px !important;
    padding: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;    
    text-align: center;
}
/* _content/QuickPic3/Pages/General/Components/VideosFeed.razor.rz.scp.css */
.vidTileContainer[b-mc7enprdwn]{
    margin-bottom: 15px;    
}

.vid-box-title[b-mc7enprdwn] {
    margin-left: 5px;
    margin-bottom: 18px;
    padding: 0px;
    height: 30px;
    font-size: large;
    font-weight: 700;
    color: var(--brand-primary,--brand-default);
    cursor: pointer;
    text-decoration: none;
    color: white !important;
}

    .vid-box-title:hover[b-mc7enprdwn] {
        color: var(--brand-secondary,--brand-secondary-default);
    }

.btnMore[b-mc7enprdwn] {
    color: white;
    padding: 0px;
    margin-top: -25px;
    margin-bottom: 25px;    
    display: flex;
    align-items: center;    
    width: fit-content;
}

    .btnMore:hover[b-mc7enprdwn] {
        font-weight: 700;
        cursor: pointer;
    }

.moreSpan[b-mc7enprdwn] {
    font-size: 28px;      
    font-weight: 100;
    cursor: pointer;
}

.moreLabelSpan[b-mc7enprdwn] {
    font-size: 16px;
    cursor: pointer;
}
/* _content/QuickPic3/Pages/General/DeveloperPage.razor.rz.scp.css */
/*.list-container {
    position: absolute;
    background-color: #434a4f;
    color: white;
    width: fit-content;
    z-index: 15;
    height: 200px;
    overflow-y: auto;
    max-width: 324px;
    min-width: 95%;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: 13px !important;
    border: 1px solid #ced4da;
    white-space: nowrap;
}

    .list-container > div {
        width: fit-content;
        overflow-x: clip;
        text-indent: 5px;
        cursor: pointer;
    }*/

.list-container[b-mzmjtw9uyl] {
    position: absolute;
    background-color: white;
    color: #333;
    border: 1px solid #ced4da;
    border-radius: 8px;
    width: 100%;
    max-width: 240px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 15;
    font-size: 14px;
    overflow-y: auto;
    max-height: 200px;
}

    /* Dropdown items */
    .list-container > div[b-mzmjtw9uyl] {
        padding: 8px 16px;
        cursor: pointer;
        text-align: left;
    }

        .list-container > div:hover[b-mzmjtw9uyl],
        .activeItem[b-mzmjtw9uyl] {
            background-color: #e9f2fa;
            color: #333;
        }

/* Hover and active button state */
.inputbx:hover[b-mzmjtw9uyl],
.inputbx:active[b-mzmjtw9uyl] {
    background-color: #e9f2fa;
    border-color: #ced4da;
}



.container1[b-mzmjtw9uyl] {
    display: flex !important;
}

.inputDiv[b-mzmjtw9uyl] {
    width: 100%;
}

.main-container[b-mzmjtw9uyl] {
    width: 200px;
}

/*.inputbx {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    outline: none;
    height: 36px;
    border: 1px solid #b3b6b8;
    border-right: none;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    width: 100%;
    text-align: left;
    text-indent: 4px;
}*/

.inputbx[b-mzmjtw9uyl] {
    background-color: #f4f5f6;
    border: 1px solid #ced4da;
    border-radius: 16px;
    height: 36px;
    width: 100%;
    text-align: left;
    text-indent: 16px;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    padding-right: 32px; /* Reserve space for dropdown arrow */
}

    /* Add a down arrow to the dropdown button */
    .inputbx[b-mzmjtw9uyl]::after {
        content: '▼';
        font-size: 12px;
        color: #333;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Remove border and ensure cleaner visuals */
    .inputbx:focus[b-mzmjtw9uyl] {
        outline: none;
        border-color: #ced4da;
    }

.inputbx2[b-mzmjtw9uyl] {
    border-radius: 7px;
    outline: none;
    height: 36px;
    border: 1px solid #b3b6b8;
    width: fit-content !important;
    text-align: left;
    text-indent: 2px;
}

.main-item-buttons[b-mzmjtw9uyl] {
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.incButton[b-mzmjtw9uyl] {
    background-color: #ececed;
    border-top-right-radius: 7px;
    text-align: center;
    width: 30px;
    font-size: 11px;
    border: 1px solid #b3b6b8;
    border-left: none;
    border-bottom: none;
    height: 16px;
}

.decButton[b-mzmjtw9uyl] {
    background-color: #ececed;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    height: 36px;
    text-align: center;
    width: 30px;
    border: 1px solid #b3b6b8;
    border-left: none;
}

.decButton2 .mdi[b-mzmjtw9uyl] {
    padding-top: 7px;
    font-size: 14px !important;
}

.decButton2[b-mzmjtw9uyl] {
    background-color: #ececed;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    height: 36px;
    text-align: center;
    width: 30px;
    border: 1px solid #b3b6b8;
    border-left: none;
}

    .decButton2:hover[b-mzmjtw9uyl] {
        transition: 0.5s;
        background-color: #b3b6b8;
    }

    .decButton2:hover[b-mzmjtw9uyl] {
        transition: 0.5s;
        background-color: #b3b6b8;
        color: #C8252C;
    }

.decButton:hover[b-mzmjtw9uyl] {
    transition: 0.5s;
    background-color: #b3b6b8;
}

.activeItem[b-mzmjtw9uyl] {
    background-color: #C8252C;
    color: white;
}

.item[b-mzmjtw9uyl] {
    text-align: left;
}

    .item:hover[b-mzmjtw9uyl] {
        color: white;
        width: 100%;
        background-color: #c8252c;
    }

.input-box[b-mzmjtw9uyl] {
    width: 200px;
}

.ComponentContainer[b-mzmjtw9uyl] {
    position: inherit;
}

.ComponentContainer[b-mzmjtw9uyl] {
    position: relative;
    width: 100%;
}



.mainContainer[b-mzmjtw9uyl] {
}

@media only screen and (max-width: 820px) and (max-height: 1200px) {


    .decButton[b-mzmjtw9uyl] {
        width: 25px !important;
    }

    input[b-mzmjtw9uyl] {
        font-size: 11px;
    }

    .down[b-mzmjtw9uyl] {
        margin-left: -4px;
    }
}
/* _content/QuickPic3/Pages/General/EbenDevPage.razor.rz.scp.css */
/* _content/QuickPic3/Pages/General/Error.razor.rz.scp.css */
.error-container[b-7kot3gx15q] {
    background: url('/images/bg/bg_gray.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
}

.error-box[b-7kot3gx15q] {
    border: 1px solid #808080FF;
    color: #808080FF;
    margin-top: 50px;
    width: 300px;
    height: 400px;
    background-color: white;
    align-self: center;
}
/* _content/QuickPic3/Pages/General/MyProfile.razor.rz.scp.css */
.profilePictureContainer[b-3qa63pakh3] {
    width: fit-content;
    padding: 5px;
    border-radius: 7px;
    /*background-color: white;*/
}

.NewCompanyContainer[b-3qa63pakh3] {
    width: 400px !important;
}

ul[b-3qa63pakh3] {
    text-decoration: none;
    list-style: none;
    column-count: 4;
    height: 100%;
    text-align: left;
}

.listItemContainer[b-3qa63pakh3] {
    width: 100%;
    align-items: center;
    padding-bottom: 5px;
    display: flex;    
}

.cBrandCbx[b-3qa63pakh3] {
    width: fit-content;
}

.cBrandspn[b-3qa63pakh3] {
    width: 100%;
    margin-left: 5px;
    white-space: nowrap;
}

.FormSpan[b-3qa63pakh3] {
    display: flex;
    margin-top: 10px !important;
}

.SubMailingLists[b-3qa63pakh3] {
    font-size: 16px;
    margin-bottom: 5px;
}

.CustomIcon[b-3qa63pakh3] {
    font-size: 18px;
    top: -2px !important;
    position: relative !important;
}

.CustomBtnContainer[b-3qa63pakh3] {
    width: fit-content;
    margin-right: 10px;
}

.CustomButtons[b-3qa63pakh3] {
    width: 25px;
    height: 25px;
}

li[b-3qa63pakh3] {
    display: flex;
    width: 100%;
    white-space: nowrap;    
    border-right: solid #808080 1px;
}

.profileImg[b-3qa63pakh3] {
    border-radius: 50%;
    width: 100px !important;
    height: 100px !important;
}

.resizeImage[b-3qa63pakh3] {
    max-width: 100%;
    max-height: 100%;
    width: 300px;
    height: auto;
}

.addBtn[b-3qa63pakh3] {
    padding: 5px;
}

textarea[b-3qa63pakh3] {
    width: 98%;
    margin-left: 4px;
    border-radius: 6px;
    outline: solid 1px;
    outline-color: #ced4da;
    border: none;
}

.tableControls[b-3qa63pakh3] {
    flex: 0 1 auto;
}

.DocContainer[b-3qa63pakh3]{
    display: flex;
    align-items: center;    
    margin-top: 5px;
}

.DocContainer > div[b-3qa63pakh3]{
    margin-right: 5px;
    margin-left: 3px;
}

.DownloadItem[b-3qa63pakh3], .UploadDocButton[b-3qa63pakh3] {
    color: white;
    text-decoration: none;
    background-color: #C8252C;
    border-radius: 7px;
    border: none;
    padding: 10px !important;
    height: 30px !important;
    align-items: center;
    display: flex;
}

.UploadDocButton[b-3qa63pakh3] {
    background-color: #808080;
}
/* _content/QuickPic3/Pages/Monitor/Capture/CaptureFilter/CaptureTableFilter.razor.rz.scp.css */
.mainContent[b-qsq3j5o9f1] {    
    margin-top: 2%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
    width: 100%;
}

.btnSave[b-qsq3j5o9f1] {    
    margin-top: 10%;
    width: 100%;
    background-color: var(--brand-primary);
    color: #fff;
    border-radius: 5px;
}

    .btnSave:hover[b-qsq3j5o9f1] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.FilterString[b-qsq3j5o9f1] {
    border: solid 1px;
    font-weight: 300;
    text-transform: capitalize;
    border-radius: 7px;
    display: flex;
    margin: 2px;
    background-color: #C8252C;
    color: white;
    border-color: black;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.FilterStringsContainer[b-qsq3j5o9f1]{    
    display: flex;    
}

.filterIcon[b-qsq3j5o9f1]{
    font-size: 16px !important;
}

.filterButton[b-qsq3j5o9f1] {
    font-size: 16px !important;
}
/* _content/QuickPic3/Pages/Monitor/Capture/CaptureFilter/OnlineCaptureFilter.razor.rz.scp.css */
.mainContent[b-ec5fw8ihar] {    
    margin-top: 2%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
    width: 100%;
}

.btnSave[b-ec5fw8ihar] {    
    margin-top: 10%;
    width: 100%;
    background-color: var(--brand-primary);
    color: #fff;
    border-radius: 5px;
}

    .btnSave:hover[b-ec5fw8ihar] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.FilterString[b-ec5fw8ihar] {
    border: solid 1px;
    font-weight: 300;
    text-transform: capitalize;
    border-radius: 7px;
    display: flex;
    margin: 2px;
    background-color: #C8252C;
    color: white;
    border-color: black;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.FilterStringsContainer[b-ec5fw8ihar]{    
    display: flex;    
}

.filterIcon[b-ec5fw8ihar]{
    font-size: 16px !important;
}

.filterButton[b-ec5fw8ihar] {
    font-size: 16px !important;
}
/* _content/QuickPic3/Pages/Monitor/Capture/CapturePages/OnlineCapture.razor.rz.scp.css */

.TopControls[b-p2f0og7uwg] {
    display: flex;
    align-items: center;
}

.PageIndexerContainer[b-p2f0og7uwg] {
    width: fit-content;
    margin-left: auto;    
    text-align: right;
    white-space: nowrap;
}

.filterContainer[b-p2f0og7uwg]{
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
}

.filterDataList[b-p2f0og7uwg]{
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.pagingComponent[b-p2f0og7uwg]{
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

.searchContainer[b-p2f0og7uwg] {
    width: 50%;
    margin-right: 10px;
}

.printCaptureButton[b-p2f0og7uwg] {
    padding: 4px !important;
}
.top-text[b-p2f0og7uwg] {
    margin-top: -5px !important;
}

    .top-text span[b-p2f0og7uwg] {
        margin-top: 3px !important;
    }
table[b-p2f0og7uwg] {
    cursor: pointer;
    width: 100%;
}

.SentimentHelper[b-p2f0og7uwg]{    
    text-align: center;
    background-color: #C8252C;
    color: white;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 7px;
}

th > label:hover[b-p2f0og7uwg] {
    color: #C8252C;
}

th > div[b-p2f0og7uwg] {
    display: flex;
    align-items: center;
}

    th > div > label:hover[b-p2f0og7uwg] {
        color: #C8252C;
        cursor: pointer;
    }

td[b-p2f0og7uwg] {
    font-size: 12px !important;
}

.buttons[b-p2f0og7uwg] {
    display: flex;
    font-size: 12px !important;
}

.multiDeleteCbx[b-p2f0og7uwg]{
    border: solid;
    width: 15px;
}

.RowBtn[b-p2f0og7uwg] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-p2f0og7uwg] {
    margin-top: -2px !important;
}

.EditingCaptureRow > td[b-p2f0og7uwg] {
    background-color: lightgreen;
}

.DuplicateCaptureRow > td[b-p2f0og7uwg] {
    background-color: lightblue;
}

.NewCaptureRow[b-p2f0og7uwg] {
    background-color: lightpink;
}

.DisplayRow:hover > td[b-p2f0og7uwg] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .AveCost[b-p2f0og7uwg] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .MediaPublication[b-p2f0og7uwg] {
    background-color: #C8252C;
    color: white !important;
}


.DisplayRow:hover .RowBtn[b-p2f0og7uwg] {
    background-color: white;
    font-weight: 700;
}

.DisplayRow:hover .TableSentimentContainer[b-p2f0og7uwg] {
    background-color: whitesmoke;
    align-items: center;
    height: 30px;
    border-radius: 7px;
    text-align: center;
}

.TextDataList[b-p2f0og7uwg] {
    width: auto;
    font-size: 10px !important;
}

.TableSentimentContainer[b-p2f0og7uwg] {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
}

.sentimentDiv[b-p2f0og7uwg] {
    width: 100%;
}

.AveCost[b-p2f0og7uwg] {
    color: #C8252C;
}

.AveMultContainer[b-p2f0og7uwg] {
    display: flex;
}

.AveDesc[b-p2f0og7uwg] {
    width: 50%;
}

.AveName[b-p2f0og7uwg] {
    width: 100%;
}

.noStyleButton[b-p2f0og7uwg] {
    width: 100%;
    background-color: inherit;
    border: none;
}

    .noStyleButton:focus[b-p2f0og7uwg]{
        border: solid 1px;
    }

    .authorColumn[b-p2f0og7uwg] {
        width: 150px;
    }

.BrandColumn[b-p2f0og7uwg] {
    width: 100px;
}

.subjectColumn[b-p2f0og7uwg]{
    width: 110px !important;
}

.CategoryColumn[b-p2f0og7uwg] {
    width: 120px !important;
}

.DateColumns[b-p2f0og7uwg]{
    width: 100px !important;
    min-width: 80px !important;
    max-width: 100px !important;
}

.SavedTableCol[b-p2f0og7uwg]{
    width: 80px !important;
}

.PageColumn[b-p2f0og7uwg] {
    width: 70px;
}

.TitleColumn[b-p2f0og7uwg] {
    width: 370px;
}

.FileColumn[b-p2f0og7uwg] {
    text-indent: 4px;
}

.SentimentHeader[b-p2f0og7uwg] {
    align-items: center;
    width: 100px;
}

.SenntimentHeaderContainer[b-p2f0og7uwg] {
    display: flex;
}

.PosColor[b-p2f0og7uwg] {
    width: 100%;
    color: green;
}

.NeuColor[b-p2f0og7uwg] {
    width: 100%;
}

.NegColor[b-p2f0og7uwg] {
    width: 100%;
    color: #C8252C;
}

.PosRow[b-p2f0og7uwg] {
    color: green;
}

.NeuRow[b-p2f0og7uwg] {
    color: #808080;
}

.NegRow[b-p2f0og7uwg] {
    color: #C8252C;
}

.MediaPublication[b-p2f0og7uwg] {
    color: #C8252C;
}

.MultiDeleteButtonContainer[b-p2f0og7uwg] {
    margin-left: auto;
}

.DateHeader[b-p2f0og7uwg] {
    width: 150px;
}

.DateCell[b-p2f0og7uwg] {
    width: 150px;
}

.SavedCell[b-p2f0og7uwg] {
    width: 60px;
}

.ActionCell[b-p2f0og7uwg] {
    width: 100px;
}

.DateLabel[b-p2f0og7uwg] {
    margin-left: 5px;
}

.InputBox[b-p2f0og7uwg] {
    margin-left: 11px;
    width: 13px;
}

.DateLabel[b-p2f0og7uwg] {
    margin-left: 5px;
}

.DisplayRow:hover div[b-p2f0og7uwg] {
    background-color: #C8252C;
    color: white !important;
}

th[b-p2f0og7uwg] {
    min-width: 100px !important;
}

.LongTitle[b-p2f0og7uwg]{    
    word-break: break-word;
}

.ContextMenuContainer[b-p2f0og7uwg] {
    position: relative;
    background-color: #434a4f;
}

.ContextMenu[b-p2f0og7uwg] {
    background-color: #434a4f !important;
    color: white !important;
    border-radius: 7px;
    position: absolute;
    z-index: 200;
    width: 100px;
    margin-left: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

    .ContextMenu:hover[b-p2f0og7uwg] {
        background-color: #434a4f;
    }

    .ContextMenu > button[b-p2f0og7uwg] {
        font-size: 13px;
        background-color: #434a4f;
        border: none;
        color: white;
        text-align: left;
    }

        .ContextMenu > button:hover[b-p2f0og7uwg] {
            background-color: #C8252c;
        }

#btnSave[b-p2f0og7uwg] {
    color: #42ada4 !important;
    border-color: #42ada4 !important;
}

    #btnSave:hover[b-p2f0og7uwg] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.ItemsPerPageDropdown[b-p2f0og7uwg] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Capture/CapturePages/PrintCapture.razor.rz.scp.css */

.TopControls[b-jzjtyh3lly] {
    display: flex;
    align-items: center;
}

.PageIndexerContainer[b-jzjtyh3lly] {
    width: fit-content;
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
}

.filterContainer[b-jzjtyh3lly] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
}

.filterDataList[b-jzjtyh3lly] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.pagingComponent[b-jzjtyh3lly] {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

.searchContainer[b-jzjtyh3lly] {
    width: 50%;
    margin-right: 10px;
}


.printCaptureButton[b-jzjtyh3lly] {
    padding: 4px !important;
}
.top-text[b-jzjtyh3lly] {
    margin-top: -5px !important;
}

    .top-text span[b-jzjtyh3lly] {
        margin-top: 3px !important;
    }
table[b-jzjtyh3lly] {
    cursor: pointer;
    width: 100%;
}

.SentimentHelper[b-jzjtyh3lly] {
    text-align: center;
    background-color: #C8252C;
    color: white;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 7px;
}

th > label:hover[b-jzjtyh3lly] {
    color: #C8252C;
}

.MultiDeleteButtonContainer[b-jzjtyh3lly] {
    margin-left: auto;
}

th > div[b-jzjtyh3lly] {
    display: flex;
    align-items: center;
}

    th > div > label:hover[b-jzjtyh3lly] {
        color: #C8252C;
        cursor: pointer;
    }

td[b-jzjtyh3lly] {
    font-size: 12px !important;
}

.buttons[b-jzjtyh3lly] {
    display: flex;
    font-size: 12px !important;
}

.RowBtn[b-jzjtyh3lly] {
    height: 30px;
    width: 30px;
}


.RowSpan[b-jzjtyh3lly] {
    margin-top: -2px !important;
}

.EditingCaptureRow > td[b-jzjtyh3lly] {
    background-color: lightgreen;
}

.DuplicateCaptureRow > td[b-jzjtyh3lly] {
    background-color: lightblue;
}

.NewCaptureRow[b-jzjtyh3lly] {
    background-color: lightpink;
}

.DisplayRow:hover > td[b-jzjtyh3lly] {
    background-color: #C8252C;
    color: white !important;
}
.DisplayRow:hover > authorColumn[b-jzjtyh3lly] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .AveCost[b-jzjtyh3lly] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .RowBtn[b-jzjtyh3lly] {
    background-color: white;
    font-weight: 700;
}

.DisplayRow:hover .TableSentimentContainer[b-jzjtyh3lly] {
    background-color: whitesmoke;
    align-items: center;
    height: 30px;
    border-radius: 7px;
    text-align: center;
}
.DisplayRow:hover[b-jzjtyh3lly] {
    background-color: #C8252C;
    color: white !important;
}

.TextDataList[b-jzjtyh3lly] {
    width: auto;
    font-size: 10px !important;
}

.TableSentimentContainer[b-jzjtyh3lly] {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
}

.sentimentDiv[b-jzjtyh3lly] {
    width: 100%;
}

.AveCost[b-jzjtyh3lly] {
    color: #C8252C;
}

.AveMultContainer[b-jzjtyh3lly] {
    display: flex;
}

.AveDesc[b-jzjtyh3lly] {
    width: 50%;
}

.AveName[b-jzjtyh3lly] {
    width: 100%;
}

.noStyleButton[b-jzjtyh3lly] {
    width: 100%;
    background-color: inherit;
    border: none;
}
    .noStyleButton:focus[b-jzjtyh3lly] {
        border: solid 1px;
    }

.authorColumn[b-jzjtyh3lly] {
    width: 150px;
}

.BrandColumn[b-jzjtyh3lly] {
    width: 120px;
}

.CategoryColumn[b-jzjtyh3lly] {
    width: 130px;
}

.PageColumn[b-jzjtyh3lly] {
    width: 70px;
}

.FileColumn[b-jzjtyh3lly] {
    text-indent: 4px;
}

.SentimentHeader[b-jzjtyh3lly] {
    align-items: center;
}

.SenntimentHeaderContainer[b-jzjtyh3lly] {
    display: flex;


}

.PosColor[b-jzjtyh3lly] {
    text-align:center;
    width: 100%;
    color: green;
}

.NeuColor[b-jzjtyh3lly] {
    text-align: center;
    width: 100%;
}

.NegColor[b-jzjtyh3lly] {
    text-align: center;
    width: 100%;
    color: #C8252C;
}

.PosRow[b-jzjtyh3lly] {
    color: green;
}

.NeuRow[b-jzjtyh3lly] {
    color: #808080;
}

.NegRow[b-jzjtyh3lly] {
    color: #C8252C;
}


.DateCell[b-jzjtyh3lly] {
    width: 150px;
}

.InputBox[b-jzjtyh3lly] {
    margin-left: 11px;
    width: 13px;
}

.DateLabel[b-jzjtyh3lly] {
    margin-left: 5px;
}

.DisplayRow:hover div[b-jzjtyh3lly] {
    background-color: #C8252C;
    color: white !important;
}

.ContextMenuContainer[b-jzjtyh3lly] {
    position: relative;
    background-color: #434a4f;
}

.ContextMenu[b-jzjtyh3lly] {
    background-color: #434a4f !important;
    color: white !important;
    border-radius: 7px;
    position: absolute;
    z-index: 200;
    width: 100px;
    margin-left: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

    .ContextMenu:hover[b-jzjtyh3lly] {
        background-color: #434a4f;
    }

    .ContextMenu > button[b-jzjtyh3lly] {
        font-size: 13px;
        background-color: #434a4f;
        border: none;
        color: white;
        text-align: left;
    }

        .ContextMenu > button:hover[b-jzjtyh3lly] {
            background-color: #C8252c;
        }

#btnSave[b-jzjtyh3lly] {
    color: #42ada4 !important;
    border-color: #42ada4 !important;
}

    #btnSave:hover[b-jzjtyh3lly] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.ItemsPerPageDropdown[b-jzjtyh3lly] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Capture/CapturePages/RadioCapture.razor.rz.scp.css */

.TopControls[b-rmatzjhnvj] {
    display: flex;
    align-items: center;
}

.PageIndexerContainer[b-rmatzjhnvj] {
    width: fit-content;
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
}

.filterContainer[b-rmatzjhnvj] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
}

.filterDataList[b-rmatzjhnvj] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.pagingComponent[b-rmatzjhnvj] {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

.searchContainer[b-rmatzjhnvj] {
    width: 50%;
    margin-right: 10px;
}

.printCaptureButton[b-rmatzjhnvj] {
    padding: 4px !important;
}
.top-text[b-rmatzjhnvj] {
    margin-top: -5px !important;
}

    .top-text span[b-rmatzjhnvj] {
        margin-top: 3px !important;
    }
table[b-rmatzjhnvj] {
    cursor: pointer;
    width: 100%;
}

.SentimentHelper[b-rmatzjhnvj] {
    text-align: center;
    background-color: #C8252C;
    color: white;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 7px;
}

th > label:hover[b-rmatzjhnvj] {
    color: #C8252C;
}

.MultiDeleteButtonContainer[b-rmatzjhnvj] {
    margin-left: auto;
}

th > div[b-rmatzjhnvj] {
    display: flex;
    align-items: center;
}

    th > div > label:hover[b-rmatzjhnvj] {
        color: #C8252C;
        cursor: pointer;
    }

td[b-rmatzjhnvj] {
    font-size: 12px !important;
}

.buttons[b-rmatzjhnvj] {
    display: flex;
    font-size: 12px !important;
}

.RowBtn[b-rmatzjhnvj] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-rmatzjhnvj] {
    margin-top: -2px !important;
}

.EditingCaptureRow > td[b-rmatzjhnvj] {
    background-color: lightgreen;
}

.DuplicateCaptureRow > td[b-rmatzjhnvj] {
    background-color: lightblue;
}

.NewCaptureRow[b-rmatzjhnvj] {
    background-color: lightpink;
}

.DisplayRow:hover > td[b-rmatzjhnvj] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .AveCost[b-rmatzjhnvj] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .RowBtn[b-rmatzjhnvj] {
    background-color: white;
    font-weight: 700;
}

.DisplayRow:hover .TableSentimentContainer[b-rmatzjhnvj] {
    background-color: whitesmoke;
    align-items: center;
    height: 30px;
    border-radius: 7px;
    text-align: center;
}

.TextDataList[b-rmatzjhnvj] {
    width: auto;
    font-size: 10px !important;
}

.TableSentimentContainer[b-rmatzjhnvj] {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
}

.sentimentDiv[b-rmatzjhnvj] {
    width: 100%;
}

.AveCost[b-rmatzjhnvj] {
    color: #C8252C;
}

.AveMultContainer[b-rmatzjhnvj] {
    display: flex;
}

.AveDesc[b-rmatzjhnvj] {
    width: 50%;
}

.AveName[b-rmatzjhnvj] {
    width: 100%;
}

.noStyleButton[b-rmatzjhnvj] {
    width: 100%;
    background-color: inherit;
    border: none;
}

    .noStyleButton:focus[b-rmatzjhnvj] {
        border: solid 1px;
    }
.authorColumn[b-rmatzjhnvj] {
    width: 150px;
}

.BrandColumn[b-rmatzjhnvj] {
    width: 120px;
}

.CategoryColumn[b-rmatzjhnvj] {
    width: 130px;
}

.PageColumn[b-rmatzjhnvj] {
    width: 70px;
}

.FileColumn[b-rmatzjhnvj] {
    text-indent: 4px;
}

.SentimentHeader[b-rmatzjhnvj] {
    align-items: center;
}

.SenntimentHeaderContainer[b-rmatzjhnvj] {
    display: flex;
}

.PosColor[b-rmatzjhnvj] {
    width: 100%;
    color: green;
}

.NeuColor[b-rmatzjhnvj] {
    width: 100%;
}

.NegColor[b-rmatzjhnvj] {
    width: 100%;
    color: #C8252C;
}

.PosRow[b-rmatzjhnvj] {
    color: green;
}

.NeuRow[b-rmatzjhnvj] {
    color: #808080;
}

.NegRow[b-rmatzjhnvj] {
    color: #C8252C;
}

.DateCell[b-rmatzjhnvj] {
    width: 150px;
}

.InputBox[b-rmatzjhnvj] {
    margin-left: 11px;
    width: 13px;
}

.DateLabel[b-rmatzjhnvj] {
    margin-left: 5px;
}

.DisplayRow:hover div[b-rmatzjhnvj] {
    background-color: #C8252C;
    color: white !important;
}

.ContextMenuContainer[b-rmatzjhnvj] {
    position: relative;
    background-color: #434a4f;
}

.ContextMenu[b-rmatzjhnvj] {
    background-color: #434a4f !important;
    color: white !important;
    border-radius: 7px;
    position: absolute;
    z-index: 200;
    width: 100px;
    margin-left: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

    .ContextMenu:hover[b-rmatzjhnvj] {
        background-color: #434a4f;
    }

    .ContextMenu > button[b-rmatzjhnvj] {
        font-size: 13px;
        background-color: #434a4f;
        border: none;
        color: white;
        text-align: left;
    }

        .ContextMenu > button:hover[b-rmatzjhnvj] {
            background-color: #C8252c;
        }

#btnSave[b-rmatzjhnvj] {
    color: #42ada4 !important;
    border-color: #42ada4 !important;
}

    #btnSave:hover[b-rmatzjhnvj] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.ItemsPerPageDropdown[b-rmatzjhnvj] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Capture/CapturePages/SocialCapture.razor.rz.scp.css */

.TopControls[b-8ieplbzn50] {
    display: flex;
    align-items: center;
}

.PageIndexerContainer[b-8ieplbzn50] {
    width: fit-content;
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
}

.filterContainer[b-8ieplbzn50] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
}

.filterDataList[b-8ieplbzn50] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.pagingComponent[b-8ieplbzn50] {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

.searchContainer[b-8ieplbzn50] {
    width: 50%;
    margin-right: 10px;
}

.printCaptureButton[b-8ieplbzn50] {
    padding: 4px !important;
}
.top-text[b-8ieplbzn50] {
    margin-top: -5px !important;
}

    .top-text span[b-8ieplbzn50] {
        margin-top: 3px !important;
    }
table[b-8ieplbzn50] {
    cursor: pointer;
    width: 100%;
}

th > label:hover[b-8ieplbzn50] {
    color: #C8252C;
}

.SentimentHelper[b-8ieplbzn50] {
    text-align: center;
    background-color: #C8252C;
    color: white;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 7px;
}

th > div[b-8ieplbzn50] {
    display: flex;
    align-items: center;
}

    th > div > label:hover[b-8ieplbzn50] {
        color: #C8252C;
        cursor: pointer;
    }

td[b-8ieplbzn50] {
    font-size: 12px !important;
}

.buttons[b-8ieplbzn50] {
    display: flex;
    font-size: 12px !important;
}

.RowBtn[b-8ieplbzn50] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-8ieplbzn50] {
    margin-top: -2px !important;
}

.EditingCaptureRow > td[b-8ieplbzn50] {
    background-color: lightgreen;
}

.DuplicateCaptureRow > td[b-8ieplbzn50] {
    background-color: lightblue;
}

.NewCaptureRow[b-8ieplbzn50] {
    background-color: lightpink;
}

.DisplayRow:hover > td[b-8ieplbzn50] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .AveCost[b-8ieplbzn50] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .MediaPublication[b-8ieplbzn50] {
    background-color: #C8252C;
    color: white !important;
}


.DisplayRow:hover .RowBtn[b-8ieplbzn50] {
    background-color: white;
    font-weight: 700;
}

.DisplayRow:hover .TableSentimentContainer[b-8ieplbzn50] {
    background-color: whitesmoke;
    align-items: center;
    height: 30px;
    border-radius: 7px;
    text-align: center;
}

.TextDataList[b-8ieplbzn50] {
    width: auto;
    font-size: 10px !important;
}

.TableSentimentContainer[b-8ieplbzn50] {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
}

.sentimentDiv[b-8ieplbzn50] {
    width: 100%;
}

.AveCost[b-8ieplbzn50] {
    color: #C8252C;
}

.AveMultContainer[b-8ieplbzn50] {
    display: flex;
}

.AveDesc[b-8ieplbzn50] {
    width: 50%;
}

.AveName[b-8ieplbzn50] {
    width: 100%;
}

.noStyleButton[b-8ieplbzn50] {
    width: 100%;
    background-color: inherit;
    border: none;
}
    .noStyleButton:focus[b-8ieplbzn50] {
        border: solid 1px;
    }

.authorColumn[b-8ieplbzn50] {
    width: 150px;
}

.BrandColumn[b-8ieplbzn50] {
    width: 120px;
}

.CategoryColumn[b-8ieplbzn50] {
    width: 120px;
}

.PageColumn[b-8ieplbzn50] {
    width: 70px;
}

.TitleColumn[b-8ieplbzn50] {    
    width: 370px;
}

.FileColumn[b-8ieplbzn50] {
    text-indent: 4px;
}

.SentimentHeader[b-8ieplbzn50] {
    align-items: center;
    width: 100px;
}

.SenntimentHeaderContainer[b-8ieplbzn50] {
    display: flex;
}

.PosColor[b-8ieplbzn50] {
    width: 100%;
    color: green;
}

.NeuColor[b-8ieplbzn50] {
    width: 100%;
}

.NegColor[b-8ieplbzn50] {
    width: 100%;
    color: #C8252C;
}

.PosRow[b-8ieplbzn50] {
    color: green;
}

.NeuRow[b-8ieplbzn50] {
    color: #808080;
}

.NegRow[b-8ieplbzn50] {
    color: #C8252C;
}

.MediaPublication[b-8ieplbzn50]{
    color: #C8252C;
}

.MultiDeleteButtonContainer[b-8ieplbzn50]{        
    margin-left: auto;
}

.DateHeader[b-8ieplbzn50]{    
    width: 150px;
}

.DateCell[b-8ieplbzn50] {
    width: 150px;
}

.SavedCell[b-8ieplbzn50] {
    width: 60px;    
}

.ActionCell[b-8ieplbzn50] {
    width: 100px;
}

.DateLabel[b-8ieplbzn50]{
    margin-left: 5px;    
}

.InputBox[b-8ieplbzn50] {
    margin-left: 11px;
    width: 13px;
}
.DisplayRow:hover div[b-8ieplbzn50] {
    background-color: #C8252C;
    color: white !important;
}

.ContextMenuContainer[b-8ieplbzn50] {
    position: relative;
    background-color: #434a4f;
}

.ContextMenu[b-8ieplbzn50] {
    background-color: #434a4f !important;
    color: white !important;
    border-radius: 7px;
    position: absolute;
    z-index: 200;
    width: 100px;
    margin-left: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

    .ContextMenu:hover[b-8ieplbzn50] {
        background-color: #434a4f;
    }

    .ContextMenu > button[b-8ieplbzn50] {
        font-size: 13px;
        background-color: #434a4f;
        border: none;
        color: white;
        text-align: left;
    }

        .ContextMenu > button:hover[b-8ieplbzn50] {
            background-color: #C8252c;
        }

#btnSave[b-8ieplbzn50] {
    color: #42ada4 !important;
    border-color: #42ada4 !important;
}

    #btnSave:hover[b-8ieplbzn50] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.ItemsPerPageDropdown[b-8ieplbzn50] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Capture/CapturePages/TVCapture.razor.rz.scp.css */

.TopControls[b-1xkrk26dp4] {
    display: flex;
    align-items: center;
}

.PageIndexerContainer[b-1xkrk26dp4] {
    width: fit-content;
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
}

.filterContainer[b-1xkrk26dp4] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
}

.filterDataList[b-1xkrk26dp4] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.pagingComponent[b-1xkrk26dp4] {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

.searchContainer[b-1xkrk26dp4] {
    width: 50%;
    margin-right: 10px;
}

.printCaptureButton[b-1xkrk26dp4] {
    padding: 4px !important;
}
.top-text[b-1xkrk26dp4] {
    margin-top: -5px !important;
}

    .top-text span[b-1xkrk26dp4] {
        margin-top: 3px !important;
    }
table[b-1xkrk26dp4] {
    cursor: pointer;
    width: 100%;
}

th > label:hover[b-1xkrk26dp4] {
    color: #C8252C;
}

.SentimentHelper[b-1xkrk26dp4] {
    text-align: center;
    background-color: #C8252C;
    color: white;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 7px;
}

.MultiDeleteButtonContainer[b-1xkrk26dp4] {
    margin-left: auto;
}

th > div[b-1xkrk26dp4] {
    display: flex;
    align-items: center;
}

    th > div > label:hover[b-1xkrk26dp4] {
        color: #C8252C;
        cursor: pointer;
    }

td[b-1xkrk26dp4] {
    font-size: 12px !important;
}

.buttons[b-1xkrk26dp4] {
    display: flex;
    font-size: 12px !important;
}

.RowBtn[b-1xkrk26dp4] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-1xkrk26dp4] {
    margin-top: -2px !important;
}

.EditingCaptureRow > td[b-1xkrk26dp4] {
    background-color: lightgreen;
}

.DuplicateCaptureRow > td[b-1xkrk26dp4] {
    background-color: lightblue;
}

.NewCaptureRow[b-1xkrk26dp4] {
    background-color: lightpink;
}

.DisplayRow:hover > td[b-1xkrk26dp4] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .AveCost[b-1xkrk26dp4] {
    background-color: #C8252C;
    color: white !important;
}

.DisplayRow:hover .RowBtn[b-1xkrk26dp4] {
    background-color: white;
    font-weight: 700;
}

.DisplayRow:hover .TableSentimentContainer[b-1xkrk26dp4] {
    background-color: whitesmoke;
    align-items: center;
    height: 30px;
    border-radius: 7px;
    text-align: center;
}

.TextDataList[b-1xkrk26dp4] {
    width: auto;
    font-size: 10px !important;
}

.TableSentimentContainer[b-1xkrk26dp4] {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
}

.sentimentDiv[b-1xkrk26dp4] {
    width: 100%;
}

.AveCost[b-1xkrk26dp4] {
    color: #C8252C;
}

.AveMultContainer[b-1xkrk26dp4] {
    display: flex;
}

.AveDesc[b-1xkrk26dp4] {
    width: 50%;
}

.AveName[b-1xkrk26dp4] {
    width: 100%;
}

.noStyleButton[b-1xkrk26dp4] {
    width: 100%;
    background-color: inherit;
    border: none;
}

    .noStyleButton:focus[b-1xkrk26dp4] {
        border: solid 1px;
    }
.authorColumn[b-1xkrk26dp4] {
    width: 150px;
}

.BrandColumn[b-1xkrk26dp4] {
    width: 120px;
}

.CategoryColumn[b-1xkrk26dp4] {
    width: 130px;
}

.PageColumn[b-1xkrk26dp4] {
    width: 70px;
}

.FileColumn[b-1xkrk26dp4] {
    text-indent: 4px;
}

.SentimentHeader[b-1xkrk26dp4] {
    align-items: center;
}

.SenntimentHeaderContainer[b-1xkrk26dp4] {
    display: flex;
}

.PosColor[b-1xkrk26dp4] {
    width: 100%;
    color: green;
}

.NeuColor[b-1xkrk26dp4] {
    width: 100%;
}

.NegColor[b-1xkrk26dp4] {
    width: 100%;
    color: #C8252C;
}

.PosRow[b-1xkrk26dp4] {
    color: green;
}

.NeuRow[b-1xkrk26dp4] {
    color: #808080;
}

.NegRow[b-1xkrk26dp4] {
    color: #C8252C;
}

.DateCell[b-1xkrk26dp4] {
    width: 150px;
}

.InputBox[b-1xkrk26dp4] {
    margin-left: 11px;
    width: 13px;
}

.DateLabel[b-1xkrk26dp4] {
    margin-left: 5px;
}

.DisplayRow:hover div[b-1xkrk26dp4] {
    background-color: #C8252C;
    color: white !important;
}

.ContextMenuContainer[b-1xkrk26dp4] {
    position: relative;
    background-color: #434a4f;
}

.ContextMenu[b-1xkrk26dp4] {
    background-color: #434a4f !important;
    color: white !important;
    border-radius: 7px;
    position: absolute;
    z-index: 200;
    width: 100px;
    margin-left: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

    .ContextMenu:hover[b-1xkrk26dp4] {
        background-color: #434a4f;
    }

    .ContextMenu > button[b-1xkrk26dp4] {
        font-size: 13px;
        background-color: #434a4f;
        border: none;
        color: white;
        text-align: left;
    }

        .ContextMenu > button:hover[b-1xkrk26dp4] {
            background-color: #C8252c;
        }

#btnSave[b-1xkrk26dp4] {
    color: #42ada4 !important;
    border-color: #42ada4 !important;
}

    #btnSave:hover[b-1xkrk26dp4] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.ItemsPerPageDropdown[b-1xkrk26dp4] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/Category.razor.rz.scp.css */
table[b-bfev0is34a] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-bfev0is34a] {
    width: 100%;
}

td[b-bfev0is34a], th[b-bfev0is34a] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-bfev0is34a] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.CaptureContent[b-bfev0is34a] {
    margin-left: 25px;
}

.deleteIcon[b-bfev0is34a] {
    height: 30px;
    width: 30px;
    align-items: center;
    padding-top: 0px;    
}

.editIcon[b-bfev0is34a] {
    height: 30px;
    width: 30px;
    align-items: center;
    padding-top: 0px;
}

.btnAddFleet[b-bfev0is34a] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}
    .btnAddFleet:hover[b-bfev0is34a] {
        background-color: var(--brand-secondary,--brand-secondary-default) !important;
        color: #fff !important;
    }

.topControl[b-bfev0is34a] {
    display: flex;
    width: 90%;
    align-items: center;
}

th[b-bfev0is34a]{
    
}

.tableButton[b-bfev0is34a]{
    display: flex;
    margin-left: -4px;
    margin-top: -1px;
}

.addingBtn[b-bfev0is34a] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/Companies.razor.rz.scp.css */
.ModalContainer[b-12kt1k4lj2]
{
    min-width: 1000px;    
}

.DisplayPublicationContainer[b-12kt1k4lj2] {    
    margin-top: 10px;   
}

.PublicationList[b-12kt1k4lj2] {
    width: 100%;
    list-style: none;
    overflow-y: scroll;        
}

li[b-12kt1k4lj2] {
    padding: 2px;
    cursor: pointer;
}

li:hover[b-12kt1k4lj2]{
    background-color: #C8252C;
    color: white;
    border-radius: 7px;    
}
.TextBoxContainer[b-12kt1k4lj2]{
    display: flex;
    width: 100%;    
}

    .TextBoxContainer > div[b-12kt1k4lj2]{
        width: 100%;
    }

    .ListContainer[b-12kt1k4lj2] {
        display: flex;
        height: 350px;
    }

.activeItem[b-12kt1k4lj2] {
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
}

.CurrentPublications[b-12kt1k4lj2]{    
    
    max-width: 1000px;
}

table[b-12kt1k4lj2]{
    width: 100%;
}

.PublicationsDisplayTable[b-12kt1k4lj2]{
    width: 70%;
}

.ActionCell[b-12kt1k4lj2]{        
    width: 5%;
}

.ActionContainer[b-12kt1k4lj2]{    
    width: fit-content;
    display: flex;
}

.ActionContainer > button[b-12kt1k4lj2]{
    margin-left: 2px;
    margin-right: 2px;
}

.TableContols[b-12kt1k4lj2] {
    display: flex;
    align-items: center;
}

.RowBtn[b-12kt1k4lj2] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-12kt1k4lj2] {
    margin-top: -2px !important;
}

.ItemsPerPageDropdown[b-12kt1k4lj2] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/ContentGenerators.razor.rz.scp.css */
table[b-wsuq5xbx53] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-wsuq5xbx53] {
    width: 100%;
}

td[b-wsuq5xbx53], th[b-wsuq5xbx53] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-wsuq5xbx53] {
    border-radius: 5px;
    margin-bottom: 2px;
    width: 30px;
    height: 30px;
}

.CaptureContent[b-wsuq5xbx53] {
    margin-left: 25px;
}

.btnAddFleet[b-wsuq5xbx53] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddFleet:hover[b-wsuq5xbx53] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.topControl[b-wsuq5xbx53] {
    display: flex;
    width: 90%;
    align-items: center;
}

.tableButton[b-wsuq5xbx53]{
    display: flex;
    margin-left: -4px;
    margin-top: -5px;
}

.addingBtn[b-wsuq5xbx53] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/Magazine.razor.rz.scp.css */
table[b-e5mq7mr7p2] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-e5mq7mr7p2] {
    width: 100%;
}

td[b-e5mq7mr7p2], th[b-e5mq7mr7p2] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-e5mq7mr7p2] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.CaptureContent[b-e5mq7mr7p2] {
    margin-left: 25px;
}

.btnAddFleet[b-e5mq7mr7p2] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddFleet:hover[b-e5mq7mr7p2] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.topControl[b-e5mq7mr7p2] {
    display: flex;
    width: 90%;
    align-items: center;
}

.iconButton[b-e5mq7mr7p2]{
    width: 30px;
    height: 30px;
}

.tableButton[b-e5mq7mr7p2]{
    display: flex;
    margin-left: -4px;
    margin-top: -5px;
}

.downloadDocContainer[b-e5mq7mr7p2] {
    width: 100%;
    display: grid;
}

.DownloadButton[b-e5mq7mr7p2] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
    width: 30%;
}

.uploadDocContainer[b-e5mq7mr7p2] {
    margin-top: 15px;
    display: grid;
}

.updateLabel[b-e5mq7mr7p2] {
    margin-bottom: 5px;
}

.uploadBtnContainer[b-e5mq7mr7p2]{
    margin-top: 15px;
}

.DownloadButton[b-e5mq7mr7p2] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
}

.btnUpdatePublications[b-e5mq7mr7p2] {
    background-color: #7b8083 !important;
    width: 38%;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

    .btnUpdatePublications:hover[b-e5mq7mr7p2] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addBtnContainerTop[b-e5mq7mr7p2]{
    width: 40%;
    display: flex;
}

.btnAddMagazine[b-e5mq7mr7p2] {
    background-color: var(--brand-primary);
    width: 30%;
    color: #fff;
    padding: 5px;
}

    .btnAddMagazine:hover[b-e5mq7mr7p2] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addingBtn[b-e5mq7mr7p2] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox[b-e5mq7mr7p2]{
    display: flex;
    align-items: start;
    width: 40%;
}

.ItemsPerPageDropdown[b-e5mq7mr7p2] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/MultiPublications.razor.rz.scp.css */
.topControl[b-hm6kblmwrx] {
    display: flex;
    width: 90%;
    align-items: center;
}

.ExpandMultipublication[b-hm6kblmwrx] {
    color: #808080;
    width: 10px;
    background-color: inherit;
    border-top: none;
}

.addPopup[b-hm6kblmwrx] {
    display: flex;
    flex-direction: column;
    width: 500px;
}

.TableContainer[b-hm6kblmwrx]{
    margin-top: 30px;
}

.TableTopRowContainer[b-hm6kblmwrx] {
    display: flex;
    flex-direction: column;
}

.ButtonsHeader[b-hm6kblmwrx]{
    width: 20%;
}

.actionBtn[b-hm6kblmwrx]{
    width: 25%;
}

.q_btn_m_div[b-hm6kblmwrx]{
    margin-top: -7px;
}

.labels[b-hm6kblmwrx] {
    margin-top: 10px;
    margin-right: 25px;
    width: 90px
}

.savePublication[b-hm6kblmwrx]{
    align-self: center;
}

#addPublication[b-hm6kblmwrx] {
    background-color: #42ada4;
}

.addingBtn[b-hm6kblmwrx] {
    height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.top-text[b-hm6kblmwrx]{
    margin-top: 3px;
}

.SortableTableHeader[b-hm6kblmwrx] {
    width: 85%;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/MultiUpdate.razor.rz.scp.css */

.DownloadButton[b-b8krcvzuyn] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
}

.ModalInner[b-b8krcvzuyn]{    
    text-align: center;
}

.Upload[b-b8krcvzuyn]{
    margin-left: 5px;
}

/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/Newspaper.razor.rz.scp.css */
table[b-vojrwpyhy4] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-vojrwpyhy4] {
    width: 100%;
}

td[b-vojrwpyhy4], th[b-vojrwpyhy4] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-vojrwpyhy4] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.CaptureContent[b-vojrwpyhy4] {
    margin-left: 25px;
}

.btnAddFleet[b-vojrwpyhy4] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddFleet:hover[b-vojrwpyhy4] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.topControl[b-vojrwpyhy4] {
    display: flex;
    width: 90%;
    align-items: center;
}

.iconButton[b-vojrwpyhy4] {
    width: 30px;
    height: 30px;
}

.tableButton[b-vojrwpyhy4] {
    display: flex;
    margin-left: -4px;
    margin-top: -5px;
}

.downloadDocContainer[b-vojrwpyhy4] {
    width: 100%;
    display: grid;
}

.DownloadButton[b-vojrwpyhy4] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
    width: 30%;
}

.uploadDocContainer[b-vojrwpyhy4] {
    margin-top: 15px;
    display: grid;
}

.updateLabel[b-vojrwpyhy4] {
    margin-bottom: 5px;
}

.uploadBtnContainer[b-vojrwpyhy4] {
    margin-top: 15px;
}

.DownloadButton[b-vojrwpyhy4] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
}

.btnUpdatePublications[b-vojrwpyhy4] {
    background-color: #7b8083 !important;
    width: 39%;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

    .btnUpdatePublications:hover[b-vojrwpyhy4] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addBtnContainerTop[b-vojrwpyhy4] {
    width: 40%;
    display: flex;
}

.btnAddMagazine[b-vojrwpyhy4] {
    background-color: var(--brand-primary);
    width: 35%;
    color: #fff;
    padding: 5px;
}

    .btnAddMagazine:hover[b-vojrwpyhy4] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addingBtn[b-vojrwpyhy4] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox[b-vojrwpyhy4] {
    display: flex;
    align-items: start;
    width: 40%;
}

.ItemsPerPageDropdown[b-vojrwpyhy4] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/Online.razor.rz.scp.css */
table[b-lypveg6ftx] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-lypveg6ftx] {
    width: 100%;
}

td[b-lypveg6ftx], th[b-lypveg6ftx] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-lypveg6ftx] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.CaptureContent[b-lypveg6ftx] {
    margin-left: 25px;
}

.btnAddFleet[b-lypveg6ftx] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
    height:35px;
}

    .btnAddFleet:hover[b-lypveg6ftx] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.topControl[b-lypveg6ftx] {
    display: flex;
    width: 90%;
    align-items: center;
}

.iconButton[b-lypveg6ftx] {
    width: 30px;
    height: 30px;
}

.tableButton[b-lypveg6ftx] {
    display: flex;
    margin-left: -4px;
    margin-top: -5px;
}

.downloadDocContainer[b-lypveg6ftx] {
    width: 100%;
    display: grid;
}

.DownloadButton[b-lypveg6ftx] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
    width: 30%;
}

.uploadDocContainer[b-lypveg6ftx] {
    margin-top: 15px;
    display: grid;
}

.updateLabel[b-lypveg6ftx] {
    margin-bottom: 5px;
}

.uploadBtnContainer[b-lypveg6ftx] {
    margin-top: 15px;
}

.DownloadButton[b-lypveg6ftx] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
}

.btnUpdatePublications[b-lypveg6ftx] {
    background-color: #7b8083 !important;
    width: 39%;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

    .btnUpdatePublications:hover[b-lypveg6ftx] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addBtnContainerTop[b-lypveg6ftx] {
    width: 40%;
    display: flex;
}

.btnAddMagazine[b-lypveg6ftx] {
    background-color: var(--brand-primary);
    width: 27%;
    color: #fff;
    padding: 5px;
}

    .btnAddMagazine:hover[b-lypveg6ftx] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addingBtn[b-lypveg6ftx] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ItemsPerPageDropdown[b-lypveg6ftx] {
    display: flex !important;
    justify-content: end !important;
}

.searchBox[b-lypveg6ftx] {
    display: flex;
    align-items: start;
    width: 40%;
}

.ItemsPerPageDropdown[b-lypveg6ftx] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/Radio.razor.rz.scp.css */
table[b-gueja5ok6w] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-gueja5ok6w] {
    width: 100%;
}

td[b-gueja5ok6w], th[b-gueja5ok6w] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-gueja5ok6w] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.CaptureContent[b-gueja5ok6w] {
    margin-left: 25px;
}

.btnAddFleet[b-gueja5ok6w] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddFleet:hover[b-gueja5ok6w] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.topControl[b-gueja5ok6w] {
    display: flex;
    width: 90%;
    align-items: center;
}

.NullException[b-gueja5ok6w] {
    text-align: center;
    background-color: #C8252C;
    color: white;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 7px;
}

.iconButton[b-gueja5ok6w] {
    width: 30px;
    height: 30px;
}

.tableButton[b-gueja5ok6w] {
    display: flex;
    margin-left: -4px;
    margin-top: -5px;
}

.downloadDocContainer[b-gueja5ok6w] {
    width: 100%;
    display: grid;
}

.DownloadButton[b-gueja5ok6w] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
    width: 30%;
}

.uploadDocContainer[b-gueja5ok6w] {
    margin-top: 15px;
    display: grid;
}

.updateLabel[b-gueja5ok6w] {
    margin-bottom: 5px;
}

.uploadBtnContainer[b-gueja5ok6w] {
    margin-top: 15px;
}

.DownloadButton[b-gueja5ok6w] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
}

.btnUpdatePublications[b-gueja5ok6w] {
    background-color: #7b8083 !important;
    width: 39%;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

    .btnUpdatePublications:hover[b-gueja5ok6w] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addBtnContainerTop[b-gueja5ok6w] {
    width: 40%;
    display: flex;
}

.btnAddMagazine[b-gueja5ok6w] {
    background-color: var(--brand-primary);
    width: 35%;
    color: #fff;
    padding: 5px;
}

    .btnAddMagazine:hover[b-gueja5ok6w] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addingBtn[b-gueja5ok6w] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox[b-gueja5ok6w] {
    display: flex;
    align-items: start;
    width: 40%;
}

.ItemsPerPageDropdown[b-gueja5ok6w] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/SocialMedia.razor.rz.scp.css */
table[b-ebpsio9lif] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-ebpsio9lif] {
    width: 100%;
}

td[b-ebpsio9lif], th[b-ebpsio9lif] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-ebpsio9lif] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.CaptureContent[b-ebpsio9lif] {
    margin-left: 25px;
}

.btnAddFleet[b-ebpsio9lif] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .btnAddFleet:hover[b-ebpsio9lif] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addBtnContainer[b-ebpsio9lif]{
    display: flex;
}
.topControl[b-ebpsio9lif] {
    display: flex;
    width: 90%;
    align-items: center;
    margin-bottom: 10px;
}

.ExpandFleet[b-ebpsio9lif] {
    color: #808080;
    width: 10px;
}

.bookingsTable[b-ebpsio9lif] {
    width: 100%;
    background-color: #fff;
    border: solid #E0E0E0;
}

    .bookingsTable:hover[b-ebpsio9lif] {
        background-color: inherit;
    }

#bookingsRow[b-ebpsio9lif] {
    background-color: #fff;
}

.iconButton[b-ebpsio9lif] {
    width: 30px;
    height: 30px;
}

.tableButton[b-ebpsio9lif] {
    display: flex;
    margin-left: -4px;
    margin-top: -5px;
}

.downloadDocContainer[b-ebpsio9lif] {
    width: 100%;
}

.DownloadButton[b-ebpsio9lif] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
}

.uploadDocContainer[b-ebpsio9lif]{
    margin-top: 15px;
}

.updateLabel[b-ebpsio9lif] {
    margin-bottom: 5px;
}

.btnUpdatePublications[b-ebpsio9lif] {
    background-color: #7b8083 !important;
    width: 110%;
    color: #fff;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

    .btnUpdatePublications:hover[b-ebpsio9lif] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addingBtn[b-ebpsio9lif] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/Subjects.razor.rz.scp.css */
table[b-hxyqxvyzn2] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-hxyqxvyzn2] {
    width: 100%;
}

td[b-hxyqxvyzn2], th[b-hxyqxvyzn2] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

th[b-hxyqxvyzn2]{
    cursor:pointer;
}

th:hover[b-hxyqxvyzn2]{
    color: #C8252C;
}

.actionBtn[b-hxyqxvyzn2] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.CaptureContent[b-hxyqxvyzn2] {
    margin-left: 25px;
}

.deleteIcon[b-hxyqxvyzn2] {
    height: 30px;
    align-items: center;
    padding-top: 0px;    
}

.btnAddFleet[b-hxyqxvyzn2] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddFleet:hover[b-hxyqxvyzn2] {
        background-color: var(--brand-secondary,--brand-secondary-default);
        color: #fff !important;
    }

.topControl[b-hxyqxvyzn2] {
    display: flex;
    width: 90%;
    align-items: center;
}

.addBtnContainer[b-hxyqxvyzn2]{    
display: flex;
height: 45px;
}

.addSbjbtn[b-hxyqxvyzn2]{   
    height: 35px;    
    padding: 5px;
    padding-top: 2px;
}

.btnInnerDiv[b-hxyqxvyzn2] {
    
    padding: 0px;
}

th[b-hxyqxvyzn2] {
}

#btnSave[b-hxyqxvyzn2] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-hxyqxvyzn2] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.addingBtn[b-hxyqxvyzn2] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ItemsPerPageDropdown[b-hxyqxvyzn2] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Configure/ConfigurePages/TV.razor.rz.scp.css */
table[b-20ywzh4a5w] {
    border: solid 2px #E0E0E0;
    width: 90%;
}

.pagingComponent[b-20ywzh4a5w] {
    width: 100%;
}

td[b-20ywzh4a5w], th[b-20ywzh4a5w] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-20ywzh4a5w] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.CaptureContent[b-20ywzh4a5w] {
    margin-left: 25px;
}

.btnAddFleet[b-20ywzh4a5w] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddFleet:hover[b-20ywzh4a5w] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.topControl[b-20ywzh4a5w] {
    display: flex;
    width: 90%;
    align-items: center;
}

.iconButton[b-20ywzh4a5w] {
    width: 30px;
    height: 30px;
}

.tableButton[b-20ywzh4a5w] {
    display: flex;
    margin-left: -4px;
    margin-top: -5px;
}

.downloadDocContainer[b-20ywzh4a5w] {
    width: 100%;
    display: grid;
}

.DownloadButton[b-20ywzh4a5w] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
    width: 30%;
}

.uploadDocContainer[b-20ywzh4a5w] {
    margin-top: 15px;
    display: grid;
}

.updateLabel[b-20ywzh4a5w] {
    margin-bottom: 5px;
}

.uploadBtnContainer[b-20ywzh4a5w] {
    margin-top: 15px;
}

.DownloadButton[b-20ywzh4a5w] {
    background-color: #C8252C;
    border: none;
    color: white;
    border-radius: 7px;
    height: 30px;
    margin-left: 5px;
}

.btnUpdatePublications[b-20ywzh4a5w] {
    background-color: #7b8083 !important;
    width: 39%;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

    .btnUpdatePublications:hover[b-20ywzh4a5w] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addBtnContainerTop[b-20ywzh4a5w] {
    width: 40%;
    display: flex;
}

.btnAddMagazine[b-20ywzh4a5w] {
    background-color: var(--brand-primary);
    width: 22%;
    color: #fff;
    padding: 5px;
}

    .btnAddMagazine:hover[b-20ywzh4a5w] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.addingBtn[b-20ywzh4a5w] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox[b-20ywzh4a5w] {
    display: flex;
    align-items: start;
    width: 40%;
}

.ItemsPerPageDropdown[b-20ywzh4a5w] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Dashboard/Index.razor.rz.scp.css */
.InputControls[b-zyev6qycka] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-zyev6qycka] {
        padding: 10px;
    }

.DateControls[b-zyev6qycka] {
    display: flex;
}

    .DateControls > div[b-zyev6qycka] {
        width: 100%;
    }

        .DateControls > div > label[b-zyev6qycka] {
            margin-left: 3px;
        }

.BrandControls[b-zyev6qycka], .ButtonControls[b-zyev6qycka] {
    margin: 3px;
}

.ButtonControls[b-zyev6qycka] {
    margin-left: 0px;
    margin: 0px;
}

.NumberDisplay[b-zyev6qycka] {
    color: #C8252C;
    font-size: 30px;
}

.DoubleRow[b-zyev6qycka] {
    display: flex;
}

.spaceMaker[b-zyev6qycka] {
    width: 40px;
}

.DoubleColumn[b-zyev6qycka] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.MonthlyPerformanceOverallTable[b-zyev6qycka] {
    width: 99%;
    border: none;
}

    .MonthlyPerformanceOverallTable > tr[b-zyev6qycka] {
        height: 50px;
    }

.FirstCell[b-zyev6qycka] {
    color: #C8252C;
    font-size: 16px;
    border: none;
    text-align: left;
    font-weight: 700;
    border-bottom: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0 !important;
}

.MonitorLiteBorderFix[b-zyev6qycka] {
    border-top: solid 1px #e0e0e0 !important;
}

.MonthlyPerformanceOverallTableHeader[b-zyev6qycka] {
    color: #C8252C;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    border-bottom: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0 !important;
    padding-right: 20px !important;
}

.MonthlyPerformanceOverallTableItem[b-zyev6qycka] {
    text-align: right;
    border-bottom: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0 !important;
    padding-right: 20px !important;
}

.TopMediaCoverageOverallTable[b-zyev6qycka] {
    width: 99%;
    border: none;
}

    .TopMediaCoverageOverallTable > tr[b-zyev6qycka] {
        height: 40px !important;
    }

.TopMediaCoverageOverallHeaders[b-zyev6qycka] {
    height: 20px !important;
}

    .TopMediaCoverageOverallHeaders > td[b-zyev6qycka] {
        text-align: right !important;
        font-weight: 700;
        padding-right: 20px !important;
        height: 20px !important;
    }

.TopMediaCoverageOverallRows > td[b-zyev6qycka] {
    height: 30px !important;
    text-align: right;
    border-bottom: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0 !important;
    padding-right: 20px !important;
}

.TopMediaCoverageOverallFirstCell[b-zyev6qycka] {
    text-align: left !important;
    border: none;
}

.EmptyTD[b-zyev6qycka] {
    border: none;
}

.BigTable[b-zyev6qycka] {
    padding-bottom: 15px;
}



.DetailsTitle[b-zyev6qycka] {
    text-align: left !important;
}

.TopMediaCoverageOverallRows > td[b-zyev6qycka] {
}

.DetailsDate[b-zyev6qycka] {
    width: fit-content !important;
    white-space: nowrap;
    border-left: none;
}

.WordCloudContainer > div[b-zyev6qycka] {
    cursor: pointer;
}

.WordCloudContainer > div[b-zyev6qycka] {
    color: #C8252C;
}

.WordCloudContainer :nth-child(2n)[b-zyev6qycka] {
    color: #434a4f;
}

.WordCloudContainer :nth-child(3n)[b-zyev6qycka] {
    color: #42ada4;
}

.WordCloudContainer :nth-child(4n)[b-zyev6qycka] {
    color: #434a4f;
}

.WordCloudContainer[b-zyev6qycka] {
    margin-left: auto;
    margin-right: auto;
    /*border: solid black;*/
    width: 80%;
    height: 500px;
    justify-content: center;
    list-style: none;
}

.WordCloudItem[b-zyev6qycka] {
    /*border: solid 1px;    
    border-radius: 7px;       */
}

.leftColumn[b-zyev6qycka] {
    float: left;
}

.CenterColumn[b-zyev6qycka] {
    float: left;
}

.PageContainer[b-zyev6qycka] {
    position: relative;
}

.centerHeaders[b-zyev6qycka] {
    text-align: center !important;
}

    .centerHeaders > td[b-zyev6qycka] {
        text-align: center !important;
    }

.DetailsDate[b-zyev6qycka] {
    width: 5% !important;
}

.DetailsTitle[b-zyev6qycka] {
    width: 50% !important;
}

.DetailsSource[b-zyev6qycka] {
    width: 15% !important;
}

.DetailsMeasure[b-zyev6qycka] {
    width: 8% !important;
}

.DetailsPOS[b-zyev6qycka] {
    width: 5% !important;
}

.DetailsNEU[b-zyev6qycka] {
    width: 5% !important;
}

.DetailsNEG[b-zyev6qycka] {
    width: 5% !important;
}

.DetailsAVE[b-zyev6qycka] {
    width: 10% !important;
}



.SentimentTitle[b-zyev6qycka] {
    width: 40% !important;
}

.SentimentPos[b-zyev6qycka] {
    width: 1% !important;
}

.SentimentSource[b-zyev6qycka] {
    width: 10% !important;
}

.SentimentRange[b-zyev6qycka] {
    width: 10% !important;
}

.SentimentValue[b-zyev6qycka] {
    width: 2% !important;
}

.imgItem[b-zyev6qycka] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-zyev6qycka] {
    max-width: 2% !important;
    max-width: 2% !important;
}

.TopOverallName[b-zyev6qycka] {
    width: 22% !important;
    text-align: left !important;
}

.TopOverallPos[b-zyev6qycka] {
    width: 12.6% !important;
}

.TopOverallAVE[b-zyev6qycka] {
    width: 12.6% !important;
}

.TopOverallClips[b-zyev6qycka] {
    width: 12.6% !important;
}

.TopOverallAVGPos[b-zyev6qycka] {
    width: 12.6% !important;
}

.TopOverallAVGNeu[b-zyev6qycka] {
    width: 12.6% !important;
}

.TopOverallAVGNeg[b-zyev6qycka] {
    width: 12.6% !important;
}

.WatermarkContainer[b-zyev6qycka] {
    position: absolute;
    z-index: 9999;
    top: 55%;
    left: 35%;
    transform: translate(-50%, -50%) rotate(-15deg);
    background-color: transparent;
}

.Watermark[b-zyev6qycka] {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    color: #C8252C;
    font-size: 24px;
    text-align: center;
    padding: 10px;
    font-weight: 700;
}

.SomethingContainer[b-zyev6qycka] {
    position: relative;
    height: 275px;
    white-space: nowrap;
}

.MonthlyPerformanceContainer[b-zyev6qycka] {
    position: relative;
    height: 680px;
    white-space: nowrap;
}

.MonthlyPerformanceWatermarkContainer[b-zyev6qycka] {
    position: absolute;
    z-index: 9999;
    top: 45%;
    left: 45%;
    transform: translate(-50%, -50%) rotate(-15deg);
    background-color: transparent;
}

.TopPrintMediaCoverageContainer[b-zyev6qycka] {
    position: relative;
    height: 450px;
    white-space: nowrap;
}

.TopPrintMediaCoverageWatermarkContainer[b-zyev6qycka] {
    position: absolute;
    z-index: 9999;
    top: 55%;
    left: 38%;
    transform: translate(-50%, -50%) rotate(-15deg);
    background-color: transparent;
}

.TopOnlineMediaCoverageContainer[b-zyev6qycka] {
    position: relative;
    height: 450px;
    white-space: nowrap;
}

.TopOnlineMediaCoverageWatermarkContainer[b-zyev6qycka] {
    position: absolute;
    z-index: 9999;
    top: 55%;
    left: 38%;
    transform: translate(-50%, -50%) rotate(-15deg);
    background-color: transparent;
}

.TopBroadcastMediaCoverageContainer[b-zyev6qycka] {
    position: relative;
    height: 450px;
    white-space: nowrap;
}

.TopBroadcastMediaCoverageWatermarkContainer[b-zyev6qycka] {
    position: absolute;
    z-index: 9999;
    top: 55%;
    left: 38%;
    transform: translate(-50%, -50%) rotate(-15deg);
    background-color: transparent;
}

.forceRound[b-zyev6qycka] {
    width: 32px;
    height: 32px;
}

.tableText[b-zyev6qycka]{
    text-align: left !important;
    max-width: 600px;
}

.TopMediaCoverageOverallHeaders .tableTextHeader[b-zyev6qycka] {
    text-align: left !important;
}

.dontAllowWrap > td[b-zyev6qycka]{
    
}

.allowWrap[b-zyev6qycka] {    
    white-space: break-spaces !important;
}

.sources[b-zyev6qycka] {
    text-decoration: none;
    color: grey;
}

    .sources:hover[b-zyev6qycka] {
        color: #C8252C;
    }
/* _content/QuickPic3/Pages/Monitor/Reporting/CreatedReports.razor.rz.scp.css */


.Bot-Con[b-e4h4f6zelg]{
    width:100%;
}

.Bot-Con table[b-e4h4f6zelg]{
    width:100%;
    table-layout:fixed;
}
.MainMenu[b-e4h4f6zelg]{
    display:flex;
    flex-direction: column;
    gap:10px;
}

.BrandMenu[b-e4h4f6zelg]{
    
}
.DivLabel[b-e4h4f6zelg]{

}
.OtherMenu[b-e4h4f6zelg] {
    display: flex;
    flex-direction:column;
}

.Actions[b-e4h4f6zelg] {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.underline[b-e4h4f6zelg]{
    text-decoration: underline;
}

table tr:nth-child(2n+1)[b-e4h4f6zelg] {
    background-color: #f5f5f5;
}

table tr:hover[b-e4h4f6zelg] {
    background-color: #f1afaf;
   
}

    table tr:hover td[b-e4h4f6zelg] {
        color: white !important;
    }

    table tr:hover .underline[b-e4h4f6zelg] {
        color: white !important;
    }

    table td[b-e4h4f6zelg]{
        cursor:pointer;
    }

    table .underline[b-e4h4f6zelg] {
        cursor: pointer;
    }

    table td:nth-child(1)[b-e4h4f6zelg]{
        cursor:unset;
    }

        table td:nth-child(5)[b-e4h4f6zelg] {
            cursor: unset;
        }

.ModalTable[b-e4h4f6zelg] {
    width:100%;
}

.AddBtn[b-e4h4f6zelg] {
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 7px;
    background-color: #C8252C;
    color: white;
    height: 36px;
    margin-bottom: 5px;
}

    .AddBtn:hover[b-e4h4f6zelg] {
        background-color: #42ada4;
    }



.addingBtn[b-e4h4f6zelg] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/Monitor/Reporting/CreateReport.razor.rz.scp.css */


th[b-x947n0av8p] {
    all: unset;
    display: table-cell;
    text-align:center;
}
.Element td[b-x947n0av8p] {
    all: unset;
    display: table-cell;
    overflow: hidden;
    padding: 0 !important;
    white-space: nowrap;
   
}
.ElementS td[b-x947n0av8p] {
   
    all: unset;
    padding: 0 !important;
    display: table-cell;
    overflow: hidden;
    white-space: nowrap;
}


.ResizeTableDiv[b-x947n0av8p] {
    display: flex;
    flex-wrap: nowrap;

    height: 100%;
    width:100%;
}

.ResizeCell[b-x947n0av8p]{
    height:100%;
    flex-grow:1;
   
    resize:horizontal;
    overflow:hidden;
    display:flex;
  
    border:2px solid #C8252C;
    align-items:center;
    justify-content:center;
   
}

.CoverPageTo[b-x947n0av8p] {
    max-width: 150px !important;
    overflow: hidden;
    width: 150px !important;
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    height: fit-content;
}

.toline[b-x947n0av8p]{

}

thead td[b-x947n0av8p] {
    height: 25px !important;
}


.ConQueryItem[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    gap: 0px !important;
    flex-grow:1;

}

.MiniPagePreview[b-x947n0av8p] {
   background-color:white;
   display:flex;
   align-items:center;
   justify-content:center;
   text-decoration:none;
   font-size:24px;
}
    
.DisplayGroupCluaseCon[b-x947n0av8p] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    max-height: 100px;
    overflow: auto;
    overflow-x: hidden;
}
.DisplayGroup[b-x947n0av8p] {
    color: white;
    border: 1px solid #C8252C;
    border-radius: 10px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #C8252C;
}

.DisplayGroupCon[b-x947n0av8p] {
    display: flex;
    background-color: #999999;
    border-radius: 10px;
    padding: 2px;
    gap: 5px;
}

.ConCon[b-x947n0av8p] {
    display: flex;
    margin-right: 15px;
}



.ConQueryItem label[b-x947n0av8p] {
    color: white;
    font-size: 9px;
}
.ConditionsCon[b-x947n0av8p] {
    display: flex;
    color: white;
    align-items: center;
    border-right: 1px solid white;
  
    flex-wrap: wrap;
    gap:5px;
   max-width:300px;
   max-height:100px;
   overflow-y:scroll;

   overflow-x:hidden;
}




.DisplayGroup[b-x947n0av8p]
{

}
tr[b-x947n0av8p] {
}

.SelectDataCon[b-x947n0av8p]{
    display:flex;
}

.NewDCContainer[b-x947n0av8p] {
    height: 100% !important;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px !important;
    vertical-align: text-top;
    display: flex;
    align-items: center;
}

.NewDCContainerRowData[b-x947n0av8p] {
   
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px !important;
    display:flex;
    align-items:center;
 text-indent:-3px;
}

.DataSelectionArea[b-x947n0av8p] {
    width: 100%;
}
.SelectDataCon .DataSelectionArea[b-x947n0av8p] {
    width: 25%;
}
.ResultCon[b-x947n0av8p]{
    width:75%;
    display:flex;
    flex-direction:column;
}

.PGNumberEditor[b-x947n0av8p] {
    position: absolute !important;
    right: -50px;
    top: 1085px;
    height: 36px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.QueryBuilderCon[b-x947n0av8p] {
    border: 1px solid #b3b6b8;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    height: fit-content;
    width: 100%;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    gap: 5px;
    padding: 5px;
    flex-wrap: wrap;
}

.InnerSubQueryItem[b-x947n0av8p] {
    background-color: white;
    flex-grow: 1;
    border: 1px solid whitesmoke;
    border-radius: 15px;
    height: fit-content;
    min-height: 44px;
    width: fit-content;
    box-shadow: 0 0 10px rgba(0, 5, 0, 0.5);
    color: white;
    display: flex;
    align-items: center;
    padding: 1px;
    text-wrap: nowrap;
    cursor: pointer;
    justify-content: center;
    
    gap: 5px;
    min-width: 80px;
}

.GroupRemoveIcon[b-x947n0av8p] {
    position: relative;
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    padding-right: 4px;
    padding-left: 4px;
   display:flex;
   align-items:center;
   height:19px;
   width:19px;
   justify-content:center;
    font-size: 10px;
}

.WhereRemoveIcon[b-x947n0av8p] {
    position: absolute;
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    padding-right: 4px;
    padding-left: 4px;
    left: -5px;
    top: -13px;
    font-size: 10px;
}

.WhereRemoveIcon:hover[b-x947n0av8p] {

    background-color: #42ada4;
   
}

.SubQueryItem[b-x947n0av8p] {
    background-color: white;
  
  
    border: 1px solid whitesmoke;
    border-radius: 15px;
    height: fit-content;
    min-height: 48px;
    width: fit-content;
    color: white;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    cursor: pointer;
    justify-content: center;
    gap: 5px;
}

.QueryItem[b-x947n0av8p] {
    position:relative;
    min-width: 80px;
    flex-basis: 200;
    flex-grow: 0.07;
    border: 1px solid #42ada4;
    background-color: #42ada4;
    border-radius: 15px;
    height: fit-content;
    min-height: 30px;
    width: min-content;
    box-shadow: 0 0 10px rgba(0, 5, 0, 0.5);
    color: white;
    display: flex;
    align-items: center;
    padding: 2px;
    text-wrap: nowrap;
    cursor: pointer;
    justify-content: center;
    gap: 5px;
    
 
  
  
}

/*.QueryItem .InnerSubQueryItem:nth-child(3n+1) {
        background-color: #434a4f;
        border: 1px solid #434a4f;
    }

    .QueryItem .InnerSubQueryItem:nth-child(3n+2) {
        background-color: #42ada4;
        border: 1px solid #42ada4;
    }

    .QueryItem .InnerSubQueryItem:nth-child(3n+3) {
        background-color: rgb(175, 54, 54);
        border: 1px solid rgb(175, 54, 54);
    }

.QueryBuilderCon .QueryItem:nth-child(3n+1) {
    background-color: #434a4f;
    border: 1px solid #434a4f;
}

.QueryBuilderCon .QueryItem:nth-child(3n+2) {
    background-color: #42ada4;
    border: 1px solid #42ada4;
}

.QueryBuilderCon .QueryItem:nth-child(3n+3) {
    background-color: rgb(175, 54, 54);
    border: 1px solid rgb(175, 54, 54);
}
*/



.responsive-table[b-x947n0av8p]{
    height:395px;

}



.HeadingPoint[b-x947n0av8p]{
    font-weight:bold;
    margin-top:5px;
}

.ColumnRotateBtn[b-x947n0av8p] {
    border-radius: 7px;
    border: 1px solid #C8252C;
    color: white;
    background-color: #C8252C;
}

.ClearMaker[b-x947n0av8p] {
}

canvas[b-x947n0av8p] {
    background-color: white;
}

.HorizontalLine[b-x947n0av8p]{
   height:100%;
   width:2px;
   background-color:blue;
   position:absolute;


}
.VerticalAreaCheckPoints[b-x947n0av8p]{
    display:flex;
    flex-direction:column;
    justify-content:center;
  

}
.CheckPointVA[b-x947n0av8p]{
    display:flex; 
    align-items:center;
    justify-content:space-between;
    gap:5px;
}

.HideRight[b-x947n0av8p] {
    right: -110px !important;
}
.Page-Slider-Con[b-x947n0av8p] {
    position: fixed;
    background-color: #434a4f;
    width: 125px;
    z-index: 1001;
    right: 0px;
    top: 50%;
    transform: translateY(-40%);
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 15px;
    border-radius:7px;

    transition: right 0.5s;
}

.ShowHidePageSliderLeft[b-x947n0av8p] {
    left: 0px;
    top: 0;
    z-index: 1225;
    background-color: transparent;
    position: absolute !important;
    height: 100%;
    width: 15px;
    cursor: pointer;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.DisplayLine[b-x947n0av8p] {
    background-color: #0000003b;
    height: 150px;
    width: 2px;
}

thead td[b-x947n0av8p]{
    text-align:center;
}
.DisplayLineCon[b-x947n0av8p] {
    display: flex;
    gap: 2px;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
    height: 300px;
    width: 15px;
    background-color: #C8252C;
}

.green-tint[b-x947n0av8p] {
    background-color: #C8252C;
}

    .green-tint div[b-x947n0av8p] {
       background-color:#C8252C !important; 
       color:white;
    }
    .green-tint[b-x947n0av8p]{

    }

.CoverPageTitle[b-x947n0av8p] {
    width: 10%;
}

.CoverPageData[b-x947n0av8p] {
    width: 45%;
}

.PgNumSlider[b-x947n0av8p] {
    border-top: 1px solid white;
    margin-top: 2px;
    color: white !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;

}
.Page-Slider a:hover[b-x947n0av8p] {
  /*  cursor: pointer !important;
    border: 22px solid #C8252C !important;
    border-radius: 7px !important;*/
}

.Page-Slider a[b-x947n0av8p]{
/* //   min-height:300px !important;*/
}

.Page-Slider[b-x947n0av8p] {

    min-height: 700px;
    max-height: 700px;
    overflow: auto;
    width: 125px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

    /* Remove the scrollbar for Chrome */
    .Page-Slider[b-x947n0av8p]::-webkit-scrollbar {
        display: none;
    }

/* Remove the scrollbar for Firefox */
.Page-Slider[b-x947n0av8p] {
    scrollbar-width: none;
}


.ArrowsConGroup[b-x947n0av8p]{
    display:flex;
    align-items:center;
}

.YLabelCountCon[b-x947n0av8p] {
    display: flex;
    width: 50%;
    align-items: center;
    margin-left: 10px;
}

.YLabelCount[b-x947n0av8p]{
    width:60%;
}

.YLabelCountCon input[b-x947n0av8p]{
    width:40%;
}

.ElementDeleteButton div[b-x947n0av8p] {
    color: #C8252C;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
.ElementDeleteButton[b-x947n0av8p] {
    background-color:white;
    width: 36px;
    height: 36px;
    top: 0;
    left: -46px !important;
    position: absolute;
    border-radius: 7px;
    border: 1px solid #C8252C;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}
    .ElementDeleteButton:hover[b-x947n0av8p] {
        background-color: whitesmoke;
    }


    .VerticalLine[b-x947n0av8p] {
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: blue;
    }

.ChartDataSelectionCon[b-x947n0av8p] {
    padding: 20px;
    min-width: 1000px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ChartDataTabBar[b-x947n0av8p] {
    width: 25%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.SelectionAreaCon[b-x947n0av8p] {
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: whitesmoke;
    max-height: 300px;
    min-height: 300px;
}

.SelectionTable[b-x947n0av8p] {
}

.DataDisplayAreaCon[b-x947n0av8p] {
    background-color: whitesmoke;
    max-height: 300px;
    min-height: 300px;
}

.ChartTab[b-x947n0av8p] {
    background-color: #C8252C;
    color: white !important;
    border-radius: 7px;
    padding-left: 15px;
    padding-right: 15px;
}


.SelectedDataPreview[b-x947n0av8p] {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    gap: 10px;
}

.DataItemGrouped[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.DataItem[b-x947n0av8p] {
    background-color: whitesmoke;
    border-radius: 7px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.YAxisCol[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.XAxisCol[b-x947n0av8p] {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}

    .XAxisCol:nth-child(2n+1)[b-x947n0av8p] {
        border-right: 1px solid gray;
    }

    .XAxisCol > *[b-x947n0av8p] {
        flex: 0 0 calc(20% - 5px);
    }


.GroupingCol[b-x947n0av8p] {
    display: none;
    display: flex;
    flex-direction: column;
}


.DisplayBarCon[b-x947n0av8p] {
    position: sticky;
    z-index: 1000;
    top: 0;
    background-color: #eee;
    display: flex;
    flex-direction: column;
}

.SaveAndLoadSection[b-x947n0av8p] {
    display: flex;
    align-items: center;
}

.Tabs[b-x947n0av8p] {
    margin-left: 7px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.FormattingCon[b-x947n0av8p] {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}

.SelectedDataTableCon[b-x947n0av8p] {
    min-width: 400px;
    border: 1px solid blue;
}

.responsive-table[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.table-wrapper[b-x947n0av8p] {
    width: 100%;
    height:50%;
    overflow: hidden;
}

.half-table2[b-x947n0av8p] {
    width: 50%;
    float: left;
}

.half-table[b-x947n0av8p] {
    width: 50%;
    float: left;
}




.half-table[b-x947n0av8p] {
    width: 50%;
    float: left;
}

.RedFont[b-x947n0av8p] {
    color: #C8252C !important;
}

.NoHover[b-x947n0av8p] {
    background-color: unset !important;
}

.TableTop button[b-x947n0av8p] {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background-color: #C8252C;
    color: white !important;
    padding-right: 15px;
    padding-left: 15px;
    border: none;
}

.RankedYTDChanger[b-x947n0av8p]{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:3px;
    justify-content:center;
}

.YTDOption[b-x947n0av8p]{
    cursor:pointer;
    font-size:10px;
    border-radius:7px;
    padding:3px;
    background-color:#C8252C;
    color:white;
}

    .YTDOption:hover[b-x947n0av8p] {
        background-color: #42ada4;
    }
.YTDButton[b-x947n0av8p] {
    border-radius: 7px;
    background-color: #42ada4;
    color: white;
    border: 1px solid #42ada4;
}
    .YTDButton:hover[b-x947n0av8p] {
        background-color: #C8252C;
        border: 1px solid #C8252C;
    }
.TableTop button:hover[b-x947n0av8p] {
    background-color: #42ada4;
}

.isFocusedTab[b-x947n0av8p] {
    border-bottom: 2px solid #C8252C;
}

.Modal-Con table[b-x947n0av8p] {
   /* table-layout: fixed;*/
}

    .Modal-Con table td[b-x947n0av8p] {
        cursor: pointer;
    }

    .Modal-Con table th[b-x947n0av8p] {
        cursor: pointer;
    }

.hovered[b-x947n0av8p] {
    background-color: lightcoral; /* Apply your desired hover effect here */
}

.TableTop[b-x947n0av8p] {
    display: flex;
    gap: 20px;
    padding: 10px;
    align-items: center;
    width: 100%;
}

.TableTitle[b-x947n0av8p] {
    font-weight: 700;
}

.HeaderToolbar[b-x947n0av8p] {
    background-color: whitesmoke;
    padding: 10px;
    border-radius: 7px;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
    top: 10px;
    box-shadow: #7b8083 5px 5px 5px 0px;
    z-index: 99;
    width: 300px;
    left: -320px;
}


.CoverPageToolbar[b-x947n0av8p] {
    background-color: whitesmoke;
    padding: 10px;
    border-radius: 7px;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
   
    box-shadow: #7b8083 5px 5px 5px 0px;
    z-index: 99;
    width: 300px;
    left: -320px;
}
.CoverHeading[b-x947n0av8p] {
    width:fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: -90px;
    z-index:70 !important;
    color:#C8252C;
    position:relative;
    font-size:16px;
    font-weight: bold;
}
.SingleTable[b-x947n0av8p] {
    overflow-y: clip;
    user-select: none;
}

@media (max-width: 1600px) {
    .CoverPageToolbar[b-x947n0av8p] {
        top: 100px;
        right: 0;
       left: -33%;
    }

    .a4-page[b-x947n0av8p]{
      
    }

    .DeletePageBtn[b-x947n0av8p] {
        right: -60px !important;
    }
}

@media (max-width: 1500px) {
    .CoverPageToolbar[b-x947n0av8p] {
        top: 100px;
        right: 0;
        left: -20%;
    }

    .a4-page[b-x947n0av8p] {
    }

    .DeletePageBtn[b-x947n0av8p] {
        right: -60px !important;
    }
}
@media (max-width: 1300px) {
    .CoverPageToolbar[b-x947n0av8p] {
        top: 100px;
        right: 0;
        left: -10%;
    }

    .a4-page[b-x947n0av8p] {
    }

    .DeletePageBtn[b-x947n0av8p] {
        right: -60px !important;
    }
}

@media (max-width: 1220px) {
    .CoverPageToolbar[b-x947n0av8p] {
        top: 100px;
        right: 0;
        left: -20%;
    }

    .a4-page[b-x947n0av8p] {
    }

    .DeletePageBtn[b-x947n0av8p] {
        right: -60px !important;
    }
}

.ToolTitle[b-x947n0av8p] {
}

.Tab[b-x947n0av8p] {
    height: 23px;
    padding-right: 2px;
    padding-left: 2px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    cursor: pointer;
}

    .Tab:hover[b-x947n0av8p] {
        background-color: #eee;
        color: #C8252C !important;
    }

.DisplayBar[b-x947n0av8p] {
    display: flex;
    gap: 10px;
    padding: 15px;
    border-radius: 7px;
    background-color: white;
    border: 1px solid #7b8083;
    padding-bottom: 20px;
}

.PageSection[b-x947n0av8p] {
    position: relative;
    width: 5%;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid #C8252C;
}

.ImageSection[b-x947n0av8p] {
    position: relative;
    width: 8%;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid #C8252C;
}

    .TableSection[b-x947n0av8p] {
        position: relative;
        width: 8%;
        align-items: center;
        padding-right: 10px;
        justify-content: center;
        display: flex;
        border-right: 1px solid black;
    }
.TextSection[b-x947n0av8p] {
    position: relative;
    width: 8%;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid black;
}

.ImageSelector[b-x947n0av8p]{
    position:absolute;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:150px;
    height:150px;
    margin-top:10px;
}



.ImageSelector img[b-x947n0av8p]{
    object-fit:contain;
    width:100px;
    height:70px;
}

.TextSection2[b-x947n0av8p] {
    position: relative;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid black;
}

.ChartsSection[b-x947n0av8p] {
    position: relative;
    width: 5%;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid #C8252C;
}

.DashboardSection[b-x947n0av8p] {
    position: relative;
    width: 8%;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid black;
}

.CopyPasteSection[b-x947n0av8p] {
    position: relative;
    width: 5%;
    align-items: center;
    padding-right: 10px;
    justify-content: space-between;
    display: flex;
    border-right: 1px solid #C8252C;
}

.HeaderPropertiesSection[b-x947n0av8p] {
    position: relative;
    width: 10%;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid black;
}

.CloseProperties[b-x947n0av8p] {
    padding: 5px;
    margin: 2px;
    cursor: pointer;
    display: flex;
}

.TopBar[b-x947n0av8p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.CoverPropertiesSection[b-x947n0av8p] {
    position: relative;
    width: 10%;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    border-right: 1px solid #C8252C;
}

.Table-Menu-Icon[b-x947n0av8p] {
    cursor: pointer;
    height: 32px !important;
    width: 32px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
}

    .Menu-Icon[b-x947n0av8p] {
        cursor: pointer;
        height: 32px !important;
        width: 32px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 7px;
    }

        .Menu-Icon:hover[b-x947n0av8p] {
            background-color: #eee !important;
            color: #C8252C !important;
        }

.Menu_Icon_Active[b-x947n0av8p] {
    cursor: pointer;
    height: 32px !important;
    width: 32px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background-color: #eee;
    color: #C8252C !important;
}

.Menu-Icon-Values[b-x947n0av8p] {
    cursor: pointer;
    height: 32px !important;
    width: 80px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
}

    .Menu-Icon-Values:hover[b-x947n0av8p] {
        background-color: #eee !important;
        color: #C8252C !important;
    }

.Menu_Icon_Active-Values[b-x947n0av8p] {
    cursor: pointer;
    height: 32px !important;
    width: 80px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background-color: #eee;
    color: #C8252C !important;
}

.ColorCon[b-x947n0av8p] {
    width: 40px;
    height: 25px;
    display: flex;
    align-items: center;
}

.SelectCon[b-x947n0av8p]{
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
}

.BorderSection[b-x947n0av8p] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 20%;
    padding-right: 10px;
    border-right: 1px solid black;
}

.FontSection[b-x947n0av8p] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 25%;
    padding-right: 10px;
    border-right: 1px solid black;
}

.BoldIcon[b-x947n0av8p] {
    font-weight: 700 !important;
}

.UnderlineIcon[b-x947n0av8p] {
    text-decoration: underline;
}

.ClearMaker[b-x947n0av8p] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    z-index: 0;
}

.Title3[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: 35px;
    font-weight: bold;
    left: 50%;
    transform: translateX(-60%);
    white-space: nowrap;
}

.Title2[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: 35px;
    font-weight: bold;
    left: 50%;
    transform: translateX(-60%);
}

.Title[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: 45px;
    font-weight: bold;
    left: 50%;
    transform: translateX(-60%);
}

.Font-LeftCol[b-x947n0av8p] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 60%;
}

    .Font-LeftCol select[b-x947n0av8p] {
        outline: none;
        border: 1px solid #7b8083;
        background-color: white;
        border-radius: 7px;
        width: 75%;
        height: 36px;
    }


    .Font-LeftCol input[b-x947n0av8p] {
        outline: none;
        border: 1px solid #7b8083;
        border-radius: 7px;
        width: 25%;
        height: 36px;
    }

.Font-RightCol[b-x947n0av8p] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38%;
}

.AlignmentSection[b-x947n0av8p] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 10%;
    padding-right: 10px;
    border-right: 1px solid #C8252C;
}

.PrefabsSection[b-x947n0av8p] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    border-right: 1px solid #C8252C;
}

.AddElementSection[b-x947n0av8p] {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: center;
    width: 10%;
}

.DashboardDiv[b-x947n0av8p] {
    max-width: 1000px;
    max-height: 650px;
    overflow: auto;
}

.QueryBox[b-x947n0av8p] {
    border: 1px solid pink;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

Modal-Con2[b-x947n0av8p] {
    width: 50%;
}

.Modal-Con[b-x947n0av8p] {
    width: 100%;
}

    .Modal-Con table[b-x947n0av8p] {
        width: 100%;
    }


        .Modal-Con table td[b-x947n0av8p] {
            width: 4%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .Modal-Con table tr:nth-child(1)[b-x947n0av8p] {
            width: 15% !important;
        }

.Top-Half-Query[b-x947n0av8p] {
    border: 1px solid blue;
    padding: 10px;
}

.Bottom-Half-Query[b-x947n0av8p] {
    border: 1px solid red;
    padding: 10px;
}



.Page[b-x947n0av8p] {
    image-rendering: crisp-edges;
    text-rendering: optimizeLegibility;
    height: 1122px;
    background-color: white;
    width: 793px;
    position: relative;
    border: 1px dotted black;    
}

.a4-page[b-x947n0av8p] {
    image-rendering: crisp-edges;
    text-rendering: optimizeLegibility;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 793px;
    height: 1122px;
    margin: 0 auto;
    background-color: white !important;
    border-radius: 5px;
    border: none;
    position: relative;
}

.FocusedPage[b-x947n0av8p] {
    border: 1px solid black;
}



.EditAbleArea[b-x947n0av8p] {
    display: flex;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: transparent !important;
    font-size: 12px;
    box-sizing: border-box;
    padding: 5px; /* Adjust the padding value as needed */
    padding-top: 5px !important;
    margin: 0 !important;
}

table[b-x947n0av8p] {
    border-collapse: collapse;
  /*  table-layout: fixed;*/
}

  /*  table td {
        min-width: 80px;
    }*/

.Menu-Bar[b-x947n0av8p] {
    display: flex;
    height: 100px;
    width: 100px;
    background-color: blue;
    z-index: 1000;
    top: 100px !important;
    left: 0px;
}

.ElementS[b-x947n0av8p] {
  
    position: absolute;
 
 
    background-color: white;
}

.Element[b-x947n0av8p] {
    image-rendering: crisp-edges;
    text-rendering: optimizeLegibility;
    height: 300px;
    width: 300px;
    position: absolute;
    transform-origin: center;
    cursor: move;
    z-index: 101;
    background-color: white;
  
}
   

.Footer[b-x947n0av8p] {
    padding: 0 !important;
    border: 1px dotted red;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

    .Footer img[b-x947n0av8p] {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

.CoverPageCon[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    height: 92%;
    width: 100%;
}

.CoverImgCon[b-x947n0av8p] {
    margin-left: 40px;
    margin-right: 40px;
}

.DeletePageBtn[b-x947n0av8p] {
    position: absolute;
    right: -100px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

    .DeletePageBtn span[b-x947n0av8p] {
        color: #C8252C !important;
    }

    .DeletePageBtn:hover span[b-x947n0av8p] {
        color: white !important;
    }

.CoverImgCon img[b-x947n0av8p] {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
    height: 450px;
    z-index:50;
    object-fit: contain;
}

.BrandLogoCon[b-x947n0av8p] {
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
}

    .BrandLogoCon img[b-x947n0av8p] {
        margin-top: 0px;
        width: 100%;
        height: 100px;
        object-fit: contain;
        margin-bottom: 50px;
    }

.LabelDiv[b-x947n0av8p] {
    height: 15px;
}

.DetailsCon[b-x947n0av8p] {
    border-top: 1px solid #cfcfcf;
    margin-top: 20px;
    width: 87%;
    margin-left: 55px;
}

    .DetailsCon table[b-x947n0av8p] {
        border: none;
        margin-right: auto !important;
        width: 90%;
    }

        .DetailsCon table td[b-x947n0av8p] {
            padding: 5px !important;
            border: none;
            font-size: 14px !important;
        }

.Header[b-x947n0av8p] {
    cursor: pointer;
    border: 1px dotted red;
    display: flex;
    justify-content: space-between;
}

.LeftLogo[b-x947n0av8p] {    
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 8px;
}

.RightLogo[b-x947n0av8p] {    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 8px;
}

    .RightLogo img[b-x947n0av8p] {
        height: 48px;
        width: 44px;
        object-fit: contain;
    }

.MainLogo img[b-x947n0av8p] {
    height: 55px;
    width: 200px;
    object-fit: contain;
}

.LeftLogo img[b-x947n0av8p] {
    height: 48px;
    width: 48px;
    object-fit: contain;
}

.MiddleSection[b-x947n0av8p] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.TopHalf[b-x947n0av8p] {
    display: flex;
    width: 100%;
    justify-content: center;
    border-bottom: 1px solid #c5c5c6;
}

.MainLogo[b-x947n0av8p] {
}

.BottomHalf[b-x947n0av8p] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 10px;
}

.DateOptions[b-x947n0av8p] {
    display: flex;
    gap: 20px;
}

.DateItem[b-x947n0av8p] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.DateLeft[b-x947n0av8p] {
    font-size: 13px;
}

.PageNumber[b-x947n0av8p] {
    position: absolute;
    right: 15px;
    bottom: 10px;
    font-size: 12px;
}

.TitleRight[b-x947n0av8p] {
    font-size: 13px;
}

.elementImg[b-x947n0av8p] {
    user-drag: none;
    user-select: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: none;
    outline: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.Element #img[b-x947n0av8p] {
    user-drag: none;
    user-select: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: none;
    outline: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

textarea[b-x947n0av8p] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: none;
    outline: none;
    overflow: hidden;
}

.ResizeHandleRight[b-x947n0av8p] {
    background-color: transparent;
    height: 100%;
    width: 4px;
    border-right: 2px solid #C8252C;
    position: absolute;
    right: -5px;
    z-index: 50;
    top: 0;
    cursor: e-resize;
}

    .ResizeHandleRight:hover[b-x947n0av8p] {
        border-right: 2px solid #42ada4;
    }

.ResizeHandleLeft[b-x947n0av8p] {
    background-color: transparent;
    height: 100%;
    width: 4px;
    border-left: 2px solid #C8252C;
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 50;
    cursor: w-resize;
}

    .ResizeHandleLeft:hover[b-x947n0av8p] {
        border-left: 2px solid #42ada4;
    }

.ResizeHandleBottomRight[b-x947n0av8p] {
    background-color: #42ada4;
    height: 15px;
    width: 15px;
    position: absolute;
    border-radius: 50%;
    z-index: 52;
    right: -7px;
    bottom: -7px;
    cursor: se-resize !important;
}

    .ResizeHandleBottomRight:hover[b-x947n0av8p] {
    }

.ResizeHandleTop[b-x947n0av8p] {
    background-color: transparent;
    height: 4px;
    border-top: 2px solid #C8252C;
    width: 100%;
    position: absolute;
    z-index: 50;
    top: -5px;
    cursor: n-resize;
}

    .ResizeHandleTop:hover[b-x947n0av8p] {
        border-top: 2px solid #42ada4;
    }

.ResizeHandleBottom[b-x947n0av8p] {
    background-color: transparent;
    height: 4px;
    border-bottom: 2px solid #C8252C;
    width: 100%;
    position: absolute;
    z-index: 50;
    bottom: -5px;
    cursor: s-resize;
}

    .ResizeHandleBottom:hover[b-x947n0av8p] {
        border-bottom: 2px solid #42ada4;
    }



#slider-container[b-x947n0av8p] {
    position: relative;
    width: 200px;
    height: 200px;
    transform: rotate(-90deg);
}

#slider[b-x947n0av8p] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

#slider-handle[b-x947n0av8p] {
    position: absolute;
    top: 50%;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #333;
    cursor: pointer;
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
}



























/*































*{
    padding:0 ;
    margin:0  ;
}

.Actions{
    display:flex;
    gap:5px;
}
.AddBtn {
    border-radius: 7px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #C8252C;
    background-color: #C8252C;
    color: white;
}

    .AddBtn:hover {
        border: 1px solid #C8252CC9;
        background-color: #C8252CC9;
    }
.Top-Con {
    height: 10%;
    min-height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:space-between;
}

.Bot-Con {
    height: 90%;
    width: 100%;
}

.Bot-Con table{
    table-layout:fixed;
    width:100%;
}
   
   th:nth-child(1) {
        width: 5% !important;
    }

th:nth-child(2) {
    width: 10% !important;
}
th:nth-child(3) {
    width: 15% !important;
}
th:nth-child(4) {
    width: 35% !important;
}
th:nth-child(5) {
    width: 15% !important;
}
th:nth-child(6) {
    width: 20% !important;
}

td:nth-child(1) {
   width: 5% !important;
}
td:nth-child(2) {
   width: 10% !important;
}
td:nth-child(3) {
    width: 15% !important;
}
td:nth-child(4) {
     width: 35% !important;
}
td:nth-child(5) {
     width: 15% !important;
}
td:nth-child(6) {
    width: 20% !important;
}*/









.container[b-x947n0av8p] {
    width: 100%;
    height: 100%;
    padding: 0px;
}



.a4-page-margins[b-x947n0av8p] {
    border: 1px dashed rgba(0, 0, 0, 0.5);
    border-spacing: 7px !important;
    position: relative;
}

.initialMargins[b-x947n0av8p] {
    /*width: 210mm;
    height: 297mm;*/
    width: 100%;
    height: 100%;
}

.initialMargins2[b-x947n0av8p] {
    width: 190mm;
    height: 277mm;
}

.a4-page-mini[b-x947n0av8p] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 187px;
    margin: 0 auto;
    background-color: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    position: relative;
    margin-left: 45px;
    margin-bottom: 30px !important;
}

.a4-page-margins-mini[b-x947n0av8p] {
    width: 132px;
    height: 187px;
    background-color: #C8252C;
    position: relative;
    border: 1px dotted black;
}

.pageSpace[b-x947n0av8p] {
    height: 5mm;
}

.activePage[b-x947n0av8p] {
    border: 2px solid red;
}

.RowBtn[b-x947n0av8p] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-x947n0av8p] {
    margin-top: -2px !important;
}

.BrandLogoText[b-x947n0av8p] {
    text-indent: 5px;
}

.DateControls[b-x947n0av8p] {
    display: flex;
}

.coverImg[b-x947n0av8p] {
    position: relative;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 80mm;
    width: 190mm;
    height: 127mm;
    object-fit: contain;
}

.coverBrandImg[b-x947n0av8p] {
    position: relative;
    top: 11.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100mm;
    height: auto;
    object-fit: contain;
}

.footerImgCover[b-x947n0av8p] {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200mm;
    height: auto;
    object-fit: contain;
}

.footerImg[b-x947n0av8p] {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200mm;
    height: auto;
    object-fit: contain;
}

.footerLblCover[b-x947n0av8p] {
    position: absolute;
    top: 97.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #C8252C;
    white-space: nowrap;
}

.footerLbl[b-x947n0av8p] {
    position: absolute;
    top: 97.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #C8252C;
    white-space: nowrap;
}

.headerQPImg[b-x947n0av8p] {
    position: absolute;
    top: 5%;
    left: 7.5%;
    transform: translate(-50%, -50%);
    width: 20mm;
    object-fit: contain;
}

.headerStockImg[b-x947n0av8p] {
    position: absolute;
    top: 5%;
    left: 92%;
    transform: translate(-50%, -50%);
    width: 20mm;
    object-fit: contain;
}

.headerLine[b-x947n0av8p] {
    position: absolute;
    top: 6.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150mm;
    height: 0.1rem;
    background-color: #939498;
}

.line[b-x947n0av8p] {
    /*position: absolute;
    top: 6.5%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    width: 100%;
    /*    height: 0.1rem;
    background-color: #939498;*/
}

.headerBrandImg[b-x947n0av8p] {
    position: absolute;
    top: 3.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 15mm;
    width: auto;
    object-fit: contain;
}

.headerDatesLbl[b-x947n0av8p] {
    position: absolute;
    top: 7.6%;
    left: 30%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    color: #434a4f;
}

.marginLbl[b-x947n0av8p] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .marginLbl > div[b-x947n0av8p] {
        text-align: center;
    }

.centerInner[b-x947n0av8p] {
    display: flex;
    justify-content: right;
    align-items: center;
}

    .centerInner > div[b-x947n0av8p] {
        text-align: right;
    }

.centerMain[b-x947n0av8p] {
    justify-content: center;
    align-items: center;
}

.rightMain[b-x947n0av8p] {
    justify-content: right;
    align-items: center;
}

.leftMain[b-x947n0av8p] {
    justify-content: left;
    align-items: center;
}


































.InputControls[b-x947n0av8p] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-x947n0av8p] {
        padding: 10px;
    }

.DateControls[b-x947n0av8p] {
    display: flex;
}

    .DateControls > div[b-x947n0av8p] {
        width: 100%;
    }

        .DateControls > div > label[b-x947n0av8p] {
            margin-left: 3px;
        }

.BrandControls[b-x947n0av8p], .ButtonControls[b-x947n0av8p] {
    margin: 3px;
}

.ButtonControls[b-x947n0av8p] {
    margin-left: 0px;
    margin: 0px;
}

.NumberDisplay[b-x947n0av8p] {
    color: #C8252C;
    font-size: 30px;
}

.DoubleRow[b-x947n0av8p] {
    display: flex;
}

.spaceMaker[b-x947n0av8p] {
    width: 40px;
}

.spaceMakerH[b-x947n0av8p] {
    height: 15px;
}

.DoubleColumn[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.MonthlyPerformanceOverallTable[b-x947n0av8p] {
    width: 99%;
    border: none;
}

    .MonthlyPerformanceOverallTable > tr[b-x947n0av8p] {
        height: 50px;
    }

.FirstCell[b-x947n0av8p] {
    color: #C8252C;
    font-size: 16px;
    border: none;
    text-align: left;
    font-weight: 700;
    border-bottom: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0 !important;
}

.MonthlyPerformanceOverallTableHeader[b-x947n0av8p] {
    color: #C8252C;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    border-bottom: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0 !important;
    padding-right: 20px !important;
}

.MonthlyPerformanceOverallTableItem[b-x947n0av8p] {
    text-align: right;
    border-bottom: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0 !important;
    padding-right: 20px !important;
}

.TopMediaCoverageOverallTable[b-x947n0av8p] {
    width: 99%;
    border: none;
}

    .TopMediaCoverageOverallTable > tr[b-x947n0av8p] {
        height: 40px !important;
    }

.TopMediaCoverageOverallHeaders[b-x947n0av8p] {
    height: 20px !important;
}

    .TopMediaCoverageOverallHeaders > td[b-x947n0av8p] {
        text-align: right !important;
        font-weight: 700;
        padding-right: 20px !important;
        height: 20px !important;
    }

.TopMediaCoverageOverallRows > td[b-x947n0av8p] {
    height: 30px !important;
    text-align: right;
    border-bottom: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0 !important;
    padding-right: 20px !important;
}

.TopMediaCoverageOverallFirstCell[b-x947n0av8p] {
    text-align: left !important;
    border: none;
}

.EmptyTD[b-x947n0av8p] {
    border: none;
}

.BigTable[b-x947n0av8p] {
    padding-bottom: 15px;
}



.DetailsTitle[b-x947n0av8p] {
    text-align: left !important;
}

.TopMediaCoverageOverallRows > td[b-x947n0av8p] {
}

.DetailsDate[b-x947n0av8p] {
    width: fit-content !important;
    white-space: nowrap;
    border-left: none;
}

.WordCloudContainer > div[b-x947n0av8p] {
    cursor: pointer;
}

.WordCloudContainer > div[b-x947n0av8p] {
    color: #C8252C;
}

.WordCloudContainer :nth-child(2n)[b-x947n0av8p] {
    color: #434a4f;
}

.WordCloudContainer :nth-child(3n)[b-x947n0av8p] {
    color: #42ada4;
}

.WordCloudContainer :nth-child(4n)[b-x947n0av8p] {
    color: #434a4f;
}

.WordCloudContainer[b-x947n0av8p] {
    margin-left: auto;
    margin-right: auto;
    /*border: solid black;*/
    width: 80%;
    height: 500px;
    justify-content: center;
    list-style: none;
}

.WordCloudItem[b-x947n0av8p] {
    /*border: solid 1px;    
    border-radius: 7px;       */
}

.leftColumn[b-x947n0av8p] {
    float: left;
}

.CenterColumn[b-x947n0av8p] {
    float: left;
}

.PageContainer[b-x947n0av8p] {
    margin-top: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.centerHeaders[b-x947n0av8p] {
    text-align: center !important;
}

    .centerHeaders > td[b-x947n0av8p] {
        text-align: center !important;
    }

.DetailsDate[b-x947n0av8p] {
    width: 5% !important;
}

.DetailsTitle[b-x947n0av8p] {
    width: 50% !important;
}

.DetailsSource[b-x947n0av8p] {
    width: 15% !important;
}

.DetailsMeasure[b-x947n0av8p] {
    width: 8% !important;
}

.DetailsPOS[b-x947n0av8p] {
    width: 5% !important;
}

.DetailsNEU[b-x947n0av8p] {
    width: 5% !important;
}

.DetailsNEG[b-x947n0av8p] {
    width: 5% !important;
}

.DetailsAVE[b-x947n0av8p] {
    width: 10% !important;
}



.SentimentTitle[b-x947n0av8p] {
    width: 40% !important;
}

.SentimentPos[b-x947n0av8p] {
    width: 1% !important;
}

.SentimentSource[b-x947n0av8p] {
    width: 10% !important;
}

.SentimentRange[b-x947n0av8p] {
    width: 10% !important;
}

.SentimentValue[b-x947n0av8p] {
    width: 2% !important;
}

.imgItem[b-x947n0av8p] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-x947n0av8p] {
    max-width: 2% !important;
    max-width: 2% !important;
}

.TopOverallName[b-x947n0av8p] {
    width: 22% !important;
    text-align: left !important;
}

.TopOverallPos[b-x947n0av8p] {
    width: 12.6% !important;
}

.TopOverallAVE[b-x947n0av8p] {
    width: 12.6% !important;
}

.TopOverallClips[b-x947n0av8p] {
    width: 12.6% !important;
}

.TopOverallAVGPos[b-x947n0av8p] {
    width: 12.6% !important;
}

.TopOverallAVGNeu[b-x947n0av8p] {
    width: 12.6% !important;
}

.TopOverallAVGNeg[b-x947n0av8p] {
    width: 12.6% !important;
}

.ModalPlus[b-x947n0av8p] {
    background-color: #42ada4;
}

.ModalMinus[b-x947n0av8p] {
    background-color: #C8252C;
}

.ModalDisabled[b-x947n0av8p] {
    background-color: #b3b6b8;
}

.ModalBtnSize[b-x947n0av8p] {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 600;
    border-radius: 3px;
    padding: 0px !important;
    border-color: transparent;
}

.TableBtnGroup[b-x947n0av8p] {
    display: flex;
}

.FilterBtn[b-x947n0av8p] {
    margin-left: 5px;
}

.SortingCursor[b-x947n0av8p] {
    cursor: pointer;
}

.modalInput[b-x947n0av8p] {
    border-radius: 3px;
    border-width: 1px;
    width: 120px;
    margin-left: 5px;
    height: 32px;
}

.modalCheckbox[b-x947n0av8p] {
    margin-right: 0px;
}

.modalPlaceholder[b-x947n0av8p] {
    width: 30px;
}

.modalColorPicker[b-x947n0av8p] {
    display: flex;
}

.modalDisplayBar[b-x947n0av8p] {
    display: flex;
    gap: 10px;
    padding: 15px;
    border-radius: 7px;
    background-color: white;
    border: 1px solid #7b8083;
    padding-bottom: 20px;
    justify-content: center;
    align-items: center;
}

.modalDisplayBarCon[b-x947n0av8p] {
    position: relative;
    z-index: 100;
    top: 5px;
    /*background-color: #eee;*/
    background-color: transparent;
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
}

.modalFont-RightCol[b-x947n0av8p] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 40%;
}

    .modalFont-RightCol select[b-x947n0av8p] {
        outline: none;
        border: 1px solid #7b8083;
        background-color: white;
        border-radius: 7px;
        width: 75%;
        height: 36px;
    }


    .modalFont-RightCol input[b-x947n0av8p] {
        outline: none;
        border: 1px solid #7b8083;
        border-radius: 7px;
        width: 25%;
        height: 36px;
    }


.modalFont-LeftCol[b-x947n0av8p] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 75%;
}

    .modalFont-LeftCol select[b-x947n0av8p] {
        outline: none;
        border: 1px solid #7b8083;
        background-color: white;
        border-radius: 7px;
        width: 45% !important;
        height: 36px;
    }


.modalFont-LeftColinput[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    border-radius: 7px;
    width: 25%;
    height: 36px;
}

.modalFontSection[b-x947n0av8p] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding-right: 10px;
    border-right: 1px solid black;
}

.modalArangeCol[b-x947n0av8p] {
    position: relative;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    width: 50%;
    padding-right: 10px;
    border-right: 1px solid black;
}

.modalTableGroupSection[b-x947n0av8p] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding-right: 0px;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.modalGroupBy select[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    background-color: white;
    border-radius: 7px;
    width: 75%;
    height: 36px;
}

.modalTitle[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: 42px;
    font-weight: bold;
    left: 50%;
    transform: translateX(-60%);
}

.modalRangeType[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 19%;
    transform: translateX(-60%);
}

.modalInitialDate[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 69%;
    transform: translateX(-60%);
}

.modalEndDate[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 43%;
    transform: translateX(-20%);
}

.modalGroupByDropdown[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 33%;
    transform: translateX(-90%);
}

.modalFontStyle[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 26%;
    transform: translateX(-90%);
}

.modalFontSize[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 59.5%;
    transform: translateX(-90%);
}

.modalFontColor[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 76%;
    transform: translateX(-90%);
}

.modalFont-MidCol[b-x947n0av8p] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 75%;
}

.modalFont-MidColSelect[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    background-color: white;
    border-radius: 7px;
    width: 45% !important;
    height: 36px;
}


.modalFont-MidColInput[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    border-radius: 7px;
    width: 25%;
    height: 36px;
}

.modalTableNumList[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 28%;
    transform: translateX(-90%);
}

.modalTableFont[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 45.5%;
    transform: translateX(-90%);
}

.modalTableColor[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 88%;
    transform: translateX(-90%);
}

.modalTableRangeSection[b-x947n0av8p] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
    padding-right: 10px;
    /*border-right: 1px solid black;*/
    border-left: 1px solid black;
}

.modalRange[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: 42px;
    font-weight: bold;
    left: 50%;
    transform: translateX(-60%);
}

.modalFont-LeftLeftCol[b-x947n0av8p] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 75%;
}

    .modalFont-LeftLeftCol select[b-x947n0av8p] {
        outline: none;
        border: 1px solid #7b8083;
        background-color: white;
        border-radius: 7px;
        width: 45% !important;
        height: 36px;
    }


    .modalFont-LeftLeftColinput[b-x947n0av8p] {
        outline: none;
        border: 1px solid #7b8083;
        border-radius: 7px;
        width: 97%;
        height: 36px;
        margin-left: 10px;
    }

.modalFont-LeftLeftColinput2[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    border-radius: 7px;
    width: 100%;
    height: 36px;
}

.input-like-button[b-x947n0av8p] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 1px solid #7b8083;
    background-color: white;
    border-radius: 7px;
    width: 45%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

    .input-like-button:hover[b-x947n0av8p] {
        background-color: #f0f0f0;
    }

    .input-like-button:active[b-x947n0av8p] {
        background-color: #d9d9d9;
    }

.multidropdown[b-x947n0av8p] {
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    top: 100%;
    left: 60%;
    height: contain;
    height: fit-content;
}

.multiSelect[b-x947n0av8p] {
    height: 100% !important;
    max-height: 500px !important;
    width: 100%;
    min-width: 200px;
    overflow-y: scroll;
}

.multiSelectedValue[b-x947n0av8p] {
    background-color: #42ada4;
    color: white;
}

.modalTotals[b-x947n0av8p] {
    font-size: 9px;
    position: absolute;
    top: -12px;
    font-weight: bold;
    left: 73%;
    transform: translateX(-90%);
}

.modalMidTotals[b-x947n0av8p] {
    font-size: 10px;
    word-wrap: normal;
    text-align: right;
    font-weight: 600;
}

.modalTotalsMargin[b-x947n0av8p] {
    margin-left: 15px;
}

.modaltotalinput[b-x947n0av8p] {
    height: 20px;
    width: 20px;
    /*margin-left: 20px !important;*/
}

.singleTR[b-x947n0av8p] {
    min-height: 40px !important;
}

.ViewTableCell[b-x947n0av8p] {
   
}



.ViewTableCellPreview[b-x947n0av8p] {
    /*font-size: 12px;
    height: 17px !important;*/
    overflow-wrap: break-word !important;
/*    height: fit-content !important;*/

height:fit-content;

}

    .modalDynamicGroup[b-x947n0av8p] {
        color: white !important;
        font-weight: 600;
        width: 80%;
        background-color: #42ada4;
        border-radius: 7px;
        border-color: #42ada4;
        padding: 5px;
        margin-bottom: 5px;
    }

.modalDynamicGroupSelect[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    border-radius: 7px;
    width: 80%;
    height: 36px;
    margin-bottom: 5px;
}

.tableDateInput[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    border-radius: 7px;
    width: 60%;
    height: 36px;
}

.modalFont-LeftColNumber[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    border-radius: 7px;
    width: 13%;
    height: 36px;
    margin-left: 5px;
}

.groupedTable:hover[b-x947n0av8p] {
    border: 2px;
    border-color: aqua;
}

.MenuTable[b-x947n0av8p] {
    box-shadow: #7b8083 5px 5px 5px 0px;
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 7px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .MenuTable:hover[b-x947n0av8p] {
        border: 1px solid #C8252C;
    }


        .MenuTable:hover span[b-x947n0av8p] {
            color: #C8252C;
        }

.ModalTypeHeadings[b-x947n0av8p] {
    font-weight: 600;
    white-space: nowrap;
    top: 5px !important;
    position: relative;
}

.ModalArrangeHeadings[b-x947n0av8p] {
    font-weight: 600;
    white-space: nowrap;
    position: relative;
}

.modalColHeaders[b-x947n0av8p] {
    width: fit-content;
}

.modalColArrageDiv[b-x947n0av8p] {
    cursor: pointer;
    text-align: justify !important;
    border: 0.13rem solid #C8252C;
    border-radius: 7px;
    padding: 3px;
}

    .modalColArrageDiv:hover[b-x947n0av8p] {
        color: #C8252C !important;
    }

.modalArrowsDisabled[b-x947n0av8p] {
    height: 16px !important;
    width: 16px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    color: #ccc;
    padding: 10px;
}

.modalArrows[b-x947n0av8p] {
    cursor: pointer;
    height: 16px !important;
    width: 16px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    color: #42ada4;
    padding: 10px;
}

    .modalArrows:hover[b-x947n0av8p] {
        color: #C8252C !important;
    }

.sortMarginLeft[b-x947n0av8p] {
    margin-left: 4px;
}

.sortActive[b-x947n0av8p] {
    cursor: pointer;
}

    .sortActive:hover[b-x947n0av8p] {
        color: #C8252C !important;
    }

.sortDisabled[b-x947n0av8p] {
    color: #b3b6b8 !important;
}

.sortSelect[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    background-color: white;
    border-radius: 7px;
    /*width: 100% !important;*/
    height: 36px;
}

.TableItemContainer[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: -50px;
    gap: 10px;
    width: 40px;
    z-index: 55;
}

.TextTableInput[b-x947n0av8p] {
    height: 30px;
    border-radius: 7px;
    width: 50px;
}

.modalTextTableHeading[b-x947n0av8p] {
    margin-left: 15px;
}





















.FormatButtons[b-x947n0av8p] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 5px;
    width: 100%;
    flex-wrap:wrap;
}

.formatItem[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
}


.ModalCon[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 10px;
    min-width: 1000px !important;
}


.ModalNavBar[b-x947n0av8p] {
    display: flex;
    width: 25%;
    padding: 10px;
}

.ModalBodyCon[b-x947n0av8p] {
    padding: 0px 10px 10px 10px;
    width: 98vw;
}

.DisplayTableCon[b-x947n0av8p] {
    max-height: 500px;
    overflow: auto;
}





.ConfigCon[b-x947n0av8p] {
    width: 100%;
    display: flex;
    gap: 5px;
}

.ConfigCol[b-x947n0av8p] {
    width: 20%;
    display: flex;
    flex-direction: column;
    background-color: whitesmoke;
    border-radius: 7px;
    padding: 5px;
    min-width: 200px !important;
    max-height: 600px !important;
    padding-right: 20px;
    overflow-y: auto;
}

.ConfigCol2[b-x947n0av8p] {
    width: 10%;
    display: flex;
    flex-direction: column;
    background-color: whitesmoke;
    border-radius: 7px;
    padding: 5px;
    min-width: 200px !important;
    max-height: 600px !important;
    padding-right: 20px;
    overflow-y: auto;
}

.PreviewCol[b-x947n0av8p] {
    width: 40%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px solid black;
    border-radius: 7px;
    min-width: 400px !important;
    align-items: center;
    justify-content: center; 
}

.PreviewTableCol[b-x947n0av8p] {
    width: 40%;
    display: flex;
    flex-direction: column;
    background-color: white;
    min-width: 400px !important;
    align-items: center;
    justify-content: center;
    overflow:scroll !important;
}

.DCCenter[b-x947n0av8p] {
    align-content: center;
    justify-content: center;
}

.PreviewTableCol2[b-x947n0av8p] {
    overflow: scroll;
    width: 40%;
    display: flex;
    flex-direction: column;
    background-color: white;
    min-width: 400px !important;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.ColHeading[b-x947n0av8p] {
    font-weight: 700;
    font-size: 20px;
}

.DataSelectionArea[b-x947n0av8p] {
    background-color: white;
    border: 1px solid gray;
    padding: 7px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 500px;
    min-height: 500px;
    overflow: auto;
}

.SelectableItem[b-x947n0av8p] {
    cursor: pointer;
    background-color: white;
    border: 1px solid black;
    border-radius: 7px;
    padding-left: 5px;
    font-size: 16px;
}

.NonSelectableItem[b-x947n0av8p] {
    background-color: #434a4f;
    border: 1px solid black;
    border-radius: 7px;
    padding-left: 5px;
    font-size: 16px;
    color: white;
}

.InputArea[b-x947n0av8p] {
    border: 1px solid gray;
    background-color: white;
    padding: 10px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.InputAreaLabel[b-x947n0av8p] {
    min-width: 70px;
    text-align: left;
    display: flex;
    align-items: center;
}

.InputAreaInput[b-x947n0av8p] {
    border: 1px solid gray;
    background-color: white;
    padding: 10px;
    border-radius: 7px;
}

.InputAreaRow[b-x947n0av8p] {
    border: 1px solid gray;
    background-color: white;
    padding: 10px;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.InputAreaRow2[b-x947n0av8p] {
    border: 1px solid gray;
    background-color: white;
    padding: 10px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.InputAreaRowFormat[b-x947n0av8p] {
    border: 1px solid gray;
    background-color: white;
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 10px;
}

.SelectedCol[b-x947n0av8p] {
    padding-left: 5px;
    border-radius: 7px;
    border: 1px solid #434a4f;
    background-color: #434a4f;
    color: white;
    display: flex;
    justify-content: space-between;
    padding-right: 5px;
    align-items: center;
}

    .SelectedCol button[b-x947n0av8p] {
        border: none;
        background-color: transparent;
        color: white;
    }

        .SelectedCol button:hover[b-x947n0av8p] {
            color: #42ada4;
        }


.VisualsSelectionArea[b-x947n0av8p] {
    background-color: white;
    border: 1px solid gray;
    padding: 7px;
    border-radius: 7px;
    /*display: grid;
    grid-template-columns: repeat(auto-fill, 48%);
    grid-auto-rows: 20px;*/
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 200px;
    min-height: 200px;
    overflow-y: auto;

    /*display: grid;
    grid-template-columns: 70% 50%;*/
}

.SelectableVisual[b-x947n0av8p] {
    cursor: pointer;
    font-size: 12px;
    background-color: #434a4f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 2px;
}

.SelectableVisualSelected[b-x947n0av8p] {
    cursor: pointer;
    font-size: 12px;
    background-color: #C8252C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 2px;
}

.VisualsSelectionAreaTable[b-x947n0av8p] {
    background-color: white;
    border: 1px solid gray;
    padding: 7px;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 98%);
    /*grid-auto-rows: 20px;*/
    gap: 5px;
    /*max-height: 200px;*/
    min-height: 60px;
    overflow: auto;
}

.SelectableVisualTable[b-x947n0av8p] {
    cursor: pointer;
    font-size: 12px;
    background-color: blue;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 2px;
}

.VariantsCon[b-x947n0av8p]{
    display:flex; 
    gap:5px;
}

.SelectableVariant[b-x947n0av8p] {
    border: 1px solid #C8252C;
    background: #C8252C;
    color: white;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.InputCon[b-x947n0av8p] {
}

.InputCon2[b-x947n0av8p]{
    align-content:flex-start;
}

.InputLabel[b-x947n0av8p] {
}

.InputComponent[b-x947n0av8p] {
}

.CustomDataCon[b-x947n0av8p] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 7px;
}

.CustomGroup[b-x947n0av8p] {
    padding: 5px;
    border-radius: 7px;
    background-color: whitesmoke;
}

.CustomGroupHeading[b-x947n0av8p] {
    padding: 5px;
    border-radius: 7px;
    border: 1px solid #C8252C;
    background-color: #C8252C;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.CustomGroupingArea[b-x947n0av8p] {
    max-height: 300px;
    overflow: auto;
    margin-top: 5px;
    border-radius: 7px;
    background-color: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.InnerGroup[b-x947n0av8p] {
    padding: 5px;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    display: flex;
    flex-direction: column;
    border: 1px solid gray;
}

.InnerGroupHeading[b-x947n0av8p] {
    
    width: 100%;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    font-size: 12px;
}
.EditDataInput[b-x947n0av8p] {
    border: none;
    outline: none;
    width:90%;
}
.ChildGroup[b-x947n0av8p] {
    font-size: 11px;
    padding: 2px;
    border: 1px solid red;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}



.ContextMenuContainer[b-x947n0av8p] {
    width: 100%;
}


.ContextMenu[b-x947n0av8p] {
    width: 100%;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 5px;
    z-index: 2;
}

    .ContextMenu button[b-x947n0av8p] {
        border: none;
        background-color: #C8252C;
        border-radius: 7px;
        color: white;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }

        .ContextMenu button:hover[b-x947n0av8p] {
            background-color: #42ada4;
        }

.ImageUploadContainer[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
}

    .ImageUploadContainer > div[b-x947n0av8p] {
        width: 100%;
        margin-top: 10px;
    }

        .ImageUploadContainer > div > button[b-x947n0av8p] {
            height: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 7px;
            background-color: #C8252C;
            color: white !important;
            padding-right: 15px;
            padding-left: 15px;
            border: none;
        }

    .ImageUploadContainer > button:hover[b-x947n0av8p] {
        background-color: #42ada4;
        color: white;
    }

.FormatOptionsContainer[b-x947n0av8p]{
    width: 100%;
    display: flex;
    flex-direction: column;

    background-color: white;
    border: 1px solid gray;
    padding: 7px;
    border-radius: 5px;
    gap: 5px;

}

.FormatTitle[b-x947n0av8p]{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.ButtonRow[b-x947n0av8p] {
    display: flex;
    margin-left: 10px;
}

    .ButtonRow > button[b-x947n0av8p] {
        margin-right: 10px;
        width: 37px;
        border-radius: 4px;
        padding: 7px;
    }

.ButtonRowFormat[b-x947n0av8p] {
    display: flex;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
}

    .ButtonRowFormat > button[b-x947n0av8p] {
        margin-right: 10px;
        width: 37px;
        border-radius: 4px;
        padding: 7px;
    }

.Font[b-x947n0av8p] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .Font > div[b-x947n0av8p] {
        display: flex;
    }

        .Font > div > input[b-x947n0av8p] {
            width: 15%;
        }

/*.ColourPicker{
    width: 50%;
}*/

.Font-LeftCol-Format[b-x947n0av8p] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}

.MoreIconContainer2 svg[b-x947n0av8p] {
    transform: rotate(180deg);
}

.SubHeading[b-x947n0av8p] {
    display: flex;
    justify-content: space-between;
    margin-left: 5px;
    cursor: pointer;
    font-size: 14px;
}

.category[b-x947n0av8p] {
    background-color: #ececed;
    box-shadow: #7b8083 5px 5px 5px 0px;
    border-radius: 5px;
    padding: 5px;
    color: white !important;
    margin-bottom: 10px;    
}

.GridLines[b-x947n0av8p] {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
       
    }

.TablePreview[b-x947n0av8p] {
    height: 600px !important;
    width: 100% !important;
    overflow-y: scroll;
}
.TablePreviewContainer[b-x947n0av8p] {
    width: 100%;
}

.TablePreviewContainer2[b-x947n0av8p] {
    width: 100%;
    padding: 20px;
}

.item-1[b-x947n0av8p] {
    display: inline-grid;
    grid-column-start: 1;
    grid-column-end: 2;
}

.itemSelect[b-x947n0av8p] {
    display: inline-grid;
    grid-column-start: 1;
    grid-column-end: 1;
}

.item-2[b-x947n0av8p] {
    //display: inline-grid;
}

.table-input[b-x947n0av8p] {
    width: 40px;
}

.Subtext[b-x947n0av8p]{
    margin-bottom:10px;
    border-radius:0px;
    border-bottom:1px solid gray;
}
.groupTableError[b-x947n0av8p] {
    font-size: 12px;
    color: #C8252C;
}

.SelectableTableType[b-x947n0av8p] {
    cursor: pointer;
    font-size: 12px;
    background-color: #42ada4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 4px;
}

.NonSelectableTableType[b-x947n0av8p] {
    font-size: 12px;
    background-color: #434a4f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 4px;
}

.UploadImgBtn[b-x947n0av8p] {
    cursor: pointer;
    font-size: 12px;
    background-color: #42ada4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 4px;
}

.QueryDelete[b-x947n0av8p] {
    border-radius: 7px;
    color: white;
    border: 1px solid #C8252C;
    background-color: #C8252C;
    margin-left:4px;
    margin-top:10px;
}

    .QueryDelete:hover[b-x947n0av8p] {
        border-radius: 7px;
        color: white;
        border: 1px solid #42ada4;
        background-color: #42ada4;
        margin-left: 4px;
        margin-top: 10px;
    }

.SelectedTableType[b-x947n0av8p] {
    cursor: pointer;
    font-size: 12px;
    background-color: #C8252C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 4px;
}

.InputDateArea[b-x947n0av8p] {
    display: flex;
    flex-direction: row;
    gap: 5px;

}

.dateText[b-x947n0av8p] {
    white-space: nowrap;
    font-size: 14px;
}

.tableNoBorders[b-x947n0av8p] {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    background-color: transparent;
    user-select: none;
    margin-top: 0; /* Add this to reset the margin */
    margin-bottom: 0; /* Add this to reset the margin */
    padding-top: 0; /* Add this to reset the padding */
    padding-bottom: 0;
    
    width:inherit !important;
    height: inherit;
   
}

    .tableNoBorders th[b-x947n0av8p] {
        background-color: transparent;
    }

    .tableSelectedData[b-x947n0av8p] {
        color: white !important;
        background-color: #42ada4;
    }

.Format[b-x947n0av8p] {
    display: grid;
    grid-template-columns: 70% 50%;
    padding: 3px;
}

.FormatSelect[b-x947n0av8p] {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 3px;
}

.TabModalGroup[b-x947n0av8p] {
    display: flex;
    gap: 0px;
}

.ModalHeadingBtn[b-x947n0av8p] {
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background-color: transparent;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
}

    .ModalHeadingBtn:hover[b-x947n0av8p] {
        color: #42ada4;
        border-top: 2px solid #42ada4;
        border-left: 2px solid #42ada4;
        border-right: 2px solid #42ada4;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
    }

.ModalHeadingBtnActive[b-x947n0av8p] {
    border-top: 2px solid #C8252C;
    border-left: 2px solid #C8252C;
    border-right: 2px solid #C8252C;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background-color: transparent;
    font-weight: 600;
    font-size: 14px;
    color: #C8252C;
}

.CursorPointer:hover[b-x947n0av8p] {
    cursor: pointer;
}

.centeredIcon[b-x947n0av8p] {
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 10px;*/
}

.TableModalContainer[b-x947n0av8p] {
    display: flex;
    flex-direction: row;
}

.SelectedColWidth[b-x947n0av8p] {
    width: 150%;
}

/*.max-dimension {
    max-width: 150px; 
    max-height: 150px; 
    width: auto; 
    height: auto; 
}*/

.max-dimension[b-x947n0av8p] {
    width: 100%;
    height: 100%;
    /*object-fit: contain;*/
}

.DataComponentContainer[b-x947n0av8p] {
    display: flex;
    width: 100%;
    height: 100%;
    text-align: left !important;
    user-select: none;
}

.GroupTableCell[b-x947n0av8p] {
  
   
}
/*.DataComponentImageContainer {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.DataComponentImageContainer[b-x947n0av8p] {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.DataComponentDataContainer[b-x947n0av8p] {
    width: 75%;
    /*text-align: center;*/
    display: flex;
    flex-direction: column;
}

.DataComponentDataContainerFull[b-x947n0av8p] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.DataComponentRowData[b-x947n0av8p] {
    color: #C8252C;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.DataComponentSpace[b-x947n0av8p] {
    height: 4%
}

.DataComponentLineSpace[b-x947n0av8p] {
    height: 1%
}

.DataComponentTitle[b-x947n0av8p] {
    height: 31%;
    line-height: 100%;
    padding-left: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.DataComponentBorderBottom[b-x947n0av8p] {
    position: relative;
}

    .DataComponentBorderBottom[b-x947n0av8p]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 2.5%;
        width: 100%;
        height: 2px; 
        background-color: #e0e0e0; 
        
    }

.DateContainer[b-x947n0av8p] {
    display: flex;
    flex-direction: row;
}

.DatePreviewContainter[b-x947n0av8p] {
     width: 50%;
     height: 36px;
     display: flex;
     justify-content: center;
     align-items: center;
}

.tableDateFormatInput[b-x947n0av8p] {
    outline: none;
    border: 1px solid #7b8083;
    border-radius: 7px;
    width: 50%;
    height: 36px;
}

.BoldTableHeader[b-x947n0av8p] {
    font-weight: bold;
}

.ItalicTableHeader[b-x947n0av8p] {
    font-style: italic;
}

.UnderlineTableHeader[b-x947n0av8p] {
    text-decoration: underline;
}

.BubbleChartSortContainer[b-x947n0av8p]{
    margin-top: 5px;
    margin-left: 0px;
}

.BubbleChartSortContainer > button[b-x947n0av8p] {
    margin-left: 5px;
    background-color: #C8252C;
    color: white;
    border: none;
    border-radius: 7px;
}

.RankedSingleTableButton[b-x947n0av8p] {

    margin: 5px;
    margin-left: 0px;
    border: none;
    background-color: #42ada4;
    border-radius: 7px;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.disabledButton[b-x947n0av8p] {
    background-color: #C8252C !important;
}

.chartElement[b-x947n0av8p]{
    
}


textarea[b-x947n0av8p] {
    scrollbar-width: none;
    overflow:hidden;
}


.btnSave[b-x947n0av8p] {
    color: #42ada4 !important;
    border-color: #42ada4 !important;
}

    .btnSave:hover[b-x947n0av8p] {
        color: white !important;
        background-color: #42ada4 !important;
    }
/* _content/QuickPic3/Pages/Monitor/Reporting/CustomReport.razor.rz.scp.css */
.mainContainer[b-7epc7ddgex] {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.topControl[b-7epc7ddgex] {
    display: flex;
    width: 100%;
    align-items: center;
}

.btnAddMailingList[b-7epc7ddgex] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddMailingList:hover[b-7epc7ddgex] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

table[b-7epc7ddgex] {
    border: solid 2px #E0E0E0;
    width: 100%;
}

.pagingComponent[b-7epc7ddgex] {
    width: 100%;
}

td[b-7epc7ddgex], th[b-7epc7ddgex] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-7epc7ddgex] {
    border-radius: 5px;
    margin-bottom: 2px;

}

.SelectableCell[b-7epc7ddgex] {
    cursor: pointer;
    color: #C8252C;
    text-decoration: underline;
}

input[b-7epc7ddgex] {
    border: solid #ced4da 1px;
}

.DownloadContainer[b-7epc7ddgex] {
    margin-bottom: 1%;
    margin-left: -0.5%;
}

#DownloadContainerBotRow[b-7epc7ddgex] {
    display: flex;
    align-items: center;
}

.DateSelector[b-7epc7ddgex] {
    height: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    width: 90%;
    margin-right: 50px;
    text-indent: 2px;
}

.LoaderComp[b-7epc7ddgex] {
    border: solid;
}

.brandCell[b-7epc7ddgex] {
    height: auto;
}

#btnSave[b-7epc7ddgex] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-7epc7ddgex] {
        color: white !important;
        background-color: #42ada4 !important;
    }


.addingBtn[b-7epc7ddgex] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox[b-7epc7ddgex]{
    width: 30%;
}

.ItemsPerPageDropdown[b-7epc7ddgex] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/Reporting/FlipbookGallery.razor.rz.scp.css */
.GalleryContainer[b-062ktvt3oz] {
    display: flex;
    padding: 10px;
    padding-left: 2px;
    border-radius: 7px;
    gap: 10px;
    width: 93%;
    margin-right: auto;
    margin-left: auto;
    height: 450px;
    overflow-x: auto;
    max-height: 450px;
    scrollbar-width:none !important;
    column-gap:20px;
}

.red[b-062ktvt3oz]{
    background-color:#C8252C;
}

.GalleryContainerGrid[b-062ktvt3oz] {
    place-items: center;
    display: grid;
    padding: 10px;
    padding-left: 2px;
    padding-bottom: 25px;
    row-gap: 55px;
    width: 100%;
    overflow: scroll;
    scroll-behavior: smooth;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    padding-bottom: 70px;
}

.WholeCon[b-062ktvt3oz] {
    height: 422px;
    width: fit-content;
    border-radius: 7px;
    border: 1px solid transparent;
    background-color: white;
}
    .WholeCon:hover[b-062ktvt3oz] {
        border: 1px solid #C8252C;
    }
.WholeCon2[b-062ktvt3oz] {
    height: 422px;
    width: fit-content;
    border-radius: 7px;
    border: 1px solid transparent;
    background-color: #C8252C;
}
.WholeCon2 button[b-062ktvt3oz]{
    display:none !important;
}
    .WholeCon2 a:nth-child(2)[b-062ktvt3oz]{
        display: none !important;
    }

.ButtonCon[b-062ktvt3oz] {
    display: flex;
    justify-content: center;

}

    .ButtonCon button[b-062ktvt3oz] {
       
    }
.LeftBtn[b-062ktvt3oz] {
    border: none;
    border-radius: 7px;
    background-color: transparent !important;
    color: #C8252C;
    padding: 2px;
    padding-right: 5px;
    padding-left: 5px;
    position: absolute;
    margin-right: 0px;
    margin-left: 0px;
    left: 0px;
    top: 180px;
}
    .RightBtn[b-062ktvt3oz] {
        border: none;
        border-radius: 7px;
        background-color: transparent !important;
        color: #C8252C;
        padding: 2px;
        padding-right: 5px;
        padding-left: 5px;
        position: absolute;
        margin-right: 0px;
        margin-left: 0px;
        top: 180px;
        right: 0px;
    }

.container-preview[b-062ktvt3oz] {
    position: relative;

}

.Button-Bar[b-062ktvt3oz]{
    width:100%;
    display:flex;
    justify-content:space-between;
    padding-right:5px;
    padding-left:5px;
    margin-top:-8px;
    padding-top:13px;   
}

    .Button-Bar a:nth-child(2)[b-062ktvt3oz] {
        height: 36px;
        width: 36px;
        text-decoration: none;
        display: flex;
        align-items: center;
        border: 1px solid;
        border-radius: 7px;
        border-color: #C8252C;
        background-color: white;
        color: #C8252C;
        justify-content: center;
    
    }

    .Button-Bar button[b-062ktvt3oz] {
        height: 36px;
        width: 36px;
        align-items: center;
        display: flex;
        border: 1px solid;
        border-radius: 7px;
        border-color: #C8252C;
        background-color:white;
        color: #C8252C;
        justify-content: center;
    }
        .Button-Bar button:nth-child(1)[b-062ktvt3oz] {
            height: 36px;
            width: 36px;
            align-items: center;
            display: flex;
            border: 1px solid;
            border-radius: 7px;
            border-color: #198754;
            background-color: white;
            color: #198754;
            justify-content: center;
        }

    .Button-Bar span[b-062ktvt3oz] {
        top: 0px !important;
    }

    .Button-Bar a:hover[b-062ktvt3oz] {
        border-color: #C8252C;
        background-color: #C8252C;
        color: white;
    }

    .Button-Bar button:hover[b-062ktvt3oz] {
        border-color: #C8252C;
        background-color: #C8252C;
        color: white;
    }
    .Button-Bar button:first-child:hover[b-062ktvt3oz] {
        border-color: #198754;
        background-color: #198754;
        color: white;
    }

.zoomed-preview[b-062ktvt3oz] {
    border-radius: 7px;
    position: fixed;
    z-index: 1200;
    top: 0px; /* adjust the values to position the preview */
    left: 0px;
    width: 550px; /* adjust the width of the preview */
    height: 85px; /* adjust the height of the preview */
    background-color: #fff;
    padding: 10px;
    display: none; /* initially hide the preview */
    border: 2px solid #C8252C;
    box-shadow: #7b8083 0px 5px 5px;
}

        .ButtonCon button svg[b-062ktvt3oz] {       
            align-items: center;
            display: flex;
          width:60px;
          height:100px;
        }

            .ButtonCon button svg:hover[b-062ktvt3oz] {
                fill: #C8252C;
            }

.btnReadMore[b-062ktvt3oz]{
    border:none !important;
    display:flex !important;
gap:10px;
}

    .btnReadMore svg[b-062ktvt3oz] {
        align-items: center;
        display: flex;
        width: 15px !important;
        height: 25px !important;
    }

    .ButtonCon button:hover[b-062ktvt3oz] {
        background-color: #42ada4;
    }
        .LeftBtn:hover[b-062ktvt3oz] {
            background-color: transparent;
        }
        
        .RightBtn:hover[b-062ktvt3oz] {
            background-color: transparent;
        }


@media (max-width: 768px) {
    .GalleryContainerGrid[b-062ktvt3oz] {
        grid-template-columns: 310px;
    }
}
.Subtitle[b-062ktvt3oz] {
    display: flex;
    justify-content: space-between;
    padding-right: 5px;
    padding-left: 5px;
    background-color: rgba(0,0,0,0.7) !important;
    height: 22px;
    width: 260px;

    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    top: 386px;
    font-size: 12px;
}
    .Subtitle div:nth-child(1)[b-062ktvt3oz] {
        display: flex;
        align-items:center;
        color: white;
        font-weight: 700;
    }
    .Subtitle div:nth-child(2)[b-062ktvt3oz] {
        display: flex;
        align-items: center;
        color: white;
        opacity: 0.7;
    }
.Subtitle div[b-062ktvt3oz]{
    color:white;
}


.Hide[b-062ktvt3oz]{
opacity:0;
cursor:unset;
}

.Miniture-Flipbook[b-062ktvt3oz] {
    margin-left: auto;
    margin-right: auto;
    width: 260px;
    max-width: 260px;
    margin-top: auto;
    margin-bottom: auto;
    height: 350px;
    display: flex;
    flex-direction: column;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #ccc;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

.CoverImg[b-062ktvt3oz] {
    width: 100%;
    height: 180px;
}

    .CoverImg img[b-062ktvt3oz] {
        object-fit: contain;
        width: 100%;
        height: 180px;
    }

.LogoImg[b-062ktvt3oz] {
    margin-top:-2px;
    margin-right:auto;
    margin-left:auto;
    width: 40%;
    max-height:40px;
}

    .LogoImg img[b-062ktvt3oz] {
        object-fit: contain;
        width: 100%;
        min-height: 40px;
    }
.Details[b-062ktvt3oz]{
    margin-top:4px;
    margin-right:auto;
    margin-left: auto;
    width:80%;   
}

    .Details table[b-062ktvt3oz] {
        border:none;
        width: 100%;
    }

    .Details td[b-062ktvt3oz] {
        border: none;
        height: 9px !important;
        font-size: 9px;
    }

    .Details tr td:nth-child(2)[b-062ktvt3oz] {
        min-width:70%;
        width:70%;        
    }

    .Details tr td:nth-child(1)[b-062ktvt3oz] {
        min-width: 30%;
        width: 30%;
    }

.SocialTable[b-062ktvt3oz] {
    margin-top:20px;
    margin-right: auto;
    margin-left: auto;
    width: 95%;
}

.DisplayTable[b-062ktvt3oz] {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    width: 100%;
    max-width: 250px;
}
    .DisplayTable td img[b-062ktvt3oz] {
        height: 9px;
        object-fit: contain;
    }

    .DisplayTable td[b-062ktvt3oz] {
        padding: 0px !important;
        padding-right: 2.5px !important;
        padding-left: 2.5px !important;
        max-width: 12.5%;
        overflow: hidden;
        text-align: center;
        font-size: 6px !important;
        border: none;
        height: 9px !important;
    }

.footer[b-062ktvt3oz] {
    margin-top:16px;
    margin-right:auto;
    margin-left:auto;
    width: 95%;
}
    .footer img[b-062ktvt3oz] {
        object-fit: contain;
        width: 100%;
        height: 20px;
    }

.topBtnContainer[b-062ktvt3oz] {
    display: flex;
    margin-bottom: 5px;
}

.filterContainer[b-062ktvt3oz] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
}

.filterDataList[b-062ktvt3oz] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.tableContainer[b-062ktvt3oz] {
    width: 100%;
    overflow-y: auto;
    height: 689px;
}
.top-button[b-062ktvt3oz]{
    height:36px;
}
.top-text[b-062ktvt3oz]{
    margin-top:-8px;
}

    .top-text span[b-062ktvt3oz] {
        margin-top: 3px !important;
    }

table[b-062ktvt3oz] {
    width: 100%;
}

.CaptureContent[b-062ktvt3oz] {
    margin-left: 25px;
}

tr[b-062ktvt3oz] {
    cursor: pointer;
    font-size: small;    
}

tr:hover td[b-062ktvt3oz],  tr:hover a[b-062ktvt3oz]{
/*    color: white;    
    background-color: #C8252C !important;*/
}

.EXLCHeader[b-062ktvt3oz] {
    padding-top: 16px;
}

.CaptureInfoContainer[b-062ktvt3oz] {
}

.Child1[b-062ktvt3oz] {
    display: flex;
}

.Child2[b-062ktvt3oz] {
    display: flex;
}

.CaptureInfoTitle[b-062ktvt3oz] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.CaptureInfoValue[b-062ktvt3oz] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ArticleDetailsTitle[b-062ktvt3oz] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.ArticleDetailsValue[b-062ktvt3oz] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.buttonContainer[b-062ktvt3oz] {
    text-align: right;
}

th[b-062ktvt3oz] {
    color: #808080;
    font-size: small;
}

.HeaderRow[b-062ktvt3oz] {
    display: flex;
    vertical-align: central;
    align-items: center;
}

.pagingContainer[b-062ktvt3oz] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-062ktvt3oz] {
    width: 100%;
    margin-right: auto;
}

.pageInfo[b-062ktvt3oz] {
    font-size: medium;
    width: 10%;
    margin-left: auto;
    float: right;
    text-align: right;
}

a[b-062ktvt3oz] {
    color: #C8252C;
}

.BrandLogoText[b-062ktvt3oz]{
    text-indent: 5px;
}

.zoomed-preview table[b-062ktvt3oz] {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    width: 100%;    
}

.zoomed-preview td img[b-062ktvt3oz] {
    height: 20px !important;
    object-fit: contain;
}

.zoomed-preview td[b-062ktvt3oz] {
    height: 23px !important;
    padding: 0px !important;
    padding-right: 2.5px !important;
    padding-left: 2.5px !important;
    max-width: 12.5%;
    text-align: center;
    font-size: 12px !important;
    border: none;
}

.TileCon[b-062ktvt3oz] {
    text-decoration: none !important;
    width: 300px;
    height: 350px;
    border-radius: 7px;
    background-color: #5e5e5e;   
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.loader[b-062ktvt3oz] {
    position: absolute;
    top: 25%;
    left: 40%;
    margin-left: 10%;
    transform: translate3d(-50%, -50%, 0);
}

.loader2[b-062ktvt3oz] {
    position: absolute;
   margin-top:200px;
    left: 40%;
    margin-left: 10%;
    transform: translate3d(-50%, -50%, 0);
}

.dot[b-062ktvt3oz] {
    width: 30px;
    height: 30px;
    margin: 5px;
    background: #f00;
    border-radius: 100%;
    display: inline-block;
    animation: slide-b-062ktvt3oz 1s infinite;
}

    .dot:nth-child(1)[b-062ktvt3oz] {
        animation-delay: 0.1s;
        background: #32aacc;
    }

    .dot:nth-child(2)[b-062ktvt3oz] {
        animation-delay: 0.2s;
        background: #32aacc;
    }

    .dot:nth-child(3)[b-062ktvt3oz] {
        animation-delay: 0.3s;
        background: #32aacc;
    }

    .dot:nth-child(4)[b-062ktvt3oz] {
        animation-delay: 0.4s;
        background: #32aacc;
    }

    .dot:nth-child(5)[b-062ktvt3oz] {
        animation-delay: 0.5s;
        background: #32aacc;
    }

.ItemsPerPageDropdown[b-062ktvt3oz] {
    display: flex !important;
    justify-content: end !important;
    margin-top: -3px;
    width: 100%;
}

@-moz-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-o-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes slide-b-062ktvt3oz {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
/* _content/QuickPic3/Pages/Monitor/Reporting/GoodNewsReport.razor.rz.scp.css */
.topBtnContainer[b-hgjy8zllyn] {
    display: flex;
    margin-bottom: 5px;
}

.filterContainer[b-hgjy8zllyn] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
}

.filterDataList[b-hgjy8zllyn] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.tableContainer[b-hgjy8zllyn] {
    width: 100%;
    overflow-y: auto;
    height: 689px;
}
.top-button[b-hgjy8zllyn]{
    height:36px;
}
.top-text[b-hgjy8zllyn]{
    margin-top:-8px;
}

    .top-text span[b-hgjy8zllyn] {
        margin-top: 3px !important;
    }

table[b-hgjy8zllyn] {
    width: 100%;
}

.CaptureContent[b-hgjy8zllyn] {
    margin-left: 25px;
}

tr[b-hgjy8zllyn] {
    cursor: pointer;
    font-size: small;    
}

tr:hover td[b-hgjy8zllyn],  tr:hover a[b-hgjy8zllyn]{
    color: white;    
    background-color: #C8252C !important;
}

.EXLCHeader[b-hgjy8zllyn] {
    padding-top: 16px;
}

.CaptureInfoContainer[b-hgjy8zllyn] {
}

.Child1[b-hgjy8zllyn] {
    display: flex;
}

.Child2[b-hgjy8zllyn] {
    display: flex;
}

.CaptureInfoTitle[b-hgjy8zllyn] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.CaptureInfoValue[b-hgjy8zllyn] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ArticleDetailsTitle[b-hgjy8zllyn] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.ArticleDetailsValue[b-hgjy8zllyn] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.buttonContainer[b-hgjy8zllyn] {
    text-align: right;
}

th[b-hgjy8zllyn] {
    color: #808080;
    font-size: small;
}

.HeaderRow[b-hgjy8zllyn] {
    display: flex;
    vertical-align: central;
    align-items: center;
}

.pagingContainer[b-hgjy8zllyn] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-hgjy8zllyn] {
    width: 100%;
    margin-right: auto;
}

.pageInfo[b-hgjy8zllyn] {
    font-size: medium;
    width: 10%;
    margin-left: auto;
    float: right;
    text-align: right;
}

a[b-hgjy8zllyn] {
    color: #C8252C;
}

.BrandLogoText[b-hgjy8zllyn]{
    text-indent: 5px;
}

.TitleColumn[b-hgjy8zllyn]{
    max-width: 550px !important;
}

.ItemsPerPageDropdown[b-hgjy8zllyn] {
    display: flex !important;
    justify-content: end !important;
}
/* _content/QuickPic3/Pages/Monitor/Reporting/MonitorMailinglists.razor.rz.scp.css */
.ScheduleBtnContainer[b-bwov52h0ra] {
    display: flex;
}

.PagerControl[b-bwov52h0ra]{
    width: 100%;
}

.addButton[b-bwov52h0ra]{
    width: 200px;
    display: flex;
}

.addButton > div[b-bwov52h0ra]{
    margin-left: auto;
    margin-right: auto;
}

.UserTable[b-bwov52h0ra] {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#btnSave[b-bwov52h0ra] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-bwov52h0ra] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.RowBtn[b-bwov52h0ra] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-bwov52h0ra] {
    margin-top: -2px !important;
}

.DisplayRow:hover .RowBtn[b-bwov52h0ra] {
    background-color: white;
    font-weight: 700;
}


.addingBtn[b-bwov52h0ra] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ItemsPerPageDropdown[b-bwov52h0ra] {
    display: flex !important;
    justify-content: end !important;
}
/* _content/QuickPic3/Pages/Monitor/Reporting/PredictiveReport.razor.rz.scp.css */
.mainContainer[b-cid36vbhwu] {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.topControl[b-cid36vbhwu] {
    display: flex;
    width: 100%;
    align-items: center;
}

.btnAddMailingList[b-cid36vbhwu] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddMailingList:hover[b-cid36vbhwu] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

table[b-cid36vbhwu] {
    border: solid 2px #E0E0E0;
    width: 100%;
}

.pagingComponent[b-cid36vbhwu] {
    width: 100%;
}

td[b-cid36vbhwu], th[b-cid36vbhwu] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}

.actionBtn[b-cid36vbhwu] {
    border-radius: 5px;
    margin-bottom: 2px;
}

.SelectableCell[b-cid36vbhwu] {
    cursor: pointer;
    color: #C8252C;
    text-decoration: underline;
}

input[b-cid36vbhwu] {
    border: solid #ced4da 1px;
}

.DownloadContainer[b-cid36vbhwu] {
    margin-bottom: 1%;
    margin-left: -0.5%;
}

#DownloadContainerBotRow[b-cid36vbhwu] {
    display: flex;
    align-items: center;
}

.DateSelector[b-cid36vbhwu] {
    height: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    width: 90%;
    margin-right: 50px;
    text-indent: 2px;
}

.LoaderComp[b-cid36vbhwu] {
    border: solid;
}

.brandCell[b-cid36vbhwu] {
    height: auto;
}

#btnSave[b-cid36vbhwu] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-cid36vbhwu] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.addingBtn[b-cid36vbhwu] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/Monitor/Reporting/StatsReport.razor.rz.scp.css */
.mainContainer[b-jqeu9x4s2y]{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.topControl[b-jqeu9x4s2y] {
    display: flex;
    width: 100%;
    align-items: center;
}
.top-text[b-jqeu9x4s2y] {
    margin-top: -8px !important;
}

    .top-text span[b-jqeu9x4s2y] {
        margin-top: 3px !important;
    }
.btnAddMailingList[b-jqeu9x4s2y] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddMailingList:hover[b-jqeu9x4s2y] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

table[b-jqeu9x4s2y] {
    border: solid 2px #E0E0E0;
    width: 100%;
}

.pagingComponent[b-jqeu9x4s2y] {
    width: 100%;
}

td[b-jqeu9x4s2y], th[b-jqeu9x4s2y] {
    vertical-align: middle;
    padding: 5px;
    border: solid 2px #E0E0E0;
    width: fit-content;
}



.actionBtn[b-jqeu9x4s2y] {
    border-radius: 5px;
    margin-bottom: 2px;    
}

.SelectableCell[b-jqeu9x4s2y]{
    cursor: pointer;
    color: #C8252C;
    text-decoration: underline;
}

input[b-jqeu9x4s2y] {
    border: solid #ced4da 1px;
}

.DownloadContainer[b-jqeu9x4s2y] {
    margin-bottom: 1%;
    margin-left: -0.5%;
}

#DownloadContainerBotRow[b-jqeu9x4s2y] {
    display: flex;
    align-items: center;
}

.DateSelector[b-jqeu9x4s2y] {
    height: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    width: 90%;
    margin-right: 50px;
    text-indent: 2px;
}

.LoaderComp[b-jqeu9x4s2y]{
    border: solid;    
}

.brandCell[b-jqeu9x4s2y]{
    height: auto;
}

#btnSave[b-jqeu9x4s2y] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-jqeu9x4s2y] {
        color: white !important;
        background-color: #42ada4 !important;
    }


.addingBtn[b-jqeu9x4s2y] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox[b-jqeu9x4s2y] {
    width: 30%;
}

.ItemsPerPageDropdown[b-jqeu9x4s2y] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Monitor/View/ViewComponents/ViewTableFilter.razor.rz.scp.css */
.mainContent[b-ri7ekdto5f] {    
    margin-top: 2%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
    width: 100%;
}

.btnSave[b-ri7ekdto5f] {    
    margin-top: 10%;
    width: 100%;
    background-color: var(--brand-primary);
    color: #fff;
    border-radius: 5px;
}

    .btnSave:hover[b-ri7ekdto5f] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.FilterString[b-ri7ekdto5f] {
    border: solid 1px;
    font-weight: 300;
    text-transform: capitalize;
    border-radius: 7px;
    display: flex;
    margin: 2px;
    background-color: #C8252C;
    color: white;
    border-color: black;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.FilterStringsContainer[b-ri7ekdto5f]{    
    display: flex;    
}

.RowBtn[b-ri7ekdto5f] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-ri7ekdto5f] {
    margin-top: -2px !important;
}
/* _content/QuickPic3/Pages/Monitor/View/ViewComponents/ViewTableFilterGoodNews.razor.rz.scp.css */
.mainContent[b-9vrmyye6s2] {    
    margin-top: 2%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
    width: 100%;
}

.btnSave[b-9vrmyye6s2] {    
    margin-top: 10%;
    width: 100%;
    background-color: var(--brand-primary);
    color: #fff;
    border-radius: 5px;
}

    .btnSave:hover[b-9vrmyye6s2] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.FilterString[b-9vrmyye6s2] {
    border: solid 1px;
    font-weight: 300;
    text-transform: capitalize;
    border-radius: 7px;
    display: flex;
    margin: 2px;
    background-color: #C8252C;
    color: white;
    border-color: black;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.FilterStringsContainer[b-9vrmyye6s2]{    
    display: flex;    
}

/* _content/QuickPic3/Pages/Monitor/View/ViewPages/AllMediaView.razor.rz.scp.css */
.topBtnContainer[b-unupg4mypw] {
    display: flex;
    margin-bottom: 5px;
}

.filterContainer[b-unupg4mypw] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
}

.filterDataList[b-unupg4mypw] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.tableContainer[b-unupg4mypw] {
    width: 100%;
    overflow-y: auto;
    height: 689px;
}
.top-button[b-unupg4mypw]{
    height:36px;
}
.top-text[b-unupg4mypw]{
    margin-top:-8px;
}

    .top-text span[b-unupg4mypw] {
        margin-top: 3px !important;
    }

table[b-unupg4mypw] {
    width: 100%;
}

.CaptureContent[b-unupg4mypw] {
    margin-left: 25px;
}

tr[b-unupg4mypw] {
    cursor: pointer;
    font-size: small;    
}

tr:hover td[b-unupg4mypw],  tr:hover a[b-unupg4mypw]{
    color: white;    
    background-color: #C8252C !important;
}

.EXLCHeader[b-unupg4mypw] {
    padding-top: 16px;
}

.CaptureInfoContainer[b-unupg4mypw] {
}

.Child1[b-unupg4mypw] {
    display: flex;
}

.Child2[b-unupg4mypw] {
    display: flex;
}

.CaptureInfoTitle[b-unupg4mypw] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.CaptureInfoValue[b-unupg4mypw] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ArticleDetailsTitle[b-unupg4mypw] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.ArticleDetailsValue[b-unupg4mypw] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.buttonContainer[b-unupg4mypw] {
    text-align: right;
}

th[b-unupg4mypw] {
    color: #808080;
    font-size: small;
}

.HeaderRow[b-unupg4mypw] {
    display: flex;
    vertical-align: central;
    align-items: center;
}

.pagingContainer[b-unupg4mypw] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-unupg4mypw] {
    width: 100%;
    margin-right: auto;
}

.pageInfo[b-unupg4mypw] {
    font-size: medium;
    width: 10%;
    margin-left: auto;
    float: right;
    text-align: right;
}

a[b-unupg4mypw] {
    color: #C8252C;
}

.BrandLogoText[b-unupg4mypw]{
    text-indent: 5px;
}

.btn-Login[b-unupg4mypw] {
    color: white;
    background-color: #434a4f;
    margin-left: 5px;
}

.filterControls[b-unupg4mypw] {
    display: flex;
    gap: 5px;
    margin-left: auto;
}

.filterControlsMessage[b-unupg4mypw] {
    text-align: center;
    display: flex;
    align-items: center;
}

.ItemsPerPageDropdown[b-unupg4mypw] {
    display: flex !important;
    justify-content: end !important;
    margin-top: -4px;
}
/* _content/QuickPic3/Pages/Monitor/View/ViewPages/MediaIQ.razor.rz.scp.css */
.Table-Con[b-xvw1u89s29]{
    width:100%;
}

.Top-Con[b-xvw1u89s29] {
    width: 100%;

    display:flex;
    justify-content: flex-start;
}

.Table-Con table[b-xvw1u89s29] {
    width: 100%;
    table-layout:fixed;
}

    .Table-Con table tr:nth-child(2n+1)[b-xvw1u89s29] {
        background-color: #f5f5f5;
    }

.ClearCon[b-xvw1u89s29]{

}

.ClearFilter[b-xvw1u89s29] {
    border-radius: 7px;
    background-color: #C8252C;
    color:white;
    padding-right:10px;
    padding-left:10px;
    height:36px;
    display:flex;
    align-items:center;
    gap:5px;
}

.ClearFilter span[b-xvw1u89s29]{
    font-size:22px;
}

.ClearFilter span:hover[b-xvw1u89s29]{
    color:unset !important;
}

    .ClearFilter:hover[b-xvw1u89s29] {
        background-color: #42ada4;
    }
.pagingContainer[b-xvw1u89s29] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    min-width:252px;
}

.pagingComponent[b-xvw1u89s29]{

}

.pageInfo[b-xvw1u89s29]{

}
.filterDataList[b-xvw1u89s29]{
   width:100px;
}
.filterContainer[b-xvw1u89s29] {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
}

th[b-xvw1u89s29] {
    font-weight: 700;
    color: #434a4f;
 
}

th input[b-xvw1u89s29]{
    cursor:pointer;
}

.THDiv2[b-xvw1u89s29] {
    cursor: pointer;
    color: #434a4f;
    font-weight: 700;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .THDiv2:hover[b-xvw1u89s29] {
        color: #C8252C;
    }
.THDiv[b-xvw1u89s29] {
    cursor: pointer;
    color: #434a4f;
    font-weight: 700;
    display: flex;
    gap: 5px;
    align-items: center;
}

.InnerTHDiv[b-xvw1u89s29] {
    font-weight: 700;
}


    .InnerTHDiv:hover[b-xvw1u89s29] {
        color: #C8252C;
    }


button[b-xvw1u89s29] {
    background-color: transparent;
    border: none;
   
}
    button span:hover[b-xvw1u89s29] {
        color: #C8252C;
    }
    button span[b-xvw1u89s29] {
        cursor: pointer;
        font-size: 16px;
    }




.loader[b-xvw1u89s29] {
    position: absolute;
    top: 25%;
    left: 40%;
    margin-left: 10%;
    transform: translate3d(-50%, -50%, 0);
}

.loader2[b-xvw1u89s29] {
    position: absolute;
    margin-top: 200px;
    left: 40%;
    margin-left: 10%;
    transform: translate3d(-50%, -50%, 0);
}

.dot[b-xvw1u89s29] {
    width: 30px;
    height: 30px;
    margin: 5px;
    background: #f00;
    border-radius: 100%;
    display: inline-block;
    animation: slide-b-xvw1u89s29 1s infinite;
}

    .dot:nth-child(1)[b-xvw1u89s29] {
        animation-delay: 0.1s;
        background: #32aacc;
    }

    .dot:nth-child(2)[b-xvw1u89s29] {
        animation-delay: 0.2s;
        background: #32aacc;
    }

    .dot:nth-child(3)[b-xvw1u89s29] {
        animation-delay: 0.3s;
        background: #32aacc;
    }

    .dot:nth-child(4)[b-xvw1u89s29] {
        animation-delay: 0.4s;
        background: #32aacc;
    }

    .dot:nth-child(5)[b-xvw1u89s29] {
        animation-delay: 0.5s;
        background: #32aacc;
    }

.ItemsPerPageDropdown[b-xvw1u89s29] {
    display: flex !important;
    justify-content: end !important;
}

@-moz-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-o-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes slide-b-xvw1u89s29 {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
/* _content/QuickPic3/Pages/Monitor/View/ViewPages/OnlineView.razor.rz.scp.css */
.topBtnContainer[b-mxkssmii59] {
    display: flex;
    margin-bottom: 5px;
}

.filterContainer[b-mxkssmii59] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
}

.BrandLogoText[b-mxkssmii59] {
    text-indent: 5px;
}

.filterDataList[b-mxkssmii59] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.tableContainer[b-mxkssmii59] {
    width: 100%;
    overflow-y: auto;
    height: 689px;
}
.top-button[b-mxkssmii59] {
    height: 36px;
}

.top-text[b-mxkssmii59] {
    margin-top: -8px;
}

    .top-text span[b-mxkssmii59] {
        margin-top: 3px !important;
    }
table[b-mxkssmii59] {
    width: 100%;
}

.CaptureContent[b-mxkssmii59] {
    margin-left: 25px;
}

tr[b-mxkssmii59] {
    cursor: pointer;
    font-size: small;
}

.EXLCHeader[b-mxkssmii59] {
    padding-top: 16px;
}

tr:hover td[b-mxkssmii59], tr:hover a[b-mxkssmii59] {
    color: white;
    background-color: #C8252C !important;
}

.CaptureInfoContainer[b-mxkssmii59] {
}

.Child1[b-mxkssmii59] {
    display: flex;
}

.Child2[b-mxkssmii59] {
    display: flex;
}

.CaptureInfoTitle[b-mxkssmii59] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.CaptureInfoValue[b-mxkssmii59] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ArticleDetailsTitle[b-mxkssmii59] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.ArticleDetailsValue[b-mxkssmii59] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.buttonContainer[b-mxkssmii59] {
    text-align: right;
}

th[b-mxkssmii59] {
    color: #808080;
    font-size: small;
}

.HeaderRow[b-mxkssmii59] {
    display: flex;
    vertical-align: central;
    align-items: center;
}

.pagingContainer[b-mxkssmii59] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-mxkssmii59] {
    width: 100%;
    margin-right: auto;
}

.pageInfo[b-mxkssmii59] {
    font-size: medium;
    width: 10%;
    margin-left: auto;
    float: right;
    text-align: right;
}

a[b-mxkssmii59]{
    color: #C8252C;    
}

.btn-Login[b-mxkssmii59] {
    color: white;
    background-color: #434a4f;
    margin-left: 5px;
}

.filterControls[b-mxkssmii59] {
    display: flex;
    gap: 5px;
    margin-left: auto;
}

.filterControlsMessage[b-mxkssmii59] {
    text-align: center;
    display: flex;
    align-items: center;
}

.ItemsPerPageDropdown[b-mxkssmii59] {
    display: flex !important;
    justify-content: end !important;
    margin-top: -4px;
}
/* _content/QuickPic3/Pages/Monitor/View/ViewPages/PrintView.razor.rz.scp.css */
.topBtnContainer[b-ofr6obmpt2] {
    display: flex;
    margin-bottom: 5px;
}

.filterContainer[b-ofr6obmpt2] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
}

.filterDataList[b-ofr6obmpt2] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.BrandLogoText[b-ofr6obmpt2] {
    text-indent: 5px;
}

.tableContainer[b-ofr6obmpt2] {
    width: 100%;
    overflow-y: auto;
    height: 689px;
}
.top-button[b-ofr6obmpt2] {
    height: 36px;
}

.top-text[b-ofr6obmpt2] {
    margin-top: -8px;
}

    .top-text span[b-ofr6obmpt2] {
        margin-top: 3px !important;
    }
table[b-ofr6obmpt2] {
    width: 100%;
}

.LoadingDiv[b-ofr6obmpt2] {    
    position: absolute;
    align-items: center;
    text-align: center;
    border: solid #808080;
    border-radius: 7px;
    width: 300px;
    padding: 10px;
    height: 100px;
    background-color: white;               
    top: 400px;
    bottom: 400px;
    left: 900px;
    right: 900px;
}

.Message[b-ofr6obmpt2]{    
    text-align: center;
    
    font-size: 25px;
}

.CaptureContent[b-ofr6obmpt2] {
    margin-left: 25px;
}

tr[b-ofr6obmpt2] {
    cursor: pointer;
    font-size: small;
}

    tr:hover td[b-ofr6obmpt2], tr:hover a[b-ofr6obmpt2] {
        color: white;
        background-color: #C8252C !important;
    }

.EXLCHeader[b-ofr6obmpt2] {
    padding-top: 16px;
}

.CaptureInfoContainer[b-ofr6obmpt2] {
}

.Child1[b-ofr6obmpt2] {
    display: flex;
}

.Child2[b-ofr6obmpt2] {
    display: flex;
}

.CaptureInfoTitle[b-ofr6obmpt2] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.CaptureInfoValue[b-ofr6obmpt2] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ArticleDetailsTitle[b-ofr6obmpt2] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.ArticleDetailsValue[b-ofr6obmpt2] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.buttonContainer[b-ofr6obmpt2] {
    text-align: right;
}

th[b-ofr6obmpt2] {
    color: #808080;
    font-size: small;
}

.HeaderRow[b-ofr6obmpt2] {
    display: flex;
    vertical-align: central;
    align-items: center;
}

.pagingContainer[b-ofr6obmpt2] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-ofr6obmpt2] {
    width: 100%;
    margin-right: auto;
}

.pageInfo[b-ofr6obmpt2] {
    font-size: medium;
    width: 10%;
    margin-left: auto;
    float: right;
    text-align: right;
}

a[b-ofr6obmpt2] {
    color: #C8252C;
}

.btn-Login[b-ofr6obmpt2] {
    color: white;
    background-color: #434a4f;
    margin-left: 5px;
}

.filterControls[b-ofr6obmpt2] {
    display: flex;
    gap: 5px;
    margin-left: auto;
}

.filterControlsMessage[b-ofr6obmpt2] {
    text-align: center;
    display: flex;
    align-items: center;
}

.ItemsPerPageDropdown[b-ofr6obmpt2] {
    display: flex !important;
    justify-content: end !important;
    margin-top: -4px;
}
/* _content/QuickPic3/Pages/Monitor/View/ViewPages/RadioView.razor.rz.scp.css */
.topBtnContainer[b-yiykz5s7ox] {
    display: flex;
    margin-bottom: 5px;
}

.tableContainer[b-yiykz5s7ox] {
    width: 100%;
    overflow-y: auto;
    height: 689px;
}

.filterContainer[b-yiykz5s7ox] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
}

.BrandLogoText[b-yiykz5s7ox] {
    text-indent: 5px;
}

.filterDataList[b-yiykz5s7ox] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

table[b-yiykz5s7ox] {
    width: 100%;
}
.top-button[b-yiykz5s7ox] {
    height: 36px;
}

.top-text[b-yiykz5s7ox] {
    margin-top: -8px;
}

    .top-text span[b-yiykz5s7ox] {
        margin-top: 3px !important;
    }
.CaptureContent[b-yiykz5s7ox] {
    margin-left: 25px;
}

tr[b-yiykz5s7ox] {
    cursor: pointer;
    font-size: small;
}

.EXLCHeader[b-yiykz5s7ox] {
    padding-top: 16px;
}

tr:hover td[b-yiykz5s7ox], tr:hover a[b-yiykz5s7ox] {
    color: white;
    background-color: #C8252C !important;
}

.CaptureInfoContainer[b-yiykz5s7ox] {
}

.Child1[b-yiykz5s7ox] {
    display: flex;
}

.Child2[b-yiykz5s7ox] {
    display: flex;
}

.CaptureInfoTitle[b-yiykz5s7ox] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.CaptureInfoValue[b-yiykz5s7ox] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ArticleDetailsTitle[b-yiykz5s7ox] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.ArticleDetailsValue[b-yiykz5s7ox] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.buttonContainer[b-yiykz5s7ox] {
    text-align: right;
}

th[b-yiykz5s7ox] {
    color: #808080;
    font-size: small;
}

.HeaderRow[b-yiykz5s7ox] {
    display: flex;
    vertical-align: central;
    align-items: center;
}

.pagingContainer[b-yiykz5s7ox] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-yiykz5s7ox] {
    width: 100%;
    margin-right: auto;
}

.pageInfo[b-yiykz5s7ox] {
    font-size: medium;
    width: 10%;
    margin-left: auto;
    float: right;
    text-align: right;
}

a[b-yiykz5s7ox] {
    color: #C8252C;
}

.ActiveRow[b-yiykz5s7ox] {
    background-color: #C8252C  !important;
    border: solid #C8252C;
    color: white !important;
    
}

.ActiveCell[b-yiykz5s7ox]{
    color: white;
    border: none;
}

.btn-Login[b-yiykz5s7ox] {
    color: white;
    background-color: #434a4f;
    margin-left: 5px;
}

.filterControls[b-yiykz5s7ox] {
    display: flex;
    gap: 5px;
    margin-left: auto;
}

.filterControlsMessage[b-yiykz5s7ox] {
    text-align: center;
    display: flex;
    align-items: center;
}

.ItemsPerPageDropdown[b-yiykz5s7ox] {
    display: flex !important;
    justify-content: end !important;
    margin-top: -4px;
}
/* _content/QuickPic3/Pages/Monitor/View/ViewPages/SocialView.razor.rz.scp.css */
.topBtnContainer[b-bdcic7y1lu] {
    display: flex;
    margin-bottom: 5px;
}

.tableContainer[b-bdcic7y1lu] {
    width: 100%;
    overflow-y: auto;
    height: 689px;
}

.filterContainer[b-bdcic7y1lu] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
}

.BrandLogoText[b-bdcic7y1lu] {
    text-indent: 5px;
}

.filterDataList[b-bdcic7y1lu] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

table[b-bdcic7y1lu] {
    width: 100%;
}
.top-button[b-bdcic7y1lu] {
    height: 36px;
}

.top-text[b-bdcic7y1lu] {
    margin-top: -8px;
}

    .top-text span[b-bdcic7y1lu] {
        margin-top: 3px !important;
    }
.CaptureContent[b-bdcic7y1lu] {
    margin-left: 25px;
}

tr[b-bdcic7y1lu] {
    cursor: pointer;
    font-size: small;
}

.EXLCHeader[b-bdcic7y1lu] {
    padding-top: 16px;
}

.CaptureInfoContainer[b-bdcic7y1lu] {
}

tr:hover td[b-bdcic7y1lu], tr:hover a[b-bdcic7y1lu] {
    color: white;
    background-color: #C8252C !important;
}

.Child1[b-bdcic7y1lu] {
    display: flex;
}

.Child2[b-bdcic7y1lu] {
    display: flex;
}

.CaptureInfoTitle[b-bdcic7y1lu] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.CaptureInfoValue[b-bdcic7y1lu] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ArticleDetailsTitle[b-bdcic7y1lu] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.ArticleDetailsValue[b-bdcic7y1lu] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.buttonContainer[b-bdcic7y1lu] {
    text-align: right;
}

th[b-bdcic7y1lu] {
    color: #808080;
    font-size: small;
}

.HeaderRow[b-bdcic7y1lu] {
    display: flex;
    vertical-align: central;
    align-items: center;
}

.pagingContainer[b-bdcic7y1lu] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-bdcic7y1lu] {
    width: 100%;
    margin-right: auto;
}

.pageInfo[b-bdcic7y1lu] {
    font-size: medium;
    width: 10%;
    margin-left: auto;
    float: right;
    text-align: right;
}

a[b-bdcic7y1lu] {
    color: #C8252C;
}

.btn-Login[b-bdcic7y1lu] {
    color: white;
    background-color: #434a4f;
    margin-left: 5px;
}

.filterControls[b-bdcic7y1lu] {
    display: flex;
    gap: 5px;
    margin-left: auto;
}

.filterControlsMessage[b-bdcic7y1lu] {
    text-align: center;
    display: flex;
    align-items: center;
}

.ItemsPerPageDropdown[b-bdcic7y1lu] {
    display: flex !important;
    justify-content: end !important;
    margin-top: -4px;
}
/* _content/QuickPic3/Pages/Monitor/View/ViewPages/TVView.razor.rz.scp.css */
.topBtnContainer[b-nqf9mxaed6] {
    display: flex;
    margin-bottom: 5px;
}

.tableContainer[b-nqf9mxaed6] {
    width: 100%;
    overflow-y: auto;
    height: 689px;
}

table[b-nqf9mxaed6] {
    width: 100%;
}

.filterContainer[b-nqf9mxaed6] {
    display: flex;
    width: fit-content;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
}

.BrandLogoText[b-nqf9mxaed6] {
    text-indent: 5px;
}

.filterDataList[b-nqf9mxaed6] {
    width: 100px !important;
    min-width: 100px;
    max-width: 100px;
}

.CaptureContent[b-nqf9mxaed6] {
    margin-left: 25px;
}
.top-button[b-nqf9mxaed6] {
    height: 36px;
}

.top-text[b-nqf9mxaed6] {
    margin-top: -8px;
}

    .top-text span[b-nqf9mxaed6] {
        margin-top: 3px !important;
    }
tr[b-nqf9mxaed6] {
    cursor: pointer;
    font-size: small;
}

.EXLCHeader[b-nqf9mxaed6] {
    padding-top: 16px;
}

.CaptureInfoContainer[b-nqf9mxaed6] {
}

tr:hover td[b-nqf9mxaed6], tr:hover a[b-nqf9mxaed6] {
    color: white;
    background-color: #C8252C !important;
}

.Child1[b-nqf9mxaed6] {
    display: flex;
}

.Child2[b-nqf9mxaed6] {
    display: flex;
}

.CaptureInfoTitle[b-nqf9mxaed6] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.CaptureInfoValue[b-nqf9mxaed6] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ArticleDetailsTitle[b-nqf9mxaed6] {
    display: flex;
    flex-direction: column;
    width: 20%;
    font-weight: 700;
}

.ArticleDetailsValue[b-nqf9mxaed6] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.buttonContainer[b-nqf9mxaed6] {
    text-align: right;
}

th[b-nqf9mxaed6] {
    color: #808080;
    font-size: small;
}

.HeaderRow[b-nqf9mxaed6] {
    display: flex;
    vertical-align: central;
    align-items: center;
}

.pagingContainer[b-nqf9mxaed6] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-nqf9mxaed6] {
    width: 100%;
    margin-right: auto;
}

.pageInfo[b-nqf9mxaed6] {
    font-size: medium;
    width: 10%;
    margin-left: auto;
    float: right;
    text-align: right;
}

a[b-nqf9mxaed6] {
    color: #C8252C;
}

.btn-Login[b-nqf9mxaed6] {
    color: white;
    background-color: #434a4f;
    margin-left: 5px;
}

.filterControls[b-nqf9mxaed6] {
    display: flex;
    gap: 5px;
    margin-left: auto;
}

.filterControlsMessage[b-nqf9mxaed6] {
    text-align: center;
    display: flex;
    align-items: center;
}

.ItemsPerPageDropdown[b-nqf9mxaed6] {
    display: flex !important;
    justify-content: end !important;
    margin-top: -4px;
}
/* _content/QuickPic3/Pages/News/Components/BlogBreadcrumb.razor.rz.scp.css */
.BreadCrumbContainer[b-4neaq4vd7a]{    
    display: flex;
    padding: 10px;
    padding-left: 5px;    
    width: 100%;
   
}

.iconSpan[b-4neaq4vd7a]{
    font-size: 22px;
    margin-right: 2px !important;    
}
#ShowMenuImg[b-4neaq4vd7a] {
    margin-left:36px;
}
.iconContainer[b-4neaq4vd7a]{
    margin-top: -1px;
}
.BreadCrumbItemPerma[b-4neaq4vd7a] {
    margin-left:-1px;
   
    cursor: pointer;
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight:500 !important;
}
.BreadCrumbItem[b-4neaq4vd7a] {
    margin-left: -1px;
    
    cursor: pointer;
    align-items: center;
    display: flex;
    font-size: 16px;
}

.LatestNewsContainer[b-4neaq4vd7a] {
    display: flex;
    margin-left: 10px;
    cursor: pointer;
}


.news-item[b-4neaq4vd7a]{
    align-self:center;
}

.latestNewsIcon[b-4neaq4vd7a] {
    font-size: 20px;
  
}


.LatestNewsContainer:hover  .news-item[b-4neaq4vd7a]{
    color: var(--brand-primary) !important;
}
.BreadCrumbItemPerma[b-4neaq4vd7a] {
    font-weight: 500 !important;
    color: var(--brand-primary);
}

.BreadCrumbItem:hover[b-4neaq4vd7a] {
    font-weight: 500 !important;
    color: var(--brand-primary);
}

.btnExpandMenu[b-4neaq4vd7a] {
    margin-left: 35px !important;
    margin-top: -15px !important
}

.btnExpandMenu:hover[b-4neaq4vd7a]{
    background-color: white !important;
}

.mega-button[b-4neaq4vd7a] {
    background-color: #434a4f;    
    border: solid 1px #434a4f;
    border-radius: 7px;
    height: 35px;
    width: 35px;
    display: flex;        
    text-align: center;
}

.BackButtonIcon[b-4neaq4vd7a]{
    width: fit-content;    
    position: absolute;
    top: 4px;
    left: 22px;
    font-size: 30px;
}

.mega-button:hover[b-4neaq4vd7a] {
    border: solid 1px white;
    border-radius: 5px;
    background-color: inherit;
}

.expandMenuSpan[b-4neaq4vd7a] {
    font-size: 40px;
    color: #808080;
}

.expandMenuSpan:hover[b-4neaq4vd7a]{
    color: var(--brand-primary);
}

button[b-4neaq4vd7a] {
    width: fit-content;
    white-space: nowrap;
    margin-left: 35px;
}

.BackButton[b-4neaq4vd7a] {
    background-color: #434a4f;
    width: 100%;
    border: none;
    margin-left: 0px;
    text-align: left;
    color: white;
    height: 40px; 
    display: flex;
    align-items: center;
}


.MegaContainer[b-4neaq4vd7a] {
    background-color: var(--brand-primary) !important;
    /*    color: white;
    display: flex;
    position: sticky;
    z-index: 1000;
  
    height: 100%;*/
    position: fixed;
    left: 0px;
    right: 0px;
    top: 60px;
    bottom: 0px;
    color: var(--brand-mega-text, --brand-mega-text);
    /*    background-color: blue;
    color: white;*/
    z-index: 100;
    width: 100%;
    cursor: pointer;
    display: flex;
}

.MegaContainerMobile[b-4neaq4vd7a] {
    background-color: var(--brand-primary);
    position: fixed;
    left: 0px;
    width: 100%;
    top: 60px;
    bottom: 0px;
    color: var(--brand-mega-text, --brand-mega-text);
    z-index: 100;
    cursor: pointer;
    display: flex;    
}

.SvgContainer[b-4neaq4vd7a]{    
    width: 30px;
    height: 30px;
    text-align: center;
    margin-left: -2px;
    margin-top: 2px;
}

.svgMenuContainer[b-4neaq4vd7a]{
    margin-top: -2px;
}

.svgBreadContainer[b-4neaq4vd7a]{
    margin-top: -4px;
    margin-right: 4px;
    margin-left: 4px;
}

.BrandsCol[b-4neaq4vd7a] {
    overflow-y: auto;
    border-right: solid 1px rgba(255,255,255,0.3);
    border: none;
    padding: 5px;
}

    .BrandsCol:empty[b-4neaq4vd7a]{
        border: none;
    }

.BrandsItem[b-4neaq4vd7a], .IndustriesItem[b-4neaq4vd7a] {
    padding: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: white !important;
    align-items: center;
    display: flex;
    font-size: 13px;
    min-width: 200px;
}

.IndustriesCol[b-4neaq4vd7a] {
    display: flex;
    flex-direction: column;
    border-right: solid 1px rgba(255,255,255,0.3);
    padding: 5px;
}

/*.BrandsItem:hover {    
    background-color: rgba(0,0,0,0.4);
    border-radius: 7px;
}*/

/*.IndustriesItem:hover {
    background-color: rgba(0,0,0,0.4);
    border-radius: 7px;
}*/

.AlbumsContainer[b-4neaq4vd7a] {
    height: 85vh;
    overflow-y: auto;
    border-left: solid 1px rgba(255,255,255,0.3);
    border-right: none;
    padding: 5px;    
    height: 100%;
    min-width: 200px;
}

.BreadCrumbContainerMobile[b-4neaq4vd7a]{
    border: solid black !important;
}

ul[b-4neaq4vd7a] {
    padding: 0px;
    padding-left: 0px;
    text-indent: 5px;
}

.TextContainer[b-4neaq4vd7a] {
    color: white !important;
    width: 100%;
}



li[b-4neaq4vd7a] {
    list-style: none;
    display: flex;
    width: 100%;
    padding: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: white !important;
    align-items: center;
    font-size: 13px;
}

/*    li:hover {
        background-color: rgba(0,0,0,0.4);
        border-radius: 7px;
    }*/

.activeItem[b-4neaq4vd7a] {
    background-color: rgba(0,0,0,0.4);
    border-radius: 7px;
}

.IndustriesItem[b-4neaq4vd7a]{
    
}

.DisplayColumn[b-4neaq4vd7a]{
    width: 100%;
}


.TextBtnContainer[b-4neaq4vd7a] {
    display: flex;
    margin-top: 5px;
    
}

.mega-button[b-4neaq4vd7a]{    
    color: white;
    border-color: white;
    background-color: var(--brand-primary);
    margin-left: 20px;
    margin-right: 10px;
}

    .mega-button:hover[b-4neaq4vd7a] {
        background-color: #434a4f
    }

.CloseButtonContainer[b-4neaq4vd7a] {
    display: unset;
    background-color: inherit !important;
    margin-top: 10px;
}



.TextBtnContainer>button[b-4neaq4vd7a]{
    color: white;
    background-color: inherit;
    border: solid 2px;
    border-radius: 7px;    
    margin-left: auto;
}


@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .BreadCrumbContainer[b-4neaq4vd7a]{
        display: none;
    }
    .MegaContainer[b-4neaq4vd7a] {
        display: none;
    }
    .DisplayColumn[b-4neaq4vd7a] {
        overflow-y: auto !important;
    }
 
    .btnExpandMenu[b-4neaq4vd7a] {
        margin: 0px !important;
        width: fit-content;
        color: #808080;
    }
    .test[b-4neaq4vd7a] {
        margin-left: 36px;
     
    }
    #ShowMenuImg[b-4neaq4vd7a] {
        margin-left:0px;
  
    }
        .expandMenuSpan[b-4neaq4vd7a] {            
            align-items: center;
            display: flex;

        }
          #ShowMenuImg2[b-4neaq4vd7a]{
        display:none;
    }


    button[b-4neaq4vd7a] {
        width: fit-content !important;
        white-space: normal;
        margin-left: -10px ;
    }

    .TextBtnContainer > button[b-4neaq4vd7a] {
        color: white;
        background-color: inherit;
        border: solid 1px;
        border-radius: 7px;
     
    }

    .BackButton[b-4neaq4vd7a] {
       
      width:100% !important;
        color: white !important;
    }
        .BackButton span[b-4neaq4vd7a] {
            font-size:16px;
            color: white !important;
        }
    .CloseMenu[b-4neaq4vd7a] {
        color: #C8252C !important;
    }


svg[b-4neaq4vd7a] {
    margin-top:-2px !important;
    margin-right: -3px !important;
}
path[b-4neaq4vd7a] {
   
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}


    .CloseButtonContainer[b-4neaq4vd7a] {
        display: none;
    }
    .MegaContainerMobile[b-4neaq4vd7a] {
        display: unset;
   overflow-y:auto !important;
    }


}
/* _content/QuickPic3/Pages/News/Components/Breadcrumb.razor.rz.scp.css */
.BreadCrumbContainer[b-y4ebh255eb]{    
    display: flex;
    padding: 10px;
    padding-left: 5px;    
    width: 100%;
   
}

.iconSpan[b-y4ebh255eb]{
    font-size: 22px;
    margin-right: 2px !important;    
}
#ShowMenuImg[b-y4ebh255eb] {
    margin-left:36px;
}
.iconContainer[b-y4ebh255eb]{
    margin-top: -1px;
}
.BreadCrumbItemPerma[b-y4ebh255eb] {
    margin-left:-1px;
   
    cursor: pointer;
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight:500 !important;
}
.BreadCrumbItem[b-y4ebh255eb] {
    margin-left: -1px;
    
    cursor: pointer;
    align-items: center;
    display: flex;
    font-size: 16px;
}

.LatestNewsContainer[b-y4ebh255eb] {
    display: flex;
    margin-left: 10px;
    cursor: pointer;
}


.news-item[b-y4ebh255eb]{
    align-self:center;
}

.latestNewsIcon[b-y4ebh255eb] {
    font-size: 20px;
  
}


.LatestNewsContainer:hover  .news-item[b-y4ebh255eb]{
    color: var(--brand-primary) !important;
}
.BreadCrumbItemPerma[b-y4ebh255eb] {
    font-weight: 500 !important;
    color: var(--brand-primary);
}

.BreadCrumbItem:hover[b-y4ebh255eb] {
    font-weight: 500 !important;
    color: var(--brand-primary);
}

.btnExpandMenu[b-y4ebh255eb] {
    margin-left: 35px !important;
    margin-top: -15px !important
}

.btnExpandMenu:hover[b-y4ebh255eb]{
    background-color: white !important;
}

.mega-button[b-y4ebh255eb] {
    background-color: #434a4f;    
    border: solid 1px #434a4f;
    border-radius: 7px;
    height: 35px;
    width: 35px;
    display: flex;        
    text-align: center;
}

.BackButtonIcon[b-y4ebh255eb]{
    width: fit-content;    
    position: absolute;
    top: 4px;
    left: 22px;
    font-size: 30px;
}

.mega-button:hover[b-y4ebh255eb] {
    border: solid 1px white;
    border-radius: 5px;
    background-color: inherit;
}

.expandMenuSpan[b-y4ebh255eb] {
    font-size: 40px;
    color: #808080;
}

.expandMenuSpan:hover[b-y4ebh255eb]{
    color: var(--brand-primary);
}

button[b-y4ebh255eb] {
    width: fit-content;
    white-space: nowrap;
    margin-left: 35px;
}

.BackButton[b-y4ebh255eb] {
    background-color: #434a4f;
    width: 100%;
    border: none;
    margin-left: 0px;
    text-align: left;
    color: white;
    height: 40px; 
    display: flex;
    align-items: center;
}


.MegaContainer[b-y4ebh255eb] {
    background-color: var(--brand-primary) !important;
    /*    color: white;
    display: flex;
    position: sticky;
    z-index: 1000;
  
    height: 100%;*/
    position: fixed;
    left: 0px;
    right: 0px;
    top: 60px;
    bottom: 0px;
    color: var(--brand-mega-text, --brand-mega-text);
    /*    background-color: blue;
    color: white;*/
    z-index: 100;
    width: 100%;
    cursor: pointer;
    display: flex;
}

.MegaContainerMobile[b-y4ebh255eb] {
    background-color: var(--brand-primary);
    position: fixed;
    left: 0px;
    width: 100%;
    top: 60px;
    bottom: 0px;
    color: var(--brand-mega-text, --brand-mega-text);
    z-index: 100;
    cursor: pointer;
    display: flex;    
}

.SvgContainer[b-y4ebh255eb]{    
    width: 30px;
    height: 30px;
    text-align: center;
    margin-left: -2px;
    margin-top: 2px;
}

.svgMenuContainer[b-y4ebh255eb]{
    margin-top: -2px;
}

.svgBreadContainer[b-y4ebh255eb]{
    margin-top: -4px;
    margin-right: 4px;
    margin-left: 4px;
}

.BrandsCol[b-y4ebh255eb] {
    overflow-y: auto;
    border-right: solid 1px rgba(255,255,255,0.3);
    border: none;
    padding: 5px;
    min-width: 200px;
}

    .BrandsCol:empty[b-y4ebh255eb]{
        border: none;
    }

.BrandsItem[b-y4ebh255eb], .IndustriesItem[b-y4ebh255eb] {
    padding: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: white !important;
    align-items: center;
    display: flex;
    font-size: 13px;
    min-width: 200px;
}

.IndustriesCol[b-y4ebh255eb] {
    display: flex;
    flex-direction: column;
    border-right: solid 1px rgba(255,255,255,0.3);
    padding: 5px;
}

/*.BrandsItem:hover {    
    background-color: rgba(0,0,0,0.4);
    border-radius: 7px;
}*/

/*.IndustriesItem:hover {
    background-color: rgba(0,0,0,0.4);
    border-radius: 7px;
}*/

.AlbumsContainer[b-y4ebh255eb] {
    height: 85vh;
    overflow-y: auto;
    border-left: solid 1px rgba(255,255,255,0.3);
    border-right: none;
    padding: 5px;    
    height: 100%;
    min-width: 200px;
}

.BreadCrumbContainerMobile[b-y4ebh255eb]{
    border: solid black !important;
}

ul[b-y4ebh255eb] {
    padding: 0px;
    padding-left: 0px;
    text-indent: 5px;
}

.TextContainer[b-y4ebh255eb] {
    color: white !important;
    width: 100%;
}



li[b-y4ebh255eb] {
    list-style: none;
    display: flex;
    width: 100%;
    padding: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: white !important;
    align-items: center;
    font-size: 13px;
}

/*    li:hover {
        background-color: rgba(0,0,0,0.4);
        border-radius: 7px;
    }*/

.activeItem[b-y4ebh255eb] {
    background-color: rgba(0,0,0,0.4);
    border-radius: 7px;
}

.IndustriesItem[b-y4ebh255eb]{
    
}

.DisplayColumn[b-y4ebh255eb]{
    width: 100%;
}


.TextBtnContainer[b-y4ebh255eb] {
    display: flex;
    margin-top: 5px;
    
}

.mega-button[b-y4ebh255eb]{    
    color: white;
    border-color: white;
    background-color: var(--brand-primary);
    margin-left: 20px;
    margin-right: 10px;
}

    .mega-button:hover[b-y4ebh255eb] {
        background-color: #434a4f
    }

.CloseButtonContainer[b-y4ebh255eb] {
    display: unset;
    background-color: inherit !important;
    margin-top: 10px;
}



.TextBtnContainer>button[b-y4ebh255eb]{
    color: white;
    background-color: inherit;
    border: solid 2px;
    border-radius: 7px;    
    margin-left: auto;
}


@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .BreadCrumbContainer[b-y4ebh255eb]{
        display: none;
    }
    .MegaContainer[b-y4ebh255eb] {
        display: none;
    }
    .DisplayColumn[b-y4ebh255eb] {
        overflow-y: auto !important;
    }
 
    .btnExpandMenu[b-y4ebh255eb] {
        margin: 0px !important;
        width: fit-content;
        color: #808080;
    }
    .test[b-y4ebh255eb] {
        margin-left: 36px;
     
    }
    #ShowMenuImg[b-y4ebh255eb] {
        margin-left:0px;
  
    }
        .expandMenuSpan[b-y4ebh255eb] {            
            align-items: center;
            display: flex;

        }
          #ShowMenuImg2[b-y4ebh255eb]{
        display:none;
    }


    button[b-y4ebh255eb] {
        width: fit-content !important;
        white-space: normal;
        margin-left: -10px ;
    }

    .TextBtnContainer > button[b-y4ebh255eb] {
        color: white;
        background-color: inherit;
        border: solid 1px;
        border-radius: 7px;
     
    }

    .BackButton[b-y4ebh255eb] {
       
      width:100% !important;
        color: white !important;
    }
        .BackButton span[b-y4ebh255eb] {
            font-size:16px;
            color: white !important;
        }
    .CloseMenu[b-y4ebh255eb] {
        color: #C8252C !important;
    }


svg[b-y4ebh255eb] {
    margin-top:-2px !important;
    margin-right: -3px !important;
}
path[b-y4ebh255eb] {
   
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}


    .CloseButtonContainer[b-y4ebh255eb] {
        display: none;
    }
    .MegaContainerMobile[b-y4ebh255eb] {
        display: unset;
   overflow-y:auto !important;
    }


}

.NewsItemContainer[b-y4ebh255eb] {
    display: flex;
    padding: 10px;
    padding-bottom: 8px;
    border-bottom: solid 1px rgba(255,255,255,0.3);    
    width: 100%;
    max-width: 400px;
}

    .NewsItemContainer:hover[b-y4ebh255eb] {
        background-color: rgba(0,0,0,0.4) !important;
        border-radius: 7px;
    }

.NewsItemImageContainer[b-y4ebh255eb] {    
    width: 90px;
    height: 50px;
    background-color: white;
    border-radius: 7px;
}

.NewsItemImage[b-y4ebh255eb] {    
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
    border-radius: 7px;
}

.PDFitem[b-y4ebh255eb]{
    background-position: top;
}

.BrandItemImage[b-y4ebh255eb] {
    background-size: contain;
    background-position: center !important;
}

.NewsItemTextContainer[b-y4ebh255eb] {
    width: 100%;
    margin-left: 4px;
}

.NewsItemTextContainer > *[b-y4ebh255eb] {
    color: white !important;
    font-size: 12px;
}

.NewsItemTitle[b-y4ebh255eb]{
    font-weight: 700;
}

.NewsItemTitle[b-y4ebh255eb] {
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .NewsItemSummary[b-y4ebh255eb] {
        font-size: 12px;
        margin-top: 0px;
        line-height: 1.4;
        height: 2.4rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.SnippetContainer[b-y4ebh255eb] {
    width: 100% !important;
    border-left: solid 1px rgba(255,255,255,0.3);
}


.moreButton[b-y4ebh255eb] {
    border-radius: 7px;
    color: #434a4f;
    border: solid 1px #E8ECED;
    font-size: 15px;
    background-color: inherit;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 25px;
    cursor: pointer;
    padding-right: 2px;
    padding: 2px;
    border: none;
}

    .moreButton:hover[b-y4ebh255eb]{
        background-color: rgba(0,0,0,0.4) !important;
    }

.MoreIconContainer[b-y4ebh255eb] {
    margin-right: 3px;
    margin-top: -3px;
}

.moreButton > span[b-y4ebh255eb] {
    color: white !important;    
}

.NewsItemContainer[b-y4ebh255eb]{
    text-decoration: none !important;
}

.manualHover:hover[b-y4ebh255eb] {
    background-color: rgba(0,0,0,0.4);
    border-radius: 7px;
}

.manualHover[b-y4ebh255eb]{
    white-space: nowrap;
}

.dealerContainer > .LatestNewsContainer[b-y4ebh255eb] {
    margin-left: 15px !important;
}

.MenuButtonDealer[b-y4ebh255eb]{
    margin-left: 31px;
    margin-top: 2px;
}

.lessButton[b-y4ebh255eb]{
    transform: rotate(180deg);
    margin-bottom: 0px;
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseView.razor.rz.scp.css */
.share-social-button[b-z7zennwss4] {
    width: 55px !important;
}

.LoadingImages[b-z7zennwss4]{    
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.LoadingFilesMessage[b-z7zennwss4]{
    width: fit-content;
    margin-right: 5px;
}

.test[b-z7zennwss4] {
    z-index: 1;
    position: absolute;
    width: 96.5%;
    margin-top: 40px;
}

.LoadingFiles[b-z7zennwss4]{
    width: fit-content;
}

.buttonContainers[b-z7zennwss4]{
    margin-left: -5px;
}

.share-dropdown[b-z7zennwss4] {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 55px;
}
.social-con[b-z7zennwss4]{

    margin-right:-10px !important;
    margin-top:-1px;
    height:58px !important;
}
.press-release-title[b-z7zennwss4] {
   
    font-size: 1.5rem;
    font-weight: 700;
    padding-left: 0.5em;
}

.bot-con[b-z7zennwss4]{
    margin-top:10px;
    margin-bottom:-10px;
}
.PlayButtonContainer[b-z7zennwss4]{    
    height: fit-content;
    align-self: center;        
    position: absolute;    
    width: 100%;
    display: flex;
}

.playButtonImage[b-z7zennwss4] {
    width: 200px;     
    margin-left: auto;
    margin-right: auto;
}

#brandImage[b-z7zennwss4]{
    /*height: 400px;*/
    padding: 40px;
    object-fit: none;
}

.share-button[b-z7zennwss4] {
    cursor: pointer
}

    .share-button:hover[b-z7zennwss4] {
        color: var(--brand-secondary);
        background-color: var(--brand-primary);
    }

.titlebox[b-z7zennwss4] {
    width: 100%;
    font-size: 1.0rem;
}

.bodybox-fade[b-z7zennwss4] {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    height: 150px;
    width: 100%;
    overflow-y: clip;
    z-index: 0 !important;
}

.tabButton[b-z7zennwss4] {
    color: #808080;
    margin: 0px !important;       
}

    .tabButton:hover[b-z7zennwss4] {
        background-color: white !important;
       
    }

        .tabButton:hover div[b-z7zennwss4] {
            transition:0.5s;
            color: var(--brand-primary) !important;
        }

.selected[b-z7zennwss4] {
    color: var(--brand-primary) !important;
}

    .selected div[b-z7zennwss4] {
        color: var(--brand-primary) !important;
        font-weight:700;
    }

.bodybox[b-z7zennwss4] {
    width: 100%;
    font-family: sans-serif;
}

.bodybox strong[b-z7zennwss4] {
   font-weight:700 !important;
}
    .bodybox strong span[b-z7zennwss4]{
        font-weight: 700 !important;
    }

    .bodybox strong strong[b-z7zennwss4] {
        font-weight: 700 !important;
    }
    .bodybox p strong[b-z7zennwss4] {
        font-weight: 700 !important;
    }
    .bodybox strong p[b-z7zennwss4] {
        font-weight: 700 !important;
    }
        .bodybox strong em[b-z7zennwss4] {
            font-weight: 700 !important;
        }
    .bodybox strong em span[b-z7zennwss4] {
        font-weight: 700 !important;
    }
    .bodybox strong p strong[b-z7zennwss4] {
        font-weight: 700 !important;
    }

.hero-image[b-z7zennwss4] {
    width: 100%;
    height: 640px;
    border-radius:7px;
    background-position: top !important;
}
.hero-image-back[b-z7zennwss4] {
    border-radius: 7px;
    background-color: #E6E6E6;
}
.hero-image-image-footer[b-z7zennwss4] {
    font-size: 9px !important;
    padding-left: 5px;
    padding-right: 5px;
    align-self: end;
    height: 25px;
    width: 100%;
    background-color: rgba(0,0,0,0.7) !important;
    color: white;
    border-radius: 0px !important;
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.image-text[b-z7zennwss4] {
    font-size: small;
}


.press-release-gallery[b-z7zennwss4] {
    display: grid;
    column-gap: 25px;
    row-gap: 25px;        
    width: 99.45% !important;    
    text-align: center !important;
    margin-left: 4px;

    margin-right: 10px;        
}

.press-release-gallery-custom[b-z7zennwss4] {
    display: flex;
    column-gap: 25px;
    row-gap: 25px;
    width: 99.45% !important;
    text-align: center !important;
    margin-left: 4px;
    margin-right: 10px;
    flex-direction: row;
}

@media screen and (min-width: 1683px) {
    .press-release-gallery[b-z7zennwss4] {        
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }
}

@media screen and (min-width: 1000px) {
    .press-release-gallery[b-z7zennwss4] {        
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));        
    }
}

@media screen and (min-width: 900px) {
    .press-release-gallery[b-z7zennwss4] {        
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 900px) {
    .press-release-gallery[b-z7zennwss4] {        
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .press-release-gallery-custom[b-z7zennwss4] {        
        flex-direction: column;
    }

}

@media screen and (max-width: 800px) {
    .press-release-gallery[b-z7zennwss4] {        
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 520px) {
    .press-release-gallery[b-z7zennwss4] {        
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

.press-release-gallery img[b-z7zennwss4] {
    width: 400px;
    height: 300px;
}

/*.gallery-image-tile {
    height: 200px !important;
    width: 100% !important;
    position: relative;
    background-color: #fff;
    min-width: 300px !important;
    max-width: 300px !important;
}*/

.gallery-image-tile[b-z7zennwss4] {
    height: 200px;
    width: 100% !important;
    position: relative;
    background-color: #fff;
    max-width: 300px;
}

.brandLogoContainerDiv[b-z7zennwss4] {    
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
    border: 1px solid rgb(225,225,225);    
    height: fit-content;
    text-align: center;
}

#grey_BarNoImage[b-z7zennwss4]{
    border-radius: 7px;
}

.tabPressRelease[b-z7zennwss4]{    
    padding: 0px !important;    
    text-align: center !important;    
    margin: 0px !important;
    width: 100% !important;
}

.press-release-gallery-container[b-z7zennwss4]{        
    width: 100% !important;
    padding: 0px !important;    
}

.btnDownloadAll[b-z7zennwss4]{
    margin-right: 4px !important;    
    display: flex;
    align-items: center;
}

    .btnDownloadAll> span[b-z7zennwss4]{
        height: 30px;
    }
    .btnDownloadAll > div[b-z7zennwss4] {        
        height: 40px;
    }

.btnReadMore[b-z7zennwss4] {
    margin-left: 10px !important;    
    z-index: 1;
    position: absolute;
    margin-bottom: 10px !important;
}

.DownloadFileButton[b-z7zennwss4]{
    background-color: #C8252C;   
    border-radius: 7px;
    width: 100%;
    text-align: center !important;
}

.DownloadFileButton > a[b-z7zennwss4]{
    color: white;
    text-decoration: none;    
    margin-left: -10px;
}

.CloseFileButton[b-z7zennwss4] {
    background-color: #434a4f;
    border-radius: 7px;
    color: white;
    width: 100%;
}
#newsFeedBox[b-z7zennwss4]{
    margin-left:10px;
    margin-right:15px !important;
}

.DownloadContainer[b-z7zennwss4]{
    display: flex;
}

.ModalContainer[b-z7zennwss4]{    
    margin-top: 20px;
}

.DownloadInfo[b-z7zennwss4]{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .btnDownloadAll[b-z7zennwss4]{
      position:relative;
        margin-bottom:-10px !important;
        width:37px;
        overflow-x:hidden;
    }
    .test button[b-z7zennwss4]{
        margin-right:-7px !important;
    }

    .test:nth-child(2)[b-z7zennwss4] {
        margin-right:8px !important;
    }
    .hero-image[b-z7zennwss4] {
        width: 100%;
        height: 200px;
        border-radius: 7px;
    }
    .PlayButtonContainer[b-z7zennwss4] {
        height: 170px;
        align-self: center;
        position: absolute;
        width: 100%;
        display: flex;
       
    }
    .playButtonImage[b-z7zennwss4] {
        width: 170px;
        margin-left: auto;
        margin-right: auto;
        margin-right: 120px;
    }
    @supports( -webkit-touch-callout: none) {
        .PlayButtonContainer[b-z7zennwss4] {
            height: 170px;
            align-self: center;
            position: absolute;
            width: 100%;
            display: flex;
            margin-left: -35px;
        }
    }
  
}

.Mobile-Show[b-z7zennwss4] {
    display: none;
}





.Mobile-Grid[b-z7zennwss4] {
 height:100%;
    padding: 10px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content:center;

}

.mHeroImageCon[b-z7zennwss4] {
 
  
}
.mHeroImageCon img[b-z7zennwss4]{
    object-fit:cover;
   max-height:220px;
   min-height:220px;
    width:100%;
}

.mBtnDownload[b-z7zennwss4] {
    margin-left: auto;
    border: none;
    border-radius: 7px;
    background-color: #C8252C;
    color: white;
   
  
    top:10px;

}

@media (max-width: 900px) {
    .BodyContainer[b-z7zennwss4] {
        margin: 0 !important;
    }

    .Desktop[b-z7zennwss4] {
        display: none;
    }

    .Mobile-Show[b-z7zennwss4] {
        height: 100px;
        display: unset;
    }

    .buttonContainers[b-z7zennwss4]{
       margin:0px !important;

        
    }

        .buttonContainers button[b-z7zennwss4] {
            margin: 0px !important;
         
        }
    .press-release-gallery-container[b-z7zennwss4] {
        width: 100% !important;
        padding: 0px !important;
        display:flex;
        justify-content:center;
    }
    .press-release-gallery[b-z7zennwss4]{
        width:auto !important;
    }
}

@media (max-width: 500px) {
}

@media (max-width: 450px) {
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseViewComponents/AddBasketButton.razor.rz.scp.css */
.basket-button[b-c6jup5193w] {
    cursor: pointer;
    font-size: 28px;
    
    
    margin-left: 10px;
}

    .basket-button:hover[b-c6jup5193w] {
        color: var(--brand-primary);
    }
.IconContainer[b-c6jup5193w] {
    width: fit-content;
    margin-left: 3px;

    margin-top:-3px;
    display: flex;
    align-items: center;
    cursor: pointer !important;
    color: white;
    border-color: white;
    background-color: transparent;
    border: none !important;
}
/*.IconContainer {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer !important;
    color: white;
}*/
.mdi:hover[b-c6jup5193w] {
    color: var(--brand-primary) !important;
}
.DownloadContainer[b-c6jup5193w] {
    border: solid 1px white;
    width: 30px;
    height: 30px;
    border-radius: 7px;
}

    .DownloadContainer:hover[b-c6jup5193w] {
        color: #C8252C;
    }

.darker[b-c6jup5193w] {
    color: #7b8083;
    border-color: #7b8083;
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseViewComponents/FileTile.razor.rz.scp.css */
.mdi[b-ng3dp5ltje] {
    font-size: 32px;
}
span .mdi:hover[b-ng3dp5ltje] {
    color: var(--brand-primary);
}

a:hover[b-ng3dp5ltje]{
    color: #C8252C !important;
}

.file-container[b-ng3dp5ltje] {
    border: 1px solid silver;
    padding: 5px;
    border-radius: 7px;
    display: flex;
    margin-bottom: 5px;
}

.file-icon-bg[b-ng3dp5ltje] {
    width: 49px;
    height: 49px;
    display: inline-block;
    color: white;
    border-radius: 7px;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
}

.download-icon[b-ng3dp5ltje] {
    cursor: pointer;
    color: #7b8083;
    font-size: 22px;    
    border: solid red;
    width: 100% !important;        
    text-decoration: none;
}

.download-icon:hover[b-ng3dp5ltje]{
    color: #C8252C;
}

.action-section[b-ng3dp5ltje] {
    display: inline;
    float: right;
    margin-left: auto;
    text-align: right;
    display: flex;
    align-self: center;    
}

.DownloadContainer[b-ng3dp5ltje] {
    display: flex;
    border: solid 1px #7b8083;
    border-radius: 7px;
    height: 30px;
    width: 30px;
    margin-right: 5px;    
    background-color: white;
    padding: 0px ;
}

.action-section > span[b-ng3dp5ltje] {
    display: flex;
    border: solid 1px #7b8083;
    border-radius: 7px;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    text-align: center;
}

.action-section > a[b-ng3dp5ltje] {
    border: solid 1px #7b8083;
    border-radius: 7px;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    padding: 0px !important;
    text-align: center;
}

    .action-section > a:hover[b-ng3dp5ltje] {
        
        color: #C8252C !important;

    }

.title-section[b-ng3dp5ltje] {
    display: inline;
    padding-left: 10px;
    vertical-align: middle;
    align-self: center;
}

.icon-container[b-ng3dp5ltje] {
    display: inline;
    width: 45px;
    cursor: pointer;
}

.dropup-content[b-ng3dp5ltje] {
    display: none;
    position: absolute;
    bottom: 45px;
    /*background-color: #40404080;*/
    border-radius: 7px;
    z-index: 1;
    /*padding: 1px;*/
    cursor: pointer;
}

.dropup:hover .dropup-content[b-ng3dp5ltje] {
    display: block;
    border-radius: 7px;
    border: 2px solid #C8252C;
    box-shadow: #7b8083 0px 5px 5px;
}

.dropup-content > img[b-ng3dp5ltje]{
    border-radius: 7px;
}

img[b-ng3dp5ltje] {
    max-height: 500px;
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseViewComponents/ImageDownloader.razor.rz.scp.css */
.dropbtn[b-amhs5zi36j] {
    margin-left: 5px;
    
    cursor: pointer;
}
i[b-amhs5zi36j]{
    font-size:29px;
}
    i:hover[b-amhs5zi36j] {
        color: var(--brand-primary);
    }
.dropup[b-amhs5zi36j] {
    position: relative;
    display: inline-block;
    float: left;
    border-radius: 7px;
    background-color:transparent;    
}

.dropbtn[b-amhs5zi36j] {    
}
.mdi:hover[b-amhs5zi36j] {
    color: var(--brand-primary) !important;
}
.IconContainer[b-amhs5zi36j] {
    /*width: fit-content;
    margin-left: -2.4px;
    margin-top: -1px;
    display: flex;
    align-items: center;
    cursor: pointer !important;
    color: white;
    border-color: white;
    background-color: transparent;
    border: none !important;*/
    width: fit-content;
    display: flex;
    align-items: center;
    cursor: pointer !important;
    color: white;
    border-color: white;
    background-color: transparent;
    border: none !important;
    margin-top:3px;
}

.DownloadContainer[b-amhs5zi36j] {
    border: solid 1px white;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background-color: transparent;
    display: flex;

    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 1600px) {
    .IconContainer[b-amhs5zi36j] {
        width: fit-content;
     
      margin-bottom:-1.2px;
        display: flex;
        align-items: center;
        cursor: pointer !important;
        color: white;
        border-color: white;
        background-color: transparent;
        border: none !important;
    }

    .DownloadContainer[b-amhs5zi36j] {
        border: solid 1px white;
        width: 30px;
        height: 30px;
        border-radius: 7px;
        background-color: transparent;
       
    }
}


.dropup-content[b-amhs5zi36j] {
    display: none;
    position: absolute;
    bottom: 45px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 7px;
    min-width: 200px;
    z-index: 1;
}

    .dropup-content a[b-amhs5zi36j] {
        padding: 3px;
        text-decoration: none;
        display: block;
        background-color: transparent;
        color: white;
    }

        .dropup-content a:hover[b-amhs5zi36j] {
            background-color: #bababa80;
            border-radius: 7px;
        }


.dropup:hover .dropup-content[b-amhs5zi36j] {
    display: block;
}


.MainContainer[b-amhs5zi36j]{
    display: flex;
    flex-direction: column;
    border: none !important;
}

.downloadOptions[b-amhs5zi36j]{
    position: absolute;
    background-color: rgba(0,0,0,1);
    bottom: 50px;    
    width: fit-content;    
    border-radius: 7px;
    padding: 5px;
}

.downloadOptions > span[b-amhs5zi36j]{
    color: white !important;
    text-decoration: none;
}

/*.downloadOptionsCenter {
    position: absolute;
    background-color: rgba(0,0,0,1);
    bottom: 50px;
    width: fit-content;
    border-radius: 7px;
    padding: 5px;
    left: 50%;
    transform: translateX(-50%);
}

    .downloadOptionsCenter > span {
        color: white !important;
        text-decoration: none;
    }*/

.downloadOptionsCenter[b-amhs5zi36j] {
    position: fixed;
    background-color: rgba(0, 0, 0, 1);
    top: 50px;
    right: 0;
    width: fit-content;
    border-radius: 7px;
    padding: 5px;
}

    .downloadOptionsCenter > span[b-amhs5zi36j] {
        color: white !important;
        text-decoration: none;
    }

.itemColor[b-amhs5zi36j]{
    color: inherit;
}

    .itemColor:hover[b-amhs5zi36j] {
        color: var(--brand-primary);
    }

a[b-amhs5zi36j]{
    text-decoration: none;
    color: white;
}

.DownloadContainer:hover[b-amhs5zi36j] {
    color: #C8252C;
}

@media only screen and (max-width: 800px) and (max-height: 1200px) {

    @supports (-webkit-touch-callout:none) {
        .IconContainer[b-amhs5zi36j] {
            width: fit-content;
            margin-left: -10.9px;
            margin-top: -1px;
            display: flex;
            align-items: center;
            cursor: pointer !important;
            color: white;
            border-color: white;
            background-color: transparent;
            border: none !important;
        }
    }
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseViewComponents/ImageShare.razor.rz.scp.css */

.share-icon:hover[b-j6cpkr4jct] {
    color: var(--brand-primary);
}

.mdi[b-j6cpkr4jct] {
    font-size: 28px;
}

/*.MainContainer{
    display: flex;
}*/

.MainContainer[b-j6cpkr4jct] {
    margin-left: auto !important;
    display: flex;
    float: right;
    border: none !important;
    outline: none;
    background-color: inherit;
}

.share-dropdown[b-j6cpkr4jct] {
    cursor: auto;
    color: white;
    background-color: transparent;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 40px;
    justify-content: center;
    align-items: center;
}

.InvisibleContainer[b-j6cpkr4jct] {
    width: 20%;
    text-align: right;
    position: inherit;
    z-index: 50;
    float: right;
}

.ShareContainer[b-j6cpkr4jct] {
    display: flex;
    float: right;
}

.ShareContent[b-j6cpkr4jct] {
    display: flex;
    background-color: #40404080;
    border-radius: 7px;
}

.w3-dropdown-content[b-j6cpkr4jct] {
    cursor: auto;
    color: white;
    background-color: transparent;
    display: none;
    position: absolute;
    min-width: 40px;
    margin: 0;
    padding: 0;
    z-index: 1;
    justify-content: center;
    align-items: center;
}

.share-link[b-j6cpkr4jct] {
    font-size: 20px;
}

    .share-link:hover[b-j6cpkr4jct] {
        color: white;
        /*background-color: #bababa80;*/
    }

.IconContainer[b-j6cpkr4jct] {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: -1.2px;*/
    margin-top: -4px;
    font-size: 20px;
    cursor: pointer !important;
    color: white !important;
    align-items: center;
    fill: white;
}

    .IconContainer :hover[b-j6cpkr4jct] {
        transition: 0.2s;
        color: var(--brand-primary) !important;
        fill: var(--brand-primary) !important;
    }

.IconContainer[b-j6cpkr4jct] {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: -1.2px;*/
    margin-top: -4px;
    font-size: 20px;
    cursor: pointer !important;
    color: white !important;
    align-items: center;
    fill: white;
}

    .IconContainer:hover[b-j6cpkr4jct] {
        transition: 0.2s;
        color: var(--brand-primary) !important;
        fill: var(--brand-primary) !important;
    }
.mdi:hover[b-j6cpkr4jct] {
    color: var(--brand-primary) !important;
}

.IconContainer2[b-j6cpkr4jct] {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    font-size: 20px;
    cursor: pointer !important;
    color: white;
    align-items: center;
    fill: white;
}

    .IconContainer2:hover[b-j6cpkr4jct] {
        transition: 0.2s;
        color: var(--brand-primary) !important;
        fill: var(--brand-primary) !important;
    }

.IconContainer3[b-j6cpkr4jct] {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1.2px;
    font-size: 20px;
    cursor: pointer !important;
    color: white;
    align-items: center;
    fill: white;
}

    .IconContainer3:hover[b-j6cpkr4jct] {
        color: red !important;
        transition: 0.2s;
        color: var(--brand-primary) !important;
        fill: var(--brand-primary) !important;
    }

.DownloadContainer[b-j6cpkr4jct] {
    margin-right:3px;
    border: solid 1px white;
    width: 30px;
    height: 30px;
    border-radius: 7px;        
}

    .DownloadContainer:hover[b-j6cpkr4jct] {
        transition: 0.2s;
        color: var(--brand-primary) !important;
        fill: var(--brand-primary) !important;
    }

.social-button[b-j6cpkr4jct] {
    border: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    width: 40px !important;
}

.share-button[b-j6cpkr4jct] {
    border: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: white;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.share-dropdown-click[b-j6cpkr4jct] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#dimScreen[b-j6cpkr4jct] {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
}

.hide-share[b-j6cpkr4jct] {
    display: none
}

.share-email[b-j6cpkr4jct] {
}

    .share-email:hover[b-j6cpkr4jct] {
    }


.radiusBorderBtn[b-j6cpkr4jct] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.bendRightBorder[b-j6cpkr4jct] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.MainContainer > .DownloadContainer[b-j6cpkr4jct] {
    margin-left: 5px !important;
}

a[b-j6cpkr4jct]{
    display:flex;
    align-items:center;
    text-decoration: none !important;
 
    color: inherit;
    
}

.ShareContent[b-j6cpkr4jct] {
    display: flex;
}

.ShareItem[b-j6cpkr4jct] {
    margin-right: 6px;
    border: 1px solid #b3b6b8;
    border-radius: 7px;
    width: 35px;
    height: 35px;
}

.share-link[b-j6cpkr4jct] {
    display: flex;
    align-items: center;
    margin-left: 3px;
    margin-top: -1px;
    color: #7b8083;
    fill: #7b8083;
}

    .share-link:hover[b-j6cpkr4jct] {
        transition: 0.2s;
        color: var(--brand-primary);
        fill: var(--brand-primary);
    }

.bendRightBorder[b-j6cpkr4jct] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.twitterImage[b-j6cpkr4jct] {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

@media only screen and (max-width: 500px) and (max-height: 900px) {

    .ShareContainer[b-j6cpkr4jct] {
    }

    .ShareContent[b-j6cpkr4jct] {
        flex-direction: column;
    }

    .ShareItem[b-j6cpkr4jct] {
        background-color: white;
        z-index: 10;
    }
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseViewComponents/ImageTile.razor.rz.scp.css */
.image-tile-box[b-4r64tung0r] {
    width: 100%;
    height: 200px !important;
    background-position: top !important;
    display: flex;
}
.basket-icon-bg span[b-4r64tung0r]{
    display:flex;
    margin-top:-1px;
}
.image-tile-control[b-4r64tung0r] {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.basket-icon-bg[b-4r64tung0r] {    
    background-color: var(--brand-primary);
    border-radius: 5px;
    width: 40px;
    height: 40px;
    float: right;
    display: block;
    z-index:100;
}
.basket-icon[b-4r64tung0r] {
    margin: 0 auto;
    font-size: 28px;
    color: white;
    padding: 0px;
    align-content:center;
    padding-left:6px
}

.image-tile-footer[b-4r64tung0r] {
    align-self: end;
    height: 100%;
    padding: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    color: white;
    border-radius: 5px;
    position: absolute;
    margin: 0px;
    display: none;    
}

.image-tile-box:hover .image-tile-footer[b-4r64tung0r] {
    display: block;    
}

.gallery-tile-wrapper[b-4r64tung0r] {
    background-color: #80808080;
    border-radius: 5px;
}

.image-filler[b-4r64tung0r] {
    flex: 0 1 auto;
    height: 75%;
    cursor: pointer;
    line-height: 10px;
    padding: 5px;
}

.preview-hidden[b-4r64tung0r] {
    display: none;
}

.basket-button[b-4r64tung0r] {
    cursor: pointer;
}

.imageMenu[b-4r64tung0r]{
    display: flex;
    position: relative;
    bottom: -10px;
}

.imagedown[b-4r64tung0r]{    
    width: fit-content;
    margin-right: 5px;
}

.imageBasket[b-4r64tung0r]{
    width: fit-content;    
}

.imageShare[b-4r64tung0r]{
    margin-left: auto;
}

.ImageName[b-4r64tung0r]{
    font-size: 11px !important;    
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseViewComponents/SocialShareButtons.razor.rz.scp.css */

.share-dropdown[b-a5c1zp5d0e] {
    cursor: auto;
    color: white;
    background-color: #bababa80;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 40px;
    justify-content: center;
    align-items: center;
}

.InvisibleContainer[b-a5c1zp5d0e]{
    width: 20%;
    text-align: right;
    position: inherit;
    z-index: 50;
}

.ShareContainer[b-a5c1zp5d0e] {
    margin-left:auto !important;
    display: flex;
    float: right;    
    border: none !important;
    outline: none;
    background-color: inherit;
}
.ShareItem[b-a5c1zp5d0e] {
    margin-right:6px;
    border: 1px solid #b3b6b8;
    border-radius: 7px;
    width: 35px;
    height: 35px;
}
.ShareContent[b-a5c1zp5d0e] {
    display: flex;        
}

.w3-dropdown-content[b-a5c1zp5d0e] {
    cursor: auto;
    color: #808080FF;
    background-color: #bababa80;
    display: none;
    position: absolute;
    min-width: 40px;
    margin: 0;
    padding: 0;
    z-index: 1;
    justify-content: center;
    align-items: center;
}

.share-link[b-a5c1zp5d0e] {
    display: flex;
    align-items: center;
    margin-left: 3px;
    margin-top: -1px;
    color: #7b8083;
    fill: #7b8083;
}

/*.share-link {
    color: #808080FF;
    text-decoration: none;
    display: block;
    background-color: #bababa80;        
    width: 40px;
    margin-top: 5px;
    height: 40px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 2px;
}*/

    .share-link:hover[b-a5c1zp5d0e] {
        transition: 0.2s;
        color: var(--brand-primary);
        fill: var(--brand-primary);
    }

.social-button[b-a5c1zp5d0e] {
    border: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    width: 40px !important;
}

.share-button[b-a5c1zp5d0e] {
    border: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: white;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.share-dropdown-click[b-a5c1zp5d0e] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#dimScreen[b-a5c1zp5d0e] {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
}

.hide-share[b-a5c1zp5d0e] {
    display: none
}

.share-email[b-a5c1zp5d0e] {
    
}

    .share-email:hover[b-a5c1zp5d0e] {
        
    }


.radiusBorderBtn[b-a5c1zp5d0e] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.bendRightBorder[b-a5c1zp5d0e] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

@media only screen and (max-width: 500px) and (max-height: 900px) {

    .ShareContainer[b-a5c1zp5d0e]{
     
    }
    .ShareContent[b-a5c1zp5d0e] {
        flex-direction: column;
    }
    .ShareItem[b-a5c1zp5d0e]{
        background-color:white;
        z-index:10;
    }
}

.twitterImage[b-a5c1zp5d0e] {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseViewComponents/VideoDownloader.razor.rz.scp.css */
.download-icon[b-81jjifhcd8] {
    font-size: 29px;
    cursor: pointer;
    color: white;
}

a:hover[b-81jjifhcd8] {
    color: var(--brand-primary);
}

a[b-81jjifhcd8]{    
    font-size: 25px !important;    
    margin-top: -5px !important;
    position: relative;
    top: -3px;
}
/* _content/QuickPic3/Pages/News/Components/PressReleaseViewComponents/VideoTile.razor.rz.scp.css */
.image-tile-box[b-1rnhfanvdu] {
    width: 100%;
    height: 200px;
    z-index: 100 !important;
    background-position: top !important
}
.PlayButtonContainer[b-1rnhfanvdu] {
    height: fit-content;
    align-self: center;
    position: absolute;
    width: 100%;
    display: flex;    
    top: 35%;
}

.imagedown[b-1rnhfanvdu] {
    border: solid white 1px;
    border-radius: 7px;
    color: white !important;
    height: 30px;
    width: 30px;
    margin-right: 5px;
}
.imagedown > a[b-1rnhfanvdu]{
    color: white !important;    
}
    .imagedown:hover a[b-1rnhfanvdu] {
        color: var(--brand-primary) !important;
    }

.imageMenu[b-1rnhfanvdu] {    
    position: absolute;
    bottom: -1px;
    display: flex;
    z-index: 10;    
}

.playButtonImage[b-1rnhfanvdu] {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}

.image-tile-control[b-1rnhfanvdu]{
    position:absolute;
    bottom:0;
}
.image-tile-footer[b-1rnhfanvdu] {
    align-self: end;
    height: 100%;
    padding: 3px;
    width: 100%;
    background-color: #3030309f;
    color: white;
    border-radius: 5px;

    position: absolute;
    margin: 0px -1px -1px 0px;
    margin-top: -200px;
    display: none;
}
.image-tile-box:hover .image-tile-footer[b-1rnhfanvdu]  {
    display: block;
}
.image-tile-box:hover .image-filler[b-1rnhfanvdu] {
    display: block;    
}
.gallery-tile-wrapper[b-1rnhfanvdu] {
    background-color: #e5e5e5;
    
    border-radius: 5px;
}
.image-filler[b-1rnhfanvdu] {
    flex: 0 1 auto;    
    width:100%;
    height: 100%;
    cursor: pointer;       
    
}
.preview-hidden[b-1rnhfanvdu] {
    display: none;
}

/* Dropup Button */
.dropbtn[b-1rnhfanvdu] {
}

/* The container <div> - needed to position the dropup content */
.dropup[b-1rnhfanvdu] {
    position: relative;
    display: inline-block;
    float: right;
    margin: 0 10px 10px 0; /* for demo only */
}

/* Dropup content (Hidden by Default) */
.dropup-content[b-1rnhfanvdu] {
    font-size: 12px;
    display: none;
    position: absolute;
    bottom: 50px;
    background-color: #f1f1f1;
    min-width: 48px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
    margin-bottom: -2px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.share-link[b-1rnhfanvdu] {
    border: none;
    display: inline-block;
    padding: 0px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    /*color: #fff;
    background-color: var(--brand-primary);*/
    color: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    width: 48px !important;
}
.share-link:hover[b-1rnhfanvdu]{
    color:none;
}

/* Links inside the dropup */
.dropup-content a[b-1rnhfanvdu] {
    padding: 0px;
    text-decoration: none;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    /* Change color of dropup links on hover */
    .dropup-content a:hover[b-1rnhfanvdu] {
        background-color: #ddd
    }

/* Show the dropup menu on hover */
.dropup:hover .dropup-content[b-1rnhfanvdu] {
    display: block;
}
.basket-icon-bg[b-1rnhfanvdu] {
    background-color: var(--brand-primary);
    border-radius: 5px;
    width: 40px;
    height: 40px;
    float: right;
    display: block;
    z-index: 100;
}

.basket-icon[b-1rnhfanvdu] {
    margin: 0 auto;
    font-size: 28px;
    color: white;
    padding: 0px;
    align-content: center;
    padding-left: 6px
}
/* Change the background color of the dropup button when the dropup content is shown */

.image-filler > span[b-1rnhfanvdu]{
    color: white !important;
    word-wrap: break-word;
}
/* _content/QuickPic3/Pages/News/DealerCreateImage.razor.rz.scp.css */
html[b-b5d9ratz25], body[b-b5d9ratz25] {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.content[b-b5d9ratz25] {
    background-color: black;
    height: 93.5vh;
}

.loading-container[b-b5d9ratz25] {
    background: url('/images/bg/bg_white.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
}

.loading-box[b-b5d9ratz25] {
    background: url('/images/loading/loading.gif');
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-origin: border-box;
    background-position-x: 125px;
    background-position-y: 80px;
    border: 1px solid #808080FF;
    color: #808080FF;
    margin-top: 50px;
    width: 300px;
    height: 200px;
    background-color: white;
    align-self: center;
}

.topControl[b-b5d9ratz25] {
    display: flex;
    align-items: center;
    width: 101%;
    margin-left: -25px;
    /*position: sticky !important;*/
    top: 0;
    z-index: 100;
    background-color: white;
}
.Top-Control-Mobile[b-b5d9ratz25]{
    display:none;
}

@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .topControl[b-b5d9ratz25] {
        display: none;
    }

    .Top-Control-Mobile[b-b5d9ratz25] {
        display: unset;
        font-size:16px;
    }

    .BreadCrumbContainerMobile[b-b5d9ratz25] {
        padding: 5px;
        padding-left: 5px;
        width: 100%;
        white-space: break-spaces;
        display: flex;
        flex-wrap: wrap;
    }

    .BreadCrumbItem-Mobile[b-b5d9ratz25] {
        cursor: pointer;
        align-items: center;
        display: flex;
        white-space: nowrap;
        width: fit-content;
        height: 20px;
    }

      

    .Top-Control-Mobile[b-b5d9ratz25] {
        display: flex;
        flex-direction: column;
    }

    .bottomBorder[b-b5d9ratz25] {
        border-bottom: solid 1px #CCCCCC !important;
        width: 120%;
        margin-left: -17%;
    }

    .BreadCrumbItem-Mobile > div[b-b5d9ratz25] {
        font-weight: 700;
        color: #808080 !important;
    }

    .BreadCrumbItem[b-b5d9ratz25] {
        width: fit-content;
        align-items: center;
        cursor: pointer;
        display: flex;
    }

    .lastItem[b-b5d9ratz25] {
        color: var(--brand-primary);
    }


}

.imageDiv[b-b5d9ratz25] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    overflow: hidden; /* Change 'visible' to 'hidden' to ensure the image stays within the canvas */
    position: relative;
}

.CurrentImage[b-b5d9ratz25] {
    width: 100%; /* Set the width to 100% to make the image fill the canvas horizontally */
    height: auto; /* Remove the fixed height and let the image adjust its height accordingly */
    object-fit: contain;
    border-radius: 7px;
}

.w3-modal[b-b5d9ratz25] {
    /*background-color: rgba(0,0,0,0.7) !important;*/
    width: 100%;
    height: 100%;
    padding: 0px;
}

.w3-modal-content[b-b5d9ratz25] {
    /*background-color: black;*/
    width: 100%;
    height: 100% !important;
}

.main-view[b-b5d9ratz25] {
    border-radius: 7px;
}

.ResizeButton[b-b5d9ratz25] {
    background-color: #C8252C;
    color: white;
    /*padding: 15px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
    width: 88px;
}

.ResizeImg[b-b5d9ratz25] {
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2.5px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
    /*width: 258px*/
    width: 283px
}

.addLogoText[b-b5d9ratz25] {
    background-color: #42ada4;
    color: white;
    width: 160px;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
    text-align: justify-all;
}

.addLogoText2[b-b5d9ratz25] {
    background-color: #42ada4;
    color: white;
    width: 110px;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
    text-align: justify-all;
}

.GreenColor[b-b5d9ratz25] {
    background-color: #42ada4 !important;
}

.GrayColor[b-b5d9ratz25] {
    background-color: #7b8083 !important;
}

.dealerlabel[b-b5d9ratz25] {
    font-weight: 600;
    font-size: 16px;
    color: white;
}

.create-input[b-b5d9ratz25] {
    color: white;
    background-color: black;
    border-color: white;
    /*width: 258px;*/
}

.create-textarea[b-b5d9ratz25] {
    color: white;
    background-color: black;
    border-color: white;
    width: 258px;
    margin-top: 5px;
}

.create-label[b-b5d9ratz25] {
    color: white;
    font-weight: 400;
    font-size: 16px;
}

.dealer-details[b-b5d9ratz25] {
    width: 300px;
    padding: 5px;
    color: white;
    margin-left: 25px;
}

.dropdown[b-b5d9ratz25] {
    border: 1px solid #b3b6b8;
    border-radius: 7px;
    height: 36px;
    width: auto;
    text-align: left;
    text-indent: 4px;
}

.boldbtn[b-b5d9ratz25] {
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
}

.spaceMaker[b-b5d9ratz25] {
    width: 68px;
}

.italicbtn[b-b5d9ratz25] {
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none
}

.resizeContainer[b-b5d9ratz25] {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
}

.modalTextarea[b-b5d9ratz25]{
    margin-top: 10px;
    padding: 5px;
    width: 420px;
}

.fontwidth[b-b5d9ratz25]{
    width: 50px;
}

.fonttypewidth[b-b5d9ratz25]{
    width: 160px;
}

.fullContainer[b-b5d9ratz25]{
    display: flex;

}

.colorContainer[b-b5d9ratz25] {
    align-items: center;
    margin-left: 5px;
}

    .colorContainer > div[b-b5d9ratz25] {
        margin-right: 10px;
    }

.rightSideGroup[b-b5d9ratz25] {
    min-width: 300px;
    height: 650px;
    display: grid;
    place-items: center;
    margin-left: 10px;
}

.rightSideContainer[b-b5d9ratz25] {
    display: flex;
    flex-direction: column;
    height: 650px;
    width: 300px;
}

.mlx[b-b5d9ratz25] {
}

.mly[b-b5d9ratz25] {
    margin-left: 10px;
}

.break[b-b5d9ratz25] {
    height: 10px;
}

.pagingContainer[b-b5d9ratz25] {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagingComponent[b-b5d9ratz25] {
    width: 100%;
    margin-right: auto;
}

.borderraduis[b-b5d9ratz25]{
    border-radius: 7px !important;
}

.addpadding[b-b5d9ratz25]{
    margin-bottom: 10px;
}

.outlineBoldClass[b-b5d9ratz25] {
    background-color: white !important;
    border: 1px solid #C8252C;
    color: #C8252C;
}

.outlineItalicClass[b-b5d9ratz25] {
    background-color: white !important;
    border: 1px solid #C8252C;
    color: #C8252C;
}

/* Works on Firefox */
*[b-b5d9ratz25] {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.5) transparent;
}

    /* Works on Chrome, Edge, and Safari */
    *[b-b5d9ratz25]::-webkit-scrollbar {
        width: 8px;
    }

    *[b-b5d9ratz25]::-webkit-scrollbar-track {
    }

    *[b-b5d9ratz25]::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,0.5);
    }


.HelpButton[b-b5d9ratz25]{
    background-color: transparent;
    border-color: #C8252C;
    border-radius: 4px;
    color: white;
    position: absolute;
    right: 200px;
}

.HelpContainer[b-b5d9ratz25] {
    display: flex;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;    
}

.VideoContainer[b-b5d9ratz25] {
    width: 60% !important;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

video[b-b5d9ratz25]{
    width: 100%;
    border: solid #C8252C;
    border-radius: 7px;
}

/*@font-face {
    font-family: 'MMC-Bold';
    src: url('/fonts/Mitsubishi/MMC-Bold.eot');*/ /* IE9 compatibility */
    /*src: url('/fonts/Mitsubishi/MMC-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/MMC-Bold.woff2') format('woff2'), url('/fonts/MMC-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}*/

/*Regular*/

@font-face {
    font-family: 'MMC-Bold';
    src: url('/fonts/Mitsubishi/MMC-Bold.eot');
    src: url('/fonts/Mitsubishi/MMC-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Mitsubishi/MMC-Bold.woff2') format('woff2'), url('/fonts/Mitsubishi/MMC-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MMC-Medium';
    src: url('/fonts/Mitsubishi/MMC-Medium.eot');
    src: url('/fonts/Mitsubishi/MMC-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/Mitsubishi/MMC-Medium.woff2') format('woff2'), url('/fonts/Mitsubishi/MMC-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MMC-Regular';
    src: url('/fonts/Mitsubishi/MMC-Regular.eot');
    src: url('/fonts/Mitsubishi/MMC-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Mitsubishi/MMC-Regular.woff2') format('woff2'), url('/fonts/Mitsubishi/MMC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Office*/

@font-face {
    font-family: 'MMCOFFICE-Bold';
    src: url('/fonts/Mitsubishi/MMCOFFICE-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MMCOFFICE-Medium';
    src: url('/fonts/Mitsubishi/MMCOFFICE-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MMCOFFICE-Regular';
    src: url('/fonts/Mitsubishi/MMCOFFICE-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* _content/QuickPic3/Pages/News/DealerImageStatus.razor.rz.scp.css */
html[b-szezuk2um5], body[b-szezuk2um5] {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.content[b-szezuk2um5] {
    background-color: white;
    height: 93.5vh;
}

.loading-container[b-szezuk2um5] {
    background: url('/images/bg/bg_white.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
}

.loading-box[b-szezuk2um5] {
    background: url('/images/loading/loading.gif');
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-origin: border-box;
    background-position-x: 125px;
    background-position-y: 80px;
    border: 1px solid #808080FF;
    color: #808080FF;
    margin-top: 50px;
    width: 300px;
    height: 200px;
    background-color: white;
    align-self: center;
}

.topControl[b-szezuk2um5] {
    display: flex;
    align-items: center;
    width: 101%;
    margin-left: -25px;
    /*position: sticky !important;*/
    top: 0;
    z-index: 100;
    background-color: white;
}
.Top-Control-Mobile[b-szezuk2um5]{
    display:none;
}

@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .topControl[b-szezuk2um5] {
        display: none;
    }

    .Top-Control-Mobile[b-szezuk2um5] {
        display: unset;
        font-size:16px;
    }

    .BreadCrumbContainerMobile[b-szezuk2um5] {
        padding: 5px;
        padding-left: 5px;
        width: 100%;
        white-space: break-spaces;
        display: flex;
        flex-wrap: wrap;
    }

    .BreadCrumbItem-Mobile[b-szezuk2um5] {
        cursor: pointer;
        align-items: center;
        display: flex;
        white-space: nowrap;
        width: fit-content;
        height: 20px;
    }

      

    .Top-Control-Mobile[b-szezuk2um5] {
        display: flex;
        flex-direction: column;
    }

    .bottomBorder[b-szezuk2um5] {
        border-bottom: solid 1px #CCCCCC !important;
        width: 120%;
        margin-left: -17%;
    }

    .BreadCrumbItem-Mobile > div[b-szezuk2um5] {
        font-weight: 700;
        color: #808080 !important;
    }

    .BreadCrumbItem[b-szezuk2um5] {
        width: fit-content;
        align-items: center;
        cursor: pointer;
        display: flex;
    }

    .lastItem[b-szezuk2um5] {
        color: var(--brand-primary);
    }


}

.imageDiv[b-szezuk2um5] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    overflow: hidden; /* Change 'visible' to 'hidden' to ensure the image stays within the canvas */
    position: relative;
}

.CurrentImage[b-szezuk2um5] {
    width: 100%; /* Set the width to 100% to make the image fill the canvas horizontally */
    height: auto; /* Remove the fixed height and let the image adjust its height accordingly */
    object-fit: contain;
    border-radius: 7px;
}

.w3-modal[b-szezuk2um5] {
    /*background-color: rgba(0,0,0,0.7) !important;*/
    width: 100%;
    height: 100%;
    padding: 0px;
}

.w3-modal-content[b-szezuk2um5] {
    /*background-color: black;*/
    width: 100%;
    height: 100% !important;
}

.main-view[b-szezuk2um5] {
    border-radius: 7px;
}

.ResizeButton[b-szezuk2um5] {
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
}

.ResizeImg[b-szezuk2um5] {
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2.5px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
    width: 258px
}

.addLogoText[b-szezuk2um5] {
    background-color: #C8252C;
    color: white;
    width: 150px;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
    text-align: justify-all;
}

.dealerlabel[b-szezuk2um5] {
    font-weight: 600;
    font-size: 16px;
    color: white;
}

.create-input[b-szezuk2um5] {
    color: white;
    background-color: black;
    border-color: white;
    width: 258px;
}

.create-textarea[b-szezuk2um5] {
    color: white;
    background-color: black;
    border-color: white;
    width: 258px;
    margin-top: 5px;
}

.create-label[b-szezuk2um5] {
    color: white;
    font-weight: 400;
    font-size: 16px;
}

.dealer-details[b-szezuk2um5] {
    width: 300px;
    padding: 5px;
    color: white;
    margin-left: 25px;
}

.dropdown[b-szezuk2um5] {
    border: 1px solid #b3b6b8;
    border-radius: 7px;
    height: 36px;
    width: auto;
    text-align: left;
    text-indent: 4px;
}

.boldbtn[b-szezuk2um5] {
    background-color: #C8252C;
    color: white;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    outline: none;
    border: none;
}

.resizeContainer[b-szezuk2um5] {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
}

.modalTextarea[b-szezuk2um5]{
    margin-top: 10px;
    padding: 5px;
    width: 400px;
}

.colorContainer[b-szezuk2um5] {
    display: flex;
    align-items: center;
}

    .colorContainer > div[b-szezuk2um5] {
        margin-right: 10px;
    }

.rightSideGroup[b-szezuk2um5] {
    min-width: 250px;
    height: 650px;
    display: grid;
    place-items: center;
    margin-left: 10px;
}

.mlx[b-szezuk2um5] {
    
}

.mly[b-szezuk2um5] {
    margin-left: 10px;
}

.break[b-szezuk2um5] {
    height: 20px;
}

#CreatedImg[b-szezuk2um5] {
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
}

#PreviewImg[b-szezuk2um5] {
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    /*background-repeat: no-repeat;*/
}

#ApproveImg[b-szezuk2um5] {
    height: 450px;
    margin-left: auto;
    margin-right: auto;
}

.ImgCell[b-szezuk2um5] {
    text-align: center;
    width: 104px;
    height: 100px;
}

.tdPointer[b-szezuk2um5] {
    cursor: pointer;
}

.lblOriginator[b-szezuk2um5] {
    color: #434a4f;
    font-weight: 700;
}

.lblApprover[b-szezuk2um5] {
    color: #C8252C;
    font-weight: 700;
}

.lblApproved[b-szezuk2um5] {
    color: #42ADA4;
    display: flex;
    align-items: center;
}

    .lblApproved > div[b-szezuk2um5] {
        color: #42ADA4;
        font-weight: 700;
    }

.tableheading > label[b-szezuk2um5] {
    font-weight: 700;
}

.imgHeight[b-szezuk2um5] {
    height: 24px;
    padding-top: 5px;
    padding-right: 5px;
    margin-bottom: 17.5px;
}

.center_feedback[b-szezuk2um5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.feedback_textbox > textarea[b-szezuk2um5] {
    width: 400px;
}

.feedback_label[b-szezuk2um5] {
    padding: 10px;
}

    .feedback_label > label[b-szezuk2um5] {
        font-size: 16px;
        font-weight: 700;
    }

.disclaimer[b-szezuk2um5] {
    color: #C8252C;
    font-size: 12px;
    padding: 10px;
    text-align: center;
}

.tablecontainer table td:nth-child(2)[b-szezuk2um5] {
    width: 18%;
}

.tablecontainer table td:nth-child(1)[b-szezuk2um5] {
    width: 8%;
}
/* _content/QuickPic3/Pages/News/Index.razor.rz.scp.css */
.playButtonImage[b-r3de8i00zy] {
    position: absolute;
    width: 20%;
    align-self: center;
}

#Displaypix[b-r3de8i00zy] {
    border: solid red;
    width: 213px !important;
    height: 130px !important;
}

.LockedRelease[b-r3de8i00zy] {
    background-color: #C8252C !important;
    background-color: rgba(0,0,0,0.8) !important;
    position: absolute;
    color: white;
    font-size: 30px;
    text-align: center !important;
    width: 100%;
}

.blurImage[b-r3de8i00zy] {
    /*filter: blur(8px);*/
}

.FeedTitleBox[b-r3de8i00zy] {
    display: flex;
    justify-content: space-between;
    padding-right: 15px;
}

.playButtonImage-nonHero[b-r3de8i00zy] {
    position: absolute;
    width: 40%;
    align-self: center;
}

.NoPressContainer[b-r3de8i00zy] {
    text-align: center;
    margin-left: 300px;
    margin-top: 20px;
}

.NoPressButton[b-r3de8i00zy] {
    height: 30px !important;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #C8252C;
}

.latestVideosPlayButton[b-r3de8i00zy] {
    width: 40%;
    position: absolute;
    align-self: center;
    left: 30%;
    display: flex;
}

.MoreIconContainer[b-r3de8i00zy] {
    margin-right: 3px;
    margin-top: -3px;
}

.TopControl[b-r3de8i00zy] {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: -5px;
    top: 0;
    z-index: 100;
    background-color: white;
}

.CompareIcon[b-r3de8i00zy] {
    font-size: 10px !important;
    margin-right: 2px;
}

.ImageElement[b-r3de8i00zy] {
    width: 100% !important;
    border-radius: 7px;
    background-color: #80808080 !important;
    
}

.FooterContainer[b-r3de8i00zy] {
    margin-top: 25px;
    margin-left: 300px;
    text-align: center;
    color: #C8252C;
}

    .FooterContainer > a[b-r3de8i00zy] {
        margin-right: 15px;
        cursor: pointer;
        color: #C8252C !important;
    }

        .FooterContainer > a:hover[b-r3de8i00zy] {
            color: #42ada4 !important;
        }

.iconSpan[b-r3de8i00zy] {
    font-size: 28px !important;
    margin-top: -1px !important;
}

.MoreButtonContainer[b-r3de8i00zy] {
    padding-left: 3px;
    margin-top: -10px;
    padding-bottom: 1px;
    margin-left: 7px;
}

.videosMoreButton[b-r3de8i00zy] {
    margin-top: -15px;
}

.moreButton[b-r3de8i00zy] {
    border-radius: 7px;
    color: #434a4f;
    border: solid 1px #E8ECED;
    font-size: 15px;
    background-color: inherit;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 25px;
    cursor: pointer;
    padding-right: 2px;
}

    .moreButton:hover span[b-r3de8i00zy] {
        color: var(--brand-primary) !important;
    }

.MoreButtonContainer:hover[b-r3de8i00zy] {
    color: var(--brand-primary) !important;
}

.PagerControl[b-r3de8i00zy] {
    margin-right: 12px;
}

.news-feed-box[b-r3de8i00zy] {
    width: 100%;
    margin-top: 7px;
}

.app[b-r3de8i00zy] {
    display: grid;
    column-gap: 25px !important;
    row-gap: 25px !important;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

img[b-r3de8i00zy] {
    overflow: hidden;
}

.news-grid-tile[b-r3de8i00zy] {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    border: solid 1px rgba(0,0,0,0);
    overflow: hidden;
    text-decoration: none;
    padding-bottom: 5px;
}

    .news-grid-tile:hover[b-r3de8i00zy] {
        border: solid 1px var(--brand-primary);
        box-shadow: #7b8083 5px 5px 5px 0px;
    }

    .news-grid-tile:first-child[b-r3de8i00zy] {
        grid-column: span 3;
        grid-row: span 2;
    }

.HeroImageElement[b-r3de8i00zy] {
    width: 100% !important;
    border-radius: 7px;
    object-position: top !important;
}

.news-tile-hero[b-r3de8i00zy] {
    border: none;
    display: flex;
    flex-direction: column;
    max-height: 593px;
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    position: relative;
    border: solid 1px #b3b6b8 !important;
}

@media screen and (min-width: 1683px) {
    .app[b-r3de8i00zy] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }

    .news-grid-tile:first-child[b-r3de8i00zy] {
        grid-column: span 4;
        grid-row: span 2;
    }
}

@media screen and (min-width: 1000px) {
    .app[b-r3de8i00zy] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding-left: 20px;
    }
}

@media screen and (min-width: 900px) {
    .app[b-r3de8i00zy] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 900px) {
    .app[b-r3de8i00zy] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media screen and (max-width: 800px) {
    .app[b-r3de8i00zy] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 520px) {
    .app[b-r3de8i00zy] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .news-grid-tile:first-child[b-r3de8i00zy] {
        grid-column: span 1;
        grid-row: span 1;
    }
}

.news-grid-tile:first-child[b-r3de8i00zy] {
    margin-bottom: -26px;
}

.adapt-tile[b-r3de8i00zy] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    background-color: var(--brand-tile-item-bg,--default-tile-item-bg);
    border-radius: 7px;
    display: flex;
    flex-flow: column;
    height: 100%;
    cursor: pointer;
}

.HeroImageElement[b-r3de8i00zy] {
}

.news-tile-hero .news-tile-image-footer[b-r3de8i00zy] {
}

.newsTile[b-r3de8i00zy] {
    display: flex;
    flex-direction: column;
    border: solid 1px #b3b6b8 !important;
    position: relative;
}


.news-tile:hover[b-r3de8i00zy] {
    border-radius: 7px;
}

.news-tile-hero:hover[b-r3de8i00zy] {
    border-radius: 7px;
}

.news-tile-image-footer[b-r3de8i00zy] {
    padding-left: 5px;
    padding-right: 5px;
    align-self: end;
    max-height: 30px;
    height: 25px;
    min-height: 25px;
    width: 100%;
    background-color: rgba(0,0,0,0.7) !important;
    color: white !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: small;
    position: absolute;
    bottom: 0px;
}

.news-tile-brand[b-r3de8i00zy] {
    font-weight: 700;
    color: white !important;
    font-size: 12px !important;
}

.news-tile-date[b-r3de8i00zy] {
    color: white !important;
    font-size: 12px !important;
}

.news-tile-subtitle[b-r3de8i00zy] {
    line-height: 1.3;
    font-size: 16px;
    /*height: 2.9rem;*/
    margin-top: 4px;
    padding-left: 3px;
    padding-right: 3px;
    color: var(--default-text-news);
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 3px;
}

.news-tile-subtitle-hero[b-r3de8i00zy] {
    line-height: 1.2;
    width: stretch;
    font-size: 20px;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 5px;
    /*height: 3.4rem;*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 8px;
    overflow: hidden;
    /*margin-left: 5px;*/
}

.news-tile-body[b-r3de8i00zy] {
    width: stretch;
    height: 200px;
    background-color: #eeeeeeee;
}

.news-tile-summary[b-r3de8i00zy] {
    line-height: 1.5;
    margin-top: 10px;
    font-size: 14px;
    padding-left: 2px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 63px;
    margin-left: 3px;
}

.auto-spec-box[b-r3de8i00zy] {
    margin-top: 7px;
    margin-right: 3px;
}

.auto-spec-box-title[b-r3de8i00zy] {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    color: var(--brand-primary,--brand-default);
    cursor: pointer;
    color: var(--brand-primary) !important;
    width: fit-content;
    margin-top: 8px;
    margin-bottom: 10px;
}

.vidTileContainer[b-r3de8i00zy] {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: none !important;
}

.vid-box-title[b-r3de8i00zy] {
    margin-left: 15px;
    margin-bottom: 14px;
    padding: 0px;
    height: 30px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    color: var(--brand-primary) !important;
    width: fit-content;
    margin-top: 0px;
}

.auto-spec-tile[b-r3de8i00zy] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    border: solid 1px transparent;
    border-radius: 5px;
    margin-bottom: 5px;
    width: 96.5%;
    font-size: smaller;
    cursor: pointer;
    margin-left: 10px;
    text-decoration: none;
    margin-right: 10px;
}

    .auto-spec-tile:hover[b-r3de8i00zy] {
        border-color: var(--brand-primary);
        border: solid 1px var(--brand-primary);
        box-shadow: #7b8083 5px 5px 5px 0px;
    }

        .auto-spec-tile:hover .auto-spec-compare[b-r3de8i00zy] {
            border-color: var(--brand-primary);
        }

.compare-section[b-r3de8i00zy] {
    position: relative;
    bottom: -10px;
}

.auto-spec-compare[b-r3de8i00zy] {
    color: #434a4f;
    background-color: inherit;
    border: 1px solid #b3b6b8;
    border-radius: 5px;
    align-items: center !important;
    display: flex;
    height: 25px;
}

.auto-spec-tile-video[b-r3de8i00zy] {
    border-color: #595959 !important;
    width: 259px !important;
    margin-right: -5px !important;
}

.auto-spec-tile-side[b-r3de8i00zy] {
    margin-left: 17px;
    width: 100%;
    margin-top: -2px;
    border: none;
}

.auto-spec-tile-brand[b-r3de8i00zy] {
    color: #434a4f !important;
    width: 100% !important;
}

.auto-spec-tile-price[b-r3de8i00zy] {
    color: var(--default-text-news,--default-tertiary);
    font-weight: 700;
    color: #434a4f !important;
    font-size: 14px;
    white-space: nowrap;
    width: 100% !important;
}

.auto-spec-tile-range[b-r3de8i00zy] {
    color: var(--brand-primary,--brand-default);
    font-size: 11px;
    color: #434a4f !important;
    width: 100%;
    margin-right: -14px;
    text-align: right;
}

.auto-spec-tile-summary[b-r3de8i00zy] {
    width: 100%;
    height: 55px;
    overflow: clip;
    color: #434a4f !important;
}

.nameAndDate[b-r3de8i00zy] {
    width: 170px;
    color: #434a4f !important;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: -4px;
}

.auto-spec-tile-date[b-r3de8i00zy] {
    color: var(--brand-primary,--brand-default);
    font-size: 13px !important;
    color: #434a4f !important;
    width: 100%;
}

.dateContainer[b-r3de8i00zy] {
    margin-top: 4px;
    margin-bottom: -4px;
    display: flex;
    width: 90%;
}

.priceContainer[b-r3de8i00zy] {
    margin-bottom: -7.5px;
    width: 100%;
}

.vid-tile[b-r3de8i00zy] {
    color: var(--default-text-news);
    border: solid 1px transparent;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: smaller;
    margin-left: 3px;
}

    .vid-tile:hover[b-r3de8i00zy] {
        border-color: var(--brand-primary);
        border: solid 1px var(--brand-primary);
        box-shadow: #7b8083 5px 5px 5px 0px;
    }

.vid-date[b-r3de8i00zy] {
    text-align: right;
    margin-right: 6px !important;
    color: #434a4f;
    font-size: 11px !important;
    min-width: 65px;
}

.vid-tile-video[b-r3de8i00zy] {
    width: 142px !important;
    position: inherit;
    border-color: #595959 !important;
    margin-right: 6px !important;
    position: relative;
    display: flex;
    text-align: center;
}

.vid-tile-side[b-r3de8i00zy] {
    margin-left: 7px;
    max-width: 100%;
    margin-top: -2px;
    width: 300px;
}

.vid-tile-brand[b-r3de8i00zy] {
    color: #434a4f !important;
    font-weight: 700;
}

.vid-tile-summary[b-r3de8i00zy] {
    width: 100%;
    height: 55px;
    color: var(--default-text-news);
    color: #434a4f !important;
    font-size: 12px;
    margin-top: 11px;
}

.brandAndDate[b-r3de8i00zy] {
    width: 100% !important;
    color: white !important;
    display: flex;
    margin-top: 3px;
    margin-bottom: -3px;
}

#autoSpecFeedBox[b-r3de8i00zy] {
    background-color: #E8ECED !important;
    border-radius: 7px;
    margin-left: -10px;
    width: 380px;
    margin-bottom: 7px;
    /*margin-top:-7px;*/
}

#mainSideBarContainer[b-r3de8i00zy] {
    margin-left: 18px !important;
}

#videoFeedBox[b-r3de8i00zy] {
    background-color: #E8ECED !important;
    border-radius: 7px;
    padding-top: 5px;
    margin-left: -10px;
    width: 380px !important;
}


.news-tile-summary-hero[b-r3de8i00zy] {
    line-height: 1.5;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 17px;
    height: 45px;
    /*margin-left: 5px;*/
}

@media screen and (max-width: 1820px) {
    .news-tile-subtitle-hero[b-r3de8i00zy] {
        /*height: 4.5rem;*/
    }
}
@media screen and (max-width: 1809px) {
    .news-grid-tile:nth-child(2)[b-r3de8i00zy] {
        margin-bottom: 0px;
    }

    .news-tile-subtitle-hero[b-r3de8i00zy] {
        line-height: 1.2;
        width: stretch;
        font-size: 20px;
        font-weight: 700;
        padding-left: 5px;
        padding-right: 5px;
        height: 4.3rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 8px;
        /*margin-left: 5px;*/
        overflow: hidden;
    }

    .news-tile-summary-hero[b-r3de8i00zy] {
        line-height: 1.5;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 17px;
        height: 5rem;
        /*margin-left: 5px;*/
    }
}

@media screen and (max-width: 1682px) {
    .news-tile-subtitle-hero[b-r3de8i00zy] {
        /*height: 3.4rem;*/
    }
}

@media only screen and (max-width: 1540px) {
    .news-tile-subtitle-hero[b-r3de8i00zy] {
        line-height: 1.2;
        width: stretch;
        font-size: 20px;
        font-weight: 700;
        padding-left: 5px;
        padding-right: 5px;
        /*height: 4.5rem;*/
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 8px;
        /*margin-left: 5px;*/
        overflow: hidden;
    }
}

@media only screen and (max-width: 1534px){
    .news-tile-subtitle-hero[b-r3de8i00zy] {
        /*height: 4.3rem;*/
    }
}

@media only screen and (max-width: 1300px) {
    .news-tile-summary-hero[b-r3de8i00zy] {
        overflow: hidden;
        height: 50px !important;
        padding-bottom: 5px;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width: 1220px) {
    .news-tile-subtitle-hero[b-r3de8i00zy] {
        /*height: 3.4rem;*/
    }
}

@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .TopControl[b-r3de8i00zy] {
        display: none;
    }

    .news-grid-tile:nth-child(2)[b-r3de8i00zy] {
        margin-bottom: 0px;
    }

    .FooterContainer[b-r3de8i00zy] {
        display: flex;
        margin-left: 45px;
    }



    .news-tile-subtitle-hero[b-r3de8i00zy] {
        line-height: 1.2;
        margin-top: 2px;
        margin-bottom: 5px;
        width: stretch;
        font-size: 16px !important;
        font-weight: 700;
        padding-left: 5px;
        padding-right: 5px;
        color: var(--default-text-news);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden !important;
        text-overflow: ellipsis;
        height: 3.8rem !important;
    }

    .news-tile-hero[b-r3de8i00zy] {
        max-height: 235px !important;
    }

    .news-tile-subtitle[b-r3de8i00zy] {
        margin-bottom: -2px;
        overflow: hidden;
    }

    .news-tile-summary[b-r3de8i00zy] {
        overflow: hidden;
        -webkit-line-clamp: 3;
        height: 60px !important;
    }

    .news-tile-summary-hero[b-r3de8i00zy] {
        overflow: hidden;
        -webkit-line-clamp: 3;
        height: 60px !important;
        padding-bottom: 5px;
    }

    .BreadCrumbContainerMobile[b-r3de8i00zy] {
        margin-right: -10px !important;
        padding: 5px;
        padding-left: 5px;
        width: 100%;
        white-space: break-spaces;
        display: flex;
        flex-wrap: wrap;
    }

    .BreadCrumbItem-Mobile[b-r3de8i00zy] {
        cursor: pointer;
        align-items: center;
        display: flex;
        white-space: nowrap;
        width: fit-content;
        height: 20px;
    }


    .Top-Control-Mobile[b-r3de8i00zy] {
        display: flex;
        flex-direction: column;
    }

    .bottomBorder[b-r3de8i00zy] {
        border-bottom: solid 1px #CCCCCC !important;
        width: 120%;
        margin-left: -17%;
    }

    .BreadCrumbItem-Mobile > div[b-r3de8i00zy] {
        font-weight: 700;
        color: #808080 !important;
    }

    .BreadCrumbItem[b-r3de8i00zy] {
        width: fit-content;
        align-items: center;
        cursor: pointer;
        display: flex;
    }

    .lastItem[b-r3de8i00zy] {
        color: var(--brand-primary);
    }
}

@media only screen and (max-width: 1120px){
    .news-tile-subtitle-hero[b-r3de8i00zy] {
        /*height: 5rem;*/
    }
}

@media screen and (max-width: 1065px) {
    .news-tile-subtitle-hero[b-r3de8i00zy] {
        /*height: 4.5rem;*/
    }
}

/*@media screen and (max-width: 1599px) {
 
    .news-grid-tile{
        padding-bottom:2px;
    }

}*/
.Mobile-Show[b-r3de8i00zy] {
    display: none;
}


.admin-stat-hover[b-r3de8i00zy] {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: row;
    gap: 15px;
    max-height: 20px;
    height: 20px;
    align-items: center;
}

    .admin-stat-hover span[b-r3de8i00zy] {
        color: white !important;
        font-size: 12px;
    }

.statsBtn[b-r3de8i00zy] {
    display: flex;
    align-items: center !important;
    padding: 3px;
    font-size: 14px;
    height: 85%;
    width: auto;
    position: absolute;
    right: 3px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid white;
    color: white;
}

    .statsBtn:hover[b-r3de8i00zy] {
        background-color: #C8252C;
        border: 1px solid #C8252C;
    }

.hoverIcon[b-r3de8i00zy] {
    height: 18px;
}

.Mobile-Grid[b-r3de8i00zy] {
    padding: 10px;
    display: flex;
    gap: 10px;
    flex-direction: column;
}



@media (max-width: 900px) {
    .BodyContainer[b-r3de8i00zy] {
        margin: 0 !important;
    }

    .Desktop[b-r3de8i00zy] {
        display: none;
    }

    .Mobile-Show[b-r3de8i00zy] {
        display: unset;
    }

    .news-grid-tile:first-child[b-r3de8i00zy] {
        margin-bottom: 0px;
    }

    .news-tile-subtitle-hero[b-r3de8i00zy] {
        /*height: 3.8rem;*/
    }
}



/* _content/QuickPic3/Pages/News/ViewPressRelease.razor.rz.scp.css */
.loading-container[b-wtz17l6j6t] {
    background: url('/images/bg/bg_white.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
}

.loading-box[b-wtz17l6j6t] {
    background: url('/images/loading/loading.gif');
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-origin: border-box;
    background-position-x: 125px;
    background-position-y: 80px;
    border: 1px solid #808080FF;
    color: #808080FF;
    margin-top: 50px;
    width: 300px;
    height: 200px;
    background-color: white;
    align-self: center;
}

.topControl[b-wtz17l6j6t] {
    display: flex;
    align-items: center;
    width: 101%;
    margin-left: -25px;
    /*position: sticky !important;*/
    top: 0;
    z-index: 100;
    background-color: white;
    
}

.blogControl[b-wtz17l6j6t] {
    margin-left: 1em;
    padding: 7px !important;
    padding-left: 0px !important;
}

.Top-Control-Mobile[b-wtz17l6j6t] {
    display: none;
}

@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .topControl[b-wtz17l6j6t] {
        display: none;
    }

    .Top-Control-Mobile[b-wtz17l6j6t] {
        display: unset;
        font-size:16px;
    }

    .iconSpan[b-wtz17l6j6t]{        
        margin-right: 2px !important;
        margin-top: -1px !important;
    }

    .BreadCrumbContainerMobile[b-wtz17l6j6t] {
        padding: 5px;
        padding-left: 5px;
        width: 100%;
        white-space: break-spaces;
        display: flex;
        flex-wrap: wrap;
    }

    .BreadCrumbItem-Mobile[b-wtz17l6j6t] {
        cursor: pointer;
        align-items: center;
        display: flex;
        white-space: nowrap;
        width: fit-content;
        height: 20px;
        margin-bottom:
    }

      

    .Top-Control-Mobile[b-wtz17l6j6t] {
        display: flex;
        flex-direction: column;
    }

    .bottomBorder[b-wtz17l6j6t] {
        border-bottom: solid 1px #CCCCCC !important;
        width: 120%;
        margin-left: -17%;
    }

    .BreadCrumbItem-Mobile > div[b-wtz17l6j6t] {
        font-weight: 700;
        color: #808080 !important;
    }

    .BreadCrumbItem[b-wtz17l6j6t] {
        width: fit-content;
        align-items: center;
        cursor: pointer;
        display: flex;
    }

    .lastItem[b-wtz17l6j6t] {
        color: var(--brand-primary);
    }


}
/* _content/QuickPic3/Pages/PartialHomes/DefaultHome.razor.rz.scp.css */
.home-main[b-asb7dnj0tl] {
    background-image: url('images/bg/bg_gray.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-origin: content-box;
    color: #808080;
}

.home-section-main[b-asb7dnj0tl] {
    background-image: url('images/bg/bgmain.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-origin: content-box;
    color: white;
}

.home-section-gray[b-asb7dnj0tl] {
    background-color: rgba(245,245,245,0.9);
    color: #808080;
}

.home-section-red[b-asb7dnj0tl] {
    background-color: rgba(245,245,245,0.9);
    color: #808080;
}

.home-title[b-asb7dnj0tl] {
    text-align: center;
    font-size: 3.75rem;
    font-weight: 100;
    color: var(--brand-secondary,--brand-secondary-default);
    text-transform: uppercase
}

.home-subtitle[b-asb7dnj0tl] {
    text-align: center
}

.home-title-underline[b-asb7dnj0tl] {
    border-top: 2px solid #BFBFBF;
    width: 6.25rem;
    margin: 1.25rem auto 1.25rem auto
}
/* _content/QuickPic3/Pages/PartialHomes/Mazda/MazdaHome.razor.rz.scp.css */
.home-main[b-5zen385scu] {
    background-image: url('images/portals/mazda/mazda.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-origin: content-box;
    color: #808080;

    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;

}
/* _content/QuickPic3/Pages/PartialHomes/QuickPic/Login2BD.razor.rz.scp.css */
.login-container[b-itt158weyh] {
    background: url('/images/bg/bgmain.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
}

.login-box[b-itt158weyh] {
    margin-top: 50px;
    width: 450px;
    min-width: 320px;
    height: fit-content;
    background-color: white;
    align-self: center;
   
}

.login-components[b-itt158weyh] {
    color: #797979;
    padding: 15px 15px 20px 15px;
}

.login-logo[b-itt158weyh] {
    padding-bottom: 35px;
}


.span-link[b-itt158weyh] {
    cursor: pointer;
    color: #C8252CFF;
    font-size: 1.0rem;
}

.span-link:hover[b-itt158weyh] {
    cursor: pointer;
    color: #C8252CFF;
    font-size: 1.0rem;
}
/* _content/QuickPic3/Pages/PartialHomes/QuickPic/QuickPicHome.razor.rz.scp.css */
.login-hide[b-ntcohkm4z6] {
    display: none;
}

.login-show[b-ntcohkm4z6] {
    display: block;
}

.container-fluid-zero[b-ntcohkm4z6] {
    margin: 0px;
    padding: 0px;
}

.home-section-a[b-ntcohkm4z6] {
    color: white !important;    
}


.Drop-con[b-ntcohkm4z6]{
    display:flex;
    flex-direction:column;
    background-color:white;
 
    position:fixed;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}

.drop-item[b-ntcohkm4z6] {
    border: none;
    background-color:transparent;
    width: fit-content;
    white-space: nowrap;
    margin: 2px;
    font-size: 12px;
    border-radius: 7px;
    color: black;
}

    .drop-item:hover[b-ntcohkm4z6] {
        background-color: #C8252C;
        color:white;
        border-radius:7px;
    }

#labelLoginButton[b-ntcohkm4z6] {
    color: inherit;
}
.dropdown-menu[b-ntcohkm4z6]{
    border:1px solid red !important;
    z-index:1000;
    width:200px;
}

.moreRowSpace[b-ntcohkm4z6]{
    margin-top: 20px;
    margin-bottom: 20px;
}

.home-section-b[b-ntcohkm4z6] {
    color: #5e5e5e;
}

.nav-container-box[b-ntcohkm4z6] {
    margin-left: 5%;
    margin-right: 5%;
}

.brand_Logo[b-ntcohkm4z6] {
    height: 70px;
    width: 277px;
}

/*ShowMobile LoginRegisterContainer*/

.ShowMobile[b-ntcohkm4z6]{
    display: none;
}

#sectionHome[b-ntcohkm4z6]{    
    margin-top: 30px;
    padding-top: 50px;
}

#btn-login[b-ntcohkm4z6]{
    border-radius: 7px;
}

    #btn-login:hover[b-ntcohkm4z6] {
        color: #434a4f !important;
    }

#btn-register[b-ntcohkm4z6] {
    background-color: white;
    border-radius: 7px;
    border: none;        
    height: 100%;
}

@media only screen and (max-width: 820px) and (max-height: 1200px) {
    .brand_Logo[b-ntcohkm4z6] {
        max-height: 50px;
        max-width: 150px;
    }
    
    .ShowMobile[b-ntcohkm4z6] {
        display: unset;
    }

    .LoginRegisterContainer[b-ntcohkm4z6] {
        display: flex;
        margin-right: 2px;
    }

    .hideMobile[b-ntcohkm4z6] {
        display: none;
    }

    .nav-container-box[b-ntcohkm4z6] {
        margin-left: 0%;
        margin-right: 0%;
    }
}

#sectionContact[b-ntcohkm4z6] {
    min-width: 350px;
}


.rndImage[b-ntcohkm4z6]{
    margin-right: 1%;    
}

.randomDivQ[b-ntcohkm4z6] {
    display: flex;
    align-items: center;
    width: 50%;        
}

#rndAnswer[b-ntcohkm4z6] {    
    border: solid 1px lightgray;
    border-radius: 5px;
}

.randomDiv[b-ntcohkm4z6] {
    display: flex;
    flex-direction: row;
    margin-bottom: 1%;
    margin-top: 1%;
    padding-left: 5px;
}

.home-section-1[b-ntcohkm4z6] {
    margin-top: 70px;
    background-image: url('images/portals/quickpic/1.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
    min-height: 25rem;
}

.home-section-2[b-ntcohkm4z6] {
    background-image: url('images/portals/quickpic/2.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
    min-height: 30rem;
}

.home-section-3[b-ntcohkm4z6] {
    background-image: url('images/portals/quickpic/3.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
    min-height: 30rem;
}

.home-section-4[b-ntcohkm4z6] {
    background-image: url('images/portals/quickpic/4.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
    min-height: 30rem;
}

.home-section-5[b-ntcohkm4z6] {
    background-image: url('images/portals/quickpic/5.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
    min-height: 30rem;
}

.home-section-6[b-ntcohkm4z6] {
    background-image: url('images/portals/quickpic/6.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
    min-height: 30rem;
}

#btn-register[b-ntcohkm4z6] {
    color: #C8252C;
}

label[b-ntcohkm4z6] {
    color: grey;
}

.bottom-link[b-ntcohkm4z6] {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 700;
}

    .bottom-link:hover[b-ntcohkm4z6] {
        color: var(--brand-secondary) !important;
    }

.title-center-block[b-ntcohkm4z6] {
    text-align: center !important;
    color: #5e5e5e;
}

#btn-sendmessage[b-ntcohkm4z6] {
    margin-left: 5px;
    background-color: var(--brand-primary);
}

    #btn-sendmessage:hover[b-ntcohkm4z6] {
        color: #fff !important;
        background-color: var(--brand-secondary) !important;
    }

#btn-map[b-ntcohkm4z6] {
    right: 0;
    background-color: var(--brand-primary);
}

    #btn-map:hover[b-ntcohkm4z6] {
        color: #fff !important;
        background-color: var(--brand-secondary) !important;
    }

.btn-requestdemo[b-ntcohkm4z6] {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
    font-size: 2.5em;
}

    .btn-requestdemo:hover[b-ntcohkm4z6] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.btn-social[b-ntcohkm4z6] {
    border: solid 1px #fff !important;
}

    .btn-social:hover[b-ntcohkm4z6] {
        background-color: #5e5e5e !important;
        color: #fff !important;
    }

.btn-map[b-ntcohkm4z6] {
    color: #fff !important;
}

    .btn-map:hover[b-ntcohkm4z6] {
        color: var(--brand-secondary) !important;
    }

.wrap-section[b-ntcohkm4z6] {
    display: flex;
    align-items: center;
    margin-left:auto;
    margin-right:auto;
}

.secondary-title[b-ntcohkm4z6] {
    font-size: 1.5em !important;
    font-weight: bold !important;
}

.contact-title[b-ntcohkm4z6] {
    font-size: 3.5em !important;
    font-weight: bold !important;
    color: #5e5e5e;
}

.div-height[b-ntcohkm4z6] {
    height: 600px !important;
}

#reach-section[b-ntcohkm4z6] {
    background-color: #5e5e5e;
}

.reach-label[b-ntcohkm4z6] {
    color: #fff !important;
}

#google-map-section[b-ntcohkm4z6] {
    padding: 0;
    margin: 0;
    background-color: #FFF;
}

#sectionLogos[b-ntcohkm4z6] {
    width: 100%;
    margin-bottom: 30px;
}

#logo[b-ntcohkm4z6] {
    height: 80px;
    margin: 10px;
    white-space: nowrap;
    display: block;
    object-fit: contain;
}

#logos[b-ntcohkm4z6] {
    overflow-x: hidden;
    scrollbar-color: #434a4f;
    scrollbar-width: thin;
    overflow-y: hidden;
    max-width: 100%;
    display: flex;
    position: relative;
    margin-left: 7em;
    margin-right: 7em;
}

    #logos > div:hover[b-ntcohkm4z6] {
        animation-play-state: paused;
    }

    #logos > div[b-ntcohkm4z6] {
        display: flex;
        position: relative;
        animation: imageSlider-b-ntcohkm4z6 230s linear infinite;
        justify-content: space-around;
    }

@keyframes imageSlider-b-ntcohkm4z6 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.MeetTheTeam[b-ntcohkm4z6] {
    text-align: center;
    width: 100%;
    margin-right: 7em;
}

    .MeetTheTeam > img[b-ntcohkm4z6] {
        border-radius: 50%;
    }

.TopRow[b-ntcohkm4z6] {
    display: flex;
    margin-bottom: 50px;
    width: 80%;
    margin: auto;
    text-align: center;
}

.BottomRow[b-ntcohkm4z6] {
    display: flex;
    width: 70%;
    margin: auto;
    text-align: center;
}

.TeamMember[b-ntcohkm4z6] {
    margin-right: 20px;
    width: 500px !important;
    width: 214px !important;
    text-align: center;
}

    .TeamMember > div > img[b-ntcohkm4z6] {
        height: 100px;
        object-fit: contain;
    }

.memberName[b-ntcohkm4z6] {
    font-weight: 600;
    color: #C8252C;
}

.jobTitle[b-ntcohkm4z6] {
    color: #434a4f;
}

#sectionTeam[b-ntcohkm4z6] {
    background-color: #ececed;
    color: #434a4f;
    padding-bottom: 20px;
}

/*large*/
@media screen and (min-width: 770px) {
    

    .home-section-text-box[b-ntcohkm4z6] {
        max-width: 40%;
        margin-left: 7em;
    }

    .contact-section[b-ntcohkm4z6] {
        margin-left: 8em;
    }

    .map-section[b-ntcohkm4z6] {
        color: #fff;
        background-color: #5e5e5e;
    }

    .home-section-text-box-text[b-ntcohkm4z6] {
        padding: 0.8em;
    }

    .btn-requestdemo[b-ntcohkm4z6] {
        background-color: var(--brand-primary) !important;
        color: #fff !important;
        font-size: 1.5em !important;
    }

        .btn-requestdemo:hover[b-ntcohkm4z6] {
            background-color: var(--brand-secondary) !important;
            color: #fff !important;
        }

    .required-field[b-ntcohkm4z6] {
        color: red;
        font-size: 0.9em;
    }

    .main-title[b-ntcohkm4z6] {
        font-size: 2em !important;
        font-weight: bold !important;
    }

    .service-text[b-ntcohkm4z6] {
        font-size: 1.5em !important;
    }

    .contact-title[b-ntcohkm4z6] {
        font-size: 3.5em !important;
    }

    .div-height[b-ntcohkm4z6] {
        height: auto !important;
    }

}

/*small*/
@media screen and (max-width: 1050px) {
    .brand_Logo[b-ntcohkm4z6] {
        max-height: 50px;
        max-width: 150px;
    }

    .nav-container-box[b-ntcohkm4z6] {
        margin-left: 0%;
        margin-right: 0%;
    }

    .home-section-text-box[b-ntcohkm4z6] {
        width: 90%;
        margin-left: 1em;
    }

    .contact-section[b-ntcohkm4z6] {
        margin-left: 1em;
    }

    .map-section[b-ntcohkm4z6] {
        color: #fff;
        background-color: #5e5e5e;
    }

    .home-section-text-box-text[b-ntcohkm4z6] {
        padding: 0.5em;
        font-size: 0.88em;
    }

    .btn-requestdemo[b-ntcohkm4z6] {
        background-color: var(--brand-primary) !important;
        color: #fff !important;
        font-size: 1.5em !important;
    }

        .btn-requestdemo:hover[b-ntcohkm4z6] {
            background-color: var(--brand-secondary) !important;
            color: #fff !important;
        }

    .required-field[b-ntcohkm4z6] {
        color: red;
        font-size: 0.9em;
    }

    .main-title[b-ntcohkm4z6] {
        font-size: 1.8em !important;
        font-weight: bold !important;
    }

    .service-text[b-ntcohkm4z6] {
        font-size: 1.3em !important;
    }

    .secondary-title[b-ntcohkm4z6] {
        font-size: 1.2em !important;
        font-weight: bold !important;
    }

    .contact-title[b-ntcohkm4z6] {
        font-size: 2.5em !important;
    }

    .div-height[b-ntcohkm4z6] {
        height: auto !important;
    }

    /*New changes*/

    #logos > div[b-ntcohkm4z6] {
        display: flex;
        position: relative;
        animation: imageSlider-b-ntcohkm4z6 160s linear infinite;
        justify-content: space-around;
    }

    #logos[b-ntcohkm4z6] {
        overflow-x: hidden;
        scrollbar-color: #434a4f;
        scrollbar-width: thin;
        overflow-y: hidden;
        max-width: 100%;
        display: flex;
        position: relative;
        margin-left: 2em;
        margin-right: 2em;
    }

    #logo[b-ntcohkm4z6] {
        width: 100px;
        margin: 10px;
        white-space: nowrap;
        display: block;
    }

    .TopRow[b-ntcohkm4z6] {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        margin-bottom: 50px;
        width: 90%;
        margin: auto;
        text-align: center;
        margin-left: 11%;
    }

    .BottomRow[b-ntcohkm4z6] {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        width: 90%;
        margin: auto;
        text-align: center;
        margin-left: 11%;
    }

    .TeamMember[b-ntcohkm4z6] {
        margin-right: 20px;
        margin-left: 20px;
        width: 92px !important;
        height: 214px;
        text-align: center;
    }

    .mLastRow[b-ntcohkm4z6]{
        margin-left: 63%;
    }
}


@media screen and (max-width: 402px) {

    #logos > div[b-ntcohkm4z6] {
        display: flex;
        position: relative;
        animation: imageSlider-b-ntcohkm4z6 30s linear infinite;
        justify-content: space-around;
    }

    #logos[b-ntcohkm4z6] {
        overflow-x: hidden;
        scrollbar-color: #434a4f;
        scrollbar-width: thin;
        overflow-y: hidden;
        max-width: 100%;
        display: flex;
        position: relative;
        margin-left: 2em;
        margin-right: 2em;
    }

    #logo[b-ntcohkm4z6] {
        width: 100px;
        margin: 10px;
        white-space: nowrap;
        display: block;
    }

    .TopRow[b-ntcohkm4z6] {
        display: grid;
        grid-template-columns: 30% 30% 30%;
        margin-bottom: 50px;
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .BottomRow[b-ntcohkm4z6] {
        display: grid;
        grid-template-columns: 30% 30% 30%;
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .TeamMember[b-ntcohkm4z6] {
        margin-right: 20px;
        margin-left: 20px;
        width: 92px !important;
        height: 214px;
        text-align: center;
    }

    .mLastRow[b-ntcohkm4z6] {
        margin-left: 63%;
    }
}
/* _content/QuickPic3/Pages/PartialHomes/QuickPic/RequestResetPassword.razor.rz.scp.css */
.request-password-reset-container[b-n95o9hjxyp] {    
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
    
}

.request-password-reset-box[b-n95o9hjxyp] {
    margin-top: 50px;
    width: 450px;
    min-width: 320px;
    height: fit-content;
    background-color: white;
    align-self: center;
}

.emailSentDiv[b-n95o9hjxyp]{    
    margin-top: 5%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.btnContainer[b-n95o9hjxyp]{
    margin-top: 5%;
    margin-right: auto;    
    margin-left: auto;
    width: 40%;
}

.btnTakeMeHome[b-n95o9hjxyp]{
    width: 100%;
}

.randomDivQ[b-n95o9hjxyp] {
    display: flex;
    align-items: center;
    margin: 5px;
    margin-top: 0px;
    white-space: nowrap;
    margin-bottom: 0px; 
    
}

.randomDiv[b-n95o9hjxyp] {
    display: flex;
    flex-direction: row;    
    text-align: center;
    width: 100%;    
    display: flex;
}

.EqualSign[b-n95o9hjxyp] {
    margin-left: 15px !important;
}

input[b-n95o9hjxyp] {
    border-radius: 7px;
    border: solid 1px #b3b6b8;
}

span[b-n95o9hjxyp]{
    color: #C8252C;
    cursor: pointer;
}

.txtRandom[b-n95o9hjxyp]{    
    width: 100% !important;
    padding: 0px;
    margin: 0px;
}
/* _content/QuickPic3/Pages/PartialHomes/QuickPic/ResetPassword.razor.rz.scp.css */
.login-container[b-ewyeh7p9uc] {    
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
}

.login-box[b-ewyeh7p9uc] {
    margin-top: 50px;
    width: 450px;
    min-width: 320px;
    height: fit-content;
    background-color: white;
    align-self: center;   
}

.lblPassWordMatch[b-ewyeh7p9uc]{
    color: #C8252C;
}

.login-components[b-ewyeh7p9uc] {
    color: #797979;
    padding: 15px 15px 20px 15px;
}

.login-logo[b-ewyeh7p9uc] {
    padding-bottom: 35px;
}

.span-link[b-ewyeh7p9uc] {
    cursor: pointer;
    color: #C8252CFF;
    font-size: 1.0rem;
}

.span-link:hover[b-ewyeh7p9uc] {
    cursor: pointer;
    color: #C8252CFF;
    font-size: 1.0rem;
}

.passContainer[b-ewyeh7p9uc] {
    display: flex;
    flex-direction: column;
    margin: 10px;
    position: relative;
}
/* _content/QuickPic3/Pages/Publisher/Autospec/AutospecNewsManageVehicles.razor.rz.scp.css */
*[b-r20xp8q6q4] {
    color: #434a4f;
}

table[b-r20xp8q6q4]{
    border-bottom:1px;
}

.HideDesktop[b-r20xp8q6q4] {
    display: none;
}

.CloseIcon[b-r20xp8q6q4]{
    background-color:#C8252C;
    width:25px;
    height:25px;
    border-top-left-radius:7px;
    display:flex;
    align-items:center;
    justify-content: center;
}

.CloseIcon span[b-r20xp8q6q4] {
    color: white;
    margin-left:2px;
    margin-top:2px;
}
    .CloseIcon:hover span[b-r20xp8q6q4]{
        color:#42ada4;
    }

.Page-Con[b-r20xp8q6q4] {
    width: 100%;
    height: 100%;
}

.MoreIconContainer svg[b-r20xp8q6q4] {
    transform: rotate(270deg);
}

.RatingIcon[b-r20xp8q6q4] {
    background-color: #C8252C;
    border: none;
    border-radius: 2px;
    display: flex;
    width: 17px;
    height: 23px;
    color: white;
    font-weight: 700;
    cursor: default;
    align-items: center;
    margin-right: -10px;
 padding:5px;
}

.FakeBtn[b-r20xp8q6q4] {
    width: 20px;
    height: 20px;
    margin-right: -10px;
}

.innerspecvalue[b-r20xp8q6q4] {
   
    text-align: center;
}

.innerspecSpaceFiller[b-r20xp8q6q4] {
   
    text-align: center;
}

.innerspecdiv[b-r20xp8q6q4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
}

#SelectVehicleLabel[b-r20xp8q6q4]{
    cursor: pointer;
}

.Title-con[b-r20xp8q6q4]{
    display:flex;
    align-items: center;
}

.titlecon[b-r20xp8q6q4] {
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
    .titlecon span[b-r20xp8q6q4] {
   
      
        margin-right: 12px;
        color: #C8252C;
        cursor: pointer;
        font-size: 18px;
    }
    .titlecon span:hover[b-r20xp8q6q4] {
       
        color:#42ada4;
       
    }

.grey[b-r20xp8q6q4] {
    color: #b3b6b8 !important;
}

.Arrow[b-r20xp8q6q4]{
    margin-right:5px;
}

.Title2[b-r20xp8q6q4] {
    cursor: pointer;
    margin-left: 5px;
    color: #434a4f !important;
}

.Title[b-r20xp8q6q4] {
    cursor: pointer;
    margin-left: 5px;
    color: #434a4f !important;
}

.Title:hover[b-r20xp8q6q4] {
    color: #C8252C !important;
}

.Title2:hover[b-r20xp8q6q4] {
    color: #C8252C !important;
}

.addContainer:hover[b-r20xp8q6q4] {
    border: 2px dashed #C8252C;
}

.leftcon[b-r20xp8q6q4] {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
   
    margin-bottom: auto;
}

    .leftcon div:nth-child(1)[b-r20xp8q6q4] {
        padding-right:15px;
        padding-left:2px;
        width:100%;
        margin: 4px;
        margin-top:0;
    }

    .leftcon div:nth-child(2)[b-r20xp8q6q4] {
        padding-right: 15px;
        padding-left: 2px;
        width: 100%;
        margin: 4px;
        margin-top: 0;
    }

    .leftcon div:nth-child(3)[b-r20xp8q6q4] {
        padding-right: 15px;
        padding-left: 2px;
        width: 100%;
        margin: 4px;
        margin-top: 0;
    }

.btn-clear[b-r20xp8q6q4] {
    color: #fff;
    height: 37px;
    width:100% !important;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    font-size: 16px;
}

.Static-Top-Con[b-r20xp8q6q4] {
    position: sticky;
    width: 100%;
    height: 200px;
    display: flex;
    z-index: 1;
}

.Red[b-r20xp8q6q4] {
    color: #C8252C;
}

.TopLeftCon[b-r20xp8q6q4] {
    width: 25%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.innerTopLeftCon[b-r20xp8q6q4] {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: -5px;
}

    .innerTopLeftCon div[b-r20xp8q6q4] {
        flex: 1;
        text-align: center;
        padding: 0;
    }

        .innerTopLeftCon div:nth-child(1)[b-r20xp8q6q4] {
            text-align: left;
            padding-top: 2px;
            background-color: transparent;
            padding-right: 0px;
            margin: 0;
            margin-left: -2px;
        }

        .innerTopLeftCon div:nth-child(2)[b-r20xp8q6q4] {
            text-align: left;
            padding-top: 0;
            background-color: transparent;
            justify-content: center;
            display: flex;
            margin-top: 5px;
            display: flex;
            justify-content: center;
            padding: 0;
            margin-left: 12px;
        }

        .innerTopLeftCon div:nth-child(3)[b-r20xp8q6q4] {
            text-align: right;
            padding-right: 1px;
            margin: 0;
        }
   

.TopRightCon[b-r20xp8q6q4] {
    padding-bottom: 0;
    width: 75%;
    height: 100%;
    display: flex;
    align-items: center;
}

    .TopRightCon table[b-r20xp8q6q4] {
        width: 100%;
        height: 100%;
        border: none;
        border-collapse: collapse;
        table-layout: fixed;
    }

.vehicleImg[b-r20xp8q6q4] {
    cursor:pointer;
    background-size: cover;
    height: 100%;
    
    width: 100%;
    border-radius: 7px;
}

.addContainer[b-r20xp8q6q4] {
    display: flex;
    height: 100%;
    flex-direction: column;
    border: 2px dashed #7b8083;
    border-radius: 7px;
    cursor: pointer;
}

.addContainer span[b-r20xp8q6q4]{
   margin-top:20px;
    font-size:44px;

}

#SelectVehicleLabel[b-r20xp8q6q4] {
    margin-top: -15px;
    margin-bottom: -90px;
}

#imgRow td[b-r20xp8q6q4] {
    border-left: 1px solid #e0e0e0 !important;
    border-right: 1px solid #e0e0e0 !important;
    height: 144px !important;
    text-align: center;
    padding: 5px !important;
    width: 18.75%;
}

.rowtable[b-r20xp8q6q4]{
    border:none;
    table-layout:fixed;
}

#brandRow td[b-r20xp8q6q4] {
    border-left: 1px solid #e0e0e0 !important;
    border-right: 1px solid #e0e0e0 !important;
    height: 28px !important;
    width: 18.75%;
    font-weight: 700;
    text-align: center;
}

#modelRow td[b-r20xp8q6q4] {
    border-left: 1px solid #e0e0e0 !important;
    border-right: 1px solid #e0e0e0 !important;
    height: 28px !important;
    width: 18.75%;
    text-align: center;
}

.Bottom-Con[b-r20xp8q6q4] {
    width: 100%;
    height: 100%;
    max-height: 630px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none; /* Hide the scrollbar in Firefox */
    -ms-overflow-style: none;
}


    /* Hide the scrollbar in Webkit-based browsers */
    .Bottom-Con[b-r20xp8q6q4]::-webkit-scrollbar {
        display: none;
    }

.Bottom-Con table[b-r20xp8q6q4] {
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 0px;
    width: 100%;
    height: 100%;
}

        .Bottom-Con table tr:nth-child(2n+1)[b-r20xp8q6q4] {
            background-color: #F0F0F0;
        }

#HeadingRow[b-r20xp8q6q4] {
   background-color:white !important;
}

    #HeadingRow td[b-r20xp8q6q4] {
        border: 1px solid #e0e0e0;
        width: 18.75%;
        font-size: 16px !important;
        color: #C8252C !important;
        height: 25px !important;
    }

        #HeadingRow td:nth-child(1)[b-r20xp8q6q4] {
            border: 1px solid #e0e0e0;
            width: 25.05%;
            border-left: none;
           
        }
          
.DisclaimerMessage[b-r20xp8q6q4] {
    text-transform: none;
    margin-top: -25px;
    z-index: 20;
    position: fixed;
    padding: 15px;
    font-size: 11px;
    height: fit-content;
    width: 450px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid #C8252C;
    transform: translateX(150px);
    
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}

.QPHead[b-r20xp8q6q4] {
    color: #C8252C;
    text-indent: 22px;
}

.disclaimer[b-r20xp8q6q4] {
    border:none;
    cursor:pointer;
    padding:0;
    background-color:white;
}

    .disclaimer span[b-r20xp8q6q4] {
        color: #C8252C;
        font-size: 20px;
    }

        .disclaimer span:hover[b-r20xp8q6q4] {
            color: #42ada4
        }

.SpecialTD[b-r20xp8q6q4] {
    align-items:center;
    padding-right:11px;
    display: flex;
    justify-content:space-between;
}

    #NormalRow td[b-r20xp8q6q4] {
        border-left: 1px solid #e0e0e0 !important;
        border-right: 1px solid #e0e0e0 !important;
        width: 18.75%;
        text-align: center;
        height:25px !important;
    }

        #NormalRow td:nth-child(1)[b-r20xp8q6q4] {
            width: 25.05%;
            text-align: left;
       
            border-left: none !important;
            padding-left: 55px !important;
            text-indent: -20px;
        }

.popup[b-r20xp8q6q4] {
    margin-top: 25px;
    z-index: 20;
    position: fixed;
    height: 150px;
    width: 250px;
    background-color: whitesmoke;
    border-radius: 7px;
    border: 1px solid lightgray;
    transform: translateX(-78px);
    transition: height ease-in;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}

.rate-display-con[b-r20xp8q6q4] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    padding-right: 5px;
}

.rate-item[b-r20xp8q6q4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rate-stars[b-r20xp8q6q4] {
    display: flex;
    align-items: center;
}

.rate-label[b-r20xp8q6q4] {
    font-size:12px;
    font-weight: 700;
}

.Star-Con-mini[b-r20xp8q6q4] {
    max-width: 120px;
    min-width: 120px;
    height: 25px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.Star-Front-mini[b-r20xp8q6q4] {
    height: 100%;
    width: 100%;
    background-color: whitesmoke;
    opacity: 1;
    position: absolute;
    z-index: 10;
}

.hidden-div[b-r20xp8q6q4] {
    display: none;
}

.hoverable-div:hover .hidden-div[b-r20xp8q6q4] {
    display: block;
}

.Star-Back-mini[b-r20xp8q6q4] {
    border-radius: 20px;
    height: 100%;
    width: 100%;
    background-image: url(https://quickpicdevblobstorage.blob.core.windows.net/qp3/Stars.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    position: absolute;
    z-index: 5;
}

.point[b-r20xp8q6q4] {
    font-size: 13px;
    margin-right: 2px;
}

.ScoreHeadCon[b-r20xp8q6q4] {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
}

.scoreCon[b-r20xp8q6q4] {
    display: flex;
    align-items: center;
}

.innerScoreCon[b-r20xp8q6q4] {
    cursor: pointer;
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.ScoreTitle[b-r20xp8q6q4] {
    font-weight: 700;
    color: #C8252C;
}

.Star-Con[b-r20xp8q6q4] {
    max-width: 120px;
    min-width: 120px;
    height: 30px;
    border: 1px solid white;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.Star-Front[b-r20xp8q6q4] {
    height: 100%;
    width: 100%;
    border: 1px solid white;
    background-color: white;
    opacity: 1;
    position: absolute;
    z-index: 10;
}

.Star-Back[b-r20xp8q6q4] {
    border-radius: 20px;
    height: 100%;
    width: 100%;
    border: 1px solid white;
    background-image: url(https://quickpicdevblobstorage.blob.core.windows.net/qp3/Stars.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    position: absolute;
    z-index: 5;
}

.tabButton[b-r20xp8q6q4] {
    border: none;
    background-color: white;
    text-align: right;
    margin-left: auto;
    font-size: 18px;
    color: #808080;
    padding: 0px !important;
    cursor: pointer;
    white-space:nowrap;
}

    .tabButton:hover div[b-r20xp8q6q4] {
        color: #C8252C !important;
    }

    .tabButton:hover span[b-r20xp8q6q4] {
        color: #C8252C !important;
    }

.toggleOn[b-r20xp8q6q4] {
    color: #C8252C;
}

.colloapseSpan[b-r20xp8q6q4] {
    color: #C8252C;
    font-size: 15px;
}
.ForceRed div[b-r20xp8q6q4]{
    color: #C8252C !important;
}

.expandAll[b-r20xp8q6q4]{
    font-size: 15px;
}

.btn-clear-small[b-r20xp8q6q4] {
    color: #fff;
    height: 37px;
    width: 70px;
    padding: 0;
    font-size: 16px;
}

.btn-clear:hover[b-r20xp8q6q4] {
    color: white !important; 
    background-color: #42ada4 !important;
}

.btn-clear-small:hover[b-r20xp8q6q4] {
    color: white !important;
    background-color: #42ada4 !important;
}

.DuoportaMessage[b-r20xp8q6q4] {
    margin-right: 5px;
    color: #b3b6b8;
    font-size: 10px;
    font-weight: 400;
}

#imageLogo[b-r20xp8q6q4] {
    width: 80px !important;
    border-radius: 7px;
}

.ImageContainer[b-r20xp8q6q4] {
    margin-left: auto;
    width: fit-content;
    margin-right: 20px;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.FilterTable[b-r20xp8q6q4]{
    border:none;
    width:100%;
    table-layout:fixed;
}

    .FilterTable td[b-r20xp8q6q4] {
        border: none;
        padding: 0 !important;
    }

    .FilterTable tr td:nth-child(1)[b-r20xp8q6q4] {
        padding: 2px !important;
        width: 15%;
    }

    .FilterTable tr td:nth-child(2)[b-r20xp8q6q4] {
      width:47%;
    }

    .FilterTable tr td:nth-child(3)[b-r20xp8q6q4] {
        width: 47%;
    }

.AddVehicleContainer[b-r20xp8q6q4] {
    width: 100%;
    border-radius: 5px;
}

.AddVehicle[b-r20xp8q6q4] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.vehicledetails[b-r20xp8q6q4] {
    text-align: center;
    margin-left: 15px;
}

.filterDetails[b-r20xp8q6q4] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    width: 80%;
    height: 100%;
    margin-top:-10px;
}

.SearchCon[b-r20xp8q6q4] {
    width: 100%;
}

.filter-head[b-r20xp8q6q4] {
    display: flex;
    align-items: center;
}

.innerfilter[b-r20xp8q6q4] {
    margin-left: auto;
    margin-right: 10px;
    text-align: right !important;
    font-weight: 700;
    color: #434a4f;
}

.smallscreenhide[b-r20xp8q6q4]{
    display:unset;
}

.smallscreen[b-r20xp8q6q4] {
    display:none;
}

@media screen and (max-width: 1380px) {
    .smallscreenhide[b-r20xp8q6q4] {
        display: none;
    }

    .smallscreen[b-r20xp8q6q4] {
        display: unset;
    }
}

@media screen and (max-width: 1220px) {
    .Page-Con[b-r20xp8q6q4]{
      padding-right:30px;
    }
}

.Mobile-Top-Div[b-r20xp8q6q4] {
    height: 120px;
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: white;
}

.Mobile-Bot-Div[b-r20xp8q6q4] {
    height: 100%;
    width: 100%;
    border-bottom: none;
    margin-top: 46px;
}

    .Mobile-Bot-Div table[b-r20xp8q6q4] {
        width: 100%;
    }
        .Mobile-Bot-Div table tr:nth-child(2n+1)[b-r20xp8q6q4] {
            border-bottom: 1px solid #F0F0F0;
            border-top: 1px solid #F0F0F0;
        }

.Mobile-Top-Div table[b-r20xp8q6q4] {
    width: 100%;
    height: 120px;
    border-bottom: none;
}

.mImgRow td[b-r20xp8q6q4] {
    border:none;
    border-left: 1px solid #e0e0e0;
    padding: 0 !important;
    width: 33.333%;
    height: 60px !important;
}

    .mImgRow td:nth-child(1)[b-r20xp8q6q4] {
        width: 36% !important;
    }

    .mImgRow td:nth-child(3)[b-r20xp8q6q4] {
        border: none;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        padding: 0 !important;
        width: 33.333%;
        height: 60px !important;
    }

.mBrandRow td[b-r20xp8q6q4] {
    font-size: 13px;
    font-weight: 700 !important;
    border: none;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    padding: 0 !important;
    width: 33.333%;
    height: 10px !important;
}
    .mBrandRow td:nth-child(2)[b-r20xp8q6q4] {
        border: none;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        text-align: center;
        padding: 0 !important;
        width: 33.333%;
        height: 10px !important;
    }

.mModelRow td[b-r20xp8q6q4] {
    font-size:11px;
    border: none;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    padding: 0 !important;
    width: 33.333%;
    height: 20px !important;
}
    .mModelRow td:nth-child(2)[b-r20xp8q6q4] {
        border: none;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        text-align: center;
        padding: 0 !important;
        width: 33.333%;
        height: 20px !important;
    }

#mHeadingRow[b-r20xp8q6q4] {
    background-color: #F0F0F0BD !important;
    background-color: white;
    border-top: 1px solid #F0F0F0;
}

    #mHeadingRow:nth-child(1)[b-r20xp8q6q4] {
        background-color: white !important;
    }

    #mHeadingRow td[b-r20xp8q6q4] {
        height: 22px !important;
        border: none;
        border-left: 1px solid #e0e0e0;
        width: 33.333% !important;
        font-size: 14px;
        padding: 0 !important;
    }

    #mHeadingRow td:nth-child(1)[b-r20xp8q6q4] {
        height: 22px !important;
        border: none;
        border-left: 1px solid #e0e0e0;
        width: 36% !important;
        font-size: 14px;
        padding: 0 !important;
    }
   
    #mHeadingRow td:nth-child(3)[b-r20xp8q6q4] {
        border: none;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        width: 33.333% !important;
        font-size: 11px;
    }

#mHeadingRow:nth-child(1) td[b-r20xp8q6q4] {
    height: 35px !important;
    padding: 0 !important;
}

    #mHeadingRow:nth-child(1) td div[b-r20xp8q6q4]{
     
    }

#mNormalRow td:nth-child(1)[b-r20xp8q6q4] {
    padding-left:25px !important;
    font-weight: 600;
    padding-right:2px !important;
}

#mNormalRow td[b-r20xp8q6q4] {
    height:15px !important;
    border: none;
    border-left: 1px solid #e0e0e0;
    width: 33.333% !important;
    font-size: 13px;
    z-index: 1;
    padding:0 !important;
}

    #mNormalRow td:nth-child(3)[b-r20xp8q6q4] {
        border: none;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        width: 33.333% !important;
        font-size: 13px;
        z-index: 1;
    }

.Page-Con-Mobile[b-r20xp8q6q4] {
    width: 100%;
    height: 100%;
}

.mvehicleImg[b-r20xp8q6q4] {
    cursor: pointer;
    background-size: contain;
    height: 100%;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
}

.maddContainer[b-r20xp8q6q4] {
    display: flex;
    height: 100%;
    width:95%;
    margin-left:auto;
    margin-right:auto;
    flex-direction: column;
    border: 2px dashed #7b8083;
    border-radius: 7px;
    cursor: pointer;
    font-size:13px;
  
    
}

    .maddContainer label[b-r20xp8q6q4] {
        margin-right: auto;
        margin-left: auto;
    }

    .maddContainer span[b-r20xp8q6q4] {
      
        margin-right: auto;
        margin-left: auto;
   
        font-size: 34px;
    }

.mButtonCon[b-r20xp8q6q4] {
    padding: 20px;
    padding-bottom: 0;
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    padding-right: 0;
    padding-left: 0;
    gap: 30px;
}

    .mButtonCon button[b-r20xp8q6q4] {
        font-size: 12px;
        margin-right: 10px !important;
        width: 30px;
        height: 30px !important;
    }

.mButtonCon span[b-r20xp8q6q4]{
    font-size:10px;
}

.modal-con[b-r20xp8q6q4] {
   width:500px;
}

@media (max-width: 800px) {

        .modal-con[b-r20xp8q6q4] {
            padding: 10px !important;
            width: 100%;
        }

        #mNormalRow[b-r20xp8q6q4]{
            word-break: break-word;
        }

        .mvehicleImg[b-r20xp8q6q4]{   
            height: 72px !important;
            background-size: cover;
        }

        .mVehicleCell[b-r20xp8q6q4]{
            height: 72px !important;
        }

        .CloseIcon[b-r20xp8q6q4] {
            background-color: #C8252C;
            width: 20px;
            height: 20px;
            border-top-left-radius: 7px;
            display: flex;
            align-items: center;
        }

        .CloseIcon span[b-r20xp8q6q4]{
            margin-left: 1px;
            font-size: 18px;
        }

        .CloseIcon span:hover[b-r20xp8q6q4]{
            color:#C8252C;
        }

        .Title[b-r20xp8q6q4] {
            font-weight: 700 !important;
        }

        .Title2[b-r20xp8q6q4] {
            font-weight: 700 !important;
        }

        .tabButton div[b-r20xp8q6q4] {
            display: flex;
            flex-direction: column;
            margin-top: -20px !important;
        }

        .clearButton[b-r20xp8q6q4]{
            text-align: center;
            margin-right: -8px;
        }

        .mButtonCon[b-r20xp8q6q4] {
            margin-top: -20px !important;
        }

            .mButtonCon span[b-r20xp8q6q4] {
                margin-top:-10px;
                font-size: 13px;
            }

        .innerfilter[b-r20xp8q6q4] {
            font-size: 12px;
            margin-left: auto;
            text-align: right !important;
            font-weight: 700;
            color: #434a4f;
        }

        .SpecialTD[b-r20xp8q6q4] {
          
            align-items: center;
            width: 100% !important;
        }

        .scoreCon[b-r20xp8q6q4] {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 25%;
        }

        .innerScoreCon[b-r20xp8q6q4] {
            margin-bottom: -11px;
        }

        .disclaimer[b-r20xp8q6q4] {
            margin-right: -30px;
        }

        .DisclaimerMessage[b-r20xp8q6q4] {
            width: 300px;
        }

        .QPHead[b-r20xp8q6q4] {
            font-weight: 700 !important;
        }

        .point[b-r20xp8q6q4] {
            font-size: 11px;
        }

        .Star-Con[b-r20xp8q6q4] {
            max-width: 90px !important;
            min-width: 90px !important;
            border: 1px solid transparent;
            border-radius: 20px;
            margin-bottom: -3.5px;
        }

        .mpopup[b-r20xp8q6q4] {
            position: fixed;
            margin-top: 45px;
            z-index: 20;
            height: 140px;
            width: 150px;
            background-color: whitesmoke;
            border-radius: 7px;
            border: 1px solid lightgray;
            left: 32%;
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
        }

        .mpopup2[b-r20xp8q6q4] {
            position: fixed;
            margin-top: 45px;
            z-index: 20;
            height: 140px;
            width: 150px;
            background-color: whitesmoke;
            border-radius: 7px;
            border: 1px solid lightgray;
            left: 54%;
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
        }

        .Star-Front[b-r20xp8q6q4] {
            height: 70%;
            width: 100%;
            border: 1px solid transparent;
            background-color: white;
            opacity: 1;
            position: absolute;
            z-index: 10;
        }

        .Star-Back[b-r20xp8q6q4] {
            border-radius: 20px;
            height: 100%;
            width: 100%;
            border: 1px solid transparent;
            background-image: url(https://quickpicdevblobstorage.blob.core.windows.net/qp3/Stars.png);
            background-size: contain;
            background-repeat: no-repeat;
            opacity: 1;
            position: absolute;
            z-index: 5;
        }

        .RatingIcon[b-r20xp8q6q4]{
            height:20px;
        }

        .Page-Con-Mobile div[b-r20xp8q6q4] {
            transform: translateX(-5px) !important;
        }

        .HideMobile[b-r20xp8q6q4] {
            display: none;
        }

        .HideDesktop[b-r20xp8q6q4] {
            display: contents;
        }

        .rate-display-con[b-r20xp8q6q4] {
            display: flex;
            flex-direction: column;
            padding: 10px;
            padding-right: 5px;
        }

        .rate-item[b-r20xp8q6q4] {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .rate-stars[b-r20xp8q6q4] {
            display: flex;
            align-items: center !important;
        }

            .rate-stars .point[b-r20xp8q6q4] {
                margin-top: -10px;
            }

        .rate-label[b-r20xp8q6q4] {
            font-size: 9px;
            font-weight: 700;
            margin-top: -10px;
        }

        .Star-Con-mini[b-r20xp8q6q4] {
            margin-left: 4px;
            max-width: 50px;
            min-width: 50px;
            height: 25px;
            border-radius: 20px;
            position: relative;
            overflow: hidden;
        }

        .Star-Front-mini[b-r20xp8q6q4] {
            display: flex;
            align-items: center;
            height: 100%;
            width: 100%;
            background-color: whitesmoke;
            opacity: 1;
            position: absolute;
            z-index: 10;
        }

        .Star-Back-mini[b-r20xp8q6q4] {
            border-radius: 20px;
            height: 100%;
            width: 100%;
            background-image: url(https://quickpicdevblobstorage.blob.core.windows.net/qp3/Stars.png);
            background-size: contain;
            background-repeat: no-repeat;
            opacity: 1;
            position: absolute;
            z-index: 5;
        }

        .disclaimer[b-r20xp8q6q4] {
            border: none;
            cursor: pointer;
            padding: 0;
            background-color: white;
            margin-right: 5px;
        }

        #mNormalRow > td[b-r20xp8q6q4] {
            font-size: 11px !important;
        }

        .Title[b-r20xp8q6q4]{
            font-size: 11px !important;
        }

        .Title2[b-r20xp8q6q4] {
            font-size: 11px !important;
        }
    }

@media (max-width: 500px) {
        .Page-Con-Mobile div[b-r20xp8q6q4] {
            transform: translateX(0px) !important;
        }

        .HideMobile[b-r20xp8q6q4] {
            display: none;
        }

        .HideDesktop[b-r20xp8q6q4] {
            display: contents;
        }
    }

@media (max-width: 450px) {
        .point[b-r20xp8q6q4] {
            display: none;
        }

        .rate-stars .point[b-r20xp8q6q4] {
            display: block;
        }

        .QPHead[b-r20xp8q6q4] {
            font-size: 15px;
        }
    }

@media (max-width: 372px) {
    .mButtonCon span[b-r20xp8q6q4] {
        font-size: 12px !important;
    }

    #mHeadingRow td[b-r20xp8q6q4] {
        font-size: 14px !important;
    }

    #mNormalRow td[b-r20xp8q6q4] {
        font-size: 12px !important;
    }

    .mBrandRow td[b-r20xp8q6q4] {
        font-size: 12px !important;
    }

    .mModelRow td[b-r20xp8q6q4] {
        font-size: 11px !important;
    }

    .scoreCon[b-r20xp8q6q4]{
        margin-left: 5%;
    }
}


tr.non-heading-row td[b-r20xp8q6q4] {
    height: 30px;
    line-height: 30px;
    padding: 0;
}

tr.heading-row td[b-r20xp8q6q4]{
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

.RemovePadding[b-r20xp8q6q4] {
    padding: 0px !important;
}

.MediaClipContainer[b-r20xp8q6q4] {        
    height: 100%;
    cursor: pointer;
    display: contents;
}

.RemovePadding:hover[b-r20xp8q6q4] {
    font-weight: 700;
    background-color: #e0e0e0;
}

.MediaClipPub[b-r20xp8q6q4] {
    font-weight: 700;
    font-size: 12px;
    color: #C8252C;
}

.MediaClipTitle[b-r20xp8q6q4] {
    font-size: 12px;
}

.MediaClipPub[b-r20xp8q6q4], .MediaClipTitle[b-r20xp8q6q4]{
    padding-left: 5px;
}

.MediaClipsTitle[b-r20xp8q6q4]{
    position: relative;
}

.MediaClipsTitle > div[b-r20xp8q6q4] {
    display: flex;
    height: 100%;
    align-items: start;
    margin-left: 16px;
    position: absolute;
    top: 0;
}

.clipsAnchorTag[b-r20xp8q6q4]{
    text-decoration: none;
}

.saveAutospecNews[b-r20xp8q6q4]{

}
/* _content/QuickPic3/Pages/Publisher/Autospec/AutospecNewsPage.razor.rz.scp.css */
.addItemBtn[b-2u6uuddtno] {
    display: flex;
}

.TableTopRowContainer[b-2u6uuddtno]{
    display: flex;
}

.manageVehiclesBtn[b-2u6uuddtno]{
    text-align: center;
}
/* _content/QuickPic3/Pages/Publisher/Components/EmailSettings.razor.rz.scp.css */


.surveySendMainContainer[b-66gajubgfu] {
    border-radius: 7px;
    margin-top: 5px;
}

.SendSurveyItem[b-66gajubgfu] {
    display: flex;
    align-items: center;
}

    .SendSurveyItem > div:first-child[b-66gajubgfu] {
        width: 80px !important;
    }

    .SendSurveyItem > div:nth-child(2)[b-66gajubgfu] {
        width: 100% !important;
    }


.mainContainer[b-66gajubgfu] {
    background-color: white;
    margin-top: 3px;
    border-radius: 5px;
}

.ComponentContainer[b-66gajubgfu] {
    position: inherit;
}

.ComponentContainer[b-66gajubgfu] {
    position: relative;
    width: 100%;
}

.selectedItemsContainer[b-66gajubgfu] {
    display: flex;
    cursor: pointer;
    width: 100%;
    border-radius: 7px;
    height: 100%;
    min-height: 36px;
    padding: 5px;
    border: solid #E0E0E0 1px;
    flex-wrap: wrap;
    background-color: white;
    justify-content: center;
}

.DealershipItem[b-66gajubgfu] {
    display: flex;
    /*gap: 2px;*/
    /*border: 1px solid #434a4f;*/
    /*border-radius: 5px;*/
    padding: 2px;
}

.RemoveDealerShip[b-66gajubgfu] {
    border: none;
    border-radius: 5px;
    margin-left: 3px;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    background-color: #C8252C;
    font-size: 14px;
}

.RemoveIcon[b-66gajubgfu] {
    font-size: 14px;
    color: white;
    font-weight: 700;
    margin-left: -2px;
}
/* _content/QuickPic3/Pages/Publisher/Components/MediaWireMailingListFilter.razor.rz.scp.css */

/* _content/QuickPic3/Pages/Publisher/Components/PressReleaseContact.razor.rz.scp.css */
.contact-container[b-zcasgwsdbc] {
    height: 120px;
    max-height: 120px;
    border: 1px solid var(--brand-text);
    overflow-y: auto;
    list-style-type: none;
    padding-left: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #ced4da;
}
.contact-row[b-zcasgwsdbc]{
    font-size:medium;
    cursor:pointer;
    
}
.contact-row:hover[b-zcasgwsdbc]{
    background-color:silver;
}

.hide-drop[b-zcasgwsdbc]{
    display:none !important;
}
.dropbtn[b-zcasgwsdbc] {
    
}

.dropdown[b-zcasgwsdbc] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-zcasgwsdbc] {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


.dropdown:hover .dropdown-content[b-zcasgwsdbc] {
    display: block;
}

.dropdown:hover .dropbtn[b-zcasgwsdbc] {
    background-color: #3e8e41;
}

.searchContainer[b-zcasgwsdbc] {
    border: solid 1px;
    border-bottom: none;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #ced4da;
}

.usersContainer[b-zcasgwsdbc]{
    
}

li[b-zcasgwsdbc]{
    display: flex;    
}

li > div[b-zcasgwsdbc]{
    width: 100%;
}

button[b-zcasgwsdbc]{
    height: 22px !important;
    width: 60px !important;    
}
/* _content/QuickPic3/Pages/Publisher/Components/PressReleaseContent.razor.rz.scp.css */
.hide-form[b-3gmta5nh8x] {
    display: none;
}
.center-editor[b-3gmta5nh8x] {
    display: block;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 700px;    
    height: 700px;    
}

.mt-5[b-3gmta5nh8x]{    
    margin-top: 0px !important;    
}



/* _content/QuickPic3/Pages/Publisher/Components/PressReleaseMailingList.razor.rz.scp.css */
.hide-form[b-iotvlqtcgm] {
    display: none;
}

.mail-list-item[b-iotvlqtcgm] {
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
}

p[b-iotvlqtcgm] {
    align-self: center;
    margin-top: auto;
    margin-bottom: auto;
    margin-left:5px;
}

.mail-list[b-iotvlqtcgm] {
    padding: 0px;
    list-style: none;
}
.mail-title[b-iotvlqtcgm]
{
    font-weight:bold;
}

.InputItem[b-iotvlqtcgm] {
    
}
/* _content/QuickPic3/Pages/Publisher/Components/PressReleaseMedia.razor.rz.scp.css */
.hide-form[b-dt772amcz2] {
    display: none;
}

.FileUploadPercentage[b-dt772amcz2]{
    /*border: solid red;
    height: 200px;*/
}

.media-gallery[b-dt772amcz2] {
    padding: 20px;
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(3,1fr);
}
.media-tile[b-dt772amcz2]{
    display:flex;
    font-size:x-small;
    height:auto;
    border: 1px solid var(--brand-text);
    padding:4px;    
}

.remove-btn[b-dt772amcz2]{
    float:right;
}

.remove-btn > div[b-dt772amcz2]{
    color: #c8252c !important;
}

.file-uploads[b-dt772amcz2]{
    font-size:small;
    border: 1px solid silver;
    padding:1px;
    border-radius:7px;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top:5px;
}
.upload-section[b-dt772amcz2]{
    padding: 5px;
    margin: 5px;
    margin-left: 0px;
    border-radius: 7px;
    background-color: white;    
}
.media-content[b-dt772amcz2] {
    
    display: flex;    
}

.setHero[b-dt772amcz2] {
    color: #C8252C !important;
    border-color: #C8252C;
    margin-right: 5px;
}

.setHero > div[b-dt772amcz2]{
    color: green;
    font-size: 16px !important;
}

.removeHero[b-dt772amcz2] {
    color: green;
    border-color: green;
    margin-right: 5px;
}

    .removeHero > div[b-dt772amcz2] {
        color: blue;
        font-size: 16px !important;
    }

    .Uploaded[b-dt772amcz2] {
        color: green !important;
    }

.NotUploaded[b-dt772amcz2]{
    color: red;
}

.FileUploaderContainer[b-dt772amcz2] {
      
}

.TotalFilesLabel[b-dt772amcz2]{
    color: #C8252C;
    font-weight: 700;
}

.media-section[b-dt772amcz2]{
    background-color: white;
    border-radius: 7px;
    margin: 5px;
    padding: 5px;
    margin-left: 16px;    
    margin-right: 0px;
    width: 82%;
}

.standardButton[b-dt772amcz2]{
    height: 30px;
    width: 30px;
    align-items: center;
    text-align: center;
    padding: 0px;
}

.ButtonContainer[b-dt772amcz2]{
    display: flex;
}

input[b-dt772amcz2] {
    margin-left: 5px;
}
/* _content/QuickPic3/Pages/Publisher/Components/PressReleasePitching.razor.rz.scp.css */
table[b-1cp0x2wdcb] {
    width: 100%;
}

.Date[b-1cp0x2wdcb] {
    width: 12%;
    max-width: 12%;
}

.Action[b-1cp0x2wdcb] {
    width: 8%;
    max-width: 8%;
}

.User[b-1cp0x2wdcb] {
    width: 15%;
    max-width: 15%;
}

.buttons[b-1cp0x2wdcb] {
    display: flex;
    font-size: 12px !important;
}

.printCaptureButton[b-1cp0x2wdcb] {
    padding: 4px !important;
}

.top-text[b-1cp0x2wdcb] {
    margin-top: -3px !important;
}

.RowBtn[b-1cp0x2wdcb] {
    height: 30px;
    width: 30px;
}

.RowSpan[b-1cp0x2wdcb] {
    margin-top: -2px !important;
}

.EditingPitch[b-1cp0x2wdcb] {
    background-color: lightpink;
}

.NewPitch[b-1cp0x2wdcb] {
    background-color: lightgreen;
}

.SentPitch[b-1cp0x2wdcb] {
    background-color: green;
    color: white;
}

textarea[b-1cp0x2wdcb] {
    width: 99%;
    margin: 5px;
    margin-top: 8px;
    border-radius: 7px;
    height: 100px;
}
/* _content/QuickPic3/Pages/Publisher/Components/PressReleaseSettings.razor.rz.scp.css */
.row[b-vuywfb5wi0]{
    padding: 5px 10px 10px 10px;
}
div[b-vuywfb5wi0]{
/*font-size: 20px;*/
}
input[b-vuywfb5wi0]{
width:100%;
}
input.settingcheckbox[b-vuywfb5wi0] {
    width: 16px;
    height:16px;
    margin-right: 10px;
}
.settinglist[b-vuywfb5wi0] {
    list-style-type: none;
    font-weight: 200;
    font-size : 18px;
    padding:0px;
    column-count: 3;
    margin-left: 3px;
    width: 100%;    
}

img[b-vuywfb5wi0]{
    margin-left: 8px;
    border-radius: 7px;
}

li[b-vuywfb5wi0] {
    width: 100%;
}

.invalid_field[b-vuywfb5wi0]{
    border: 1px solid red;
}
.invalid_warning[b-vuywfb5wi0]{
 color:red;
 font-size:12px;
 float:right;
}
.hide-form[b-vuywfb5wi0]{
display:none;
}
.dropbtn[b-vuywfb5wi0] {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

    .dropbtn:hover[b-vuywfb5wi0], .dropbtn:focus[b-vuywfb5wi0] {
        background-color: #3e8e41;
    }

#myInput[b-vuywfb5wi0] {
    box-sizing: border-box;
    background-image: url('searchicon.webp');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd;
}

    #myInput:focus[b-vuywfb5wi0] {
        outline: 3px solid #ddd;
    }

.dropdown[b-vuywfb5wi0] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-vuywfb5wi0] {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}

    .dropdown-content a[b-vuywfb5wi0] {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.dropdown a:hover[b-vuywfb5wi0] {
    background-color: #ddd;
}

.show[b-vuywfb5wi0] {
    display: block;
}

.settingsListOuterDiv[b-vuywfb5wi0]{    
    
}

.settingsListInnerDiv[b-vuywfb5wi0]{    
    width: fit-content;    
}

textarea[b-vuywfb5wi0] {
    border-color: #ced4da;
    border-radius: 5px;
}

.CustomImageContainer[b-vuywfb5wi0]{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;    
    width: fit-content;
}

    .CustomImageContainer > div[b-vuywfb5wi0]{        
        width: fit-content;
    }

    .CustomImageDiv > img[b-vuywfb5wi0] {
        width: 150px;
        margin-left: -10px;
        cursor: pointer !important;
        border: solid white;
    }

    .CustomImageDiv >img:hover[b-vuywfb5wi0]{
        border: solid #C8252c;
    }

.InnerCustomImageContainer[b-vuywfb5wi0]{
    display: flex;
}

.XImage[b-vuywfb5wi0] {
    background-color: #C8252C;
    color: white;
    width: fit-content;
    padding: 5px;
    position: absolute;
    margin-left: -7px;
    margin-top: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
/* _content/QuickPic3/Pages/Publisher/Components/TreeView.razor.rz.scp.css */
/* Remove default bullets */
ul[b-47niydiofm], #ul_treeview[b-47niydiofm] {
    list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#ul_treeview[b-47niydiofm] {
    margin: 0;
    padding: 0;
}

/* Style the caret/arrow */
.caret[b-47niydiofm] {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

    /* Create the caret/arrow with a unicode, and style it */
    .caret[b-47niydiofm]::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 6px;
    }

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down[b-47niydiofm]::before {
    transform: rotate(90deg);
}

/* Hide the nested list */
.nested[b-47niydiofm] {
    display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active[b-47niydiofm] {
    display: block;
}
/* _content/QuickPic3/Pages/Publisher/CreatePressRelease/Index.razor.rz.scp.css */
html[b-xe66opjwaa], body[b-xe66opjwaa] {
    height: 100%;
}

.publisher[b-xe66opjwaa] {
    flex: 1 1 auto;
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.top-text[b-xe66opjwaa] {
    margin-top: -8px !important;
}

    .top-text span[b-xe66opjwaa] {
        margin-top: 3px !important;
    }
.mainContainer[b-xe66opjwaa] {
    padding: 5px;
}

.editingPage[b-xe66opjwaa] {
    height: fit-content;
    
}

.wizard-container[b-xe66opjwaa] {
    text-align: center;

}

.wizard-spacer[b-xe66opjwaa] {
    height: 45px;
    width: 50px;
    display: inline-block;
}
.wizard-spacer-line[b-xe66opjwaa] {
    display: block !important;
    border-style: solid !important;
    border-width: 1px !important;
    background-color: gray !important;
    opacity:0.25;
}


.wizard-indicators[b-xe66opjwaa] {
    padding: 1.5rem;
    text-align: center;
    flex: 0 1 1;
    align-self: stretch;
}



.wizard-indicator[b-xe66opjwaa] {
    width: 3rem;
    display: inline-block;
}

.dot[b-xe66opjwaa] {
    color: white;
    font-size: x-large;
    line-height: 2.6rem;
    border-radius: 90rem;
    height: 3rem;
}

    .dot:hover[b-xe66opjwaa] {
        background: var(--brand-primary, #808080);
        cursor: pointer;
    }



.active[b-xe66opjwaa] {
    background: var(--brand-primary, #808080) !important;
    border: 3px solid var(--brand-primary, #808080);
}

.complete[b-xe66opjwaa] {
    background: var(--brand-secondary);
    border: 3px solid var(--brand-secondary);
}

.label[b-xe66opjwaa] {
    margin-left: -100%;
    margin-right: -100%;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
}

li[b-xe66opjwaa]{
    border: solid;
}

.moveUp[b-xe66opjwaa]{    
    margin-top: -20px !important;
}

.PitchingIndicator[b-xe66opjwaa]{
    position: absolute;
    right: 30px;
    top: 35px;    
    text-align: center;
}

.pitchingPage[b-xe66opjwaa]{
    background-color: #808080;
    border-color: #808080;
}
/* _content/QuickPic3/Pages/Publisher/Dashboard/Dashboard.razor.rz.scp.css */
.DateControls[b-ua6is5rw2c] {
    display: flex;
}

    .DateControls > div[b-ua6is5rw2c] {
        width: 100%;
    }

        .DateControls > div > label[b-ua6is5rw2c] {
            margin-left: 3px;
        }


.ButtonControls[b-ua6is5rw2c] {
    margin: 3px;
}

.ButtonControls[b-ua6is5rw2c] {
    margin: 0px;
    display: flex;
}

.InputControls[b-ua6is5rw2c] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-ua6is5rw2c] {
        padding: 10px;
    }

.PageContainer[b-ua6is5rw2c] {
    position: relative;
}

.NumberDisplay[b-ua6is5rw2c] {
    color: #C8252C;
    font-size: 40px;
}

.DoubleRow[b-ua6is5rw2c] {
    display: flex;
}

.spaceMaker[b-ua6is5rw2c] {
    width: 40px;
}

table[b-ua6is5rw2c]{
    width: 99%;    
}

.Title[b-ua6is5rw2c]{
    width: 75%;
}

.imgItem[b-ua6is5rw2c] {
    max-height: 32px;
    margin-right: -14px !important;
    border-radius: 50%;
}

.imgCol[b-ua6is5rw2c] {
    max-width: 2% !important;
    max-width: 2% !important;
}

th[b-ua6is5rw2c], tr[b-ua6is5rw2c], td[b-ua6is5rw2c], table[b-ua6is5rw2c]{
    background-color: white !important;    
}

th[b-ua6is5rw2c] {
    font-weight: 700;
    text-align: center;
    border: solid 1px #e0e0e0;
    border-bottom: none;
}

td[b-ua6is5rw2c] {
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
}

table[b-ua6is5rw2c]{
    border: none !important;
    margin-bottom: 5px;
}

.lastcol[b-ua6is5rw2c] {
    border-right: solid 1px #e0e0e0;
}

.addingBtn[b-ua6is5rw2c] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/Publisher/MailgunAnalytics/Index.razor.rz.scp.css */
.topControl[b-tb22hglsb9] {
    display: flex;    
    align-items: center;
}
.top-text[b-tb22hglsb9] {
    margin-top: -8px !important;
}

    .top-text span[b-tb22hglsb9] {
        margin-top: 3px !important;
    }

/* _content/QuickPic3/Pages/Publisher/MediaWireMails/MediaWireMailing.razor.rz.scp.css */
.ModalCon[b-qv7ljnccbd]{
    width:100%;
    padding:10px;
    max-height:800px;
    overflow:auto;
}

    .ModalCon table[b-qv7ljnccbd] {
        width: 100%;
        min-width:400px;
    }
.Top-Section[b-qv7ljnccbd]{
    display:flex;
    align-items:center;
}

    .Top-Section button[b-qv7ljnccbd] {
        border-radius: 4px;
        padding-left: 16px;
        padding-right: 16px;
        height:36px;
        background-color: #C8252CFF;
        border: 1px solid #C8252CFF;
        color:white;
    }
.ScheduleContainer table[b-qv7ljnccbd]{
    width:100%;
}

.grid-container[b-qv7ljnccbd] {
    /*display: grid;
    grid-template-columns: auto auto auto;
    
    padding: 10px;*/
}

.ScheduleBtnContainer[b-qv7ljnccbd] {
    display: flex;
}

    .ScheduleBtnContainer > div:first-child[b-qv7ljnccbd] {
        flex: 0 0 auto; 
    }

    .ScheduleBtnContainer > div:last-child[b-qv7ljnccbd] {
        flex: 1;
        display: flex;
        justify-content: center; 
        align-items: center;
    }

.swal2-container[b-qv7ljnccbd] {
   
    z-index: 30006660033333333333333333333;
}
.top-text[b-qv7ljnccbd] {
    margin-top: -8px !important;
}

    .top-text span[b-qv7ljnccbd] {
        margin-top: 3px !important;
    }
.grid-item[b-qv7ljnccbd] {
    text-align: left;
    display: flex;
    flex-direction: row;
    border: solid;
    width: 100%;
}
.ActionTd[b-qv7ljnccbd]{
    max-width: 40px;
    width:40px !important;
}

.brandCell[b-qv7ljnccbd]{    
    max-width: 150px;
    min-width: 150px;           
    height: auto;
}

input[b-qv7ljnccbd] {
    border-radius: 5px;
    border: solid 1px #ced4da;
    height: 36px;
}

.ReportNameInput[b-qv7ljnccbd] {
   width:100% !important;
    max-height:36px;
}
/*.containerOuter{
    border: solid;
    display: flex;
    flex-direction: column;
}

.containerInner{
    display: flex;
    width: 100%;
    flex-direction: column;
    border: solid green;
}*/
ul[b-qv7ljnccbd] {
    list-style: none;
    column-count: 2;
    width: 100%;
}

li[b-qv7ljnccbd] {
    width: fit-content;
    vertical-align: middle;
}

.displayRow[b-qv7ljnccbd]{
    display: flex;        
}

.cbxInput[b-qv7ljnccbd]{
    width: fit-content;
    margin-right: 10px;    
}

.downloadbtn[b-qv7ljnccbd]{
    position:relative;
    margin-top: -6px;
}

.listLabel[b-qv7ljnccbd]{    
    display: flex;
}
.ActionCol[b-qv7ljnccbd]{

    display:flex;
}
th[b-qv7ljnccbd]{
    white-space:nowrap;
}

.brandName[b-qv7ljnccbd]{
    font-weight: 700;
}

.ContactsCell[b-qv7ljnccbd] {
    max-width: 200px;
    min-width: 200px;    
}

.AlbumCell[b-qv7ljnccbd] {
    max-width: 250px;
    min-width: 250px;
}

td[b-qv7ljnccbd] {
    
}

.hoverRow[b-qv7ljnccbd]{
    cursor: pointer;
    color: #C8252C !important;
    text-decoration: underline;
}

.DownloadContainer[b-qv7ljnccbd] {
    margin-bottom: 1%;
    margin-left: -0.5%;
}

#DownloadContainerBotRow[b-qv7ljnccbd] {
    display: flex;
    align-items: center;
}

.DateSelector[b-qv7ljnccbd] {
    height: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    width: 90%;
    margin-right: 50px;
    text-indent: 2px;
}

#btnSave[b-qv7ljnccbd] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-qv7ljnccbd] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.top-text[b-qv7ljnccbd] {
    margin-top: -8px;
}

    .top-text span[b-qv7ljnccbd] {
        margin-top: 3px !important;
    }

.top-button[b-qv7ljnccbd] {
    height: 36px;
}

.Bottom-Section[b-qv7ljnccbd] {
    min-height: 270px;
}

.subsButtons[b-qv7ljnccbd]{
    display: flex;
}

.addSubLabel[b-qv7ljnccbd]{
    margin-left: 2%;
}

.selectSub[b-qv7ljnccbd] {
    margin-left: -4px;
    margin-right: 200px;
    padding-bottom: 10px;
}

.ItemsPerPageDropdown[b-qv7ljnccbd]{
    display: flex !important;
    justify-content: end !important;
}
/* _content/QuickPic3/Pages/Publisher/NewPressRelease/Components/TreeComponent.razor.rz.scp.css */
/* _content/QuickPic3/Pages/Publisher/NewPressRelease/Index.razor.rz.scp.css */
.SideBarContainer[b-bizgsg9f2l]
{
    background-color: white;
    width: fit-content;
    padding: 5px;
    border-radius: 7px;
}

.BrandItem[b-bizgsg9f2l]{
    cursor: pointer;
    font-weight: 700;    
}

.BrandItem:hover[b-bizgsg9f2l]{
    color: #C8252C;
}
/* _content/QuickPic3/Pages/Publisher/NewsLetter/Index.razor.rz.scp.css */
.topControl[b-njew20vueb] {
    display: flex;    
    align-items: center;
}
.top-text[b-njew20vueb] {
    margin-top: -8px !important;
}

    .top-text span[b-njew20vueb] {
        margin-top: 3px !important;
    }

/* _content/QuickPic3/Pages/Publisher/NewsLetter/NewsLetterComponents/NewsLetterContainingPage.razor.rz.scp.css */

.mainContainer[b-t3z639c745]{    
    display: flex;    
    height: 660px;    
}

.childContentContainer[b-t3z639c745] {
    padding: 7px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 750px;    
}


.top-text[b-t3z639c745] {
    margin-top: -8px !important;
}

    .top-text span[b-t3z639c745] {
        margin-top: 3px !important;
    }
/* _content/QuickPic3/Pages/Publisher/NewsLetter/NewsLetterComponents/NewsLetterContentPage.razor.rz.scp.css */

.MainContainer[b-gupbmhedhr] {
    
    height: 660px;    
    width: 100%;    
    margin-top: 5px;    
}

.CopyMessage[b-gupbmhedhr]{
    border: solid red 2px;
    border-radius: 7px;
    height: fit-content;
    text-align: center;
    position: absolute;
    padding: 5px;
    background-color: #C8252C;
    color: white;
    right: 30px;
    top: 2px;
}

.childContainer[b-gupbmhedhr] {
    width: 100%;
    padding: 5px;
    padding-bottom: 0px;
    padding-top: 1px;
    height: 630px;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.child[b-gupbmhedhr]{        
    height: 625px;     
    width: 100%;
}

.files[b-gupbmhedhr] {
    padding: 5px;
    display: grid;        
    grid-template-columns: repeat(auto-fit, 110px);   
    height: auto;
    
}

.imgFile[b-gupbmhedhr] {
    height: 100px;    
    border: solid 1px;
    border-radius: 7px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 5px;
    cursor: pointer;
}

.imgFile:hover[b-gupbmhedhr]{
    border: solid 3px #C8252C;
}

.TestEmailContainer[b-gupbmhedhr]{
    display: flex;
    width: 100%;
    padding: 10px;
    padding-left: 0px;
    margin-left: -5px;
}

button[b-gupbmhedhr]{
    width: auto;
    height: 39px;
    margin-top: 4px;
}
/* _content/QuickPic3/Pages/Publisher/NewsLetter/NewsLetterComponents/NewsLetterLaunchEmails.razor.rz.scp.css */
/* _content/QuickPic3/Pages/Publisher/NewsLetter/NewsLetterComponents/NewsLetterMailingList.razor.rz.scp.css */
.formBoxContainer[b-tzx0y7pnya]
{
    margin: 5px;    
    height: 650px;        
    width: 100%;
}

.MainContainer[b-tzx0y7pnya] {
    display: flex;
    height: 660px;    
    width: 100%;
}

.mailingListCategory[b-tzx0y7pnya] {
    height: 610px;
    overflow-y: auto;
    overflow-x: hidden;
}

.CategoryName[b-tzx0y7pnya]{
    font-weight: 700;
}
/* _content/QuickPic3/Pages/Publisher/NewsLetter/NewsLetterComponents/NewsLetterSettingsPage.razor.rz.scp.css */
[b-gt5h3kllq0]
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/Components/BrowseLogos.razor.rz.scp.css */
.contact-container[b-esirrkwwpz] {
    height: 120px;
    max-height: 120px;
    border: 1px solid var(--brand-text);
    overflow-y: auto;
    list-style-type: none;
    padding-left: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #ced4da;
}
.contact-row[b-esirrkwwpz]{
    font-size:medium;
    cursor:pointer;
    
}
.item[b-esirrkwwpz]{
    align-self:center;
}
img[b-esirrkwwpz]{
    width: 120px;
    height: auto ;   
    object-fit:contain;
}
.contact-row:hover[b-esirrkwwpz]{
    background-color:silver;
}

.hide-drop[b-esirrkwwpz]{
    display:none !important;
}
.dropbtn[b-esirrkwwpz] {
    
}
span[b-esirrkwwpz]{
    margin-top:15px;
}
.main-container[b-esirrkwwpz]{
    display:flex;
 
    
}
.dropdown[b-esirrkwwpz] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-esirrkwwpz] {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


.dropdown:hover .dropdown-content[b-esirrkwwpz] {
    display: block;
}

.dropdown:hover .dropbtn[b-esirrkwwpz] {
    background-color: #3e8e41;
}

.searchContainer[b-esirrkwwpz] {
    border: solid 1px;
    border-bottom: none;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #ced4da;
}

.usersContainer[b-esirrkwwpz]{
    
}
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/Components/RoundUpCategories.razor.rz.scp.css */
.BreadCrumbContainer[b-wx7fduc3xt] {
    display: flex;
    padding: 10px;
    padding-left: 5px;
    width: 100%;
}
.num-box[b-wx7fduc3xt]{
    width:250px;
    display:flex;
}
label[b-wx7fduc3xt]{
    white-space:nowrap;
    align-self:center;
}
.save-btn[b-wx7fduc3xt]{
    align-self:center;
    height:38px;
 
}

.remove-btn[b-wx7fduc3xt]{
    color:white;
}
.main-container[b-wx7fduc3xt] {
    padding: 15px;
    border-radius: 15px;
    border-color: #C8252C;
    border-style: solid;
    background-color: #C8252C;
}
.BreadCrumbItem[b-wx7fduc3xt] {
    margin-right: 15px;
    cursor: pointer;
    align-items: center;
    display: flex;
}

.latestNewsIcon[b-wx7fduc3xt] {
    font-size: 25px;
}

.BreadCrumbItem:hover[b-wx7fduc3xt] {
    color: var(--brand-primary);
}

.btnExpandMenu[b-wx7fduc3xt] {
    margin-left: 35px !important;
    margin-top: -15px !important
}

    .btnExpandMenu:hover[b-wx7fduc3xt] {
        background-color: white !important;
    }

.mega-button[b-wx7fduc3xt] {
    background-color: #434a4f;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    border: solid 1px #434a4f;
    border-radius: 5px;
}

    .mega-button:hover[b-wx7fduc3xt] {
        border: solid 1px white;
        border-radius: 5px;
        background-color: inherit;
    }

.expandMenuSpan[b-wx7fduc3xt] {
    font-size: 40px;
    color: #808080;
}

    .expandMenuSpan:hover[b-wx7fduc3xt] {
        color: var(--brand-primary);
    }

button[b-wx7fduc3xt] {
    width: fit-content;
    white-space: nowrap;
    margin-left: 35px;
}

.MegaContainer[b-wx7fduc3xt] {
    /*    color: white;
    display: flex;
    position: sticky;
    z-index: 1000;
    width: 100%;
    height: 100%;*/
    height: 550px;
    cursor: pointer;
    display: flex;
    padding: 18px;
    border-radius: 15px;  
    border: solid #C8252C 1px; 
    background-color: white;
    color: #808080
}



.BrandsCol[b-wx7fduc3xt] {
    width: 150px;
    overflow-y: auto;
    padding-left: 2px;
    border-left: solid 1px;
}

.BrandsItem[b-wx7fduc3xt], .IndustriesItem[b-wx7fduc3xt] {
  height:20px;
  width:150px;
  white-space:nowrap;
  font-size:11px;
  align-items:center;
  display:flex;
}

.IndustriesCol[b-wx7fduc3xt] {

    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.BrandsItem:hover[b-wx7fduc3xt] {
    background-color: rgba(0,0,0,0.2);
}

.IndustriesItem:hover[b-wx7fduc3xt] {
    background-color: rgba(0,0,0,0.2);
}

.AlbumsContainer[b-wx7fduc3xt] {
    height: 510px;
    overflow-y: auto;
    border-left: solid 1px;
}

.PressContainer[b-wx7fduc3xt] {
    overflow-y: auto;
    border-left: solid 1px;
}

.pressBtn[b-wx7fduc3xt]{
    float:right;
   
}

.pressbox[b-wx7fduc3xt]{

    display:flex;
    flex-direction:row;
    width:100%;
    justify-content:space-between;
   
}
.AlbumsCol[b-wx7fduc3xt]{
  width:130px;
}

.PressCol[b-wx7fduc3xt] {
    height: 100px;
    width: fit-content;
}
.PressCol li[b-wx7fduc3xt]{
    height:27px;
    width:260px !important;
}

.PressCol button[b-wx7fduc3xt]{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    margin-left:auto !important;
}
    .PressCol button div[b-wx7fduc3xt] {
        margin-left:-6px;
    }
.MegaContainer .iconSpan[b-wx7fduc3xt] {
    display: flex;
    margin-left: auto !important;
}

button[b-wx7fduc3xt] {
   
    font-weight:500;
    height: 30px;
    background-color: #C8252C;
    border:none;
    border-radius: 5px;
}

    button:hover[b-wx7fduc3xt] {
        background-color: #f67961;
    }
ul[b-wx7fduc3xt] {
    padding: 0px;
    padding-left: 0px;
    text-indent: 5px;

}
.albumLi[b-wx7fduc3xt] {
    font-size: 11px;
    list-style: none;
    display: flex;
    width: 190px;
    align-items: center;
   
    height: 20px;
}

li[b-wx7fduc3xt] {
    font-size: 11px;
    list-style: none;
    display: flex;
    width: 190px !important;
    height: 20px;
    
  
    align-items:center;
 
}

    li:hover[b-wx7fduc3xt] {
        background-color: rgba(0,0,0,0.2);
    }
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/Components/RoundUpContacts.razor.rz.scp.css */
.contact-container[b-jepqorwbit] {
    height: 120px;
    max-height: 120px;
    border: 1px solid var(--brand-text);
    overflow-y: auto;
    list-style-type: none;
    padding-left: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #ced4da;
}
.contact-row[b-jepqorwbit]{
    font-size:medium;
    cursor:pointer;
    
}
.contact-row:hover[b-jepqorwbit]{
    background-color:silver;
}

.hide-drop[b-jepqorwbit]{
    display:none !important;
}
.dropbtn[b-jepqorwbit] {
    
}

.dropdown[b-jepqorwbit] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-jepqorwbit] {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


.dropdown:hover .dropdown-content[b-jepqorwbit] {
    display: block;
}

.dropdown:hover .dropbtn[b-jepqorwbit] {
    background-color: #3e8e41;
}

.searchContainer[b-jepqorwbit] {
    border: solid 1px;
    border-bottom: none;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #ced4da;
}

.usersContainer[b-jepqorwbit]{
    
}
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/Components/RoundUpContent.razor.rz.scp.css */
.contact-container[b-813xeudskg] {
    height: 120px;
    max-height: 120px;
    border: 1px solid var(--brand-text);
    overflow-y: auto;
    list-style-type: none;
    padding-left: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #ced4da;
}
.contact-row[b-813xeudskg]{
    font-size:medium;
    cursor:pointer;
    
}
.contact-row:hover[b-813xeudskg]{
    background-color:silver;
}

.hide-drop[b-813xeudskg]{
    display:none !important;
}
.dropbtn[b-813xeudskg] {
    
}

.dropdown[b-813xeudskg] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-813xeudskg] {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


.dropdown:hover .dropdown-content[b-813xeudskg] {
    display: block;
}

.dropdown:hover .dropbtn[b-813xeudskg] {
    background-color: #3e8e41;
}

.searchContainer[b-813xeudskg] {
    border: solid 1px;
    border-bottom: none;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #ced4da;
}

.usersContainer[b-813xeudskg]{
    
}
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/Components/RoundUpDesign.razor.rz.scp.css */
.topControl[b-e9btxx0t0v] {
    display: flex;    
    align-items: center;
}

.searchBox[b-e9btxx0t0v]{

    width: 250px;
    align-self: center;
}

.btn-container[b-e9btxx0t0v]{

    display:flex;
  
}
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/Components/RoundUpMailingList.razor.rz.scp.css */
.topControl[b-ndq401h3ka] {
    display: flex;    
    align-items: center;
}

.searchBox[b-ndq401h3ka]{

    width: 250px;
    align-self: center;
}

.btn-container[b-ndq401h3ka]{

    display:flex;

}

span[b-ndq401h3ka]{
    padding-top:14px;
}

.hide-form[b-ndq401h3ka] {
    display: none;
}

.mail-list-item[b-ndq401h3ka] {
    font-size: 12px;
    margin-top:auto;
    margin-bottom:auto;
    display:flex;
}

p[b-ndq401h3ka] {
    align-self: center;
    margin-top: auto;
    margin-bottom: auto;
}

.mail-list[b-ndq401h3ka] {
    padding: 0px;
    list-style: none;
}

.mail-title[b-ndq401h3ka] {
    font-weight: 700;
}
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/Components/RoundUpSettings.razor.rz.scp.css */
.row[b-vjd0dkquuk] {
    padding: 5px 10px 10px 10px;
}

div[b-vjd0dkquuk] {
    font-size: 20px;
}

input[b-vjd0dkquuk] {
    width: 100%;
}

.sum[b-vjd0dkquuk]{
    margin-bottom:5px;
}

    input.settingcheckbox[b-vjd0dkquuk] {
        width: 16px;
        height: 16px;
        margin-right: 10px;
    }

.DeleteImgContainer[b-vjd0dkquuk]{
    margin-top:5px;
    margin-left:-5px;
}

.settinglist[b-vjd0dkquuk] {
    list-style-type: none;
    font-weight: 200;
    font-size: 18px;
    padding: 0px;
    column-count: 2;
    margin-left: 3px;
    width: 100%;
}

img[b-vjd0dkquuk] {
    margin-left: 8px;
    border-radius: 7px;
}

li[b-vjd0dkquuk] {
    width: 100%;
}

.invalid_field[b-vjd0dkquuk] {
    border: 1px solid red;
}

.invalid_warning[b-vjd0dkquuk] {
    color: red;
    font-size: 12px;
    float: right;
}

.hide-form[b-vjd0dkquuk] {
    display: none;
}

.dropbtn[b-vjd0dkquuk] {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

    .dropbtn:hover[b-vjd0dkquuk], .dropbtn:focus[b-vjd0dkquuk] {
        background-color: #3e8e41;
    }

#myInput[b-vjd0dkquuk] {
    box-sizing: border-box;
    background-image: url('searchicon.webp');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd;
}

    #myInput:focus[b-vjd0dkquuk] {
        outline: 3px solid #ddd;
    }

.dropdown[b-vjd0dkquuk] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-vjd0dkquuk] {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}

.contacts[b-vjd0dkquuk]{
    margin-top:18px;
}

.dropdown-content a[b-vjd0dkquuk] {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover[b-vjd0dkquuk] {
    background-color: #ddd;
}

.show[b-vjd0dkquuk] {
    display: block;
}

.settingsListOuterDiv[b-vjd0dkquuk] {
 
}

.settingsListInnerDiv[b-vjd0dkquuk] {
    margin-left:7px;
   width:500px;
    display: flex;
    justify-content:space-between;
}

textarea[b-vjd0dkquuk] {
    border-color: #ced4da;
    border-radius: 7px;
    width: 100%;
    outline: none;
    border: solid 1px #ced4da
}
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/CreateNewsRoundUp.razor.rz.scp.css */
 html[b-4hgm5lfnws], body[b-4hgm5lfnws] {
    height: 100%;
}

.publisher[b-4hgm5lfnws] {
    flex: 1 1 auto;
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.top-text[b-4hgm5lfnws] {
    margin-top: -8px !important;
}

    .top-text span[b-4hgm5lfnws] {
        margin-top: 1px !important;
    }
.mainContainer[b-4hgm5lfnws] {
    padding: 5px;
}

.editingPage[b-4hgm5lfnws] {
    height: fit-content;
}

.wizard-container[b-4hgm5lfnws] {
    text-align: center;
}

.wizard-spacer[b-4hgm5lfnws] {
    height: 45px;
    width: 50px;
    display: inline-block;
}

.wizard-spacer-line[b-4hgm5lfnws] {
    display: block !important;
    border-style: solid !important;
    border-width: 1px !important;
    background-color: gray !important;
    opacity: 0.25;
}


.wizard-indicators[b-4hgm5lfnws] {
    padding: 1.5rem;
    text-align: center;
    flex: 0 1 1;
    align-self: stretch;
}



.wizard-indicator[b-4hgm5lfnws] {
    width: 3rem;
    display: inline-block;
}

.dot[b-4hgm5lfnws] {
    color: white;
    font-size: x-large;
    line-height: 2.6rem;
    border-radius: 90rem;
    height: 3rem;
}

    .dot:hover[b-4hgm5lfnws] {
        background: var(--brand-primary, #808080);
        cursor: pointer;
    }

   .arrow[b-4hgm5lfnws]{
       padding-top:50px;
   }
   

.active[b-4hgm5lfnws] {
    background: var(--brand-primary, #808080) !important;
    border: 3px solid var(--brand-primary, #808080);
}

.complete[b-4hgm5lfnws] {
    background: var(--brand-secondary);
    border: 3px solid var(--brand-secondary);
}

.label[b-4hgm5lfnws] {
    margin-left: -100%;
    margin-right: -100%;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
}

li[b-4hgm5lfnws] {
    border: solid;
}

#btnSave[b-4hgm5lfnws] {
    background-color: #42ada4;
}
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/Index.razor.rz.scp.css */
.contact-container[b-pw344jy0jb] {
    height: 120px;
    max-height: 120px;
    border: 1px solid var(--brand-text);
    overflow-y: auto;
    list-style-type: none;
    padding-left: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #ced4da;
}

.contact-row[b-pw344jy0jb] {
    font-size: medium;
    cursor: pointer;
}
.topbtn[b-pw344jy0jb]{
    margin-left:25px !important;
    margin-bottom:-30px !important;
}
.top-text[b-pw344jy0jb] {
    margin-top: -8px !important;
}

    .top-text span[b-pw344jy0jb] {
        margin-top: 3px !important;
    }
    .contact-row:hover[b-pw344jy0jb] {
        background-color: silver;
    }

.hide-drop[b-pw344jy0jb] {
    display: none !important;
}

.dropbtn[b-pw344jy0jb] {
}

.dropdown[b-pw344jy0jb] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-pw344jy0jb] {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


.dropdown:hover .dropdown-content[b-pw344jy0jb] {
    display: block;
}

.dropdown:hover .dropbtn[b-pw344jy0jb] {
    background-color: #3e8e41;
}

.searchContainer[b-pw344jy0jb] {
    border: solid 1px;
    border-bottom: none;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #ced4da;
}

.usersContainer[b-pw344jy0jb] {
}

.press-control[b-pw344jy0jb] {
    cursor: pointer;
    float: right;
}

.press-control-delete[b-pw344jy0jb] {
    cursor: pointer;
}

.publisher-container[b-pw344jy0jb] {
    display: flex;
    height: 100%;
}

.child1[b-pw344jy0jb] {
    width: 300px;
    max-height: 745px;
    min-height: 745px;
    overflow-y: auto;
    overflow-x: hidden;
}

.child2[b-pw344jy0jb] {
    width: 100%;
    height: 760px;
    min-height: 745px;
}

.space-filler[b-pw344jy0jb] {
    flex-grow: 1;
}

.app[b-pw344jy0jb] {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(auto-fit,300px);
    padding: 20px;
}

.press-grid-tile[b-pw344jy0jb] {
}

.StickyDiv[b-pw344jy0jb] {
    /*    position: sticky;
    top: 0; */
    height: 770px;
}

.stickyRow[b-pw344jy0jb] {
    position: sticky;
    top: 0;
    align-items: center;
    display: flex;
    background-color: #F0F0F0;
}

.childHeader[b-pw344jy0jb] {
    display: flex;
    align-content: center;
    width: fit-content;
    align-items: center;
}

.TestDiv[b-pw344jy0jb] {
    height: 745px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ModalButtons[b-pw344jy0jb] {
    display: flex;
    width: fit-content;
    margin-left: 5px;
}

.CreateNewPressRelease[b-pw344jy0jb] {
    padding: 1px;
    width: fit-content;
    margin-left: auto;
}

.AddModalContainer[b-pw344jy0jb] {
    padding: 1px;
}

.MoveBtnContainer[b-pw344jy0jb] {
    padding: 1px;
}

.DeleteBtnContainer[b-pw344jy0jb] {
    padding: 1px;
}

.EditBtnContainer[b-pw344jy0jb] {
    padding: 1px;
}

.btnCreatePressInnerDiv[b-pw344jy0jb] {
    display: flex;
    margin-top: -4px;
}

.deleteBtnSpan[b-pw344jy0jb] {
    margin-top: -4px;
}
/* _content/QuickPic3/Pages/Publisher/NewsRoundUp/NewsRoundUpTile.razor.rz.scp.css */
.q_tile[b-qog6hh8tgj] {
    /*border: solid 1px rgba(230, 230, 230, 0.4);*/
    background-color: white;
    border-radius: 5px;
    /*margin: 5px;*/
    width: 280px;
    padding-top: 5px;
    height: 234px;
    max-width: 300px;
    max-height: 260px;        
}

/*    .q_tile:hover {
        border: solid 1px rgba(230, 230, 230, 0.8);
        background-color: rgb(250 250 250 / 0.4);
        cursor: pointer;
    }*/


.q_tile-header[b-qog6hh8tgj] {
    width: 260px;
    height: 20px;
}

.q_tile-brand[b-qog6hh8tgj] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--brand-tertiary);
}

.q_tile-publishdate[b-qog6hh8tgj] {
    font-size: 0.7rem;
    color: var(--brand-tertiary);
}

.q_tile-subtitle[b-qog6hh8tgj] {
    width: 270px;
 
    font-size: 0.8rem;
    font-weight: 700;
    height: 40px;
    overflow: hidden;
}

.q_tile-body[b-qog6hh8tgj] {
    width: 270px;
    height: 150px;    
}

.q_tile_Image[b-qog6hh8tgj] {  
    border-radius: 5px;    
}

.q_tile-summary[b-qog6hh8tgj] {
    margin-top: 25px;
    width: 270px;
    font-size: small;
    height: 3rem;
    overflow: hidden;
}
/* _content/QuickPic3/Pages/Publisher/PressReleases/Components/AlbumBranch.razor.rz.scp.css */
/* Remove default bullets */
ul[b-s4wq3uasqt], #ul_treeview[b-s4wq3uasqt] {
    list-style-type: none;
    padding-left: 5px;
}

li[b-s4wq3uasqt] {
    font-size: 16px;
    padding: 0px;
}
span:hover[b-s4wq3uasqt] {
    color: var(--brand-primary);
    cursor: pointer;
}

.selected-album[b-s4wq3uasqt] {
    border-color: lightgrey;
    background-color: lightgrey;
    border-radius: 5px;
    padding:5px;
}

.single-item[b-s4wq3uasqt] {
    padding-left: 18px;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
}
    .single-item:hover[b-s4wq3uasqt] {
        padding-left: 18px;
        margin-top: 0;
        margin-bottom: 0;
        cursor: pointer;
        color: var(--brand-primary);
    }
.album-line[b-s4wq3uasqt] {
    margin: 5px 0;
}
/* Remove margins and padding from the parent ul */
#ul_treeview[b-s4wq3uasqt] {
    margin: 0;
    padding: 0;
}

.published[b-s4wq3uasqt] {
    font-weight: 700;
    height:36px;
}

/* Style the caret/arrow */
.caret[b-s4wq3uasqt] {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
    font-weight: 700;
    font-size:x-large;
}


    /* Create the caret/arrow with a unicode, and style it */
    .caret[b-s4wq3uasqt]::before {
        /*content: "\01F892";*/
        color: grey;
        display: inline-block;
        
        font-weight: 700;
        font-size: large;
    }

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down[b-s4wq3uasqt]::before {
    /*transform: rotate(90deg);
    content: "\01F892";*/
    color: grey;
    display: inline-block;
    
    cursor: pointer;
    user-select: none;
    font-weight: 700;
    font-size: large;
}

/* Hide the nested list */
.nested[b-s4wq3uasqt] {
    display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active[b-s4wq3uasqt] {
    display: block;    
    margin-left: 5px;
}


.NotPublished[b-s4wq3uasqt]{
   opacity:0.5;
}
/* _content/QuickPic3/Pages/Publisher/PressReleases/Components/AlbumTree.razor.rz.scp.css */
/* Remove default bullets */
ul[b-tg0ebr20ju], #ul_treeview[b-tg0ebr20ju] {
    list-style-type: none;
    padding-left: 5px;
}

li[b-tg0ebr20ju] {
    font-size: 16px;
    padding: 0px;
}



/* Remove margins and padding from the parent ul */
#ul_treeview[b-tg0ebr20ju] {
    margin: 0;
    padding: 0;
}

.album-tree-container[b-tg0ebr20ju] {
    width: 300px !important;
    height: 100%;
    
}

.CustomFormItems > div[b-tg0ebr20ju]{
    display: flex;
    align-items: center;
    margin-left: -2px;
    
    width: fit-content;
    border-radius: 7px;
    height: fit-content;
    margin-top: 2px;
    margin-bottom: 2px; 
    color: grey;
    padding-right: 10px;
    cursor: not-allowed;
}
/* _content/QuickPic3/Pages/Publisher/PressReleases/Components/PressReleaseGallery.razor.rz.scp.css */
.test-block[b-l21ql8lf9u] {
    background-color: royalblue;
    height: 200px;
    width: 100%;
    /*height: auto;
    width: 100%;*/
    position: relative;
    
}
.gallery-grid[b-l21ql8lf9u] {
    
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(auto-fit,250px);
    background-color: maroon;
    padding:20px;
}

/* _content/QuickPic3/Pages/Publisher/PressReleases/Components/PublisherPressReleaseTile.razor.rz.scp.css */
.q_tile[b-11siqkn1rb] {
    /*border: solid 1px rgba(230, 230, 230, 0.4);*/
    background-color: white;
    border-radius: 5px;
    /*margin: 5px;*/
    width: 280px;
    padding-top: 5px;
    height: 234px;
    max-width: 300px;
    max-height: 260px;        
}

/*    .q_tile:hover {
        border: solid 1px rgba(230, 230, 230, 0.8);
        background-color: rgb(250 250 250 / 0.4);
        cursor: pointer;
    }*/


.q_tile-header[b-11siqkn1rb] {
    width: 260px;
    height: 20px;
}

.q_tile-brand[b-11siqkn1rb] {
    font-size: 0.7rem;
    font-weight: 700;    
}

.q_tile-publishdate[b-11siqkn1rb] {
    font-size: 0.7rem;    
}

.q_tile-subtitle[b-11siqkn1rb] {
    width: 270px;
    font-size: 0.8rem;
    font-weight: 700;
    height: 40px;
    overflow: hidden;
}

.q_tile-body[b-11siqkn1rb] {
    width: 270px;
    height: 150px;    
}

.q_tile_Image[b-11siqkn1rb] {  
    border-radius: 5px;    
}

.q_tile-summary[b-11siqkn1rb] {
    width: 270px;
    font-size: small;
    height: 3rem;
    overflow: hidden;
}

/*.admin-stat-hover {*/
    /*position: absolute;*/
    /*width: 100%;
    top: 0px;
    z-index: 2;*/
    /*background-color: rgba(0, 0, 0, 0.7) !important;*/
    /*padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: row;
    gap: 15px;
    max-height: 20px;
    height: 20px;
    align-items: center;
    justify-content: flex-end;
}

    .admin-stat-hover span {*/
        /*color: white !important;*/
        /*font-size: 12px;
    }

.statsBtn {
    display: flex;
    align-items: center !important;
    padding: 3px;
    font-size: 14px;
    height: 85%;
    width: auto;
    position: absolute;
    right: 3px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid white;*/
    /*color: white;*/
/*}

    .statsBtn:hover {
        background-color: #C8252C;
        border: 1px solid #C8252C;
    }

.hoverIcon {
    height: 18px;
}*/

.admin-stat-hover[b-11siqkn1rb] {
    position: sticky;
    width: 100%;
    top: 100%;
    bottom: 0px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: row;
    gap: 15px;
    max-height: 20px;
    height: 20px;
    align-items: center;
    justify-content: flex-end;
}

    .admin-stat-hover span[b-11siqkn1rb] {
        color: white !important;
        font-size: 12px;
    }

.statsBtn[b-11siqkn1rb] {
    display: flex;
    align-items: center !important;
    padding: 3px;
    font-size: 14px;
    height: 85%;
    width: auto;
    position: absolute;
    right: 3px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid white;
    color: white;
}

    .statsBtn:hover[b-11siqkn1rb] {
        background-color: #C8252C;
        border: 1px solid #C8252C;
    }

.hoverIcon[b-11siqkn1rb] {
    height: 18px;
}
/* _content/QuickPic3/Pages/Publisher/PressReleases/Index.razor.rz.scp.css */
.press-control[b-vmng273ccw] {
    cursor: pointer;
    float: right;    
}
.press-control-delete[b-vmng273ccw] {
    cursor: pointer;    
}
.publisher-container[b-vmng273ccw] {
    display: flex;
    height: 100%;    
}

.laterPublished[b-vmng273ccw]{
    color: green !important;
    border: solid green 1px !important;
}

.child1[b-vmng273ccw] {
    width: 300px;
    max-height: 745px;
    min-height: 745px;
    overflow-y: auto;
    overflow-x: hidden;
}

.child2[b-vmng273ccw] {
    width: 100%;
    height: 760px;
    min-height: 745px;
}
.space-filler[b-vmng273ccw] {
    flex-grow: 1;    
}
.app[b-vmng273ccw] {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(auto-fit,300px);
    padding: 20px;      
}

.press-grid-tile[b-vmng273ccw]{       
}

.StickyDiv[b-vmng273ccw]{
/*    position: sticky;
    top: 0; */
    height: 770px;      
}

.stickyRow[b-vmng273ccw] {
    position: sticky;
    top: 0px;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: #F0F0F0;
}

.childHeader[b-vmng273ccw] {
    display: flex;
    align-content: center;
    width: fit-content;
    align-items: center;
}

.TestDiv[b-vmng273ccw] {
    height: 745px;
    /*overflow-y: auto;
    overflow-x: hidden; */   
}

.ModalButtons[b-vmng273ccw] {
    padding: 1px;
    width: fit-content;
    margin-left: auto;
}

.CreateNewPressRelease[b-vmng273ccw] {
    padding: 1px;    
    width: fit-content;
    margin-left: auto;
    margin-top: -5px;
}

.AddModalContainer[b-vmng273ccw]{
    margin-top:-3.8px;
    padding: 10px;
    display: flex;
}

.MoveBtnContainer[b-vmng273ccw] {
    padding: 1px;
}

.DeleteBtnContainer[b-vmng273ccw] {
    padding: 1px;    
}

.EditBtnContainer[b-vmng273ccw] {
    padding: 1px;
}

.btnCreatePressInnerDiv[b-vmng273ccw] {    
    display: flex;    
    margin-top: -4px;
}

.deleteBtnSpan[b-vmng273ccw]{
    margin-top: -4px;        
}

.BreadCrumbContainer[b-vmng273ccw] {
    display: flex;
    padding: 10px;
    padding-left: 5px;
    width: 100%;
}

.num-box[b-vmng273ccw] {
    width: 250px;
    display: flex;
}

label[b-vmng273ccw] {
    white-space: nowrap;
    align-self: center;
}




.main-container[b-vmng273ccw] {
    padding: 15px;
    border-radius: 15px;
    border-color: #C8252C;
    border-style: solid;
    background-color: #C8252C;
}

.BreadCrumbItem[b-vmng273ccw] {
    margin-right: 15px;
    cursor: pointer;
    align-items: center;
    display: flex;
}

.latestNewsIcon[b-vmng273ccw] {
    font-size: 25px;
}

.BreadCrumbItem:hover[b-vmng273ccw] {
    color: var(--brand-primary);
}

.btnExpandMenu[b-vmng273ccw] {
    margin-left: 35px !important;
    margin-top: -15px !important
}

    .btnExpandMenu:hover[b-vmng273ccw] {
        background-color: white !important;
    }

.mega-button[b-vmng273ccw] {
    background-color: #434a4f;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    border: solid 1px #434a4f;
    border-radius: 5px;
}

    .mega-button:hover[b-vmng273ccw] {
        border: solid 1px white;
        border-radius: 5px;
        background-color: inherit;
    }

.expandMenuSpan[b-vmng273ccw] {
    font-size: 40px;
    color: #808080;
}

    .expandMenuSpan:hover[b-vmng273ccw] {
        color: var(--brand-primary);
    }



.MegaContainer[b-vmng273ccw] {
    /*    color: white;
    display: flex;
    position: sticky;
    z-index: 1000;
    width: 100%;
    height: 100%;*/
    width: 1100px;
    height: 550px;
    cursor: pointer;
    display: flex;
    padding: 15px;
    border-radius: 15px;
    border: solid #C8252C 1px;
    background-color: white;
    color: #808080
}
.MegaContainer .iconSpan[b-vmng273ccw]{
    display:flex;
    margin-left:auto !important;
}
.BrandsCol[b-vmng273ccw] {
    width: 150px;
    overflow-y: auto;
    padding-left: 2px;
    border-left: solid 1px;
}

.BrandsItem[b-vmng273ccw], .IndustriesItem[b-vmng273ccw] {
    height: 20px;
    width: 150px;
    white-space: nowrap;
    font-size: 10px;
    align-items: center;
    display: flex;
}

.IndustriesCol[b-vmng273ccw] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.BrandsItem:hover[b-vmng273ccw] {
    background-color: rgba(0,0,0,0.2);
}

.IndustriesItem:hover[b-vmng273ccw] {
    background-color: rgba(0,0,0,0.2);
}

.AlbumsContainer[b-vmng273ccw] {
    height: 510px;
    overflow-y: auto;
    border-left: solid 1px;
}

.PressContainer[b-vmng273ccw] {
    overflow-y: auto;
    border-left: solid 1px;
}

.pressBtn[b-vmng273ccw] {
    float: right;
}

.pressbox[b-vmng273ccw] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.AlbumsCol[b-vmng273ccw] {
    width: 130px;
}

.PressCol[b-vmng273ccw] {
    height: 100px;
    width: 200px;
}

ul[b-vmng273ccw] {
    padding: 0px;
    padding-left: 0px;
    text-indent: 5px;
}

.albumLi[b-vmng273ccw] {
    font-size: 10px;
    list-style: none;
    display: flex;
    width: 190px;
    align-items: center;
    white-space: nowrap;
    height: 20px;
}

li[b-vmng273ccw] {
    font-size: 10px;
    list-style: none;
    display: flex;
    width: 190px !important;
    height: 55px;
    align-items: center;
}

    li:hover[b-vmng273ccw] {
        background-color: rgba(0,0,0,0.2);
    }

.brandContactsTable[b-vmng273ccw] {
    width: 100%;
}

.top-text[b-vmng273ccw] {
    margin-left: -10px;
    margin-right: -8px;
    margin-top: 2px;
}

    .top-text span[b-vmng273ccw] {
    }

.top-text2[b-vmng273ccw] {
}

    .top-text2 span[b-vmng273ccw] {
    }

.top-button[b-vmng273ccw] {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.albumContactsBtn[b-vmng273ccw] {
    background-color: #7b8083 !important;
}

.editAlbumBtn[b-vmng273ccw] {
    background-color: #42ada4 !important;
}

.moveBtn[b-vmng273ccw] {
    background-color: transparent !important;
    border: solid thin;
    border-color: #42ada4 !important;
}

.moveBtnSpan[b-vmng273ccw] {
    color: #42ada4 !important;
}

.titleMove[b-vmng273ccw]{
    margin-top: 7px !important;
}
/* _content/QuickPic3/Pages/Publisher/Reporting/Reporting.razor.rz.scp.css */
.grid-container[b-fyaog8wvm9] {
    /*display: grid;
    grid-template-columns: auto auto auto;
    
    padding: 10px;*/
}

.ScheduleBtnContainer[b-fyaog8wvm9]{
    display: flex;
}
.swal2-container[b-fyaog8wvm9] {
   
    z-index: 30006660033333333333333333333;
}
.top-text[b-fyaog8wvm9] {
    margin-top: -8px !important;
}

    .top-text span[b-fyaog8wvm9] {
        margin-top: 3px !important;
    }
.grid-item[b-fyaog8wvm9] {
    text-align: left;
    display: flex;
    flex-direction: row;
    border: solid;
    width: 100%;
}
.ActionTd[b-fyaog8wvm9]{
    max-width: 40px;
    width:40px !important;
}

.brandCell[b-fyaog8wvm9]{    
    max-width: 150px;
    min-width: 150px;           
    height: auto;
}

input[b-fyaog8wvm9] {
    border-radius: 5px;
    border: solid 1px #ced4da;
    height: 36px;
}

.ReportNameInput[b-fyaog8wvm9] {
   width:100% !important;
    max-height:36px;
}
/*.containerOuter{
    border: solid;
    display: flex;
    flex-direction: column;
}

.containerInner{
    display: flex;
    width: 100%;
    flex-direction: column;
    border: solid green;
}*/
ul[b-fyaog8wvm9] {
    list-style: none;
    column-count: 2;
    width: 100%;
}

li[b-fyaog8wvm9] {
    width: fit-content;
    vertical-align: middle;
}

.displayRow[b-fyaog8wvm9]{
    display: flex;        
}

.cbxInput[b-fyaog8wvm9]{
    width: fit-content;
    margin-right: 10px;    
}

.downloadbtn[b-fyaog8wvm9]{
    position:relative;
    margin-top: -6px;
}

.listLabel[b-fyaog8wvm9]{    
    display: flex;
}
.ActionCol[b-fyaog8wvm9]{

    display:flex;
}
th[b-fyaog8wvm9]{
    white-space:nowrap;
}

.brandName[b-fyaog8wvm9]{
    font-weight: 700;
}

.ContactsCell[b-fyaog8wvm9] {
    max-width: 200px;
    min-width: 200px;    
}

.AlbumCell[b-fyaog8wvm9] {
    max-width: 250px;
    min-width: 250px;
}

td[b-fyaog8wvm9] {
    
}

.hoverRow[b-fyaog8wvm9]{
    cursor: pointer;
    color: #C8252C !important;
    text-decoration: underline;
}

.DownloadContainer[b-fyaog8wvm9] {
    margin-bottom: 1%;
    margin-left: -0.5%;
}

#DownloadContainerBotRow[b-fyaog8wvm9] {
    display: flex;
    align-items: center;
}

.DateSelector[b-fyaog8wvm9] {
    height: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    width: 90%;
    margin-right: 50px;
    text-indent: 2px;
}

#btnSave[b-fyaog8wvm9] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-fyaog8wvm9] {
        color: white !important;
        background-color: #42ada4 !important;
    }

.addingBtn[b-fyaog8wvm9] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ItemsPerPageDropdown[b-fyaog8wvm9] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
    margin-bottom: 4px;
}

.Search[b-fyaog8wvm9]{
    margin-bottom: 4px;
}
/* _content/QuickPic3/Pages/QuickFleet/Bookings/Index.razor.rz.scp.css */
.carColor[b-756qes9j44] {
    width: 20px;
    height: 20px;   
}

.topControl[b-756qes9j44]{
    display: flex;
    width: 100%;
    align-items: center;    
}

.pagingComponent[b-756qes9j44]{
    width: 100%;
}
#remind[b-756qes9j44]{
    cursor:pointer;
}
#remind:hover[b-756qes9j44] {
    color: #42ada4 !important;
}
.addBtnContainer[b-756qes9j44] {
    
}

.searchBox[b-756qes9j44]{
    
}

#bookingsCell[b-756qes9j44] {
    padding: 0px !important;
}

.RemoveBorderRight[b-756qes9j44]{
    border-right: none !important;
}
.RemoveBorderLeft[b-756qes9j44]{
    border-left: none !important;
}

.addBtn[b-756qes9j44] {
    padding: 1px;
    padding-left: 6px;
    padding-right: 6px;
}

.addFleetContainer[b-756qes9j44] {
    height: 100%;
    padding-top: 0.3%;
}

.btnAddFleet[b-756qes9j44] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;    
    padding: 5px;
}

    .btnAddFleet:hover[b-756qes9j44] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.ExpandFleet[b-756qes9j44] {
    color: #808080;
    width: 10px;
    background-color: inherit;
    border-top: none;
}

.MoreIconContainer svg[b-756qes9j44] {
    transform: rotate(270deg);
}

.ArrowIcon[b-756qes9j44] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -2px;
}

.searchBox[b-756qes9j44] {
    width: 20%;
}

.ItemsPerPageDropdown[b-756qes9j44] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/QuickFleet/Borrowers/Index.razor.rz.scp.css */
.topControl[b-d0bma2wi89]{
    display: flex;
    width: 100%;
    align-items: center;
}

.uploadContainer[b-d0bma2wi89] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.download[b-d0bma2wi89] {
    outline:none;
    display: flex;
    background-color: #C8252C;
    padding: 10px;
    color: white;
    text-decoration: none;
    border-radius: 2px;
    margin-bottom: 10px !important;
    width: 50%;
    height: 36px;
    align-items: center;
    border: 1px solid #C8252C !important;
}
.btn-cons[b-d0bma2wi89]{
    display:flex;
}
    .btn-cons button[b-d0bma2wi89] {
        text-align: center;
        text-indent: 7px;
        margin-right: 2px;
        display: flex;
        background-color: #C8252C;
        padding: 10px;
        color: white;
        text-decoration: none;
        border-radius: 2px;
        margin-bottom: 10px !important;
        width: 50%;
        height: 36px;
        align-items: center;
        border: 1px solid #C8252C !important;
    }
        .btn-cons button:hover[b-d0bma2wi89] {
            background-color:white !important;
            color: #C8252C !important;
        }

.download:hover[b-d0bma2wi89] {
    background-color: white !important;
    color: #C8252C !important;
}
.pagingComponent[b-d0bma2wi89] {
    width: 100%;
}

.ActionCol[b-d0bma2wi89]{    
    display: flex;
}

.btnUpload[b-d0bma2wi89]{    
    width: fit-content;
    max-height: 25px;   
    min-height: 25px;
    padding-left: 5px;
    padding-right: 5px;        
    
}

table[b-d0bma2wi89]{    
    width: 100%;
}

.ActionHeader[b-d0bma2wi89]{        
    padding-top: 13px;
}

th[b-d0bma2wi89]{
    color: #808080;
}

.IdAndLicenseCol[b-d0bma2wi89]{            
    width: fit-content;    
}

.spanField[b-d0bma2wi89]{
    cursor: pointer;
}
/* _content/QuickPic3/Pages/QuickFleet/Calendar/FleetCalendarComponent/FleetCalendar.razor.rz.scp.css */

.topRow[b-nalsp7pb1l] {
    display: flex;
    color: #808080;
    width: 100% !important;
}

.ContainerButton[b-nalsp7pb1l] {
    border: none;
    color: inherit;
    background-color: white;
}

.MoreIconContainer svg[b-nalsp7pb1l] {
    transform: rotate(270deg);
    margin-top: -5px;
}

.ContainerButton:hover[b-nalsp7pb1l] {
    border: none;
    color: #C8252C;
}

h5[b-nalsp7pb1l] {
    cursor: pointer;
    margin: 0px !important;
    margin-bottom: -3px !important;
}

.monthSelectorContainer[b-nalsp7pb1l] {
    height: 87%;
    margin-top: 8px;
    width: 100px;
    position: relative;
    z-index: 200;
}

.monthSelectorContainerButton[b-nalsp7pb1l] {
    margin-left: 50px;
    margin-top: 10px;
}

.monthSelectorButton[b-nalsp7pb1l] {
    margin-left: 100px;
    margin-top: 10px;
    text-align: right;
}

.yearSelectorContainer[b-nalsp7pb1l] {
    height: 87%;
}

#yearSelector[b-nalsp7pb1l] {
    height: 100%;
    width: fit-content;
}

#monthSelector[b-nalsp7pb1l] {
    height: 100%;
}

.FleetsContainer:hover[b-nalsp7pb1l] {
    color: #C8252C;
}

.nav-buttons[b-nalsp7pb1l] {
    background-color: #002d64;
    font-size: larger;
    color: white;
    width: 40px;
    border: 2px solid #002d64;
    border-radius: 6px;
    height: 36px
}

.nav-hover div:hover[b-nalsp7pb1l] {
    background-color: #34828d;
    border: 2px solid #34828d;
    border-radius: 6px;
}

.nav-hover[b-nalsp7pb1l] {
    margin-top: 12px;
}

.nav-size[b-nalsp7pb1l] {
    width: 15px;
}

.calendar[b-nalsp7pb1l] {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0px;
    width: 100%;
}

.controller[b-nalsp7pb1l] {
    display: flex;
}

.Color0[b-nalsp7pb1l] {
    font-size: 12px;
    width: 8px;
    height: 35px !important;
    z-index: 105;
    color: white;
    background-color: white
}

.ColorDisabled[b-nalsp7pb1l] {
    font-size: 12px;
    background-color: grey;
    color: grey;
    width: 10px;
    height: 40px;
    cursor: pointer;
    z-index: 105;
}

.weekend[b-nalsp7pb1l] {
    display: flex;
    grid-template-columns: repeat(4,1fr);
    padding: 10px !important;
    width: 100%;
    cursor: pointer;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: #d9d9d9;
}

.weekend-title[b-nalsp7pb1l] {
    font-size: 11px;
    width: 40px;
    color: #c8252c;
    padding: 2px;
    text-align: center;
    background-color: #d9d9d9;
}

.keyColorBlock[b-nalsp7pb1l] {
    height: 30px;
    width: 30px;
    margin-right: 20px;
}

.booking[b-nalsp7pb1l] {
    z-index: 10;
    display: flex;
    grid-template-columns: repeat(4,1fr) padding:10px !important;
    width: 100%;
    cursor: pointer;
    max-width: 32px;
    min-width: 32px;
    height: 35px !important;
}

.weekday[b-nalsp7pb1l] {
    font-size: 11px;
    width: 30px;
    color: #c8252c;
    padding: 2px;
    text-align: center;
    background-color: whitesmoke;
}

.name-block[b-nalsp7pb1l] {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 35px !important;
    padding-top: 10px;
    color: #4D4D4D;
    width: 250px;
}

.reg-block[b-nalsp7pb1l] {
    color: #4D4D4D;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    width: 100px;
    height: 35px !important;
}

.title-block[b-nalsp7pb1l] {
    background-color: #fff;
    font-size: 12px;
    padding: 2px;
    width: 100px !important;
}

.square[b-nalsp7pb1l] {
    width: 10px;
    height: 100%;
}

.center-block-name[b-nalsp7pb1l] {
    padding-top: 10px !important;
}

.center-block-reg[b-nalsp7pb1l] {
    padding-top: 9px !important;
}

.borrower-name[b-nalsp7pb1l] {
    font-size: 10px !important;
    color: white !important;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 5px;
}

.Color1[b-nalsp7pb1l] {
    font-size: 12px;
    background-color: #002d64;
    width: 8px;
    height: 35px !important;
    cursor: pointer;
    color: #fff;
    position: relative;
    border-left: 1px solid #002d64;
}

.Color1P[b-nalsp7pb1l] {
    font-size: 12px;
    background-color: #acb9ca;
    width: 10px;
    height: 40px;
    cursor: pointer;
    color: #fff;
}

.Color2[b-nalsp7pb1l] {
    font-size: 12px;
    background-color: #960f15;
    width: 8px;
    height: 35px !important;
    cursor: pointer;
    color: #fff;
}

.blazor-calendar[b-nalsp7pb1l] {
}

.fleet-view[b-nalsp7pb1l] {
    width: 100% !important;
}

.Color2P[b-nalsp7pb1l] {
    font-size: 12px;
    background-color: #d9b0b2;
    width: 10px;
    height: 40px;
    cursor: pointer;
    color: #fff;
}

.Color3[b-nalsp7pb1l] {
    font-size: 12px;
    background-color: #34828d;
    width: 8px;
    height: 35px !important;
    cursor: pointer;
    color: #fff;
}

.Color3P[b-nalsp7pb1l] {
    font-size: 12px;
    background-color: #bbd3d6;
    width: 10px;
    height: 40px;
    cursor: pointer;
    color: #fff;
}

.openCalendar[b-nalsp7pb1l] {
    color: #C8252C;
}

.calendarKey[b-nalsp7pb1l] {
    margin-top: 10px;
    font-size: 14px;
}

.ConfirmedBookignsColor[b-nalsp7pb1l] {
    margin-right: 20px;
}

.dayName[b-nalsp7pb1l] {
    font-weight: lighter;
    font-size: 13px;
}

select[b-nalsp7pb1l] {
    border-radius: 5px;
    border: solid 1px;
    border-color: #808080;
}

input[b-nalsp7pb1l] {
    border-radius: 5px;
    border: solid 1px;
    border-color: #808080;
}


.registrationcontainer[b-nalsp7pb1l] {
}

.nameCellContainer[b-nalsp7pb1l] {
    max-width: 180px;
    overflow-x: hidden;
}

.registrationCell[b-nalsp7pb1l] {
}

.nameInner[b-nalsp7pb1l] {
    display: flex;
}

.DamagedVehicle[b-nalsp7pb1l] {
    color: #C8252C !important;
}

    .DamagedVehicle > strong[b-nalsp7pb1l] {
        color: #C8252C !important;
    }

.DamagedHeader[b-nalsp7pb1l] {
    color: #C8252C;
    text-align: right;
    margin-left: 70px;
}

.DownloadButtonContainer[b-nalsp7pb1l] {
    align-self: center;
    margin-left: 40px;
}
/* _content/QuickPic3/Pages/QuickFleet/Calendar/Index.razor.rz.scp.css */
.toggleContainer[b-bzjwildapg] {
    text-align: right;
    cursor: pointer;
    font-size: 25px;
    align-items: center;    
}
.container-fluid[b-bzjwildapg] {
    width: 100%;
}
.con[b-bzjwildapg] {
    width: 100% !important;
    margin-left:-23px;
}
h5[b-bzjwildapg]{
    margin:0px !important;
    margin-bottom:-3px !important;
}
.SwitchOff[b-bzjwildapg] {    
    font-size: 35px;    
    align-items: center;
    vertical-align: middle;
}

.SwitchOn[b-bzjwildapg] {
    font-size: 35px;
    align-items: center;    
}
.calendarItems[b-bzjwildapg]{
    width:100% !important;
}
span[b-bzjwildapg] {
    color: #7b8083
}
.tabButton:hover div[b-bzjwildapg] {
    color: #C8252C !important;
}

.tabButton:hover span[b-bzjwildapg] {
    color: #C8252C !important;
}

.tabButton[b-bzjwildapg] {
    background-color: #F0F0F0;
    border: none;
    text-align: right;
    margin-left: auto;
    margin-right:20px;
    float: right;
    width: fit-content;
    font-size: 18px;
    color: #b3b6b8;
}



.toggleOn[b-bzjwildapg] {
    color: #7b8083
}

.colloapseSpan[b-bzjwildapg] {
    color: #7b8083
}

/* _content/QuickPic3/Pages/QuickFleet/CreateBooking/CreateBooking.razor.rz.scp.css */
.ItemHeader[b-mka01sporj]{
    padding-left: 0.8%;
}

#createHeader[b-mka01sporj] {
    color: #808080;
    text-align: center;
    font-weight: 700;
}

.childcontentContainer[b-mka01sporj] {    
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
.NewUserContainer[b-mka01sporj]{
    height:500px;
}
.newUserLeft[b-mka01sporj] {
    width: 500px;
    height:50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
    .newUserLeft div[b-mka01sporj] {
        width:48%;
      
    
    }
    .cstmWidth[b-mka01sporj] {
        flex-grow: 1;
        width:100% !important;
    }
.mainContainer[b-mka01sporj] {
    display: flex;
    flex-direction: row;
    text-align: left;
}


.rightGroup[b-mka01sporj] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0px;
    padding-left: 10px;
}

.itemInGroup[b-mka01sporj] {
    padding: 10px;
    height: 85px;
}

.leftGroup[b-mka01sporj] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 10px;
}

.DateTimeContainer[b-mka01sporj] {
    display: flex;
    padding-left: 13px;
    flex-direction: row;
    align-items: center;
    padding-left: 4px;
}

#TimeHeader[b-mka01sporj]{    
    margin-left: -0.8%;
}

.timeContainer[b-mka01sporj] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    width: 100px;
}
.timeSelectHeader[b-mka01sporj] {
    
}
.timeSelector[b-mka01sporj] {
    border-color: #ced4da;
    border-radius: 5px;
    height: 35px;
    width: 110%;

    border-color: #ced4da;
    border-radius: 5px;
    border-width: 1px;
    height: 35px;
    width: 110%;
    background-color: white;
}



.deliveryMethod[b-mka01sporj] {
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3%;
    padding-bottom: 3%;
    padding-top: 3%;
}

.radioOptions[b-mka01sporj] {
    display: inline;
}

.radioDetail[b-mka01sporj] {
    /*accent-color: #C8252C;*/
    accent-color: #C8252C;
    width: 20px;
    margin-left: 0px;
}

.NotesContainer[b-mka01sporj] {
    display: block;
    text-align: left;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

#textArea[b-mka01sporj] {
    width: 100%;
    height: 100px;
    border-color: #ced4da;
    border-radius: 5px;
}

#textArea[b-mka01sporj]::placeholder{
    color: #808080;
}

.btnContainer[b-mka01sporj] {
    display: flex;
    flex-direction: row;    
    width: 100%;
}

.btn-add-booking[b-mka01sporj] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
}

    .btn-add-booking:hover[b-mka01sporj] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.btn-addPre-booking[b-mka01sporj] {
    width: 100%;
    display: inline;
    background-color: grey;
    color: #fff;
}

    .btn-addPre-booking:hover[b-mka01sporj] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.creataeBtn[b-mka01sporj] {
    width: 50%;
    margin: 12px;
}

.spaceMaker[b-mka01sporj]{
    width: 2%;
}

#newBorrowerId[b-mka01sporj] {
    padding-bottom: 0.8%;
}

#newBorrowerBtn[b-mka01sporj] {
}

.NewUserContainer[b-mka01sporj] {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

/* Works on Firefox */
*[b-mka01sporj] {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.5) transparent;
}

    /* Works on Chrome, Edge, and Safari */
    *[b-mka01sporj]::-webkit-scrollbar {
        width: 8px;
    }

    *[b-mka01sporj]::-webkit-scrollbar-track {
    }

    *[b-mka01sporj]::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,0.5);
    }

option[b-mka01sporj] {
    font-family: Helvetica !important;    
}

select[b-mka01sporj], textarea[b-mka01sporj] {
    border: solid 1px;
}

#btnSave[b-mka01sporj] {
    background-color: #42ada4;
}
/* _content/QuickPic3/Pages/QuickFleet/Dashboard/Index.razor.rz.scp.css */
.InputControls[b-7i85wrz0y3] {
    border-radius: 7px;
    background-color: #434a4f;
    background-color: white;
    margin-top: 15px;
}

    .InputControls > div[b-7i85wrz0y3] {
        padding: 10px;
    }

.DateControls[b-7i85wrz0y3] {
    display: flex;
}

    .DateControls > div[b-7i85wrz0y3] {
        width: 100%;
    }

        .DateControls > div > label[b-7i85wrz0y3] {
            margin-left: 3px;
        }

.BrandControls[b-7i85wrz0y3], .ButtonControls[b-7i85wrz0y3] {
    margin: 3px;
}

.ButtonControls[b-7i85wrz0y3] {
    margin-left: 0px;
    margin: 0px;
}

.FlexColumn[b-7i85wrz0y3] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.FlexRow[b-7i85wrz0y3] {
    display: flex;
    width: 100%;
}

.SummaryInfo[b-7i85wrz0y3] {
    display: flex;
    padding-bottom: 20px;
    height: fit-content;
}

.DoubleColumn[b-7i85wrz0y3] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.CostChartContainer[b-7i85wrz0y3] {
    width: 100%;
}

.CostChartContent[b-7i85wrz0y3] {
    border: solid;
    height: 100%;
}
.firstRow[b-7i85wrz0y3]{
    margin-left:-18px;
   width:103%;
}
.DoubleRow[b-7i85wrz0y3] {
    display: flex;
}

.SingleRow[b-7i85wrz0y3] {    
    display: flex;
}
.Flex2[b-7i85wrz0y3]{

}
.spaceMaker[b-7i85wrz0y3] {
    width: 40px;    
}

.HeightMaker[b-7i85wrz0y3] {
    margin: 10px;
}

.DashboardTable[b-7i85wrz0y3]{
    width: 99%;    
}

.NumberContainer[b-7i85wrz0y3]{
  
    color: #C8252C;
    font-size: 30px;
}

#profileImg[b-7i85wrz0y3]{

    height: 32px;
  
    margin-left:auto;
    margin-right:auto;
    width: 32px;    
    border-radius: 50%;
  
}

.ImgCell[b-7i85wrz0y3] {
    text-align: left;
    width: 44px;
    height: 40px;
}

tr:nth-child(even)[b-7i85wrz0y3] {
    background-color: #f2f2f2;
}

.PageContainer[b-7i85wrz0y3]{        
    position: relative;
}

.Main-Con[b-7i85wrz0y3] {
    width:100%;
    display: grid;
    grid-template-columns:repeat(2, 49.4%);
   gap:16px;
   margin-bottom:20px;
}
.Main-Con2[b-7i85wrz0y3] {
    display: grid;
    grid-template-columns: repeat(2, 49.4%);
    gap: 10px;
}
.item[b-7i85wrz0y3]{
   
    
}

.item-hero[b-7i85wrz0y3]{
 
  
}

.Damaged[b-7i85wrz0y3]{
    color: #C8252C !important;
}

.addingBtn[b-7i85wrz0y3] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/QuickPic3/Pages/QuickFleet/EditBooking/EditBookingComponents/Information.razor.rz.scp.css */

.mainContainer[b-r3bup994pe] {    
    width: 80%;
    margin-left: auto;
    margin-right: auto;       
}

.ItemHeader[b-r3bup994pe] {
    padding-left: 0.8%;
}

.firstGroup[b-r3bup994pe] {
    display: flex;
    flex-direction: row;
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;    
}
.cstmWidth[b-r3bup994pe] {
    flex-grow: 1;
    width: 100% !important;
}
.secondGroup[b-r3bup994pe] {
    text-align: left;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: start;
    align-items: start;
}

.setWidth[b-r3bup994pe]{
    width: 300px;
}

.fLeftColumn[b-r3bup994pe] {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*gap: 10px;*/
}
    .fLeftColumn div[b-r3bup994pe] {
        width: 48%;
    }

.fRightColumn[b-r3bup994pe] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
}

.itemInGroup[b-r3bup994pe] {
    padding: 10px;
    width: 100% !important;
    height: 85px;
}

.timeSelectHeader[b-r3bup994pe]{        
}

.sLeftColumn[b-r3bup994pe] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;    
}

.sRightColumn[b-r3bup994pe] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;    
    padding-left: 45px;       
}

.dateAndTime[b-r3bup994pe] {
    display: flex;
    padding-left: 13px;
    flex-direction: row;
    align-items: center;
}

.timeContainer[b-r3bup994pe] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    width: 100px;
}

.times[b-r3bup994pe] {
    border-color: #ced4da;
    border-radius: 5px;
    border-width: 1px;
    height: 35px;
    width: 110%;
    background-color: white;
}

#newBorrowerId[b-r3bup994pe]{
    margin-top: -0.3%;
    padding-bottom: 1%;
}

#NewUserContainer[b-r3bup994pe] {
    display: flex;
    flex-direction: column;
    margin-left: 2px;
    padding-bottom: 3.1%;
}

#btnNewUser[b-r3bup994pe] {
    background-color: var(--brand-primary);
    color: #fff;        
    width: 99%;
}

#btnNewUser:hover[b-r3bup994pe] {
    background-color: var(--brand-secondary) !important;
    color: #fff !important;
}

.singleItems[b-r3bup994pe] {
    display: flex;
    width: 100%;
    flex-direction: column;    
    padding: 20px;
    padding-top: 10px;
}

.deliveryMethod[b-r3bup994pe] {
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.radioOptions[b-r3bup994pe]{
    display: inline;       
}

.radioDetail[b-r3bup994pe] {
    accent-color: #C8252C;
    width: 20px;
    margin-left: 0px;
}

#notes[b-r3bup994pe] {
    width: 100%;
    height: 100px;    
    border-color: #ced4da;
    border-radius: 5px;
}

#notes[b-r3bup994pe]::placeholder{
    color: #808080;
}

#NoteContainer[b-r3bup994pe]{        
    text-align: left;    
    width: 100%;
    margin-left: auto;
    margin-right: auto;    
}

#UpdateBookingButton[b-r3bup994pe] {
    background-color: #42ada4;
    color: #fff;
    width: 99.5%;
}

    #UpdateBookingButton:hover[b-r3bup994pe] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.UpdateContainer[b-r3bup994pe] {        
    width: 100%;
    padding: 20px;
    padding-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.leftButton[b-r3bup994pe]{
    
}

.MovedButton[b-r3bup994pe]{
    padding-left: 12px;
    padding-right: 12px;
}

.rightButton[b-r3bup994pe] {
}
/* Works on Firefox */
*[b-r3bup994pe] {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.5) transparent;
}

    /* Works on Chrome, Edge, and Safari */
    *[b-r3bup994pe]::-webkit-scrollbar {
        width: 8px;
    }

    *[b-r3bup994pe]::-webkit-scrollbar-track {
    }

    *[b-r3bup994pe]::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,0.5);
    }

option[b-r3bup994pe] {
    font-family: Helvetica !important;
}

select[b-r3bup994pe], textarea[b-r3bup994pe] {
    border: solid 1px;
}

.fleetMargins[b-r3bup994pe]{
    margin-top: 10px;
    /*height: 75px;*/
}

.ModelsMargins[b-r3bup994pe]{
    /*margin-top: 10px;*/
    /*height: 80px;*/
}

.startDateMargin[b-r3bup994pe]{
    /*margin-top: -60px;*/
    /*margin-top: -40px;*/
}
/* _content/QuickPic3/Pages/QuickFleet/EditBooking/EditBookingComponents/LoanAgreement.razor.rz.scp.css */
div[b-v8q63dvb9x] {
    background-color: white;
}

.MainContainer[b-v8q63dvb9x] {
    padding: 10px;
}

.topRow[b-v8q63dvb9x] {
    display: flex;
    align-items: center;
    flex-direction: row;
    border: solid gray 1px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.topRowItem[b-v8q63dvb9x] {
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.AdditionalDriverContainer[b-v8q63dvb9x] {
}

.adDriverLeft[b-v8q63dvb9x] {
}

    .adDriverLeft label[b-v8q63dvb9x] {
        text-indent: 5px;
    }


.loanAgreeMent[b-v8q63dvb9x] {
    border: solid gray 1px;
    padding: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.detailsContainer[b-v8q63dvb9x] {
    display: flex;
    flex-direction: row;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.detailContanier[b-v8q63dvb9x] {
    width: 100%;
    border: solid gray 1px;
    padding: 5px;
}

.VehicleDetails[b-v8q63dvb9x] {
    text-align: left;
    display: flex;
    flex-direction: row;
    width: 240px;
}

.add-btn[b-v8q63dvb9x] {
    background: #42ada4 !important;
    color: white;
    margin-bottom: 10px;
    border: 1px solid #42ada4;
}

    .add-btn:hover[b-v8q63dvb9x] {
        transition: 0.1s;
        background: white !important;
        color: #42ada4;
    }

.detailsColumns[b-v8q63dvb9x] {
    display: flex;
    flex-direction: column;
    width: 100%;
    white-space: nowrap;
}

.borrowerDetails[b-v8q63dvb9x] {
    text-align: left;
    border: solid gray 1px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.borrowersTable[b-v8q63dvb9x] {
    width: 100%;
    text-align: center;
}

.left[b-v8q63dvb9x] {
    margin-left: 15px !important;
}

.btn1[b-v8q63dvb9x] {
    background-color: #C8252C !important;
    border: 1px solid #C8252C !important;
}

    .btn1:hover[b-v8q63dvb9x] {
        color: #C8252C !important;
    }

.btn2[b-v8q63dvb9x] {
    background-color: green !important;
    border: 1px solid green !important;
    margin-left: 25px;
}

    .btn2:hover[b-v8q63dvb9x] {
        color: green !important;
    }

.DownloadBtn[b-v8q63dvb9x] {
    margin-left: auto !important;
    border-radius: 7px;
    background-color: #C8252C;
    color: white;
    border: none;
    padding-right: 15px;
    padding-left: 15px;
}

.privacyPolicyCbx[b-v8q63dvb9x] {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 90%;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
}

   

    .actionBtn[b-v8q63dvb9x] {
        margin-left: 5px;
        border-radius: 5px;
        height: 30px;
        width: 30px;
        align-items: center;
        display: flex;
        margin-bottom: -2px;
    }


    .actionBtn span[b-v8q63dvb9x] {
        margin-bottom: -4px !important;
        margin-left: -4px !important;
    }

.privacyPolicyCbx input[b-v8q63dvb9x] {
    width: 25px !important;
    height: 25px !important;
}

td[b-v8q63dvb9x], th[b-v8q63dvb9x] {
    border: solid gray 1px;
}

.AdditionalDriverContainer[b-v8q63dvb9x] {
    display: flex;
    flex-direction: row;
}

.can[b-v8q63dvb9x]{

 
    width:90%;
    margin-left:auto;
    margin-right:auto;
}


.adDriverLeft[b-v8q63dvb9x] {
    text-align: left;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

input[b-v8q63dvb9x] {
    margin-right: 10px;
}

.acceptedPrivacy[b-v8q63dvb9x] {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.signaturePad[b-v8q63dvb9x] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.TopRowMain[b-v8q63dvb9x]{    
    text-align: left;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.DownloadButton[b-v8q63dvb9x]{ 
    background-color: #C8252C;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    padding: 10px;
    border: solid 1px;    
    margin-left: 20px;
}

.DownloadButton > a[b-v8q63dvb9x]{
    color: white;
    text-decoration: none;
}
/* _content/QuickPic3/Pages/QuickFleet/EditBooking/EditBookingComponents/TravelAndExpenses.razor.rz.scp.css */
.extraInfo[b-akepxtz773] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
    width: 100%
}

.vehicleInfo[b-akepxtz773] {
    display: flex;
    flex-direction: column;
    float: left;
    padding-bottom: 10px;
}

#vehicleName[b-akepxtz773] {
    text-align: left;
    color: #808080;
}

#currentKm[b-akepxtz773] {
    color: #C82525;
    text-align: left;
}


.tableContainer[b-akepxtz773] {
    text-align: center;
    font-size: 10px;
    width: 100%;
    padding: 10px;
}

table[b-akepxtz773] {
    border-bottom: solid 2px #E0E0E0;
}

#addButton[b-akepxtz773] {
    float: left;
    text-align: left;
}

th[b-akepxtz773] {
    font-size: 12px;
    background-color: #F5F5F5;
    text-align: left;
    font-size: 12px;    
    border-right: solid 2px #E0E0E0;
    border-left: solid 2px #E0E0E0;
    border-top: solid 2px #E0E0E0;
    height: 50px;
}

.ExpensesTable[b-akepxtz773] {
    text-align: center;
    width: 100%;
}

tr:nth-child(odd)[b-akepxtz773] {
    background-color: #F5F5F5;
}

td[b-akepxtz773] {
    text-align: left;
    font-size: 12px;
    border-right: solid 2px #E0E0E0;
    border-left: solid 2px #E0E0E0;
    color: #808080;
}

td[b-akepxtz773], th[b-akepxtz773] {    
    padding-left: 5px;
}

tr[b-akepxtz773] {
    width: 100%;
    text-align: left;
    height: 50px;
}

.expenseInput[b-akepxtz773]{
    width: 102px;
}

.newExpenseRow[b-akepxtz773]{
    width: 100%;    
    background-color: lightgreen;
}

.editingRow[b-akepxtz773] {
    background-color: lightpink;
}

input[b-akepxtz773] {
    width: 100%;
}

.CommandCol[b-akepxtz773]{    
    text-align: left;
}
    .CommandCol button[b-akepxtz773]{
        width: 30px;
        height: 30px;
    }

.btn-outline-success[b-akepxtz773], .btn-outline-danger[b-akepxtz773] {
    background-color: white;
}

.tableButton[b-akepxtz773] {
    margin-left: -4px;
    margin-top: -5px !important;
    display: flex;
}

.expenseButtons button[b-akepxtz773]{
    width: 30px;
    height: 30px;
}

.tableControls[b-akepxtz773] {
    flex: 0 1 auto;
}

.extraInfo2[b-akepxtz773] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}

.extraInfoRight[b-akepxtz773] {
    display: flex;
    flex-direction: row;
    /*float: right;*/
    justify-content: flex-end;
    padding: 10px;
    gap: 10px;
}

.overlay[b-akepxtz773] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999 !important;
}

.form-values[b-akepxtz773] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}

.top-button[b-akepxtz773] {
    height: 36px;
}

.top-text[b-akepxtz773] {
    margin-top: -8px;
}

    .top-text span[b-akepxtz773] {
        margin-top: 3px !important;
    }

textarea[b-akepxtz773] {
    width: 100%;
    height: 72px !important;
}


.text-a[b-akepxtz773] {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

/*.FileItem {
    border: 1px solid #434a4f;
    border-radius: 5px;
    padding: 2px;
    display: flex;
}

.RemoveFile {
    border: none;
    border-radius: 5px;
    margin-left: 3px;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    background-color: #C8252C;
    font-size: 14px;
}

.FileIcon {
    font-size: 14px;
    color: white;
    font-weight: 700;
    margin-left: -2px;
}*/

.file-upload-container[b-akepxtz773] {
    display: flex;
    align-items: flex-start;
}

.file-upload[b-akepxtz773] {
    margin-right: 20px;
    margin-left: 5px;
}

.file-list[b-akepxtz773] {
    display: flex;
    gap: 5px;
    flex-direction: row;
    margin-top: 8px;
}

.FileItem[b-akepxtz773] {
    border: 1px solid #434a4f;
    border-radius: 5px;
    padding: 2px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.RemoveFile[b-akepxtz773] {
    border: none;
    border-radius: 5px;
    margin-left: 3px;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    background-color: #C8252C;
    font-size: 14px;
}

.FileIcon[b-akepxtz773] {
    font-size: 14px;
    color: white;
    font-weight: 700;
    margin-left: -2px;
}

#btnSave[b-akepxtz773] {
    background-color: #42ada4;
}
/* _content/QuickPic3/Pages/QuickFleet/EditBooking/EditBookingComponents/VehicleInspectionNotes.razor.rz.scp.css */
table[b-q48ifyneas]{
    width: 100%;
}

img[b-q48ifyneas] {
    /*width: 100px;*/
    max-width: 100px !important;
    max-height: 100px !important;
    margin-bottom: 5px;    
    height: 70px;
}

.PreviewImage[b-q48ifyneas] {
    /*width: 200px;*/
    padding: 5px;
    max-width: 200px !important;
    max-height: 200px !important;
    margin-bottom: 5px;
    height: 70px;
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 5px;
    margin-left: 5px;
}

/*textarea {
    width: 98%;
    border-radius: 7px;
    border-color: #ced4da;
    height: 100px;    
}*/

.StatusTable[b-q48ifyneas]{
    width: 5%;
}
.NotesTable[b-q48ifyneas]{
    width: 20%;
}
.ImageTable[b-q48ifyneas] {
    width: 5%;
}
.ImageNameTable[b-q48ifyneas] {
    width: 10%;
}
.ActionTable[b-q48ifyneas] {
    width: 5%;
}

.addBtnContainer[b-q48ifyneas]{
   margin-left: -2px;
}

.addBtn[b-q48ifyneas] {
    padding: 5px !important;
}

.MainContainer[b-q48ifyneas]{
    display: flex;
    flex-direction: column;
    text-align: left;
}

.buttons[b-q48ifyneas]{
    display: flex;
}

.RowSpan[b-q48ifyneas] {
    
}

.RowBtn[b-q48ifyneas]{
    height: 30px;
    width: 30px;
}

.NewRow[b-q48ifyneas]{
    background-color: lightgreen;
}

.tableControls[b-q48ifyneas] {
    flex: 0 1 auto;
}

.extraInfo2[b-q48ifyneas] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}

.extraInfoRight[b-q48ifyneas] {
    display: flex;
    flex-direction: row;
    /*float: right;*/
    justify-content: flex-end;
    padding: 10px;
    gap: 10px;
}

.overlay[b-q48ifyneas] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999 !important;
}

.form-values[b-q48ifyneas] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}

.top-button[b-q48ifyneas] {
    height: 36px;
}

.top-text[b-q48ifyneas] {
    margin-top: -8px;
}

    .top-text span[b-q48ifyneas] {
        margin-top: 3px !important;
    }

textarea[b-q48ifyneas] {
    width: 100%;
    height: 72px !important;
}


.text-a[b-q48ifyneas] {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    outline: none;
    height: 36px;
    border: 1px solid #b3b6b8;
    border-right: none;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    width: 100%;
    text-align: left;
    text-indent: 4px;
}

#btnSave[b-q48ifyneas] {
    background-color: #42ada4;
}
/* _content/QuickPic3/Pages/QuickFleet/EditBooking/Index.razor.rz.scp.css */
#editBookingHeader[b-bibo7u0gdj] {
    color: #808080;
    font-weight: 700;
    text-align: center;
    padding: 20px;    
}

.MainContainer[b-bibo7u0gdj] {
    width: 80%;    
    margin-left: auto;
    margin-right: auto;    
}

/* _content/QuickPic3/Pages/QuickFleet/EditFleetComponent/EditFleet.razor.rz.scp.css */

.MainContainer[b-8f923wc086]{
    /*margin-left: auto;
    margin-right: auto;
    width: 100%;*/
    color: #808080;    
}

h3[b-8f923wc086] {
    text-align: center;
    font-weight: 700;
    color: #808080;
    padding: 10px;
}

.topRowInfo[b-8f923wc086]{
    display: flex;
    flex-direction: row;
    padding: 10px;        
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 725px;      
}

.topRowItem[b-8f923wc086]{
    width: 100%;    
}

.fItem[b-8f923wc086]{                
}

.LoanAgreementContainer[b-8f923wc086] {
    padding: 10px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    /*white-space: nowrap;*/
}

.loanSelectionTitle[b-8f923wc086] {    
    white-space: nowrap;            
    text-indent: -10px;
}

.radioDetail[b-8f923wc086] {
    accent-color: #C8252C;
    width: 5%;    
}

.LoanEditor[b-8f923wc086] {
    padding: 10px;     
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    z-index: 65537 !important;
}

.UpdateContainer[b-8f923wc086]{
    padding: 10px;
    width: 100%;
}

.realButton[b-8f923wc086]{
    width: 100%;
}

label[b-8f923wc086] {
    padding-left: 10px;
}

#loanAgreementTitle[b-8f923wc086]{
    padding-bottom: 10px;
}

.radioContainer[b-8f923wc086]{
    display: flex;
    align-content: center;
    vertical-align: middle;
    align-items: center;    
}

.textEditor[b-8f923wc086]{    
    position: fixed;
    z-index: 50;
}

.btnContainer[b-8f923wc086] {
    width: 725px;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
    display: flex;    
}

.q_bgc_primary[b-8f923wc086] {
    background-color: #42ada4;
}

.q_bgc_secondary[b-8f923wc086] {
    background-color: grey;
}
/* _content/QuickPic3/Pages/QuickFleet/Index.razor.rz.scp.css */
div[b-a2e7pw0ufv]{
    border: solid;
    height: 40vh;
    width: 80vh;
    margin: 5px;
}
/* _content/QuickPic3/Pages/QuickFleet/Permissions/Index.razor.rz.scp.css */
.AddUserContainer[b-o6bb09wi4z]
{
    display: flex;
    margin: 5px;
    align-items: center;    
    height: 110px;
    width: 500px;
}
.tableButtons2[b-o6bb09wi4z]{
    width:40px !important;
    height:36px;
}


.AddUserContainer > div[b-o6bb09wi4z] {
    width: 100%;
    display: flex;
}

.AddUserContainer > div > button[b-o6bb09wi4z]{
    width: fit-content;    
    white-space: nowrap;
}

.DataListContainer[b-o6bb09wi4z]{
    width: 100%;
}
/* _content/QuickPic3/Pages/QuickFleet/Reporting/Index.razor.rz.scp.css */
h3[b-53x05q63ar] {
    margin-left: 0.4%;
}

h2[b-53x05q63ar], h3[b-53x05q63ar] {
    color: #808080;
}
.top-text[b-53x05q63ar] {
    margin-top: -8px !important;
}
.btn-container[b-53x05q63ar]{
    display:flex;
    justify-content:space-between;
}
    .top-text span[b-53x05q63ar] {
        margin-top: 3px !important;
    }
input[b-53x05q63ar] {
    border: solid #ced4da 1px;
    
}

.DownloadContainer[b-53x05q63ar] {
    margin-bottom: 1%;
    margin-left: -0.5%;
}

.btnAddContact2[b-53x05q63ar] {
    background-color: #42ada4 !important;
    border-color: #42ada4 !important;
}
    .btnAddContact2:hover[b-53x05q63ar] {
        background-color: #2f857d !important;
        border-color: #2f857d !important;
    }
.Frequency[b-53x05q63ar] {
    width: 150px !important;
}

#DownloadContainerBotRow[b-53x05q63ar] {
    display: flex;
    align-items: center;
}

.containerItem[b-53x05q63ar] {
    padding: 1%;
}

.DateSelector[b-53x05q63ar] {
    height: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    width: 90%;
    margin-right: 50px;
    text-indent: 2px;
}

.btnBack[b-53x05q63ar] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    margin-left: 2px;
}

    .btnBack:hover[b-53x05q63ar] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }


.ScheduleContainer[b-53x05q63ar] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ScheduleBtnContainer[b-53x05q63ar] {
    width: fit-content;
    /*padding-bottom: 10px;*/
    margin-left: -0.2%;
}


.actionBtn[b-53x05q63ar] {
    border-radius: 5px;    
    height: 30px;
    width: 30px;
    align-items: center;
}

.deleteIcon[b-53x05q63ar] {
    height: 30px;
    align-items: center;
    padding-top: 0px;
}

.ActionCol[b-53x05q63ar] {
    display: flex;
}


.MultiSelectDiv[b-53x05q63ar]{
    width: 300px;
}


th[b-53x05q63ar] {
    vertical-align: middle;
    border: solid #E0E0E0 1px;
    border-top: none;
    border-bottom: none;
}

td[b-53x05q63ar] {
    vertical-align: middle;
    border: solid #E0E0E0 1px;
    border-top: none;
    border-bottom: none;
}

#ReportNametxt[b-53x05q63ar]{    
    height: 50px;
    border-radius: 5px;    
}

.btn-outline-primary[b-53x05q63ar]{
    color: green;
    border-color: green !important;
}

.ActiveCol[b-53x05q63ar]{
    width: 5% !important;
}

.ReportNames[b-53x05q63ar]{
    max-width:18% !important;
    min-width:18% !important;

}
.FleetNames[b-53x05q63ar] {
    max-width: 20% !important;
    min-width: 20% !important;
    
}

.ReportTypesCol[b-53x05q63ar] {
    max-width: 10% !important;
    min-width: 10% !important;

}

.RecipientsCol[b-53x05q63ar] {
    max-width: 37.5% !important;
    min-width: 37.5% !important;
}

.FrequencyCol[b-53x05q63ar] {
    max-width: 6% !important;
    min-width: 6% !important;
}

.TimeColTypesCol[b-53x05q63ar] {
    max-width: 4% !important;
    min-width: 4% !important;
}

.ActivesCol[b-53x05q63ar] {
    max-width: 8% !important;
    min-width: 8% !important;
}

.ButtonsCol[b-53x05q63ar] {
    max-width: 100px !important;
    min-width: 100px !important; 
}

.btn-Container1[b-53x05q63ar]{
    padding:1px;
    display: flex;
}

    .btn-Container1 > button[b-53x05q63ar] {
        margin-left: 5px;
        width: 30px !important;
    }

@media only screen and (max-width: 900px) {
    .btn-Container1[b-53x05q63ar] {
        padding: 1px;
        flex-direction: column;
        text-align: center !important;
    }

    .ButtonsCol[b-53x05q63ar] {
        max-width: 30px !important;
        min-width: 30px !important;
    }

    .btn-Container1 > button[b-53x05q63ar] {        
        width: 30px !important;
        margin-left: 0px !important;
    }

    .InputBox[b-53x05q63ar]{
        margin-left: auto;
        margin-right: auto;
    }

}

    

    .btn-Container1 button[b-53x05q63ar] {
        margin-bottom: 2px;
        margin-top: 2px;
    }

.editingRow[b-53x05q63ar] {
    cursor: pointer;
    background-color: lightgreen !important;
}

    .editingRow:hover[b-53x05q63ar] {
        background-color: lightgreen !important;
    }


.TopControlContainer[b-53x05q63ar]{
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}


#btnSave[b-53x05q63ar] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-53x05q63ar] {
        color: white;
        background-color: #42ada4;
    }

.addingBtn[b-53x05q63ar] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.ItemsPerPageDropdown[b-53x05q63ar] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/QuickFleet/Vehicles/AddVehicle.razor.rz.scp.css */
.containerRow[b-58dar7jqyt] {
    display: flex;
    text-align: left;
    text-indent: 2px;
}

.itemInGroup[b-58dar7jqyt] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 10px;
}
.itemInGroup2[b-58dar7jqyt] {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 10px;
}
input[b-58dar7jqyt] {
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 0.25rem;
}

textarea[b-58dar7jqyt] {
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 0.25rem;
    width: 99%;
}

.datetimeInput[b-58dar7jqyt] {
    margin-left: 5px;
    width: 99%;
}



.updateButton[b-58dar7jqyt] {    
    width: 98.2%;    
    margin-left: 0.8%;
}

#buttonElement[b-58dar7jqyt] {
    width: 100%;
    background-color: #42ada4;
    color: white;
}
/* _content/QuickPic3/Pages/QuickFleet/Vehicles/EditVehicle.razor.rz.scp.css */
#editBookingHeader[b-z696z39ja1]{
    color: #808080;    
    font-weight: 700;
    text-align: center;
    padding: 20px;
}

.mainContainer[b-z696z39ja1]{    
    padding-right: 2%;    
}
/* _content/QuickPic3/Pages/QuickFleet/Vehicles/EditVehicleComponents/Information.razor.rz.scp.css */
.MainContainer[b-ggxxrajrak] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;    
}

.MainInputContainer[b-ggxxrajrak]{
    display: flex;
    flex-direction: row;
}

.itemInGroup[b-ggxxrajrak]{
    padding-bottom: 20px;
}

.ItemHeader[b-ggxxrajrak]{    
    padding-left: 0.5%;
}

.firstGroup[b-ggxxrajrak] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
}

.secondGroup[b-ggxxrajrak] {
    display: flex;
    flex-direction: column;
    width: 100%;    
    padding: 20px;
}

.colorPickerContainer[b-ggxxrajrak] {
       margin-bottom: -3px !important;
}

.colorPickerTitle[b-ggxxrajrak]{
    margin-bottom: 3px;
}

.notesArea[b-ggxxrajrak] {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    padding-top: 0px;
}

.textElement[b-ggxxrajrak] {
    width: 100%;
    border: solid 1px #ced4da;    
}

input[b-ggxxrajrak] {
    border: solid #ced4da;
    border-width: thin;
    border-radius: 0.25rem;
    height: 36px;    
}

.inputContainer[b-ggxxrajrak]{    
    /*margin-top: 2%;*/
    display: flex;
    flex-direction: column;
}

.datetimeInput[b-ggxxrajrak] {
    height: 150%;
}

.dateTimePicker[b-ggxxrajrak] {
    display: flex;
    flex-direction: column;
}

.updateButton[b-ggxxrajrak] {
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}

#buttonElement[b-ggxxrajrak] {
    width: 100%;    
}

.btnSave[b-ggxxrajrak] {
    background-color: #42ada4;
    color: #fff;
    border: 0px;
    border-radius: 5px;
    height: 35px;
}

    .btnSave:hover[b-ggxxrajrak] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }
/* _content/QuickPic3/Pages/QuickFleet/Vehicles/EditVehicleComponents/TravelAndExpenses.razor.rz.scp.css */
.extraInfo[b-pkgtghf6as]{    
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;  
    width: 100%;
}

.vehicleInfo[b-pkgtghf6as] {
    display: flex;
    flex-direction: column;
    float: left;    
    padding-bottom: 10px;    
}

#vehicleName[b-pkgtghf6as]{      
    text-align: left;
    color: #808080;
}

#currentKm[b-pkgtghf6as]{
    color: #C82525;
    text-align: left;
}

.tableContainer[b-pkgtghf6as] {
    text-align: center;
    font-size: 10px;
    width: 100%;
    padding: 10px;
}

#addButton[b-pkgtghf6as]{    
    float: left;    
    text-align: left;
}

/*table {
    border-bottom: solid 2px #E0E0E0;
}*/

/*th {
    font-size: 12px;
    background-color: #F5F5F5;
    text-align: left;
    font-size: 12px;
    border-right: solid 2px #E0E0E0;
    border-left: solid 2px #E0E0E0;
    border-top: solid 2px #E0E0E0;
    height: 50px;
}*/

.ExpensesTable[b-pkgtghf6as] {
    text-align: center;
    width: 100%;
}

/*tr:nth-child(odd) {
    background-color: #F5F5F5;
}*/

/*td {
    text-align: left;
    font-size: 12px;
    border-right: solid 2px #E0E0E0;
    border-left: solid 2px #E0E0E0;
    color: #808080;
    height: 50px;
    width: 11%;
}
*/
/*td, th {    
    padding-left: 5px;
}*/

.expenseInput[b-pkgtghf6as]{
    width: 102px;
}

.newExpenseRow[b-pkgtghf6as]{
    width: 100%;    
}

input[b-pkgtghf6as] {
    width: 100%;
}

.CommandCol[b-pkgtghf6as] {
    text-align: left;
}
    .CommandCol button[b-pkgtghf6as]{
        width: 30px;
        height: 30px;
    }

.btn-add-expense[b-pkgtghf6as] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
}

.btn-add-expense:hover[b-pkgtghf6as] {
    background-color: var(--brand-secondary) !important;
    color: #fff !important;
}

.newExpenseRow[b-pkgtghf6as]{
    background-color: lightgreen;
}

.editingRow[b-pkgtghf6as]{
    background-color: lightpink !important;
}

.expenseButtons button[b-pkgtghf6as] {
    width: 30px;
    height: 30px;
}

.tableIcon[b-pkgtghf6as] {
    display: flex;
    align-items: center;
    margin-left: -4px;
    margin-top: -4px;
}

.tableControls[b-pkgtghf6as] {
    flex: 0 1 auto;
}

.extraInfo2[b-pkgtghf6as] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}

.extraInfoRight[b-pkgtghf6as] {
    display: flex;
    flex-direction: row;
    /*float: right;*/
    justify-content: flex-end;
    padding: 10px;
    gap: 10px;
}

.overlay[b-pkgtghf6as] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999 !important;
}

.form-values[b-pkgtghf6as] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}

.top-button[b-pkgtghf6as] {
    height: 36px;
}

.top-text[b-pkgtghf6as] {
    margin-top: -8px;
}

    .top-text span[b-pkgtghf6as] {
        margin-top: 3px !important;
    }

textarea[b-pkgtghf6as] {
    width: 100%;
    height: 72px !important;
}


.text-a[b-pkgtghf6as] {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

.file-upload-container[b-pkgtghf6as] {
    display: flex;
    align-items: flex-start;
}

.file-upload[b-pkgtghf6as] {
    margin-right: 20px;
    margin-left: 5px;
}

.file-list[b-pkgtghf6as] {
    display: flex;
    gap: 5px;
    flex-direction: row;
    margin-top: 8px;
}

.FileItem[b-pkgtghf6as] {
    border: 1px solid #434a4f;
    border-radius: 5px;
    padding: 2px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.RemoveFile[b-pkgtghf6as] {
    border: none;
    border-radius: 5px;
    margin-left: 3px;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    background-color: #C8252C;
    font-size: 14px;
}

.FileIcon[b-pkgtghf6as] {
    font-size: 14px;
    color: white;
    font-weight: 700;
    margin-left: -2px;
}

#saveButton[b-pkgtghf6as] {
    background-color: #42ada4;
}
/* _content/QuickPic3/Pages/QuickFleet/Vehicles/EditVehicleComponents/VehicleDocuments.razor.rz.scp.css */
.mainTable[b-h923te29hy]{    
    width: 100%;
    text-align: left;
    padding: 10px;
}

table[b-h923te29hy] {
    border-bottom: solid 2px #E0E0E0;
    width: 100%;
}

.FileTypeErrorMessage[b-h923te29hy]{
    background-color: #C8252C;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
    color: white !important;
    padding: 5px;
}

th[b-h923te29hy] {
    border-right: solid 2px #E0E0E0;
    border-left: solid 2px #E0E0E0;
    border-top: solid 2px #E0E0E0;
}

td[b-h923te29hy], th[b-h923te29hy] {
    height: 50px;
    padding-left: 5px;
}

td[b-h923te29hy] {
    border-right: solid 2px #E0E0E0;
    border-left: solid 2px #E0E0E0;
}

tr:nth-child(odd)[b-h923te29hy] {
    background-color: #F5F5F5;
}

a[b-h923te29hy]{    
    cursor: pointer;        
    text-decoration: none;
    color: inherit;
}

.buttonContainer[b-h923te29hy] {
    display: flex;    
}

.attachmentButton[b-h923te29hy]{
    margin-right: 2%;
    background-color: white;
}

#AddButton[b-h923te29hy] {
    background-color: var(--brand-primary);
    width: fit-content;
    color: #fff;
    float: left;
    padding: 10px;
    margin-bottom: 1%;
}

    #AddButton:hover[b-h923te29hy] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.fileTypeContainer[b-h923te29hy]{
    display: flex;
    flex-direction: column;
}

.mainModalContainer[b-h923te29hy] {
    display: flex;
    flex-direction: column;         
}

.containingDiv[b-h923te29hy]{
    padding: 10px;
    margin-left: auto;
    margin-right: auto;    
    text-align: left;    
    width: 50%;
}

.docTypeSelection[b-h923te29hy]{
    width: 100%;    
}

.SelecteedFile[b-h923te29hy]{
    width: 200px;    
    overflow: clip;
    text-align: left;
}

.editingRow[b-h923te29hy]{
    background-color: lightpink;
}

.tableControls[b-h923te29hy] {
    flex: 0 1 auto;
}

.extraInfo2[b-h923te29hy] {
    display: flex;
    flex-direction: column;
    float: left;
    padding: 10px;
}

.extraInfoRight[b-h923te29hy] {
    display: flex;
    flex-direction: row;
    /*float: right;*/
    justify-content: flex-end;
    padding: 10px;
    gap: 10px;
}

.overlay[b-h923te29hy] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999 !important;
}

.form-values[b-h923te29hy] {
    margin: 10px;
    /*margin-bottom: 10px;*/
    border: 1px solid rgba(200, 37, 44, 0.8);
    box-shadow: 0 0 10px rgba(200, 37, 44, 0.5);
    border-radius: 7px;
    height: fit-content;
    padding: 10px;
    background-color: #fff;
}

.top-button[b-h923te29hy] {
    height: 36px;
}

.top-text[b-h923te29hy] {
    margin-top: -8px;
}

    .top-text span[b-h923te29hy] {
        margin-top: 3px !important;
    }

textarea[b-h923te29hy] {
    width: 100%;
    height: 72px !important;
}


.text-a[b-h923te29hy] {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);    
}

.CommandCol[b-h923te29hy] {
    text-align: left;
    display: flex;
}

    .CommandCol button[b-h923te29hy] {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .CommandCol span[b-h923te29hy] {
        margin-top: 5px;
    }

#saveButton[b-h923te29hy] {
    background-color: #42ada4;
}
/* _content/QuickPic3/Pages/QuickFleet/Vehicles/EditVehicleComponents/VehicleHistory.razor.rz.scp.css */
.topRow[b-pyre5t9obe] {
    display: flex;
    flex-direction: row;
    width: fit-content;
    align-items: center;
    height: fit-content;
}

.topRowItem[b-pyre5t9obe] {
    width: 100%;
    padding: 10px;
    padding-left: 0px;
}

table[b-pyre5t9obe] {
    border-bottom: solid 2px #E0E0E0;
    width: 50%;
}

th[b-pyre5t9obe] {
    font-size: 12px;
    background-color: #F5F5F5;
    text-align: left;
    font-size: 12px;
    border-right: solid 2px #E0E0E0;
    border-left: solid 2px #E0E0E0;
    border-top: solid 2px #E0E0E0;
    height: 50px;
}

td[b-pyre5t9obe], th[b-pyre5t9obe] {
    padding-left: 5px;
}

tr:nth-child(odd)[b-pyre5t9obe] {
    background-color: #F5F5F5;
}

td[b-pyre5t9obe] {
    text-align: left;
    font-size: 12px;
    border-right: solid 2px #E0E0E0;
    border-left: solid 2px #E0E0E0;
    color: #808080;
    height: 50px;
    width: 11%;
}

#lblActive[b-pyre5t9obe] {
    padding-left: 10%;
}

#btnAddExpense[b-pyre5t9obe] {        
    padding: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#btnDelete[b-pyre5t9obe] {
    height: 30px;
    width: 30px;
    margin-top: 3%;
}

#btnSave[b-pyre5t9obe] {
    height: 30px;
    width: 30px;
    margin-top: 3%;
}

.MainContainer[b-pyre5t9obe] {
    width: 100%;
}

.cbxActiveContainer[b-pyre5t9obe] {
    display: flex;
    align-items: center;
}

.btn-outline-success[b-pyre5t9obe] {
    height: 30px !important;
    background-color: white;
}

.NewRow[b-pyre5t9obe]{
    background-color: lightgreen;
}

.tableButton[b-pyre5t9obe] {
    margin-top: -5px;
    margin-left: -4px;
    display: flex;
}

#btnSave[b-pyre5t9obe] {
    color: #42ada4;
    border-color: #42ada4;
}

    #btnSave:hover[b-pyre5t9obe] {
        color: white;
        background-color: #42ada4;
    }
/* _content/QuickPic3/Pages/QuickFleet/Vehicles/Index.razor.rz.scp.css */
.bookingsTable[b-a64xoqzr78] {
    width: 100%;        
}

.carColor[b-a64xoqzr78] {
    width: 20px;
    height: 20px;
}

.topControl[b-a64xoqzr78] {
    display: flex;
    width: 100%;
    align-items: center;
}

.pagingComponent[b-a64xoqzr78] {
    width: 100%;
}

#bookingsCell[b-a64xoqzr78] {
    padding: 0px !important;
}

.RemoveBorderRight[b-a64xoqzr78] {
    border-right: none !important;
}

.RemoveBorderLeft[b-a64xoqzr78] {
    border-left: none !important;
}

.addBtnContainer > button[b-a64xoqzr78] {
    padding: 1px;
    padding-left: 6px;
    padding-right: 6px;
}
.addFleetContainer[b-a64xoqzr78] {
    height: 100%;
    padding-top: 0.3%;
}

.btnAddFleet[b-a64xoqzr78] {
    background-color: var(--brand-primary);
    width: 100%;
    color: #fff;
    padding: 5px;
}

    .btnAddFleet:hover[b-a64xoqzr78] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.ExpandFleet[b-a64xoqzr78] {
    color: #808080;
    width: 10px;
}

.Damaged[b-a64xoqzr78]{
    color: #C8252C;
}

.DeleteColumn[b-a64xoqzr78]{
    text-align: center;
}

.MoreIconContainer svg[b-a64xoqzr78] {
    transform: rotate(270deg);
}

.ArrowIcon[b-a64xoqzr78] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -2px;
}

.searchBox[b-a64xoqzr78] {
    width: 20%;
}

.ItemsPerPageDropdown[b-a64xoqzr78] {
    display: flex !important;
    justify-content: end !important;
    width: 100%;
}
/* _content/QuickPic3/Pages/Videos/Components/VideosFeed.razor.rz.scp.css */
.videos-feed-box[b-tv154y2qfe] {
    width: 100%;
    /*    width: 320px;
    height: 400px;
    max-width: 300px;
    max-height: 260px;*/
}

.app[b-tv154y2qfe] {
    display: grid;
    column-gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    
}

.videos-grid-tile[b-tv154y2qfe] {
    margin: 0px 0px 5px 0px;
    height: auto;
    width: 100%;
    position: relative;
    background-color:#fff;
}

    .videos-grid-tile:first-child[b-tv154y2qfe] {
        grid-column: span 2;
        grid-row: span 2;
    }

@media screen and (min-width: 1683px) {
    .app[b-tv154y2qfe] {
        display: grid;
        column-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }

    .videos-grid-tile:first-child[b-tv154y2qfe] {
        grid-column: span 4;
        grid-row: span 2;
    }
}
@media screen and (min-width: 1000px) {
    .app[b-tv154y2qfe] {
        display: grid;
        column-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}
/*@media screen and (man-width: 1152px) {
    .app {
        display: grid;
        column-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-template-rows: auto;
    }
    .videos-grid-tile:first-child {
        grid-column: span 2;
        grid-row: span 3;
    }
}*/

@media screen and (min-width: 900px) {
    .app[b-tv154y2qfe] {
        display: grid;
        column-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}
@media screen and (max-width: 900px) {
    .app[b-tv154y2qfe] {
        display: grid;
        column-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}
@media screen and (max-width: 800px) {
    .app[b-tv154y2qfe] {
        display: grid;
        column-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 520px) {
    .app[b-tv154y2qfe] {
        display: grid;
        column-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .videos-grid-tile:first-child[b-tv154y2qfe] {
        grid-column: span 1;
        grid-row: span 1;
    }
}
/* _content/QuickPic3/Pages/Videos/Components/VideoTile.Razor.rz.scp.css */
.news-grid-tile[b-p81ukrzipw] {
    height: auto;
    width: 100%;
    position: relative;
    background-color: #fff;
    /*border: solid 1px #b3b6b8;
    border: solid 1px #b3b6b8;*/
    border-radius: 7px;
    border: solid 1px rgba(0,0,0,0);
}

.video-tile-hero[b-p81ukrzipw] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    background-color: var(--brand-tile-item-bg,--default-tile-item-bg);
    /*border: 1px solid red;*/
    border-radius: 10px;
    max-width: 700px;
    min-width: 300px;
    height: 600px;
    cursor: pointer;
}

/*.video-tile {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    background-color: var(--brand-tile-item-bg,--default-tile-item-bg);
    border: 1px solid transparent;
    border-radius: 10px;
   
}*/
.adapt-tile[b-p81ukrzipw] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    background-color: var(--brand-tile-item-bg,--default-tile-item-bg);
    border: 1px solid transparent;
    border-radius: 7px;
    display: flex;
    flex-flow: column;
    height: 100%;
    cursor: pointer;
}



.video-tile:hover[b-p81ukrzipw] {
    /* border: 1px solid #ededed;*/
    border-radius: 7px;
    /*color: var(--brand-tile-item-text-h,--default-tile-item-text-h);
        background-color: var(--brand-tile-item-bg-h,--default-tile-item-bg-h);*/
}

.video-tile-hero:hover[b-p81ukrzipw] {
    /*  border: 1px solid #ededed;*/
    border-radius: 7px;
    /* color: var(--brand-tile-item-text-h,--default-tile-item-text-h);
        background-color: var(--brand-tile-item-bg-h,--default-tile-item-bg-h);*/
}

.video-tile-image-footer[b-p81ukrzipw] {
    padding-left: 5px;
    padding-right: 5px;
    align-self: end;
    height: 30px;
    width: 100%;
    background-color: #3030309f;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: small;
}

.video-tile-brand[b-p81ukrzipw] {
    font-weight: 700;
}

.video-tile-subtitle[b-p81ukrzipw] {
    line-height: 1.3;
    font-size: large;
    margin-top: 4px;
    width: stretch;
    height: 2.9rem;
    padding-left: 3px;
    padding-right: 3px;
    color: var(--default-text-news);
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-tile-subtitle-hero[b-p81ukrzipw] {
    line-height: 1;
    margin-top: 13px;
    width: stretch;
    font-size: xx-large;
    font-weight: 700;
    padding-left: 2px;
    padding-right: 5px;
    color: var(--default-text-news);
    height: 4.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-tile-body[b-p81ukrzipw] {
    width: stretch;
    height: 200px;
    background-color: #eeeeeeee;
}

.video-tile-summary[b-p81ukrzipw] {
    line-height: 1.5;
    margin-top: 10px;
    font-size: small;
    height: 3.6rem;
    padding-left: 2px;
    color: var(--default-text-news);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-tile-summary-hero[b-p81ukrzipw] {
    line-height: 1.5;
    font-size: small;
    padding-left: 2px;
    color: var(--default-text-news);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 500px) {
    .video-tile-subtitle-hero[b-p81ukrzipw] {
        line-height: 1.2;
        margin-top: 5px;
        width: stretch;
        font-size: large;
        font-weight: 700;
        padding-left: 2px;
        padding-right: 5px;
        color: var(--default-text-news);
        height: 4.9rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


/* _content/QuickPic3/Pages/Videos/Index.razor.rz.scp.css */
.playButtonImage[b-sqw0ir3cad] {
    position: absolute;
    width: 20%;
    align-self: center;
}

.playButtonImage-nonHero[b-sqw0ir3cad] {
    position: absolute;
    width: 40%;
    align-self: center;
}

.latestVideosPlayButton[b-sqw0ir3cad] {
    width: 50%;
    position: absolute;
    align-self: center;
    left: 25%;
    display: flex;
}

.MoreIconContainer[b-sqw0ir3cad] {
    margin-right: 3px;
    margin-top: -3px;
}

.TopControl[b-sqw0ir3cad] {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: -5px;
    position: sticky !important;
    top: 0;
    z-index: 100;
    background-color: white;
}

.CompareIcon[b-sqw0ir3cad] {
    font-size: 10px !important;
    margin-right: 2px;
}

.ImageElement[b-sqw0ir3cad] {
    width: 100% !important;
    border-radius: 7px;
}

.FooterContainer[b-sqw0ir3cad] {
    margin-top: 25px;
    margin-left: 300px;
    text-align: center;
    color: #C8252C;
}

    .FooterContainer > a[b-sqw0ir3cad] {
        margin-right: 15px;
        cursor: pointer;
        color: #C8252C !important;
    }

        .FooterContainer > a:hover[b-sqw0ir3cad] {
            color: #42ada4 !important;
        }

.iconSpan[b-sqw0ir3cad] {
    font-size: 28px !important;
    margin-top: -1px !important;
}

.MoreButtonContainer[b-sqw0ir3cad] {
    padding-left: 3px;
    margin-top: -10px;
    padding-bottom: 1px;
    margin-left: 7px;
}

.moreButton[b-sqw0ir3cad] {
    border-radius: 7px;
    color: #434a4f;
    border: solid 1px #E8ECED;
    font-size: 15px;
    background-color: inherit;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 25px;
    cursor: pointer;
    padding-right: 2px;
}

    .moreButton:hover span[b-sqw0ir3cad] {
        color: var(--brand-primary) !important;
    }

.MoreButtonContainer:hover[b-sqw0ir3cad] {
    color: var(--brand-primary) !important;
}


.PagerControl[b-sqw0ir3cad] {
    margin-right: 7px;
}

.news-feed-box[b-sqw0ir3cad] {
    width: 100%;
    margin-top: 7px;
}

.app[b-sqw0ir3cad] {
    display: grid;
    column-gap: 25px !important;
    row-gap: 25px !important;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

img[b-sqw0ir3cad] {
    overflow: hidden;
}

.news-grid-tile[b-sqw0ir3cad] {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    border: solid 1px rgba(0,0,0,0);
}

    .news-grid-tile:hover[b-sqw0ir3cad] {
        border: solid 1px var(--brand-primary);
    }

    .news-grid-tile:first-child[b-sqw0ir3cad] {
        grid-column: span 3;
        grid-row: span 2;
    }

.HeroImageElement[b-sqw0ir3cad] {
    width: 100% !important;
    border-radius: 7px;
}

.news-tile-hero[b-sqw0ir3cad] {
    border: none;
    display: flex;
    flex-direction: column;
    max-height: 588px;
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    position: relative;
    border: solid 1px #b3b6b8 !important;
}

@media screen and (min-width: 1683px) {
    .app[b-sqw0ir3cad] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }

    .news-grid-tile:first-child[b-sqw0ir3cad] {
        grid-column: span 4;
        grid-row: span 2;
    }
}

@media screen and (min-width: 1000px) {
    .app[b-sqw0ir3cad] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding-left: 20px;
        /*padding-right: 20px;*/
    }
}

@media screen and (min-width: 900px) {
    .app[b-sqw0ir3cad] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 900px) {
    .app[b-sqw0ir3cad] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media screen and (max-width: 800px) {
    .app[b-sqw0ir3cad] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 520px) {
    .app[b-sqw0ir3cad] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .news-grid-tile:first-child[b-sqw0ir3cad] {
        grid-column: span 1;
        grid-row: span 1;
    }
}

.adapt-tile[b-sqw0ir3cad] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    background-color: var(--brand-tile-item-bg,--default-tile-item-bg);
    border-radius: 7px;
    display: flex;
    flex-flow: column;
    height: 100%;
    cursor: pointer;
}

.newsTile[b-sqw0ir3cad] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.news-tile:hover[b-sqw0ir3cad] {
    border-radius: 7px;
}

.news-tile-hero:hover[b-sqw0ir3cad] {
    border-radius: 7px;
}

.news-tile-image-footer[b-sqw0ir3cad] {
    padding-left: 5px;
    padding-right: 5px;
    align-self: end;
    max-height: 30px;
    height: 25px;
    min-height: 25px;
    width: 100%;
    background-color: rgba(0,0,0,0.7) !important;
    color: white !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: small;
    position: absolute;
    bottom: 0px;
}

.news-tile-brand[b-sqw0ir3cad] {
    font-weight: 700;
    color: white !important;
    font-size: 12px !important;
}

.news-tile-date[b-sqw0ir3cad] {
    color: white !important;
    font-size: 12px !important;
}

.news-tile-subtitle[b-sqw0ir3cad] {
    line-height: 1.3;
    font-size: 16px;
    height: 2.9rem;
    margin-top: 4px;
    padding-left: 3px;
    padding-right: 3px;
    color: var(--default-text-news);
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-tile-subtitle-hero[b-sqw0ir3cad] {
    line-height: 1.2;
    width: stretch;
    font-size: 20px;
    font-weight: 700;
    padding-left: 2px;
    padding-right: 5px;
    height: 2.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 8px;
}

.news-tile-body[b-sqw0ir3cad] {
    width: stretch;
    height: 200px;
    background-color: #eeeeeeee;
}


.news-tile-summary[b-sqw0ir3cad] {
    line-height: 1.5;
    margin-top: 10px;
    font-size: 14px;
    padding-left: 2px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 63px;
}

.news-tile-summary-hero[b-sqw0ir3cad] {
    line-height: 1.5;
    font-size: 14px;
    padding-left: 2px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    height: 63px;
}



.auto-spec-box[b-sqw0ir3cad] {
    margin-top: 5px;
    margin-right: 3px;
}

.auto-spec-box-title[b-sqw0ir3cad] {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    color: var(--brand-primary,--brand-default);
    cursor: pointer;
    color: var(--brand-primary) !important;
    width: fit-content;
    margin-top: 8px;
}

.vidTileContainer[b-sqw0ir3cad] {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.vid-box-title[b-sqw0ir3cad] {
    margin-left: 15px;
    margin-bottom: 14px;
    padding: 0px;
    height: 30px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    color: var(--brand-primary) !important;
    width: fit-content;
    margin-top: 0px;
}

.auto-spec-tile[b-sqw0ir3cad] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    border: solid 1px transparent;
    border-radius: 5px;
    margin-bottom: 5px;
    width: 96.5%;
    font-size: smaller;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

    .auto-spec-tile:hover[b-sqw0ir3cad] {
        border-color: var(--brand-primary);
    }

        .auto-spec-tile:hover .auto-spec-compare[b-sqw0ir3cad] {
            border-color: var(--brand-primary);
        }

.compare-section[b-sqw0ir3cad] {
    position: relative;
    bottom: -10px;
}

.auto-spec-compare[b-sqw0ir3cad] {
    color: #434a4f;
    background-color: inherit;
    border: 1px solid #b3b6b8;
    border-radius: 5px;
    align-items: center !important;
    display: flex;
    height: 25px;
}

.auto-spec-tile-video[b-sqw0ir3cad] {
    border-color: #595959 !important;
    width: 259px !important;
    margin-right: -5px !important;
}

.auto-spec-tile-side[b-sqw0ir3cad] {
    margin-left: 17px;
    width: 100%;
    margin-top: -2px;
    border: none;
}

.auto-spec-tile-brand[b-sqw0ir3cad] {
    color: #434a4f !important;
    width: 100% !important;
}

.auto-spec-tile-price[b-sqw0ir3cad] {
    color: var(--default-text-news,--default-tertiary);
    font-weight: 700;
    color: #434a4f !important;
    font-size: 14px;
    white-space: nowrap;
    width: 100% !important;
}

.auto-spec-tile-range[b-sqw0ir3cad] {
    color: var(--brand-primary,--brand-default);
    font-size: 11px;
    color: #434a4f !important;
    width: 100%;
    margin-right: -14px;
    text-align: right;
}

.auto-spec-tile-summary[b-sqw0ir3cad] {
    width: 100%;
    height: 55px;
    overflow: clip;
    color: #434a4f !important;
}

.nameAndDate[b-sqw0ir3cad] {
    width: 170px;
    color: #434a4f !important;
    font-weight: 700;
}

.auto-spec-tile-date[b-sqw0ir3cad] {
    color: var(--brand-primary,--brand-default);
    font-size: 13px !important;
    color: #434a4f !important;
    width: 100%;
}

.dateContainer[b-sqw0ir3cad] {
    display: flex;
    width: 90%;
}

.priceContainer[b-sqw0ir3cad] {
    margin-top: -4px;
    width: 100%;
}

.vid-tile[b-sqw0ir3cad] {
    color: var(--default-text-news);
    border: solid 1px transparent;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: smaller;
    margin-left: 3px;
}

    .vid-tile:hover[b-sqw0ir3cad] {
        border-color: var(--brand-primary);
    }

.vid-date[b-sqw0ir3cad] {
    text-align: right;
    margin-right: 6px !important;
    color: #434a4f;
    font-size: 11px !important;
    min-width: 65px;
}

.vid-tile-video[b-sqw0ir3cad] {
    width: 142px !important;
    position: inherit;
    border-color: #595959 !important;
    margin-right: 6px !important;
    position: relative;
    display: flex;
    text-align: center;
}

.vid-tile-side[b-sqw0ir3cad] {
    margin-left: 7px;
    max-width: 100%;
    margin-top: -2px;
    width: 300px;
}

.vid-tile-brand[b-sqw0ir3cad] {
    color: #434a4f !important;
    font-weight: 700;
}

.vid-tile-summary[b-sqw0ir3cad] {
    width: 100%;
    height: 55px;
    color: var(--default-text-news);
    overflow: clip;
    color: #434a4f !important;
    text-overflow: ellipsis;
    font-size: 12px;
}

.brandAndDate[b-sqw0ir3cad] {
    width: 100% !important;
    color: white !important;
    display: flex;
}

#autoSpecFeedBox[b-sqw0ir3cad] {
    background-color: #E8ECED !important;
    border-radius: 7px;
    margin-left: -10px;
    width: 380px;
}

#mainSideBarContainer[b-sqw0ir3cad] {
    margin-left: 18px !important;
}

#videoFeedBox[b-sqw0ir3cad] {
    background-color: #E8ECED !important;
    border-radius: 7px;
    margin-bottom: 12px !important;
    margin-top: -5px;
    padding-top: 5px;
    margin-left: -10px;
    width: 380px !important;
}

@media screen and (max-width: 500px) {
    .news-tile-subtitle-hero[b-sqw0ir3cad] {
        line-height: 1.2;
        margin-top: 5px;
        width: stretch;
        font-size: 16px;
        font-weight: 700;
        padding-left: 2px;
        padding-right: 5px;
        color: var(--default-text-news);
        height: 4.9rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.Top-Control-Mobile[b-sqw0ir3cad] {
    display: none;
}

@media only screen and (max-width: 820px) and (max-height: 1200px) {
    .TopControl[b-sqw0ir3cad] {
        display: none;
    }

    .Top-Control-Mobile[b-sqw0ir3cad] {
        display: unset;
    }

    .BreadCrumbContainerMobile[b-sqw0ir3cad] {
        padding: 5px;
        padding-left: 5px;
        width: 100%;
        white-space: break-spaces;
        display: flex;
        flex-wrap: wrap;
    }

    .BreadCrumbItem-Mobile[b-sqw0ir3cad] {
        cursor: pointer;
        align-items: center;
        display: flex;
        white-space: nowrap;
        width: fit-content;
    }

    .Top-Control-Mobile[b-sqw0ir3cad] {
        display: flex;
        flex-direction: column;
    }

    .bottomBorder[b-sqw0ir3cad] {
        border-bottom: solid 1px #CCCCCC !important;
        width: 120%;
        margin-left: -10%;
    }

    .BreadCrumbItem-Mobile > div[b-sqw0ir3cad] {
        font-weight: 700;
        color: #808080 !important;
    }

    .BreadCrumbItem[b-sqw0ir3cad] {
        width: fit-content;
        align-items: center;
        cursor: pointer;
        display: flex;
    }

    .lastItem[b-sqw0ir3cad] {
        color: var(--brand-primary);
    }
}
/* _content/QuickPic3/Pages/_Shared/Beam.razor.rz.scp.css */

.pageContainer[b-jmz8vp6tso] {
    /*background-image: url('images/bg/bg_gray.webp');*/
    background-image: url('images/DealerbackGrounds/renualt.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    margin-top: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.regButton[b-jmz8vp6tso] {
    border: solid 1px #808080;
}

.MainContainer[b-jmz8vp6tso] {
    color: #595959;
    margin: 20px;
    margin-top: 160px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    padding: 10px;
    background-color: white;
    border-radius: 5px;
    /*background-image: url("/wwwroot/images/bg/bg_gray.webp");*/
}

.emailContainer[b-jmz8vp6tso] {
    display: flex;
    flex-direction: column;
    margin: 10px;
    margin-top: 20px;
}

.passContainer[b-jmz8vp6tso] {
    display: flex;
    flex-direction: column;
    margin: 10px;
}

button[b-jmz8vp6tso] {
    margin-top: 10px;
}

.btnContainer[b-jmz8vp6tso] {
    display: flex;
    flex-direction: column;
    margin: 10px;
}

.labelContainer[b-jmz8vp6tso] {
    display: flex;
}

label[b-jmz8vp6tso] {
    width: 100%;
}

.lblRight[b-jmz8vp6tso] {
    text-align: right;
}

.aRight[b-jmz8vp6tso] {
    /*color: #C8252C;*/
    text-decoration: none;
    cursor: pointer;
}

.logoContainer[b-jmz8vp6tso] {
    text-align: center;
    margin-top: 10px;
}

#brandImage[b-jmz8vp6tso] {
    width: 50%;
}

.messageContainer[b-jmz8vp6tso] {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 20px;
}

.subHeaderlbl[b-jmz8vp6tso] {
    font-size: 22.5px;
}

.headerlbl[b-jmz8vp6tso] {
    font-weight: 700;
    font-size: 28px;
}

input[b-jmz8vp6tso] {
    border: solid #E0E0E0 1px;
    border-radius: 5px;
    margin-top: 5px;
}

@media only screen and (max-width: 820px) and (max-height: 1200px) {
    .MainContainer[b-jmz8vp6tso] {
        width: 100%;
    }
}
/* _content/QuickPic3/Pages/_Shared/Blogs.razor.rz.scp.css */
.loading-container[b-twq2vejzdn] {
    background: url('/images/bg/bg_white.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
}

.ButtonBar[b-twq2vejzdn] {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: -5px;
    top: 0;
    z-index: 100;
    background-color: white;
}

.loading-box[b-twq2vejzdn] {
    background: url('/images/loading/loading.gif');
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-origin: border-box;
    background-position-x: 125px;
    background-position-y: 80px;
    border: 1px solid #808080FF;
    color: #808080FF;
    margin-top: 50px;
    width: 300px;
    height: 200px;
    background-color: white;
    align-self: center;
}

.spaceDivs[b-twq2vejzdn] {
    margin-bottom: 25px;
}

.brandContactContainer[b-twq2vejzdn] {
    margin-bottom: 30px;
}

.TopControl[b-twq2vejzdn] {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.PagerControl[b-twq2vejzdn] {
    margin-right: 30px;
}

.news-feed-box[b-twq2vejzdn] {
    width: 100%;
    background-color: white;
}


.app[b-twq2vejzdn] {
    display: grid;
    column-gap: 25px !important;
    row-gap: 25px !important;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    padding-bottom: 20px;
}

img[b-twq2vejzdn] {
    overflow: hidden;
}

.news-tile-date[b-twq2vejzdn] {
    font-weight: 700;
    color: white !important;
    font-size: 12px !important;
}

.news-grid-tile[b-twq2vejzdn] {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    border: solid 1px rgba(0,0,0,0);
    overflow: hidden;
    padding-bottom: 5px;
}
    .news-grid-tile:hover[b-twq2vejzdn] {
        border: solid 1px var(--brand-primary);
        box-shadow: #7b8083 5px 5px 5px 0px;
    }

    .news-grid-tile:first-child[b-twq2vejzdn] {
        grid-column: span 3;
        grid-row: span 2;
    }

.news-tile-hero[b-twq2vejzdn] {
    border: none;
    display: flex;
    flex-direction: column;
    max-height: 593px;
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    position: relative;
    border: solid 1px #b3b6b8 !important;
}

.news-grid-tile:first-child[b-twq2vejzdn] {
    margin-bottom: 0px;
}

.adapt-tile[b-twq2vejzdn] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    background-color: var(--brand-tile-item-bg,--default-tile-item-bg);
    border-radius: 7px;
    display: flex;
    flex-flow: column;
    height: 100%;
    cursor: pointer;
}

.newsTile[b-twq2vejzdn] {
    display: flex;
    flex-direction: column;
    border: solid 1px #b3b6b8 !important;
    position: relative;
}

.news-tile:hover[b-twq2vejzdn] {
    border-radius: 7px;
}

.news-tile-hero:hover[b-twq2vejzdn] {
    border-radius: 7px;
}

.news-tile-image-footer[b-twq2vejzdn] {
    padding-left: 5px;
    padding-right: 5px;
    align-self: end;
    max-height: 30px;
    height: 25px;
    min-height: 25px;
    width: 100%;
    background-color: rgba(0,0,0,0.7) !important;
    color: white !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: small;
    position: absolute;
    bottom: 0px;
}

.news-tile-brand[b-twq2vejzdn] {
    font-weight: 700;
    color: white !important;
    font-size: 12px !important;
}

.news-tile-subtitle[b-twq2vejzdn] {
    line-height: 2.3;
    font-size: 16px;
    height: 2.9rem;
    padding-left: 3px;
    padding-right: 3px;
    color: var(--default-text-news);
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 3px;
}

.news-tile-subtitle-hero[b-twq2vejzdn] {
    line-height: 2.3;
    width: stretch;
    font-size: 20px;
    font-weight: 700;
    padding-left: 2px;
    padding-right: 5px;
    height: 2.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 5px;
    margin-bottom: 4px;
}

.news-tile-body[b-twq2vejzdn] {
    width: stretch;
    height: 200px;
    background-color: #eeeeeeee;
}


.news-tile-summary[b-twq2vejzdn] {
    line-height: 1.5;
    font-size: 14px;
    padding-left: 2px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 64px;
    margin-left: 3px;
    margin-left: 5px;
    margin-bottom: 15px;
}

.news-tile-summary-hero[b-twq2vejzdn] {
    font-size: 14px;
    padding-left: 2px;
    /*margin-bottom: -26px;*/
    color: var(--default-text-news);
    /*width: 100%;*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-left: 5px;
    
    /*//height: 100%;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.space-filler[b-twq2vejzdn] {
    flex-grow: 1;
}

.TopBar[b-twq2vejzdn] {
    margin-left: 1em;
    display: flex;
    align-items: center;
    margin-left: -5px;
    top: 0;
    z-index: 100;
    background-color: white;
}

.PagerControl[b-twq2vejzdn]{
    margin-left: auto;
}

.NoPressContainer[b-twq2vejzdn] {
    text-align: center;
    width: 100%;
    margin: auto;
    margin-top: 20px;
}

@media screen and (min-width: 1683px) {
    .app[b-twq2vejzdn] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }

    .news-grid-tile:first-child[b-twq2vejzdn] {
        grid-column: span 3;
        grid-row: span 2;
    }

}

@media screen and (min-width: 1000px) {
    .app[b-twq2vejzdn] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding-left: 20px;
        padding-right: 20px;
    }
}
/*@media screen and (man-width: 1152px) {
    .app {
        display: grid;
        column-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-template-rows: auto;
    }
    .news-grid-tile:first-child {
        grid-column: span 2;
        grid-row: span 3;
    }
}*/

@media screen and (min-width: 900px) {
    .app[b-twq2vejzdn] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 900px) {
    .app[b-twq2vejzdn] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media screen and (max-width: 800px) {
    .app[b-twq2vejzdn] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 520px) {
    .app[b-twq2vejzdn] {
        display: grid;
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .news-grid-tile:first-child[b-twq2vejzdn] {
        grid-column: span 1;
        grid-row: span 1;
    }
}

@media screen and (max-width: 500px) {
    .news-tile-subtitle-hero[b-twq2vejzdn] {
        line-height: 1.2;
        width: stretch;
        font-size: large;
        font-weight: 700;
        padding-left: 2px;
        padding-right: 5px;
        color: var(--default-text-news);
        height: 4.9rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

#autoSpecFeedBox[b-twq2vejzdn] {
    background-color: #E8ECED !important;
    border-radius: 7px;
    margin-left: -10px;
    width: 380px;
}

.MoreButtonContainer[b-twq2vejzdn] {
    padding-left: 3px;
    margin-top: -10px;
    padding-bottom: 1px;
    margin-left: 7px;
}

.moreButton[b-twq2vejzdn] {
    border-radius: 7px;
    color: #434a4f;
    border: solid 1px #E8ECED;
    font-size: 15px;
    background-color: inherit;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 25px;
    cursor: pointer;
    padding-right: 2px;
}

    .moreButton:hover span[b-twq2vejzdn] {
        color: var(--brand-primary) !important;
    }

.MoreButtonContainer:hover[b-twq2vejzdn] {
    color: var(--brand-primary) !important;
}

.CompareIcon[b-twq2vejzdn] {
    font-size: 10px !important;
    margin-right: 2px;
}

.auto-spec-tile[b-twq2vejzdn] {
    color: var(--brand-tile-item-text,--default-tile-item-text);
    border: solid 1px transparent;
    border-radius: 5px;
    margin-bottom: 5px;
    width: 96.5%;
    font-size: smaller;
    cursor: pointer;
    margin-left: 10px;
    text-decoration: none;
    margin-right: 10px;
}

    .auto-spec-tile:hover[b-twq2vejzdn] {
        border-color: var(--brand-primary);
        border: solid 1px var(--brand-primary);
        box-shadow: #7b8083 5px 5px 5px 0px;
    }

        .auto-spec-tile:hover .auto-spec-compare[b-twq2vejzdn] {
            border-color: var(--brand-primary);
        }

.compare-section[b-twq2vejzdn] {
    position: relative;
    bottom: -10px;
}

.auto-spec-compare[b-twq2vejzdn] {
    color: #434a4f;
    background-color: inherit;
    border: 1px solid #b3b6b8;
    border-radius: 5px;
    align-items: center !important;
    display: flex;
    height: 25px;
}

.auto-spec-tile-video[b-twq2vejzdn] {
    border-color: #595959 !important;
    width: 259px !important;
    margin-right: -5px !important;
}

.auto-spec-tile-side[b-twq2vejzdn] {
    margin-left: 17px;
    width: 100%;
    margin-top: -2px;
    border: none;
}

.auto-spec-tile-brand[b-twq2vejzdn] {
    color: #434a4f !important;
    width: 100% !important;
}

.auto-spec-tile-price[b-twq2vejzdn] {
    color: var(--default-text-news,--default-tertiary);
    font-weight: 700;
    color: #434a4f !important;
    font-size: 14px;
    white-space: nowrap;
    width: 100% !important;
}

.auto-spec-tile-range[b-twq2vejzdn] {
    color: var(--brand-primary,--brand-default);
    font-size: 11px;
    color: #434a4f !important;
    width: 100%;
    margin-right: -14px;
    text-align: right;
}

.auto-spec-tile-summary[b-twq2vejzdn] {
    width: 100%;
    height: 55px;
    overflow: clip;
    color: #434a4f !important;
}

.auto-spec-box[b-twq2vejzdn] {
    margin-top: 7px;
    margin-right: 3px;
}

.auto-spec-box-title[b-twq2vejzdn] {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    color: var(--brand-primary,--brand-default);
    cursor: pointer;
    color: var(--brand-primary) !important;
    width: fit-content;
    margin-top: 8px;
    margin-bottom: 10px;
}

.MoreIconContainer[b-twq2vejzdn] {
    margin-right: 3px;
    margin-top: -3px;
}

/* _content/QuickPic3/Pages/_Shared/DealerBulletin.razor.rz.scp.css */
iframe[b-ave9frgaqt]{
    position: fixed;
    height: 100%;
    width: 100%;
}
/* _content/QuickPic3/Pages/_Shared/DealerBulletinAugust.razor.rz.scp.css */
iframe[b-k1w7y8ctrd]{
    position: fixed;
    height: 100%;
    width: 100%;
}
/* _content/QuickPic3/Pages/_Shared/DealerBulletinJuly.razor.rz.scp.css */
iframe[b-x2ujqu0d4a]{
    position: fixed;
    height: 100%;
    width: 100%;
}
/* _content/QuickPic3/Pages/_Shared/DealerBulletins.razor.rz.scp.css */
iframe[b-67dypu6ohh]{
    position: fixed;
    height: 100%;
    width: 100%;
}
/* _content/QuickPic3/Pages/_Shared/Downloads.razor.rz.scp.css */
/* _content/QuickPic3/Pages/_Shared/FileDownload.razor.rz.scp.css */
.DownloadPageContainer[b-7n13ysrk8w] {
    border: solid 1px #808080;
    width: fit-content;
    padding: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
    margin-top: 10%;
    background-color: #434a4f;
}

.DownloadText[b-7n13ysrk8w]{
    color: white;
    padding: 5px;
}

.DownloadBtn[b-7n13ysrk8w] {
    color: white;
    background-color: #C8252C;
    border-radius: 5px;
    border: none;
    height: 30px;  
    padding: 5px !important;
    text-decoration: none;
}
/* _content/QuickPic3/Pages/_Shared/Flipbook.razor.rz.scp.css */


.hidden[b-opcr1eonp7]{
    display:none;
}

.shown[b-opcr1eonp7]{
    display:contents;
}

.Main-Con[b-opcr1eonp7]{

}

.nav-nav[b-opcr1eonp7]{
    display:flex;
    width:250px;
    justify-content:space-between;
}

.nav-nav div[b-opcr1eonp7]{
    min-width:110px !important;
    align-self:center;
}

.share-link[b-opcr1eonp7] {
    color: white !important;
    cursor: pointer;
}

    .share-link:hover[b-opcr1eonp7] {
        color: #C8252C !important;
    }

.share[b-opcr1eonp7] {
    color: white !important;
    cursor:pointer;
}

    .share:hover[b-opcr1eonp7] {
        color: #C8252C !important;
    }

button[b-opcr1eonp7] {
    background-color: transparent;
    border: none;
    color: white;
    padding:0;
   
}
    button span[b-opcr1eonp7] {
        padding:0 !important;
        font-size: 50px !important;
    }
    button:hover span[b-opcr1eonp7] {
        color: #C8252C;
    }

/* _content/QuickPic3/Pages/_Shared/HelpPage.razor.rz.scp.css */
video[b-kgp8xod5md]
{
    width: 100%;
    border-radius: 7px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.SideBar[b-kgp8xod5md]{
    display: flex;
    flex-direction: column;
    padding: 10px;
    padding-top: 0px;
}

.mainContainer[b-kgp8xod5md]{
    display: flex;
}

.VideoContainer video[b-kgp8xod5md]{
    width: 100%;    
}

.MainVideoContainer[b-kgp8xod5md]{
    width: 100% !important;    
    padding: 10px;
    
}

.SideBar[b-kgp8xod5md]{    
    width: 30%;
    display: flex;
}

.VideoContainer[b-kgp8xod5md]{    
    display: flex;
    width: 100%;
    padding: 10px;
    flex-direction: column;
}

.MainTitle[b-kgp8xod5md] {
    font-size: 18px;
    background-color: white;
    background-color: #434a4f;
    color: white;
    text-indent: 4px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.Title[b-kgp8xod5md]{
    font-size: 16px;background-color: white;
    background-color: #434a4f;
    color: white;
    text-indent: 4px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.VideoContainer[b-kgp8xod5md]{
    cursor: pointer;
    border: solid transparent 1px;
    border-radius: 7px;
}

    .VideoContainer:hover[b-kgp8xod5md] {
        border-color: #C8252C;
        box-shadow: #7b8083 5px 5px 5px 0px;
    }

.MainVideoContainer[b-kgp8xod5md]{
    border: solid transparent 1px;
}

.MainVideoContainer:hover[b-kgp8xod5md] {
    box-shadow: #7b8083 5px 5px 5px 0px;
    cursor: pointer;
    border-radius: 7px;
    border-color: #C8252C;
}
/* _content/QuickPic3/Pages/_Shared/IndemnityForm.razor.rz.scp.css */
div[b-ubm05axvki]{
    background-color: white;
}

.MainContainer[b-ubm05axvki]{
    padding: 10px;    
    width: 100% !important;        
    overflow-y: hidden;
}

.topRow[b-ubm05axvki] {
    display: flex;
    align-items:center;
    flex-direction: row;
    border: solid gray 1px;
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;    
}

.topRowItem[b-ubm05axvki] {
    font-size:18px;
    width: 100%;        
    text-align: center;   
}

.topRowItem > img[b-ubm05axvki]{
    width: 100%;
    max-width: 300px;
}

.can[b-ubm05axvki] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.AdditionalDriverContainer[b-ubm05axvki]{

}
.adDriverLeft[b-ubm05axvki]{

}

.adDriverLeft label[b-ubm05axvki]{
    text-indent:5px;
}


.loanAgreeMent[b-ubm05axvki] {
    border: solid gray 1px;
    padding: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;    
}

.detailsContainer[b-ubm05axvki] {
    display: flex;
    flex-direction: row;
    width: 90%;
    margin-left: auto;
    margin-right: auto;

}

.detailContanier[b-ubm05axvki] {
    width: 100%;
    border: solid gray 1px;
    padding: 5px;
}

.VehicleDetails[b-ubm05axvki] {
    display: flex;
    flex-direction: row;
    width: 240px;
  
}
.add-btn[b-ubm05axvki] {
    background: #42ada4 !important;
    color: white;
    margin-bottom: 10px;
    border: 1px solid #42ada4;
}

    .add-btn:hover[b-ubm05axvki] {
        transition: 0.1s;
        background: white !important;
        color: #42ada4;
    
    }
.detailsColumns[b-ubm05axvki] {
    display: flex;
    flex-direction: column;
    width: 100%;
    white-space:nowrap;
}

.borrowerDetails[b-ubm05axvki] {
    border: solid gray 1px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.borrowersTable[b-ubm05axvki] {
    width: 100%;
    text-align: center;
}
.left[b-ubm05axvki]{
    margin-left:15px !important;
}
.btn1[b-ubm05axvki] {
    background-color: #C8252C !important;
    border: 1px solid #C8252C !important;
    

}
    .btn1:hover[b-ubm05axvki] {
        color: #C8252C !important;
    }
.btn2[b-ubm05axvki] {
    background-color: green !important;
    border: 1px solid green !important;
    margin-left: 25px;
}

    .btn2:hover[b-ubm05axvki] {
        color: green !important;
    }

.DownloadBtn[b-ubm05axvki]{
    margin-left:auto !important;
    border-radius:7px;
    background-color:#C8252C;
    color:white;
    border:none;
    padding-right:15px;
    padding-left:15px;
}

.privacyPolicyCbx[b-ubm05axvki] {
    display:flex;
    align-items:center;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 90%;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
}
.actionBtn[b-ubm05axvki] {
    margin-left:5px;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    align-items: center;
    display:flex;
    margin-bottom:-2px;
}


.actionBtn span[b-ubm05axvki]{
    margin-bottom:-4px !important;
    margin-left:-4px !important;
}
.privacyPolicyCbx input[b-ubm05axvki]{
   width:25px !important;
   height:25px !important;
}

td[b-ubm05axvki], th[b-ubm05axvki] {
    border: solid gray 1px;
}

.AdditionalDriverContainer[b-ubm05axvki]{
    display: flex;
    flex-direction: row;
}

.adDriverLeft[b-ubm05axvki]{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

input[b-ubm05axvki]{
    margin-right: 10px;
}

.acceptedPrivacy[b-ubm05axvki] {
    margin-top: 15px;
    margin-bottom: 15px;    
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.signaturePad[b-ubm05axvki] {
    
    width: 90%;
    margin-left: auto;
    margin-right: auto;    
}

.UpdateContainer[b-ubm05axvki]{
    width: 100%;    
}

.fakeButton[b-ubm05axvki] {
    color: #42ada4;
    text-decoration: underline;
    cursor: pointer;
}

.AddressUpdateModal[b-ubm05axvki]{
    width: 600px;
    text-align: left;
}

.DocContainer[b-ubm05axvki] {
    display: flex;
    align-items: center;    
}

    .DocContainer > div[b-ubm05axvki] {
        margin-right: 5px;
        margin-left: 3px;
    }

.DownloadItem[b-ubm05axvki], .UploadDocButton[b-ubm05axvki] {
    color: white;
    text-decoration: none;
    background-color: white;
    color:  #C8252C;
    border-radius: 4px;
    border: solid 1px;
    padding: 10px !important;
    height: 30px !important;
    align-items: center;
    display: flex;
    border-color: #C8252C;
}

.UploadDocButton[b-ubm05axvki] {
    background-color: white;
    color: #808080;
    border-color: #808080;
}


/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .detailsContainer[b-ubm05axvki] {
        flex-direction: column;
    }

    .borrowersTableContainer[b-ubm05axvki] {
        overflow-y: scroll;
    }

    .borrowersTableContainer > table > tr > td[b-ubm05axvki]{
        white-space: nowrap;
    }

    .cbxText[b-ubm05axvki]{
        font-size: 12px !important;
    }
    .DownloadBtn[b-ubm05axvki] {
        white-space: nowrap;
    }

    .UpdateContainer[b-ubm05axvki]{
        width: 100% !important;
    }

    .AdditionalDriverContainer[b-ubm05axvki] {
        flex-direction: column;
        width: 100% !important;
    }    
}
/* landscape orientation */
@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : landscape) {
    .detailsContainer[b-ubm05axvki] {
        flex-direction: column;
    }
    .borrowersTableContainer[b-ubm05axvki] {
        overflow-y: scroll;
    }
        .borrowersTableContainer > table > tr > td[b-ubm05axvki] {
            white-space: nowrap;
        }
    .cbxText[b-ubm05axvki] {
        font-size: 12px !important;
    }

    .DownloadBtn[b-ubm05axvki]{
        white-space: nowrap;
    }
}
/* portrait orientation */
@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : portrait) {
    .detailsContainer[b-ubm05axvki] {
        flex-direction: column;
    }
    .borrowersTableContainer[b-ubm05axvki] {
        overflow-y: scroll;
    }
        .borrowersTableContainer > table > tr > td[b-ubm05axvki] {
            white-space: nowrap;
        }
    .cbxText[b-ubm05axvki] {
        font-size: 12px !important;
    }
    .DownloadBtn[b-ubm05axvki] {
        white-space: nowrap;
    }
}

/* _content/QuickPic3/Pages/_Shared/Index.razor.rz.scp.css */
.home-main[b-002ffdd99u] {
    background-image: url('images/bg/bg_gray.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-origin: content-box;
    color: #808080;
}

.home-section-main[b-002ffdd99u] {
    background-image: url('images/bg/bgmain.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-origin: content-box;
    color: white;
}

.home-section-gray[b-002ffdd99u] {
    background-color: rgba(245,245,245,0.9);
    color: #808080;
}

.home-section-red[b-002ffdd99u] {
    background-color: rgba(245,245,245,0.9);
    color: #808080;
}

.home-title[b-002ffdd99u] {
    text-align: center;
    font-size: 3.75rem;
    font-weight: 100;
    color: var(--brand-secondary);
    text-transform: uppercase
}

.home-subtitle[b-002ffdd99u] {
    text-align: center
}

.home-title-underline[b-002ffdd99u] {
    border-top: 2px solid #BFBFBF;
    width: 6.25rem;
    margin: 1.25rem auto 1.25rem auto
}
/* _content/QuickPic3/Pages/_Shared/MonitorFlipbook.razor.rz.scp.css */
*[b-jybcpmjczn] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
 
}


.Main-container[b-jybcpmjczn] {
    height: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: sans-serif;
   
    background-color: black;
}

.Book[b-jybcpmjczn] {
   
    position: relative;
    width: 600px;
    height: 750px;
    transition: transform 1s;

}

.page[b-jybcpmjczn] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    perspective: 10000px;

}


    

.nav-bar[b-jybcpmjczn] {
    
    display: flex;
    justify-content: space-between;
    margin-left: 1px;
    width: 1200px;
    height: 80px;
    margin-top: 10px;
    border: 1px solid white;
    align-items: center;
    padding-right: 40px;
    padding-left: 40px;
    color: white;
  
   transform: translateX(-300px);
    position:absolute;
    transition: width 1s !important;
    transition: margin 1s !important;
}

.nav-share[b-jybcpmjczn]{
 
}



.share-link[b-jybcpmjczn]{
    color:white !important;
}

    .share-link:hover[b-jybcpmjczn] {
        color: red !important;
    }

.share[b-jybcpmjczn]{
    color:white !important;
}

    .share:hover[b-jybcpmjczn] {
        color: red !important;
    }
.nav-zoom[b-jybcpmjczn] {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 10px;

}

.out[b-jybcpmjczn]{
    padding-right:100px;
}

.in[b-jybcpmjczn] {
    padding-right: 10px;
}

    .in:hover[b-jybcpmjczn], .out:hover[b-jybcpmjczn] {
        color: #c9252c;
    }
.nav-nav-nav[b-jybcpmjczn] {

    width:200px;

}
    .nav-nav[b-jybcpmjczn] {
    transition: width 1s !important;
    display: flex;
    justify-content: space-between;
    
    padding-right: 10px;
    padding-left: 10px;
    width: 300px;
    
}

    .nav-nav-nav:hover[b-jybcpmjczn]{
        color:red !important;
    }

.nav-download[b-jybcpmjczn]{

}

.book-container[b-jybcpmjczn]{
    margin-top: -90px;
}

.GoPrev[b-jybcpmjczn] {
    transition: transform 1s;
    background-color: transparent;
    border: none;
    color: white;
}

.GoNext[b-jybcpmjczn] {
    transition: transform 1s;
    background-color: transparent;
    border: none;
    color:white;
    font-size:20px;
}
span[b-jybcpmjczn]{
    font-size:140px;
}

.GoNext:hover[b-jybcpmjczn], .GoPrev:hover[b-jybcpmjczn] {
    color: #c9252c;
}

.front[b-jybcpmjczn], .back[b-jybcpmjczn] {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-origin: left;
} 

.front[b-jybcpmjczn] {
   
    transition-duration: 1s;
    z-index: 1;
    backface-visibility: hidden;
    border-left: 3px solid black;
}

.back[b-jybcpmjczn] {
   
    transition-duration: 1s;
    z-index: 0;
}

.next-btn-div[b-jybcpmjczn] {
    transition: transform 1.2s;
}

.prev-btn-div[b-jybcpmjczn] {
    transition: transform 1.2s;
}


.front-content[b-jybcpmjczn], .back-content[b-jybcpmjczn] {

    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.back-content[b-jybcpmjczn] {
  
    transform: rotateY(180deg)
}




button[b-jybcpmjczn] {
    margin: 10px;
    cursor: pointer;
    font-size: large;
    padding: 8px;
}

.printPage[b-jybcpmjczn] {
    width: 100%;
}

.printPageBodySection[b-jybcpmjczn] {
    width: 100%;
}

/*#PrintBodyImage {
    object-fit: contain;
    margin-top: 122px;
    height: 550px !important;
    width: 100%;
}*/

#p1[b-jybcpmjczn] {
    z-index: 6;

}
   

#p2[b-jybcpmjczn] {
    z-index: 4;
}


#p3[b-jybcpmjczn] {
    z-index: 5;
    
}


#p4[b-jybcpmjczn] {
    z-index: 2;
}

#p5[b-jybcpmjczn] {
    z-index: 1;
}


.flipped .front[b-jybcpmjczn], .flipped .back[b-jybcpmjczn] {
    transform: rotateY(-180deg);
}
.unflipped .front[b-jybcpmjczn], .unflipped .back[b-jybcpmjczn] {
    transform: rotateY(0deg);
    transition: transform 0s;
}
.unflippedSlow.front[b-jybcpmjczn], .unflippedSlow .back[b-jybcpmjczn] {
    transform: rotateY(0deg) !important;
    transition: transform 1s !important;
}
.flippedQuick .front[b-jybcpmjczn], .flippedQuick .back[b-jybcpmjczn] {
    transform: rotateY(-180deg) !important;
    transition: transform 0s !important;
}


#dca-table[b-jybcpmjczn] {
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 10px;
}

.dca-div[b-jybcpmjczn] {
    width: 80%;
    margin-left: 29px;
    margin-bottom: 22px;
}

.icon-text[b-jybcpmjczn] {
    font-size: 9px;
    width: 100%;
    text-align: center
}


a[b-jybcpmjczn] {
    text-decoration: none;
    color: #c9252c;
}

#socialsTable[b-jybcpmjczn] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

td[b-jybcpmjczn] {
    padding: 0;
    border: thin;
    height: 10px;
}

.cover-img-div[b-jybcpmjczn] {
    width: 100%;
}

.brand-img-div[b-jybcpmjczn] {
    width: 100%;
}



.logo-container[b-jybcpmjczn] {
    display: flex;
    justify-content: space-between;
    height: 10px;
}

.logo-bottom[b-jybcpmjczn] {
    margin-left: 26px;
    height: 40px;
}

.slogan[b-jybcpmjczn] {
    width: 220px;
    font-size: 9px;
    margin-left: auto;
    margin-top: 16px;
    margin-right: 30px;
    letter-spacing: 3px;
}

#cover-img[b-jybcpmjczn] {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

#brand-img[b-jybcpmjczn] {
    height: 50px;
    width: 100%;
    object-fit: contain;
}

#brand-img-bottom[b-jybcpmjczn] {
    object-fit: contain;
    height: 60px;
    width: 100%;
}


#Icons[b-jybcpmjczn] {
    width: 100%;
    height: 20px;
    object-fit: contain;
    cursor: pointer;
}

#Result[b-jybcpmjczn] {
    width: 100%;
    text-align: center
}


.socials[b-jybcpmjczn] {
    width: 85%;
    margin-left: 29px;
}
/* _content/QuickPic3/Pages/_Shared/PerformanceDashboard.razor.rz.scp.css */
.StartButton[b-h0ejyt2r51] {
    background-color: limegreen;
    color: white;
    border-radius: 7px;    
    padding: 5px;
    border: solid 1px;
}

    .StartButton:hover[b-h0ejyt2r51]{
        border-color: limegreen !important;
        background-color: white !important;
        color: limegreen !important;
    }

.StopButton[b-h0ejyt2r51] {
    background-color: #C8252C;
    color: white;
    border-radius: 7px;
    padding: 5px;
    border: solid 1px;
}

        .StopButton:hover[b-h0ejyt2r51] {
            border-color: #C8252C !important;
            background-color: white !important;
            color: #C8252C !important;
        }

.Danger[b-h0ejyt2r51]{
    background-color: #C8252C;
    color: white;
}
.Safe[b-h0ejyt2r51] {
    background-color: limegreen;
    color: white;
}
.Worried[b-h0ejyt2r51] {
    background-color: orangered;
    color: white;
}

table[b-h0ejyt2r51]{    
    width: 100%;    
    font-size: 30px !important;
}

td[b-h0ejyt2r51], th[b-h0ejyt2r51] {
    font-size: 30px;
    text-align: center;
}

button[b-h0ejyt2r51]{
    font-size: 20px;
}

.PageContainer[b-h0ejyt2r51]{    
    width: 100%;        
    margin-left: auto;
    margin-right: auto;    
}

label[b-h0ejyt2r51]{
    color: white;
    font-size: 18px;
    border: solid 1px;
    margin: 2px;
    border-radius: 7px;
    padding: 2px;
    background-color: black;
}

.HeavyTable[b-h0ejyt2r51] {
    margin-top: 10px;
    border: solid #808080;
}

.AllTable[b-h0ejyt2r51] {
    margin-top: 10px;
    border: solid #808080;
    font-size: 12px !important;
}

.AllTable > tr > td[b-h0ejyt2r51]{
    font-size: 18px !important;
}

    .AllTable > tr > th[b-h0ejyt2r51] {
        font-size: 18px !important;
    }

    .HeavyTable > tr > td[b-h0ejyt2r51] {
        font-size: 18px !important;
    }

    .HeavyTable > tr > th[b-h0ejyt2r51] {
        font-size: 18px !important;
    }

.FirstCol[b-h0ejyt2r51]{
    width: 20%;
}

.AllTableFirst[b-h0ejyt2r51]{
    background-color: limegreen;
    color: white;
    border: solid #808080;
}

.HeavyTableFirst[b-h0ejyt2r51] {
    background-color: #C8252C;
    color: white;
    border: solid #808080;
}

.HeavyTable > tr > th[b-h0ejyt2r51]{
    background-color: #C8252C;
    color: white;
    border: solid #808080;
}

.AllTable > tr > th[b-h0ejyt2r51] {
    background-color: limegreen;
    color: white;
    border: solid #808080;
}
/* _content/QuickPic3/Pages/_Shared/PrivacyPolicy.razor.rz.scp.css */
.bg-container[b-uvakix08m0] {
    width: 100%;
    height: 100vh;
    margin: 0;
    background-image: url('images/bg/bg_gray.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    color: gray;
}

.card[b-uvakix08m0] {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    overflow: auto;
    height: 95%;
    min-width: 350px;
    max-width: 800px;
}

h3[b-uvakix08m0] {
    font-weight: 700;
}

a[b-uvakix08m0] {
    text-decoration: none;
    color: #C8252C;
}
    a:hover[b-uvakix08m0] {
        color: #42ADA4;
    }
.title-center-block[b-uvakix08m0] {
    text-align: center !important;
}
/* _content/QuickPic3/Pages/_Shared/Register.razor.rz.scp.css */
body[b-soku63gnph] {
}

h3[b-soku63gnph] {
    text-align: center;
    padding: 5px;
}

.register-box[b-soku63gnph] {    
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    margin-top: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;    
    padding: 0px !important;
    display: flex;
}

.NewCompanyContainer[b-soku63gnph]{
    width: 400px !important;    
}

.formContainer[b-soku63gnph] {
    margin-top: 100px;
    color: #808080;
    border-radius: 8px;
    min-width: 350px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff
}
i[b-soku63gnph]{
    font-size:11px;
}
ul[b-soku63gnph] {
    columns: 3;
    list-style: none;
}

select[b-soku63gnph] {
    width: 226px;
    padding: 5px;
}

.btn-register[b-soku63gnph] {
    background-color: var(--brand-primary);
    color: #fff;
}

    .btn-register:hover[b-soku63gnph] {
        background-color: var(--brand-secondary) !important;
        color: #fff !important;
    }

.quickpic-link[b-soku63gnph] {
    color: var(--brand-primary);
    text-decoration: none;
    cursor: pointer;
}

    .quickpic-link:hover[b-soku63gnph] {
        color: var(--brand-secondary);
    }
.card[b-soku63gnph] {
    margin-top: 20px;    
    
/*    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;*/
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    height: fit-content;
    min-width: 350px;
    max-width: 700px;
    overflow-y: scroll;
    margin-top: 0px !important;
}

.containerCustom[b-soku63gnph]{    
    overflow-x: hidden;
    overflow-y: auto;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    height: 90%;
    border-radius: 7px;    
    background-color: white;        
    align-self: center;
}

@media screen and (max-width: 1600px) {

    .containerCustom[b-soku63gnph] {
        overflow-x: hidden;
        overflow-y: auto;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        height: 90%;
        border-radius: 7px;
        background-color: white;
        align-self: center;
    }

}
@media screen and (max-width: 1366px) {

    .containerCustom[b-soku63gnph] {
        overflow-x: hidden;
        overflow-y: auto;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        height: 90%;
        border-radius: 7px;
        background-color: white;
        align-self: center;
    }
}
@media screen and (max-width: 1100px) {

    .containerCustom[b-soku63gnph] {
        overflow-x: hidden;
        overflow-y: auto;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        height: 90%;
        border-radius: 7px;
        background-color: white;
        align-self: center;                
    }
}
@media screen and (max-width: 900px) {

    .containerCustom[b-soku63gnph] {
        overflow-x: hidden;
        overflow-y: auto;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        height: 90%;
        border-radius: 7px;
        background-color: white;
        align-self: center;        
    }
}
@media screen and (max-width: 800px) {

    .containerCustom[b-soku63gnph] {
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 90%;
        border-radius: 7px;
        background-color: white;
        align-self: center;        
    }
}

    .randomDivQ[b-soku63gnph] {
        display: flex;
        align-items: center;
        margin: 5px;
        margin-top: 0px;
        white-space: nowrap;
        margin-bottom: 0px;
    }

    .randomDiv[b-soku63gnph] {
        display: flex;
        flex-direction: row;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .EqualSign[b-soku63gnph] {
        margin-left: 15px !important;
    }

    input[b-soku63gnph] {
        border-radius: 7px;
        border: solid 1px #b3b6b8;
    }

    textarea[b-soku63gnph] {
        border: none;
        height: 70px !important;
        outline: solid 1px #b3b6b8;
        border-radius: 7px;
    }

    .FreeHeader[b-soku63gnph] {
        color: #808080;
    }

    .TopControlContainer[b-soku63gnph] {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .ImgContainer[b-soku63gnph] {
        /*margin-left: 135px;*/
        margin-left: auto;
        margin-top: 2px;
        margin-right: auto;
    }

    .termsContainer[b-soku63gnph] {
    }

    .HomeNavContainer[b-soku63gnph] {
        color: #C8252C;
        align-items: center;
        display: flex;
        cursor: pointer;
        margin-right: auto;
    }

    .IconContainer[b-soku63gnph] {
        width: fit-content;
    }

    .HomeBtn[b-soku63gnph] {
        text-decoration: none;
    }

    .btnContainers[b-soku63gnph] {
        display: flex;
    }

    .btn-register[b-soku63gnph] {
        margin-right: 5px;
    }

    .btn-Login[b-soku63gnph] {
        color: white;
        background-color: #434a4f;
        margin-left: 5px;
    }

    div[b-soku63gnph] {
        margin-bottom: 3px;
    }

    .buttonMainContainers[b-soku63gnph] {
        margin-top: 5px;
    }

    .FormContainerForm[b-soku63gnph] {
        height: fit-content;
    }

    .txtRandom[b-soku63gnph] {
    }
/* _content/QuickPic3/Pages/_Shared/SurveyClient.razor.rz.scp.css */
.MainContainer[b-vlj2pgvumu] {
    height: 100%;
    position: fixed;
    width: 100%;
    overflow-y: scroll;
    /*background-color: #F0F0F0 !important;*/
}

.SurveyContainer[b-vlj2pgvumu]{
    background-color: white;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.MainSumbittedContainer[b-vlj2pgvumu] {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
}

.SurveySumbittedContainer[b-vlj2pgvumu] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logoContainer[b-vlj2pgvumu] {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    min-width: 150px;
    margin-top: 10px;
    
}

.logoContainer > img[b-vlj2pgvumu]{
    width: 60%;    
    margin-left: auto;
    margin-right: auto;
}

.SliderContainer[b-vlj2pgvumu] {
    width: 100%;
}

.sliderInput[b-vlj2pgvumu] {
    width: 100%;
}

.sliderTooltip[b-vlj2pgvumu] {
    position: absolute;
    top: -30px; /* Adjust as needed */
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    transform: translateX(-50%);
}

.extraInfoRight[b-vlj2pgvumu] {
    display: flex;
    flex-direction: column;
    float: right;
    padding: 5px;
    gap: 5px;
    align-items: flex-end;
}

.tableControls[b-vlj2pgvumu] {
    flex: 0 1 auto;
}


.h-ml15[b-vlj2pgvumu] {
    margin-left: 10px;
}

.submittedContainer[b-vlj2pgvumu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.RadioContainer[b-vlj2pgvumu] {
    padding: 7px;
    margin-left: 9px;
}

.radioBtn[b-vlj2pgvumu] {
    vertical-align: middle;
    padding: 5px;
    margin-top: -2px;
}

.labelBtn[b-vlj2pgvumu] {
    vertical-align: middle;
    padding: 5px;    
}

.separator[b-vlj2pgvumu] {
    margin: 0px 10px;
    width: 97%;
    height: 1px;
    background-color: #b3b6b8;
}

.custom-font *[b-vlj2pgvumu] {
    font-family: var(--custom-font-family) !important;
}

.tbColor[b-vlj2pgvumu] {
    accent-color: var(--survey-brand-primary) !important;
}

.brandColor[b-vlj2pgvumu] {
    background-color: var(--survey-brand-primary) !important;

}

@media only screen and (max-width: 1024px) {
    .SurveyContainer[b-vlj2pgvumu]{
        width: 100%;
    }
}

.QuestionnumberContainer[b-vlj2pgvumu] {
    width: fit-content;
    position: absolute;
    margin-top: 0px;
    margin-left: -20px;
}

.centerButton[b-vlj2pgvumu]{    
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.DescriptionContainer > label[b-vlj2pgvumu]{
    color: #808080 !important;
    font-weight: 400 !important;
    font-size: 14px;
}

.QuestionnumberContainer[b-vlj2pgvumu]{
    display: flex;
}

    .QuestionnumberContainer > div[b-vlj2pgvumu]{
        color: #C8252C;
    }

    .requiredStar[b-vlj2pgvumu] {
        color: #C8252C;
        margin-left: 8px;
    }
/* _content/QuickPic3/Pages/_Shared/TermsAndConditions.razor.rz.scp.css */
.bg-container[b-s5ci9savxk] {
    width: 100%;
    height: 100vh;
    margin: 0;
    background-image: url('images/bg/bg_gray.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    color: gray;
}
.card[b-s5ci9savxk] {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    overflow: auto;
    height: 95%;
    min-width: 350px;
    max-width: 800px;
}
h3[b-s5ci9savxk]{
    font-weight:500;
}
.title-center-block[b-s5ci9savxk] {
    text-align: center !important;
}
/* _content/QuickPic3/Pages/_Shared/Token.razor.rz.scp.css */
.beam-container[b-30dvoxsbet] {
    background: url('/images/bg/bg_gray.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
    color: #797979;
    overflow-y: auto;
}

.beam-box[b-30dvoxsbet] {
    margin-top: 50px;
    width: 450px;
    min-width: 320px;
    height: fit-content;
    background-color: white;
    align-self: center;
}
/* _content/QuickPic3/Shared/AdminLayout.razor.rz.scp.css */

    .MobileA[b-bb89in4vqx] {
        display:none;
    }

@media (max-width: 800px) {
    .AutospecLogo[b-bb89in4vqx]{
       display:flex;
       align-items:center;
       margin-top:5px;       
    }

    #AutoSpecLogo[b-bb89in4vqx] {
        width: 128px !important;
    }

    .navContainer[b-bb89in4vqx]{
        display:flex;
        gap:20px;
        
    }

    .AutospecLogo img[b-bb89in4vqx]{
        width:140px;
        object-fit:contain;
    }
    .MobileHide[b-bb89in4vqx] {
        display: none;
    }

    .MobileA[b-bb89in4vqx] {
        margin-left:5px;
        margin-right:12px;
        font-size: 22px;
        display: flex;
    }
} 

    .UserProfile[b-bb89in4vqx] {
        text-align: right;
        margin-right: 32px;
        margin-top: -1px;
        width: 100%;
    }

    .ErrorContainer[b-bb89in4vqx] {
        display: none;
    }

    .UserProfile[b-bb89in4vqx] {
        width: fit-content;
        margin-right:-25px;
        margin-left:auto;
    }

    .HelpContainer[b-bb89in4vqx] {
        white-space: nowrap;
        align-items: center;
        display: flex;
        padding: 5px;
    }

        .HelpContainer > a[b-bb89in4vqx] {
            font-weight: 700 !important;
            cursor: pointer;
            font-size: 13px;
            text-decoration: none;
            color: #434a4f;
        }

    .topmenu[b-bb89in4vqx] {
        height: 60px !important;
    }

    .MoreIconContainer[b-bb89in4vqx] {
        transform: rotate(270deg);
        margin-right: -2px;
        color: #434a4f !important;
    }

        .MoreIconContainer svg[b-bb89in4vqx] {
            transform: rotate(270deg);
            margin-top: -4px;
        }

    .crumb-item[b-bb89in4vqx] {
        border: solid 1px rgba(250, 250, 250, 0.2);
        background-color: rgb(255 255 255 / 0.2);
        border-radius: 5px;
        cursor: pointer;
        margin-right: 1px;
        color: #434a4f !important;
    }

        .crumb-item span[b-bb89in4vqx] {
            color: #434a4f !important;
        }

    .navbar[b-bb89in4vqx] {
        height: 60px;
        border-bottom: solid 1px #ccc;
    }

    .navContainer[b-bb89in4vqx] {
        height: 60px;
    }

    #FleetLogo[b-bb89in4vqx] {
        height: 38px !important;
        padding-left: 10px;
        margin-left: 10px !important;
        margin-top: -10px !important;
    }

    #AutoSpecLogo[b-bb89in4vqx] {
        max-height: 33px !important;
        padding-left: 10px;
        margin-left: 10px !important;
        margin-top: -5px !important;
    }

    #PublisherLogo[b-bb89in4vqx] {
        height: 25px !important;
        padding-left: 10px;
        margin-left: 10px !important;
        margin-top: -8px !important;
    }

    #MonitorLogo[b-bb89in4vqx] {
        height: 25px !important;
        padding-left: 10px;
        margin-left: 10px !important;
        margin-top: -8px !important;
    }

    #Adminlogo[b-bb89in4vqx] {
        height: 50px !important;
        padding-left: 10px;
        margin-left: 5px !important;
        margin-top: -8px !important;
    }

    .BurgerMenuContainer[b-bb89in4vqx] {
        height: 60px;
        width: 65px;
        display: flex;
        padding-left: 2px;
    }

        .BurgerMenuContainer:hover[b-bb89in4vqx] {
            background-color: #CCCCCC !important;
        }

        .BurgerMenuContainer > button[b-bb89in4vqx] {
            height: 60px !important;
            overflow: hidden;
            background-color: transparent;
            border: none;
            width: 65px;
        }

    .navContainer[b-bb89in4vqx] {
        display: flex;
        width: 100%;
    }

    .dotsMenuContainer[b-bb89in4vqx] {
        position: absolute;
        z-index: 1000;
        left: -156px;
        margin-top: 60px;
        width: 220px;
    }

    .BreadContainer[b-bb89in4vqx] {
        display: flex;
        height: 40px;
        width: 100%;
        margin-left: 50px;
        color: #C8252C;
        text-transform: capitalize;
    }

    .latestNewsIcon[b-bb89in4vqx] {
        font-size: 20px;
    }



    .crumb-item:hover[b-bb89in4vqx] {
        border: solid 1px rgba(245, 245, 245, 0.8);
        background-color: rgb(250 250 250 / 0.4);
    }

    .navContainer[b-bb89in4vqx] {
        align-items: center;
    }

    .redirectLink[b-bb89in4vqx] {
        font-size: 16px;
        color: #434a4f !important;
        text-decoration: none;
    }

    #divMainBodyDiv[b-bb89in4vqx] {
    }

    .MenuContainerMobile[b-bb89in4vqx] {
        display: none;
    }

    @media only screen and (max-width: 820px) and (max-height: 1200px) {
        .BreadContainer[b-bb89in4vqx] {
            display: none;
        }

        .BurgerMenuContainer[b-bb89in4vqx] {
            display: none;
        }

        .MenuContainerMobile[b-bb89in4vqx] {
            display: unset;
        }

        .MegaMenuMobile[b-bb89in4vqx] {
            width: fit-content;
            align-items: center;
            vertical-align: middle;
            display: unset;
        }

        .dots-menu-button[b-bb89in4vqx] {
            width: 100%;
            border: none;
            outline: none;
        }

        .dots-menu-mobile[b-bb89in4vqx] {
            /*        background-color: white;
        border: none;
        outline: none;
        display: grid;
        grid-template-columns: repeat(auto-fit, 150px);   */
            color: #808080 !important;
            display: flex;
            flex-wrap: wrap;
            width: 332px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .dots-menu-item-mobile[b-bb89in4vqx] {
            width: 100px;
            font-size: 15px;
            border: solid #808080 1px;
            border-radius: 7px;
            color: #808080;
        }
    }

    .megaBtn[b-bb89in4vqx] {
        margin-top: 0px !important;
    }

        .megaBtn:hover[b-bb89in4vqx] {
            background-color: #CCCCCC;
        }
/* _content/QuickPic3/Shared/GeneralLayout.razor.rz.scp.css */
.contentContainer[b-fuejm7g1q8] {
    margin-top: 50px;
    width: 50px !important;
}

.q_btn_scroll_to_top[b-fuejm7g1q8] {
    display: none;
}



.page[b-fuejm7g1q8] {
    background-color: white !important;
 
}

.newsPageIcon[b-fuejm7g1q8] {
    fill: #7b8083;
}

.newsPageIcon:hover[b-fuejm7g1q8]{
    fill: #C8252C;
}

.HelpContainer[b-fuejm7g1q8] {
    white-space: nowrap;
    align-items: center;
    display: flex;
    margin-left: 15px;
}

    .HelpContainer > a[b-fuejm7g1q8] {
        font-weight: 700 !important;
        cursor: pointer;
        font-size: 13px;
        text-decoration: none;
        color: #434a4f;
    }

.dotsMenuContainer[b-fuejm7g1q8] {
    position: absolute;
    z-index: 1000;
    left: -155px;
    width: 220px;
}

.MenuContainer button[b-fuejm7g1q8]{
    margin-right:-7px !important;
    height:65px;
    margin-top:-5px;
   
}

.q_top_box[b-fuejm7g1q8] {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.brand-logo[b-fuejm7g1q8] {
    object-fit: contain;
    z-index: 1;
    height: 100%;

    width:100%;
}

.q_top_brand_box[b-fuejm7g1q8] {
    min-width: 190px;
    margin: 0px;
    margin-right: 20px;
    padding: 0px;
    padding-left: 14px;
    height: 100%;
    border: 1px solid transparent;
}
@-moz-document url-prefix() {
    .brand-logo[b-fuejm7g1q8] {
        object-fit: contain;
        z-index: 1;
        height: 100%;
        width: 200px !important;
    }
}
.q_top_search_box[b-fuejm7g1q8] {
    width: 150px;
    /*margin: 0px 15px 0px 0px;
    padding: 5px 5px 5px 5px;    */
}

.q_top_right_box[b-fuejm7g1q8] {
    width: 400px;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    min-width: 405px;
}

.searchInput[b-fuejm7g1q8] {
    height: 25px;
    width: 100% !important;       
}

.iconSpan[b-fuejm7g1q8] {
    font-size: 25px;
    margin-top: 2px;
    color: #b3b6b8;
    font-weight: 100 !important;
}

.brand-search[b-fuejm7g1q8] {
    border: 1px solid silver;
    height: 35px;
    margin-top: 0px;
    align-items: center;
    border-radius: 7px;
    display: flex;
}

    .brand-search span[b-fuejm7g1q8] {
        cursor: pointer;
    }

    .brand-search input[type=text][b-fuejm7g1q8] {
        padding: 5px;
        font-size: 17px;
        border: 1px solid grey;
        float: left;
        width: 80%;
        background: none;
        background-color: transparent;
        border: none;
        outline: none;
        border-collapse: collapse;
        display: block;
        /*background: #f1f1f1;*/
    }

    .brand-search button[b-fuejm7g1q8] {
        float: left;
        width: 20%;
        padding: 5px;
        background: var(--brand-primary);
        color: white;
        font-size: 17px;
        border: 1px solid grey;
        border-left: none;
        border-radius: 10px;
        cursor: pointer;
    }

        .brand-search button:hover[b-fuejm7g1q8] {
            filter: brightness(0.9);
        }

    .brand-search[b-fuejm7g1q8]::after {
        content: "";
        clear: both;
        display: table;
    }

.navbarStyle[b-fuejm7g1q8] {
    display: flex !important;
    height: 60px;
    border-bottom: solid 1px #ccc;
    padding: 0px;

}

.basketContainer[b-fuejm7g1q8] {
    width: 100%;
}

.blogsContainer[b-fuejm7g1q8] {
    margin-left: 25px;
    align-self: center;
    width: 100%;
}

.SessionUserContainer[b-fuejm7g1q8] {
    width: 100%;
}

.MenuContainer[b-fuejm7g1q8] {    
    margin-right: 5px;
 
}

.content[b-fuejm7g1q8] {
}

.topmenu[b-fuejm7g1q8] {
    background-color: yellow;
    border: solid;
    height: fit-content;
}

.brandSocialsContainer[b-fuejm7g1q8] {
    display: flex;
    margin-right: 5px;
}

.socialItem[b-fuejm7g1q8] {
    margin: 5px;
    cursor: pointer;
}

.socialItem:hover[b-fuejm7g1q8]{
    color: var(--brand-primary);
}

.MegaMenuMobile[b-fuejm7g1q8] {
    display: none;
}

.MenuContainerMobile[b-fuejm7g1q8] {
    display: none;
}


.brand-search-Mobile[b-fuejm7g1q8]{
    display: none;
}

@media only screen and (max-width: 800px) and (max-height: 1200px) {
    .q_top_right_box[b-fuejm7g1q8] {
        width: 30%;
        min-width: 0px;
        justify-content: space-between;
        
    }
    .q_top_box[b-fuejm7g1q8] {
      
      
        justify-content:space-between;
    }

    .q_top_search_box[b-fuejm7g1q8] {
       
        max-width: 100px;
    }

    .HelpContainerMobile[b-fuejm7g1q8] {
        margin-left: -10px;
        margin-right: 2px;
        border: none !important;        
    }


    .HelpContainer[b-fuejm7g1q8] {
        display: none;
    }

    .SearchDiv[b-fuejm7g1q8] {
        position: page;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 65%) !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .searchInput[b-fuejm7g1q8] {
        border-radius: 7px;
        border: 1px solid #7b80832b !important;
        box-shadow: 5px 5px 5px 0px #7b8083;
        background-color: #f1f1f1;
        height: 36px !important;
        font-size: 16px;
        width: 90% !important;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: auto;
        margin-right: auto;        
    }

    .brand-search-Mobile button[b-fuejm7g1q8]{
        float: left;
        width: 20%;
        padding: 5px;
        background: var(--brand-primary);
        color: white;
        font-size: 17px;
        border: 1px solid grey;
        border-left: none;
        border-radius: 10px;
        cursor: pointer;
    }

    .brand-search-Mobile[b-fuejm7g1q8] {
        border: 1px solid #808080;
        height: 35px;
        margin-top: 0px;
        align-items: center;
        border-radius: 7px;
        display: flex;
        border: none;
    }

    .Close[b-fuejm7g1q8] {
        position: absolute;
        right: 5px;
        top: 5px;
        color: white;                
        display: flex;
    }

    .Close span[b-fuejm7g1q8]{
        font-size: 30px;
    }

    .iconSpan[b-fuejm7g1q8]{
        border: none !important;
    }

    /*.searchInput{           
        max-width: 100px;
    }*/
    .brand-search-Mobile span[b-fuejm7g1q8] {
        cursor: pointer;
    }

    .brand-search-Mobile input[type=text][b-fuejm7g1q8] {
        padding: 5px;
        font-size: 17px;
        border: 1px solid grey;
        float: left;
        width: 80%;
        border: none;
        outline: none;
        border-collapse: collapse;
        display: block;
        /*background: #f1f1f1;*/
    }

    .navbar-brand[b-fuejm7g1q8] {
        max-width: 100% !important;        
        width: 100% !important;
        width: 300px !important;
    }

    .brand-search-Mobile[b-fuejm7g1q8] {
        width: fit-content;
        margin-left: auto;
    }

    .brand-search[b-fuejm7g1q8] {
        display: none;
    }

    .searchInput[b-fuejm7g1q8] {
        
    }

    .MegaMenuMobile[b-fuejm7g1q8] {
        width: fit-content;
        align-items: center;
        vertical-align: middle;
        display: unset;

    }
    .MegaMenuMobile[b-fuejm7g1q8] {
        width: 30% !important;
        margin-left: -26px !important;
    }
    .dots-menu-button[b-fuejm7g1q8] {
        width: 100%;
      
        border: none;
        outline: none;
    }
    @supports (-webkit-touch-callout: none) {
        .dots-menu-mobile[b-fuejm7g1q8] {
            color: #808080 !important;
            display: flex;
            flex-wrap: wrap;
            width: 332px;
            margin-left: 18px;
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
        }
    }

    @supports not (-webkit-touch-callout: none) {
        .dots-menu-mobile[b-fuejm7g1q8] {
            color: #808080 !important;
            display: flex;
            flex-wrap: wrap;
            width: 332px;
          margin-left:auto;
          margin-right:auto;
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }
    .dots-menu-item-mobile[b-fuejm7g1q8]{
        width: 100px;        
        font-size: 15px;
        border: solid #808080 1px;
        border-radius: 7px;
        color: #808080;
    }

    .MenuContainerMobile[b-fuejm7g1q8] {
        display: unset;
        margin-left: -14px !important;
        
    }
    .MenuContainerMobile button[b-fuejm7g1q8]{
      
    }

    .MenuContainer[b-fuejm7g1q8] {
        display: none;
    }

    .SessionUserContainer[b-fuejm7g1q8] {
      margin-right:10px;
      margin-left:10px;

    }
    @supports (-webkit-touch-callout: none) {
        /* CSS specific to iOS devices */
        .SessionUserContainer[b-fuejm7g1q8] {
            margin-right: 10px;
            margin-top:-20px !important;
            margin-left: 10px;
        }
    }
    .q_top_search_box[b-fuejm7g1q8] {
    }

    .q_top_box[b-fuejm7g1q8] {
       
        width: 70% !important;
        align-items: center !important;
        vertical-align: middle;
    }

    .navbarStyle[b-fuejm7g1q8] {
        width: 100%;
        display: flex;
    }

    .brandSocialsContainer[b-fuejm7g1q8] {
        display: none;
    }

    .q_top_brand_box[b-fuejm7g1q8] {
        width: fit-content;
        min-width: 80px;    
        max-width:80px;
        margin: 0px;
        padding: 0px !important;
        margin-bottom:-15px;
        margin-left:-10px;

    }

    .navbar-brand[b-fuejm7g1q8]{        
        width: fit-content;
        margin: 0px;
        padding: 0px !important;
        
    }

    .navbar-brand a[b-fuejm7g1q8]{        
    }

    .navbar-brand > a > img[b-fuejm7g1q8]{                       
        max-width: 128px;
        max-height: 40px;
    }

        .blogsContainer[b-fuejm7g1q8] {
        display: none;
    }

    .basketContainer[b-fuejm7g1q8] {
        display: none;
    }
}

/* _content/QuickPic3/Shared/ServiceLayouts/AdminPanelLayout.razor.rz.scp.css */
.SubMenuItems[b-427y2ugefd] {
    margin-left: 25px;
}

.tableControls[b-427y2ugefd] {
    display: flex;
}
/* _content/QuickPic3/Shared/ServiceLayouts/DealerDashBoardPanelLayout.razor.rz.scp.css */
.SubMenuItems[b-hlt3vuj7sy] {
    margin-left: 25px;
}

.tableControls[b-hlt3vuj7sy] {
    display: flex;
}

.BreadCrumbContainerMobile[b-hlt3vuj7sy]{
    display: flex;
}

.BreadCrumbContainerMobile > div[b-hlt3vuj7sy]{
    white-space: nowrap;
    width: 100%;
}

/* _content/QuickPic3/Shared/ServiceLayouts/DealerFormAdminPanelLayout.razor.rz.scp.css */
.SubMenuItems[b-62or142wri] {
    margin-left: 25px;
}

.tableControls[b-62or142wri] {
    display: flex;
}

.BreadCrumbContainerMobile[b-62or142wri]{
    display: flex;
}

.BreadCrumbContainerMobile > div[b-62or142wri]{
    white-space: nowrap;
    width: 100%;
}

/* _content/QuickPic3/Shared/ServiceLayouts/DealerFormPanelLayout.razor.rz.scp.css */
.SubMenuItems[b-ba96g7e2ux] {
    margin-left: 25px;
}

.tableControls[b-ba96g7e2ux] {
    display: flex;
}

.BreadCrumbContainerMobile[b-ba96g7e2ux]{
    display: flex;
}

.BreadCrumbContainerMobile > div[b-ba96g7e2ux]{
    white-space: nowrap;
    width: 100%;
}
/* _content/QuickPic3/Shared/ServiceLayouts/FleetLayout.razor.rz.scp.css */
.BreadContainer[b-6vfncafjxh]
{    
    display: flex;
    height: 40px;
}

.latestNewsIcon[b-6vfncafjxh] {
    font-size: 20px;
}

.crumb-item[b-6vfncafjxh] {
    margin-right: 10px;
    border: solid 1px rgba(250, 250, 250, 0.2);
    background-color: rgb(255 255 255 / 0.2);
    border-radius: 5px;
    cursor: pointer;
}

    .crumb-item:hover[b-6vfncafjxh] {
        border: solid 1px rgba(245, 245, 245, 0.8);
        background-color: rgb(250 250 250 / 0.4);
    }

.navItem[b-6vfncafjxh]{
    background-color: inherit;
    border: none;
    text-align: left;
    color: white;    
    height: 40px;
    margin-bottom: 5px;
    width: 150px;
    margin-left: 20px;
    border-radius: 5px;
}

.active[b-6vfncafjxh] {
    /*background-color: #808080;*/
    background-color: rgba(0,0,0,0.2);
}
/* _content/QuickPic3/Shared/StaticLayout.razor.rz.scp.css */
body[b-vv9kain3n5] {
}