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

    /* Background color for Services,Branches,delay time, appointment arrival, ticket layout in waiting page, etc */
    --primary-bg-color: #C99700;
    /* Text colour for Services,Branches,delay time, appointment arrival, ticket layout in waiting page, etc */
    --primary-text-color: #F7F7F7;
    /* Background color for Services,Branches,delay time when selected and ticket layout in calling page, etc */
    --secondary-bg-color: #66cc00;
    /* Text color for Services,Branches,delay time when selected and ticket layout in calling page, etc */
    --secondary-text-color: #F7F7F7;
    /* Service Groups text color */
    --service-group-text-color: #006a78;
    /* Service group seperator line color */
    --service-group-line-color: #0a204f;


    /* 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: #0079C2;

    /* Bottom button/get in line button background color */
    --get-in-line-btn-bg-color: #20201F;
    /* 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: #0079C2;
}
@font-face {
  font-family: GroldRounded;
  src: url(/app/resources/GroldRounded-Light.otf);
}

@font-face {
  font-family: GroldRounded-Medium;
  src: url(/app/resources/GroldRounded-Medium.otf);
}

@font-face {
  font-family: Calibri;
  src: url(/app/resources/Calibri.ttf);
}

@font-face {
  font-family: Calibri-Bold;
  src: url("/app/resources/Calibri Bold.ttf");
}

.ticket_branch, .ticket-service-name, .ticket_nmbr, .group-name, .branch-btn-text, h1, h2{
    font-family: Calibri !important;
}

h1, h2{
    font-size: 22px !important;
}

.service_name, .btn-text{
    font-family: Calibri-Bold !important;
} 

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

.service-text-small{
    font-size: 20px !important;
}

.service_name.long-and-truncated-with-child-corrected > span{
    white-space: inherit !important;
}

.service-btn, .branch-btn {
    height: 65px !important;
    max-height: 65px !important;
}

/*@media (max-width: 450px), (max-height: 450px)*/
.logo {
     width: initial !important; 
}

.frame {
    height: 7em !important;
}