.modal {
    z-index: 1072;
}

.modal-dialog {
    left        : auto;
    margin-left : auto;
    margin-right: auto;
}

html,
body {
    height               : 100%;
    font-family          : "Avenir Next", sans-serif;
    overscroll-behavior-y: contain;
}

body.body-bg {
    background     : #ffffff url('../i/background.jpg') no-repeat 0 0 fixed;
    background-size: cover;
}

/*********** body height will be adjusted once overscroll bounce ***********/

html {
    overflow: hidden;
    width   : 100%;
}

body {
    width                     : 100%;
    /* prevent overscroll bounce*/
    position                  : fixed;
    overflow-y                : auto;
    /* iOS velocity scrolling */
    -webkit-overflow-scrolling: touch;
}

/*********** body height will be adjusted once overscroll bounce ***********/

label,
select {
    font-family: "Avenir Next", sans-serif;
}

label {
    cursor: inherit;
}

.logo-block h2,
.logo-block h3,
.logo-block h4 {
    color      : #ffffff;
    line-height: 1.5;
}

.logo-block div {
    color      : #ffffff;
    line-height: 1.5;
    font-size  : 24px;
}

.form-group .col-sm-12 {
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .form-group .col.text-right {
        text-align: left;
    }

    .form-group .col label {
        float: left;
    }

    .form-group .col select,
    .form-group .col .selectboxit-container {
        float: right;
    }

    .form-group .col {
        height: 55px !important;
    }
}

h2,
h3 {
    color      : #ffffff;
    line-height: 1.5;
}

h2 {
    letter-spacing: 5px;
}

h5 {
    color    : #000;
    font-size: 20px;
}

h3 {
    letter-spacing: 3px;
}

h4 {
    color      : #000;
    line-height: 1.5;
    font-size  : 28px;
}

.main,
.page-container {
    height: 100%;
}

.fill,
.fill .col {
    min-height: 100%;
    height    : 100%;
}

.center-block {
    position         : relative;
    top              : 50%;
    transform        : translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    margin           : auto;
    /* height        : 420px; */
}

.login-form a {
    color: #ffffff;
}

#login .pin-circle {
    width           : 80px;
    background-color: #007bff69;
    color           : #fff;
    line-height     : 80px;
    border-radius   : 50%;
    font-size       : 28px;
}

#login .pin-dot {
    width        : 14px;
    height       : 14px;
    color        : #fff;
    border-radius: 50%;
    border       : 2px solid #fff;
}

#login .pin-dot.fill {
    background-color: #ffffff;
}

#login .login-form .link-group {
    width : 100%;
    left  : 0;
    bottom: 60px;
}

.center-block-top {
    position         : relative;
    top              : 50%;
    transform        : translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    margin           : auto;
    height           : 100%;
}

.logo-block .logo,
.logo-block .logo-text-line {
    margin: auto;
}

.logo {
    background: transparent url('../i/LARGEWhiteFittzyLogo.png') no-repeat 0 0;
    width     : 330px;
    height    : 50px;
    display   : block;
}

.logo-black {
    background: transparent url('../i/SMALLWhiteFittzyLogo.png') no-repeat 0 0;
    width     : 299px;
    height    : 70px;
    display   : block;
}

.logo-block .patientLogo {
    margin: auto;
}

.patientLogo {
    background: transparent url('../i/patientIcons/myPixamedLogo.png') no-repeat 0 0;
    width     : 330px;
    height    : 50px;
    display   : block;
}

.login-form .input {
    font-size: 1.5em;
}

form .control-label {
    padding-left : 0;
    margin-bottom: 0;
    float        : none;
}

form .control-label {
    padding-right: 8px;
    line-height  : 40px;
}

.btn-sign-up {
    background : url('../i/signup@2x.png') no-repeat 0 0;
    width      : 301px;
    height     : 62px;
    text-indent: -99999px;
}

.btn-sign-up:hover,
.btn-sign-up:focus,
.btn-sign-up.focus,
.btn-sign-up:active,
.btn-sign-up.active {
    background: url('../i/signup@2x.png') no-repeat 0 0;
}

