a,a:hover{
    /* text-decoration: none; */
}
blockquote {
    
    border-left: 5px solid #818181;
    padding: 10px 0 4px 10px;
}
.dangkytaikhoan h3{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.menu-active{
    color:#ff0066 !important;
}
.noidungchinh{
    padding:0;
    position: relative;
}
.cach-duoi{
    margin-bottom:10px;
}
.themnv{
    
padding: 10px;
    
/* background: #333; */
    
margin-bottom: 10px;
    
/* display: block; */
}
.rapmay-indo{
    padding: 20px 0;
    background: linear-gradient(180deg, #ff7a09, white);
    display: none;
}
#cotien{
    width: 27px;
    height: 44px;
    display: block;
    margin: auto;
}
.button{
    margin-top:20px;
}
.khoangcach{
    padding : 20px 0 20px 0;
}
.khoangcach div{
    padding: 0 10px 0 0;
}
.action{
    visibility: hidden;
}
.mothang:hover .action{
    visibility: inherit;
}
label{
    font-weight: 600;
}

.color-wrapper{
    position:relative;
    width:250px;
    margin:20px auto;
}
.tt-dangnhap{
    position:relative;
    padding: 10px;
}
.tt-dangnhap:hover .popup-tk{
    display: block;
}
.top-avatar{
    width: 25px;
}
.popup-tk{
    background: #767676;
    /* text-align: center; */
    display: none;
    position: absolute;
    width: 200px;
    /* height: 73px; */
    top: 100%;
    border-radius: 10px;
    right: 2px;
    z-index: 100;
}
.nut-thoat{
    
}
.color-wrapper p{ margin-bottom:5px; }
 
input.call-picker{
    border:1px solid #aaa;
    color:#666;
    text-transform:uppercase;
    float:left;
    outline:none;
    padding:10px;
    width:85px;
}
 
.color-picker{
    /* width: 146px; */
    background:#f3f3f3;
    /* height:81px; */
    padding:5px;
    border:5px solid #fff;
    box-shadow:0px 0px 3px 1px #ddd;
    position:absolute;
    top: 75px;
    left: -2px;
}
 
.color-holder{
    background:#fff;
    cursor:pointer;
    border:1px solid #aaa;
    width:40px;
    height:36px;
    float:left;
    margin-left:5px;
    bottom: 0;
    position: absolute;
}
 
.color-picker .color-item{
    cursor:pointer;
    width: 20px;
    height: 20px;
    list-style-type:none;
    float:left;
    margin:2px;
    border:1px solid #ddd;
}
 
.color-picker .color-item:hover{
    border:1px solid #666;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=8);
}
.mamau{
    width: 50%;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}
.wrap{
    /* padding-top: 3%; */
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 3rem 1rem;
    /* grid-column-gap: 1rem; */
    justify-content: space-between;
    width: 100%;
    padding-bottom: 3%;
}
.motcongviec{
    cursor: pointer;
    background: #fff;
    color: #ccc;
    max-width: 100%;
    border: solid 1px #ccc;
    padding: 0;
    position: relative;
    border-radius: 10px 10px 0 0;
}

.motcongviec:hover {
    transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 3);
    transform: scale3d(1, 1.1,1.5);
    z-index: 1;
    box-shadow: 0 0 8px 3px #545454;
}

