.sb{border:1px solid black}.sb div{border:1px solid black}.sb button{border:1px solid green}.thumbnail-news{width:223px;height:171px;object-fit:cover;margin-bottom:0px;padding-bottom:0px}.mt-from-top-bar{margin-top:25px;margin-bottom:25px}.fe-news .right-content{height:171px}.fe-news .content{background-color:#d9d9d9}.fe-news .preview-image{width:223px;height:171px}.fe-news .detail{height:91px;color:#686868}.fe-news .date{color:#838383}.fe-news .comment{color:#838383}.fe-appeal-list{padding-left:30px;padding-right:30px}.fe-appeal-list .appeal-btn-box{background-color:#5f2bfc;color:white;border-radius:8px}.fe-appeal-list .content{background-color:#d9d9d9;border-radius:5px}.fe-appeal-list .width-type{width:100px}.fe-appeal-list .thumbnail-rectangle{width:210px;height:150px;object-fit:cover}.fe-appeal-list .status-new{color:#f31212}.fe-appeal-list .status-prepare{color:#2bbf06}.fe-appeal-list .status-finish{color:black}.fe-add-appeal .appeal-btn-box{background-color:#5f2bfc;border-radius:10px;color:white}.fe-add-appeal .header{margin-left:-2px}@media (max-width: 768px){.fe-add-appeal .topic{margin-top:-10px}}.fe-add-appeal .btn-status{margin-top:2px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;color:white;border-radius:10px}.fe-add-appeal .btn-bg-status-new{background-color:#f31212}.fe-add-appeal .btn-bg-status-prepare{background-color:#2bbf06}.fe-add-appeal .btn-bg-status-finish{background-color:#b6b6b6}.fe-add-appeal .bg-form-control{background-color:#d9d9d9}.fe-add-appeal .bg-content{background-color:#f5f5f5;border-radius:5px}.fe-add-appeal .add-appeal-btn{background-color:#2f42d5;color:white}.fe-add-appeal .search-map{background-color:white}.fe-add-appeal .full-image{width:100%}.fe-news-detail .comment-btn-box{background-color:#5f2bfc;color:white}.fe-news-detail .comment-text-box{border-radius:25px;padding-top:20px;padding-bottom:20px;background-color:#d9d9d9}.fe-news-detail .comment-textarea-box{width:100%;height:50px;background-color:#d9d9d9;border:none;border-radius:25px;padding-top:12px;padding-left:30px;padding-right:30px;padding-bottom:14px;resize:none}.fe-news-detail .clear-input-group-text{background-color:white}.fe-news-detail .comment-box{background-color:#d9d9d9;border-radius:10px}.fe-news-detail .account-comment-icon{margin-top:3px;font-size:40px;color:#3b0fbf}.fe-news-detail .send-comment-icon{margin-top:-5px;margin-right:-2px;padding:0px;font-size:30px;color:#3b0fbf}@media (max-width: 768px){.fe-news-detail .hide-account-comment-icon{display:none}}@media (max-width: 768px){.fe-news-detail .account-name{padding-left:10px}}.fe-news-detail .hide-icon{margin:0px;padding:0px;display:none}@media (max-width: 768px){.fe-news-detail .show-account-comment-icon{margin:0px;padding:0px;display:inline-block}}.fe-news-detail .resize-horizontal{margin-left:8px;margin-right:0px}@media (max-width: 768px){.fe-news-detail .resize-horizontal{margin-left:-47px;margin-right:1px}}.fe-news-detail .date{color:#838383}.btn-submit{color:white;background-color:#5f2bfc;border-radius:10px}.navbar{background-color:#5f2bfc;min-height:60px;padding:0;z-index:1}.navbar .header-logo-a{padding-top:0;padding-bottom:0;padding-left:0;margin-left:0}.navbar .header-logo-a .header-logo{width:auto;height:40px;object-fit:contain}.navbar .navbar-header{width:100%}.navbar .navbar-header .col-header-name{display:table}.navbar .navbar-header .col-header-name .header-name{display:table-cell;vertical-align:middle;color:white}.navbar .navbar-brand{height:auto}@media (max-width: 1169px){.navbar .navbar-header .header-logo-a{margin-left:36px}}.navbar .header-title-center{font-size:27px;font-family:"Mitr";display:inline-block;width:100%}.navbar .navbar-nav{display:inline-block;margin:0;align-items:center;justify-content:center}.navbar .navbar-nav.mr-auto{margin-left:auto;margin-right:auto}.navbar .navbar-nav .nav-item{display:inline-block}.navbar .navbar-nav .nav-item a{padding:0;margin:0;margin-right:16px}.navbar .navbar-nav .nav-item a .icon-name{top:-4px}.navbar .navbar-collapse{flex-basis:inherit}.navbar .dropdown-toggle::after{content:none}.navbar .navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar .dropdown-toggle .name{margin-top:7px}.navbar .header-list-menu{right:0;left:auto;padding-top:0;padding-bottom:0;margin-top:0px !important;border-radius:0px}.navbar .header-list-menu ul.menu{padding-left:10px;list-style:none;font-family:"Mitr"}.navbar .header-list-menu li{padding-top:3px;padding-left:10px;padding-bottom:3px;border-bottom:1px solid black;background-color:#838383}.navbar .header-list-menu a{color:white;text-decoration:none;background-color:transparent}.navbar .header-list-menu a:hover{color:#49fefe}.navbar .font-size-15{font-size:15px}.navbar a{color:white;text-decoration:none;background-color:transparent}.navbar a:hover,.navbar a.active{color:#98dcf1}.navbar .after-icon{margin-right:5px}.navbar .header-user-list{position:relative}.navbar .header-app-name,.navbar .header-username{display:inline-block}@media (min-width: 991px){.navbar .show-username{display:none}}@media (max-width: 991px){.navbar .header-user-list{position:absolute}.navbar .header-username{display:none}.navbar .show-username{display:block}.navbar .navbar-collapse{flex-basis:100%}.navbar .navbar-nav{display:flex}.navbar .navbar-nav .nav-item{padding:8px 0}.navbar .bars{align-self:end;margin-right:48px;padding-top:16px;margin-top:1px}.navbar .navbar-user{position:absolute;right:8px}}@media (max-width: 767px){.navbar .bars{margin-right:48px}}@media (max-width: 502px){.navbar .header-app-name{display:none}}[type="radio"]{position:absolute;opacity:0;width:0;height:0}[type="radio"]+div{cursor:pointer}[type="radio"]:checked+div .icon-type{background-color:#d7caff}.file-width{width:100%}.error{color:red}.link-black a{color:black}