.btn-login {
    /* background: url('../i/signup@2x.png') no-repeat 0 0;*/
    /*text-indent: -99999px;*/
    background-color: #FFFFFF;
    width           : 200px;
    height          : 50px;
    color           : #6CCFF6;
    font-size       : 20px;
}

.btn-login:hover,
.btn-login:focus,
.btn-login.focus,
.btn-login:active,
.btn-login.active {
    background: #ffa07a;
}

.btn-change-pwd {
    /* background: url('../i/signup@2x.png') no-repeat 0 0;*/
    /*text-indent: -99999px;*/
    background-color: #F56E38;
    width           : 200px;
    height          : 50px;
    color           : white;
    font-size       : 18px;
    text-align      : center;
    padding         : 0px;
}

.btn-change-pwd:hover,
.btn-change-pwd:focus,
.btn-change-pwd.focus,
.btn-change-pwd:active,
.btn-change-pwd.active {
    background: #ffa07a;
}

.btn-forgot-pwd {
    background : url('../i/sendpassword@2x.png') no-repeat 0 0;
    width      : 301px;
    height     : 62px;
    text-indent: -99999px;
}

.btn-forgot-pwd:hover,
.btn-forgot-pwd:focus,
.btn-forgot-pwd.focus,
.btn-forgot-pwd:active,
.btn-forgot-pwd.active {
    background: url('../i/sendpassword@2x.png') no-repeat 0 0;
}


.selectboxit-container .dropdown-menu>.active>a {
    background: none;
    /*color   : #fff;*/
}

@media (max-width: 768px) {
    .center-block {
        top              : 0;
        transform        : translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform    : translateY(0);
        height           : auto;
    }

    .fill,
    .fill .col {
        height: auto;
    }
}

@font-face {
    font-family: "Avenir Next";
    src        : url('../fonts/AvenirNext.eot');
    src        : url('../fonts/AvenirNext.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNext.otf') format('opentype');
    font-weight: normal;
    font-style : normal;
}

.nav {
    position   : relative;
    display    : inline-block;
    font-size  : 14px;
    font-weight: 900;
}

.nav-list {
    background: #abbedf;
}

.nav-item {
    display: inline;
    zoom   : 1;
}

.nav-item a {
    display   : block;
    padding   : 15px 8px;
    color     : #FFF;
    background: #abbedf;
}

.nav-item:first-child a {
    border-radius: 5px 0 0 5px;
}

.nav-item:last-child a {
    border-radius: 0 5px 5px 0;
}

.nav-item a:hover {
    background: #2C3E50;
}

.nav-item .dropdown-toggle {
    display: block;
}

.nav-mobile {
    display              : none;
    /* Hide from browsers that don't support media queries */
    cursor               : pointer;
    position             : absolute;
    top                  : 0;
    right                : 0;
    background           : #abbedf url('../i/nav.png') no-repeat center center;
    height               : 40px;
    width                : 40px;
    border-radius        : 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .nav-mobile {
        display: block;
    }

    .nav {
        width  : 100%;
        padding: 40px 0 0;
    }

    .nav-list {
        display: none;
    }

    .nav-item {
        width: 100%;
        float: none;
    }

    .nav-item a {
        background: #abbedf;
        padding   : 10px;
    }

    .nav-item:first-child a {
        border-radius: 5px 0 0;
    }

    .nav-item:last-child a {
        border-radius: 0 0 5px 5px;
    }

    .nav-active {
        display: block;
    }

    .nav-mobile-open {
        border-radius        : 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius   : 5px 5px 0 0;
    }
}

.slider {
    width              : 720px;
    overflow-x         : scroll;
    overflow-y         : hidden;
    white-space        : nowrap;
    /*float            : right;*/
    /*    margin-bottom: 0px;
    margin-right       : 20px;*/
}

.thumbset {
    overflow    : visible;
    /*margin-top: 75px;*/
}

.thumb {
    margin-left: 15px;
}

.boxShort {
    border : 2px #0B0101 solid;
    width  : 50%;
    padding: 5px 15px;
    color  : black;
}

.or-divider {
    display        : flex;
    flex-direction : row;
    color          : #fff;
    font-weight    : bold;
    font-size      : 1.4em;
    justify-content: center;
    align-items    : center;
    align-content  : center;
}

.or-divider>span {
    padding: 0 1rem;
}

