body {
    font-family: arial;
    background: url(/admin/skins/login/images/banner.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

A {
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 5pt;
    font-family: Arial;
    text-decoration: none;
}

    A:visited {
        font-weight: normal;
        font-size: 14px;
        font-family: Arial;
        text-decoration: none;
    }

.body_interface {
    width: 100%;
}

.margin_left {
    background: url(../images/bg_left_body.gif) repeat-y scroll right top transparent;
    width: 5px;
}

.margin_right {
    background: url(../images/bg_right_body.gif) repeat-y scroll right top transparent;
    width: 5px;
}

.margin_center {
    width: 99%;
}

.Banners {
    background-image: url(../images/bg_baner_center.jpg);
    background-repeat: repeat x;
    height: 80px;
    width: 100%;
}

.BannerLeft {
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    width: 80%;
    height: 80px;
}

.BannerCenter {
    background-image: url(../images/bg_baner_center.jpg);
    background-repeat: repeat x;
    width: 6%;
    height: 80px;
}

.BannerRight {
    background-image: url(../images/bg_baner_right.jpg);
    background-repeat: no-repeat;
    width: 100%;
    float: right;
    height: 80px;
}

.owner_name_on_banner {
    font-weight: bold;
    font-size: 11pt;
    color: #fff;
    background-repeat: no-repeat;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 15px;
}

TABLE.list_table4 TD {
    height: 18pt;
}

.add_large_button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    border: #ccc;
    border-style: solid;
    border-width: 1px;
}

    .add_large_button:hover {
        background-color: #ddd;
    }

.body1 {
    background-color: #f0f6fd;
}

.body2 {
    background-color: #fff;
}

.body3 {
    background-color: #f0f6fd;
    width: 190px;
    margin-bottom: 1px;
}

.Info_user {
    background-color: #f0f6fd;
    width: 192px;
    margin-bottom: 1px;
}

.left_table_bgcolor {
    background-color: #e2e5ed;
}

.footer_table_bgcolor {
    background-image: url(../images/bg_footer.gif);
    background-position: center;
    background-repeat: repeat-x;
    font-family: Tahoma;
    font-size: 11px;
    padding-left: 5px;
}

TABLE.top_menu_table {
    height: 28px;
    width: 100%;
    background-color: red;
}

    TABLE.top_menu_table TD {
        height: 25px;
    }

    TABLE.top_menu_table ul {
        list-style: none;
        height: 31px;
        padding: 0;
        margin: 0;
        background: url(../images/nen_top_menu.gif) center left repeat-x transparent;
    }

        TABLE.top_menu_table ul li {
            float: left;
            color: #ffff;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 700;
            font-size: 14px;
            width: 130px;
            padding: 0 12px;
            line-height: 28px;
            height: 25px;
        }

            TABLE.top_menu_table ul li.visited {
                color: #bf2800;
                background-repeat: repeat-x;
                height: 31px;
                font-family: tahoma, Arial, Helvetica, sans-serif;
                font-size: 14px;
                width: 130px;
            }

    TABLE.top_menu_table TD.link {
        color: #f00000;
        font-family: tahoma, Arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    TABLE.top_menu_table TD.none_border {
        border-right: medium none;
    }

TABLE.left_menu_table {
    background-color: #f0f6fd;
    border-bottom: silver 0 solid;
    width: 190px;
}

    TABLE.left_menu_table TD.level0_doc {
        background-image: url(../images/icon_lefmenu_level0.gif);
        background-position: center;
        background-repeat: repeat-x;
        text-decoration: none;
        height: 23px;
        border: none;
        padding-left: 2pt;
    }

.level0_visited {
    background-image: url(../images/level0_visited.gif);
    background-position: center;
    background-repeat: repeat-x;
    border-bottom: silver 1px solid;
    border-left: silver 1px solid;
    border-right: silver 1px solid;
    text-decoration: none;
    height: 23px;
    padding-left: 2pt;
}

    .level0_visited a {
        font-size: 14px;
        font-weight: 700;
        font-family: arial;
        color: #c40000;
    }

TABLE.left_menu_table TD.level0 {
    background-image: url(../images/icon_lefmenu_level0.gif);
    background-position: center;
    background-repeat: repeat-x;
    border-top: #81a1cb 1px solid;
    border-bottom: #81a1cb 1px solid;
    border-left: #81a1cb 1px solid;
    border-right: #81a1cb 1px solid;
    text-decoration: none;
    height: 23px;
    padding-left: 2pt;
}

    TABLE.left_menu_table TD.level0 a {
        font-size: 14px;
        font-weight: 700;
        font-family: arial;
        color: #c40000;
    }

.cvl {
    color: #fff !important;
    background-color: #848484 !important;
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #ddd;
    border-bottom: none;
    text-decoration: none;
    height: 23px;
    padding-left: 4pt;
}

TABLE.left_menu_table TD.level1 {
    background-image: url(../images/icon_lefmenu.gif);
    background-position: center;
    background-repeat: repeat-x;
    font-size: 14px;
    font-weight: 700;
    border: #dcdcdc 1px solid;
    border-bottom: none;
    border-top: none;
    color: #000;
    font-family: arial;
    text-decoration: none;
    height: 25px;
    padding: 9px 10px 7px 9px;
}

TABLE.left_menu_table TD.level_dangnhap_1 {
    background-image: url(../images/icon_lefmenu_level0.gif);
    background-position: center;
    background-repeat: repeat-x;
    font-size: 14px;
    font-weight: 700;
    border: silver 1px solid;
    color: #e90303;
    font-family: arial;
    text-decoration: none;
    text-align: left;
    height: 23px;
}

TABLE.left_menu_table TD.level_dangnhap {
    font-size: 14px;
    color: #000;
    font-family: arial;
    text-decoration: none;
    height: 23px;
}

.level_dangnhap a {
    color: #000;
}

    .level_dangnhap a:hover {
        color: #b52301;
    }

TABLE.left_menu_table TD.level1 A {
    font-size: 14px;
    color: #000;
    font-weight: none;
    font-family: arial;
    text-decoration: none;
    height: 23px;
    padding: 9px 10px 7px 9px;
}

    TABLE.left_menu_table TD.level1 A:hover {
        font-size: 14px;
        color: #f00000;
        font-weight: none;
        font-family: arial;
        text-decoration: none;
        height: 23px;
        padding: 9px 10px 7px 9px;
    }

TABLE.left_menu_table TD.level1_visited {
    background: url(../images/icon_lefmenu.gif) center repeat-x;
    border: silver 1px solid;
    border-bottom: none;
    border-top: none;
    height: 23px;
}

    TABLE.left_menu_table TD.level1_visited A {
        font-size: 14px;
        color: #000;
        font-weight: 700;
        font-family: arial;
        text-decoration: none;
        height: 23px;
        padding-left: 11px;
    }

        TABLE.left_menu_table TD.level1_visited A:hover {
            font-size: 14px;
            color: #f00000;
            font-weight: bold;
            font-family: arial;
            text-decoration: none;
            height: 23px;
            padding-left: 11px;
        }

.level2 {
    background-color: #fff;
}

TABLE.menu_level2 {
    background-color: #fff;
    width: 100%;
    font-size: 16pt;
    font-weight: 400;
    color: #000;
    font-family: arial;
    border: silver 1px solid;
    border-bottom: none;
}

    TABLE.menu_level2 td.level2 {
        padding-left: 15px;
        border-bottom: 1px #ecf1f6 solid;
    }

    TABLE.menu_level2 td.level21 {
        background-image: url(../images/icon_lefmenu_level21.gif);
        background-position: center;
        background-repeat: repeat-x;
        height: 28px;
        padding-left: 13pt;
    }

    TABLE.menu_level2 TD.level2 A {
        font-size: 14px;
        color: #000;
        font-family: arial;
        text-decoration: none;
        padding-left: 5px;
    }

        TABLE.menu_level2 TD.level2 A:hover {
            font-size: 14px;
            color: #f80000;
            font-family: arial;
            text-decoration: none;
            padding-left: 5px;
        }

    TABLE.menu_level2 TD.level2_visited {
        padding-left: 15px;
        border-bottom: 1px #ecf1f6 solid;
    }

        TABLE.menu_level2 TD.level2_visited a {
            font-size: 14px;
            color: #f80000;
            font-family: arial;
            text-decoration: none;
            padding-left: 5px;
        }

            TABLE.menu_level2 TD.level2_visited A:visited {
                font-size: 14px;
                color: #f80000;
                font-family: arial;
                font-weight: 100;
                text-decoration: none;
                height: 24px;
                padding-left: 5px;
            }

    TABLE.menu_level2 TD.level21 A {
        font-size: 14px;
        color: #000;
        font-family: arial;
        text-decoration: none;
        font-weight: 100;
        height: 24px;
        padding-left: 9px;
    }

        TABLE.menu_level2 TD.level21 A:hover {
            font-size: 14px;
            color: #f00000;
            font-family: arial;
            font-weight: 100;
            text-decoration: none;
            height: 24px;
            padding-left: 9pt;
        }

    TABLE.menu_level2 TD.level21_visited {
        background-image: url(../images/icon_lefmenu_level21.gif);
        background-position: center;
        background-repeat: repeat-x;
        height: 28px;
        padding-left: 13pt;
    }

        TABLE.menu_level2 TD.level21_visited A:visited {
            font-size: 9pt;
            color: #36f;
            font-family: arial;
            text-decoration: none;
            height: 24px;
            font-weight: 100;
            padding-left: 9pt;
        }

TABLE.form_table1 {
    font-size: 10pt;
    font-family: arial;
}

    TABLE.form_table1 TD {
        height: 18pt;
    }

TABLE.list_table1 {
    border-bottom: #c4c4c4 1px solid;
    font-size: 10pt;
    border-left: #c4c4c4 1px solid;
    cursor: pointer;
    font-family: arial;
}

    TABLE.list_table1 TD {
        padding: 0 3pt 0 3pt;
        height: 18pt;
    }

    TABLE.list_table1 TR.header {
        font-weight: bold;
        color: #0024a9;
        background-color: #82c3fb;
        text-align: center;
        font-family: tahoma;
        font-size: 11px;
    }

        TABLE.list_table1 TR.header TD {
            border-left: #fff9f0 1px;
        }

    TABLE.list_table1 TR.odd_row {
        background-color: #f5f7f7;
    }

        TABLE.list_table1 TR.odd_row TD {
            border-right: #369 1px solid;
            border-bottom: #369 1px solid;
        }

    TABLE.list_table1 TR.midle_row {
        background-color: #ffe4e1;
    }

        TABLE.list_table1 TR.midle_row TD {
            border-right: #369 1px solid;
            border-bottom: #369 1px solid;
        }

    TABLE.list_table1 TR.round_row {
        background-color: #fff;
    }

    TABLE.list_table1 TR.round_row_now {
        background-color: #cfc;
    }

        TABLE.list_table1 TR.round_row_now TD {
            border-right: #369 1px solid;
            border-bottom: #369 1px solid;
        }

    TABLE.list_table1 TR.round_row TD {
        border-right: #369 1px solid;
        border-bottom: #369 1px solid;
    }

    TABLE.list_table1 TD.center {
        text-align: center;
    }

    TABLE.list_table1 TD.left {
        text-align: left;
    }

    TABLE.list_table1 TD.right {
        text-align: right;
    }

    TABLE.list_table1 TD A:link {
        color: #00f;
        text-decoration: none;
    }

    TABLE.list_table1 TD A:visited {
        color: #00f;
        text-decoration: none;
    }

    TABLE.list_table1 TD A:hover {
        cursor: pointer;
        color: #c00;
        text-decoration: underline;
    }

    TABLE.list_table1 TD.level0 {
        font-weight: bold;
        color: red;
    }

    TABLE.list_table1 TD.level1 {
        padding-left: 15pt;
        font-weight: bold;
        font-style: italic;
    }

    TABLE.list_table1 TD.level2 {
        padding-left: 25pt;
        font-style: italic;
    }

    TABLE.list_table1 TD.level3 {
        padding-left: 45pt;
        font-size: 9pt;
        font-style: italic;
    }

    TABLE.list_table1 TD.level4 {
        padding-left: 55pt;
    }

    TABLE.list_table1 TD.level5 {
        padding-left: 60pt;
        font-style: italic;
    }

    TABLE.list_table1 TD.level6 {
        padding-left: 65pt;
        font-size: 7pt;
    }

    TABLE.list_table1 TD.level7 {
        padding-left: 70pt;
        font-style: italic;
    }

    TABLE.list_table1 TD.level8 {
        padding-left: 75pt;
    }

TABLE.list_table2 {
    border: 1px solid #ddd;
}

TABLE.list_table20 {
    border-top: #bacad7 0 solid;
    font-size: 0;
    cursor: pointer;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
}

TABLE.list_table2 TR.header {
    border: 1px solid #ddd;
    font-weight: bold;
    cursor: default;
    color: #000;
    background-color: #fff;
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
    line-height: 1.42857143;
}

    TABLE.list_table2 TR.header TD {
        padding: 8px;
    }

TABLE.list_table2 TR.small_header {
    font-weight: bold;
    font-size: 11px;
    cursor: default;
    color: #005fa9;
    background-color: #87cefa;
    text-align: center;
}

TABLE.list_table2 TR.header TD {
    border-left: #bacad7 1px;
}

TABLE.list_table2 TR.odd_row TD {
    border: 1px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
}

    TABLE.list_table2 TR.odd_row TD:last-child {
        border-right: #bacad7 0 solid;
        font-size: 14px;
    }

TABLE.list_table2 TR.level0 {
    background-color: #fffbfd;
}

    TABLE.list_table2 TR.level0 TD {
        border-right: #bacad7 1px solid;
        font-size: 14px;
        height: 22px;
        border-bottom: #bacad7 1px solid;
    }

        TABLE.list_table2 TR.level0 TD:last-child {
            border-right: #bacad7 0 solid;
            font-size: 14px;
        }

TABLE.list_table2 TR.level1 {
    background-color: #f9fbfd;
}

    TABLE.list_table2 TR.level1 TD {
        border-right: #bacad7 1px solid;
        font-size: 14px;
        height: 22px;
        border-bottom: #bacad7 1px solid;
    }

        TABLE.list_table2 TR.level1 TD:last-child {
            border-right: #bacad7 0 solid;
            font-size: 14px;
        }

TABLE.list_table2 TR.level2 TD {
    border-right: #bacad7 1px solid;
    font-size: 14px;
    height: 22px;
    border-bottom: #bacad7 1px solid;
}

    TABLE.list_table2 TR.level2 TD:last-child {
        border-right: #bacad7 0 solid;
        font-size: 14px;
    }

TABLE.list_table2 TR.midle_row {
    background-color: #fff0f5;
}

    TABLE.list_table2 TR.midle_row TD {
        border-right: #bacad7 1px solid;
        border-bottom: #bacad7 1px solid;
    }

TABLE.list_table2 TR.round_row {
    background-color: #f9fbfd;
}

    TABLE.list_table2 TR.round_row TD {
        border-right: #ddd 1px solid;
        border-bottom: #ddd 1px solid;
    }

        TABLE.list_table2 TR.round_row TD:last-child {
            border-right: #bacad7 0 solid;
            font-size: 14px;
        }

TABLE.list_table2 TD.center {
    text-align: center;
}

TABLE.list_table2 TD.left {
    text-align: left;
}

TABLE.list_table2 TD.right {
    text-align: right;
}

TABLE.list_table2 TD A:link {
    color: #00f;
    text-decoration: none;
    font-weigth: normal;
    font-size: 14px;
}

TABLE.list_table2 TD A:visited {
    color: #00f;
    text-decoration: none;
    font-weigth: normal;
    font-size: 14px;
}

TABLE.list_table2 TD A:hover {
    cursor: pointer;
    color: #00f;
    font-weigth: normal;
    text-decoration: underline;
    font-size: 14px;
}

TABLE.list_table2 TD.level0 {
    font-weight: bold;
}

TABLE.list_table2 TD.level1 {
    font-weight: bold;
}

TABLE.list_table2 TD.level2 {
    font-weight: bold;
    font-style: italic;
}

TABLE.list_table2 TD.level3 {
    font-size: 9pt;
    font-style: italic;
}

TABLE.list_table2 TD.level4 {
    border-bottom: 1px;
}

TABLE.list_table2 TD.level5 {
    padding-left: 5pt;
    font-style: italic;
}

TABLE.list_table2 TD.level6 {
    font-style: italic;
}

TABLE.list_table2 TD.level7 {
    padding-left: 15pt;
}

TABLE.list_table2 TD.level8 {
    padding-left: 20pt;
}

TABLE.list_table2 TD.level9 {
    padding-left: 25pt;
}

TABLE.list_table2 TD.level10 {
    padding-left: 30pt;
}

TABLE.list_table3 {
    border-top: #c4c4c4 1px solid;
    font-size: 10pt;
    border-left: #c4c4c4 1px solid;
    cursor: default;
    font-family: arial;
}

    TABLE.list_table3 TD {
        padding-left: 3pt;
        height: 18pt;
    }

    TABLE.list_table3 TR.header {
        font-weight: bold;
        cursor: default;
        color: #0024a9;
        background-color: #87cefa;
        text-align: center;
        font-family: tahoma;
        font-size: 11px;
    }

        TABLE.list_table3 TR.header TD {
            border-left: #9dc980 1px;
        }

    TABLE.list_table3 TR.small_header {
        font-weight: bold;
        font-size: 11px;
        cursor: default;
        color: #005fa9;
        background-color: #87cefa;
        text-align: center;
    }

    TABLE.list_table3 TR.header TD {
        border-left: #9dc980 1px;
    }

    TABLE.list_table3 TR.odd_row {
        background-color: #f5f7f7;
    }

        TABLE.list_table3 TR.odd_row TD {
            border-right: #c4c4c4 1px solid;
            border-bottom: #c4c4c4 1px solid;
        }

    TABLE.list_table3 TR.midle_row {
        background-color: #fff0f5;
    }

        TABLE.list_table3 TR.midle_row TD {
            border-right: #c4c4c4 1px solid;
            border-bottom: #c4c4c4 1px solid;
        }

    TABLE.list_table3 TR.round_row {
        background-color: #fff;
    }

        TABLE.list_table3 TR.round_row TD {
            border-right: #c4c4c4 1px solid;
            border-bottom: #c4c4c4 1px solid;
        }

    TABLE.list_table3 TD.center {
        text-align: center;
    }

    TABLE.list_table3 TD.left {
        text-align: left;
    }

    TABLE.list_table3 TD.right {
        text-align: right;
    }

    TABLE.list_table3 TD A:link {
        color: #00f;
        text-decoration: none;
    }

    TABLE.list_table3 TD A:visited {
        color: #00f;
        text-decoration: none;
    }

    TABLE.list_table3 TD A:hover {
        cursor: pointer;
        color: #c00;
        text-decoration: underline;
    }

    TABLE.list_table3 TD.level0 {
        font-weight: bold;
    }

    TABLE.list_table3 TD.level1 {
        padding-left: 15pt;
        font-weight: bold;
    }

    TABLE.list_table3 TD.level2 {
        padding-left: 30pt;
        font-weight: bold;
        font-style: italic;
    }

    TABLE.list_table3 TD.level3 {
        padding-left: 45pt;
        font-size: 9pt;
        font-style: italic;
    }

    TABLE.list_table3 TD.level4 {
        padding-left: 60pt;
        border-bottom: 1px;
    }

    TABLE.list_table3 TD.level5 {
        padding-left: 75pt;
        font-style: italic;
    }

TABLE.border_table1 {
    border: #c4c4c4 1px solid;
}

TABLE.tree_table1 {
    border-top: #c4c4c4 1px solid;
    font-size: 10pt;
    cursor: pointer;
    border-bottom: #c4c4c4 1px solid;
    font-family: arial;
}

    TABLE.tree_table1 TD {
        height: 18pt;
    }

        TABLE.tree_table1 TD.level1 {
            padding-left: 10pt;
        }

        TABLE.tree_table1 TD.level2 {
            padding-left: 20pt;
        }

        TABLE.tree_table1 TD.level3 {
            padding-left: 30pt;
        }

        TABLE.tree_table1 TD.level4 {
            padding-left: 40pt;
        }

        TABLE.tree_table1 TD.level5 {
            padding-left: 50pt;
        }

        TABLE.tree_table1 TD A:link {
            color: #00f;
            text-decoration: none;
        }

        TABLE.tree_table1 TD A:visited {
            color: #00f;
            text-decoration: none;
        }

        TABLE.tree_table1 TD A:hover {
            cursor: pointer;
            color: #c00;
            text-decoration: underline;
        }

.normal_title {
    font-weight: bold;
    font-size: 16px;
    color: #fe2e2e;
    font-family: Arial;
    letter-spacing: 1pt;
    height: 25px;
    text-align: left;
}

.small_title {
    padding-left: 5pt;
    font-weight: bold;
    font-size: 11px;
    color: #934f06;
    font-family: Tahoma;
    height: 25px;
    text-align: left;
}

.large_title {
    padding: 6px 0 0 25px;
    font-weight: bold;
    font-size: 16px;
    color: #ca1010;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1pt;
    height: 25px;
    text-align: left;
}

.large_title_submit_order {
    padding: 5px 0 0 25px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1pt;
    height: 25px;
    text-align: left;
}

.very_small_title {
    padding-left: 5pt;
    font-weight: bold;
    font-size: 10px;
    color: #00f;
    font-family: Arial;
    height: 25px;
    text-align: left;
}

.very_large_title {
    font-weight: bold;
    font-size: 18px;
    color: #00f;
    font-family: Arial;
    height: 25px;
    text-align: left;
}

.file_attack_list_label {
    font-weight: bold;
    font-size: 14px;
    color: #5c39c6;
    font-family: Arial;
    height: 18px;
    text-align: left;
}

.file_attack_label {
    font-weight: normal;
    font-size: 14px;
    color: #003;
    font-family: Arial;
    height: 18px;
    text-align: left;
}

.content_label {
    padding-right: 5pt;
    padding-left: 5pt;
    font-weight: normal;
    font-size: 10pt;
    color: #000;
    font-family: arial;
}

.normal_label {
    padding: 2 10px 0 0;
    font-weight: 400;
    font-family: arial;
    cursor: pointer;
    margin-bottom: 2px;
    padding-left: 5px;
}

.small_label {
    font-size: 11px;
    color: #000;
    font-family: Tahoma;
}

.large_label {
    padding-left: 5pt;
    font-size: 12pt;
    font-family: Arial;
}

.very_small_label {
    padding-left: 5pt;
    font-size: 8pt;
    font-family: Arial;
}

.very_large_label {
    padding-left: 5pt;
    font-size: 14pt;
    font-family: Arial;
}

.normal_starmark {
    font-size: 10pt;
    color: red;
}

.small_starmark {
    font-family: arial;
    cursor: pointer;
    font-size: 14px;
    color: red;
}

.large_starmark {
    font-size: 12pt;
    color: red;
}

.very_small_starmark {
    font-size: 8pt;
    color: red;
}

.very_large_starmark {
    font-size: 14pt;
    color: red;
}

.normal_note {
    font-size: 10pt;
    color: #00f;
    font-style: italic;
    font-family: Times New Roman;
}

.small_note {
    font-size: 9pt;
    color: #00f;
    font-style: italic;
    font-family: Times New Roman;
}

.large_note {
    font-size: 12pt;
    color: #00f;
    font-style: italic;
    font-family: Times New Roman;
}

.very_small_note {
    font-size: 8pt;
    color: #00f;
    font-style: italic;
    font-family: Times New Roman;
}

.very_large_note {
    font-size: 14pt;
    color: #00f;
    font-style: italic;
    font-family: Times New Roman;
}

.normal_value {
    font-size: 10pt;
    color: #00f;
    font-family: arial;
}

.small_value {
    font-size: 9pt;
    color: #00f;
    font-family: arial;
}

.large_value {
    font-size: 12pt;
    color: #00f;
    font-family: arial;
}

.very_small_value {
    font-size: 8pt;
    color: #00f;
    font-family: arial;
}

.very_large_value {
    font-size: 14pt;
    color: #00f;
    font-family: arial;
}

.normal_textbox {
    font-size: 10pt;
    font-family: Arial;
}

.small_textbox {
    font-size: 9pt;
    font-family: Arial;
}

.large_textbox {
    font-size: 12pt;
    font-family: Arial;
}

.very_small_textbox {
    font-size: 8pt;
    font-family: Arial;
}

.very_large_textbox {
    font-size: 14pt;
    font-family: Arial;
}

.normal_date_textbox {
    font-size: 10pt;
    width: 70px;
    font-family: Arial;
}

.normal_number_textbox {
    font-size: 10pt;
    width: 100px;
    font-family: Arial;
    text-align: right;
}

.short_number_textbox {
    font-size: 10pt;
    width: 40px;
    font-family: Arial;
    text-align: right;
}

.normal_checkbox {
    font-size: 10pt;
    font-family: Arial;
}

.small_checkbox {
    font-size: 9pt;
    font-family: Arial;
}

.large_checkbox {
    font-size: 12pt;
    font-family: Arial;
}

.very_small_checkbox {
    font-size: 8pt;
    font-family: Arial;
}

.very_large_checkbox {
    font-size: 14pt;
    font-family: Arial;
}

.normal_selectbox {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.small_selectbox {
    font-size: 9pt;
    font-family: Arial;
}

.large_selectbox {
    font-size: 12pt;
    font-family: Arial;
}

.very_small_selectbox {
    font-size: 8pt;
    font-family: Arial;
}

.very_large_selectbox {
    font-size: 14pt;
    font-family: Arial;
}

.normal_textarea {
    font-size: 10pt;
    font-family: arial;
}

.small_textarea {
    font-size: 9pt;
    font-family: arial;
}

.large_textarea {
    font-size: 12pt;
    font-family: arial;
}

.very_small_textarea {
    font-size: 8pt;
    font-family: arial;
}

.very_large_textarea {
    font-size: 14pt;
    font-family: arial;
}

.normal_radiobutton {
    font-size: 10pt;
    font-family: arial;
}

.small_radiobutton {
    font-size: 9pt;
    font-family: arial;
}

.large_radiobutton {
    font-size: 12pt;
    font-family: arial;
}

.very_small_radiobutton {
    font-size: 8pt;
    font-family: arial;
}

.very_large_radiobutton {
    font-size: 14pt;
    font-family: arial;
}

.normal_link_button {
    font-size: 10pt;
    color: #a94915;
    font-family: arial;
    height: 18pt;
    font-color: A94915;
}

.normal_button {
    border-right: #ffc08e 1px inset;
    border-top: #ffc08e 1px outset;
    font-size: 10pt;
    border-left: #ffc08e 1px outset;
    width: 60px;
    cursor: pointer;
    color: #155697;
    border-bottom: #ffc08e 1px inset;
    font-family: arial;
    height: 18pt;
    background-color: #f5f5e5;
    text-align: center;
}

.small_button {
    border-right: #0d659b 1px inset;
    border-top: #0d659b 1px outset;
    font-size: 8pt;
    border-left: #0d659b 1px outset;
    width: 60px;
    cursor: pointer;
    color: #000;
    border-bottom: #0d659b 1px inset;
    font-family: arial;
    height: 15pt;
    background-color: #eadeca;
    text-align: center;
}

.very_large_button {
    border-right: #ffc08e 1px solid;
    border-top: #ffc08e 1px solid;
    font-size: 10pt;
    border-left: #ffc08e 1px solid;
    width: 225px;
    cursor: pointer;
    color: #155697;
    border-bottom: #ffc08e 1px solid;
    font-family: Arial;
    height: 18pt;
    text-align: center;
}

.normal_link {
    font-size: 14px;
    cursor: pointer;
    color: #03a;
    font-family: Tahoma;
    text-decoration: none;
}

    .normal_link A:link {
        color: #000;
        text-decoration: none;
    }

    .normal_link A:visited {
        color: #000;
        text-decoration: none;
    }

    .normal_link A:hover {
        color: #000;
        text-decoration: none;
    }

.small_link {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
}

    .small_link A:link {
        color: #1c4b72;
        text-decoration: underline;
    }

    .small_link A:visited {
        color: #af3013;
        text-decoration: underline;
    }

    .small_link:hover {
        background-color: #ddd;
        text-decoration: none;
    }

.highlight_link {
    font-size: 10pt;
    cursor: pointer;
    color: red;
    font-family: arial;
    background-color: #f9f9f9;
}

    .highlight_link A:link {
        color: red;
        text-decoration: underline;
    }

    .highlight_link A:visited {
        color: red;
        text-decoration: underline;
    }

    .highlight_link A:hover {
        color: red;
        text-decoration: underline;
    }

.visited_link {
    font-size: 10pt;
    cursor: pointer;
    color: red;
    font-family: arial;
    background-color: #f9f9f9;
}

    .visited_link A:link {
        font-weight: bold;
        color: red;
        text-decoration: underline;
    }

    .visited_link A:visited {
        font-weight: bold;
        color: red;
        text-decoration: underline;
    }

    .visited_link A:hover {
        color: red;
        text-decoration: underline;
    }

.large_link {
    font-size: 11px;
    cursor: pointer;
    color: #03a;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

    .large_link A:link {
        font-weight: bold;
        color: #03a;
        text-decoration: underline;
    }

    .large_link A:visited {
        font-weight: bold;
        color: #03a;
        text-decoration: underline;
    }

    .large_link A:hover {
        font-weight: bold;
        color: red;
        text-decoration: underline;
    }

.normal_image {
    border-right: medium none;
    border-top: medium none;
    vertical-align: bottom;
    border-left: medium none;
    cursor: pointer;
    border-bottom: medium none;
}

.logged_user {
    padding-left: 3pt;
    font-size: 11px;
    color: #fff;
    font-family: Tahoma;
    font-weight: 400;
}

.access_count {
    padding-left: 3pt;
    font-size: 10pt;
    color: #009;
    font-family: arial;
}

.owner_line1 {
    padding-left: 3pt;
    font-weight: bold;
    font-size: 10pt;
    color: #00f;
    font-family: arial;
}

.owner_line2 {
    padding-left: 3pt;
    font-size: 10pt;
    color: #00f;
    font-family: arial;
}

.owner_line3 {
    padding-left: 3pt;
    font-size: 10pt;
    color: #00f;
    font-family: arial;
}

.copyright_line1 {
    padding-left: 3pt;
    font-weight: bold;
    font-size: 10pt;
    color: #00f;
    font-family: arial;
}

.copyright_line2 {
    padding-left: 3pt;
    font-size: 10pt;
    color: #00f;
    font-family: arial;
}

.copyright_line3 {
    padding-left: 3pt;
    font-size: 10pt;
    color: #00f;
    font-family: arial;
}

.normal_select {
    font-weight: bold;
    font-size: 10pt;
    color: #fff;
    font-family: arial;
    background-color: #00f;
    text-align: left;
}

.normal_user {
    font-size: 11pt;
    color: #6a5acd;
    font-family: "Times New Roman";
}

.normal_label_print {
    padding-left: 5pt;
    font-weight: normal;
    font-size: 10pt;
    color: #000;
    font-family: arial;
}

.small_label_print {
    padding-left: 5pt;
    font-size: 9pt;
    color: #000;
    font-family: Arial;
}

.very_small_label_print {
    padding-left: 5pt;
    font-size: 8pt;
    color: #000;
    font-family: Arial;
}

.large_label_print {
    padding-left: 5pt;
    font-weight: bold;
    font-size: 12pt;
    font-family: Times New Roman;
}

.very_large_label_print {
    padding-left: 5pt;
    font-weight: bold;
    font-size: 14pt;
    font-family: Times New Roman;
}

div.bg_top_menu {
    background-image: url(../images/nen_top_menu.gif);
    background-position: left;
    background-repeat: repeat-x;
    height: 32px;
}

.normal_link_1 {
    font-size: 11px;
    color: #000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 700;
    padding-left: 29px;
}

.normal_label_1 {
    padding-left: 5pt;
    font-weight: normal;
    font-size: 10pt;
    color: #000;
    font-family: arial;
    font-weight: 700;
}

.title {
    background-position: center top;
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    border-right: #ccc 1px solid;
    height: 24px;
    line-height: 24px;
    color: #000;
}

    .title:last-child {
        background-position: center top;
        background-repeat: repeat-x;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        border-right: #ccc 0 solid;
        height: 24px;
        line-height: 24px;
        color: #000;
    }

.normal_link_1 {
    font-size: 11px;
    cursor: pointer;
    color: #000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.image_left {
    background-image: url(../images/anh_vien_ben_trai.gif);
    background-position: right;
    background-repeat: repeat-y;
    width: 112px;
}

.image_right {
    background-image: url(../images/anh_vien_ben_phai.gif);
    background-position: left;
    background-repeat: repeat-y;
    width: 112px;
}

.bg_header_right {
    background-image: url(../images/anh_nen_ben_phai_trang_chu.gif);
    background-position: left;
    background-repeat: repeat-y-x;
    width: 106px;
}

.bg_header {
    background-image: url(../images/anh_nen_trang_chu.gif);
    background-position: left;
    background-repeat: repeat-y-x;
    width: 106px;
}

.page_number {
    color: red;
}

TABLE.table_print {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    vertical-align: bottom;
    font-style: normal;
    font-size: 10px;
    font-family: Arial;
    padding-left: 5pt;
}

.p_header {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    vertical-align: middle;
    padding: 5px 5px 5px 0;
}

.p_data {
    font-size: 14px;
    font-weight: 400;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
}

.p_data_for_tex {
    font-size: 16px;
    font-weight: normal;
    font-family: Arial;
    padding: 5px 5px 5px 5px;
}

.p_data_for_tex_record {
    font-size: 14px;
    font-weight: normal;
    font-family: Arial;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
}

.nav2 {
    height: 25px;
    padding: 2px 0 0;
    margin-right: 5px;
}

    .nav2 a,
    .nav2 a:visited {
        color: #000;
        font-weight: 700;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 14px;
        margin: 0 4px;
        padding: 5px 4px;
        display: block;
        float: left;
    }

        .nav2 a:hover {
            background-color: #036;
            color: #fff;
            margin: 0 4px;
            padding: 5px 4px;
        }

TABLE.user_info_table {
    border-top: #3097d8 1px solid;
    border-bottom: #3097d8 1px solid;
    border-right: #3097d8 1px solid;
    border-left: #3097d8 1px solid;
}

    TABLE.user_info_table TD.detail {
        border-top: #3097d8 1px solid;
        border-bottom: #3097d8 1px solid;
        border-right: #3097d8 1px solid;
        border-left: #3097d8 1px solid;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: nomal;
        background-color: #fff;
        color: #0005c9;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    TABLE.user_info_table TD.header {
        background-image: url(../images/user_infor_header.gif);
        background-repeat: repeat-x;
        height: 24px;
        color: #fd2400;
        font-size: 8pt;
        cursor: pointer;
        font-family: Tahoma, Helvetica, sans-serif;
        font-weight: 700;
        text-align: center;
    }

    TABLE.user_info_table TD.footer {
        background-image: url(../images/leftmenu_heder.gif);
        background-position: center;
    }

TABLE.buton_table TD.body {
    background-color: while;
    height: 34px;
}

TABLE.footer_info_table {
    background-image: url(../images/bacgound_image_footer.gif);
    background-repeat: repeat-x;
    height: 57px;
    border-width: 1px 0 0;
    border-color: silver;
    border-style: solid;
}

    TABLE.footer_info_table TD.detail {
        border-top: #3097d8 0 solid;
        border-bottom: #3097d8 0 solid;
        border-right: #3097d8 0 solid;
        border-left: #3097d8 0 solid;
        font-size: 14px;
        cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        padding: 8px;
    }

    TABLE.footer_info_table TD.header {
        background-image: url(../images/bacgound_image_footer.gif);
        background-repeat: repeat-x;
        height: 24px;
        color: #fd2400;
        font-family: Arial;
        font-size: 14px;
        font-weight: 700;
        padding-left: 9pt;
    }

    TABLE.footer_info_table TD.footer {
        background-image: url(../images/bacgound_image_footer.gif);
        background-position: center;
    }

.small_title {
    font-weight: bold;
    font-size: 14px;
    color: #e90101;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1pt;
    text-align: left;
}

TABLE.title_reminder {
    border-top: #fff 3px solid;
    border-bottom: #fff 3px solid;
    border-right: #fff 3px solid;
    border-left: #fff 3px solid;
}

.large_title_reminder {
    padding: 5px 0 0 25px;
    font-weight: bold;
    font-size: 14px;
    color: #000e7b;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing: 1pt;
    height: 25px;
    text-align: left;
    border-color: #000e7b;
}

.sent {
    padding: 2px;
    border: 2px solid #acacac;
    font-size: 10pt;
    font-family: Arial;
}

.textbox:focus {
    border-color: #97beff;
}

.textbox {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.normal_texbox_text {
    border: 1px solid #acacac;
    font-size: 10pt;
    font-family: Arial;
}

.box {
    background: #ebf1f7;
    border: 1px solid silver;
}

.box-title {
    margin: -7px -7px 10px -7px;
    font-weight: 700;
    padding: 2px 5px;
    border-bottom: 1px solid #777;
    display: block;
}

.box .box-title {
    background: #c1c1c1;
}

.c1 {
    width: 100%;
}

.c2 {
    width: 50%;
}

.c3 {
    width: 30%;
}

.c4 {
    width: 90%;
}

.prepend1 {
    padding-left: 20px;
}

.prepend2 {
    padding-left: 40px;
}

.prepend3 {
    padding-left: 60px;
}

.prepend4 {
    padding-left: 80px;
}

.prepend5 {
    padding-left: 100px;
}

.pad {
    padding: 10px;
}

.hlf-pad {
    padding: 5px;
}

.dbl-pad {
    padding: 20px;
}

.margin {
    margin: 10px;
}

.tpm {
    margin-top: 10px;
}

.rtm {
    margin-right: 10px;
}

.bmm {
    margin-bottom: 10px;
}

.ltm {
    margin-left: 10px;
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

* html .container {
    height: 1%;
}

.container {
    margin: 0 auto;
}

.column {
    float: left;
    margin-right: 10px;
    position: relative;
}

.last {
    margin-right: 0;
    clear: right;
}

.button {
    height: 26px;
    color: #333;
    background: #ddd;
    border: 1px solid #999;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.jobProfile {
    font-size: 9pt;
    color: red;
    font-family: arial;
    font-weight: 100;
    text-decoration: none;
    height: 24px;
    padding-left: 9pt;
}

#table1 tr.odd {
    background: #eee;
}

#table1 tbody tr {
    cursor: pointer;
}

#table1 tr.selected td {
    background-color: #dbe7eb;
}

#table1 tr.nonea {
    background-color: silver;
}

.btn_nut {
    font-size: 8pt;
    cursor: pointer;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    height: 24px;
    width: 90px;
    background-image: url(../images/btn_nut.gif);
    background-repeat: repeat-x;
    text-align: center;
    border: #fff solid 0;
    padding-right: 3px;
    margin-left: 5px;
}

.btn_large_nut {
    font-size: 8pt;
    cursor: pointer;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    height: 21px;
    width: 148px;
    background-image: url(../images/btn_large_nut.gif);
    background-repeat: repeat-x;
    text-align: center;
    border: #fff solid 0;
    padding-right: 3px;
}

#header_conten {
    text-align: center;
    height: 55px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

    #header_conten h1 {
        margin: 10px 0 5px 0;
        font-size: 16px;
        color: red;
        font-weight: 700;
        vertical-align: middle;
    }

#body_conten1 {
    border: 1px solid #ccc;
    width: auto;
    padding: 2px;
    background-color: #f6faff;
}

