@charset "UTF-8";
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding-left: 5px;
  padding-right: 5px; }

.ant-modal-content {
  margin-top: 50px !important; }

::-webkit-scrollbar {
  display: block !important; }

.bt-number {
  cursor: context-menu;
  margin-bottom: 10px; }

.check-img {
  margin-top: 10px;
  height: 40px;
  width: 40px; }

.btn-v2 {
  color: #ffffff;
  border: 1px solid;
  cursor: pointer;
  display: inline-block;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  padding: 10px 15px 10px 15px;
  border-radius: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  margin-bottom: 10px; }

.pass-border {
  border: 1px solid #ec7a08;
  padding: 10px;
  background-color: #fdf2e5;
  size: 12px; }

.ant-input {
  height: 40px !important; }

.pass-v1 {
  color: black !important;
  margin-bottom: 0px; }

.pass-v2 {
  color: black !important;
  margin-left: 10px;
  margin-bottom: 0px; }

.btn-v1 {
  color: #ffffff;
  border: 1px solid #007AA4;
  cursor: pointer;
  display: inline-block;
  background: #007AA4;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  padding: 10px 15px 10px 15px;
  box-sizing: border-box;
  margin-bottom: 10px; }

.hover-tr:hover {
  background-color: aliceblue;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

::-webkit-scrollbar-thumb {
  display: block !important; }

.role-pc {
  display: block;
  overflow-y: scroll;
  position: relative;
  height: 150px; }

.swapper-profile {
  height: 100% !important;
  margin-top: -16px !important;
  background: #F5F5F5 !important;
  min-width: 1280px !important; }

.profile-sec-one {
  border: 1px solid #E8E8E8 !important;
  background: #FFFFFF !important; }

.main-content-profile {
  padding-bottom: 40px;
  padding-top: 80px;
  position: relative;
  background-image: url("../images/homeback-drown-bg.png");
  background-position: left;
  background-repeat: no-repeat;
  background-position-y: top;
  background-size: 100% auto;
  margin-bottom: -10px !important; }

/*Bread crumbs*/
.bread-crumb {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #8c8c8c; }

.bread-crumb a:link {
  color: #8c8c8c;
  background-color: transparent;
  text-decoration: none; }

.bread-crumb a:hover {
  color: #007AA4;
  background-color: transparent;
  text-decoration: underline; }

.current-bread-crumb {
  font-weight: normal;
  font-size: 14px;
  color: #007AA4;
  line-height: 22px; }

.bread-crumbs {
  width: 77.5%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0px; }

/*Bread crumbs*/
/*Side bar*/
.side-bar {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding-top: 16px;
  border: 1px solid #E8E8E8; }

.side-bar-user h3 {
  margin-top: 16px;
  font-weight: 500;
  color: #262626;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px; }

.side-bar-user p {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #1890FF;
  margin-bottom: 16px; }

.side-bar-user p:first-of-type {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
  margin-bottom: 8px; }

.side-bar-user {
  border-bottom: 1px solid #E8E8E8;
  padding: 16px; }

.side-bar-menu {
  padding: 16px; }

.side-bar-menu h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #262626; }

.side-bar-menu a {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #595959; }

.side-bar-menu a.active {
  font-weight: 500;
  color: #007AA4; }

.side-bar-menu .col-12 {
  margin-bottom: 12px; }

.side-bar-menu img {
  padding-right: 10px; }

.blue-circular-btn {
  color: #ffffff;
  cursor: pointer;
  background: #007AA4;
  border-radius: 50%;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 6px;
  border: none;
  position: absolute;
  top: 5%;
  left: 90%;
  transform: translate(-50%, -50%); }

.space-between-row {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row; }

.blue-btn {
  color: #ffffff;
  border: 1px solid #007AA4;
  cursor: pointer;
  display: inline-block;
  background: #007AA4;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 10px;
  box-sizing: border-box; }

.blue-btn-dis {
  color: #ffffff;
  border: 1px solid #5eb5d3;
  cursor: pointer;
  display: inline-block;
  background: #5eb5d3;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 10px;
  box-sizing: border-box; }

.cancel-btn {
  color: black;
  border: 1px solid #F5F5F5;
  cursor: pointer;
  display: inline-block;
  background: #F5F5F5;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 10px;
  box-sizing: border-box; }

.btn-nghiep-vu {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  width: 100%;
  border: 1px solid grey;
  cursor: pointer;
  display: inline-block;
  background: #007AA4;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 16px 24px;
  margin-top: 16px; }

/*Side bar*/
/*Main content*/
.main-content {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  /*margin-left: 30px;*/ }

.main-content .item {
  padding: 16px; }

.item {
  background: #FFFFFF !important; }

.main-content h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin-bottom: 0px; }

.main-content h2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #262626;
  margin-bottom: 0px; }

.main-content p {
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #595959; }

.input {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  display: block;
  width: 100%;
  height: 40px;
  background: #f5f5f5;
  padding-left: 15px;
  color: #BFBFBF;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px; }

.offset-right-6 {
  margin-right: 50%; }

.sdt {
  background: #FFFFFF; }

.input:focus {
  outline: none;
  /* Remove default outline and use border or box-shadow */
  box-shadow: 0 0 0 2px #0c5460;
  /* Full freedom. (works also with border-radius) */ }

/*Main content*/
.close-btn {
  background: #FFFFFF;
  cursor: pointer;
  border-radius: 50%;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 6px;
  border: none;
  position: absolute;
  top: 2%;
  left: 50%;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  transform: translate(-50%, -50%);
  color: #000000; }

.modal-body h5 {
  padding-bottom: 16px;
  border-bottom: 1px solid #e8e8e8; }

.upload-btn {
  color: #1890FF;
  cursor: pointer;
  display: inline-block;
  background: #FFFFFF;
  border-radius: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 9px 16px;
  border: 1px dashed #1890FF; }

.btn-vai-tro {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
  padding: 9px 16px;
  width: 100%;
  background: #F5F5F5;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 16px; }

.btn-vai-tro.active {
  background: #F1F7FA;
  color: #007AA4; }

.noti-content {
  padding: 16px; }

.search-btn {
  background: #F5F5F5;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  color: #595959;
  cursor: pointer;
  padding: 0.625rem 1rem;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  line-height: 25px; }

.pagination li button, .pagination li a {
  background: #FFFFFF;
  color: #8c8c8c;
  padding: 5px 12px;
  border-radius: 4px;
  margin-right: 5px;
  margin-top: -16px;
  border: 0px; }

.pagination li .is-active {
  background: #007AA4;
  color: #FFFFFF; }

.delete-btn {
  color: #FF4D4F;
  cursor: pointer;
  display: inline-block;
  background: #FFFFFF;
  border-radius: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 9px 16px;
  border: 1px dashed #FF4D4F; }

.search-input {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 22px;
  color: #BFBFBF;
  margin-right: 10px; }

.main-content-dashboard {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  /*margin-left: 30px;*/ }

.main-content-dashboard-2 {
  background: #F5F5F5;
  /*margin-left: 30px;*/ }

.main-content-dashboard .item {
  padding: 16px; }

.main-content-dashboard h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin-bottom: 0px; }

.main-content-dashboard h2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #262626;
  margin-bottom: 0px; }

.main-content-dashboard p {
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #595959; }

.input {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  display: block;
  width: 100%;
  height: 40px;
  background: #f5f5f5;
  padding-left: 15px;
  color: #BFBFBF;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px; }

.input-v2 {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  display: block;
  width: 100%;
  height: 40px;
  padding-left: 15px;
  color: black;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  background-color: white; }

.offset-right-6 {
  margin-right: 50%; }

.sdt {
  background: #FFFFFF; }

.input:focus {
  outline: none;
  /* Remove default outline and use border or box-shadow */
  box-shadow: 0 0 0 2px #0c5460;
  /* Full freedom. (works also with border-radius) */ }

.item {
  background: #FAFAFA;
  border-radius: 8px;
  padding-bottom: 16px; }

.item h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #262626; }

.item h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin-bottom: 0px; }

.item p {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #8C8C8C; }

.circular-btn {
  color: #ffffff;
  cursor: pointer;
  background: #007AA4;
  border-radius: 50%;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding: 20px 16px;
  border: none;
  margin-bottom: 8px; }

.input {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  display: block;
  width: 100%;
  height: 40px;
  background: #f5f5f5;
  color: #595959;
  padding-left: 5px;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px; }

.timkiem {
  background: #FFFFFF; }

/*Custom checkbox*/
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 15px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0px; }

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.checkmark {
  position: absolute;
  top: 0px;
  left: -10px;
  height: 20px;
  width: 20px;
  background-color: white;
  border: 1px solid #BFBFBF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px; }

.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc; }

.checkbox-container input:checked ~ .checkmark {
  background-color: #007AA4; }

.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.checkbox-container input:checked ~ .checkmark:after {
  display: block; }

.checkbox-container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.mk {
  color: #007AA4 !important;
  margin-bottom: 16px !important; }

.bg-col {
  background: #F5F5F5; }

.hoan-thanh-tag {
  background: #EBFAEF;
  border: 1px solid #2EB553;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 4px 8px;
  color: #2EB553;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px; }

.dang-thuc-hien-tag {
  padding: 4px 8px;
  color: #FFC53D;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
  background: #FFFBE6;
  border: 1px solid #FFE58F;
  box-sizing: border-box;
  border-radius: 20px; }

@media (max-width: 767px) {
  .main-content {
    margin-left: 0px; } }

@media (max-width: 875px) {
  .side-bar-user {
    padding: 0px; } }

@media (max-width: 768px) {
  .checkboxes {
    padding-left: 12px; } }

#info-preson-edit {
  display: block;
  width: 40%;
  margin: auto; }

.bread-crumbs-ttcn {
  width: 100%;
  padding: 20px 0px; }

table {
  height: auto !important; }

.role-st {
  font-size: 14px !important;
  line-height: 22px !important;
  color: #1890FF !important; }

.dsgt-pc {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px; }

.border-cvdgs {
  padding: 24px;
  border-bottom: 1px solid #e8e8e8; }

.style-t-dsgt {
  padding: 24px;
  background: #F5F5F5; }

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #007AA4 !important;
  color: #FFF !important; }

.el-pager li:hover {
  color: #007AA4 !important; }

.el-pager active:hover {
  color: white !important; }

/* Avatar */
#egp-profile-avatar {
  border-radius: 50%; }

.backg-content-right {
  background: rgba(230, 247, 255, 0.5) !important; }

.modal.show .modal-dialog {
  width: 80% !important; }

.modal-dialog {
  max-width: 1800px;
  margin: 1.75rem auto; }

.egp-field-error-msg {
  color: red !important; }

field-error {
  color: red; }

.format-date {
  height: 38px !important;
  color: currentcolor !important;
  width: 100%; }

/*Trang cá nhân*/
.custom-btn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 8px 18px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px; }

/* Green */
.custom-color {
  border-color: #007AA4;
  color: #007AA4; }

.custom-color:hover {
  background-color: #a9c7e7;
  color: #007AA4; }

.egp-tabs.ant-tabs-top .ant-tabs-nav-list {
  background: white; }
  .egp-tabs.ant-tabs-top .ant-tabs-nav-list .ant-tabs-tab {
    color: #007AA4;
    margin: 0;
    padding: 8px 10px; }
    .egp-tabs.ant-tabs-top .ant-tabs-nav-list .ant-tabs-tab:hover, .egp-tabs.ant-tabs-top .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn:active {
      color: #1890FF; }
    .egp-tabs.ant-tabs-top .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn {
      color: #1890FF; }
  .egp-tabs.ant-tabs-top .ant-tabs-nav-list .ant-tabs-ink-bar {
    background: #1890FF; }

.egp-tabs.ant-tabs-top > .ant-tabs-nav::before {
  border-bottom: 1px solid #007AA4; }

.ant-tabs-tab.ant-tabs-tab-active {
  border-bottom: 3px solid #007AA4 !important;
  color: #096386 !important;
  z-index: 1; }

.ant-tabs-ink-bar {
  display: none !important; }

.ant-tabs-tab {
  flex: 1 !important;
  text-align: center;
  width: 70% !important; }

.change-color:focus {
  color: #096386 !important; }

.noti-block {
  display: block !important; }

.notification-popup-noti-v2 {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 1%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

.logout-block {
  display: block !important; }

.sw-tile-bg-noti-v2 {
  background: #FAAD14 !important; }

.notification-popup-content-noti-v2 {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 3%;
  color: #222; }

.sw-tile-bg-noti-v2 {
  background: #FAAD14 !important; }

.radio-change-otp-type {
  width: 80%;
  margin: auto;
  margin-top: 30px !important; }