.jr  { text-align: right; } 
.hide { visibility:hidden }
.W1 input[type="text"] { width: 100px; }
.W3 input[type="text"] { width: 300px; }
.W4 input[type="text"] { width: 400px; max-width: 400px;}
.ui-datepicker{ z-index: 99 !important; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { color:#00AACC; }
.ui-front { z-index: 9999; }

.W5 input[type="number"] { width: 50px; }
.W7 input[type="number"] { width: 70px; }
.W15 input[type="text"] { width: 150px; }

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.body-content {
    padding-left: 20px;
    padding-right: 20px;
}

.dl-horizontal dt {
    white-space: normal;
}

input, select, textarea { max-width: 280px; }

@media(min-width:768px) {
   .navbar-form .input-group>.form-control { width: 350px; max-width: 350px;}
   input, select, textarea { max-width: 350px; }
   select[multiple] { height: 150px; max-width: 380px; }
}

.my-checkbox {width: 22px; height: 22px;}
.my-checkbox2 {width: 13px; height: 13px;}