﻿body {
  padding-top: 50px;
  padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}


.Login-Sheet {
  background: linear-gradient(top, #FFFFFF 0, #8CBCE3 1200px) repeat;
  background: -webkit-linear-gradient(top, #FFFFFF 0, #8CBCE3 1200px) no-repeat;
  background: -moz-linear-gradient(top, #FFFFFF 0, #8CBCE3 1200px) no-repeat;
  background: -o-linear-gradient(top, #FFFFFF 0, #8CBCE3 1200px) no-repeat;
  background: -ms-linear-gradient(top, #FFFFFF 0, #8CBCE3 1200px) no-repeat;
  background: linear-gradient(top, #FFFFFF 0, #8CBCE3 1200px) repeat;
  -svg-background: linear-gradient(top, #FFFFFF 0, #8CBCE3 1200px) no-repeat;
  background-attachment: fixed !important;
  position: relative;
  width: 100%;
  min-height: 100%;
  cursor: default;
  overflow: hidden;
}

/* Account */
.accountHeader h2 {
  margin: 10px 0 7px 0;
  font-size: 16px;
}

.accountHeader p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.accountHeader {
  margin-bottom: 20px;
}

.form-field {
  margin-bottom: 8px;
}

.field-validation-error {
  font-size: 11px;
  color: Red;
}

/* Moderno */
.dxsplControl_Moderno {
  font-family: Segoe UI;
}

  .dxsplControl_Moderno .headerPane,
  .dxsplControl_Moderno .footerMenu li {
    background-color: White;
    color: Black;
  }

  .dxsplControl_Moderno .accountHeader h2 {
    color: #3B3B3B;
  }

  .dxsplControl_Moderno .accountHeader p {
    font-size: 11px;
  }

  .dxsplControl_Moderno .headerMenu {
    margin-top: 13px;
  }

  .dxsplControl_Moderno .loginControl a,
  .dxsplControl_Moderno .templateTitle a {
    color: #0072c6;
    border-color: #0072c6;
  }

  .dxsplControl_Moderno .templateTitle a {
    font-size: 28px;
  }

  .dxsplControl_Moderno .dxsplVSeparator_Moderno {
    border-bottom: 0 !important;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
  }

  .dxsplControl_Moderno .footerPane {
    background: #EDEDED;
  }

.dxICBFocused_Moderno {
  outline: 1px dotted #0A67A8;
  border: .25px solid #0A67A8;
  background: #FFFFE0;
  *margin: 0;
}

.dxbFocused_Moderno {
  outline: 1px dotted #0A67A8;
  border: .25px solid #0A67A8;
  *margin: 0;
}


.dxeEditArea_Moderno,
body input.dxeEditArea_Moderno /*Bootstrap correction*/ {
  color: #2B2B2B;
  font-weight: bold;
}


.inline {
  display: inline-block;
}

.actions {
  margin-top: 10px;
  margin-bottom: 10px;
}

.TextToUpper {
  text-transform: uppercase;
}

.alert {
  padding: 15px;
  /*margin-bottom: 20px;*/
  border: 1px solid transparent;
  border-radius: 4px;
}

  .alert h4 {
    margin-top: 0;
    color: inherit;
  }

  .alert .alert-link {
    font-weight: bold;
  }

  .alert > p,
  .alert > ul {
    margin-bottom: 0;
  }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

  .alert-success hr {
    border-top-color: #c9e2b3;
  }

  .alert-success .alert-link {
    color: #2b542c;
  }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

  .alert-info hr {
    border-top-color: #a6e1ec;
  }

  .alert-info .alert-link {
    color: #245269;
  }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

  .alert-warning hr {
    border-top-color: #f7e1b5;
  }

  .alert-warning .alert-link {
    color: #66512c;
  }

.truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  /*width:100px;*/
}



/*Override Default Bootstrap heading - ensure that the page is displayed at the most top part of the view
*/
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Change the form-control to be smaller to ensure that we can get more data on the screen */
.form-control {
  padding: 2px 4px;
  height: auto;
}

.modal-dialog {
  width: 97%;
  height: 97%;
  padding: 0;
}

.modal-content {
  height: 100%;
  width: 97%;
}


/*Custom*/
#QualificationArea > div.inline > div {
vertical-align:bottom;
}