/* /var/www/azmigrateformatter.com/app/static/style.css */
/* Ensure the footer is fixed at the bottom */ 
html, body { 
    height: 100%; 
    margin: 0; 
} 
.content { 
    min-height: 100%; 
    display: flex; 
    flex-direction: column; 
} 
.main { 
    flex: 1; /* This will push the footer to the bottom */ 
} 
footer { 
    background-color: #f8f9fa; 
    padding: 10px 0; 
}
body {
    font-family: Arial, sans-serif;
}

h1 {
    color: #333;
}

p {
    font-size: 14px;
}
.main-sections{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
}
.main-margin{
    margin-bottom: 5px;
    margin-right: 5px;
}

#verify-file,
#verify-confirm, 
#verify-explain,
#verify-table {
    display: none;
}

.howto_img{
    padding-bottom: 20px;
}

ol {
    font-size: 20px;
}

.howto_font {
    font-size: 20px;
}

li.arrow {
    list-style-type: none; /* Remove the default list item marker */
    position: relative;    /* Position it relative to place the arrow */
    font-size: 20px;       /* Adjust the font size to make it larger */
}

li.arrow::before {
    content: '>';          /* Unicode for the arrow symbol */
    position: absolute;    /* Absolute positioning to place the arrow */
    left: -30px;           /* Adjust the left position as needed */
    top: -15px;            /* Adjust the top position as needed */
    font-size: 40px;       /* Adjust the size of the arrow */
    color: #007FFF;        /* Change arrow color if needed */
}
 
hr {
  border: none;            /* Remove the default border */
  border-top: 3px solid;   /* Add a solid border to the top */
  color: #007FFF;          /* Apply your desired color */
  background-color: #007FFF; /* Ensure background color matches */
  height: 10px;             /* Define the height */
}

.howto_button {
    font-weight: bold;
    color:#007FFF;
}

.nav_logged_in{
    padding-right: 20px;
    color: #FFF;
}

.nav_logged_in a { 
    color: #FFF; 
}