[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
  border-bottom: 0px dashed #393945;
}
code {
  background-color: #E7EAEC;
  color: #676A6C;
}
.text-evidence {
  background-color:yellow;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
}

.jqstooltip {
  max-width:50px;
  height:25px!important;
}

.app-sidebar-logo {
    background-color:#bddce9;
    height:90px;
}
.app-sidebar-logo-mobile {
    background-color:#bddce9;
}

.h-40px {
  height: 40px!important;
}

.flex-lg-start {
  position:relative;top:-100px;
}
.login_logo_top {
  margin-bottom:0px!important;
  left:-30px;
  position:relative;
}
.login_logo {
  display:block;
}
.apps_status_top_logo {
  display:block;
}
.apps_status_bottom_logo {
  display:none;
}
.apps_main_title {
  letter-spacing: 0px;
}

@media (max-width: 570px){
  .apps_main_title {
    letter-spacing: -1px;
  }
  .login_logo_top {
    left:0px;
  }  
  .flex-lg-start {
    position:relative;top:0px;
  }
  .w-md-550px {
    width: 400px!important;
  }
  .login_logo {
    display:none;
  }
  .apps_status_top_logo {
    display:none;
  }
  .apps_status_bottom_logo {
    display:block;
  }
  
}

.bold {
  font-weight:bold;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: calc(.775rem + 1px) calc(1.0rem + 1px)!important;
}

.card .card-body {
    padding: 1rem 1rem!important;
}

.top-35 {
    top: 35%!important;
}
.top-45 {
    top: 45%!important;
}

.ml-3 {
   margin-left: 3px;
}
.mr-3 {
  margin-right: 3px;
}

.modal {
    --bs-modal-width: none;
}
.modal-subheader {
    position: relative;
    top: -20px;
    float: right;
    margin-right: 23px;
}

.btn-group-extra {
    margin-bottom: 3px;
}

.btn-group-devided {
    display:flex;
}

.btn.btn-navy {
    color: var(--kt-success-inverse);
    border-color: #3FA5E4 !important;
    background-color: #3FA5E4 !important;
}
.btn.btn-gold {
    color: var(--kt-secondary-inverse);
    border-color: #E3D857 !important;
    background-color: #E3D857 !important;
}

.bootbox-danger .modal-content {
  background-color: #FCCBD3 !important;
}
.bootbox-warning .modal-content {
  background-color: #FCE5D0 !important;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.survey_code_question {
    margin-top:10px;
    color: #5C5C5C;
    font-style: italic;

}
.survey_question{
    font-weight:bold;
    font-size:120%;
}

.test_code_question {
    margin-top:10px;
    color: #5C5C5C;
    font-style: italic;

}
.test_question{
    font-weight:bold;
    font-size:120%;
}

.fs-2 {
    font-size: 2em!important;
}
.fa-2x {
    font-size: 2em!important;
}
.fa-3x {
    font-size: 3em!important;
}
.fa-4x {
    font-size: 4em!important;
}
.fa-6x {
    font-size: 6em!important;
}

.bootbox {
    --bs-modal-width: 500px!important;
}
.display-hide {
    display:none;
}

th.txt-center {
  text-align: center!important;
}
td.txt-center {
  text-align: center!important;
}
td.txt-right {
  text-align: right!important;
}
td.txt-left {
  text-align: left!important;
}

.dropzone .dz-message {
  display:block!important;
  text-align: center!important;
  padding-top: 15px;
}

.w-40 {
    width: 40% !important;
}
.w-30 {
    width: 30% !important;
}
.w-20 {
    width: 20% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}

.form-floating > select {
    position: relative;
    top: -3px;
    line-height: 10px!important;
}

.form-control-solid {
    border: 1px solid var(--kt-input-group-addon-border-color)!important;
}

.form-date {
    font-size: 12px;
}

.start-80 {
    left: 80% !important;
}

.btn-xs, .btn-group-xs > .btn {
  --bs-btn-padding-y: 0.14rem;
  --bs-btn-padding-x: 0.23rem;
  --bs-btn-font-size: 0.32rem;
  --bs-btn-border-radius: 0.25rem;
  width:10px;
  height:15px;
}

