a {
    text-decoration: none;
    color:white;
}

input:not([type="checkbox"]):not([type="radio"]):enabled, textarea:enabled, select:enabled {
    background-color: #ffffff40;
    border-color: #ccc7c4;
}

input:not([type="checkbox"]):not([type="radio"]):disabled, textarea:disabled, select:disabled {
    /* background-color: #f8f8f8 !important; */
    /* border-color: #ccc7c4 !important;
    color: #888888 !important; */
    opacity: .8 !important;
}

input:not([type="checkbox"]):not([type="radio"]):focus, textarea, select{
    background-color: transparent !important;
    border-color: #ccc7c4;
}

input.form-control:read-only, input.form-control:read-only:focus {
    /* border-color: #ccc7c4 !important; */
    background-color: #f8f8f8 !important;
    box-shadow: none !important;
}

#navigation-menu{
    margin-left: 0;
    margin-top: auto;
}

option {
    background-color: white;
    border-color: white;
}

option:focus {
    background-color: #ac00ff;
    color:white
}

.bg-body, .modal-content {
    background-color: white;
}

.dokit-section {
    background-color: #EAECF5 !important;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }  

.form-control:focus, .form-control:focus, .form-select:focus, .form-select:focus {
    box-shadow: 0 0 0 .25rem #ac55ff50 !important;
    border-color: #ac55ff !important;
}

/* Help messages */

@media (min-width: 0) {
    .help-message {
        right: 0; 
        top: 40%; 
        display:none;
        width: 57%;
    }
}

@media (min-width: 576px){
    .help-message {
        right: 22%; 
        top: 29%; 
        display:none;
    }
}

/* Google autocomplete */
.pac-container {
    z-index:1100;
}

/* Navbar */

.navbar-menu-link-dark {
    color:#1D2349!important;
}

.top-navbar-item {
    opacity: 0.75;
}

.top-navbar-item:hover {
    opacity: 1;
    background-color: #2bffb77a;
}

.navbar-secondary {
    color: #717BBC;
    font-weight: 500;
}

.navbar-secondary.active {
    color: #3E4784;
    font-weight: 600;
}

.navbar-secondary:hover{
    color: #3E4784;
    font-weight: 600;
}

.navbar-secondary-accent {
    position:absolute;
    background-color: #3E4784;
    height: 24px;
    width: 6px;
    left: -15px;
}

.nav-bar-item {
    color: #1d2349;
}

.nav-bar-item:hover {
    background-color: #4A4E6D;
    color:white;
    font-weight:400;
}
/*  */

.dokit-form-switch:checked {
    background-color: #875BF7;
    border-color: #1d234935 !important;
}

.dokit-input {
    background-color: #fcf7f4;
}

.dokit-input:focus, .dokit-form-switch:focus {
    box-shadow: 0 0 0 .25rem #ac55ff50;
    border-color: #ac55ff;
}

.dokit-tool-bar-item {
    background-color: #ac55ff;
    opacity: 0.75;
}

.dokit-tool-bar-item:hover {
    opacity: 1;
}

.dokit-tool-bar-icon {
    width: 2rem;
    padding: 2px 0;
    display: inline-block;
}

.resize-none {
    resize: none;
}

.interaction-group-header {
    background-color:#e7baff3e;
}

/* Sections */

.section-container {
    width: fit-content;
    max-width: 400px;
}

.mw-fc {
    max-width: fit-content;
}

.miw-350 {
    min-width: 350px;
}

.mw-450 {
    min-width: 450px;
}

.mw-600 {
    max-width: 600px;
}

.w-350 {
    width: 350px;
}

.w-450 {
    width: 450px;
}

.w-600 {
    width: 600px;
}

.drop-down{
    position:absolute;
    /* top:100%; */
    left:-1px;
    right:-1px;
    z-index:1;
    padding: 0 1.5rem 1.5rem 1.25rem;
  }

.section-body {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

.disabled-section {
    background-color: #e8e9ec;
    border-color: transparent !important;
    color: #a4a7b6 !important;
}

.purple {
    color:#ac55ff;
}

.purple-button {
    color:#ac55ff;
    font-weight: 500;
    border:none;
}

/* .purple-button-negative {
    background-color: white;
} */

.blurry-text{
    color: transparent;
    text-shadow: 0 0 8px #1D2349
}

.purple-button-negative:hover {
	color: white;
	background-color: #8c00ffca !important;
	/* border: none !important; */
}

.purple-button-positive {
    color: white;
	background-color: #8c00ff !important;
	border: none !important;
}

.purple-button-positive:hover {
    background-color: #8a00df !important;
}

.purple-button-positive:disabled {
    background-color: #7f3fff9a !important;
}

.purple-button:hover, .btn:first-child:active.purple-button {
    color: #c49fff;
    background-color: transparent;
    border:none;
}

.green {
    color:#5c9d8c;
}

.green-button {
    color:#5c9d8c;
    font-weight: 500;
    border:none;
}

.green-button:hover, .btn:first-child:active.green-button {
    color: #84e1c9;
    background-color: transparent;
    border:none;
}

.bg-dokit-blue {
    background-color: #0045a5;
}

.menu-item:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

/* Added elements */

.pharmacological-treatment.rounded:hover, .prescribed-confirmatory-test:hover, .available-test-container:hover,
.added-nursing-service:hover, .added-therapy:hover, .added-surgery:hover, .added-hospitalization:hover, .added-other-procedure:hover,
.added-diagnosis:hover, .medical-condition:hover, .pmh:hover {
    background-color:#1d32491a;
}

.added-treatment {
    max-height: 8rem;
    overflow-y: auto;
}

/*  */

.consultation-summary {
    max-height: 4rem;
}

.first-consultation-summary {
    max-height:5rem;
}

@keyframes emerging-window-animate {
	from {
		transform: translateX(-15%);
		opacity: 0;
	}
	to {
		transform: translateX(0%);
		opacity: 1;
	}
}
.emerging-section {
    z-index: 95; 
    width: 600px;
    position: absolute; 
    top: 60px;
    left: 30%;
    max-height: 80%;
    overflow-y: auto;
    transform-origin: 50% 0;
	animation: emerging-window-animate .3s linear;
}

.expanded-image-preview {
    height:75vh;
}

@media (min-width: 0) {
    .patient-summary, .physical-exploration {
        margin-bottom: 0.5rem;
    }

    .follow-up-physical-exploration {
        margin-top: 0.5rem;
    }

    #side-navbar-container-lg {
        width:240px;
    }

    .hide-sm {
        display: none;   
    }

     #action {
        width: 95%;
    }

    .modal-dialog {
        max-width: 96vw;
    }

    .modal-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #current-patient-state {
        margin-bottom: 0.5rem;
    }

    .hide-md {
        display: inline-block;
    }

    .image-preview {
        height:50vh;
    }

    #main-content-patient-profile {
        width:100%;
    }

    #auxiliar-content-patient-profile {
        height: fit-content;
        margin-left:0;
    }

    #vital-sign-container-1{
        padding-right: 3rem;
        max-width: 50%;
    }

    #vital-sign-container-2{
        max-width: 50%;
    }

}

