html,
body {
    height: 100%;
}

body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.form-signin {
    width: 100%;
    max-width: 510px;
    padding: 15px;
    margin: auto;
}

.form-label-group {
    position: relative;
    margin-bottom: 2rem;
}

    .form-label-group input,
    .form-label-group label {
        height: 4rem !important;
        padding: .75rem;
    }


.form-control {
    border-radius: 5rem;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    font-size: 24px;
    font-weight: 300;
}

.has-username .form-control, .has-password .form-control {
    padding-left: 4rem !important;
}

.has-username .form-control-feedback {
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    pointer-events: none;
    color: #fff;
    background: #C5161D;
    margin-left: 1.5rem;
    border-radius: 5rem;
    margin-top: 0.9rem;
    font-size: 20px;
}

.has-password .form-control {
    padding-left: 4rem;
}

.has-password .form-control-feedback {
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    pointer-events: none;
    color: #C5161D;
    background: #fff;
    margin-left: 1.5rem;
    border-radius: 5rem;
    margin-top: 0.9rem;
    font-size: 24px;
}

.has-search .form-control {
    padding-left: 4rem;
}

.has-search .form-control-feedback {
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    pointer-events: none;
    color: #000;
    background: #fff;
    margin-left: 1.5rem;
    border-radius: 5rem;
    margin-top: 0.9rem;
    font-size: 24px;
}

.has-search .form-control-x {
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #000;
    background: #fff;
    margin-right: 1.5rem;
    border-radius: 5rem;
    margin-top: 0.9rem;
    font-size: 24px;
    right: 0;
}

.form-control:focus {
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}

.form-control::placeholder {
    color: #ddd;
    opacity: 1;
    text-align: center;
}

.form-control:placeholder-shown {
    padding-left: 0rem !important;
    text-align: center;
}

.forgot {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 2rem;
}

    .forgot span {
        text-decoration: none;
        color: #000;
    }

        .forgot span:hover {
            text-decoration: underline;
            color: #000;
            cursor: pointer;
        }

.btn-primary {
    color: #fff;
    background-color: #C5161D;
    border-color: #C5161D;
    border-radius: 5rem;
    max-width: 400px;
    text-transform: uppercase;
    margin-bottom: 1rem;
    top: 13px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 0rem #000 !important;
        background-color: #000
    }

    .btn-primary:active {
        background-color: #111 !important
    }

.btn-outline-primary {
    background-color: #FFF;
    color: #c5161d;
    border-color: #C5161D;
    border-radius: 5rem;
    max-width: 400px;
    margin: 0px auto;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #c5161d;
        border-color: #c5161d;
    }

    .btn-outline-primary:focus {
        background-color: #FFF;
        color: #c5161d;
        box-shadow: 0 0 0 0rem #000 !important;
        outline: 0;
    }

    .btn-outline-primary:active {
        background-color: #c5161d !important;
        box-shadow: 0 0 0 0rem #000 !important;
        outline: 0;
        border-color: #c5161d !important
    }


.sidenavR .btn-outline-primary:hover {
    background-color: #000 !important;
    border-color: #c5161d;
}

.Remember {
    text-align: center;
    margin-bottom: 3rem;
}

.signup {
    text-align: center;
    color: #4C4C4C;
    font-size: 16px;
}

    .signup a {
        font-weight: 800;
        color: #D65B60;
    }

        .signup a:hover {
            color: #c5161d;
        }


.sidenav {
    background-color: #C5161D;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    padding-top: 60px;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 0;
    z-index: 10;
}

.sidenavR {
    background-color: #C5161D;
    height: 100%;
    overflow-x: hidden;
    padding-top: 60px;
    position: fixed;
    right: 0;
    top: 0;
    transition: .5s;
    width: 0;
    z-index: 10;
}

    .sidenav a, .sidenavR a {
        color: #fff;
        display: inline-block;
        font-size: 20px;
        padding: 10px;
        text-decoration: none;
        transition: .3s;
    }

        .sidenav a:hover, .offcanvas a:focus, .sidenavR a:hover, .offcanvas a:focus {
            color: #ccc;
        }

        .sidenav a span, .sidenavR a span {
            font-size: 14px;
            font-weight: 300;
        }

