#app {
   min-height: 100vh;
   background-color: #f3f3f3;
 }

 /* login page styles */
 .login-container {
   width: 100%;
   background-color: #f5f5f9;
 }

 .authentication-wrapper {
   flex-basis: 100%;
   min-height: 100vh;
   width: 100%;
 }

 .authentication-inner {
   width: 100%;
 }

 .login-card {
   background-color: #fff !important;
 }

 .authentication-basic {
   align-items: center;
   justify-content: center;
   overflow: hidden;
 }

 .authentication-basic .authentication-inner {
   max-width: 425px;
   position: relative;
 }

 .welcome-text {
   color: gray;
 }

 .welcome-text-content {
   font-size: 13px;
 }

 .badge {
   font-size: 11px;
   font-weight: 400;
   margin-bottom: 5px;
 }

 .master-edit-btn {
   color: #ffffff;
   border: solid 1px #64b4af;
   background-color: #64b4af;
   padding: 2px 7px;
   border-radius: 5px;
   margin: 2px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size: 13px;
   font-weight: 500;
   cursor: pointer;
 }

 .master-delete-btn {
   color: #ffffff;
   border: solid 1px #d11a2a;
   background-color: #d11a2a;
   padding: 2px 7px;
   border-radius: 5px;
   margin: 2px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size: 13px;
   font-weight: 500;
   cursor: pointer;
 }

 .auth-input-wrapper .auth-input {
   max-width: 50px;
   padding-left: 0.4rem;
   padding-right: 0.4rem;
 }

 .login_logo {
   width: 100%;
   height: auto;
 }

 .edit-logo {
   height: 50px;
 }

 /* dashboard styles */
 .home {
   background-color: #f5f5f9;
   min-height: 100vh;
   overflow-y: scroll;
 }

 /* sidebar styles  */
 .sidebar-container {
   background-color: #fff;
 }

 .sidebar {
   background-color: #fff;
   /* height: 100%; */
 }

 .item {
   font-size: 16px;
   font-weight: 600;
 }

 .item-link {
   color: #000000;
   width: 100%;
 }

 .active-link {
   background-color: #005eb8;
   color: #fff !important;
 }

 /* topbar styles */
 .user-img {
   width: 40px;
   height: 40px;
 }

 /* main content styles */
 .main-content {
   background-color: #fff;
 }

 /*
    USER STYLES
*/

 a,
 a:hover,
 a:focus {
   color: inherit;
   text-decoration: none;
   transition: all 0.3s;
 }

 .navbar {
   background: #fff;
   border: none;
   border-radius: 6px;
   margin-bottom: 10px;
   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
 }

 .navbar-btn {
   box-shadow: none;
   outline: none !important;
   border: none;
 }

 .line {
   width: 100%;
   height: 1px;
   border-bottom: 1px dashed #ddd;
   margin: 40px 0;
 }

 /* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

 .wrapper {
   display: flex;
   width: 100%;
   align-items: stretch;
 }

 #sidebar {
   min-width: 250px;
   max-width: 250px;
   background: #fff;
   color: #4d5f6b;
   transition: all 0.3s;
   font-size: 12px;
 }

 #sidebar.active {
   margin-left: -250px;
 }

 #sidebar .sidebar-header {
   padding: 10px;
   background: #fff;
 }

 #sidebar ul.components {
   padding: 0px 0px 20px 0px;
 }

 #sidebar ul.components .component-items {
   border-bottom: 2px solid #e1e1e1;
 }

 #sidebar ul p {
   color: #fff;
   padding: 10px;
 }

 #sidebar ul li a {
   padding: 6px 15px;
   font-size: 1em;
   display: block;
 }

 .helper-text {
   font-size: 12px;
   color: grey;
 }

 #sidebar ul li a:hover {
   color: #000;
 }

 .collapse-list {
   background-color: #f3f3f3;
   margin: 0px 10px;
   color: #4d5f6b;
 }

 .collapse-list li {
   border-bottom: 2px solid #ffffff;
 }

 a[data-toggle="collapse"] {
   position: relative;
 }

 ul ul a {
   font-size: 0.9em !important;
   padding-left: 30px !important;
 }

 .menu-header {
   font-size: 15px;
   color: lightgray;
 }

 .dropdown-item>i {
   font-size: 12px;
 }

 .inner-list {
   padding-left: 10px;
 }

 .inner-list li {
   border-bottom: none;
 }

 .drpdwn-icon {
   transition: transform 0.3s ease;
 }

 /* ---------------------------------------------------
   USER DASHBOARD CONTENT STYLE
----------------------------------------------------- */

 #content {
   width: 100%;
   padding: 10px 15px 15px 15px;
   min-height: 100vh;
   transition: all 0.3s;
 }

 /* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

 @media (max-width: 768px) {
   #sidebar {
     margin-left: -250px;
   }

   #sidebar.active {
     margin-left: 0;
   }

   #sidebarCollapse span {
     display: none;
   }
 }

 /* AirLiqide Page Designs */
 .form-card {
   background-color: #fff;
 }

 .card-header {
   border: none;
   font-size: 13px;
   font-weight: 700;
 }

 .card-header .text {
   font-size: 14px;
   font-weight: 700;
 }

 .sub-card-head {
   font-size: 14px;
   text-decoration: underline;
 }

 .card-header>h5 {
   font-size: 1rem;
 }

 .form-label {
   font-size: 12px;
   font-weight: 700;
   color: #566a7f;
 }

 .text-danger {
   font-size: 12px;
 }

 .form-control {
   outline: none;
 }

 .form-control::placeholder {
   color: lightgrey;
 }

 .form-control:focus {
   outline: 0 none;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   border: 1px solid #7387d5b6;
 }

 .data-table {
   font-size: 11px;
 }

 .admin-data-table {
   font-size: 13px;
 }

 /* CONTENT SECTION */
 .sub-header {
   font-weight: 400;
   font-size: 0.8rem;
   line-height: 1.2em;
   color: rgba(0, 0, 0, .6);
 }

 .error-message {
   font-size: 12px;
 }

 .error-message-small {
   font-size: 10px;
 }

 .alert-message {
   font-size: 12px;
   font-weight: 400;
 }

 .form-sub-head {
   font-size: 13px;
   color: #000;
 }

 .ui.horizontal.divider {
   display: table;
   white-space: nowrap;
   height: auto;
   margin: "";
   line-height: 1;
   text-align: center;
 }

 .ui.divider {
   font-size: 1rem;
   margin: 1rem 0;
   line-height: 1;
   height: 0;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: .05em;
   color: rgba(0, 0, 0, .85);
   -webkit-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
 }

 .ui.horizontal.divider::after,
 .ui.horizontal.divider::before {
   content: "";
   display: table-cell;
   position: relative;
   top: 50%;
   width: 50%;
   background-repeat: no-repeat;
   background-image: url('../images/divider.png');
   background-position: right 0em top 50%;
 }

 .download-text {
   font-size: 12px;
 }

 .user-home-content {
   font-size: 13px;
 }

 .footer {
   font-size: 12px;
 }

 .common-btn {
   border: solid 1px #dddddd;
   background-color: #dddddd;
   padding: 5px 10px;
   margin: 2px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size: 12px;
   cursor: pointer;
 }

 .admin-btn {
   border: solid 1px #3785cd;
   background-color: #005eb8;
   color: #fff;
   padding: 5px 10px;
   border-radius: 5px;
   margin: 2px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size: 13px;
   font-weight: 600;
   cursor: pointer;
 }

 .logged-in-user>td {
   color: grey;
 }

 .certify-text {
   font-size: 12px;
 }

 .to-hide {
   display: none;
 }

 .user-content,
 .admin-content {
   background-color: #fff;
   border-radius: 6px;
   border: 1px solid lightgray;
 }

 .user-content .user-home h5 {
   font-size: 16px;
   font-weight: 700;
 }

 .user-content .user-home p {
   font-size: 12px;
 }

 .user-type-text {
   font-size: 11px;
 }

 .active-menu {
   color: #000000;
   font-weight: 500;
 }

 .active-menu:hover {
   color: #000000;
   font-weight: 500;
 }

 .label {
   font-size: 12px;
   color: grey;
 }

 .account-data {
   font-size: 16px;
   font-weight: 500;
 }

 .acc-info-text {
   font-size: 18px;
   font-weight: 700;
 }

 .heading {
   font-size: 18px;
   font-weight: 600;
 }

 .help-btn {
   font-size: 12px;
 }

 .dropdown-item:active {
   background-color: transparent;
   color: inherit;
 }

 .navbar .dropdown-menu-end {
   font-size: 14px;
   min-width: 110px;
   max-width: auto;
 }

 .navbar .dropdown-menu-end a {
   padding: 0px 20px;
 }

 .navbar .dropdown-menu-end a span {
   font-size: 12px;
 }

 .table>tbody>tr>td {
   vertical-align: middle;
 }

 .gen-data-collection-table>tbody>tr>td {
   vertical-align: inherit !important;
 }

 .admin-home {
   min-height: 60vh;
 }

 .org_abilitity {
   font-size: 12px;
 }

 .filter-field {
   white-space: nowrap;
 }

 .filter-label {
   width: 100px;
 }

 .btn-close:focus,
 .btn-close:active {
   outline: none !important;
   box-shadow: none;
 }

 /* generator forms style */
 #genFormLeft {
   border-right: 2px solid lightgrey;
 }

 .genrTblHead {
   color: #000;
   font-size: 11px;
   font-weight: 600;
 }

 .units {
   color: #a1a1a1;
   font-size: 10px;
   display: block;
   text-transform: lowercase;
 }

 .factor-input {
   width: 50px;
   font-size: 12px;
   padding: 5px 5px;
 }

 .factor-input-select {
   width: 100px;
   padding: 5px 10px;
   font-size: 13px;
 }

 .factor-input-date {
   width: 130px;
   padding: 5px 10px;
   font-size: 13px;
 }

 .factor-delete {
   padding: 10px;
 }

 .factor-delete button {
   border: solid 1px #dddddd;
   background-color: #dddddd;
   padding: 2px 10px;
   font-size: 11px;
   margin: 2px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size: 12px;
   cursor: pointer;
 }

 .hours-diff-text {
   font-size: 12px;
 }

 .flatpickr-calendar {
   font-size: 12px !important;
 }

 .flatpickr-time {
   font-size: 12px !important;
   max-height: 30px !important;
 }

 .flatpickr-time .numInputWrapper {
   height: 30px !important;
   display: flex;
   align-items: center;
 }

 .flatpickr-time input {
   font-size: 12px !important;
   max-height: 30px !important;
 }

 .numInputWrapper span {
   height: 30%;
 }

 .flatpickr-custom-buttons {
   display: flex;
   justify-content: flex-end;
   padding: 0px 10px;
 }

 .flatpickr-button {
   border: solid 1px #dddddd;
   background-color: #dddddd;
   padding: 0px 10px;
   margin: 2px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size: 12px;
   cursor: pointer;
 }

 .hoursDiff {
   display: none;
 }

 .detail {
   color: #111111;
   font-size: 13px;
   font-style: italic;
 }

 .detail_list {
   color: #111111;
   font-size: 13px;
 }

 .html_1 {
   font-size: 14px;
   font-weight: 500;
 }

 .small_font {
   font-size: 12px;
 }

 .contentLeft {
   border-right: 2px solid #ddd;
   display: inline;
   float: left;
 }

 /* generator form right side input fields */
 .factor-input,
 .factor-input-date {
   height: 1.7rem;
 }

 .gen-data-collection-table {
   width: fit-content !important;
   /* table-layout: auto !important; */
 }

 .gen-data-collection-table td {
   padding: 0.3rem !important;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .folder {
   color: #e59c13;
 }

 .document {
   color: #d4c2a0;
 }

 .profiles_table {
   font-size: 10px;
 }