:root {
    /* Header brand logo image  */
    --brand-logo: url('../app/resources/qmLogo.png');
    /* Header brand logo background color */
    --brand-logo-background: transparent;
    /* Application background color */
    --app-bg-primary-color: #FFFFFF;

    /* Background color for Services,Branches,delay time, appointment arrival, ticket layout in waiting page, etc */
    --primary-bg-color: #3872a8;
    /* Text colour for Services,Branches,delay time, appointment arrival, ticket layout in waiting page, etc */
    --primary-text-color: #ffffff;
    /* Background color for Services,Branches,delay time when selected and ticket layout in calling page, etc */
    --secondary-bg-color: #051c2a;
    /* Text color for Services,Branches,delay time when selected and ticket layout in calling page, etc */
    --secondary-text-color: #FFFFFF;
    /* Service Groups text color */
    --service-group-text-color: #3872a8;
    /* Service group seperator line color */
    --service-group-line-color: rgba(0, 0, 0, 0.2);


    /* Text color used throughout the application in common areas which are not specific to any UI component.  */
    --general-text-color: #000000;

    /* Footer logo */
    --footer-logo: url('../app/resources/brand_logo.png');
    /* Footer text */
    --footer-text-color: #000000;

    /* Privacy & Cookie concent button text color*/
    --pop-up-button-text-color: #3872a8;

    /* Bottom button/get in line button background color */
    --get-in-line-btn-bg-color: #051c2a;
    /* Bottom button/get in line text color*/
    --get-in-line-btn-text-color: #FFFFFF;
    /* Bottom button leave the line color*/
    --leave-button-text-color: #A71D3D;
    /* Secondary button text color which is blue by default */
    --secondary-btn-text-color: #3872a8;
}

.frame {
    height: 6em !important;
    text-align: center !important;
    max-height: 10em !important;
}

.logo {
    object-fit: contain !important;
    max-height: 500px !important;
    max-width: 500px !important;
    width: 200px !important;
    position: relative !important;
}

.btn-text, .service_name > span{
white-space: normal !important;
overflow: auto !important;
text-overflow: initial !important;
width: 100% !important;
}

.ticket-service-name {
-webkit-line-clamp: initial !important;
overflow: visible !important;
}

.service-btn {
/*max-height: 100px !important;*/
border-radius: 20px !important;
line-height: 2em !important; /* a */
max-height: 10em !important; /* a x number of line to show (ex : 2 line)  */
}

.ticket-service-name {
color: white !important;
}
.ticket-size {
color: white !important;
}


.branch-btn {
max-height: 100px !important;
border-radius: 20px !important;
line-height: 2em !important; /* a */
}

.customer-waiting {
    width: 100% !important;
}
/* Hide get new ticket after visit is complete */
/*app-visit-cancel { */
/*	display: none !important;*/
}