@import url(animate.css);
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Gradiant*/
/******************* 
Global Styles 
*******************/
* {
  outline: none;
}

body {
  background: #ffffff;
  font-family: "Roboto", sans-serif;
  margin: 0;
  overflow-x: hidden;
  color: #272727;
  font-weight: 300;
}

html {
  position: relative;
  min-height: 100%;
  background: #ffffff;
}

a:hover,
a:focus {
  text-decoration: none;
}

/*******************
Headings
*******************/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3e4555;
  font-family: "Roboto", sans-serif;
}

h1 {
  line-height: 40px;
  font-size: 36px;
}

h2 {
  line-height: 36px;
  font-size: 30px;
}

h3 {
  line-height: 30px;
  font-size: 24px;
}

h4 {
  line-height: 26px;
  font-size: 21px;
}

h5 {
  line-height: 22px;
  font-size: 18px;
  font-weight: 400;
}

h6 {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
}

.display-5 {
  font-size: 3rem;
}

.display-6 {
  font-size: 36px;
}

.display-7 {
  font-size: 26px;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

/******************* 
container fluid
*******************/
.container-fluid {
  padding: 0px;
}

/******************* 
Spacer
*******************/
.spacer {
  padding: 90px 0;
}

.mini-spacer {
  padding: 40px 0;
}

.bt-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  visibility: hidden;
}

/*-------------------*/
/*Bootstrap 4 hack*/
/*-------------------*/
.invisible {
  visibility: hidden !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.form-control {
  padding: 0.75rem;
  border: 2px solid rgba(120, 130, 140, 0.13);
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 12px);
}

div .dx-datagrid-table tr.dx-selection td.customgreen {
  background-color: greenyellow !important;
}
.collapsedRow.dx-master-detail-row td .dx-widget .dx-data-row td.customgreen {
  background-color: greenyellow !important;
}

.mainWorkBox .leftSideMenu ul li.menuNavItem.red {
  background-color: #c0392b;
}

.compareresulttable tr.dx-data-row > td:nth-of-type(3),
.compareresulttable tr.dx-header-row > td:nth-of-type(3),
.whiteborderedRow > td:first-of-type {
  border-right: 10px solid gray !important;
}

.customclassholding tr.dx-data-row > td:nth-of-type(3),
.customclassholding tr.dx-data-row > td:nth-of-type(3),
.whiteborderedRow > td:first-of-type {
    border-right: 10px solid gray !important;
}

.spaced {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-center;
  -webkit-align-items: flex-center;
  -ms-flex-align: flex-center;
  align-items: flex-center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fbaModalContainer .fbaModal.modalMplus {
  -webkit-transition: height 0s;
  -o-transition: height 0s;
  transition: height 0s;
  -webkit-transition: width 0s;
  -o-transition: width 0s;
  transition: width 0s;
  min-width: 310px;
  max-width: 840px;
}

.fbaModalContainer .fbaModal.modalBiologicalplus {
    -webkit-transition: height 0s;
    -o-transition: height 0s;
    transition: height 0s;
    -webkit-transition: width 0s;
    -o-transition: width 0s;
    transition: width 0s;
    min-width: 310px;
    max-width: 900px;
}

@media screen and (max-width: 840px) {
  .fbaModalContainer .fbaModal.modalMplus {
    max-width: 99%;
  }
}

.fbaModalContainer .fbaModal.modalLarge {
    -webkit-transition: height 0s;
    -o-transition: height 0s;
    transition: height 0s;
    -webkit-transition: width 0s;
    -o-transition: width 0s;
    transition: width 0s;
    min-width: 310px;
    max-width: 1550px;
}

@media screen and (max-width: 1550px) {
    .fbaModalContainer .fbaModal.modalLarge {
        max-width: 99%;
    }
}

.innerAddTable {
  max-width: 100%;
  overflow: auto;
  font-size: 0.85rem;
}
.innerAddTable table {
  min-width: 500px;
}

.innerAddTable tr td:nth-of-type(3),
.innerAddTable tr th:nth-of-type(3) {
  padding-left: 3px;
  text-align: center;
}

.innerAddTable tr td:last-of-type,
.innerAddTable tr th:last-of-type {
  text-align: center;
  padding-left: 3px;
}

.innerAddTable tr td:last-of-type span {
  cursor: pointer;
}

.innerAddTable td,
.innerAddTable th {
  padding: 3px 3px 3px 7px;
}

@media screen and (max-width: 580px) {
  .regButtons {
    flex-wrap: wrap;
  }
  .addSubCatButton {
    position: static !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 10px;
  }
}




.mainWorkBox .mainWorkContainer .workInner .testresultstbl .dx-datagrid-text-content {
  text-overflow: ellipsis;
  white-space: normal;
}

@media only screen and (max-width: 1280px) {
    body .fbaModalContainer .fbaModal.modalLargest {
        max-width: 99%;
    }
}
@media only screen and (max-width: 1280px) {
    body .fbaModalContainer .fbaModal.modalHeight {
        max-width: 80%;
    }
}


    .resultsBox .resultTableAll td {
        font-size: 0.71rem;
        padding: 4px 3px 4px 2px;
    }

    .resultsBox .table-container.resultTableAll td .dx-datagrid-text-content {
        white-space: normal;
    }

.mainWorkBox .mainWorkContainer .workInner .testresultstbl .collapsedRow.dx-master-detail-row tr:nth-of-type(odd) td.disabledbkcolRED, .mainWorkBox .mainWorkContainer .workInner .testresultstbl .collapsedRow.dx-master-detail-row tr td.disabledbkcolRED {
    background-color: #505050 !important;
}
tr td div.fileid td.disabledbkcolRED {
    background-color: #505050 !important;
}

.mainWorkBox .mainWorkContainer .workInner .testresultstbl .collapsedRow.dx-master-detail-row tr:nth-of-type(odd) td.disabledbkcolYELLOW, .mainWorkBox .mainWorkContainer .workInner .testresultstbl .collapsedRow.dx-master-detail-row tr td.disabledbkcolYELLOW {
    background-color: orange !important;
}

tr td div.fileid td.disabledbkcolYELLOW {
    background-color: orange !important;
}

.mainWorkBox .mainWorkContainer .workInner .testresultstbl .collapsedRow.dx-master-detail-row tr:nth-of-type(odd) td.disabledbkcol, .mainWorkBox .mainWorkContainer .workInner .testresultstbl .collapsedRow.dx-master-detail-row tr td.disabledbkcol {
    background-color: #ccc !important;
}

tr td div.fileid td.disabledbkcol {
    background-color: #ccc !important;
}