/* Custom styles for MRC Order Worksheet */

:root {
    --dark-green-color: #0f8554;
    --dark-green-color-hover: #14b371;
}




html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

button:hover {
  transform: translateY(-1px);
  transition: all 0.2s ease-in-out;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#customerModal {
    animation: fadeIn 0.2s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Prevent background scrolling when modal is open */
body.overflow-hidden {
    overflow: hidden;
}


.icon-search {
    color: var(--dark-green-color);
    display: inline-block;
}

    .icon-search:hover {
        color: var(--dark-green-color-hover);        
        transition: all 0.2s ease-in-out;
    }

.button-icon {
    display: inline-block;
    margin-right: .25rem;
}

/*
.bg-blue-600 {
    background-color: #0C4B80 !important;
}
}

.hover:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: #FF00FF !important;
}

    */

.calc-totals {
    background-color: #0C4B80 !important;
}

.calc-totals h3 {
    color: #fff !important
}

    .calc-totals label {
        color: #FFFFFF;
    }

    .calc-totals input {        
        color: #fff;
        font-weight: 600;
    }