.table-datatable-wrapper {
  margin:20px;
  padding:20px;
}

tr.table-datatable-header {
  color:#C9C9CC;
  text-transform: uppercase;
  letter-spacing: -1px;
  _font-size: large;
}

input.form-check-input.group-checkable {
    position:relative;
    top: -5px;
    left: 5px;
}

.datatable-lightazure-bg {
  background-color: #D5F2FB!important;
}
.datatable-lightgray-bg {
  background-color: #EAEAEB!important;
}
.datatable-lightblue-bg {
  background-color: #AFC4DB!important;
}
.datatable-lightgreen-bg {
  background-color: #B5DBC4!important;
}
.datatable-lightred-bg {
  background-color: #F5CCC6!important;
}
.datatable-lightrose-bg {
  background-color: #FBEAD5!important;
}
.datatable-white-bg {
  background-color: #FFFFFF!important;
}
.datatable-green-bg {
  background-color: #B7F6C0!important;
}

.dataTables_info {
    text-align: center;
    position: relative;
    top: 10px;
}
.dataTables_paginate {
    float: right;
}
.dataTables_length {
    float: left;
}

.bottom > .dataTables_info {
  padding-top: 6px !important;
  text-align: right;
}

.datatable_column_header {
  position: relative;
  top: -3px;
  /*font-size: 12px;*/
}

.dataTable td {
  padding-left:2px;
  padding-right:2px;
  vertical-align: top;
}
.dataTable_action_subtext {
  font-size: 70%;
  width: 90%;
  text-align: center;
}

.database-active-filter{
  background-color:#A8DFFF;
}

.datatable-filter-container{
  padding:15px;
  margin:5px;
  background-color: var(--kt-primary-light)!important;
}
.table-filter {
  padding:5px;
  _margin:5px;
}
.datatable-filter-container .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    left: 60px;
}
.datatable-filter-container .visual>i {
    color: #FFF;
    opacity: .7;
    filter: alpha(opacity=10);
}
.datatable-filter-container .visual>i {
    margin-left: -35px;
    font-size: 80px;
    line-height: 80px;
}

.datatable-filter-buttons {
  float: right;
  padding-bottom: 0px;
  padding-top: 5px;
  padding-left: 5px;
}

.datatable-filter-group {
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
  display: block;
  line-height: 2;
  __z-index: 1000;
  position: relative;
}

.datatable-filter-last-group {
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
  float: right;
}

.datatable-filter-input-group {
}

.datatable-filter-input {
  font-size: 12px;
  height: 22px;
}

.datatable-filter-label {
  padding-left:5px;
  padding-right:5px;
  font-size: 12px;
}

.red-option {
  background-color:#DE7266;
}
.yellow-option {
  background-color:#D9D630;
}
.gray-option {
  background-color:#A5A1AF;
}
.blue-option {
  background-color:#DE7266;
}
.lightgray-option {
  background-color:#5876B0;
}
.lightgray2-option {
  background-color:#DE7266;
}
.pdf-button { 
  display:block!important;
  float:right;
}  

.page-item .page-link .first,.page-item .page-link .last {
  display: block;
  height: .875rem;
  width: .875rem
}

.page-item .page-link .first {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #5e6278;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235E6278' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z'/%3E%3C/svg%3E");  
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235E6278' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z'/%3E%3C/svg%3E");  
}  

.page-item .page-link .last {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #5e6278;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235E6278' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z'/%3E%3C/svg%3E");  
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235E6278' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z'/%3E%3C/svg%3E");  
}

.aggrement_logo {
  display: block!important;
}
.aggrement_logo1 {
  display: none!important;
}
.aggrement_number_box {
  float: left;
}

@media (max-width: 500px) {
  #kt_app_toolbar_container.app-container {
    display: block!important;
  }
  #kt_app_toolbar_actions.d-flex {
    display: block!important;
    float: right;
    zoom: 90%;
  }  
  .aggrement_logo {
    display: none!important;
  }
  .aggrement_logo1 {
    display: initial!important;
    margin-bottom:5px;
  }
  .aggrement_number_box {
    float: none;
  }
    
}

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 1;
  background-color: #fff;
  z-index: 99;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}