:root {
    --trybrush-burnt-orange: #F26D24;
    --trybrush-cashmere: #E8E0D5;
    --trybrush-noble-blue: #202125;
    --trybrush-blue: #3C4884;
    --secondary: #F26D24;
    --font-family-sans-serif: "Gabarito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body {
    font-family: "Gabarito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Regular-8e3d9188e24ec90c0cca92a77aaf08a4.ttf");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Regular-8e3d9188e24ec90c0cca92a77aaf08a4.ttf");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Regular-8e3d9188e24ec90c0cca92a77aaf08a4.ttf");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Regular-8e3d9188e24ec90c0cca92a77aaf08a4.ttf");
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Regular-8e3d9188e24ec90c0cca92a77aaf08a4.ttf");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Regular-8e3d9188e24ec90c0cca92a77aaf08a4.ttf");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Regular-8e3d9188e24ec90c0cca92a77aaf08a4.ttf");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Regular-8e3d9188e24ec90c0cca92a77aaf08a4.ttf");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Medium-13e2e794f89ff5d5e1cca2d068ec2152.ttf");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Medium-13e2e794f89ff5d5e1cca2d068ec2152.ttf");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-SemiBold-1fddaea127702c7a010dbd24ff8c95a0.ttf");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-SemiBold-1fddaea127702c7a010dbd24ff8c95a0.ttf");
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Bold-5897e2086f49d833815d7c74a1abcb8f.ttf");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Bold-5897e2086f49d833815d7c74a1abcb8f.ttf");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-ExtraBold-115cb5a58ed75f0ef1f4654fcaf81756.ttf");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-ExtraBold-115cb5a58ed75f0ef1f4654fcaf81756.ttf");
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Black-3f49932b2a52faec39106dcedcd4d13a.ttf");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Gabarito";
    src: url("../fonts/gabarito/Gabarito-Black-3f49932b2a52faec39106dcedcd4d13a.ttf");
    font-weight: 800;
    font-style: italic;
}

.daterangepicker {
    font-family: "Gabarito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    border-radius: 0.35rem !important;
    border-color: #e0e5ec !important;
}


.bg-trybrush-primary {
    background-color: var(--trybrush-cashmere) !important;
}
.bg-trybrush-secondary {
    background-color: var(--trybrush-blue) !important;
}


.btn-outline-primary {
    color: var(--trybrush-burnt-orange);
    background-color: var(--trybrush-noble-blue);
    border-color: #0061f2;
    font-weight: bolder;
}
.btn-outline-primary:hover {
    color: var(--trybrush-noble-blue);
    background-color: #fff;
    border-color: var(--trybrush-burnt-orange);
}

.btn-primary {
    color: #fff;
    background-color: var(--trybrush-cashmere);
    border-color: #0061f2;
    font-weight: bolder;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0052cc;
    border-color: #004dbf;
    font-weight: bolder;
}

.appointment-card.highlight {
    border: 10px solid var(--trybrush-blue);
    background-color: rgba(60, 72, 132, 0.1);
}