#body_conten2 {
    margin: 10px 0;
    padding-left: 10px;
    border-top: 1px solid #39f;
    border-bottom: 1px solid #39f;
    width: auto;
}

    #body_conten2 div {
        margin-top: 2px;
    }

    #body_conten2 label {
        display: block;
        width: 20%;
        float: left;
        clear: left;
    }

    #body_conten2 ul {
        list-style: none;
        margin: 0;
        padding: 0 5px 0 3px;
    }

        #body_conten2 ul li {
            margin: 3px 0;
        }

            #body_conten2 ul li span {
                font-weight: 700;
                clear: none;
                display: inline;
            }

#body_conten3 {
    margin: 10px 0;
    padding: 10px 0 10px 0;
    border-top: 1px solid #39f;
    border-bottom: 1px solid #39f;
    width: auto;
}

    #body_conten3 div {
        margin-top: 2px;
        font-family: arial;
        font-size: 14px;
    }

    #body_conten3 label {
        display: block;
        width: 20%;
        float: left;
        clear: left;
    }

#file_dinh_kem {
    width: 83%;
}

#content {
    width: 98%;
    margin: auto;
    padding: 0 5px;
}

#body_conten1_left {
    float: left;
    width: 49%;
}

    #body_conten1_left ul {
        list-style: none;
        margin: 0;
        padding: 0 5px 0 3px;
    }

        #body_conten1_left ul li {
            margin: 5px 0;
            font-size: 14px;
            font-size: 14px;
        }

