/* Minification failed. Returning unminified contents.
(13,1): run-time error CSS1019: Unexpected token, found '}'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52,25): run-time error CSS1039: Token not allowed after unary operator: '-sencondary-color'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(81,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(110,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(126,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(136,32): run-time error CSS1039: Token not allowed after unary operator: '-sencondary-color'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(143,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(144,28): run-time error CSS1039: Token not allowed after unary operator: '-sencondary-color'
(152,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(154,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(155,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(165,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(171,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(176,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
@font-face {
    font-family: 'Garant';
    src: url('/Fonts/garantpro-regular.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Garant';
    src: url('/Fonts/garantpro-bold.woff') format('woff');
    font-weight: 800;
}

}

@font-face {
    font-family: 'Garant';
    src: url('/Fonts/garantpro-bolditalic.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Garant';
    src: url('/Fonts/garantpro-italic.woff') format('woff');
    font-style: italic;
}

:root {
    --primary-color: #B61D22;
    --sencondary-color: #F2E7DA;
}

body {
    background-image: url(/Images/backgrounds/background_2.png);
    background-color: #fff;
    background-repeat: repeat-y;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

    body * {
        font-family: 'Garant';
        font-size: 17px;
    }

    body a {
        color: var(--primary-color);
    }

        body a:hover {
            text-decoration: none;
            color: var(--sencondary-color);
        }

header a {
    font-weight: 800;
}

header .hotline {
    color: var(--primary-color);
}

    header .hotline img {
        height: 37.5px;
        width: 37.5px;
    }

.search-type {
    font-weight: bold;
    color: var(--primary-color);
    font-size: 21px;
}

main {
    min-height: 700px;
    display: flex;
    align-items: center;
}

.title-header {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 30px;
    padding: 15px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

    .title-header h1 {
        font-size: 21px;
        font-weight: 800;
    }

.search-form {
    border-radius: 15px;
    background-color: #fff;
    padding: 25px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

#divLogin {
    font-weight: 800;
}

    #divLogin table tr td {
        padding: 5px;
        color: var(--secondary-color);
    }

#divLogi#txtXacThuc {
    width: 50%;
}

.w-100p {
    width: 100px;
}

.w-300p {
    width: 300px;
}

.btn-pri {
    background-color: var(--primary-color);
    border-radius: 30px;
    padding: 10px;
    color: #fff;
    width: 60%;
    max-width: 300px;
}


    .btn-pri:hover {
        background-color: var(--sencondary-color);
        color: #fff;
    }

.btn-second {
    border: 1px solid var(--primary-color);
    border-radius: 30px;
    color: var(--primary-color);
    background-color: var(--sencondary-color);
    width: 40%;
    padding: 10px;
    max-width: 100px;
}


    .btn-second:hover {
        border: 1px solid var(--secondary-color);
        border-radius: 30px;
        color: var(--secondary-color);
        background-color: var(--secondary-color);
    }


.title-footer {
    font-weight: bold;
}

.form-control {
    border-radius: 10px;
    border: 1px solid var(--primary-color);
}


.title-header-2 {
    font-size: 21px;
    color: var(--primary-color);
    font-weight: bold;
}

footer p{
    color: var(--primary-color);
    font-weight: bold;
}