/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *






 */


.application-container {
  padding: 10px;
}

/* Define a custom scrollbar width */
:root {
  --scrollbar-width: 5px; /* Change this value to adjust the width */
}

/* Apply scrollbar styling */
/* For Webkit browsers */
::-webkit-scrollbar {
  width: var(--scrollbar-width);
}

/* For Webkit browsers */
::-webkit-scrollbar-track {
  background: #1a4dbb0a; /* Color of the scrollbar track */
}

/* For Webkit browsers */
::-webkit-scrollbar-thumb {
  background: #888; /* Color of the scrollbar thumb */
}

/* For Webkit browsers */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* Color of the scrollbar thumb on hover */
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

.modal-header {
  padding: 0.5rem 1rem; /* Adjust as needed */
  border-bottom: 1px solid #dee2e6; /* Optional: Add a border bottom */
}

/* General Table Styles */
table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

table td,
table th {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: left;
}

table th {
  padding-top: 14px;
  padding-bottom: 14px;
  background: linear-gradient(to bottom, #2ab4e8 0%, #0e87cc 100%);
  color: white;
}

table tr:nth-child(even) {
  background-color: #f5f5f5;
}

table tr:hover {
  background-color: #f0f0f0;
}

/* Specific Table Styles */
table#sch-cases,
table#suite-table-dude,
table#test-cases {
  width: 100%;
}

table#sch-cases th,
table#suite-table-dude th,
table#test-cases th {
  background: linear-gradient(to bottom, #2ab4e8 0%, #0e87cc 100%);
  color: white;
}

table#sch-cases tr:nth-child(odd),
table#suite-table-dude tr:nth-child(odd),
table#test-cases tr:nth-child(odd) {
  background-color: #ffffff;
}

/* Table Primary */
.table-primary {
  background-color: #f0f0f0;
  border: 1px solid #ddd;
}

.table-primary > th,
.table-primary > td {
  background-color: #f0f0f0;
}

.table-primary a {
  color: inherit; /* Set link color to inherit from its parent */
}

.table-hover .table-primary:hover {
  background-color: #e0e0e0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #e0e0e0;
}

/* Button Primary Styles */
.btn-primary {
  display: inline-block;
  font-size: 12px;
  color: white !important;
  background: linear-gradient(to bottom, #2ab4e8 0%, #0e87cc 100%);
  border: 2px solid #2ab4e8;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease,
    color 0.3s ease;
  -webkit-font-smoothing: antialiased; /* Improve font sharpness */
  -moz-osx-font-smoothing: grayscale; /* Improve font sharpness on macOS */
}

.btn-primary:hover {
  background: linear-gradient(to bottom, #0e87cc 0%, #0e87cc 100%);
  border-color: #0e87cc;
}

.btn-primary:focus {
  outline: none;
}

.btn-primary:active {
  background: linear-gradient(to bottom, #0a6ca5 0%, #0a6ca5 100%);
  border-color: #0a6ca5;
}

/* Button Secondary Styles */
.btn-secondary {
  display: inline-block;
  font-size: 12px;
  color: #2ab4e8 !important; /* Matching primary button color */
  background-color: transparent;
  border: 2px solid #2ab4e8;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease,
    color 0.3s ease;
}

.btn-secondary:hover {
  color: #0e87cc; /* Matching primary button hover color */
  background-color: #f5f5f5; /* Light background color */
}

.btn-secondary:focus {
  outline: none;
}

.btn-secondary:active {
  color: #0a6ca5; /* Matching primary button active color */
  background-color: #e0e0e0; /* Slightly darker background color */
}

/* Button Tertiary Styles */
.btn-tertiary {
  display: inline-block;
  font-size: 12px;
  color: #2ab4e8 !important; /* Matching primary button color */
  background-color: transparent;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

.btn-tertiary:hover {
  color: #0e87cc; /* Matching primary button hover color */
}

.btn-tertiary:focus {
  outline: none;
}

.btn-tertiary:active {
  color: #0a6ca5; /* Matching primary button active color */
}

.btn-danger {
  color: white !important;
}

.badge.badge-primary {
  background-color: #0e87cc;
  color: #fff;
}

.badge.badge-secondary {
  background-color: #d9534f;
  color: #fff;
}

table.dataTable.no-footer {
  border-bottom: none !important;
}

.container-fluid.main-container > .content {
  padding: 0px 10px;
}

footer {
  padding: 30px 0;
  background: #092a49;
  color: #fff;
  font-size: 13px;
}

.app-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9999 !important;
  border-bottom: 1px solid #e9edf4;
  background: #ffffff;
  transition: padding-left 0.3s ease;
}

a.download-link {
  color: #2ab4e8 !important;
  text-decoration: underline;
}

/* Loader container */
.loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* Loader animation */
.loader {
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Loading text */
.loading-text {
  margin-left: 10px;
  font-size: 16px;
  color: #555; /* Dark grey */
}