#body_conten1_right ul {
    list-style: none;
    margin: 0;
    padding: 0 5px 0 3px;
}

    #body_conten1_right ul li {
        margin: 5px 0;
        font-size: 14px;
    }

#body_conten1_left ul li span {
    display: block;
    width: 140px;
    float: left;
    font-size: 14px;
}

#body_conten1_right ul li span {
    display: block;
    width: auto;
    float: left;
    font-size: 14px;
}

#body_conten1_right {
    width: 50%;
    float: right;
    border-left: 1px solid #ccc;
}

#body_conten1_left div {
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#body_conten1_right div {
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

div#body_conten1 #body_conten1_left div div label.lbc2 {
    margin-left: 5%;
    width: 27%;
}

#body_conten1 label {
    display: block;
    width: 31%;
    float: left;
    clear: left;
    line-height: 25px;
    margin-left: 5px;
    font-family: arial;
    font-size: 14px;
}

    #body_conten1 label#l3,
    #body_conten1 label#l4 {
        float: none;
        width: 44%;
        height: 20px;
    }

#content #body_conten1_left div div div select {
    width: 99%;
}

#clear {
    clear: both;
}

span.requiein {
    color: red;
}

div.selection {
    margin-left: 38%;
}

#body_conten1 label#l3 div {
    margin-left: 20px;
}

