.modal .modal-dialog { z-index:1050; } thead .vertical th { text-align: center; } thead .vertical span {  display: inline-block;  writing-mode: vertical-lr;  white-space: nowrap;  transform: rotate(180deg);  line-height: 0; } .grid-4-4 {  margin: 0 auto; display: grid;  grid-template-columns: repeat( 4, minmax( 100px, 1fr ) );  gap: 1.5rem; } @media ( max-width: 991px ) { .grid-4-4 { grid-template-columns: repeat(3, 1fr); } } @media ( max-width: 767px ) { .grid-4-4 { grid-template-columns: repeat(2, 1fr); } } img.grayscale { filter: grayscale( 80% ); } .btn-outline-dotted:hover { border-color: #333; } .btn-outline-dotted {  border:2px dashed #ccc; border-color: #ccc; color: #999;  display: flex; align-items: center; justify-content: center; font: 1.5rem;  padding: 2rem; } .checkbox.checbox-switch { padding-left: 0; } .checkbox.checbox-switch label, .checkbox-inline.checbox-switch { display: inline-block; position: relative; padding-left: 0; } .checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input { display: none; } .checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span {  width: 35px;  border-radius: 20px;  height: 18px;  border: 1px solid #dbdbdb;  background-color: rgb(255, 255, 255);  border-color: rgb(223, 223, 223);  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;  display: inline-block;  vertical-align: middle;  margin-right: 5px; } .checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before {  display: inline-block;  width: 16px;  height: 16px;  border-radius: 50%;  background: rgb(255,255,255);  content: " ";  top: 0;  position: relative;  left: 0;  transition: all 0.3s ease;  box-shadow: 0 1px 4px rgba(0,0,0,0.4); } .checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before { left: 17px; }  .checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span {  background-color: rgb(180, 182, 183);  border-color: rgb(180, 182, 183);  box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch label > input:checked:disabled + span, .checkbox-inline.checbox-switch > input:checked:disabled + span {  background-color: rgb(220, 220, 220);  border-color: rgb(220, 220, 220);  box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch label > input:disabled + span, .checkbox-inline.checbox-switch > input:disabled + span {  background-color: rgb(232,235,238);  border-color: rgb(255,255,255); } .checkbox.checbox-switch label > input:disabled + span:before, .checkbox-inline.checbox-switch > input:disabled + span:before {  background-color: rgb(248,249,250);  border-color: rgb(243, 243, 243);  box-shadow: 0 1px 4px rgba(0,0,0,0.1); }  .checkbox.checbox-switch.switch-light label > input:checked + span, .checkbox-inline.checbox-switch.switch-light > input:checked + span {  background-color: rgb(248,249,250);  border-color: rgb(248,249,250);  box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }  .checkbox.checbox-switch.switch-dark label > input:checked + span, .checkbox-inline.checbox-switch.switch-dark > input:checked + span {  background-color: rgb(52,58,64);  border-color: rgb(52,58,64);  box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch.switch-dark label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {  background-color: rgb(100, 102, 104);  border-color: rgb(100, 102, 104);  box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }  .checkbox.checbox-switch.switch-success label > input:checked + span, .checkbox-inline.checbox-switch.switch-success > input:checked + span {  background-color: rgb(40, 167, 69);  border-color: rgb(40, 167, 69);  box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch.switch-success label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {  background-color: rgb(153, 217, 168);  border-color: rgb(153, 217, 168);  box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset; }  .checkbox.checbox-switch.switch-danger label > input:checked + span, .checkbox-inline.checbox-switch.switch-danger > input:checked + span {  background-color: rgb(200, 35, 51);  border-color: rgb(200, 35, 51);  box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch.switch-danger label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {  background-color: rgb(216, 119, 129);  border-color: rgb(216, 119, 129);  box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }  .checkbox.checbox-switch.switch-primary label > input:checked + span, .checkbox-inline.checbox-switch.switch-primary > input:checked + span {  background-color: rgb(0, 105, 217);  border-color: rgb(0, 105, 217);  box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {  background-color: rgb(109, 163, 221);  border-color: rgb(109, 163, 221);  box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }  .checkbox.checbox-switch.switch-info label > input:checked + span, .checkbox-inline.checbox-switch.switch-info > input:checked + span {  background-color: rgb(23, 162, 184);  border-color: rgb(23, 162, 184);  box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch.switch-info label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {  background-color: rgb(102, 192, 206);  border-color: rgb(102, 192, 206);  box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }  .checkbox.checbox-switch.switch-warning label > input:checked + span, .checkbox-inline.checbox-switch.switch-warning > input:checked + span {  background-color: rgb(255, 193, 7);  border-color: rgb(255, 193, 7);  box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch.switch-warning label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {  background-color: rgb(226, 195, 102);  border-color: rgb(226, 195, 102);  box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }