form{position:relative; top: 0px; left: 0px; width: 100%; height:auto; overflow-x:hidden; background-color: #f1f1f1;}
.main{position:relative; top: 0px; left: 0px; width: 1200px; height:auto; max-width: 100%; padding: 0px; margin: 0px auto;background-color: #fff; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
.container{position:relative; top: 0px; left: 0px; width: 1200px; height:auto; max-width: 100%; padding: 0px 15px; margin: 0px auto;}
.banner{position:relative; top: 0px; left: 0px; width: 100%; height:auto; background: linear-gradient(135deg, #740001 0%, rgba(170,0,0,1) 80%, rgba(238,0,0,1) 100%);}
/*.banner:after{content: ""; position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; display:block; background-image: url(../images/yen-bai.png); background-size:contain; background-position: center right; background-repeat:no-repeat; filter:opacity(0.9); -webkit-filter: opacity(0.9);}*/
.banner .container{height: 100%; pointer-events:none;background-image: url(../images/bg-trong-dong.png); background-size:cover; background-position: center; background-repeat:no-repeat; z-index: 2;}
.banner .container:before{content: ""; position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; display:block; background-image: url(../images/co-dang.png); background-size:contain; background-position:center left; background-repeat:no-repeat;}
.banner .title{position:relative; top: 0px; left: 0px; width:auto; height:auto; max-height: 100%; padding: 25px 25px 25px 130px; color: #fff; display:grid; align-content:center; align-items:center; overflow:hidden;}
.banner .title span{position:relative; top: 0px; left: 0px; width: max-content; height:auto; max-width: 100%; display:block; text-shadow: #333 1px 0 10px;}
.banner .title span:nth-child(1){text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #fff; margin-bottom: 10px; font-size: 14px;}
.banner .title span:nth-child(2){font-weight: 400; font-size: 20px; line-height: 26px; letter-spacing: 1px;}
.banner .title span:nth-child(3){font-weight: 500; font-size: 22px; text-transform: uppercase; line-height: 30px; letter-spacing: 3px;}

.top-menu{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; border-bottom: 1px solid #ababab; background-color: #f1f1f1; z-index: 2; padding: 0px 15px;}
.top-menu > ul{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; margin: 0px; list-style:none; text-align: left;}
.top-menu > ul > li{position:relative; top: 0px; left: 0px; width: auto; height:auto; display:inline-block; vertical-align:middle; padding: 0px; margin: 0px;}
.top-menu > ul > li > a{position:relative; top: 0px; left: 0px; width:auto; height:auto; padding: 0px 8px; margin: 0px; line-height: 48px; font-weight: 400; display:block; transition: 0.3s;}
.top-menu > ul > li.active > a{color: #fff;}
.top-menu > ul > li:before{content: ""; position:absolute; top: 5px; left: 50%; right: auto; bottom: 5px; width: 100%; height:auto; transform:translateX(-50%); border-radius: 5px; background: #AA0000; display:block; transition: 0.3s; filter:opacity(0); -webkit-filter: opacity(0);}
.top-menu > ul > li.active:before{filter:opacity(1); -webkit-filter: opacity(1);}
.top-menu > ul > li:not(:last-child){margin-right: 20px;}
.top-menu > .mobile-menu-icon{position:absolute; top: 0px; left: 15px; width: auto; height: 100%; aspect-ratio: 1; display: none;}
.top-menu > .mobile-menu-icon:before{content: "\f0c9"; position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 30px; font-weight: 300; font-family: "Font Awesome 5 Pro";}

.main-body{position:relative; top: 0px; left: 0px; width: 100%; height:auto; min-height: 100vh;}

.slick-list, .slick-track{height: 100%;}

.direction{position:relative; top: 0px; left: 0px; width: 100%; height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.direction .container .direction-body{position:relative; top: 0px; left: 0px; width: 100%; height:auto; overflow:hidden;}
.direction .container:after{content: ""; position:absolute; top:auto; left: 15px; bottom: 0px; right: 15px; width: auto; height: 1px; background: linear-gradient(90deg, rgba(0,136,204,1) 0%, transparent 50%, transparent 100%);}
.direction .container a{position:relative; display:inline-block; vertical-align: middle; padding: 5px 20px 5px 0px; line-height: 30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #666;}
.direction .container a:hover{color: #0088cc;}
.direction .container a:not(:last-child):after{content: "\f105"; position:absolute; top: 50%; left:auto; right: 5px; transform:translateY(-50%); font-weight: 300; font-family: "Font Awesome 5 Pro";}
.direction .container a:last-child{padding-right: 0px;}
.direction .container a:first-child{padding-left: 25px;}
.direction .container a:first-child:before{content: "\f80a"; position:absolute; top: 50%; left: 0px; transform:translateY(-50%); font-weight: 300; font-family: "Font Awesome 5 Pro";}

article{position:relative; top: 0px; left: 0px; width: 100%; height:auto;}
article p{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; margin: 10px 0px;}

.page-7-3{position:relative; top: 0px; left: 0px; width: 100%; height:auto;}
.page-7-3 .container{display:grid; grid-template-columns: 1fr; grid-column-gap: 30px; padding-top: 20px; padding-bottom: 20px;}
.page-7-3 .container:has(.right-content){grid-template-columns: 1fr 350px;}
.page-7-3 .container .left-content, 
.page-7-3 .container .right-content{position:relative; top: 0px; left: 0px; width: 100%; height:auto; overflow:hidden;}

.footer{position:relative; width: 100%; height: auto; padding: 15px 0px; background-color: #aa0000; color: #fff; border-top: 5px solid #880000;}
.footer .container{display:grid; grid-template-columns: 1fr 350px; grid-column-gap: 20px; align-items:center;}
.footer .container .logo{width:auto; height: 100%; background-image:url(../images/footer-logo.png); background-size: contain; background-repeat:no-repeat; background-position:center left;}
.footer .container .info span{position:relative; display:block; text-align:justify;}
.footer .container .info span:first-child{font-size: 18px; line-height: 30px; letter-spacing: 1px;}
.footer .container .info .about{padding-bottom: 5px; margin-bottom: 15px; font-size: 18px; font-weight: 400; text-transform:uppercase; letter-spacing: 1px;}
.footer .container .info .about:after{content: ""; position:absolute; top: auto; left: 0px; bottom: 0px; width: 100%; height: 1px; background: linear-gradient(90deg, #fff 0%, transparent 40%, transparent 100%);}
.footer .container .info a{color: #fff;}
.footer .container .info a:hover{color: #fff; text-decoration:underline;}
.footer .container .info .contact{padding: 3px 3px 3px 35px; margin: 5px 0px;}
.footer .container .info .contact:before{content: ""; position:absolute; top: 50%; left: 0px; transform:translateY(-50%); font-size: 25px; font-weight: 300; font-family: "Font Awesome 5 Pro";}
.footer .container .info .address{font-weight: 400; margin-top: 15px;}
.footer .container .info .address:before{content: "\f3c5"}
.footer .container .info .email:before{content: "\f0e0"; font-size: 20px;}
.footer .container .info .mobile:before{content: "\f879"; font-size: 20px;}
.footer .container .counter{position:relative; display:grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 5px; grid-row-gap: 5px; padding: 10px; color: #fff; pointer-events:none;}
.footer .container .counter:before{content: ""; position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(171,171,171,0.65); border-radius: 5px; display:block;}
.footer .container .counter > label:first-child{grid-column-start: 1; grid-column-end: 4; font-size: 16px; line-height: 22px; padding-left: 25px;}
.footer .container .counter > label:first-child:before{content: "\f643"; position:absolute; top: 50%; left: 0px; transform:translateY(-50%); font-weight: 900; font-family: "Font Awesome 5 Pro";}
.footer .container .counter label{position:relative; width: 100%; height:auto; display:block; font-size: 14px; line-height: 18px;}
.footer .container .counter span{position:relative; width: 100%; height:auto; display:block; font-weight: bold; letter-spacing: 1px;}
.footer .container .counter .item:last-child{grid-column-start: 2; grid-column-end: 4;}

.go-to-top{position:fixed; top: auto; left:auto; right: 15px; bottom: 15px; width: 45px; height: 45px; border: 1px solid rgba(136, 0, 0, 0.5); border-radius: 10px; cursor: pointer; background-color: rgba(170, 0, 0, 0.25); color: #fff; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);}
.go-to-top:before{content: "\f077"; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: 300; font-family: "Font Awesome 5 Pro";}
.go-to-top:hover{background-color: rgba(136, 0, 0, 0.5);}

.grid{position:relative; top: 0px; left: 0px; width: 100%; height:auto;}
.grid > div{position:relative !important; top: 0px !important; left: 0px !important; width: 100%; height:auto; border: 0px;} 
.grid .grid-header{border-top-left-radius: 5px; border-top-right-radius: 5px;}
.grid .grid-header .grid-header-content{padding-right: 0px !important;}
.grid .grid-header tr th{padding: 8px !important;}
.grid .grid-content{padding-bottom: 0px; font-size: 14px; line-height: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.grid .grid-content .tbl-grid{margin-bottom: 0px; width: 100% !important;}
.grid .grid-content .tbl-grid tr td{padding: 8px !important;}
.grid .grid-content .tbl-grid .no-data td{text-align:center;}

.list-box{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; margin: 0px; display:grid; grid-template-columns: 1fr 100px; grid-column-gap: 10px; grid-row-gap: 10px; align-content:center; align-items:center;}
.list-box .head{position:relative; top: 0px; left: 0px; width: auto; padding: 5px 0px; margin: 0px; text-transform:uppercase; font-family: 'Merriweather'; font-weight: 700; font-size: 17px; line-height: 22px;}
.list-box .link{position:relative; top: 0px; left: 0px; width:auto; height:auto;}
.list-box .link a{position:relative; top: 0px; left: 0px; width:auto; height:auto; padding: 5px; color: #0084F3;}
.list-box .link a:before{content: "\f0da"; position:relative; top: 0px; left: 0px; margin-right: 5px; font-weight: 900; font-family: "Font Awesome 5 Pro"; display:inline-block;}
.list-box .link a:hover{color: #a00;}
.list-box .body{position:relative; top: 0px; left: 0px; width: 100%; height:auto; grid-column-start: 1; grid-column-end: 3;}

.head-title{position:relative; top: 0px; left: 0px; width: 100%; height: auto; text-align:justify; font-weight: 400; margin-bottom: 20px;}
.head-title:empty{display:none;}

.doc-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-bottom: 20px; border: 1px solid #EEEEEE; border-spacing: 0px; word-break:break-word; overflow:hidden;}
.doc-list tr td:last-child{border-right: 0px;}
.doc-list tr td:nth-child(2){width: 150px; text-align:center;}
.doc-list tr td:nth-child(3){width: 160px; text-align:center;}
.doc-list tr td{border-top: 1px solid #eee; border-right: 1px solid #eee; padding: 14px 15px;}
.doc-list tr:nth-child(odd) td{background-color: #f9f9f9;}
.doc-list tr:first-child td{border-top: 0px;}
.doc-list a{color:#0084F3; font-weight: 400;}
.doc-list a:hover{color:#A00;}
.doc-list .view:before{content: "\f15c"; position:relative; top: 0px; left: 0px; margin-right: 5px; display:inline-block; font-size: 14px; font-weight: 300; font-family: "Font Awesome 5 Pro";}
.doc-list .send:before{content: "\f0e0"; position:relative; top: 0px; left: 0px; margin-right: 5px; display:inline-block; font-size: 14px; font-weight: 300; font-family: "Font Awesome 5 Pro";}
.doc-list .doc-date{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 5px 0px; text-align: left;}
.doc-list .doc-date b{margin-right: 5px; font-weight: 400;}
.doc-list tr[data-status='0'] .doc-date{color: #A00;}

.doc-top-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-bottom: 20px; border: 1px solid #eee; border-spacing: 0px; word-break:break-word; overflow:hidden;}
.doc-top-list tr td{border-top: 1px solid #eee;  padding: 5px; text-align: justify;}
.doc-top-list tr:first-child td{border-top: 0px;}
.doc-top-list tr:nth-child(odd) td{background-color: #f9f9f9;}

.attach-item{position:relative; top: 0px; left: 0px; width:max-content; max-width: 100%; height:auto; display:grid; grid-template-columns: 24px 1fr; align-items:center; grid-column-gap: 5px; cursor:pointer; margin:0px 0px 10px 0px;}
.attach-item *{pointer-events:none;}
.attach-item img{border-radius: 0px; aspect-ratio: 1; object-fit: contain !important; margin-bottom: 0px;}
.attach-item span{display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; line-height: 20px; max-height: 20px; overflow:hidden; font-size: 16px;}

.poll-item{position:relative; top: 0px; left: 0px; width: 100%; height:auto; border-spacing: 0px; border: 1px solid #eee; overflow:hidden;}
.poll-item *[data-file-list='1']{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-top: 5px;}
.poll-item *[data-file-list='1']:empty{display:none;}
.poll-item tr td{padding: 5px;}
.poll-item tr td > div{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:inline-block;}
.poll-item tr td input[type='checkbox']{position:relative; top: 0px; left: 0px; display: block; vertical-align:unset; margin: 0px;}
.poll-item tr:first-child td{border-bottom: 1px solid #eee; background-color: #f9f9f9;}
.poll-item tr:first-child td > div:first-child{font-weight: 400;}
.poll-item tr:last-child:has(button) td{text-align:right; background-color: #f9f9f9; border-top: 1px solid #eee;}
.poll-item textarea{height: 100px;}
.poll-item .progress-bar{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 3px 5px; overflow:hidden;}
.poll-item .progress-bar > div:first-child{position:relative; top: 0px; left: 0px; width:auto; height: 24px; border-radius: 3px; display:inline-block; vertical-align:middle; background-color: #99d1ff; z-index: 0;}
.poll-item .progress-bar > span{position:relative; top: 0px; left: 0px; width:max-content; max-width: 100%; height:auto; font-size: 14px; line-height: 24px; padding-left: 5px; display:inline-block; vertical-align:middle; overflow:hidden; z-index: 1;}

.suggestion-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto;}
.suggestion-list .grid .grid-header tr th[data-field='Detail']{width: 150px; min-width: 150px; max-width: 150px;}
.suggestion-list .grid .grid-header tr th[data-field='Send']{width: 130px; min-width: 130px; max-width: 130px;}
.suggestion-list .grid .grid-content tr td[data-field='Detail'],
.suggestion-list .grid .grid-content tr td[data-field='Send']{text-align:center;}
.suggestion-list a{color:#0084F3; font-weight: 400;}
.suggestion-list a:hover{color:#A00;}
.suggestion-list .view:before{content: "\f15c"; position:relative; top: 0px; left: 0px; margin-right: 5px; display:inline-block; font-size: 14px; font-weight: 300; font-family: "Font Awesome 5 Pro";}
.suggestion-list .send:before{content: "\f0e0"; position:relative; top: 0px; left: 0px; margin-right: 5px; display:inline-block; font-size: 14px; font-weight: 300; font-family: "Font Awesome 5 Pro";}
.suggestion-list .doc-date{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 5px 0px; text-align: left;}
.suggestion-list .doc-date b{margin-right: 5px; font-weight: bold;}

.suggestion-list .grid.card .grid-content .tbl-grid tr{display:grid; grid-template-columns: 1fr 1fr;}
.suggestion-list .grid.card .grid-content .tbl-grid tr:before{background: none;}
.suggestion-list .grid.card .grid-content .tbl-grid tr:nth-child(odd):before{background: #f9f9f9;}
.suggestion-list .grid.card .grid-content .tbl-grid tr td:first-child{grid-column-start: 1; grid-column-end: 3; text-align:justify;}
.suggestion-list .grid.card .grid-content .tbl-grid tr td:before{display:none;}
.suggestion-list .grid.card .grid-content .tbl-grid tr td:not(:first-child){text-align:center !important;}
.suggestion-list .grid.card .grid-content .tbl-grid tr.selected .card-header{background-color: unset; color: unset;}

.suggestion-detail{position:relative; top: 0px; left: 0px; width: 100%; height:auto; overflow:hidden;}
.suggestion-detail .doc-info{position:relative; top: 0px; left: 0px; width: 100%; height:auto; border: 1px solid #f9f9f9; border-spacing: 0px; border-radius: 5px; table-layout:fixed; overflow:hidden;}
.suggestion-detail .doc-info tr td{padding: 5px; border-bottom: 1px solid #f9f9f9; border-right: 1px solid #f9f9f9; word-break:break-word;}
.suggestion-detail .doc-info tr:has(td:empty){display:none;}
.suggestion-detail .doc-info tr td:first-child{width: 130px; min-width: 130px; font-weight: 400;}
.suggestion-detail .doc-info tr td:last-child{border-right: 0px;}
.suggestion-detail .doc-info tr:last-child td{border-bottom: 0px;}
.suggestion-detail .doc-info tr td[colspan='2']{text-align: justify; font-weight: 300;}
.suggestion-detail .doc-info tr td[colspan='2'] > div:first-child{font-weight: 400;}
.suggestion-detail .grid{box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.suggestion-detail .grid .grid-header tr th[data-field='FBFile']{width: 250px; min-width: 250px; max-width: 250px;}
.suggestion-detail td:has(.send){text-align:center;}
.suggestion-detail .send{position:relative; top: 0px; left: 0px; width:max-content; height:auto; padding: 5px; margin: 5px auto; display:block; border: 1px solid #115a9e; color: #fff; border-radius: 5px; background-color: #115a9e; transition:0.3s;}
.suggestion-detail .send:before{content: "\f303"; position:relative; top: 0px; left: 0px; margin-right: 5px; display:inline-block; font-size: 14px; font-weight: 300; font-family: "Font Awesome 5 Pro";}
.suggestion-detail .send:hover{color: #a00; border-color: #a00; background-color: #fff;}

.suggestion-detail .suggestion-info{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:grid; grid-template-columns: 1fr 30%; grid-column-gap: 10px;}
.suggestion-detail .suggestion-info .document-content,
.suggestion-detail .suggestion-info .document-info{position:relative; top: 0px; left: 0px; width: 100%; height:auto; overflow:hidden;}
.suggestion-detail .document-info tr:has(td:empty){display:none;}
.send-suggestion .suggestion-detail{display:grid; grid-template-columns: 1fr 30%; grid-column-gap: 30px; align-items:baseline;}
.send-suggestion-form{border: 1px solid #eee; border-radius: 5px; padding: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; background-color: #f9f9f9;}
.send-suggestion-form .btn-attach{margin-left: 5px;}
.send-suggestion-form .file-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto; border: 1px solid #eee; border-radius: 5px; min-height: 100px; margin-top: 10px;}
.send-suggestion-form .btn-list{text-align:center;}
.send-suggestion-form .btn-list button{margin: 0px 5px;}
.send-suggestion-form input, .send-suggestion-form select, .send-suggestion-form textarea{border-color: #eee;}
.send-suggestion-form input:focus, .send-suggestion-form select:focus, .send-suggestion-form textarea:focus{border-color: #C00;}
.send-suggestion-form .file-list .attach-item{margin: 5px;}

.suggestion-relate .body a{position:relative; top: 0px; left: 0px; width:auto; height:auto; display:block;}
.suggestion-relate .body a:before{content: "\f0da"; position:relative; top: 0px; left: 0px; font-weight: 900; font-family: "Font Awesome 5 Pro"; display:inline; margin-right: 5px;}

.poll-relate .body a{position:relative; top: 0px; left: 0px; width:auto; height:auto; display:block;}
.poll-relate .body a:before{content: "\f0da"; position:relative; top: 0px; left: 0px; font-weight: 900; font-family: "Font Awesome 5 Pro"; display:inline; margin-right: 5px;}

.social{position:relative; top: 0px; left: 0px; width: 100%; height:auto; text-align: right;}
.social > *{position:relative; top: 0px; left: 0px; width: 24px; height: 24px; display:inline-block; vertical-align: top; border-radius: 5px; overflow:hidden; cursor:pointer; background-repeat:no-repeat; background-size:cover; background-position:center; }
.social > *:not(:first-child){margin-left: 5px;}
.social .facebook{background-image: url(../images/facebook-logo.webp);}
.social .x{background-image: url(../images/x-logo.png?v=2);}

@media (max-width: 950px) {
    .banner .title{padding-left: 110px;}
    .page-7-3 .container:has(.right-content){grid-template-columns: 1fr; grid-row-gap: 15px;}
    .suggestion-detail .suggestion-info,
    .send-suggestion .suggestion-detail{grid-template-columns: 1fr; grid-row-gap: 15px;}
}

@media (max-width: 768px) {
    .grid .grid-header{display:none !important;}
    .grid .grid-content{border: 0px; background-color: transparent;}
    .grid .grid-content .tbl-grid{padding: 0px;}
}

@media (max-width: 750px) {
    .banner .title{padding: 20px 0px 20px 80px;}
    .banner .title:before{width: 70px;}
    .banner .title span:first-child{font-size: 16px;}
    .banner .title span:last-child{font-size: 18px; line-height: 22px;}
    
    .footer .container{display: block;}
    .footer .container .info {margin-bottom: 20px;}
}

@media (max-width: 600px) {
    .banner .title{padding-left: 60px;}
    .banner .title:before{width: 50px;}
    .banner .title span:not(:last-child){display:none;}
    .banner .title span:nth-child(3){font-size: 15px; line-height: 22px; font-weight: 400; letter-spacing: 1.5px; width: 100%;}

    .doc-list{box-shadow:none; border: 0px;}
    .doc-list tbody{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:grid; grid-template-columns: 1fr; grid-column-gap: 10px; grid-row-gap: 10px;}
    .doc-list tr{display:grid; grid-template-columns: 1fr 1fr; border: 1px solid #eee; overflow:hidden;}
    .doc-list tr td{position:relative; top: 0px; left:0px; width: 100% !important; height:auto; border-top: 0px; border-right: 0px; display:block;}
    .doc-list tr td:nth-child(1){grid-column-start: 1; grid-column-end: 3; font-weight: 400; text-align:justify;}
    .doc-list tr td:has(a) {align-content:center; align-items:center; padding: 15px 5px;}
    .list-box .head, .list-box .social{grid-column-start: 1; grid-column-end: 3;}
    .list-box .link{grid-column-start: 1; grid-column-end: 3; text-align: right;}
}

@media (max-width: 450px) {
    .banner .title{padding: 15px 0px 15px 60px;}
    .top-menu > ul > li:not(:last-child){margin-right: 10px;}
    .row .col-5{width: 100%; margin-top: 15px;}
    .row .col-5:first-child{margin-top: 0px;}
    .division-selector, .personal-info{grid-template-columns: 1fr;}
    .doc-list tbody{grid-template-columns: 1fr;}
}