/* ====== temp ==============================  */

.text-bold                      {font-weight: bold;}
.text-italic                    {font-style: italic;}
.text-tiny                      {font-size: .8em;}
.text-large                     {font-size: 1.3em;}
.text-xlarge                    {font-size: 1.6em;}
.text-xxlarge                   {font-size: 2em;}
.no-padding                     {padding: 0 !important;}
.inline                         {display: inline;}
.no-break                       {white-space: nowrap;}
.vertical-spacer-xs             {height: .25em;}
.vertical-spacer-sm             {height: .5em;}
.vertical-spacer-md             {height: 1em;}
.vertical-spacer-lg             {height: 1.5em;}
.indent                         {width: 1em; display: inline-block;}
.tiny { font-size: .6em}

.reqind                         {font-size: .7em; position: absolute; margin: 0 3px 0 3px; color:red;}
.red { color: red;}



/* ====== control the arrow pointers under the nav-pills ==============================  */
.nav-pills li.active .tab-pointer       {display: inline-block; position: relative; top: -12px;}
.nav-pills li .tab-pointer              {display: none;}


/* ====== stop nav-pills from wrapping due to 2px left margin (margin removed to avoid wrapping) ============================== */
.nav-pills>li+li                        {margin-left: 0 !important;}


a[aria-expanded=true] .fa-info-circle {
   color: gray;
}

@media (max-width: 480px){
	#programs .icon-checkbox-sm{float: none;}
}


/* === font-awesome based checkboxes and radios ================================================================================= */
input[type='checkbox'].icon-checkbox, input[type='radio'].icon-checkbox                                                         {display:none;}
input[type='checkbox'].icon-checkbox+label .unchecked, input[type='radio'].icon-checkbox+label .unchecked                       {display:inline;}
input[type='checkbox'].icon-checkbox+label .checked, input[type='radio'].icon-checkbox+label .checked                           {display:none;}
input[type='checkbox']:checked.icon-checkbox, input[type='radio']:checked.icon-checkbox                                         {display:none;}
input[type='checkbox']:checked.icon-checkbox+label .unchecked, input[type='radio']:checked.icon-checkbox+label .unchecked       {display:none;}
input[type='checkbox']:checked.icon-checkbox+label .checked, input[type='radio']:checked.icon-checkbox+label .checked           {display:inline;}

[class*=' icon-checkbox'].centered label,div[class^='icon-checkbox'].centered label {text-align: center; display: block;}
[class*=' icon-checkbox'].centered label .label-text,div[class^='icon-checkbox'].centered label .label-text {display: block;}

[class*=' icon-checkbox'].inline label,div[class^='icon-checkbox'].inline label {display: inline-block; margin-right: 1em;}

.icon-checkbox-lg {margin-bottom: .5em;}
.icon-checkbox-lg label {display: table; vertical-align: middle;}
.icon-checkbox-lg label .label-text {width: 100%; font-size: 1em; font-weight: normal; display: table-cell; vertical-align: middle;}
.icon-checkbox-lg label > i.fa {font-size: 3em; font-weight: normal; margin-right: 4px;}

.icon-checkbox-md {margin-bottom: .5em;}
.icon-checkbox-md label {display: table; vertical-align: middle;}
.icon-checkbox-md label .label-text {width: 100%; font-size: 1em; font-weight: normal; display: table-cell; vertical-align: middle;}
.icon-checkbox-md label > i.fa {font-size: 2.5em; font-weight: normal; margin-right: 8px;}

.icon-checkbox-sm {margin-bottom: .5em;}
.icon-checkbox-sm label {display: table; vertical-align: middle;}
.icon-checkbox-sm label .label-text {width: 100%; font-size: .9em; font-weight: normal; display: table-cell; vertical-align: middle;}
.icon-checkbox-sm label > i.fa {font-size: 2em; font-weight: normal; margin-right: 4px;}

.icon-checkbox-xs {margin-bottom: .5em;}
.icon-checkbox-xs label {display: table; vertical-align: middle;}
.icon-checkbox-xs label .label-text {width: 100%; font-size: .8em; font-weight: normal; display: table-cell; vertical-align: middle;}
.icon-checkbox-xs label > i.fa {font-size: 1.6em; font-weight: normal; margin-right: 4px;}
/* === font-awesome based checkboxes and radios ================================================================================= */



.summary-form .form-group-sm .form-control {
    margin: 4px 2px 0;
    border-radius: 0;
    border-width: 0 0 0 0;
    padding: 2px 0px 0px 0px;
    height: auto;
    font-size: 0.8em;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: none;
    font-weight:bold;
    color: inherit;
}
.summary-form .control-label {
    font-weight: normal !important; font-size: 0.8em !important;
}

.summary-form .form-group {
    margin:0 !important;
}

.input-group-addon {
    padding: 6px 12px !important
}

form, label, a.btn {
    outline:none;
}

@media screen and (max-width:767px) {
    .summary-form .form-control {padding-top: 0; margin-top:0;}
}

.typeahead li a {
    color: inherit !important;
    padding-left: 10px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    background:white;
}

.typeahead li.active a {
    color: white !important;
    background: #1e90ff !important
}

ul.typeahead.form-control {
    background:white !important;
    padding:0;
    border: 1px solid #7b9dd4;
    border-top:none;
    height: auto;
    box-shadow:none !important;
    -webkit-box-shadow: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu, .bootstrap-datetimepicker-widget .list-unstyled, .bootstrap-datetimepicker-widget .datepicker table {
    background-color: #fff !important;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    color: #333
}

/* google optimize A/B testing */
.async-hide { opacity: 0 !important}

input.icon-checkbox-main {
    display: none !important
}

input.icon-checkbox-main:checked +label i.fa-check-circle, input.icon-checkbox-main +label i.fa-circle {
    display: inline-block !important
}
input.icon-checkbox-main:checked +label i.fa-circle, input.icon-checkbox-main +label i.fa-check-circle {
    display: none !important
}