@font-face {
    font-family: "BebasNeue";
    src: url('../fonts/BebasNeue-Regular.ttf');
}

@font-face {
    font-family: "VistolSansMedium";
    src: url('../fonts/VistolSans-Medium.ttf');
}

@font-face {
    font-family: "VistolSansRegular";
    src: url('../fonts/VistolSans-Regular.ttf');
}

.icon-fill
{
    font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 24 !important;
}

html, body, main {
    min-height: 100%;
    font-family: "VistolSansRegular";
}

footer{
    position: fixed;
    bottom: 8px;
    left: 8px;
    width: 100%;
}

header{
    padding-top: 96px;
}

.p-abs
{
    position: absolute;
}

.p-rel
{
    position: relative;
}

.text-through
{
    text-decoration: line-through;
}

.text-justify
{
    text-align: justify;
    text-justify: inter-word;
}

.nav-bar-main
{
    width: 100vw;
    background-color: #defaff;
    color: #00b4ff;
    height: 96px;
    font-family: "VistolSansMedium";
}

.nav-logo-main
{
    width: 100%;
    height: auto;
    max-width: 200px;
}

#main-menu-nav
{
    position: fixed;
    width: 256px;
    background-color: rgba(9,212,219,1);
    font-family: "VistolSansRegular";
    font-weight: bold;
    right: 10%;
    padding: 48px;
    z-index: 3;
}

.menu-nav-link
{
    color: #00407d;
}

#carousel-info{
    height: 75vh;
}

.carousel-text-info
{
    font-size: 5vw;
    padding-top: 48px;
    font-family: "BebasNeue";
    letter-spacing: -2px;
    line-height: 0.95;
}

.carousel-img-info
{
    max-width: 600px;
    max-height: 580px;
    width: 65%;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}