@media (min-width: 576px){
    #internal-invoice-lookup-container{
        min-width: 91vw;
    }
}

@media (min-width: 768px) {
    .physical-exploration {
        margin-right: 0;
        margin-bottom: 0;
    }

    .follow-up-physical-exploration {
        margin-top: 0;
    }

    #treatment-container {
        padding-right: 0.5rem;
    }

    .hide-sm {
        display: initial;   
    }

    .modal-body {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .hide-md {
        display: none;
    }

    #auxiliar-content-patient-profile {
        margin-left: 1rem;
        max-width:80%;
    }

    #main-content-patient-profile {
        max-width:80%;
    }

    #vital-sign-container-1{
        padding-right: 0;
        max-width: none;
    }

    #vital-sign-container-2{
        max-width: none;
    }

    #internal-invoice-lookup-container{
        min-width: 715px;
    }

}

@media (min-width: 992px) {
    .patient-summary, .physical-exploration {
        margin-right: 0;
        margin-bottom: 0;
    }

    .follow-up-physical-exploration {
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0.5rem;
    }

    .modal-dialog {
        max-width: 800px;
    }

    #diagnosis-container {
        margin-top: 0.5rem;
    }

    #current-patient-state {
        margin-bottom: 0;
    }

    .image-preview {
        height:65vh;
    }

    #main-content-patient-profile {
        max-width:600px;
    }

    #vital-sign-container-1{
        padding-right: 3rem;
    }
}