.or-divider::before,
.or-divider::after {
    content         : '';
    display         : block;
    background-color: #fff;
    height          : 1px;
    width           : 100%;
}

.patient-search-icon {
    position   : absolute;
    margin-left: .5rem;
}

.patient-search-input {
    padding-left: 2.2rem;
}

.patient-list-container {
    padding-top   : 121px;
    padding-bottom: 20px;
}


.page-inner-container {
    padding-top: 57px;

}

.message-bar {
    position         : fixed;
    z-index          : 1073;
    bottom           : 0;
    width            : 100%;
    -webkit-transform: translate(0, 100%);
    transform        : translate(0, 100%);
}

.loading-icon {
    right: 12px;
}

.loading-wrapper {
    top       : 0;
    left      : 0;
    background: #42424247;
    z-index   : 1074;
}

.loading-wrapper.hidden {
    display: none !important;
}

.address-bar {
    top    : 100%;
    z-index: 100;
}

.address-bar .breadcrumb-item:last-child {
    padding-right: 1rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    display      : inline-block;
    padding-right: .5rem;
    color        : #6c757d;
    content      : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIvPjwvc3ZnPg==);
}

.wound-images-collapse-wrapper .image-block .crop img {
    width    : 120px;
    min-width: 120px;
}

.power {
    font-size     : 70%;
    vertical-align: +20%;
}

.placeholder {
    position                         : static;
    overflow                         : hidden;
    -webkit-animation                : placeholderShimmer 2s linear;
    animation                        : placeholderShimmer 2s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count        : infinite;
    background-color                 : #fff;
    background-image                 : -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .08)), color-stop(15%, rgba(0, 0, 0, .15)), color-stop(30%, rgba(0, 0, 0, .08)));
    background-image                 : -webkit-linear-gradient(left, rgba(0, 0, 0, .08) 0, rgba(0, 0, 0, .15) 15%, rgba(0, 0, 0, .08) 30%);
    background-image                 : linear-gradient(to right, rgba(0, 0, 0, .08) 0, rgba(0, 0, 0, .15) 15%, rgba(0, 0, 0, .08) 30%);
    background-size                  : 1200px 100%;
    max-width                        : 30rem;
}

.position-top {
    top: 0;
}

.position-left {
    left: 0;
}

.position-bottom {
    bottom: 0;
}

.position-right {
    right: 0;
}

.icon-inside {
    font-size  : 0;
    line-height: 0;
}

@keyframes placeholderShimmer {
    0% {
        background-position: -1200px 0;
    }

    100% {
        background-position: 1200px 0;
    }
}

.cursor-pointer {
    cursor: pointer;
}

#wound-location .wound-orientation img {
    border       : 3px solid #00000000;
    border-radius: 5px;
}

#wound-location .wound-orientation img.selected {
    border-color: #6fe6da;
}

#wounds .wound-list-item .wound-images-collapse:before {
    content      : '';
    position     : absolute;
    top          : -10px;
    left         : 20px;
    border-bottom: 10px solid #f8f9fa;
    border-left  : 10px solid #0000;
    border-right : 10px solid #0000;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select  : none;
    /* Safari */
    -khtml-user-select   : none;
    /* Konqueror HTML */
    -moz-user-select     : none;
    /* Old versions of Firefox */
    -ms-user-select      : none;
    /* Internet Explorer/Edge */
    user-select          : none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#demographic .custom-file-input:lang(en)~.custom-file-label::after {
    content: none;
}

.patient-registration-form .collapse-form {
    background-color: aliceblue;
    margin          : 0px -1rem;
    padding         : 1rem;
}

#video_capture_canvas {
    margin: auto;
    width : calc(100% - 0px);
}



.noneScrollbar::-webkit-scrollbar {
    width     : 0px;
    height    : 0px;
    background: transparent;
    /* make scrollbar transparent */
}

.dropdown-toggle::after {
    display       : inline-block;
    margin-left   : .255em;
    vertical-align: 0;
    content       : "";
    border-top    : .6em solid;
    border-right  : .6em solid transparent;
    border-bottom : 0;
    border-left   : .6em solid transparent;
}

.dropdown-toggle.no-dropdown-icon::after {
    display: none;
}

.bootbox .modal-header {
    display: block;
}

