.underline { text-decoration: underline; }

.form-control {
    height: 28px;
    padding: 4px 8px;
}

.form-group {
    margin-bottom: 4px;
}

.help-block:empty {margin-top: 2px; margin-bottom: 2px;}

.form-horizontal .control-label.readonly {
    padding-top: 0px;
    min-height: 30px;
}

input[type="checkbox"], input[type="radio"],
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], 
.radio input[type="radio"], .radio-inline input[type="radio"] { 
    margin-top: 0px;
    min-height: 20px;
}

div.w2p_flash.alert { z-index: 5000; }

.smaller-controls .form-control, .smaller-controls .input-group-addon {
    padding: 6px 8px;
    line-height: 14px;
    height: 32px;
}

.smaller-controls .btn {
    line-height: 14px;
    padding: 8px 8px;
}
.strong {font-weight: bold;}

.checkbox label.strong { font-weight: bold;}

.separator { padding: 0px 5px; color: #555; }

FORM .required_form_field:before { content: "*"; color: #FF0000; margin-right: 2px; }
.iat > i.glyphicon { padding-right: 5px; }
#modal-container .form-group {
    margin-bottom: 4px;
}
.clickable { cursor: pointer; }
.compact-item-list > ol { margin-bottom: 0px; }
.rounded-frame {
    border: 1px solid rgb(160, 160, 160);
    border-radius: 2px;
}


.pad-l-xs { padding-left: 2px; }
.pad-l-sm { padding-left: 4px;}
.pad-l-md { padding-left: 8px;}
.pad-l-xl { padding-left: 16px;}
.pad-lr-xs { padding: 0px 2px; }
.pad-sm { padding: 4px; }
.pad-md { padding: 8px; }
.pad-r-sm { padding-right: 4px; }
.mar-0 { margin: 0px; }
.mar-l-xs { margin-left: 2px;}
.mar-l-sm { margin-left: 4px;}
.mar-l-md { margin-left: 8px;}
.mar-l-xl { margin-left: 16px;}
.mar-l-xxl {margin-left: 20px;}
.mar-r-xs { margin-right: 2px;}
.mar-r-sm { margin-right: 4px;}
.mar-r-md { margin-right: 8px;}
.mar-r-xl {margin-right: 16px;}
.mar-b-0  {margin-bottom: 0px;}
.mar-b-sm {margin-bottom: 4px;}
.mar-b-md {margin-bottom: 8px;}
.mar-b-lg {margin-bottom: 12px;}
.mar-b-xl {margin-bottom: 16px;}
.mar-b-xxl {margin-bottom: 20px;}
.mar-t-0  {margin-top: 0px;}
.mar-t-sm {margin-top: 4px;}
.mar-t-md {margin-top: 8px;}
.mar-t-lg {margin-top: 12px;}
.mar-t-xl {margin-top: 16px;}
.mar-t-xxl {margin-top: 20px;}
.align-l {text-align: left;}
.align-r {text-align: right;}

.fontsize-sm { font-size: 0.85em; }
.bg-white { background-color: #FFF; }
.row-actions { margin-bottom: 0px; }
.label-success { background-color: #499008; }

.my-badge {
    background-color: #fff;
    border: 1px solid rgb(119, 119, 119);;
    color: rgb(119, 119, 119);;
    border-radius: 5px;
    font-size: 1em;
    font-weight: 500;
    padding-left: 2px;
    padding-right: 2px;
}

.badge-unit {
    border-color: rgba(78, 78, 78, 0.13);
    color: #656666;
    font-size: 0.9em;
    font-family: monospace;
}

.badge-warning {
    border-color: rgba(255, 135, 0,0.8);
    color: #ff950b;
}

.badge-info {
    border-color: rgba(0, 84, 255,0.8);
    color: #006095;
}

.badge-success {
    border-color: rgba(60, 118, 61,0.8);
    color: rgba(60, 118, 61, 1);
}

.badge-danger {
    border-color: rgba(169, 68, 66,0.8);
    color: rgba(169, 68, 66, 1);
}

.simple-title {
    font-size: 1.6em;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #eee;
    border: 1px solid #c6d9e0;
    border-radius: 3px;
}

.section-title {
    color: #008000;
}

.btn-list .btn + .btn { margin-left: 5px;}

.table-actions-col { width: 110px; }
.table-actions-col-1 { width: 36px; }
.table-actions-col-2 { width: 76px; }
.table-actions-col-3 { width: 112px; }
.table-actions-col-4 { width: 146px; }

.has-info {text-decoration: underline dotted;}

.blink {
  opacity: 1;
  animation: blinking 0.8s normal 1;
}

@keyframes blinking {
  from, 25% { opacity: 0.2; background-color: #777; }
  25.1%, 50% {opacity: 0.4; background-color: #999;}
  50.1%, 75% {opacity: 0.6; background-color: #BBB;}
  75.1%, to { opacity: 1;}
}
.max-width-md { max-width: 120px; }
.max-width-lg { max-width: 240px; }
.max-width-50pct { max-width: 50%; }