@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,400&display=swap');

body {
    position                : absolute;
    margin                  : 0;
    border                  : 0;
    padding                 : 0;
    top                     : 0;
    bottom                  : 0;
    left                    : 0;
    right                   : 0;
    width                   : 100%;
    height                  : 100%;
    /* background-image     : url('../../images/backgrounds/pastel-bg.jpg') !important;*/
    background-size         : cover !important;
    background-attachment   : fixed;
    border                  : 0 !important;
    font-family             : 'Montserrat', sans-serif;
    font-size               : 17px;
}

html {
    scroll-behavior: smooth;
}

footer {
    bottom        : 0;
    width         : 100%;
    margin        : 0;
    padding-right : 10%;
    padding-bottom: 10px;
    text-align    : right;
    font-size     : .6em;
    border        : 0;
}

.modal label {
    font-size: .7rem !important;
}

.modal input {
    font-size: .8rem !important;
}

.card-header {
    font-size: .8rem !important;
}

.white-backgrounded {
    background: rgba(255, 255, 255, .7) !important;
}

.pointer-cursor {
    cursor: pointer !important;
}

.breadcrumb {
    font-size: 11px !important;
}

table {
    font-size: 12px !important;
}

.interval {
    padding-top: 30px;
}

.navbar-nav.navbar-center {
    position : absolute;
    left     : 50%;
    transform: translatex(-50%);
    z-index  : 2;
}

.top-fixed-content {
    position: fixed;
    top     : 0;
    left    : 0;
    width   : 100%;
    z-index : 999;
}

.nav-divider {
    height: 130px;
}

.search_container {
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px;
    background-color     : white;
    width                : 80%;
    padding              : 20px;
    text-align           : center;
    margin               : auto;
    margin-bottom        : 30px;
}

.devices {
    width        : 100%;
    padding      : 5px;
    margin-bottom: 10px;
    border       : 1px solid rgb(193, 253, 201);
    border-radius: 5px;
    font-size    : .9rem;
}

.devices_header {
    background-color: rgb(240, 255, 242);
    width           : 100%;
    padding         : 5px;
    text-align      : center;
    border-radius   : 10px;
    margin-top      : 10px;
}

.devices_container {
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    background-color     : rgb(240, 255, 242);
    width                : 100%;
    padding              : 5px;
    text-align           : center;
    margin-bottom        : 10px;
}

.comments {
    width        : 100%;
    padding      : 5px;
    margin-bottom: 10px;
    border       : 1px solid rgb(163, 212, 255);
    border-radius: 5px;
    font-size    : .9rem;
}

.comments_header {
    background-color: AliceBlue;
    width           : 100%;
    padding         : 5px;
    text-align      : center;
    border-radius   : 10px;
    margin-top      : 10px;
}

.comments_container {
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 10px;
    background-color     : AliceBlue;
    width                : 100%;
    padding              : 5px;
    text-align           : left;
    margin-bottom        : 10px;
}

.technicians {
    width        : 100%;
    padding      : 5px;
    margin-bottom: 10px;
    border       : 1px solid rgb(197, 197, 255);
    border-radius: 5px;
    font-size    : .9rem;
}

.technicians_header {
    background-color: lavender;
    width           : 100%;
    padding         : 5px;
    text-align      : center;
    border-radius   : 10px;
    margin-top      : 10px;
}

.technicians_container {
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 10px;
    background-color     : lavender;
    width                : 100%;
    padding              : 5px;
    text-align           : center;
    margin-bottom        : 10px;
}

.deliveries {
    width        : 100%;
    padding      : 5px;
    margin-bottom: 10px;
    border       : 1px solid rgb(250, 180, 228);
    border-radius: 5px;
    font-size    : .9rem;
}

.deliveries_header {
    background-color: rgb(254, 217, 242);
    width           : 100%;
    padding         : 5px;
    text-align      : center;
    border-radius   : 10px;
    margin-top      : 10px;
}

.deliveries_container {
    border-radius   : 10px;
    background-color: rgb(254, 217, 242);
    width           : 100%;
    padding         : 5px;
    text-align      : center;
    margin-bottom   : 10px;
}

.therapy_container {
    font-size       : .9rem;
    border-radius   : 25px;
    background-color: LightYellow;
    width           : 50px;
    padding         : 5px;
    display         : inline;
    text-align      : center;
    margin-right    : 5px;
    margin-bottom   : 10px;
    margin-top      : 10px;
}

.oxygen {
    font-size    : .9rem;
    border-radius: 25px;
    padding      : 5px;
    border       : 1px solid rgb(255, 255, 191);
}

.short {
    width : 60%;
    margin: auto;
}