div.loggedin, span.loggedin {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    background: #C5161D;
    border-radius: 5rem;
    display: block;
    margin: auto;
}

.sidenav li {
    display: block;
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
}

.sidenavR li {
    display: block;
    text-align: left;
    color: #FFF;
    padding-top: 10px;
}

.sidevav-save {
    text-align: center !important;
    padding-top: 30px !important;
}

.sidenav li.menu-doctor-dashboard::before {
    content: "\f0f0";
    display: inline-block;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    vertical-align: top;
    font-weight: 900;
}

.sidenav li.menu-mobile::before {
    content: "\f812";
    display: inline-block;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    vertical-align: top;
    font-weight: 900;
}

.sidenav li.menu-patients::before {
    content: "\f487";
    display: inline-block;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    vertical-align: top;
    font-weight: 900;
}

.sidenav li.menu-map::before {
    content: "\f59f";
    display: inline-block;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    vertical-align: top;
    font-weight: 900;
}

.sidenav ul {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 40px;
}

.sidenavR ul {
    margin-left: 0;
    padding-left: 40px;
    padding-right: 20px;
}

.sidenav .closebtn, .sidenavR .closebtn {
    font-size: 36px;
    margin-left: 50px;
    position: absolute;
    right: 25px;
    top: 0;
}

.searchpoz {
    position: absolute;
    top: 25px;
    right: 100%;
}

@media screen and max-height 450px {
    .sidenav, .sidenavR {
        padding-top: 15px;
    }

        .sidenav a, .sidenavR a {
            font-size: 18px;
        }
}

.shadowbox {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    font-size: 24px;
    font-weight: 300;
    padding: 50px 50px 20px 50px;
    border-radius: 1rem;
    margin-bottom: 50px;
}

    .shadowbox h5 {
        font-size: 24px;
    }