@media(min-width: 1080px){
    /* .emerging-section {
        left: 15%;
    } */
}

@media(max-width: 768px){
    .section-container {
        width: 100%;
    }

    .w-350, .w-450 {
        width: auto;
    }

    .emerging-section {
        transition: all 100 ease-in-out 150;
        position: relative;
        width:auto;
        top: 0;
        left: 0;
        max-height: none;
        /* animation:none; */
    }


    /* .section-body {
        padding-top: 0;
        padding-bottom: 0;
    } */
}


/* CIE-11 Lookup */
.popupModeResults {
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.entityInList {
    padding-left: .5rem;
    padding-right: .5rem;
}

.entityTitlePointer, .entityPvPointer {
    display: block;
    width: 100%;
}

.form-control, .form-select {
    font-weight: 500 !important;
}

ul {
    list-style: none;
}

.ui-menu .ui-menu-item{
    background-color: white;
    color: #1d2349;
}

li {
    padding:0.5rem;
}

li.page-item, li.dokit-tool-bar-item, li.text-black-50 {
    padding: 0;
}

.ui-autocomplete {
    z-index: 2001;
}

.ui-helper-hidden-accessible {
    display: none !important;
}


/* color filters */

.white-filter{
    filter:invert(100%) sepia(0%) saturate(7466%) hue-rotate(336deg) brightness(99%) contrast(109%);
}

.blue-filter {
    filter: invert(22%) sepia(19%) saturate(1416%) hue-rotate(143deg) brightness(97%) contrast(89%);
}

.loader {
    width: 48px;
    height: 48px;
    margin: auto;
    position: relative;
  }
.loader:before {
    content: '';
    width: 48px;
    height: 5px;
    background: #000;
    opacity: 0.25;
    position: absolute;
    top: 60px;
    left: 0;
    border-radius: 50%;
    animation: shadow 0.5s linear infinite;
}
.loader:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #ac55ff;
    animation: bxSpin 0.5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
}
  @keyframes bxSpin {
    17% {
      border-bottom-right-radius: 3px;
    }
    25% {
      transform: translateY(9px) rotate(22.5deg);
    }
    50% {
      transform: translateY(18px) scale(1, .9) rotate(45deg);
      border-bottom-right-radius: 40px;
    }
    75% {
      transform: translateY(9px) rotate(67.5deg);
    }
    100% {
      transform: translateY(0) rotate(90deg);
    }
  }

  @keyframes shadow {
    0%, 100% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.2, 1);
    }
  }

  
  @keyframes animloader {
    0% {
      height: 100%;
    }
    100% {
      height: 0%;
    }
  }
  

/* dropzone */
.dropzone .dz-preview.dz-image-preview {
    background-color: transparent;
}

.dropzone .dz-preview .dz-image {
    border-radius:6px;
}

.dz-remove {
    color:#ac00ff;
}

.dz-image {
    width: 5rem;
} 

.patient-name{
    color:#1D2349 !important;
}

/* Existing patients */
.patient-name:hover {
    text-decoration: underline;
    color:#2c88f3 !important;
}

.simple-clickable-element {
    max-height: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.simple-clickable-element:hover {
    text-decoration: underline;
}


/* Thumbnails */

img.thumbnail {
    height:60px;
    width:60px;
    object-fit: cover;
    overflow:hidden;
}

.album-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.card-15{
    min-height: 15rem;
}

@media (max-height: 650px) {
    #add-patient-modal .modal-body {
        max-height: 40vh !important;
    }
}

@media (max-height: 900px) {
    #add-patient-modal .modal-body {
        max-height: 50vh !important;
    }
}