hr {
    width: auto;
    margin-left: 0;
}

textarea {
    width: 60%;
}

#Iddiv_list,
#Iddiv_received_doc,
#Iddiv_record,
#Iddiv_rop,
#Iddiv_sent_doc,
#Iddiv_sentreceived_doc {
    margin: 0;
}

div#all {
    width: 100%;
    padding: 0;
    border-top: none;
}

.textboxsearch {
    width: 113px;
    height: 14px;
    margin-left: 4px;
    border: 1px #b9c7d5 solid;
}

.buttonsearch {
    background: url(../images/nut_tim.gif) top left repeat-x;
    border: 1px solid #b9c7d5;
    height: 18px;
    margin: 0 2px 0 0;
    text-align: center;
    font-size: 10pt;
}

p.red {
    display: inline;
    color: red;
}

p.blue {
    display: inline;
    color: red;
}

.anmenu {
    width: 1%;
    background-color: #fff;
    background-repeat: repeat-y;
}

#body_conten4 {
    margin: 0 0 10px 0;
    border: 1px #ccc solid;
    border-top: none;
    padding: 10px 0 10px 0;
    background-color: #f1f7ff;
    width: auto;
}

    #body_conten4 div {
        line-height: 25px;
        font-size: 14px;
    }

    #body_conten4 label {
        display: block;
        margin: 0 0 0 5px;
        width: 20%;
        float: left;
        clear: left;
    }