.measure-tools-bar {
    width    : 90px;
    font-size: 12px;
}

#measurePhotoFrame_toolbar .btn,
#measurePhotoFrame_auto_trace_toolbar .btn,
#measurePhotoFrame_auto_classification_toolbar .btn {
    color : white;
    height: 55px;
}

#measurePhotoFrame_toolbar .btn:hover,
#measurePhotoFrame_auto_trace_toolbar .btn:hover,
#measurePhotoFrame_auto_classification_toolbar .btn:hover {
    color: lightgray;
}

#measurePhotoFrame_toolbar .active,
#measurePhotoFrame_auto_trace_toolbar .active,
#measurePhotoFrame_auto_classification_toolbar .active {
    color: gray !important;
}

#measurementBrushSize .modal-body{
    background: lightcyan;
}

#measure .measure-tools-brush-size{
    position: absolute;
    width: 23px;
    height: 23px;
    transform: translate(-50%, -50%) scale(0.8);
    transform-origin: center center;
    background-color: white;
    border-radius: 20rem;
}

.measure-container input[type=range]::-webkit-slider-thumb {
    height    : 28px;
    width     : 28px;
    margin-top: -11px;
}

#measurementBrushSize .measure-tools-brush-size-view-box {
    width: 1em;
    height: 1em;
}

.opacity-50 {
    opacity: 0.5 !important;
}

#debridementDiv img {
    display: none;
}

#debridementDiv .selectorImg,
#debridementDiv .popupSelectorImg,
#debridementDiv .imagePopupSelectorImg {
    display: block;
}

#debridementDiv .popupModalImg {
    display: inline-block;
}

.bg-required {
    background-color: #fffec6 !important;
}

.bg-app-nav-bar {
    background-color: #6dd0f6 !important;
}

.open-closed-bar {
    padding         : .75rem 0rem;
    background-color: rgba(0, 0, 0, .03);
    border-top      : 1px solid rgba(0, 0, 0, .125);
    border-bottom   : 1px solid rgba(0, 0, 0, .125);
}

.appLogo {
    background: transparent url(../i/LARGEWhiteFittzyLogo.png) no-repeat 5% center/auto 80%;
    height    : 30px;
}

#reportSectionTags .nav-item a {
    display   : block;
    padding   : 15px 8px;
    color     : #121416;
    background: #eaf7f5;
}

#reportSectionTags .nav-item .active {
    background: #C2F4EF;
    color     : #117a8b
}

#register-form input::placeholder,
#login-form input::placeholder,
#reset-password-request-form input::placeholder {
    color    : lightgray;
    font-size: 20px;
}

.on-and-off-switch {
    position: relative;
    display : inline-block;
    width   : 60px;
    height  : 34px;
    margin  : 0;
}

.on-and-off-switch input {
    opacity: 0;
    width  : 0;
    height : 0;
}

.on-and-off-slider {
    position          : absolute;
    cursor            : pointer;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    background-color  : #ccc;
    -webkit-transition: .4s;
    transition        : .4s;
}

.on-and-off-slider:before {
    position          : absolute;
    content           : "";
    height            : 26px;
    width             : 26px;
    left              : 4px;
    bottom            : 4px;
    background-color  : white;
    -webkit-transition: .4s;
    transition        : .4s;
}

input:checked+.on-and-off-slider {
    background-color: #2196F3;
}

input:focus+.on-and-off-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.on-and-off-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform    : translateX(26px);
    transform        : translateX(26px);
}

/* Rounded on-and-off-slider */
.on-and-off-slider.round {
    border-radius: 34px;
}

.on-and-off-slider.round:before {
    border-radius: 50%;
}



.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.line-height-0 {
    line-height: 0;
}

.line-height-1 {
    line-height: 1;
}

.font-90 {
    font-size: 90%;
}

.font-80 {
    font-size: 80%;
}

/* assessment report page style */
#reportHTMLTags tr {
    font-size: 13px;
    height   : 25px;
}

#reportHTMLTags th {
    text-align    : left;
    width         : 120px;
    vertical-align: text-top;
}

#reportHTMLTags td {
    text-align    : left;
    vertical-align: text-top;
}

