:root {
    --primary: #005EB8;
    --white: #ffffff;
    --gray: lightgray;
}

@font-face{
    font-family: 'josefin-san';
    src:url('/fonts/josefin-sans.regular.ttf') format('truetype') ;
}

html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
}

.a-nav-pad {
    margin: 0px 0px 0px 40px;
    padding: 0px 0px 0px 40px;
    background-color:transparent;
}


button {
    background-color: royalblue;
    color: white;
    font-size: 16px;
    margin: 0px 0px;
    padding: 5px 20px;
    border-radius: 10px;
    border-color: royalblue;
    text-decoration: none;
}

#divAdvocates, #divClients {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 150px));
    column-gap: 15px;
    row-gap: 30px;
    justify-content: center;
}

.divGrid300 {
    width:100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
    column-gap: 10px;
    row-gap: 30px;
    justify-content: center;
}



input[type=text] {
    border: 1px solid var(--primary);
    padding: 4px 5px 4px 5px;
    border-radius: 10px;
}

input[type=password] {
    border: 1px solid var(--primary);
    padding: 4px 5px 4px 5px;
    border-radius: 10px;
}


input[type=submit] {
    background-color:royalblue; 
    color:white; 
    font-size:16px; 
    margin:0px 0px; 
    padding:5px 20px; 
    border-radius:10px; 
    border-color:royalblue; 
    text-decoration:none;
}


input[type=button] {
    background-color: royalblue;
    color: white;
    font-size: 16px;
    margin: 0px 0px;
    padding: 5px 20px;
    border-radius: 10px;
    border-color: royalblue;
    text-decoration: none;
}


input[type=email] {
    border: 1px solid var(--primary);
    padding: 4px 5px 4px 5px;
    border-radius: 10px;
}


input[type=checkbox] {
    transform: scale(1.5);
}


input[type=radio] {
    transform: scale(1.5);
}


select {
    border: 1px solid var(--primary);
    padding: 4px 5px 4px 5px;
    border-radius: 10px;
}


textarea {
    border: 1px solid var(--primary);
    padding: 4px 5px 4px 5px;
    border-radius: 10px;
}


.tdPadding {
    border: 1px solid lightgray;
    padding: 10px 15px;
}

.tblBorderPadding {
    width: 100%;
    border: 1px solid lightgray;
}

.tdPaddingHead {
    min-height: 30px;
    height: 30px;
    max-height: 30px;
    overflow: hidden;
}

.tdPaddingBody {
    min-height: 90px;
    height: 90px;
    max-height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}