div.headerTableOnDiv {
    background: url(../images/swath_center.gif) repeat-x;
    height: 24px;
    width: 98%;
    margin-left: 1%;
    border: 1px solid #919191;
}

    div.headerTableOnDiv label {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: 700;
    }

    div.headerTableOnDiv div {
        display: inline-block;
        height: 24px;
        border-right: 1px solid #919191;
    }

#body_content div label.lbl_title {
    display: block;
    width: 11%;
    float: left;
    clear: left;
}

#body_content div {
    margin-top: 3px;
}

.table_detail_doc {
    border: 1px solid #ccc;
    color: #000;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

    .table_detail_doc tr {
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

        .table_detail_doc tr td {
            border: 1px solid #ccc;
            padding: 3px 10px 3px 10px;
        }

.schedule_staff {
    margin-left: 1.1%;
    border-right: solid 1px #bacad7;
}

    .schedule_staff tr {
        height: 30px;
        text-align: center;
        vertical-align: middle;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    .schedule_staff td {
        border: none;
        font-family: Arial, Helvetica, sans-serif;
        border-bottom: solid 1px #bacad7;
        border-left: solid 1px #bacad7;
        padding: 4px;
    }

        .schedule_staff td textarea {
            border: none;
            font-family: Arial, Helvetica, sans-serif;
            float: left;
            width: 100%;
            overflow: hidden;
            font-size: 14px;
        }

    .schedule_staff tr th {
        height: 30px;
        border: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-left: solid 1px #bacad7;
        border-top: solid 1px #bacad7;
        border-bottom: solid 1px #bacad7;
    }

.newBackgroud {
    background-color: #f5f7f7;
}

.schedule_unit label {
    font-family: Arial;
    font-size: 14px;
}

.selectedScheduleBlue {
    background-color: #9cbee7;
}

.selectedScheduleWhile {
    background-color: #fff;
}

.left_menu_table_logout {
    color: #000;
    text-align: center;
    border: solid 1px #81a1cb;
    margin-top: 4px;
    margin-bottom: 4px;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 189px;
    margin-right: 2px;
    background-image: url(../images/bg_box_login.gif);
    background-repeat: repeat-x;
    padding-bottom: 4px;
    padding-top: 4px;
    line-height: 18px;
}

.top_banner {
    background-image: url(../images/vien_banner.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #868686;
    font-weight: 700;
    padding-bottom: 5px;
}

    .top_banner span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #919191;
        font-weight: 400;
    }

.ho_tro_kt {
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    line-height: 20px;
}

    .ho_tro_kt span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

.anh {
    background-image: url(../images/logo_efy.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.footer {
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    /*   border-top: 1px #ececec solid; */
}

.tieu_de {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #3b3b3b;
    padding-top: 5px;
}

.head-new {
    background-image: url(../images/butlet.png);
    background-position: left 13px;
    background-repeat: no-repeat;
    padding-top: 8px;
}

    .head-new a {
        font-family: arial;
        font-size: 14px;
        color: #000;
        text-align: left;
        font-weight: 700;
        margin-left: 10px;
        margin-top: 10px;
        text-decoration: none;
    }

.icon_ttdh {
    background-image: url(../images/icon_ttdh.gif);
    background-repeat: no-repeat;
    background-position: top center;
    width: 40px;
}

.tt_dieu_hanh {
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

    .tt_dieu_hanh p {
        margin: 4px 0 0 0;
        padding-left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        line-height: 25px;
    }

    .tt_dieu_hanh span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }

.icon_qlvb {
    background-image: url(../images/icon_qlvb.gif);
    background-repeat: no-repeat;
    background-position: top center;
    width: 40px;
}

.qlvb {
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

    .qlvb p {
        margin: 8px 0 0 0;
    }

    .qlvb span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }

.icon_ecs {
    background-image: url(../images/icon_ecs.gif);
    background-repeat: no-repeat;
    background-position: top center;
    width: 42px;
}

.mot_cua {
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.icon_ecs_bacode {
    background-image: url(../images/barcode.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 42px;
}

.mot_cua {
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

    .mot_cua p {
        margin: 8px 0 0 0;
    }

    .mot_cua span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }

.ghi_nho_mk {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4e4e4f;
    padding-bottom: 25px;
}

.add_dn_button {
    font-size: 15px;
    cursor: pointer;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    height: 25px;
    background-image: url(../images/button_dn.gif);
    background-repeat: repeat-x;
    text-align: center;
    outline: #969696 solid 1px;
    border: #fef6e9 solid 1px;
    margin-top: -2px;
    margin-bottom: 10px;
    padding-bottom: 2px;
}

.title_article a {
    font-family: Arial;
    font-size: 13;
    font-weight: 700;
    color: #000;
    text-align: justify;
}

    .title_article a:link {
        font-family: Arial;
        font-size: 13;
        font-weight: 700;
        color: #000;
        text-align: justify;
    }

    .title_article a:hover {
        font-family: Arial;
        font-size: 13;
        font-weight: 700;
        color: #00398e;
        text-align: justify;
        text-decoration: none;
    }

.content_article {
    height: auto;
}

    .content_article p {
        text-align: justify;
        margin-top: 1px;
    }

.title_article {
    background-image: url(../images/butlet.png);
    background-position: left 5px;
    background-repeat: no-repeat;
}

    .title_article span {
        font-family: Arial;
        font-size: 14px;
        margin-left: 5px;
        text-align: justify;
        color: #000;
    }

.article_image {
    padding: 7px;
    height: 100px;
    width: 130px;
    margin-left: -7px;
    margin-top: -5px;
}

.content_article_row a {
    color: #000;
    font-family: Arial;
    font-size: 14px;
    margin-left: 5px;
    text-align: justify;
    padding: 4px;
}

.link_article_row {
    text-align: justify;
    background-image: url(../images/nut_before_articles.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

    .link_article_row a {
        color: #000;
        font-family: Arial;
        font-size: 14px;
        text-align: justify;
        margin-left: 10px;
        display: block;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
    }

.content_article_row a:hover {
    color: RED;
    text-decoration: none;
}

.link_article_row a:hover {
    color: RED;
    text-decoration: none;
}

.short_content_article {
    font-family: Arial;
    font-size: 14px;
    color: #000;
}

.row_article_title {
    text-align: justify;
    margin-right: 5px;
}

.Content_auto {
    height: 150px;
    overflow: auto;
    width: 100%;
    background-image: url(../images/bg_buttom_box.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.row_article {
    text-align: justify;
}

.row_article_short_content {
    font-family: Arial;
    font-size: 14px;
    margin-right: 5px;
    text-align: justify;
    color: #000;
}

.title_article_detail {
    font-family: Arial;
    font-size: 14px;
    color: #e03e31;
    background-image: url(../images/bg_title_new_detail.gif);
    background-repeat: no-repeat;
    background-position: left;
    width: 261px;
    height: 30px;
}

.article_image_top {
    padding-top: 2px;
    padding-bottom: 12px;
    padding-right: 10px;
}

.row_schedule {
    font-family: Arial;
    font-size: 14px;
    text-align: justify;
    padding-right: 4px;
    padding-left: 10px;
    border-bottom: solid 1px #ebf0f3;
    color: #000;
}

    .row_schedule li {
        line-height: 10px;
    }

.Table_index_home {
    width: 100%;
    height: 180px;
    cellspacing: 0;
    border-right: #000e7b;
    padding: 0 0;
}

.Table_index_home_shedule {
    height: 160px;
}

.title_article {
    background-image: url(../images/butlet.png);
    background-position: left 5px;
    background-repeat: no-repeat;
}

    .title_article a {
        font-family: Arial;
        font-size: 14px;
        font-weight: 700;
        padding-left: 15px;
        color: #000;
        text-align: justify;
    }

        .title_article a:link {
            font-family: Arial;
            font-size: 14px;
            font-weight: 700;
            color: #000;
            text-align: justify;
        }

        .title_article a:hover {
            font-family: Arial;
            font-size: 14px;
            font-weight: 700;
            color: #dc1000;
            text-align: justify;
            text-decoration: none;
        }

.title_article1 {
    background-image: url(../images/icontinchitiet.png);
    background-position: left -1px;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-bottom: 25px;
}

    .title_article1 a {
        font-family: Arial;
        font-size: 14px;
        font-weight: 700;
        padding-left: 25px;
        color: #000;
        text-align: justify;
    }

        .title_article1 a:link {
            font-family: Arial;
            font-size: 14px;
            font-weight: 700;
            color: #000;
            text-align: justify;
        }

        .title_article1 a:hover {
            font-family: Arial;
            font-size: 14px;
            font-weight: 700;
            color: #dc1000;
            text-align: justify;
            text-decoration: none;
        }

.title_article2 {
    background-image: url(../images/icontinchitiet.png);
    background-position: left -1px;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .title_article2 a {
        font-family: Arial;
        font-size: 14px;
        font-weight: 700;
        padding-left: 20px;
        color: #000;
        text-align: justify;
    }

        .title_article2 a:link {
            font-family: Arial;
            font-size: 14px;
            font-weight: 700;
            color: #000;
            text-align: justify;
        }

        .title_article2 a:hover {
            font-family: Arial;
            font-size: 14px;
            font-weight: 700;
            color: #dc1000;
            text-align: justify;
            text-decoration: none;
        }

.tieudecm p {
    float: left;
    color: #d10000;
    margin-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3px;
}

.button_btn a {
    padding-top: 5px;
}

.short-new {
    text-align: justify;
    margin-top: -5px;
    font-family: Arial;
    font-size: 14px;
}

.ArticleImage_detail {
    width: 11%;
}

.title_article_list a {
    color: #000;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
}

    .title_article_list a:hover {
        color: #b40000;
        font-family: Arial;
        font-size: 14px;
        font-weight: 700;
    }

.ArticleConten_detail {
    width: 95%;
    padding-bottom: 10px;
}

.line_article {
    background-image: url(../images/bg_line_button_detail.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.article_detail_content {
    font-family: Arial;
    font-size: 15px;
    text-align: justify;
}

.bg_logo_footer {
    font-family: Arial;
    font-size: 14px;
    text-align: justify;
    height: 60px;
    width: 435px;
}

.select_option_button {
    margin-top: 3px;
}

.paddingPageGoogle a {
    font-family: Arial;
    text-decoration: none;
    cursor: pointer;
}

.link_delete {
    background: url(../images/linkdelete.png) no-repeat center transparent;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    border: none;
}

.chzn-container-single .chzn-single {
    height: 30px !important;
    border-radius: 4px;
}

#tat_table {
    width: 348px;
}

.chzn-single span {
    margin-left: 7px;
}

.ui-datepicker-title {
    font-family: Arial;
    font-size: 13px;
}

body {
    font-family: arial;
}

#loadding {
    display: none;
    position: fixed;
    z-index: 10000000000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../../images/loading.gif) 50% 50% no-repeat;
}

form[name="frmLogin"] input[type="text"]::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px;
}

form[name="frmLogin"] input[type="password"]::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px;
}

form[name="frmLogin"] label {
    color: #fff;
}

form[name="frmLogin"] .error {
    color: #ff8080;
    float: left;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
nav li,
nav ul,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote,
q {
    quotes: none;
}

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}

.txt-lt {
    text-align: left;
}

.txt-center {
    text-align: center;
}

.float-rt {
    float: right;
}

.float-lt {
    float: left;
}

.clear {
    clear: both;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.vertical-base {
    vertical-align: baseline;
}

.vertical-top {
    vertical-align: top;
}

nav.vertical ul li {
    display: block;
}

nav.horizontal ul li {
    display: inline-block;
}

img {
    max-width: 100%;
    max-height: 100%;
}

form[name="frmLogin"] {
    height: 100vh;
    background: url(../../images/login/banner.jpg) no-repeat;
    background-position: center;
    background-size: 100% auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    object-fit: cover;
    font-family: Muli, sans-serif;
}

.clear {
    clear: both;
}

h1 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #b53310;
    text-transform: uppercase;
}

h2 {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    color: #b53310;
    padding-top: 30px;
    text-transform: uppercase;
}

.log .content1 h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    font-family: Nunito, sans-serif;
    text-align: center;
}

.log {
    width: 75%;
    margin: 0 auto;
}

.content1 {
    width: 43%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.21);
    margin: auto;
    border-radius: 10px !important;
    border-radius: 0;
}

    .content1 input[type="text"] {
        margin-top: -4px;
        height: 28px;
        width: 100%;
        border: 1px solid transparent;
        color: #fff;
        text-align: left;
        outline: 0;
        font-size: 14px;
        font-family: Muli, sans-serif;
        border-radius: 4px;
    }

    .content1 input[type="password"] {
        margin-top: -4px;
        height: 28px;
        width: 100%;
        border: 1px solid transparent;
        color: #fff;
        text-align: left;
        outline: 0;
        font-size: 14px;
        font-family: Muli, sans-serif;
        border-radius: 4px;
    }

.button-row {
    width: 100%;
    margin-top: 5%;
    padding-bottom: 40px;
}

.sign-in {
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #4c9a39;
    width: 35%;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    float: right;
}

.sign-in-sso {
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #f0f1f1;
    width: 45%;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: #5260df;
    font-size: 16px;
    float: left;
}

.sign-in:hover {
    background-color: #376d29;
    color: #fff;
}

.footer {
    padding: 10px 0;
    text-align: center;
}

    .footer p {
        color: #fff;
        font-size: 17px;
        font-family: Muli, sans-serif;
        font-weight: 300;
        line-height: 25px;
    }

    .footer a,
    a:active {
        color: #fff;
        text-decoration: none;
        transition: all 0.5s ease-in-out;
    }

        .footer a:hover {
            color: #c0392b;
            transition: all 0.5s ease-in-out;
        }

@media (max-width: 1920px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 500px 10px;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 500px 10px;
    }

    .sign-in {
        margin-left: 35px;
    }

    .sign-in-sso {
        margin-left: 30px;
    }

    form[name="frmLogin"] {
        min-height: 631px;
    }
}

@media (max-width: 1680px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 438px 10px;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 438px 10px;
    }

    .sign-in {
        margin-left: 30px;
    }

    .sign-in-sso {
        margin-left: 25px;
    }

    form[name="frmLogin"] {
        min-height: 631px;
    }
}

@media (max-width: 1600px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 418px 10px;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 418px 10px;
    }

    .sign-in {
        margin-left: 35px;
    }

    .sign-in-sso {
        margin-left: 27px;
    }

    form[name="frmLogin"] {
        min-height: 631px;
    }
}

@media (max-width: 1440px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 380px 10px;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 380px 10px;
    }

    .sign-in {
        margin-left: 30px;
    }

    .sign-in-sso {
        margin-left: 25px;
    }

    form[name="frmLogin"] {
        min-height: 631px;
    }
}

@media (max-width: 1366px) {
    .sign-in {
        margin-left: 7%;
        font-size: 16px;
    }

    .sign-in-sso {
        margin-left: 5%;
        font-size: 16px;
    }

    form[name="frmLogin"] {
        min-height: 631px;
    }
}

@media (max-width: 1280px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 338px 10px;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 338px 10px;
    }

    .sign-in {
        margin-left: 7%;
        font-size: 16px;
    }

    .sign-in-sso {
        margin-left: 5%;
        font-size: 16px;
    }
}

@media (max-width: 1080px) {
    .sign-in {
        margin-left: 7%;
        font-size: 15px;
    }

    .sign-in-sso {
        width: 50%;
        margin-left: 5%;
        font-size: 15px;
    }

    h1 {
        font-size: 32px;
    }

    .log .content1 h2 {
        font-size: 35px;
    }
}

@media (max-width: 1050px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 280px 10px;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 280px 10px;
    }
}

@media (max-width: 1024px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 370px 10px;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 370px 10px;
    }

    .sign-in {
        margin-left: 7%;
    }

    .sign-in-sso {
        margin-left: 5%;
    }

    .log .content1 h2 {
        font-size: 30px;
        padding: 15px 0;
    }
}

