html { font-size: 14px;  } 
body { margin-bottom: 48pt; }
.k-edit-form-container { width: 400px; }
.k-popup-edit-form .k-edit-label { width: 25%; text-align: right; }
.k-popup-edit-form .k-edit-field { width: 70%; }
.k-popup-edit-form .k-edit-field > .k-textbox,
.k-popup-edit-form .k-edit-field > .k-widget:not(.k-tooltip) { width: 98%; }
.k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker { width: 100%; }
.k-filter-menu span.k-filter-and { width: 100%; }      
.modal-header, .modal-footer { border-radius: 0px 0px 5px 5px; background-color: #eee; color: #666; }
.box-image, .box-text{ display: inline-block; vertical-align: middle;}
.myText, .myList, .myCombo, .myDatePicker, .myDateTimePicker, .myTextArea { width: 100%; }
input[readonly] { background-color: lightgray !important; }
*:focus { outline: none !important; }
*:focus { box-shadow:none !important; }
#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #ff8c00 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}