th,
td,
p,
span,
b,
input,
select,
textarea,
li,
h1,
h2,
h3,
h4,
h5 {
  color: #73879C;
  font-weight: 400;
}

th,
b {
  font-weight: 600;
}

input {
  outline: none;
  border: 1px solid #ddd;
}

.button, .button0, .button1, .button2, .button3, .button4, .button5 {
  background: #333333;
  border-radius: 2px;
  border: 1px solid #364B5F;
  outline: none;
  font-weight: 300;
  color: #ffffff;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  padding: 4px 16px;
  vertical-align: middle;
  display: inline-block;
  margin: 1px 1px 1px 1px;
}

.button0 {
  background: #4B5F71;
}

.button1 {
  background: #4B5F71;
}

.button2 {
  background: #5e5e5e;
}

.button3 {
  background: #606060;
}

.button4 {
  background: #1e1e1e;
}

.button5 {
  background: #7B3F41;
}

.button:hover, .button0:hover, .button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover {
  background: #7d7d7d;
  border: 1px solid #566B7F;
}

.inner_button, .inner_button1 {
  background: #6B7F91;
  border-radius: 2px;
  border: 1px solid #364B5F;
  outline: none;
  font-weight: 300;
  color: #ffffff;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  padding: 2px 3px;
  vertical-align: middle;
  display: inline-block;
  margin: 1px 3px 1px 3px;
}

.inner_button1 {
  background: #8B9Fa1;
}

.inner_button:hover, .inner_button1:hover {
  background: #7d7d7d;
  border: 1px solid #566B7F;
}

input, select {
  border-radius: 0px;
  outline: none;
  border: 1px solid #eee;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 2px 2px;
  height: 26px;
  vertical-align: middle;
  display: inline-block;
}

.action_section {
  padding: 10px 10px;
  text-align: right;
}

.search_section {
  padding: 10px 10px;
  border-bottom: 2px solid #efefef;
}

.table_info_section {
  padding: 20px 10px 5px 10px;
}

[data-r-include="include_pagination"] {
  text-align: center;
  padding: 20px 0px 10px 0px;
}

.page_link {
  padding: 6px 0px 0px 0px;
  font-size: 10px;
  width: 26px;
  height: 30px;
  background: #eee;
  color: #999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin: 2px;
}

.page_link:hover,
.page_link[data-r-on] {
  background: #73879C;
  color: #e3e3e3;
}

.details_section {
  width: 340px;
  margin: 20px auto;
}

.details_section {
  width: 340px;
  margin: 20px auto;
}

@media screen and (min-width: 680px) {
  .details_section {
    width: 680px;
    margin: 20px auto;
  }
}

.button_center_section {
  border-top: 1px solid #ddd;
  padding: 20px 0px;
  text-align: center;
}

.button_right_section {
  padding: 10px 0px;
  text-align: right;
}

input[data-r-invalid-value], select[data-r-invalid-value] {
  border: 1px solid #ff3333;
}

[data-r-message-type] {
  font-size: 12px;
  vertical-align: top;
}

[data-r-message-type="invalid"] {
  color: #ff3333;
}

[data-r-submit-data-error] {
  border: 1px solid #ff3333;
  color: #ff3333;
}

[data-r-submit-data-error]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1;
  /* Firefox */
}

[data-r-submit-data-error]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}

[data-r-submit-data-error]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: red;
}

.section_devider {
  padding: 5px 5px;
  background: #999;
  color: #fff;
  border-radius: 4px 0px 4px 0px;
  margin: 10px 0px 0px 0px;
}

[data-r-loading] {
  background: linear-gradient(-45deg, #6E7752, #673C7E, #234665, #23654B);
  background-size: 400% 400%;
  -webkit-animation: background_gradient 3s ease infinite;
  -moz-animation: background_gradient 3s ease infinite;
  animation: background_gradient 3s ease infinite;
  opacity: 0.8;
  color: rgba(210, 210, 210, 0.6);
  text-shadow: 0 0 1.8em #333333, 0 0 1.8em #333333, 0 0 1.8em #333333;
}

@-webkit-keyframes background_gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes background_gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@keyframes background_gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

[data-r-tag] {
  padding: 3px 2px;
  font-size: 10px;
  background: #eee;
  color: #999;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin: 2px;
}

.list_section ul, .list_section li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

.list_section ul {
  width: 100%;
  padding: 10px;
}

.list_section li {
  padding: 5px;
  width: 45%;
  float: left;
  background: #f1f1f1;
  border-radius: 10px;
  margin: 5px;
  text-align: center;
}

@media screen and (min-width: 1080px) {
  .list_section li {
    width: 30%;
  }
}