body.bodyLogin {
  background-color: #b3b6b9 !important;
  padding-top: 80px !important;
  padding-bottom: 0px;
  min-height: 100vh !important;

  background-image: url(https://cdn.shopify.com/s/files/1/0836/6250/4251/files/courthouse-jurdocs-background-1.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 115vw auto; /* Start slightly larger */
  animation: shrinkBackground 3s ease-out forwards;
}

@keyframes shrinkBackground {
  from {
    background-size: 110vw auto;
  }
  to {
    background-size: 100vw auto;
  }
}

body.bodyLogin > div:nth-child(1) > div.v-app.container.d-flex.h-100.justify-content-center.align-items-center > div {
 padding: 0px !important;
}

body.bodyLogin > div:nth-child(1) > div.v-app.container.d-flex.h-100.justify-content-center.align-items-center {
 background-color: rgba(249, 252, 255, 0.85) !important;
 border-radius: 8px !important;
}

body.bodyLogin > div:nth-child(1) > div.v-app.container.d-flex.h-100.justify-content-center.align-items-center > div > div.col-md-4.col-lg-4.bg-light.p-5.offset-1.rounded-end {
 background-color: rgba(203, 206, 209, 0.5) !important;
 width: 41.66% !important;
}

body.bodyLogin .btn-primary { margin: 10px 0px 20px 0px !important; }

.form-control { background-color: rgb(232, 240, 254) !important; }

.cases-section .form-select { background-color: #ffffff !important; }

.btn-primary {
 color: #ffffff !important; 
 background-color: rgb(73, 94, 114) !important;
 border-bottom-color: rgb(73, 94, 114) !important;
 border-left-color: rgb(73, 94, 114) !important;
 border-right-color: rgb(73, 94, 114) !important;
 border-top-color: rgb(73, 94, 114) !important;
}

.btn-primary:hover {
 color: #ffffff !important; 
 background-color: rgb(52, 73, 94) !important;
 border-bottom-color: rgb(52, 73, 94) !important;
 border-left-color: rgb(52, 73, 94) !important;
 border-right-color: rgb(52, 73, 94) !important;
 border-top-color: rgb(52, 73, 94) !important;
}

a {
 color: rgb(52, 73, 94) !important;
 text-decoration: underline;
}

.btn-primary a { color #ffffff !important; }

footer1 {
 bottom: 0px !important;
 padding-bottom: 10px !important;
 background-color: rgba(249, 252, 255, 0.5) !important;
}

footer { margin-top: 50px !important; }

body > footer1 > hr {
 margin: 6px !important;
}


body > div.container1.body-content { padding-left: 0px !important; padding-right: 0px !important; }

body > div.container1.body-content > div { padding-left: 0px !important; padding-right: 0px !important; }

body > div.container1.body-content > div > div > div.container-fluid.cases-section.my-2 > div:nth-child(2) > div.col-12.col-md-8.mt-4.mt-md-0 > div > table > tbody { cursor: pointer !important; }

.textProgress { font-weight: normal !important; }

#selectCase > option { cursor: pointer !important; }

.toolbar-container {
    background-color: #f3f3f3 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important;
	
.form-switch .form-check-input {
    background-color: #d5d7db !important;
}
	
.form-switch .form-check-input:checked {
    background-color: #34495e !important;
}