.cv-hinhanh{
    width: 100%;
    max-height: 164px;
    min-height: 164px;
    margin: 0;
}
.motcongviec .noidung_the{max-height: 106px;min-height: 106px;}
.motcongviec h5{
    font-family: emoji;
    color: #4e4e4e;
    font-size: 16px;
    padding: 5px 5px;
    display: block;
    min-height: 49px;
    text-shadow: 0 0 1px #000;
}
.motcongviec a{
    margin: auto;
    /* display: block; */
    border-radius: 0;
}
.motcongviec p{
    padding-bottom: 5px;
    padding-left: 5px;
    color: #ff8100;
    font-weight: 500;
    font-size: medium;
    font-family: monospace;
}
.motcongviec .the-congviec{
    /* text-align: center; */
    font-family: 'Oswald';
    color: #f8f8f8f8;
    background: #f00;
    border-radius: 10px 10px 0 0;
    padding: 5px 5px;
    top: -10px;
    right: -10px;
    text-transform: uppercase;
}
.motcongviec span{
    font-size: 0.71vw;
    display: inline-block;
    text-align: center;
    /* padding-left: 5px; */
    color: #000;
    text-shadow: 0 0 1px #a5a5a5;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.dangchon{
    background: linear-gradient(1deg, #ffa14f, white);
}
.icon-success{
    position: absolute;
    width: 100%;
    font-weight: lighter;
    font-size: 5em;
    left: 0;
    text-align: center;
    text-shadow: 1px 0px 20px;
    top: 20%;
    color: #0fa335;
    background: -webkit-linear-gradient(90deg, #02e7e7, #00d911,#ffef9e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.loadnoidung{
    width: 50%;
    max-height: 96%;
    background: linear-gradient(to top, #ffb25b, #e6e6e6);
    /* border: solid 1px #ccc; */
    /* box-shadow: 0 0 5px #4e4e4e; */
    position: fixed;
    z-index: 12;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
    border-radius: 5px;
    overflow: auto;
}
.loadnoidung li{
	list-style: inside;
}
.nen{
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 11;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    cursor: pointer;
}
.closebutton{position: absolute;right: 5px;top: 3px;cursor: pointer;z-index: 11;}
.aj-cv{
    padding: 0;
}
.aj-cv .img-fluid{
    max-height: 200px;
    /* width: 100%; */
    display: block;
    margin: auto;
    position: relative;
    margin-top: 5px;
}

.aj-cv .img-fluid::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #282828;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.aj-cv p{
	line-height: 26px;
	margin:0;

}
.aj-content{
	margin-bottom: 20px;
	word-wrap: break-word;
}
.aj-thanhpheduyet{
    background: #00000014;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 0;
}
.aj-cv h5{
    font-family: 'Oswald';
    padding: 10px;
    margin: 10px 0;
    text-shadow: 0 0 1px;
    /* background: #f1f1f1; */
}
.aj-cv .aj-ngay{
    background: #00000014;
    padding: 5px;
    color: #1a1a1a;
}
.aj-cv .aj-loaiviec{
    color: #f8f8f8;
    padding: 5px;
    text-transform: uppercase;
    font-family: 'Oswald';
}
.option option{
    padding: 10px;
    height: 100px;
    color: #fff;
}
.aj-chitiet{
    position: relative;
}
.aj-chitiet::after{
    content: "";
    height: 1px;
    width: 84%;
    background-color: #7a7a7a;
    top: 50%;
    position: absolute;
    right: 0;
}
.avatar-nho{
    position: absolute;
    border-radius: 22%;
    /* border: solid; */
    top: -17px;
    right: -10px;
    width: auto;
    height: 51px;
}
.mothang img{
    width: 60px;
    height: 60px;
}
.tacgia{
    position: relative;
    color: #5a5a5a;
    padding-left: 5px;
    font-size: 13px;
}
.avt-nguoitao{
    max-width: 32px;
	max-height: 32px;
    position: absolute;
    top: -13px;
}

.suaxoa{
    padding-bottom: 10px;
}

.the-daxacnhan{
    opacity: 1;
    /*cursor: alias;*/
    box-shadow: 0 0 5px 5px #00d100;
}
.img_zoom{
    cursor: pointer;
}
.binhluan{padding: 0;position: relative;}
.binhluan h5::after{
    content: "";
    width: 84%;
    height: 1px;
    background: #7a7a7a;
    right: 0;
    top: 50%;
    position: absolute;
}
.binhluan div{
    padding:0
}
.binhluan  div:nth-child(2){
    /* position: relative; */
    /* margin-bottom: 20px; */
}
.avatar{
}
.binhluan .btn-cmt{
    right: 20px;
    width: 15%;
    float: right;
    margin-right: 20px;
}
.binhluan h5{/* position: relative; */padding: 0 0 0 10px;}
.binhluan textarea{margin: 0 20px 7px 20px;width: calc(100% - 40px);}
.load-hinh{
    position: fixed;
    z-index: 12;
    top: 0%;
    display: none;
    left: 0;
    cursor: pointer;
    height: 100vh;
    background: #0000009e;
}
.load-hinh img{
    display: block;
    margin:auto;
    max-width: 90%;
    max-height: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.the-saphethan {
    opacity: 1;
    /*cursor: alias;*/
    box-shadow: 0 0 5px 5px #ff8630;
}
.the-hethan{
    opacity: 1;
    /*cursor: alias;*/
    box-shadow: 0 0 5px 5px #ff0000;
}

.btn-timkiem{
    background: #373c42;
    color: #f8f8f8;
    cursor: pointer;
    padding: 0 30px;
}

.btn-alltime {
    cursor: pointer;
}

.user_disable{
    opacity: 0.5;
}

.btn_duyet,.btn_daduyet{
    cursor: pointer;
}

.btn_daduyet{
    display: none;
}

.duyet-avt img {
    max-width: 50px;
    position: relative;
    /* top: -7px; */
}

.aj-avt-giaonhan{
    display: inline;
    position: relative;
    top: -7px;
}
.aj-avt-giaonhan img{width: 49px;}
.wrap-pheduyet{
    display:inline-block;
}
.berger{
    cursor: pointer;
    display: none;
}
.berger::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f0c9";
}
.nen-menu,.nen-filter{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9;
    top: 0;
    opacity: 0.5;
    cursor: pointer;
    display: none;
}
.radio-hoanthanh label{
    padding: 0 5px 0 0;
}
.radio-hoanthanh div{
    padding: 7px 21px 0 0;
    display: inline-block;
}
.radio-hoanthanh input{
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    left: 2px;
}
.thanhxuly{background: #e9e9e9;padding: 10px 0;margin-bottom: 10px;/* position: fixed; */z-index: 10;width: 100%;right: 0;top: 0;border-radius: 5px;}

.thanhxuly .col-lg-auto{margin-top: 0.5rem;margin-bottom: 0.5rem;}
.timtheongay {
    POSITION: relative;
}
.mot-xuly{

}
#input-ungluong{
    background-color: #fff4d4;
}
.ungluong{
    display: none;
}
.timtheongay::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    color: #f8f8f8;
    position: absolute;
    top: 0px;
    right: 18px;
    padding: 18px 0px;
    font-size: 12px;
}
.loc-thoigian{
    position: relative;
}
.loc-thoigian i{
    position: absolute;
    z-index: 1;
    top: 30%;
    left: 1%;
}
.th-tieude div{
    font-weight: bold;
    text-transform: capitalize;
}
.css_huy{
    background: #27b5a7;
    border-color:#71d1c8;
}
.aj-ungluong,.aj-tien_nhanduoc{
    background: #00000014;
    margin-top: 5px;
    padding: 5px 0;
}
.tieude-congviec{
    position: relative;
}
.tieude-congviec .so-mu{
    font-size: 18px;
    color: #f1f1f1;
    background: #000000b0;
    min-width: 25px;
    min-height: 25px;
    text-align: center;
    border-radius: 5px;
    font-family: 'Oswald';
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.icon-filter{
    cursor: pointer;
    display: none;
}

.wrap_phantrang{
    grid-column-start: 1;
    grid-column-end: 7;
}
.motthe-ngay{
    padding: 0;
	padding-right: 5px;
}
.motthe-ngay div{
    padding: 0;
    text-align: right;
}
.motthe-ngay:firt-child div{
	text-align:left;
}
.aj-thanhxuly{padding-top: 10px;background-color: #00000014;}
.load-binhluan{/* overflow: auto; *//* max-height: 60vh; *//* padding-top: 10px !important; */}
.cmt-title{
    margin-bottom: 20px;
}
.load-binhluan .mot-binhluan{margin: -4px 0;/* border-bottom: solid 1px #ccc; */}
.load-binhluan .mot-binhluan .avt-binhluan{
    border-radius: 100px;
    border: 1px solid #ff8a65;
    width: 50px;
    height: 50px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.load-binhluan .mot-binhluan .avt-binhluan img{
    width: 100%;
    bottom: 0;
    position: absolute;
}
.loading{
    display: block;
    width: 15%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.load-binhluan .mot-binhluan .noidung-cmt{padding-right: 20px;word-break: break-word;}
.load-binhluan .mot-binhluan .noidung-cmt .cmt-tensuer{

}
.load-binhluan::-webkit-scrollbar{
    display: none !important;
}
.load-binhluan .mot-binhluan .noidung-cmt .cmt-chitiet{
    
}
.load-binhluan .mot-binhluan .noidung-cmt .cmt-time{
    font-family: monospace;
    font-size: initial;
    color: #707070;
    text-align: right;
}
.khungbinhluan{
    margin-bottom: 20px;
    padding-top: 20px !important;
}
#loc-ngayhoanthanh{
    padding: 20px 0 0;
}
#loc-ngayhoanthanh .nht-tieude{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
    font-family: 'Oswald';
    text-transform: uppercase;
}
#loc-ngayhoanthanh .nht-tanggiam{
    padding: 10px;
    width: 20px;
    height: 25px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.codinh-thanhxuly{
    height: 123px;
}
.wrap-thongke{max-height: 400px;overflow: overlay;}
.wrap-thongke .mot-hang{
    border-bottom: solid 1px #ccc;
    padding: 0;
}
.tb-stt{
    /* padding: 0; */
}
.wrap-thongke .mot-hang div:nth-child(4){
    text-align: center;
}
.wrap-thongke .mot-hang div:nth-child(5){
    text-align: end;
}
.wrap-thongke .tien_nhanduoc{
    font-family: monospace;
}
.wrap-thongke .mot-hang:hover{
    cursor: pointer;
    background: #ccc;
}
.mau-chanle .mot-hang:nth-child(even):hover{
	background: #ccc;
	
}
.mau-chanle .mot-hang:nth-child(even){
	background: #f2f2f2;
	
}
.tk-title{padding: 20px 0;}
.tk-title h5{
    font-family: 'Oswald';
}
.load-thongke{
    padding: 0;
}
.tong-cong {
    padding-top: 10px;
}
.tong-cong .giatien{
    text-align: end;
    font-size: larger;
    font-weight: 700;
    font-family: monospace;
}
.tong-cong .title{
    font-weight: 700;
}
.tk-tieude{
    display: flex;
    justify-content: center;
    align-items: center;
}
.nen-loading{
    width:100%;
    height: 100vh;
    position: fixed;
    background-color: #00000085;
    z-index: 13;
    display: none;
}
.nen-loading .loading{
    top: 50%;
    transform: translate(-50%,-50%);
}
.load-sub{
    padding-top: 10px;
}
.sub-wrap{  
    padding: 10px 0 0 0;
}
.sub-wrap le{

display: block;position: relative;}

ul.sub-wrap li {
    cursor: pointer;
    /* border-bottom: 1px solid #9a9a9a; */
    padding: 4px 10px;font-size: larger;
border: 1px solid #f8f8f8;margin: 10px 0;border-radius: 10px;position: relative;z-index: 9;}
ul.sub-wrap li:hover{
    background-color: rgb(116, 116, 116);
}
.sub-wrap .them-sub{
    font-size: 35px;
    cursor: pointer;
    position: relative;
    top: 50%;left: 50%;
    transform: translate(-50%,-50%);
}
.sub-complete{
    text-decoration: line-through;
    color: #989898;
}
.wrap-subicon{
    
/* display: flex; */position: absolute;right: 0;padding-right: 5px;z-index: 10;top: 50%;/* width: 100% !important; */transform: translateY(-50%);/* overflow: hidden; */}

.wrap-subicon div {}

.wrap-subicon i {padding: 0 5px;cursor: pointer;}
.sub-icon-edit{
    font-size: x-large;
    z-index: 10;
    position: relative;
    /* top: 50%; *//* transform: translateY(-50%); */
}

.sub-icon-edit:hover {
    color: #fff;
    transform: scale3d(1.5, 1.5, 0.5);
    transition: 0.5s cubic-bezier(0.2, 0.82, 0.165, 1);
}
.wrap-subicon .ajax-edit-sub{
    /* visibility: hidden; */
}
.chuaicon{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-right: 29px;
}

.chuainput{
    padding:0;
/* visibility: hidden; */display: none;}
/************************* scrollbar *********************/
/* width */
::-webkit-scrollbar {
    width: 2px;
    /* display: none; */
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, rgb(0, 195, 255), rgb(217, 0, 236));
    border-radius: 100vh;

  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
  /* ============================================ 
                @media Rule
===============================================*/
@media all and (max-width: 1920px){
    .wrap{
        /*grid-template-columns: repeat(7,1fr);*/
    }

.wrap_phantrang {
    grid-column-end: 8;
}  
}/*** 1920px ***/

@media all and (max-width: 1440px){
    .wrap{
        grid-template-columns: repeat(6,1fr);
    }

    .wrap_phantrang {
        grid-column-end: 7;
    }
    
    .motcongviec span{
        font-size: 0.81vw;
    }
}/*** 1440px ***/

@media all and (max-width: 1161px){
    .thanhxuly .col-lg-auto{
        /* margin-top: 10px; */
    }
}/*** 1161px ***/
@media all and (max-width: 1150px){
    .wrap{
        grid-template-columns: repeat(5,1fr);
    }

    .wrap_phantrang {
        grid-column-end: 6;
    }  

    .loadnoidung{
        width: 96vw;
        /* left: 2vw; */
    }
    .motcongviec span{
        font-size: 1vw;
    }
}/*** 1150px ***/
@media all and (max-width: 991px){
    .codinh-thanhxuly{
        max-height: 0;
    }
    #loc-ngayhoanthanh{
        color:#f1f1f1;
    }
    .menuleft{
        position: fixed;
        z-index: 10;
        top: 47px;
        height: 100vh;
        display: none;
    }
    .header{
        position:fixed;
        z-index: 10;
        width: 100%;
    }
    .menu{
        /* display: none; */
    }
    
    .berger {
        display:block;
        z-index: 11;
    }
    .right-content{
        position: relative;
        top: 40px;
        /* padding: 0; */
    }
    .thanhxuly{
        position: fixed;
        z-index: 9;
        top: 40px;
        display: none;
    }
    .icon-filter{
        cursor: pointer;
        display: block;
    }
    .mot-xuly{
        margin-top: 10px;
    }
}/*** 991px ***/
@media all and (max-width: 960px){
    .wrap{
        grid-template-columns: repeat(5,1fr);
    }

    .wrap_phantrang {
        grid-column-end: 6;
    }
    
    .motcongviec span{
        font-size: 1.23vw;
    }
}/*** 960px ***/
@media all and (max-width: 768px){
    .wrap{
        grid-template-columns: repeat(3,1fr);
    }

    .wrap_phantrang {
        grid-column-end: 4;
    }  
    .loc-thoigian{
        margin-top: 10px;
    }
    .phantrang{
        /* margin-top:10px; */
    }
    #list-trangthai{
        margin: 10px 0;
    }
    .motcongviec span{
        font-size: 2vw;
    }
}/*** 768px ***/
@media all and (max-width:700px) {
    .avatar{/* max-width: 11%; *//* padding-right: 13% !important; */}
    .noidung-cmt{
        max-width: 87%;
    }
}
@media all and (max-width: 582px){
    .wrap{
        grid-template-columns: repeat(2,1fr);
    }

    .wrap_phantrang {
        grid-column-end: 3;
    }  
    .phantrang{
        padding-top: 10px;
    }
    .loadnoidung{
        width: 100vw;
        height: 100vh;
        max-height: 100%;
        /* left: 0; */
        /* top: 0; */
    }
    
    .motcongviec span{
        font-size: 3vw;
    }
}/*** 582px ***/