.breakword{
    white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
.input-invalid {
    background-color: #ffdddd;
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.comment-message {
    font-weight: bold;
    font-size: 0.8em;
    font-style: italic;
}
.invalid-message {
    color: #a94442;
    display: none;
}
.tooltip-inner {
    min-width: initial;
    max-width: none;
    text-align: left;
    white-space: nowrap;
    z-index: 9999;
}
/* Indent levels */
.indent0 {
    margin-left: 0px;
}

.indent1 {
    margin-left: 20px;
}

.indent2 {
    margin-left: 40px;
}

.indent3 {
    margin-left: 60px;
}

.radiolabel{
    font-weight: bold;
    padding-bottom: 0px;
}

.leftfloatradio {
    float: left;
    padding-right: 10px;
    margin-top: -4px;
}

.selectable {
    cursor: pointer;
}

.clearfloat {
    clear: both;
}
.row-label {
    white-space: nowrap; 
    margin-top: 3px;
}
.info-help {
    color: #337AB7;
    cursor:help;
    margin-left: 5px;
}
.row-number {
    width: 25px;
    font-weight: bold;
}
.row-number:after {
    content: ".  ";
}
/* Adds a red asterisk after an element to indicate that a field is required. */
.required-field:after {
  position: relative;
  top: -4px;
  right: -1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 1;
  color: #ff5050;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\002a";
}
/* Adds a red asterisk before an element to indicate that a field is required. */
.required-field-before:before {
  position: relative;
  top: -4px;
  right: -1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 1;
  color: #ff5050;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\002a";
}
.invalid-data {
    background-color: #ffdddd !important;
    border-color: #a94442 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}
/*
    Color non-field-validation-specific error text similarly to field-validation error text.
    If we used the "field-validation-error" class for such error text, the form validation logic
    may hide it as part of its automation.
*/
.inline-error-text {
    color: red
}

.pa, .view-frame {
    width: 100%;
    margin-top: -30px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.pa .form-control-static, .view-frame .form-control-static {
    padding: 0px;
    margin: 0px;
    min-height:initial;
}

.pa label, .view-frame label {
    color:#666;
}

.pa .errorlabel, .view-frame .errorlabel {
    color:#a94442;
    font-weight:700;
}

.pa .normallabel, .view-frame .normallabel {
    color:#666;
    font-weight:500;
}

.pa .radio, .view-frame .radio {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Adjust padding in panels whose last row contains form-group items, so as to provide uniform spacing. */
.pa .formgroup-panel .panel-body, .view-frame .formgroup-panel > .panel-body {
    padding-top: 10px !important;
    padding-bottom: 2px !important;
}

/* Distinguish our "control group boxes" from form control borders. */
.pa .formgroup-panel.panel, .view-frame .formgroup-panel.panel
{
    border-width: 2px;
}

/* Remove extra form-group spacing when an control with a built-in form-group is embedded in another form group. */
.pa .form-group .form-group, .view-frame .form-group .form-group {
    margin-bottom: 0px;
}

/* Turn-off form group spacing for form-group controls embedded in tables and such. */
.pa .compact-formgroup .form-group, .view-frame .compact-formgroup .form-group {
    margin-bottom: 0px !important;
}

/* Ensure that table cell contents don't dynamically increase column width. */
.pa table, .view-frame table {
    table-layout: fixed;
}

/* Center text within its horizontal boundaries. */
.pa .center, .view-frame .center {
    text-align: center;
}

/* Center text within its vertical boundaries. */
.pa .vcenter, .view-frame .vcenter {
    vertical-align: middle;
}

/* Adjust the alignment of the ratio separator (:) in ratio tables. */
.pa .ratio-separator-alignment {
    padding-top: 10px;
}

/* Turn off the bottom border for the table headings. */
.pa table > thead > tr > th, .view-frame table > thead > tr > th {
    border-bottom: none;
}

/* Turn on border for the table body. */
.pa table > tbody, .view-frame table > tbody {
    border: 1px solid #ddd;
}

/* Highlight the selected table row in the permission table. */
.view-frame #permissionTable .selected
{
    background-color: rgba(181, 181, 181, 0.20);
}

/* Highlight selected/open rows in the provider activation table. */
.view-frame .type-providerActivationTable .selected
{
    background-color: #f0f0f0;
    font-weight: bold;
}
.view-frame .type-providerActivationTable .selected + tr
{
    background-color: #f0f0f0; /* Fallback for browsers that don't support gradients. */
    background: linear-gradient(to bottom, #f0f0f0, #d0d0d0);
}

/* Show "up" chevron when selected/open rows in the provider activation table. */
.view-frame .type-providerActivationTable .selected .status-roll-up
{
    visibility: visible !important;
}

/* Show a table row check mark only when the row is selected. */
.view-frame .selected .checkcell,
.oel-uif-root .selected .checkcell
{
    visibility: visible;
}

/* Hide a table row check mark by default. */
.view-frame .checkcell,
.oel-uif-root .checkcell
{
    visibility: hidden;
}

/* Restrict the height of modal dialogs so that they stay within the browser window. */
.view-frame .modal-body {
    max-height: calc(100vh - 183px);
    overflow: auto;
}

/* Obscure modal window by positioning it behind the modal background. */
.view-frame .modal.obscured
{
    z-index: 1039;
}

.view-frame [disabled].form-control.btn.btn-default
{
    background-color: #fff
}

/* Locate the "in-progress" spinner in the center of the containing button. */
.progress-visual
{
    float: none;
    height: 0px;
    width: 0px;
    position: relative;
    top: -23px;
    left: 50%;
    visibility: hidden;
}

/* Adjust spinner positioning for large buttons. */
.btn-lg > .progress-visual
{
    top: -30px;
}

/* Adjust to ensure that the center of the spinner character aligns with the center point of the container. */
.progress-visual > i
{
    position: relative;
    left: -18px;
}

/* Make the "in-progress" spinner visibile when the button is marked as in-progress. */
.in-progress .progress-visual
{
    visibility: visible;
}

.loading {
    background:  no-repeat left center;
    background-image: url('../Images/spinner.gif' ) ;
    background-size:  20px 20px;
}

/* Supported for nested Bootstrap modals. */
body > .modal-backdrop.in /*.modal-backdrop.modal-stacked*/ {
    opacity: 0;
}

body > .modal-backdrop.in:last-of-type /*.modal-backdrop.modal-stacked*/ {
    opacity: 0.5;
}

.pwdvalidrule {
    color: #248641;
}

.pwdinvalidrule {
    color: #AE0C06;
    font-weight: bold;
}