.patient-notes {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.patient-notes-extended {
}

.hidden-edit-button {
    display: none;
}

.editable-notes-textfield {
    border: 1px solid #ced4da;
    border-radius: 2rem;
}

.document-findings {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.document-findings-extended {
}

.shadowbox:hover {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    color: #C5161D;
}

.patdetails {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 24px;
}

.btn-outline {
    width: 220px;
    max-width: 300px;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
}

    .btn-outline:focus {
        box-shadow: 0 0 0 0rem rgba(0,123,255,0);
    }

.patviewtable {
    padding-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
}

.breadcrumb {
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .breadcrumb a {
        color: #000;
        text-decoration: none;
    }

        .breadcrumb a:hover {
            color: #c5161d;
        }

.redborder {
    border: 1px solid #c5161d;
    font-size: 18px;
    color: #000;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
    height: 45px;
}

    .redborder:focus {
        color: #c5161d;
        background-color: #fff;
        border-color: #000;
        outline: 0;
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
    }

.input-group-lg > .form-control.redborder {
    border-radius: 5rem;
    font-size: 18px;
    margin-right: 20px;
}

.input-group-text {
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 0px none #ced4da;
    border-radius: 0;
}

.input-group-lg > .input-group-append > .input-group-text {
    padding-top: 0;
    cursor: pointer;
}

.RadGrid .rgAltRow {
    background-color: var(--color5);
    border-bottom: 1px solid var(--color5) !important;
    border-radius: var(--borderRadius) var(--borderRadius) var(--borderRadius) var(--borderRadius) !important;
}

    .RadGrid .rgRow > td, .RadGrid .rgAltRow > td {
        padding: 1px !important;
        padding-left: 10px !important
    }

.RadWindow_RRM {
    font-size: var(--fontSize);
    background-color: var(--color1);
    border-width: 0px;
    border-style: solid;
    /**border-color:var(--color1);**/
    border-color: var(--color3) !important;
    border-radius: var(--borderRadius);
    position: fixed !important;
}

    .RadWindow_RRM td.rwWindowContent {
        background-color: var(--color1) !important;
        color: #000 !important;
        text-align: center !important;
    }

    .RadWindow_RRM.rwShadow {
        -webkit-box-shadow: 0px 2px 10px 6px var(--color3_o5) !important;
        -moz-box-shadow: 0px 2px 10px 6px var(--color3_o5) !important;
        box-shadow: 0px 2px 10px 6px var(--color3_o5) !important;
    }

        .RadWindow_RRM.rwShadow .rwTopResize {
            height: 6px;
        }

    .RadWindow_RRM .rwTitleRow .rwCorner, .RadWindow_RRM .rwTitleRow .rwTitlebar {
        /** changed */
        background-color: var(--color2) !important;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: var(--color2) !important;
    }

    .RadWindow_RRM .rwContentRow {
        /**background-color:var(--color6);*/
        text-align: left !important;
    }

    .RadWindow_RRM.rwNoTitleBar .rwTitleRow .rwCorner, .RadWindow_RRM.rwNoTitleBar .rwTitleRow .rwTitlebar {
        background-color: transparent;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: transparent;
    }

    .RadWindow_RRM .rwTitleRow .rwTopLeft {
        border-radius: 4px 0 0;
    }

    .RadWindow_RRM .rwTitleRow .rwTopRight {
        border-radius: 0 4px 0 0;
    }

    .RadWindow_RRM .rwTitlebarControls {
        height: 34px;
        *height: 36px;
    }

    .RadWindow_RRM.rwShadow .rwTitlebarControls {
        height: 28px;
    }

    .RadWindow_RRM .rwTitlebarControls em {
        font-size: 16px;
    }

    .RadWindow_RRM .rwControlButtons li a {
        width: 32px;
        height: 32px;
        border-width: 1px;
        border-style: solid;
        border-color: transparent;
    }

        .RadWindow_RRM .rwControlButtons li a:hover {
            background-color: var(--color4);
            border-color: var(--color1);
            border-radius: 3px;
        }

.RadWindow .rwControlButtons a {
    text-indent: -3333px !important;
    overflow: hidden;
    text-align: center;
    padding-top: 15px;
    height: 15px !important;
    color: var(--color1) !important;
}

.RadWindow .rwControlButtons span {
    /**Hide text' **/
    display: inline-block !important;
    color: red;
    background-color: pink;
    height: 32px;
    width: 32px;
}

.RadWindow_RRM table.rwShadow em {
    padding: 0 0 0 1px;
}

.RadWindow_RRM .rwStatusbar input {
    background-color: var(--color1);
}

.RadWindow_RRM .rwStatusbar div {
    background-position: -12px -2212px;
    margin: 6px -3px 0 0;
}

.RadWindow_RRM.rwShadow .rwStatusbar div {
    margin: 9px -9px 0 0;
}

.RadWindow_RRM .rwTable .rwTitlebarControls .rwIcon {
    background-position: 0 0;
    margin: 8px 5px 0 0;
}

.RadWindow_RRM .rwTable.rwShadow .rwTitlebarControls .rwIcon {
    margin: 5px 5px 0 0;
}

.RadWindow_RRM .rwTable .rwTitlebarControls em {
    color: var(--color1);
    font-weight: normal;
    font-size: var(--fontSizeMedium);
}

.RadWindow_RRM .rwTable .rwDialogInput, .RadWindow_RRM .rwTable .rwDialogInput:hover {
    height: 1.5em;
    padding: .42857em .85714em;
    background-color: var(--color1);
    color: var(--color2);
    border-width: 1px;
    border-style: solid;
    border-color: var(--color4);
}

    .RadWindow_RRM .rwTable .rwDialogInput:focus {
        background-color: var(--color3);
        color: var(--color2);
        border-color: var(--color3);
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px var(--color3_o5);
        outline: 0 none;
    }

    .RadWindow_RRM .rwTable .rwDialogInput:active {
        background-color: var(--color3);
        color: var(--color2);
        border-color: var(--color4);
    }

.RadWindow_RRM .rwTable tr td.rwLoading {
    background-color: var(--color1);
}

.RadWindow_RRM td.rwWindowContent.rwLoading {
    /**background-image:url('WebResource.axd?d=Z3fCFYsHCa8LB8HgJc38wV8WcdLaKTjxwGh0wVyCSw0Y5VOAUDN28onVogJ40RmD8PB_pReaVib-L2Ul2ywEkb7efcc7fsNsObmHx4uIhR0YJ9c6tTE0wRWY0zwYGgi53mYy6YverHK9oOhbpJmqR8AF04ZYZtpl7grtXdP3Bj41&t=635633627180000000');**/
    background: transparent var(--imageLoader) center no-repeat !important;
}

.RadWindow_RRM input.rwLoading {
    /** background-image:url('WebResource.axd?d=bz98Dn6wg0C_K7Z9m_bwv_sgddiNAL6EKVVJHSai_0AMkLt3S0BNsYpY3gapK83tMk0yr45q1Lkrfd-RfG4UAB4KfgnEHGYWT6IHnIgzO9IeQIg99toC64HHA5UiMSHRihKKSDB797WZD-3xWVLlidrg3sK101bWOikuL_Xn5HHC1Mp7ya-tY7IwlFfMBZms0&t=635633627180000000'); **/
    background: transparent var(--imageLoader) center no-repeat !important;
}

.RadWindow_RRM .rwTable a.rwCancel, .RadWindow_RRM .rwTable a.rwCancel span {
    background: 0;
    cursor: pointer;
}

    .RadWindow_RRM .rwTable a.rwCancel span span {
        color: var(--color2);
        text-decoration: underline;
    }

.RadWindow .rwControlButtons, .RadWindow_RRM .rwControlButtons {
    margin: -2px 0 0;
    *margin: 0;
}

.RadWindow_RRM.rwShadow .rwControlButtons {
    margin: -4px 0 0;
    padding-left: 0;
}

.RadWindow .rwControlButtons li {
    float: left;
    padding: 0 1px 0 0;
    /*Set FontAwesome for Icons here*/
    font-family: var(--fontIconFamily);
    font-weight: 900;
    font-size: var(--fontSizeLarge) !important;
    list-style-type: none;
}

.RadWindow_RRM .rwTable .rwControlButtons li a {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 0 0 8px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: var(--color2);
    text-decoration: none;
    font-style: normal;
    color: var(--color1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /** bars **/
    position: relative;
    display: inline-block;
}

    .RadWindow_RRM .rwTable .rwControlButtons li a:hover {
        background-color: var(--color3);
        color: var(--color1);
        border-color: var(--color3);
        border-radius: 3px;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /** bars **/
        position: relative;
        display: inline-block;
    }

.RadWindow_RRM .rwCloseButton {
    width: 24px !important;
    height: 24px !important;
    background-color: var(--color1) !important;
    -webkit-mask: url(/asset/svg/window-close-solid.svg) no-repeat 50% 50%;
    mask: url(/asset/svg/window-close-solid.svg) no-repeat 50% 50%;
    background-size: 24px 24px;
}

    .RadWindow_RRM .rwCloseButton:hover {
        background-color: var(--color3) !important;
    }

.RadWindow_RRM .rwReloadButton {
    width: 24px !important;
    height: 24px !important;
    background-color: var(--color1) !important;
    -webkit-mask: url(/asset/svg/sync-alt.svg) no-repeat 50% 50%;
    mask: url(/asset/svg/sync-alt.svg) no-repeat 50% 50%;
    background-size: 24px 24px;
}

    .RadWindow_RRM .rwReloadButton:hover {
        background-color: var(--color3) !important;
    }

.RadWindow_RRM .rwPinButton,
.RadWindow_RRM .rwPinButton:hover:before {
    content: '\f08d';
}

    .RadWindow_RRM .rwPinButton.on, .RadWindow_RRM .rwPinButton.on:hover:before {
        background-position: -9px -1209px;
    }

.RadWindow_RRM .rwMinimizeButton, .RadWindow_RRM .rwMinimizeButton:hover:before {
    background-position: -9px -1509px;
}

.RadWindow_RRM .rwMaximizeButton, .RadWindow_RRM .rwMaximizeButton:hover:before {
    background-position: -9px -1609px;
}

.RadWindow_RRM.rwMaximizedWindow .rwMaximizeButton:before, .RadWindow_RRM.rwMinimizedWindow .rwMinimizeButton:before,
.RadWindow_RRM.rwMaximizedWindow .rwMaximizeButton:hover:before, .RadWindow_RRM.rwMinimizedWindow .rwMinimizeButton:hover:before {
    background-position: -9px -1809px;
}

.RadWindow_RRM .rwReloadButton:before,
.RadWindow_RRM .rwReloadButton:hover:before {
    background-position: -9px -1309px;
}

.RadWindow_RRM .rwStatusbarRow .rwCorner, .RadWindow_RRM .rwStatusbarRow .rwStatusbar {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--color4);
}

.RadWindow_RRM a.rwPopupButton span {
    height: 32px;
    line-height: 32px;
}

.RadWindow_RRM a.rwPopupButton {
    height: 32px;
    border-color: var(--color1);
    color: var(--color2);
    background-color: var(--color1);
    background-image: linear-gradient();
    background-position: 0 0;
    background-repeat: repeat-x;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color4);
}

    .RadWindow_RRM .rwWindowContent a.rwPopupButton:hover, .RadWindow_RRM a.rwPopupButton:focus {
        border-color: var(--color1);
        color: var(--color2);
        background-color: var(--color1);
        background-image: linear-gradient();
        background-position: 0 0;
        background-repeat: repeat-x;
        border-radius: 3px;
        border-color: var(--color4);
    }

    .RadWindow_RRM a.rwPopupButton:focus {
        outline-width: thin;
        outline-style: dotted;
        outline-offset: -2px;
    }

    .RadWindow_RRM a.rwPopupButton:active {
        border-color: var(--color1);
        color: var(--color2);
        background-color: var(--color1);
        background-image: linear-gradient();
        color: var(--color2);
        box-shadow: 0 3px 5px rgba(0,0,0,0.125) inset;
        border-color: var(--color4);
    }

.RadWindow_RRM.rwMinimizedWindow, .RadWindow_RRM .RadWindow .rwMinimizedWindowOverlay {
    width: 214px !important;
    height: 36px !important;
}

    .RadWindow_RRM.rwMinimizedWindow .rwControlButtons {
        margin: -3px 0 0;
        width: 86px !important;
    }

    .RadWindow_RRM.rwMinimizedWindow .rwTable {
        width: 214px !important;
        height: 55px !important;
    }

.feedback-icon {
    margin: 10px;
}

.pdf-link {
    z-index: 2;
}

    .pdf-link :hover {
        transform: scale(1.25);
        transition: transform .25s ease;
    }

.form-validation {
    text-align: center;
    color: #C5161D;
}

#btnIndicationSave {
    margin-top: 15px;
    margin-bottom: 0px;
}

#inputSearch {
    margin-bottom: 30px;
}

