body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

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

#Page .form-group label {
    padding-top: 6px;
    
}

.modal-header {
    background-color: #333333;
    color: #ffffff;
}

.redText {
    color: red;
}

.greenText {
    color: green;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loaderText {
    margin: 15px auto;
    -webkit-animation: nospin 2s linear infinite;
    animation: nospin 2s linear infinite;
}

@-webkit-keyframes nospin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@keyframes nospin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loaderDivShow {
    background-color:rgba(0, 0, 0, 0.5); 
    display: table-cell; 
    z-index: 1000; 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%;
}

.loaderDivHide {
    display: none; 
}