@media (max-width: 991px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 260px 10px;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 260px 10px;
    }
}

@media (max-width: 900px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 240px 10px;
    }

    .content1 {
        width: 50%;
    }

        .content1 input[type="password"] {
            background: url(../../images/login/lock.png) no-repeat 240px 10px;
        }

    .sign-in {
        margin-left: 7%;
        font-size: 11px;
    }

    .sign-in-sso {
        width: 50%;
        margin-left: 5%;
        font-size: 11px;
    }
}

@media (max-width: 840px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 245px 10px;
        font-size: 16px;
        background-size: 7% 50%;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 245px 10px;
        font-size: 16px;
        background-size: 7% 50%;
    }

    h1 {
        color: #b53310;
        font-size: 32px;
    }

    .log .content1 h2 {
        font-size: 27px;
    }

    .sign-in {
        margin-left: 7%;
        font-size: 11px;
    }

    .sign-in-sso {
        margin-left: 5%;
        font-size: 11px;
    }
}

@media (max-width: 667px) {
    .content1 {
        width: 70%;
    }

    .sign-in {
        margin-left: 7%;
    }

    .sign-in-sso {
        margin-left: 5%;
    }

    form[name="frmLogin"] {
        height: 631px;
    }
}

@media (max-width: 640px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 322px 10px;
        background-size: 7% 50%;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 322px 10px;
        background-size: 7% 50%;
    }

    .content1 {
        width: 70%;
    }

    .sign-in {
        margin-left: 7%;
    }

    .sign-in {
        margin-left: 5%;
    }
}

