body {
   margin: 0;
   padding: 0;
}

.spinner {
   width: 60px;
   height: 60px;
   position: relative;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.spinner .dot {
   position: absolute;
   inset: 0;
   display: flex;
   justify-content: center;
}

.spinner .dot::after {
   content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background-color: rgb(212, 17, 43);
}

@keyframes spin {
   to {
      transform: rotate(360deg);
   }
}
#reloadPage {
   position: fixed;
   top: 0;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.4);
   width: 100%;
   z-index: 99999999;
   text-align: center;
}
.spinner .dot {
   animation: spin 2s infinite;
}

.spinner .dot:nth-child(2) {
   animation-delay: 100ms;
}

.spinner .dot:nth-child(3) {
   animation-delay: 200ms;
}

.spinner .dot:nth-child(4) {
   animation-delay: 300ms;
}

.spinner .dot:nth-child(5) {
   animation-delay: 400ms;
}

.float-DangKiSuDung {
   position: fixed;
   width: 200px;
   height: 60px;
   bottom: 0;
   right: 0.5em;
   background-color: transparent;
   color: #FFF;
   border-radius: 50px;
   text-align: center;
   font-size: 30px;
}

.float-DangKiSuDung {
   cursor: pointer;
}

.fade {
   transition: opacity .15s linear;
}

.modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   background-color: #000;
}

.modal-backdrop {
   background-color: #fff;
}

.modal-backdrop.show {
   opacity: .85;
}

.modal-title {
   text-transform: uppercase;
   font-size: 15px;
   font-weight: 600;
}

.modal-content {
   border: 1px solid rgba(0, 0, 0, .2);
}

.font-roboto-medium {
   font-weight: bold;
}

.align-items-center-customer {
   display: flex;
   align-items: center;
}

.form-group .small-title-quy-trinh {
   font-size: 12px;
   color: #2c2c2c;
   text-align: left;
   font-weight: bold;
}

.required {
   color: red;
}

.form-control {
   border-radius: 2px;
   width: 100%;
}

.form-group .ct-form-control {
   background: #fff;
   border: 1px solid #e0e2e6;
}

.form-group .ct-form-control {
   font-size: 13px;
   font-size: .8125rem;
   color: #2c2c2c;
   text-align: left;
   width: 100%;
}

.ct-btn-cungcapdata {
   background: #cb0100;
   color: #fff;
   font-weight: 600;
   padding: 2px 3px;
}

.ct-btn-cungcapdata:hover {
   color: #fff;
}

.ct-btn-cungcapdata-image {
   padding: 0;
}

input[type="checkbox"]:checked {
   background-color: #cb0100;
   color: #fff;
}

.custom-checkbox-laydulieu input[type="checkbox"] {
   height: 20px;
   width: 20px;
   padding-top: 2px;
   font-weight: bold;
   padding-left: 5px;
   font-size: 14px;
   border-radius: 0;
}

.z-checkbox-default {
   display: flex;
   align-items: center;
}

.custom-label,
.custom-label-cungcapdata {
   padding: 0 8px;
}

.col-form-label {
   padding: 4px 10px;
}

.rules {
   text-decoration: underline !important;
   color: #cb0100;
}

.rules:hover {
   color: #cb0100;
}
.swal2-title{
   font-weight: normal !important;
   font-size: 1.5rem !important;
}
@media only screen and (min-width: 375px) and (max-width: 768px) {
   .form-group {
      display: block !important;
   }
}