:root {
  --page-image-color: #6666FF; 
}

h2::before {
  background-color: #6666FF;
}

h3::before {
  background: #0D5292;
}

h3::after {
  background: #222266;
}

ul{
  width:fit-content !important;
}

.error{
  color:red;
  font-size: larger;
}
.nav-link{
  color: black;
}

.headerButton{
  width:175px;
  height:35px;
  text-align:center;
  font-weight:900;
  border: 1.5px solid black ;
}

.alert_whole{
  border: orange 3px double;
  margin-left:3.5%;
  margin-right:3.5%;
  width:92%;
  
}
#alert_whole{
  padding: 0%;
}
.alert_title{
  background:orange;
  color:white;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 0%;
  margin-block-end: 0%;
}

.alert_title::before,.alert_title::after{
  content:none;
}

.alert_top{
  padding-left: 4rem;
  padding-right:2rem;
  margin-top:1rem;
}
.alert_list{
  display: list-item;
  text-align: -webkit-match-parent;
  color:black;
  
}
.alert_bottom{
  text-indent:1rem;
  color:black;
  padding-left: 2rem;
  padding-right:2rem;
}

.normalButton{
  font-size: 120%;
}
.smallButton{
  font-size:60%;
  margin:0.25rem !important;
}
.normalButton:hover,.normalButton:active{
  font-size: 120%;
}

.btn_a {
  display: inline-block;
  margin: 20px;
  font-weight: bold;
  font-size: 120%;
  background-color: #fff8d5;
  background-repeat: no-repeat;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid #444;
  padding: 15px;
  border-radius: 10px;
  color: #444;
 }
 a.btn_a:hover {
  color: #f00;
  background: #fde985;
 }
 button.btn_a:hover {
  color: #f00;
  background: #fde985;
 }
 .btn_a_delete {
  display: inline-block;
  margin: 20px;
  font-weight: bold;
  font-size: 120%;
  background-color: red;
  background-repeat: no-repeat;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid #444;
  padding: 15px;
  border-radius: 10px;
  color: white;
 }
 button.btn_a_delete:hover {
  color: yellow;
  background: fuchsia;
 }

 .btn_a_disabled {
  display: inline-block;
  margin: 20px;
  font-weight: bold;
  font-size: 120%;
  background-color: #fff8d5;
  background-repeat: no-repeat;
  text-align: center;
  text-decoration: none;
  border: 2px solid #444;
  padding: 15px;
  border-radius: 10px;
  color: #444;
  opacity: 0.2;
 }
 .btn_disabled {
  opacity: 0.2;
 }

 .moreVisibleDownloadButton{
  border-width:medium;
 }

 .file_size{
  border:solid thin; 
  margin:1rem auto !important;
  font-size: large;
  text-align: center;
 }
 .file_size_title{
  background-color:	#FFDBC9;
  font-size: larger;
  text-align: center;
 }
  .display_none{
    display:none !important;
  }
  .error_title{
    text-align: center;
  }
  .centerbutton{
    margin:auto;
    width: fit-content;
  }
  .new-line{
    word-break:break-all;
  }

  .hr_dot{
    border:none;
    border-top:dashed 1px black;
    height:1px;
    color:#FFFFFF;
  }
  .modal-title{
    width:fit-content !important;
  }
  .modalsize{
    width: 180%;
   }
   .grayout{
    background:lightgray;
    opacity: 0.5;
   }
  .textwidth{
  width:70px;
  }
  .search_textwidth{
    width:160px;
  }
  .disp_middle{
    margin:0 auto;
  }
  .closeButtonwidth{
    margin:0 !important;
  }
  .m-6{
    margin:5rem;
  }
  .mx-6{
    margin:auto 5rem;
  }
  .my-6{
    margin:5rem auto;
  }
  .mt-6{
    margin-top: 5rem;
  }
  .mb-6{
    margin-bottom: 5rem;
  }
  .ms-6{
    margin-left: 5rem;
  }
  .me-6{
    margin-right: 5rem;
  }
  .p-6{
    padding:5rem;
  }
  .px-6{
    padding:auto 5rem;
  }
  .py-6{
    padding:5rem auto;
  }
  .pt-6{
    padding-top: 5rem;
  }
  .pb-6{
    padding-bottom: 5rem;
  }
  .ps-6{
    padding-left: 5rem;
  }
  .pe-6{
    padding-right: 5rem;
  }
  .font-small{
    font-size:small;
  }
  .font-smaller{
    font-size:smaller;
  }
  .font-larger{
    font-size:larger;
  }
  .font-large{
    font-size:large;
  }
  .normal_x_scroll{
    overflow-x:auto;
  }