@import url('https://fonts.googleapis.com/css?family=Saira:300,400,700&display=swap&subset=vietnamese');



/*-------- Phổ thông ----------- */
html {scroll-padding-top: 90px;scroll-behavior: smooth; }
body { font-family: 'Saira', sans-serif; padding: 10px; font-size:14px;background-color: #fcf9ff;margin:0px; }
form { margin-bottom: 20px; }
table { font-family: 'Saira', sans-serif; border-collapse: collapse; width: 100%; }
th, td { font-family: 'Saira', sans-serif; border: 1px solid #ccc; padding: 8px; }
a { color: #000; text-decoration: none; }
button {font-family: 'Saira', sans-serif;}
select {    font-family: Saira !important; border-radius: 4px;  }
input {  font-family: Saira !important; border:0px;  display: block; width: 100%; margin-bottom: 10px; border-radius: 4px;padding: 0px 0px 0px 4px;}
textarea { font-family: Saira !important;border:0px;  display: block; width: 100%; margin-bottom: 10px; border-radius: 4px;padding: 0px 0px 0px 4px; resize: vertical;   }
img:hover{opacity: 0.8;}



h3{font-size:20px;font-weight:bold}
.h_light{margin:2px 0px}
      
 /* Thanh trượt */
::-webkit-scrollbar {    width: 0px;    }
      
      
 #mobilelogo{display:none}

div { -webkit-tap-highlight-color: transparent; /* Cho trình duyệt Safari */
    tap-highlight-color: transparent; /* Cho trình duyệt Android */
      }

      .top-button {
        cursor: pointer;
        font-family: Saira;
        border-radius: 18px;
        border: 0px solid #cccccc;
        width: auto;
        background-color: #dedede8a;
        margin: 0px 6px 7px 0px;
        padding: 3px 13px 3px 13px;
        font-size: 14px;
        touch-action: manipulation;
        box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
      }
      


    .buttonLeft {
        cursor: pointer;
        font-family: Saira;
        border: 0px solid #cccccc;
        width: 98%;
        border-radius:6px;
        /*border-top:1px solid #e6e6e6;
        border-bottom:1px solid #e6e6e6; */
        background-color: transparent;
        margin: 0px 6px 0px 0px;
        padding: 8px 13px 8px 13px;
        font-size: 14px;
        touch-action: manipulation;
        box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
      }
    .buttonLeft:hover{background-color: #ececec85;}
        
    .buttonLeft.selected {background-color:#def3fe}

      .top-button-filter {
        cursor: pointer;
        font-family: Saira;
        border-radius: 2px;
        border: 1px solid #cccccc;
        width: auto;
        margin: 0px 10px 7px 0px;
        padding: 3px 13px 3px 13px;
        font-size: 14px;
      }

      .top-button:hover {
        filter: brightness(1.05);
      }

      .injobs-button {
        padding: 0px 6px 0px 6px;
        cursor: pointer;
        font-family: Saira;
        border: 0px solid #cccccc;
        border-radius: 2px;
        padding: 1px 13px 1px 13px;
        font-size: 13px;
        background-color: #e6e6e6;
      }

      #printhere{min-height:700px}

      #Header{width:100%;background-color: #fcf9ff; border-bottom:0px solid #cdcdcd;margin-bottom:10px;position: fixed;z-index: 9999;left: 0;top: 0;}
      #avtarimg {filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.7));}

    #Headermain{margin:auto;border:0px solid #cdcdcd;border-radius:6px;padding:8px 18px 0px 18px;}
    #mainlg {cursor: pointer;display: inline-block;	/*vertical-align: bottom;*/} 
    #Header_avatar{height:40px;float: right;padding-top: 1px;width:3%;}
    #Viewaccount{margin-top:0.5px}

    #Thantrang{  margin:auto;width: 60%;padding:70px 0px 100px 0px;  }
    #Bodycontent {max-width:1200px;width:96%;margin:auto;border-radius:6px;padding:8px 10px 0px 6px;}

    #thantrai{position: fixed;top: 0px;padding:70px 0px 60px 10px;float:left;width:18%;height:100vh;border-right:0px solid #cdcdcd;overflow: scroll;}
    #thanphai{position: fixed;padding:86px 10px 10px 10px;float:right;width:18%;height:100vh;border-left:0px solid #cdcdcd;right: 0px;top: 0px;}
    #quote{height:20px;resize:none;margin:0px;width: 95%;background-color: transparent!important;;outline: none;}
    #Titlecount{color: #767676;font-size: 20px;font-weight: bold;padding: 25px 0px 0px 6px;}

    .appslist {border:1px solid #fff;font-size:12px;border-radius:6px;border:0px solid #cdcdcd;width:20%;max-width:80px;float:left;cursor: pointer;padding:10px;text-align:center;margin-right:10px}
    .appslist_horizon {display: flex; align-items: center; gap: 10px; cursor: pointer;padding: 4px;border-radius: 4px}
    .appslist_horizon:hover {background-color: #ececec85;}


      #Onejobs {
        /* width: 98%; */
        overflow: hidden;
        font-size:14px;
        background-color: #fff;
        padding: 14px 16px 14px 16px;
        border-radius:6px 6px 0px 0px;
        border: 1px solid #d9d9d985;
        border-bottom: none;
        border-bottom:1px solid #d9d9d985;
        margin: 6px 0px 0px 0px;
      }

      #Onejobs:hover {
        background-color: #FDFDFD;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

      }

      #Onejobs-left {
        float: left;
        width: 47%;
        border: 0px solid #cdcdcd
      }

      #Onejobs-right {
        float: right;
        min-height: 180px;
        width: 48%;
        background-color: #fff;
        border-radius: 6px;
        padding: 14px;
        border: 0px solid #cdcdcd;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
      }

      #Onejobbottom{/* width: 98%; */margin-bottom:20px;border: 1px solid #d9d9d985;padding:6px 16px 16px 16px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow:auto;height:auto;background-color:#fff;
      }

      .One_bottomchild1{cursor: pointer;margin-left: 10px;border:0px solid #cdcdcd;width:370px;height:30px;float:left}
      .bottomchild1_light{width:240px;}
      .One_bottomchild2{cursor: pointer;border:0px solid #cdcdcd;height:30px;}

      .Cmtdad{width:99%;padding:2% 0% 1.5% 1%;border-bottom:1px solid #e6e6e6;border-radius: 6px;}
      .Cmtchild1{display: inline-block;border-right:1px solid #cdcdcd; padding-left:6%;vertical-align: middle;width:16%;}
      .Cmtchild2{display: inline-block; vertical-align: middle;width:50%;padding-left:20px;}
      .Inputnewcmt{float:left;display: inline-block;border-right:1px solid #cdcdcd;padding-left:0%;vertical-align: middle;width:66%;}
      .Sendcmt{font-size:16px;padding-top: 3px;cursor: pointer;display: inline-block; vertical-align: middle;width:20%;float:right;padding-left:20px;}
      .cmt_line{margin-top:10px; padding:8px; background:#f2f2f2; border-radius:6px; font-size: 15px;}
      .nofioder{display:inline-block;margin-left: -5px;background-color: #924825;padding: 0px 12px 0px 8px;border-radius: 12px;font-size: 12px;color:white}
      
       .Cmtdad:hover { background-color: #fbfbfd; }
       .addnewButton { position: fixed;bottom:80px;cursor: pointer;vertical-align: middle;background: linear-gradient(296deg, #00549d -3.83%, #41a7ff 92.22%) padding-box;padding:8px;border-radius:50%; height:40px;width:40px;box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;z-index: 10000;filter: opacity(0.7);}
       .addnewButton:hover{filter: opacity(1);}
       
       #jobstitle {font-size: 24px;}

      #DescriptionCSS {
        width: 85%;font-size:16px;margin:10px 0px 20px 0px;color:#383838;white-space: pre-line; }

      #someStatus{padding:0px 0px 0px 0px}

      #nameaccountcss{padding:10px 0px 0px 0px;text-align:right;height:40px;float:left;width:74%}

      /*Edit & Newjobs */
      .Descrip-duanCSS{margin-left:106px}
      .Format-duanCSS{margin-left:77px}
      .Loai-duanCSS{margin-left:106px}
      .Chiendich-duanCSS{margin-left:78px}
      .Status-duanCSS{margin-left:78px}
      .Open-duanCSS{margin-left:53px}

      .Jobs-CSS{margin-left:48px}
      .Nhanvien-CSS{margin-left:44px}
      .Start-CSS{margin-left:60px}
      .Deadline-CSS{margin-left:54px}
      .Status-CSS{margin-left:45px}
      .Brief-CSS{margin-left:18px}
      .Result-CSS{margin-left:62px}

      #myPopup { 
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        padding-top: 40px;
        background-color: rgba(0, 0, 0, 0.5);
      }

      #myPopupMax { 
        display: none;
        position: fixed;
        z-index: 11000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        padding-top: 20px;
        background-color: rgba(0, 0, 0, 0.5);
        overflow-y: auto; 
      }


      #myMiniPopup { 
        display: none;
        position: fixed;
        z-index: 10000;
        left: 16px;
        bottom: 30px;
        border-radius:6px;
      }

      #printMiniPopup{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
      border-radius:6px;
      }

      .close {
        color: #aaa;
        float: right;
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
      }

      .close:hover {
        color: white;
      }

      #Status {
        display: inline;
        margin-right: 4px;
        font-size: 13px;
        background-color: #def3fe;
        border-radius: 2px;
        height: 22px;
        padding-left: 13px;
        padding-right: 13px;
      }
      
      .Filterleft {display: inline-block;padding: 10px 8px 0px 9px;cursor: pointer;display: inline-block;vertical-align: middle;width: 91%;margin-bottom: 5px;border-radius: 6px;}
      .Filterleft:hover {background-color:#e6f6fe}

      .infomaionBox{
          display: inline-block;margin-right: 4px;margin-bottom: 3px;border: 0px solid #cdcdcd;border-radius: 2px;height: 22px;padding-left: 13px;padding-right: 13px;background-color: #def3fe;
      }

      #Status:hover {
        filter: brightness(1.05);
      }

      /*Menu chính */
      #Dropdown {display:none;width:200px;}
      #Dropdown_child1{width:90%;white-space: normal;}
      #Dropdown_child1s {float:left;width:86%;overflow-x:auto;}
      #Dropdown_child2 {display:none;float:right;padding-left:10px;width:10%;cursor: pointer;transform: rotate(0)}
      
      .TitleNewnofi{margin:10px 0px 5px 0px}
      .Newnofiarea{width:40%}


      .Avatarnomal{border-radius:6px;border:0px solid #fff;width:20%;max-width:80px;float:left;cursor: pointer;padding:10px;text-align:center;margin-right:10px}
      .fade-in-up {  animation: fade-in-up 0.5s ease-in-out forwards;  }

/* ------------ Viewjobs Light ----------- */
    #Onejobs_light {margin:auto;background-color:#fff;overflow: hidden; width: 96%; border: 1px solid #e6e6e6cc; padding: 6px 2%; border-radius: 0px;white-space: nowrap; }
    #Onejobs_light:hover { background-color: #FDFDFD; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;    }
    #Onejobs-top_light{width: 100%;display: flex;align-items: flex-start;}
    #Onejobbottom_light { width: 96%;display: flex;margin-bottom:0px;border: 1px solid #e6e6e6cc;padding:6px 2%;overflow:auto;height:auto;background-color:#fff;   }
    #Buttonright_light {margin-left: auto;cursor: pointer;overflow: hidden;display: inline-flex; vertical-align: top; width: 180px; border: 0px solid #cdcdcd;padding:3px 3px 3px 3px}
    #Headcontrol {line-height:14px;overflow:auto}
    
    .expand_light{border-bottom:0px;padding-bottom:8px;background-color:#fff}
    
/* ------------ Taskbar Footer --------------- */
.footer-taskbar {
  display:none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding:8px;
  background-color: #f2f2f2;
  border-top: 1px solid #ccc;
  font-size: 10px;
  z-index: 999;
  overflow: hidden; /* Ẩn scroll nếu không cần */
}

#networkOfflinePopup{display:none!important;position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,0.6);color:white;display:flex;align-items:center;justify-content:center;font-size:20px;pointer-events: all;}

.footer-scroll {
  display: flex;
  align-items: center;         /* Căn giữa theo chiều dọc */
  justify-content: center;    /* ✅ Căn giữa theo chiều ngang */
  height: 100%;
  padding: 0 10px;
  padding-right: 40px;
  white-space: nowrap;
  overflow-x: auto;            /* Nếu có nhiều apps thì vẫn cho trượt ngang */
  scrollbar-width: none;         /* Firefox */
  -ms-overflow-style: none;      /* Internet Explorer và Edge cũ */
  transition: transform 0.5s ease-in-out;
  scroll-behavior: smooth;
}

.appslist_taskbar {
  flex: 0 0 auto;
  width: 80px;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px; /* Căn đều hai bên */
  cursor: pointer;
}

.appslist_mobilelogo {
  flex: 0 0 auto;
  width: 80px;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 26px 0px 0px; /* Căn đều hai bên */
  cursor: pointer;
}

.appslist_taskbar img {
  height: 36px;
  object-fit: contain;
}

.al_imgbox{height: 65px;display: flex;align-items: center;justify-content: center;}

.note-title{cursor:pointer}

#trieuviewTitle{display: flex;  margin-top:10px;align-content: center; flex-direction: row; gap: 8px;justify-content: space-between;}
#scroll_block {width:70%;margin-right:1%;margin-right:0%;float:right;background-color:white;border-radius:6px;height:50px;padding:8px;overflow: hidden;border: 1px solid #d9d9d9;pointer-events: auto;}
#scroll-titlevideo{color:#1a76c6}
.leftItem {padding: 6px 6px;cursor:pointer;border-radius: 6px;margin-bottom:10px;opacity: 0.8;}
.leftItem:hover {background-color: #ececec85;;opacity: 1;}

.table_account {width: 80%;}
.table_account table {border: 1px solid #ffffff;}
.table_account td { border: 1px solid transparent;padding: 3px 0px; }


.toolbarFixed{
  position:fixed;
  bottom:80px;
  left: 50%;
  transform: translateX(-50%);
  padding-right:40px;
  margin:auto;
  z-index: 10000;
  pointer-events: none;
}
.backTop{
  filter: opacity(0.4);
  border-radius:50%;
  width:40px;
  height:40px;
  background-color: #ffffff;
  display:flex;
  justify-content: center;
  align-items: center;
  float:right;
  pointer-events: auto;
}
.backTop:hover{filter: opacity(1);filter: invert(100%);}      
.img_arrow{transition: transform 0.5s ease-in-out;cursor:pointer;}



/* >>>>>>>>>>>>>> PC MÀN HÌNH NHỎ --------------------      */
@media screen and (max-width: 1200px) {
  #Headermain{
    max-width:1200px;width:94%;margin:auto;border:0px solid #cdcdcd;border-radius:6px;padding:8px 10px 0px 3px;
  }
  #Dropdown_child2{display:block}
   #Thantrang{width: 100%; }
  #thantrai{display:none}
  #thanphai{display:none}
  .footer-taskbar{display:block}
  #Dropdown {display: block;width:100%;height:40px;margin-top:0px;}
  #Dropdown_child1 {float:left;width:86%;overflow-x:auto;white-space:nowrap;mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%);}
  #Header_avatar{width:3%;height:40px;float: right;}
}



/* >>>>>>>>>>>>>> MÁY TÍNH BẢNG  <<<<<<<<<<<<<< */
@media screen and (max-width: 890px) {
        
        #Header_avatar{width:7%;}
        
        /*Khi màn hình < 900px */
        #Onejobs-left {
          min-height: 140px;
          width: 99%;
          border: 0px solid #cdcdcd;
        }

        #Onejobs-right {
          min-height: 140px;
          width: 94%;
          margin-top: 10px;
          border-radius: 6px;
          padding: 3%;
          border: 1px solid #cdcdcd;
        }

        #Onejobs {
          padding: 2% 3% 1% 3%;
          width: 94%;
        }

        #Onejobbottom{
          width:94%;
          padding:2% 3% 1% 3%;
        }

        .One_bottomchild1{width:240px}
        
        .Cmtchild1{width:28%}
        .Cmtchild2{}
        

        #DescriptionCSS {
          width: 100%;margin-bottom:20px;border-radius:4px;min-height:30px;
        }
        
        #someStatus{padding:5px 0px 8px 0px}
        
        #nameaccountcss{width:64%;display:none}
        #Viewaccount{width:50%!important;}
}


/* >>>>>>>>>>>>>> DI ĐỘNG <<<<<<<<<<<<<< */
@media screen and (max-width: 600px) {
      
      #Headermain{width:96%; }
      #mainlg{display:none}
      #mobilelogo{display:flex;align-items: center;} #mobilelogo img {}
      body {padding: 0px;}
      #Bodycontent {width:100%;padding:0px}
    
      #Thantrang{padding: 80px 0px 100px 0px}
      #viewpage{padding-left:1px}
      #Header{padding-left:6px}
      #Header_avatar{width:14%;;}
      #Headcontrol{margin: auto;width: 96%!important}
      #quote{height:auto}
      
      .footer-taskbar{display:block}
      .footer-scroll{justify-content: flex-start;}
      
      
      /*#Onejobs_light{width:93%!important}*/
      #DescriptionCSS_light {display:none!important}
      #DescriptionBottom_light { display:block!important; }
      #Jobsname_light {width: 170px!important}
      /* #Onejobs-top_light{border-bottom: 1px solid rgb(242, 242, 242);padding-bottom: 8px;} */
      #Onejobs-right_light {width: 92%!important;padding:0px!important;float: left!important }
      #Onejobs-left_light{width: 92%!important; }
      #Buttonright_light { flex-direction: row;justify-content: flex-end;}
      #Onejobbottom_light {width:96%;margin:auto}
      .One_bottomchild2{float:right;margin-right: 8px;}
      .imgRight {display:none!important}
      
      .addjobsbutton {bottom:80px}
      #jobstitle{font-size:20px;}
      
      
      #trieuviewTitle{ flex-direction: column;gap:0px}
      .mobile {font-size:20px}
      
      .table_account {width: 100%;}
      .hidemobile{display:none}
}


/* ----------- CSS Loading ----------- */
.lds-ellipsis {
  display: none;
  position: relative;
  width: 10px;
  height: 10px;
}
.lds-ellipsis div {
  position: absolute;
  top: 0px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #404040;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


/* ----------- Hiện dần ----------- */
@keyframes fade-in-up {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
      }

      .fade-out-down {
      animation: fade-out-down 0.5s ease-in-out forwards;
      }

      @keyframes fade-out-down {
      0% {
        opacity: 1;
        transform: translateY(0);
      }
      100% {
        opacity: 0;
        transform: translateY(20px);
      }
      }
      
      /*DARK MODE SETUP */
:root {
  --bg-color: #ffffff;
  --text-color: #000000;
  --primary-color: #007bff;
  --border-color: #dddddd;
}

.dark {
  --bg-color: #121212;
  --text-color: #eeeeee;
  --primary-color: #3399ff;
  --border-color: #333333;
}


.rotateReload{ animation: xoaytron 0.4s linear 1 forwards;}
@keyframes xoaytron {  0% { transform: rotate(0deg);  }  100% { transform: rotate(360deg); } }


/* ----------- DARK MODE ---------- */
@media (prefers-color-scheme: dark) {

body { background-color: #212121; color: #d4d4d4; }
    
#Header {background-color:#242528;border-color:#3d3d3d;}
#thantrai,#thanphai{border-color:#3d3d3d;}
.footer-taskbar{background-color:#242528;border-color:#3d3d3d;}
#Titlevitri {color:#d6d6d6}
.imgFilter{filter: grayscale(100%);}
.img_arrow{filter: grayscale(100%);}
.top-button{background-color:#dedede;color:#000}
.buttonLeft{border-color:#3d3d3d;color:#fff;box-shadow:rgb(63 63 63 / 70%) 0 1px 0 0 inset}
.buttonLeft:hover{background-color:#3d3d3d}
.buttonLeft.selected {background-color:#5c5c5c}
#FilterIcon:hover{background-color:#3d3d3d}
.appslist_horizon:hover{background-color:#3d3d3d}

#Onejobs{background-color:#2c2c2c;border-color:#3d3d3d!important}
#Onejobs:hover{background-color:#2f2f2f;border-color:#3d3d3d}
#Onejobbottom{background-color:#2c2c2c;border-color:#3d3d3d}
#DescriptionCSS{color:#d6d6d6}
#Onejobs-right{background-color:#333438;border-color:#3d3d3d}

#Onejobs_light{background-color:#3d3d3d91!important;border-color:#3d3d3d!important}
#Onejobs_light:hover{background-color:#3d3d3d!important}
#Onejobbottom_light{background-color:#3d3d3d91;border-color:#3d3d3d}
#Onejobs-top_light{border-color:#3d3d3d!important}

#Status{color:#111111}
.imgInvert,.edittool, .cmt_img {filter: invert(100%);}
.Addoderjobs{filter: invert(100%);}
.Cmtdad{border-color:#3d3d3d;background-color:#292a2d!important;}
.Cmtdad:hover {background-color:#292a2d!important;}
.infomaionBox{color:#111111;background-color:#c1c2c3}
.cmt_line{background-color:#303236;}
.Nofioder{background-color:#924825}

.Avatarnomal{border-color:#3d3d3d}
#reloadimg{filter: invert(100%);}
.popup-content{background:#303236!important}

#Thanbai{background-color:#292a2d!important;border:0px!important}
#Titleall{background-color:#292a2d!important;border-color:#3d3d3d;border:0px}
.nicEdit-panel{background-color:#292a2d!important;color:#2c2c2c!important;margin:0px!important}
#boxTomtat{background-color:#292a2d!important;border:0px!important}
.nicEdit-panelContain{border:0px!important}
.nicEdit-pane{color:#2c2c2c!important}
#Thantrainews{background-color:#292a2d!important}
#boxKeywork{background-color:#292a2d!important;border:0px!important}

input, select, textarea {background-color:#292a2d!important;color:#d6d6d6!important}
a {color:#d6d6d6}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-internal-autofill-selected { -webkit-box-shadow: 0 0 5px 30px #343434 inset !important; -webkit-text-fill-color: #ffffff !important;background-clip: content-box !important;  }

/* Trieuview */
[id^="buttonPlay"] {filter: invert(100%);}
[id^="buttonLoop"] {filter: invert(100%);} 
[id^="buttonPause"] {filter: invert(100%);} 
#img_puplic, #img_private {filter: invert(100%);}
#scroll_block {background-color: #414141;color:white;border-color: #666666}
#scroll-titlevideo {color:white;}
.leftItem:hover{background-color:#3d3d3d}


/* MKT Plan */
.slide-box{background-color:#414141bd!important} 
.slide-box.active-slide{background-color:#6a6a6a!important}
.tox-editor-header{background-color:#292a2d!important;}
.tox .tox-edit-area__iframe{background-color:#292a2d!important;color:white}
.mce-content-body {color:white!important}

.tox-toolbar-overlord{opacity: 0.1;}
.tox-toolbar-overlord:hover{opacity: 1;cursor:pointer}
.tox-toolbar__primary{background-color:#525252bd!important;color:white}
    
}

    .button_blue {background-color:#1a76c6;color:white}
    .button_red {background-color:red;color:white}