html, body { height: 100% }
body { margin: 0; padding: 0; background-color: #f5f5f5 }
  
.message { padding: 20px 10px; text-align: center; margin: 30px auto 0 auto; background: #fff; border:1px solid #ccc; border-radius: 5px   }  
   
.box { width: 99%; padding: 15px 10px 10px 10px; margin: 10px auto; background: #fff; border:1px solid #ccc; border-radius: 7px }
.color_white { color: white }
.color_tr { background: rgba(255, 255, 255, 1) }
.color_tr_new_1 { background: rgba(17, 255, 0, 0.25) }
.color_tr_new_2 { background: rgba(17, 255, 0, 0.1) }

.gray_link:link,.gray_link:visited  { color: #888; text-decoration: none }
.gray_link:hover  { color: #ff0000; text-decoration: none }
.red_link:link,.red_link:visited  { color: #ff0000; text-decoration: none }
.red_link:hover  { color: #bb0000; text-decoration: none }


.header { position: relative; background: #111; color: #fff; padding: 15px 0; height: 55px }
.header .leftblock { position: relative; float: left  }
.header .leftblock ul { margin: 0 }
.header .leftblock ul li { display: inline; list-style: none; margin: 0 15px 0 0  }
.header .leftblock a:link, a:visited { color: #fff; text-decoration: none  }
.header .leftblock a:hover { text-decoration: underline }
.header .rightblock  { position: relative; float: right; right: 30px }
   
   
   
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle {
  outline: 0;
}



/*login*/
.login { display: flex;height: 100%; align-items: center; padding-top: 40px; padding-bottom: 40px }
.login .form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto }
.login .form-signin .checkbox { font-weight: 400 }
.login .form-signin .form-floating:focus-within { z-index: 2 }
.login .form-signin input[type="text"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.login .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0 }