#reportHTMLTags hr {
    height          : 3px;
    border          : none;
    background-color: #c2f4ef;
    margin-top      : 4px;
    margin-bottom   : 4px;
}

#reportHTMLTags .photo-label {
    width           : 250px;
    background-color: #c2f4ef;
    font-size       : 13px;
    padding         : 5px;
}

body.wound-progress-modal-open .modal-backdrop.show {
    opacity: 0.2;
}

#wound-progress-modal.modal .modal-dialog {
    /* not moving modal dialog, moving modal content */
    -webkit-transform: none;
    transform        : none;
    max-width        : initial;
}

#wound-progress-modal.modal .wound-progress-modal-content {
    border-top-left-radius    : 2rem;
    border-top-right-radius   : 2rem;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0;
    box-shadow                : 0 -1rem 3rem rgb(0 0 0 / 18%);
    max-height                : calc(100vh - 16px);
    -webkit-transform         : translate(0, 100%);
    transform                 : translate(0, 100%);
    transition                : -webkit-transform .3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition                : transform .3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition                : transform .3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#wound-progress-modal.modal.show .modal-content.wound-progress-modal-content {
    -webkit-transform: translate(0, 0);
    transform        : translate(0, 0);
}

#wound-progress-modal.modal.shown .modal-content.wound-progress-modal-content {
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
}

#wound-progress-modal.modal .modal-dialog-bottom {
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-align: center;
    align-items   : flex-end;
    min-height    : 100%;
}

#wound-progress-modal.modal .modal-header-dash {
    width        : 30px;
    height       : 4px;
    background   : #ccc;
    margin       : 0 auto;
    margin-bottom: 0.5rem;
    border-radius: 50rem;
}

#wound-progress-modal.modal .modal-header {
    background-color: #e7f1f3;
    cursor          : move;
}

#wound-progress-modal.modal .wound-progress-image-container-inner {
    height        : 0;
    padding-bottom: 100%;
    cursor        : grabbing;
}

#wound-progress-modal.modal .wound-progress-image {
    display                    : none;
    width                      : auto;
    height                     : auto;
    max-width                  : 100%;
    /* max-height              : 720px; */
    background-color           : #C2F4EF;
    transform-origin           : center center;
    -webkit-transform-origin   : center center;
    position                   : absolute;
    top                        : 50%;
    left                       : 0;
    right                      : 0;
    margin                     : 0 auto;
    opacity                    : 0.5;
}


#wound-progress-modal.modal .wound-progress-image.active {
    /* position: relative; */
    display: block !important;
    opacity: 1;
    z-index: 0;
}

#wound-progress-modal.modal .wound-progress-collapse-portion {
    background-color: #99ece4;
}

#wound-progress-modal.modal .table td,
#wound-progress-modal.modal .table th {
    padding: .25rem;
}

.canvas-wraper {
    position: absolute;
    width   : 100%;
    overflow: hidden;
    height  : 100%;
}

.measure-canvas-tools-bar {
    position: fixed;
    left    : 3px;
    display : none;
    z-index : 1;
}

/* --------------------------- #treatment --------------------------- */

#treatment .treatment-container .treatment-selection-top {
    background: #f0fafd;
    min-height: 300px;
}

/* #treatment .treatment-schedule-label {
    position            : absolute;
    bottom              : 0;
    width               : 100%;
}
*/
.form-control.pill,
.input-group-text.pill {
    border-radius: 50rem;
}

/* .treatment-selection-bottom {} */

#version-switching-btn {
    font-size: 10px;
}

.bg-foot-bar {
    background-color: #012e3e;
}

.measure-canvas-tools-bar {
    position: fixed;
    left    : 3px;
    display : none;
    z-index : 1;
}

.wound-encounter-form-wraper {
    font-size: 14px;
    overflow : auto;
}

/* remove clear button on search input when there is value */
/* input#treatment-selection-control-search[type="search"]::-webkit-search-decoration, */
/* input#treatment-selection-control-search[type="search"]::-webkit-search-results-decoration, */
/* input#treatment-selection-control-search[type="search"]::-webkit-search-results-button, */
input#treatment-selection-control-search[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.terms-of-service-div{
    font-size: 16px; 
    color: white;
}

.terms-of-service-bt{
    color: blue !important;
    cursor: pointer;
}