.carousel-icon-info
{
    padding: 8px;
    width: 86px;
    border-bottom: solid #09d4db;
    margin-bottom: 16px;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #09d4db;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.carousel-icon-info img
{
    height: 64px;
}

#user_resum
{
    border-bottom: 1px solid #00b4ff;
    border-right: 1px solid #00b4ff;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#user_resum_content
{
    border: 1px solid #00b4ff;
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.photo-info
{
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.tab-content-borderd
{
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;

    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;

    padding: 1rem;
}

.tooltip-inner {
    background-color: #00b4ff !important;
    color: white ;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #00b4ff !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #00b4ff !important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #00b4ff !important;
}


.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #00b4ff !important;
}

.border-right-aqua
{
    border-right: 5px solid #6be5e9;
}

.border-right-sky-light
{
    border-right: 5px solid #b2e8ff;
}

.border-top-aqua
{
    border-top: 5px solid #6be5e9;
}

.border-top-sky
{
    border-top: 5px solid #b2e8ff;
}

.border-top-dark-blue
{
    border-top: 5px solid #0055f1;
}

.line-title-info
{
    background-color: #09d4db;
    height: 4px;
    width: 32px;
    margin-top: auto;
    margin-bottom: auto;
}

.v-separator
{
    height: 100%;
    width: 2px;
    background-color: #6be5e9;
    margin-top: auto;
    margin-right: auto;
}

.h-separator
{
    width: 60%;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    margin-top: 24px;
}

.h-separator-price
{
    width: 60%;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    margin-top: 16px;
    background-color: #6be5e9;
}

.border-top-aqua
{
    border-top: 4px solid #11f7fa;
}

.border-bottom-aqua
{
    border-bottom: 4px solid #11f7fa;
}

.border-top-sky
{
    border-top: 4px solid #b2e8ff;
}

.border-bottom-sky
{
    border-bottom: 4px solid #b2e8ff;
}

.border-top-blue
{
    border-top: 4px solid #0055f1;
}

.border-bottom-blue
{
    border-bottom: 4px solid #0055f1;
}

.round-left-light
{
    border-top-left-radius: 8px 8px;
    border-bottom-left-radius: 8px 8px;
}

.round-left-med
{
    border-top-left-radius: 16px 16px;
    border-bottom-left-radius: 16px 16px;
}

.round-right-light
{
    border-top-right-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
}

.round-right-med
{
    border-top-right-radius: 16px 16px;
    border-bottom-right-radius: 16px 16px;
}

.round-bottom-light
{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.format-patient-field
{
    border: 2px solid #c6cbcd;
    border-radius: 4px;
}

.nav-tabs.nav-tabs-format {
    border-bottom: 1px solid #92daff;
}

.tab-border-format
{
    border-top: 1px solid #92daff;
    border-left: 1px solid #92daff;
    border-right: 1px solid #92daff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.tab-content-format
{
    border-bottom: 1px solid #92daff;
    border-left: 1px solid #92daff;
    border-right: 1px solid #92daff;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.nav-tabs-formats .nav-link.active {
    color: #00407d;
    background-color: #fff;
    border-color: #92daff #92daff #92daff;
}

.btn-aqua
{
    background-color: #09d4db;
    color: white;
    display: flex;  
    align-items: center;
    justify-content: center;
}

.btn-aqua:hover
{
    color: white;
}

.max-w-m
{
    max-width: 420px;
}

.max-w-l
{
    max-width: 640px;
}

.max-w-xl
{
    max-width: 960px;
}

.w8
{
    width: 8px;
}

.w16
{
    width: 16px;
}

.w20
{
    width: 20px;
}

.w24
{
    width: 24px;
}

.w28
{
    width: 28px;
}

.w32
{
    width: 32px;
}

.w40
{
    width: 40px;
}

.w48
{
    width: 48px;
}

.w64
{
    width: 64px;
}

.w86
{
    width: 86px;
}

.w112
{
    width: 112px;
}

.w128
{
    width: 128px;
}

.w160
{
    width: 160px;
}

.w192
{
    width: 192px;
}

.w256
{
    width: 256px;
}

.w320
{
    width: 320px;
}

.w480
{
    width: 480px;
}

.w640
{
    width: 640px;
}

.h48
{
    height: 48px;
}

.h64
{
    height: 64px;
}

.h100
{
    height: 100%;
}

.h-calendar
{
    min-height: 780px;
}

.ec-event:hover
{
    cursor: pointer;
}

.plan_card
{
    width: 18rem;
}

.office_card
{
    width: 18rem;
    border: 0px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.office_card .card-header
{
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-top-left-radius: 2rem;
    border-top-right-radius: 0.5rem;
    background-color: #09D4DB;
    border-top: 2px solid #00B4FF;
    border-left: 2px solid #00B4FF;
    border-right: 2px solid #00B4FF;
}

.office_card .card-body
{
    border-bottom: 2px solid #00B4FF;
    border-left: 2px solid #00B4FF;
    border-right: 2px solid #00B4FF;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.folder-curve
{
    display: none;
}

.folder-curve-header
{
    height: 64px;
}

.circle-status-sm
{
    width: 12px;
    height: 12px;
    border-radius: 2rem;
    border: 1px solid #ffffff;
    margin-top: auto;
    margin-bottom: auto;
}

.img-micro
{
    width: 16px;
    height: 16px;
}

.img-xxs
{
    width: 24px;
    height: 24px;
}

.img-xs
{
    width: 32px;
    height: 32px;
}

.img-sm
{
    width: 64px;
    height: 64px;
}

.img-print
{
    width: 96px;
    height: 96px;
}

.img-md
{
    width: 128px;
    height: 128px;
}

.img-lg
{
    width: 196px;
    height: 196px;
}

.img-xl
{
    width: 256px;
    height: 256px;
}

.input-v1
{
    width: 100%;
    background-color: transparent;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-color: #00b4ff;
    color: #007bff;
    outline: none;
}

.input-v2
{
    width: 100%;
    background-color: transparent;
    border-color: #00b4ff;
    color: #007bff;
    outline: none;
}

.input-v2::placeholder
{
    color: #007bff6e;
}

.input-v2:focus
{
    color: #007bff;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #69b9fa;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

input[type="file" i]
{
    color: #00b4ff;
}

hr.solid {
    border: 1px solid #c6cbcd;
    width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
}

.display-grid
{
    display: grid;
}

.display-block
{
    display: block;
}

.display-flex
{
    display: flex;
}

.display-inline
{
    display: inline-flex;
    vertical-align: middle;
}

.float-right
{
    float: right;
}

.float-left
{
    float: left;
}

.no-warp
{
    white-space: nowrap;
}

.border-input
{
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.center-item
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.center-vh
{
    margin: auto;
    display: block;
}

.middle-item
{
    margin-top: auto;
    margin-bottom: auto;
}

.floating-alert
{
    position:fixed; 
    max-width: 460px;
    bottom: 64px;
    left: 50%;
    transform: translateX(-50%);
    z-index:9999; 
    text-align: center;
}

.alert-aqua
{
    color: white;
    background-color: #92daff;
    border-color: #7fd2fc;
}

.vertical-center
{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-center-relative
{
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.va-middle
{
    vertical-align: middle;
}

.corner-right
{
    position: absolute;
    right: 16px;
    top: 0px;
}

.item-right
{
    position: absolute;
    right: 16px;
}

.item-bottom
{
    position: absolute;
    bottom: 64px;
}

.bottom-fixed
{
    bottom: 16px;
    position: fixed;
}

.clickable
{
    cursor: pointer;
}

.table tr
{
    height: 32px;
}

.table td
{
    padding: 6px;
}

.card-sign
{
    border: 1px solid #b4b7bc;
    border-radius: 16px;
}

.span-sign
{
    border-bottom: 1px solid rgb(0 0 0 / 50%);
    width: 80%;
    display: block;
    margin: auto;
}

.show-on-print
{
    display: none;
}

.format-title
{
    font-family: "VistolSansRegular";
    color: #00407b;
    background-color: white;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 8px;
    margin-top: 16px;
    margin-bottom: 8px;
    border-bottom: 2px solid #92daff;
    text-align: center;
}

.format-title h5
{
    font-weight: bold;
}

.card-header-format
{
    background: white;
    font-family: "VistolSansRegular";
    color: #00407b;
    font-size: large;
    border: none;
}

.card-body-format
{
    background: white;
    font-family: "VistolSansRegular";
    border: none;
}

.card-format
{
    border: none;
}

.card-format-divider
{
    border-bottom: 2px solid #92daff;
}

#EmFormatForm label
{
    font-family: "VistolSansRegular";
    color: #00407b;
    font-weight: bold;
}

#EmFormatForm .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color: #15c8ff;
    border: 1px solid #00b4ff;
    border-radius: 0.25rem;
}

.row-hover:hover {
    color: lightseagreen;
}

.row-hover-aqua:hover {
    color: #09d4db;
    background-color: #def9f8;
    cursor: pointer;
}

.row-hover-visit:hover {
    color: rgb(24, 152, 211);
    cursor: pointer;
}

.row-censo-waiting
{
    color: #45515b;
    background-color: white;
}

.row-censo-attending
{
    color: #45515b;
    background-color: white;
}

.page-navigation
{
    height: 32px;
}

.page-navigation a {
    border-radius: 4px;
    padding: 6px 10px 6px 10px;
    margin: 2px;
    font-family: "VistolSansRegular";
    font-weight: bold;
    background-color: #00b4ff;
    color: white;
}

.page-navigation a[data-selected] {
    background-color: #09d4db;
    color: white;
}

.page-navigation a[data-first] {
    background-color: white;
    color: #00b4ff;
    border: 1px solid #c9c9c9;
    
}

.page-navigation a[data-last] {
    background-color: white;
    color: #00b4ff;
    border: 1px solid #c9c9c9;
}

.page-navigation a[data-direction] {
    background-color: white;
    color: #09d4db;
    border: 1px solid #c9c9c9;
    
}

.nav_bar_exp
{
    background-color: darkcyan;
    color: white;
}

.nav_bar_format
{
    background-color: white;
    color: #00407d;
    font-family: "VistolSansRegular";
    font-weight: bold;
}

#office-dashboard
{
    display: flex;
    justify-content: center;
}

#dashboard-panel-handle-click
{
    z-index: 100;
    height: 780px;
    width: 80px;
}

#office-content
{
    width: 80vw;
}

.nav-office
{
    background-color: #00407d;
    flex-basis: 86px;
    flex-grow: 0;
    flex-shrink: 0;
}

.border-page-office
{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.nav-office-tag
{
    position: absolute;
    left: 60px;
}

.nav-office-limit
{
    right: 16px;
    position: relative;
    flex-basis: 32px;
    flex-grow: 0;
    flex-shrink: 0;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.nav-office-toolbar
{
    right: 16px;
    position: relative;
    flex-basis: 160px;
    flex-grow: 0;
    flex-shrink: 0;
}

.nav-office-toolbar-record
{
    right: 16px;
    position: relative;
    flex-basis: 196px;
    flex-grow: 0;
    flex-shrink: 0;
}

#record-format-editor
{
    flex-basis: 70vw;
    flex-grow: 0;
    flex-shrink: 0;
}

.start-16
{
    right: 16px;
    position: relative;
}

.static-flex
{
    flex-grow: 0;
    flex-shrink: 0;
}

.btn-nav-office
{
    padding: 0px;
    width: 72px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.btn-office-section
{
    font-family: "VistolSansMedium";
    padding: 0.5rem;
    width: 150px;
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: left;
    font-size: small;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.btn-office-section-record
{
    font-family: "VistolSansMedium";
    padding: 0.5rem;
    width: 170px;
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: left;
    font-size: small;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.btn-office-record-format
{
    font-family: "VistolSansMedium";
    padding: 0.5rem;
    width: 170px;
    height: 64px;
    text-align: left;
    font-size: small;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btn-office-record-format.btn:focus
{
    box-shadow: none;
}

.btn-office-record-format-sm.btn:focus
{
    box-shadow: none;
}

.btn-office-cat
{
    color: white;
    background-color: #09d4db;
    font-weight: normal;
}

.btn-office-cat.active
{
    color: #09d4db;
    background-color: white;
    font-weight: bold;
}

.btn-office-settings
{
    color: white;
    background-color: #00b4ff;
    font-weight: normal;
}

.btn-office-settings.active
{
    color: #00b4ff;
    background-color: white;
    font-weight: bold;
}

.btn-office-record
{
    color: white;
    background-color: #00b4ff;
    font-weight: normal;
}

.btn-office-record-archive
{
    color: white;
    background-color: #00b4ff;
    font-weight: normal;
}

.btn-office-record.active
{
    color: white;
    background-color: #09d4db;
    font-weight: bold;
}

.btn-office-record-archive.active
{
    color: white;
    background-color: #009bbe;
    font-weight: bold;
}

.btn-office-record-format
{
    color: rgb(255, 255, 255);
    background-color: transparent;
    border-color: transparent;
    font-weight: normal;
}

.btn-office-record-format-sm
{
    color: rgb(255, 255, 255);
    background-color: transparent;
    border-color: transparent;
    font-weight: 400;
    width: 135px;
}

.patient_bar_exp
{
    background-color: cadetblue;
    color: ghostwhite;
    min-height: calc(100vh - 50px);
}

.exp_formats_bar
{
    background-color: lightsteelblue;
}

.tab-border
{
    border-top: 1px solid #2125294d;
    border-left: 1px solid #2125294d;
    border-right: 1px solid #2125294d;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.rounded-hard
{
    border-radius: 2rem;
}

.btn-blue-sky {
    color: #fff;
    background-color: #00b4ff;
    border-color: #bee5f5;
}

.btn-gray {
    color: #fff;
    background-color: #69737e;
    border-color: #5f5f5f;
}

.btn-outline-blue-sky {
    color: #00b4ff;
    background-color: #fff;
    border-color: #00b4ff;
}

.btn-selector-blue
{
    background-color: #d7ecff;
    border: 1px solid #65b2fb;
    color: #00407d;
}

.btn-selector-blue.active
{
    background-color: #00407d;
    border-color: #65b2fb;
    color: #09d4db;
}

.ec-button
{
    background-color: #d7ecff;
    border: 1px solid #65b2fb;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    font-family: "VistolSansRegular";
}

.ec-button.ec-active {
    background-color: #00407d;
    border-color: #65b2fb;
    color: #09d4db;
}

.ec-title {
    margin: 0;
    font-family: "VistolSansRegular";
    color: #00407d;
    font-weight: bold;
}

.ec-header
{
    border: 1px solid #00b4ff;
    background-color: #00b4ff;
    font-family: "VistolSansRegular";
    color: white;
}

.bk-lightgray
{
    background-color: lightgray;
}

.bk-whitesmoke
{
    background-color: whitesmoke;
}

.bk-dark-blue
{
    background-color: #00407b;
}

.bk-dark-blue-alt
{
    background-color: #00589c;
}

.bk-aqua-light
{
    background-color: #18e3ea;
}

.bk-aqua
{
    background-color: #09d4db;
}

.bk-semi-dark-aqua
{
    background-color: #00b1cf;
}

.bk-dark-aqua
{
    background-color: #009bbe;
}

.bk-aqua-alt
{
    background-color: #6be5e9;
}

.bk-sky
{
    background-color: #00b4ff;
}

.bk-sky-alt
{
    background-color: #00d4ff;
}

.bk-red
{
    background-color: red;
}

.bk-yellow
{
    background-color: yellow;
}

.bk-gray
{
    background-color: gray;
}

.bk-lime
{
    background-color: lime;
}

.bk-white
{
    background-color: white;
}


.bk-par-row
{
    background-color: #f2f2f2;
}

.required
{
    color: tomato;
}

.white
{
    color: white;
}

.gray
{
    color: gray;
}

.dark-gray
{
    color: #47646b;
}

.darkest-gray
{
    color: #45515b;
}

.print-gray
{
    color: #3d515c;
}

.semi-gray
{
    color: #6b757f;
}

.orange
{
    color: orange;   
}

.yellow
{
    color: yellow;
}

.violet
{
    color: violet;
}

.purple
{
    color: purple;
}

.blue
{
    color: #007bff;
}

.lime
{
    color: limegreen;
}

.lime-cake
{
    color: mediumspringgreen;
}

.red
{
    color: red;
}

.orange-red
{
    color: orangered;
}

.blue-medic
{
    color: #defbff;
}

.blueflow
{
    color: cornflowerblue;
}

.bluedodger
{
    color: dodgerblue;
}

.dark-blue
{
    color: #00407d;
}

.purple-pink
{
    color: #8857ff;
}

.gold
{
    color: gold;
}

.gold-cake
{
    color: khaki;
}

.darkcyan
{
    color: darkcyan;
}

.aqua
{
    color: #09d4db
}

.dark-aqua
{
    color: #14afcd
}

.blue-king
{
    color: #65b2fb;
}

.blue-sky
{
    color: #00b4ff;   
}

.gold-shadow
{
    color: gold;
    text-shadow: 1px 1px 2px yellow;
}

.black-shadow
{
    text-shadow: 1px 1px 2px black;
}

.money
{
    color: limegreen;
    text-shadow: 1px 1px 2px greenyellow;
    font-size: 21px;
}

.table .thead-blue th {
    color: white;
    background-color: #00b4ff;
    border-bottom: 0px solid #dee2e6;
    border-top: 0px solid #dee2e6;
    border-right: 1px solid white;
}

.table .thead-aqua th {
    color: white;
    background-color: #09d4db;
    border-bottom: 0px solid #dee2e6;
    border-top: 0px solid #dee2e6;
    border-right: 1px solid white;
}

.table .thead-gray th {
    color: white;
    background-color: #69737e;
    border-bottom: 0px solid #dee2e6;
    border-top: 0px solid #dee2e6;
    border-right: 1px solid white;
}

.table .thead-dark-aqua th {
    color: white;
    background-color: #14afcd;
    border-bottom: 0px solid #dee2e6;
    border-top: 0px solid #dee2e6;
    border-right: 1px solid white;
}

.ph-red::placeholder {
    color: rgba(255, 0, 0, 0.432);
    opacity: 1; /* Firefox */
}
  
.ph-red::-ms-input-placeholder { /* Edge 12 -18 */
    color: rgba(255, 0, 0, 0.432);
}

.overflow-hidden
{
    overflow: hidden
}

.fs-sm
{
    font-size: small;
}

.fs-md
{
    font-size: medium;
}

.fs-lg
{
    font-size: large;
}

.fs-xl
{
    font-size: x-large;
}

.fs-xxl
{
    font-size: xx-large;
}

.fs-48
{
    font-size: 48px;
}

.fs-64
{
    font-size: 64px;
}

.fy-bold
{
    font-weight: bold;
}

.fy-light
{
    font-weight: lighter;
}

.ff-bn-r
{
    font-family: "BebasNeue";
}

.ff-vs-r
{
    font-family: "VistolSansRegular";
}

.ff-vs-m
{
    font-family: "VistolSansMedium";
}

.ln-hg-xs
{
    line-height: 0.5;
}

.ln-hg-sm
{
    line-height: 0.75;
}

.ln-hg-md
{
    line-height: 0.9;
}

.ln-hg-nm
{
    line-height: normal;
}

.ln-hg-lg
{
    line-height: 1.2;
}

.ln-hg-xl
{
    line-height: 1.4;
}

.modal-header
{
    background-color: #00407d;
}

.modal-title
{
    width: 100%;
    text-align: center;
    color: #09d4db;
    font-family: "VistolSansRegular";
}

.modal-footer
{
    border-top: 0px solid #dee2e6;
}

/* MOBILE */
@media screen and (max-width: 480px)
{
    #main-menu-nav
    {
        right: 0px;
    }

    .carousel-text-info
    {
        padding-top: 16px;
        font-size: 32px;
    }
    
    .specialitys-list-info
    {
        height: auto; 
        width: auto;
    }

    .hide-on-mobile
    {
        display: none;
    }
}
/* PC */
@media screen and (min-width: 481px)
{
    .specialitys-list-info
    {
        height: 282px; 
        width: 620px;
    }

    .hide-on-pc
    {
        display: none;
    }
}