@media (max-width: 600px) {
    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 304px 10px;
        background-size: 7% 50%;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 304px 10px;
        background-size: 7% 50%;
    }

    .sign-in {
        margin-left: 7%;
    }

    .sign-in-sso {
        margin-left: 5%;
    }

    h1 {
        color: #b53310;
        font-size: 30px;
    }
}

@media (max-width: 568px) {
    h1 {
        color: #b53310;
        padding: 25px 0;
    }

    .content1 input[type="text"] {
        background: url(../../images/login/person.png) no-repeat 287px 10px;
        background-size: 7% 50%;
    }

    .content1 input[type="password"] {
        background: url(../../images/login/lock.png) no-repeat 287px 10px;
        background-size: 7% 50%;
    }

    .sign-in-sso {
        margin-left: 5px;
    }

    .sign-in {
        margin-left: 5px;
    }
}

@media (max-width: 480px) {
    .content1 {
        width: 88%;
    }

        .content1 input[type="text"] {
            background: url(../../images/login/person.png) no-repeat 280px 10px;
            background-size: 7% 50%;
        }

        .content1 input[type="password"] {
            background: url(../../images/login/lock.png) no-repeat 280px 10px;
            background-size: 7% 50%;
        }

    .sign-in {
        margin-left: 5%;
        width: 72px;
        font-size: 9px;
    }

    .sign-in-sso {
        margin-left: 5%;
        width: 100px;
        font-size: 9px;
    }

    .reset {
        margin-right: 32px;
    }

    .log {
        margin: 0 auto;
    }

    .footer {
        padding: 50px 20px;
    }

    h1 {
        color: #b53310;
        font-size: 16px;
        padding-top: 13px;
    }

    h2 {
        color: #b53310;
        font-size: 14px;
        padding-top: 13px;
    }

    .log .content1 h2 {
        font-size: 20px;
        padding-top: 10%;
    }
}

input::placeholder {
    font-weight: bold;
    color: #fff;
}