@charset "UTF-8";

/*body{overscroll-behavior-y: none;}*/
select{width:200px;height:30px;padding:5px 8px;border:1px solid #999;font-family:inherit;background:#FFFFFF;border-radius: 0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;}
select::-ms-expand{display: none;}
input{padding:0;margin:0;outline:none;box-sizing:border-box;border:1px solid #BFBFBF;}
ul, li, ol, dl, dt, dd{list-style:none;padding:0;margin:0;}
a{text-decoration:none;}
table{width:100%;background:#FFFFFF;border:1px solid #BFBFBF;border-collapse:collapse;table-layout:fixed;}
table thead tr th{font-weight:600;height:30px;font-size:1.3rem;padding:5px 8px;color:#333333;text-align:center;}
table tbody tr td{font-size:1.3rem;padding:5px 8px;color:#333333;border:1px solid #BFBFBF;}

/* BUTTON */
button{margin:0;padding:5px 8px;height:30px;background:#FFFFFF;border:1px solid #BFBFBF;cursor:pointer;position:relative;z-index:0;overflow:hidden;}
button svg{width:24px;height:24px;padding:0;margin:0;position:absolute;}
button span{vertical-align:top;}
button.icons{padding-left:28px;}
button.icons svg{top:2px;left:3px;}
button.save svg{fill:#03C75A;}
button.add svg{fill:#0047AB;}
button.delete svg{fill:#FF2E2E;}
button:disabled{border-color:#BFBFBF;color:#BFBFBF;}
button:disabled span{color:#BFBFBF;}
button:disabled svg{fill:#BFBFBF;}
button:disabled:hover{background:none;}

/* LOADER */
.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #BFBFBF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
} 
.loader::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #3D4AFF;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}