﻿i.fa { padding-right:5px; }

div.btn i.fa {padding-right:0px;}

.missing,.regexfailure { background-color:rgba(255,0,0,0.1) ;border-radius:5px; padding-bottom:5px; }
.missing,.regexfailure > input { background-color:rgba(255,0,0,0.1); border-radius:5px; padding-bottom:5px;}

.flag { width:20px;}

.p10 {width:10%;}
.p20 {width:20%;}
.p30 {width:30%;}
.p40 {width:40%;}
.p50 {width:50%;}
.p80 {width:80%;}
.p90 {width:90%;}
.p100 {width:100%;}

.px10 {width:10px;}
.px20 {width:20px;}
.px30 {width:30px;}
.px40 {width:40px;}
.px50 {width:50px;}
.px60 {width:60px;}
.px70 {width:70px;}
.px80 {width:80px;}
.px90 {width:90px;}
.px100 {width:100px;}
.px200 {width:200px;}
.px360 {width:360px;}

.text-align-left {text-align:left;}
.text-align-center {text-align:center;}
.text-align-right {text-align:right;}

.vertical-align-top {vertical-align:top;}
.vertical-align-middle {vertical-align:middle;}
.vertical-align-bottom {vertical-align:bottom;}

.nowrap { white-space:nowrap; }

.questionid {font-size:8px;}

.li-radio {
  background: url(../img/radio.png) no-repeat left top;
  padding: 0px 0px 3px 30px;
  list-style: none;
  margin: 0px 0px 0px 0px;
}

.li-checkbox {
  background: url(../img/checkbox.png) no-repeat left top;
  padding: 0px 0px 3px 30px;
  list-style: none;
  margin: 0px 0px 0px 0px;
}

.padding-0 {padding:0px;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-top-10 {padding-top:10px;} .padding-left-10 {padding-left:10px;} .padding-bottom-10 {padding-bottom:10px;} .padding-right-10 {padding-right:10px;}
.padding-top-20 {padding-top:20px;} .padding-left-20 {padding-left:20px;} .padding-bottom-20 {padding-bottom:20px;} .padding-right-20 {padding-right:20px;}
.padding-top-30 {padding-top:30px;} .padding-left-30 {padding-left:30px;} .padding-bottom-30 {padding-bottom:30px;} .padding-right-30 {padding-right:30px;}

.padding-right-50 {padding-right:50px;}

.margin-0 {margin:0px;}
.margin-10 {margin:10px;}
.margin-20 {margin:20px;}
.margin-top-10 {margin-top:10px;} .margin-left-10 {margin-left:10px;} .margin-bottom-10 {margin-bottom:10px;} .margin-right-10 {margin-right:10px;}
.margin-top-20 {margin-top:20px;} .margin-left-20 {margin-left:20px;} .margin-bottom-20 {margin-bottom:20px;} .margin-right-20 {margin-right:20px;}
.margin-top-30 {margin-top:30px;} .margin-left-30 {margin-left:30px;} .margin-bottom-30 {margin-bottom:30px;} .margin-right-30 {margin-right:30px;}

.margin-bottom-100 { margin-bottom: 100px; }

.size-em1 {font-size:1.0em;}
.size-em1-5 {font-size:1.5em;}
.size-em2 {font-size:2.0em;}

.text-color-green {color:#1ab394;}
.text-color-red {color:red;}
.text-color-blue {color:Highlight;}

.cellspacing-2 td, table th { padding: 2px; }

.iradio_square-focus {border:1px solid green;}
.iradio_square-focus.checked {border:1px solid orange;}

.iradio_square-green.iradio_square-focus.checked {border:1px solid green;}

.float-right { float:right !important; }
.clear { clear: both;  }

.position-relative {position:relative;}
.position-absolute {position:absolute;}
.cursor-pointer {cursor:pointer;}

.shortQuestionTextBeforeTextField {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: black;
  border: 0;
  border-bottom: 1px solid rgb(229, 229, 229);
}

.wrap-soft { text-wrap: }
.table-grid tr th,
.table-grid tr td { border-right:1px solid #cccccc !important;   }

.ui-jqgrid .ui-jqgrid-resize {  height: 100px !important; }

hr {
  border-top: 1px solid #bbb;
}

/*DropDown Submenu: http://bootstrapaholic.de/faq/bootstrap-3-dropdown-submenu/ */
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu {
     top:0;
     left:100%;
     margin-top:-6px;
     margin-left:-1px;
     -webkit-border-radius:0 6px 6px 6px;
     -moz-border-radius:0 6px 6px 6px;
     border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
     display:block;
}
.dropdown-submenu>a:after {
     display:block;
     content:" ";
     float:right;
     width:0;
     height:0;
     border-color:transparent;
     border-style:solid;
     border-width:5px 0 5px 5px;
     border-left-color:#cccccc;
     margin-top:5px;
     margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
     border-left-color: #fff;
}
.dropdown-submenu.pull-left {
     float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
     left:-100%;
     margin-left:10px;
     -webkit-border-radius:6px 0 6px 6px;
     -moz-border-radius:6px 0 6px 6px;
     border-radius:6px 0 6px 6px;
}
.error-icon {
    display: inline-block;
    margin-left: 5px;
    color: red;
    font-weight: bold;
    cursor: help;
}