/* Begin Color Theme */

#main-title-bar {
  background: #3F62AA;
  color: white;
  height:auto;
}

#main-content {
  background: #dddddd;
}

#main-navigation > .dm-menu,
#right-menu > .dm-menu {
  background: #3F62AA;
}

#main-navigation > .dm-menu:hover,
#right-menu > .dm-menu:hover {
  background: rgba(255,255,255,0.2);
}

#main-title-bar .dm-menu > .dm-menu-button {
  color: white;
}

/* End Color Theme*/

body {
    background-color: #f7f7f7;
}

.dm-application-form {
    background-color: #ffffff;
}

.dm-modal-form {
  background-color: #EDEDED;
}

.dm-modal-form-title-bar {
  background-color: #3F62AA;
  color: white;
}

.dm-modal-form-title:not(:empty) {
  height: 40px;
}

.dm-link {
    font-size: 12pt;
    font-family: Arial !important;
    text-decoration: underline;
    color: #0066ff;
    outline: none;
}
.dm-link:hover {
    color: #0099ff;
}

.dm-label {
    font-size: 12pt;
    font-family: Arial !important;
    color: #5a5a5a;
}

.dm-textbox {
    font-size: 12pt;
    font-family: Arial !important;
    resize: none;
    padding-left: 5px !important;
    border-radius: 3px !important;
    border: solid 1px #c3c3c3;
}

.dm-checkbox {
    font-size: 12pt !important;
    font-family: Arial !important;
    height: 12pt;
    width: 12pt;
    color: #5a5a5a;
}

.dm-checkbox-box {
    border-color: #c3c3c3 !important;
    border-radius: 3px !important;
    background-color: white;
}

.dm-menu {
	font-size: 12pt !important;
	font-family: "Arial" !important;
	z-index: 99999 !important;
}

.dm-button-neutral {
    font-size: 12pt;
    font-family: "Arial";
    color: #FFFFFF;
    border: none;
    line-height: 12pt;
    background-color: #496fbe;
    padding: 10px 30px;
    cursor: pointer;
}

.dm-button-neutral:hover {
    background-color: #5683e0;
}

.dm-button-positive {
    font-size: 12pt;
    font-family: "Arial";
    color: #FFFFFF;
    background-color: #0a6c2c;
    border: none;
    line-height: 12pt;
    padding: 10px 30px;
    cursor: pointer;
}

.dm-button-positive:hover {
    background-color: #0c983d;
}

.dm-button-negative {
    font-size: 12pt;
    font-family: "Arial";
    color: #FFFFFF;
    background-color: #8a1f1f;
    border: none;
    line-height: 12pt;
    padding: 10px 30px;
    cursor: pointer;
}

.dm-button-negative:hover {
    background-color: #ae2929;
}

.dm-button-tab {
    font-size: 18pt;
    font-family: "Arial";
    color: #808080;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom: 5px solid white;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.dm-button-tab-active {
    border-bottom: 5px solid #3F62AA;
}

.dm-button-tab:hover {
    color: black;
    border-bottom: 5px solid #5683e0;
}

.dm-button-tab:focus {
    outline: none;
}

.dm-button-gridlist {
    font-size: 10pt;
    font-family: "Arial";
    color: #FFFFFF;
    border: none;
    line-height: 10pt;
    background-color: #496fbe;
    padding: 10px 30px;
    cursor: pointer;
}

.dm-button-gridlist:hover {
    background-color: #5683e0;
}


input[type="button"]:not(.dm-button-tab), input[type="submit"]:not(.dm-button-tab) {
    border-radius: 3px !important;
    padding: 2px !important;
}

.dm-grid-list {
    font-size: 12pt;
    font-family: "Arial";
}

.dm-modal-form {
    font-size: 12pt;
    font-family: "Arial";
    background-color: #EDEDED;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.dm-modal-form-title {
    font-family: "Arial";
    font-size: 14pt;
}

.dm-modal-form-title label {
    margin-left: 8px;
    line-height:36px;
}

.selectize-input {
    font-size: 12pt;
}

.dm-single-select .selectize-input {
    height: 30px;
    padding: 6px;
}

.dm-single-select .selectize-input .item {
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dm-multi-select .selectize-input:not(.has-items) {
    height: 30px;
    padding: 6px;
}

.dm-multi-select .selectize-control {
    height: 100%;
}

.dm-multi-select .selectize-control .selectize-input.has-items {
    max-height: 100%;
    overflow-y: auto;
}

.selectize-input > input {
    height: 18px;
    font-size: 16px;
    font-weight: 400;
}

.dm-single-select .selectize-input > .item:not(:empty) + input {
    top: -3px;
}

.datepicker-container .datepicker-calendar {
    z-index: 1000;
}

.datetimepicker-input {
    height: 36px;
    padding-left: 5px;
    font-size: 12pt;
    border-radius: 3px;
    border: solid 1px #c3c3c3;
}

.datepicker-container .datepicker-calendar > div.week > span.day.today {
    border: 1px solid #05A23B !important;
}

.datepicker-container .datepicker-calendar > div.week:not(.names) > span.day:hover {
    background-color: yellowgreen !important;
}

.ngdialog-close:before {
    color: #FFFFFF !important;
}

.dm-modal-message {
    padding: 10px !important;
}

.dm-grid-list-header {
    background-color: #3F62AA !important;
    line-height: 24px;
}

.dm-grid-list .dm-grid-list-header:not(.no-hover) .dm-grid-list-column:not(.no-hover):hover {
    background: none !important;
}

.dm-grid-list .dm-grid-list-row:not(.dm-grid-list-header):not(.no-hover):hover .dm-grid-list-column {
    background: rgba(63,98,170,0.3);
}

.dm-menu-bar .dm-menu > .dm-menu-button {
    background-color: #b3b3b3 !important;
    color: white;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 3px;
}

.fa-line-chart:hover, .fa-pencil:hover, .fa-trash:hover {
    cursor: pointer;
}

#dm-global-spinner {
  background: none;
}
table.dataTable.compact th {
    white-space: nowrap;
    background-color: #3F62AA;
    color: white;
    font-weight: normal;
    text-align: left;
    border-right: 1px solid #ccc;
}
table.dataTable.compact td {
    text-align: left;
    border-right: 1px solid #ccc;
}
table.dataTable.compact th:last-child, table.dataTable.compact td:last-child {
  border-right: none;
}
table.dataTable.compact tr:nth-child(odd) {
  background: #f2f2f2;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border: 1px solid #ccc;
}

/*
 add additional spacing for action icons and checkboxes in rows
 */
table.dataTable.compact tbody td.dt-action {
    padding: 8px 10px;
    text-align: center;
}
/*
 removes the repeating gradient shown where the table cuts off
 */
div.DTS div.dataTables_scrollBody {
    background: white !important;
}

#labTestData_divTableContainer {
    font-size: 10pt;
}