/* ### Forms ### */

.r-form-row {
   clear: both;
   margin-top: 10px;
   padding-top: 10px;
}

.r-form-row:first-child {
   margin-top: 0;
   padding-top: 0;
}

.r-form-row.r-lined {
   border-top: 1px solid #666;
}

.r-form-row.r-lined:first-child {
   border-top: 0;
}

.r-form-row.r-hidden {
   display: none;
}

.r-form-row .r-combo-row {
   display: flex !important;
}

.r-form-row label {
   display: inline-block;
   width: 30%;
   float: left;
   font-size: 18px;
   line-height: 32px;
}

.r-form-row label a {
   padding-left: 10px;
}

.r-form-row .errorlist {
   display: block;
   font-size: 16px;
   list-style-type: none !important;
   padding: 4px 5px 4px 35px;
   border: 1px solid #a00;
   margin: 5px 0 0;
   color: white;
   background: red url(/static/img/icon_alert.gif) 5px .3em no-repeat;
}

.r-form-row p.help {
   margin-bottom: 0;
}

.r-form-field {
   font-size: 16px;
}

.r-form-field-error .k-input {
   border-color: red;
}

.r-form-field-error .k-button {
   background-color: #F66;
}

.r-submit-row {
   font-size: 15px !important;
   padding-top: 20px;
   text-align: right;
   clear: both;
}

.r-submit-row .r-button-wrap {
   display: inline;
   margin-left: 10px;
}

.r-submit-row .r-button-wrap button {
   min-width: 80px;
}



/* ### Handy Portrait Mode ### */

@media only screen and (orientation:portrait) {
   .mobile form .r-tab-strip .k-tabstrip-item .k-link {
      font-size: 28px !important;
   }
   .mobile .r-form-row label {
      font-size: 28px;
      padding: 10px 20px 10px 0;
   }
   .mobile .r-form-row .errorlist {
      font-size: 28px;
      background: red url(/static/img/icon_alert.gif) 10px 15px no-repeat;
   }  
   .mobile label ~ .r-form-field {
      font-size: 28px;
      width: 65% !important;
   }
   .mobile .r-form-row .r-combo-row {
      display: block !important;
   }
   .mobile .r-form-row .r-combo-row div:not(:first-of-type) {
      margin-top: 20px;
   }
   .mobile .r-form-row.r-lined {
      display: grid;
   }
   .mobile .r-form-row p.help {
      padding-top: 20px;
      font-size: 28px;
   }
   .mobile .r-form-row span.k-maskedtextbox {
      width: 100% !important;
      font-size: 24px;
   }
   .mobile .r-form-row span.k-numerictextbox {
      font-size: 24px;
   }
   .mobile .r-form-row span.k-datepicker {
      width: 100% !important;
      font-size: 24px;
   }
   .mobile .r-form-row span.k-timepicker {
      width: 100% !important;
      font-size: 24px;
   }
   .mobile .r-form-row span.k-dropdowntree {
      width: 100% !important;
   }
   .mobile .k-popup-dropdowntree .k-searchbox {
      font-size: 32px;
   }
   .mobile .k-popup-dropdowntree .k-searchbox .k-input-icon {
      font-size: 26px;
      left: 4px;
   }
   .mobile .k-popup-dropdowntree .k-treeview {
      font-size: 32px;
   }
   .mobile .k-popup-dropdowntree .k-treeview .k-treeview-item {
      padding-left: 20px;
   }
   .mobile .k-popup-dropdowntree .k-treeview .k-treeview-item .k-treeview-leaf:not(.k-treeview-toggle + .k-treeview-leaf) {
      padding-left: 22px;
   }
   .mobile .k-popup-dropdowntree .k-treeview .k-icon {
      font-size: 30px;
   }
   .mobile .k-popup .k-list-content {
      font-size: 26px;
   }
   .mobile .r-form-row span.k-switch {
      font-size: 20px;
      height: 50px;
   }
   .mobile .r-form-row span.k-switch-track {
      height: 50px;
   }
   .mobile .r-submit-row .k-button-text {
      font-size: 26px;
   }
}