/* To change the size of the form, locate the .mainForm class of this file and change the value of width property */

body {
  background-color: #fff;
  font-size: 13px;
}

.loginPage {
  margin: 0 auto; /* to center in FireFox */
  max-width: 500px;
}

.pageHeader {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mainForm {
  margin: 0 auto;
  width: 90%;
}

.formHeader {
  background-color: #5280b1;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.formBackground {
  background-color: #f0f5fa;
}

.expandViewPanel {
  height: 220px;
  padding: 20px;
  width: 100%;
}

.tableHeader {
  background-color: #d6d8db;
}

div.displayName {
  color: #555555;
  font-weight: bold;
  font-size: 15pt;
  padding-bottom: 5px;
}

fieldset {
  /*padding: 0px 10px 10px 10px;*/
  width: 770px;
}

legend {
  color: #5280b1;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #DEE2E6;
  margin-bottom: 15px;
}

/* Limit image width to avoid overflow the container */
.photoPreview {
  max-width: 100%; /* This rule is very important, please do not ignore this! */
}

/* Overwrite bootstrap */
.navbar-dark .navbar-nav .nav-item {
  color: #FFF;
}

.btn-outline-primary {
  border-width: 0px;
  color: #fff;
}

.form-group {
  margin-bottom: 10px;
}

.col-form-label {
  font-weight: bold;
}

.badge {
  font-size: 90%;
}

h6 {
  font-size: 14px;
}

/* Overwrite boostrap card */
.card {
  border: 1px solid #5280B1;
}

.card-header {
  border-bottom: 0px;
}

.card-body {
  border: 4px solid #5280B1;
  padding: 15px;
}

/* Overwrite boostrap modal */
.modal-header {
  height: 40px;
  padding-top: 10px;
}

.modal-header .close {
  padding-top: 10px;
}

/* Overwrite RadComboBox */
.comboTable TD {
  background-image: url(../images/rowBg.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.comboHeader {
  font-weight: bold;
}

.comboItem {
  padding-left: 4px;
  padding-bottom: 2px;
}

/* Overwrite RadGrid */
/* Hide page size drop-down list in RadGrid */
div.RadGrid .rgPager .rgAdvPart {
  display: none;
}

div.RadToolBar .rtbUL {
  width: 100%;
  white-space: normal;
}

div.RadToolBar .rightButton {
  float: right !important;
}

div.RadToolBar .leftButton {
  float: left;
}

/* Fix radWindow title issue */
.RadWindow .rwTitleWrapper {
  box-sizing: content-box;
}

html .RadOrgChart_Default .rocItem {
  background-color: rgba(255,255,255,0.2);
  background-image: none;
}