html {
    font-size: 14px;
}

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

@media print {
    @page {
        size: auto; /* auto is the initial value */
        margin: 0; /* this removes the smart headers and footers */
    }

    body {
        margin: 1.6cm; /* adds a margin to the page content so text isn't cut off */
    }
    /* Explicitly force elements with this class to remain hidden */
    .no-print {
        display: none !important;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    /*position:relative;*/
}

body {
    display: flex;
    flex-direction: column;
    /*  margin-bottom:0px;*/
    background: #fff url(/images/pattern-background.gif) repeat;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.wrapper {
    background-color: #fff;
    padding: 1.5em;
    /* min-height: 50%;
    height:100%;*/
    max-width: 850px;
}

.sunbiz-header {
    background-color: #002649;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 1.5em;
}

main {
    /* min-height: 100%;*/
    border: 1px solid #002649;
}

footer.container {
    max-width: 850px;
    padding: 0.5em 1em;
}

.content li {
    margin-bottom: .75em;
}

.filing {
    margin-bottom: 1em;
}

    .filing h2 {
        font-size: 1.25em;
    }

/* Map Razor's error class to Bootstrap's red input border and warning icon */
.input-validation-error {
    border-color: var(--bs-form-invalid-border-color, #dc3545) !important;
    padding-right: calc(1.5em + 0.75rem) !important;
}

/* Map Razor's error text class to Bootstrap's invalid text styles */
.field-validation-error {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color, #dc3545);
}

/* Optional: Replicate the glowing red focus ring if clicked while invalid */
.input-validation-error:focus {
    border-color: var(--bs-form-invalid-border-color, #dc3545) !important;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}

.form-check-input.input-validation-error {
    border-color: var(--bs-form-invalid-border-color, #dc3545) !important;
    padding-right: 0 !important;
}

.container {
    padding-top: 35px;
}

footer {
    clear: both;
    margin-top: 0px;
    width: 752px;
    background: #006699;
    border-top: 2px solid #ffcc66;
    text-align: center;
    color: #ffffff;
}


#dosbanner {
    /* apply a drop shadow to the bottom of the outer container 
	background: transparent url(../images/shadow.png) repeat-x bottom;
	padding-bottom: 4px;*/
    text-align: left;
    font-size: 100%; /* reset font-size to defaut, no matter what */
    font-size: 0.8em; /* set size relative to default */
    height: 36px; /* define the height so that it is the same across websites and not relative */
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -moz-box-sizing: content-box; /* make sure box model matches the default (CSS standard). Twitter bootstrap resets the box model on all elements which requires a different height unless we force it back */
    box-sizing: content-box;
    border-bottom: 2px solid #ffcc66;
}




    #dosbanner div {
        margin: 0;
        padding: 7px 8px;
        /* CUSTOMIZE: non-link text color (not strictly necessary since there is no non-link text but it's good form to specify it anyway) ****** */
        color: #ccc;
        /* CUSTOMIZE: banner background color. make sure your gif matches ****** */
        background-color: #000;
    }


        #dosbanner div div {
            padding: 0;
            /* CUSTOMIZE:  Default is 100% of screen so if you want the content of the banner 
	(not the banner itself) at a specific width	uncomment and define it here.
	Keep in mind that this banner is optimized for 800 by 600 so if you get much smaller than 750px, 
	it breaks. If we ever need something that small, increase the height so that the logo and nav stack.
	width: 750px; */
        }

    #dosbanner ul li {
        float: left;
    }


/* ===============================================	DOS Logo	(left side)
	Some positioning style and the non-generic part of the image replacement code. */

#dosLogo {
    float: left;
}
    /* position it */

    /* The actual image replacement (IR) */

    #dosLogo, #dosLogo span {
        width: 229px; /* width of the image */
        height: 24px; /* height of the image */
    }

        #dosLogo span {
            background: white url('/images/DOSLogoSmall.png') top left no-repeat;
        }

* html > body #dosLogo span { /* for ie5.x/mac only */
    margin-bottom: -24px; /* Required to bring text
							   underneath image. Use the negative
							   height of the image here.*/
}

#dosbanner ul {
    float: right;
    font-family: tahoma, verdana, georgia, "Palatino Linotype", "Book Antiqua",Palatino, serif;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 1px;
}

    #dosbanner ul li {
        padding: 4px 0;
    }

#dosbanner a {
    /* CUSTOMIZE: unvisited link color ****** */
    color: #D2DBDD;
}

#dosbanner ul a {
    display: block;
    text-decoration: none;
    padding: 0 8px;
    /* CUSTOMIZE: separator color for the links ****** */
    border-left: 1px solid #D2DBDD;
}

#dosbanner a[target]:after {
    content: none;
}

#dosbanner a:visited {
    /* CUSTOMIZE: visited link color  ****** */
    color: #D2DBDD;
}

#dosbanner a:hover, #dosbanner a:active, #dosbanner a:focus {
    text-decoration: underline;
    /* CUSTOMIZE: hovered/active/focused link color  ****** */
    color: #77C6DD;
}

#dosbanner ul .active a {
    font-weight: bold;
    text-decoration: none;
    color: #77C6DD;
}

#dosbanner .division-name {
    font-size: 1.2em;
    font-family: verdana, tahoma, arial, sans-serif;
    letter-spacing: .05em;
    font-variant: small-caps;
    margin-top: 2px;
}

    #dosbanner .division-name li {
        padding: 0;
    }

    #dosbanner .division-name a {
        border-width: 0;
    }

#dosbanner .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#dosbanner .clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/

* html #dosbanner .clearfix {
    height: 1%;
}

#dosbanner .clearfix {
    display: block;
}

#dosbanner .replace {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 1.2em; /* Choose a font-size here that will keep  the headline small enough to fit completely under the span. */
}

    #dosbanner .replace span {
        display: block;
        position: absolute;
        top: 0;
        /*
left: 0;
*/
        z-index: 1; /* for opera5 (?) and o6/mac */
    }

#dosbanner .division-name {
    font-size: 1.6em;
    margin: 0;
}


 .paper {
    border: none;
    background-color: #fff;


    @media print {
        padding: 0;
        margin: 0;
        width: 100%;
    }
}

.paper .paper-input-block {
    margin-left: 3em;
}

.paper .paper-input {
    border-top: 1px solid #000;
    margin-top: 2.5em;
}
/* Base checkbox replacement */
.print-checkbox {
    appearance: none; /* Removes native browser styling */
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #000000; /* Crisp black border prints on any machine */

    display: inline-block;
    place-content: center;
    position: relative;
    background-color: transparent; /* Safe for printing */
    /* Print-specific overrides to ensure rendering */
    @media print {

        .print-checkbox {
            /* Tells modern browsers to preserve colors and borders */
            print-color-adjust: exact;
            -webkit-print-color-adjust: exact;
            border: 2px solid #000000 !important;
        }
    }

    .print-checkbox-text {
        display: inline-block;
    }

        .print-checkbox-text * {
            display: inline-grid;
        }
}

@media print {
    @page {
        size: letter portrait;
        margin: 0;
        width: 100%;
    }



    html,  main, container, section {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    div, section, article, table {
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
    }

    h1 { margin-top: 0;}

    body {
        margin: .5in !important;

    }
}