/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

html {
    height: 100%;
}

html body {
    height: 100%;
    /*overflow: hidden;*/
    /*display: flex;*/
}

img {
    border: 0;
}

body {
    font-family: Verdana, Helvetica, sans-serif, Arial;
    color: #212529;
}

.hag-bg-gray {
    background-color: #f8f8f8;
}

.btn-outline-secondary {
    border: 1px solid rgb(0, 75, 135);
    color: rgb(0, 75, 135);
    background-color: white;
}

.btn-outline-secondary:hover {
    border: 2px solid rgb(0, 75, 135);
    color: rgb(0, 75, 135);
    background: 0;
}

h1,
h2 {
    text-transform: uppercase;
    margin-top: 1.0rem;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Verdana, Helvetica, sans-serif, Arial;
    color: rgb(0, 75, 135);
}

.h6 {
font-family: Verdana, Helvetica, sans-serif, Arial;
font-weight: bold;
}

main a:not(.btn):link,
main a:not(.btn):visited,
main a:not(.btn):hover {
    color: #212529;
    text-decoration: none;
}

.ag_logo {
    height: 90px;
}


.card-header {
    color: rgb(0, 75, 135);
}

.hag_button {
    background-color: rgb(0, 75, 135);
    border: 1px solid rgb(0, 75, 135);
    color: white;
}

.hag_secondary_button {
    border: 1px solid rgb(0, 75, 135);
    color: rgb(0, 75, 135);
}


.termsbox {
    overflow-y: auto;
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 10px;
}

.hag_container {
    overflow-y: auto;
    max-height: 100%;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 120px;
    bottom: 100px;
    background-color: #f4f4f4;
}

.eula_dps_box {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

.eula_dps_box_visible {
    display: block;
}

.hag-link {
    color: #555;
}

.hag-card-body {
    background-color: rgb(248,248,255);
}

.hag-card-body:hover {
    border: 1px solid rgb(0, 75, 135);
}


.card-deck .card {
    max-width: 400px;
    min-width: 325px;
}

.hide {
    display: none !important;
}

header {
    height: 100px;
    padding: 20px 10px;
    /** border-bottom: 1px solid #e0e0e1; **/
    position: absolute;
    right: 20px;
    left: 20px;
    top: 0;
}

header .lang {
    font-size: 100%;
    float: right;
    padding: 5px 5px;
}

header .lang img {
    float: left;
    padding: 2px 10px;
    border-right: 1px solid rgb(0, 75, 135);
    width: 45px;

}

.lang img:last-child {
    border: 0;
}

.lang {
    font-size: 100%;
    float: right;
    padding: 5px 5px;
}

.lang img {
    float: left;
    padding: 2px 10px;
    /** border-right: 1px solid rgb(0, 75, 135); **/
    width: 45px;

}

header .lang img:last-child {
    border: 0;
}


footer {
    /** margin-top: 50px; 
    height: 80px;
    font-size: 0.8rem;
    background: #fff;
    padding: 20px 0px;
    text-align: center;
    color: rgb(0, 75, 135);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-decoration: none; **/

    text-align: center;
    text-decoration: none;
}


footer a:link,
footer a:visited,
footer a:hover {
    color: rgb(0, 75, 135);
    text-decoration: none;
    white-space: nowrap;
}

nav a:link,
nav a:visited,
nav a:hover {
    color: rgb(0, 75, 135);
    text-decoration: none;
    white-space: nowrap;
}

.hus-green {
    color: rgb(0, 75, 135);
    ;
}

.haginput {
    width: 70%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.haginput_width_100 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.spinner {
    cursor: progress !important;
}



.user-type-select-card {
        width: 75%;
    }



/*respo custom*/
@media only screen and (max-width: 768px) {
    header {
        padding: 20px 0px;
    }

    header .lang {
        /*padding:18px 0px 18px 10px;*/
    }

    header .lang a:last-child {
        padding-right: 0;
    }

    /** footer {
        height: 60px;
        font-size: 0.6rem;
        margin-top: 0px;
        padding: 10px 20px;
    } **/

    /** footer p {
        margin-bottom: 0.5rem;
    } **/

    footer i {
        /*visibility: hidden;*/
    }

    footer span {
        /*visibility: hidden;*/
    }

    body {
        font-size: 0.7rem;
    }

    h2 {
        font-size: 1.0rem;
    }

    h3 {
        font-size: 1.0rem;
    }

    h4 {
        font-size: 1.0rem;
    }

    h5 {
        font-size: 1.0rem;
    }

    .btn {
        font-size: 0.8rem;
    }

    .hag_container {
        bottom: 70px;
    }

    #form-container {
        margin: 40px 0px;
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 640px) {

    .card-deck .card {
        margin-left: 10px;
        margin-right: 10px;
	max-width: 280px;
	min-width: 280px;
    }

    .user-type-select-card {
	width: 75%;
    }

.ag_logo {
    height: 65px;
}

    /** footer {
        font-size: 0.7rem;
    } **/

}


@media only screen and (max-width: 320px) {

    .card-deck .card {
        margin-left: 5px;
        margin-right: 5px;
        max-width: 250px;
        min-width: 250px;
    }

    .user-type-select-card {
        width: 100%;
    }

.ag_logo {
    height: 65px;
}

    /** footer {
        font-size: 0.7rem;
    } **/

}