#btnPreviousDocs {
    display: none;
}

.previous-device {
    color: #000;
}

    .previous-device:hover {
        color: #C5161D;
    }

.container {
    padding-right: 0px !important;
    padding-left: 0px !important
}

@media (max-width: 768px) {
    .patviewtable {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .container {
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .usercol, .menucol {
        position: absolute;
    }

        .menucol img {
            position: absolute;
            left: 10px;
            z-index: 1;
        }

    .form-signin img.img-fluid {
        max-width: 80%;
    }

    div.loggedin, span.loggedin {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .usercol span.loggedin, .usercol div.loggedin {
        margin-right: 0.5rem;
        font-size: 20px !important;
    }

    .usercol {
        text-align: right!important;
    }

    .usercol span.login {
        right: 0px;
        position: absolute;
        margin-right: 0.5rem;
        font-size: 20px !important;
    }

    .searchpoz {
        right: 5px;
        top: 50px;
    }

    .slika {
        width: 15%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .txtdate {
        width: 30%;
        font-size: 14px;
    }

    .txttime {
        width: 54%;
        font-size: 14px;
    }

    .btn-outline.mx-5 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    img.logo {
        max-width: 220px;
    }

    .btn-logout {
        margin-top: -30px;
        margin-left: 60px;
    }
}

.btn-logout {
    margin-top: 1rem;
}