:root {
  --main-bg-color: #58428c;
}

.content {
  padding: 1.5rem 3rem 1.5rem;
}

.acb_form .form-label, a {color: #58428c;}
.acb_form .form-text, .acb_form label, .acb_form input, .acb_form textarea, .acb_form select, .select2  {font-size: 0.875rem;}

table.datatable {margin-top:30px !important;}
table.datatable td {vertical-align: top !important;}
table.datatable thead tr th {background-color:#58428c !important;color:#ffffff;}
table.datatable * {font-size:90%;}

.dt-search > label, .dt-length > label, .dt-info, .dt-paging .page-link {font-size:70%;}

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

.dataTables_wrapper .dt-buttons {
    margin-top: 0 !important;
    margin-bottom: 0.5rem;
}

.dataTables_length, .dataTables_filter {
    margin-bottom: 0.5rem;font-size:80%;
}

.page-item.active .page-link {
    background-color: #58428c;
    border-color: #58428c;
}

#case_form_tab .nav-item {background-color:#f1f1f1;margin-right:5px;}
#case_form_tab .nav-link {font-size:60%;}

.question_panel {margin-bottom:30px;padding:30px;background-color:#F0F8FF;border-top: 8px solid #F0F8FF;}
.question_panel.label {margin-bottom:30px;padding:30px;background-color:#B3C1D2;}
.question_panel.label > label {color:#ffffff;}

#case_details .tab .tab-content {padding-left:0;}

.tab .tab-content {
box-shadow: none;
}

.panel_success {
  animation: success 5s forwards;
}

.panel_fail {
  animation: fail 5s forwards;
}

@keyframes success {
  50% {border-color: #008000;}
}

@keyframes fail {
  50% {border-color: #D2122E;}
}

.card-header {
	background-color:#ffffff !important;
	border:none !important;
}


.form-text {
  font-size:11px !important;
  padding-bottom:20px;
  color:#58428c;
}

label {
	color:#58428c;
	font-weight:600;
}

.card-header > h5.form-title {
    color: #58428c;
    font-size: 1.1rem;
    font-weight: 600;
}

.card-header > div.form-title > p {
    color: #58428c;
}

#form_wrapper > div.form-instructions {
	padding-bottom:40px;
}

.form_subheader {
	background-color:var(--main-bg-color);
	margin-top:50px;
	margin-bottom:30px;
	padding:10px;
}

.form_subheader h3 {
	color: #ffffff;
	text-transform: uppercase;
	margin:0;
}

.form-instructions > p {
	font-size:14px;
	line-height:18px;
	margin-bottom:8px;
	
}

a.acb-tbl-link:link {
	background-color: #58428c;
	font-weight:400;
	padding:5px;
	min-width:30px;
	text-decoration: none;
}

a.acb-tbl-link:hover {
	background-color:#d8c2e4;
}



.tab .nav-item {
background-color: #f1f1f1;
margin-right: 5px;
}



      #searchInput {
          width: 300px;
          padding: 8px;
      }
      #resultList {
          border: 1px solid #ccc;
          max-height: 200px;
          overflow-y: auto;
          width: 300px;
          position: absolute;
          background: white;
          z-index: 1000;
          /*display: none;*/
      }
      #resultList div {
          padding: 8px;
          cursor: pointer;
      }
      #resultList div.active {
          background-color: #007BFF;
          color: white;
      }






/* SPINNER START */
.spinner {
  margin: 20px auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #58428c;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* SPINNER END */