/*
Blue (#00529b): Represents trust, reliability, and security.
Green (#7ac142): Associated with refreshment and peace, rest and security
*/
:root {
  --cassiopeia-color-primary: #7ac142ed;
  --cassiopeia-color-link: #7ac142;
  --cassiopeia-color-hover: #00529b;
}
/* this works and removes gradiant from header*/
.container-header{
  background-image: none !important;
  background-color: white;
}

.metismenu-item a{
  background-color:#00529b;
  color: white !Important;
}

.metismenu-item{
  background-color:#00529b;
  color: white !Important;
}

 /*
.mm-show{
  color:white !Important;
}

.mm-collapse{
  color:white !Important;
}
*/
.container-nav{
  background-color:#00529b !Important;
}

.container-footer{
  background-image: none !Important;
   background-color:#00529b !Important;
}

.level-2{
  color:white;
}

/*top bar*/
.navbar-brand grid-child{
  background-color:red;
}

.logo img {
  background-color: white;
  padding: 5px; /* Adjust the padding size as desired */
}

.brand-logo
{
    box-shadow: 0px 0px 5px #fff;
}

footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}

/*My otification alerts*/
.myNotification{
  border-radius:5px; 
  border: 1px solid gold; 
  color:grey; 
  padding:8px;
}


/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: Thin !Important;
  
}

/* Headings */
.clientcardheading {
   font-size:25px;
  font-weight: Thin !Important;
  
}

a {
  text-decoration: none !Important;
}

/* Fonts */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  color: #333;
  max-width:1600px;
  margin: auto;

}

/* Forms */
input[type=text].cmautooutput{
    max-width: 800px;
  width:90%;
  padding: 0px 0px !Important;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: #FCFCFC !Important;
    height:25px;
  
}

p{
    font-family: 'Roboto', sans-serif;
}
select {
  font-size: 15px;
  max-width: 800px;
  min-height:40px  !Important;
  width:90% !Important;
  padding: 16px 20px !Important;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: white;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}
 
input[type=text]  {
  font-size: 15px;
  max-width: 800px;
  width:90%;
  padding: 16px 20px;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: white;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

textarea  {
  max-width: 800px;
  width:90%;
  padding: 16px 20px;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: white;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

input[type=number]  {
  max-width: 800px;
  width:90%;
  padding: 16px 20px;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: white;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

input[type=email]  {
  max-width: 800px;
  width:90%;
  padding: 16px 20px;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: white;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

input[type=date]  {
  max-width: 800px;
  width:90%;
  padding: 16px 20px;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: white;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

input[type=time]  {
  max-width: 800px;
  width:90%;
  padding: 16px 20px;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: white;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

input[type=tel]  {
  max-width: 800px;
  width:90%;
  padding: 16px 20px;
  border: solid #ccc 1px;
  border-radius: 4px;
  background-color: white;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

.mybutton {
  border: none;
  border-radius: 4px;
  background-color: green;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  width:400px;
  max-width:90%;
    animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

.mybutton:hover {
    opacity: 1
    }

/*for quotes list*/
.tableclass {
  border: 1px solid black;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 4px;
}

.tableclass td,
.tableclass th {
  border: 0px solid black;
  padding: 8px;
}

.tableclass tr:nth-child(even) {
  background-color: #f2f2f2;
}


/* Tables */

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
 /* border: 1px solid #ccc;*/
  padding: 8px;
}

th {
  background-color: #f5f5f5;
  
}

/* Additional Joomla 3 styles */
/* You can add more specific styles that are unique to Joomla 3 here */