@charset "UTF-8";
textarea:focus, input:focus, select:focus, button:focus { outline:none; }
textarea { border:1px solid #ddd; height:60px; resize:none; width:100%; }
/* a { color: inherit; text-decoration: none !important; } */
/*ul, ol, li, dl, dt, dd {list-style:none; margin:0; padding:0;}*/
h1, h2, h3, h4, h5, h6, p, form, figure, figcaption {margin:0; padding:0;}
input, select, button, textarea, optgroup {color:inherit; font-family:inherit; font-size:inherit; margin:0;}
caption, legend, .sr-only, .hidden, .blind, .IR {border:0 none; clip:rect(0, 0, 0, 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
fieldset, hr {border:0 none; display:block; margin:0; padding:0;}
input, select {max-width:100%; vertical-align:middle;}
input, select, button, textarea, optgroup {color:inherit; font-family:inherit; font-size:inherit; margin:0;}
button {background:none; border:0 none; cursor:pointer; padding:0;}
input[type="submit"] {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::placeholder {color:#c3c3c3;}
input, textarea, button { outline:none !important; }
img {border:0 none; font-size:0; max-width:100%; vertical-align:middle;}
table {border-collapse:collapse; width:100%;}
.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}
.hide {background:none; clear:both; font-size:0; height:1px; left:0; line-height:0; margin:0; overflow:hidden; padding:0; position:absolute; text-indent:-99999px; top:0; width:1px;}
.hidden_txt {font-size:0; height:0;left:0; line-height:0; margin:0; overflow:hidden; padding:0; position:absolute; top:0; width:0;}
.waves-effect { cursor:pointer; display:inline-block; overflow:hidden; position:relative; -webkit-tap-highlight-color:transparent; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; }
/* .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } */
/* .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; } */
.btn-alert { color:#ffffff !important; }
.bg-blue { background-color:#374156 !important; color:#ffffff; }
.bg-grey { background-color:#9e9e9e !important; color:#ffffff; }
.bg-light-blue { background-color:#0077ff !important; color:#ffffff; }
.bg-blue:hover, .bg-grey:hover, .bg-light-blue:hover { opacity:0.8 }
/* Text Decorations */
.hipen { background-color:#888; display:inline-block; height:1px; margin:5px; vertical-align:middle; width:10px; }
.pilsu:after { /*content: '※';*/ border:0; color:red; content:"*"; font-family:"Font Awesome 5 Free"; font-size:10px; font-size:13px; margin-left:5px; }
.txt-desc { color:#0077ff; display:block; padding:8px 0px 0px 0px; }
.txt-desc-inline { color:#0077ff; display:inline-block; padding:0px; }
/* Data Loader ================================= */
.data-loading {
  z-index:1000000;
}
.data-loading {
  bottom:0;
  height:100%;
  left:0;
  overflow:hidden;
  position:fixed;
  right:0;
  text-align:center;
  top:0;
  width:100%;
}
.data-loading .loader {
  left:calc(50% - 53px);
  position:relative;
  top:calc(50% - 53px);
  width:100px;
}
.data-loading .loader .circle {
  -webkit-animation:loading-spin 0.8s ease-in-out infinite;
  animation:loading-spin 0.8s ease-in-out infinite;
  border:6px solid #f44336;
  border-bottom-color:transparent;
  border-radius:50%;
  border-top-color:transparent;
  height:100px;
  position:relative;
  text-align:center;
  width:100px;
}
@keyframes loading-spin {
  from {
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
  }
  to {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
  }
}
@-webkit-keyframes loading-spin {
  from {
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
  }
  to {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
  }
}
.page-loading .loader .circle {
  animation:circle-loader 0.9s ease alternate infinite;
  animation-delay:0.15s;
  border-radius:50%;
  height:20px;
  margin:-42px auto 0 auto;
  position:relative;
  width:20px;
}
.txt-left { text-align:left !important; }
.txt-center { text-align:center !important; }
.txt-right { text-align:right !important; }
.txt-link { color:#437dea !important; text-decoration:none; }
.txt-link:hover { color:#437dea !important; cursor:pointer; text-decoration:underline !important; }