body {

}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.no-border{
    border:none
}

input, .form-control,.input-group,
select, span, 
textarea {
    margin-bottom: 4px;

}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.preloder {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fbfcfc; /* fallback color*/
    background: rgba( 251, 252, 252, .8 ) url('../images/loading.GIF')50% 30% no-repeat;
  
}

.popup {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fbfcfc; /* fallback color*/
    background: rgba( 251, 252, 252, .8 );

}
 .popup:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 50px;
  }


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

.text-white{
    color: #fff;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.rounded {
  border-radius: 50%;
  height:200px;
  width:200px;
 text-align:center;
 vertical-align:central;
 display:table
}