.header{background-color: rgb(163, 247, 175, 0.2); color: black; text-align: right; width: auto;overflow:auto;height: auto;padding: 10px;}
body{padding: 0px; margin: 0px;font-size: 12px;   font-family: 'Muli', sans-serif;}
label{font-weight: normal;}     input[type="checkbox"]{margin: 0px 30%;}
.contentComponent{float:left; padding:20px;min-height:400px; background-color: #eff1f4; margin-left: 10%; width: 80%;}
.language{background-size: 100% 100%; width:30px; height: 20px;margin-left: 10px; margin-right: 10px;}
.banner{background-image: url('../images/banner.jpg');background-size: 100% 100%; width: 100%; height: 150px; margin-top: -40px;}
.cmt{background-size: 100% 100%; max-width: 300px;min-width: 300px;max-height: 400px;min-height: 400px;}
.btn-customer{padding:2px 6px; margin: 5px; font-size: 11px;}
.content-left{margin:20px 50px 20px 20px; padding: 0px 20px 0px 0px; text-align: center;width: auto; height: auto;}
.item-text{float: left; min-width: 10%;max-width: 10%;margin:0px;position: relative; padding: 5px 0px 5px 0px;}
.item-form{margin:0px 40px 0px 0px;}
.rows{margin: 15px 0px 15px 0px;}
.primary{
  background-color: #337ab7;
color: white;
}
.rows .table-responsive{
  overflow-x: inherit;
}
.img-cmt{min-width: 530px; min-height: 150px;text-align: center;float: left;}
.mutilangue .form-control{

}
.datlenh .form-control{width: 100%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
.header-border{border-bottom: 1px solid rgba(156, 164, 179, 0.24);}
.title-content{
  width: 100%;
  text-align: center;
  /* height: 35px; */
  padding: 6px;
  font-size: 17px;

  background-color: #014A24;
  font-style: normal;
  font-weight: bold;
  color: white;
  border-radius: 5px 5px 5px 5px;
  text-transform: uppercase;
}
.inner{width: auto; height: auto; overflow: auto;font-size: 12px;padding: 30px 0px 0px 5px; margin:10px 0px;}
/* fix button 27 => 35px */
.inner .btn{height: 35px; padding: 0px 3px; float: left; min-width: 80px; font-size: 12px; margin:0px 10px;}
.btn-add-account .btn {height: 27px; padding: 0px 3px; float: left; min-width: 80px; font-size: 12px; margin:0px 10px;}
.pull{margin: 5%; font-size: 14px;}
.inner45{width: 45%;float: left;height: auto;padding: 10px;}
.inner45-DauTuDinhKy{width: 45%;float: left;height: auto;padding: 10px 10px 40px 10px}
#inner45-btn{width: 12%;font-size: 13px; font-weight: 120; padding: 0px; float: right; height: 32px; margin: 1px 15px 0px 0px;}
.inner .col-xs-12{padding: 0px; margin: 0px 0px -8px 0px;}
.inner45 .col-xs-12{    margin: 6px 0px 0px 0px;}
.inner45-DauTuDinhKy  .col-xs-12{padding: 3px; margin: 0px 0px 0px 0px;}
.col-xs-12 .col-xs-5 .col-xs-7{padding: 0px; margin:0px;}
.inner45 .form-control{height: 34px;}
.inner45-DauTuDinhKy .form-control{height: 35px;}
.inner45 .btn{font-size: 12px; font-weight: 120; padding: 0px; float: right; height: 28px; margin: 15px 3% 0px 10px;}
.inner45-DauTuDinhKy .btn{font-size: 12px; font-weight: 100; padding: 0px; float: right; height: 28px; margin: 0px 12% 0px 10px;}
.inner55 .btn{font-size: 11px; font-weight: 120; margin-right: 15px; height: auto; margin: 1px 15px 0px 10px;overflow: auto;}
.inner55{    width: 50%;
  float: right;
  height: auto;
  padding: 10px;
  font-size: 12px;
  margin-right: 28px;
  font-weight: 100;}
/* .add-info-account .react-datepicker-wrapper .form-control {
  width: 81%;
} */
.inner55-default{
  /* height: 110px; */
  background-color: #f2f2ef;
  padding: 10px;
  margin: 0px 0px 10px 0px;
}
.dautu-dinhki .col-xs-7 .form-control{height: 25px}
.dautu-dinhki .date-picker{height: 26px}
.dautu-dinhki .col-xs-12  .form-control {width: auto}
.inner55-mua{
  /* height:181px; */
  background-color: rgb(128, 130, 132);
  padding: 5px 10px 5px 10px;
  margin: 10px 0px 10px 0px;
  color: #ffffff
}
.inner55-mua .number-time-countdown{
  color: white;
}

.tab-datlenh .nav-tabs > li > a {
  background-color: #ffffff;
    color: #ff8300;
    border: none ;
}

.tab-datlenh .nav-tabs > li.active > a {
  background-color: white;
  color: #ff8300;
  border-bottom: 2px solid !important;
}
.nav-tabs {
  border-bottom: 1px solid #fff;
}
.inner55-ban{height:181px;background-color: rgb(128, 130, 132);padding: 5px 10px 5px 10px; margin: 10px 0px 10px 0px; color: white}
h5{font-size: 12px; font-weight: 100;}
h4{font-size: 16px; font-weight: 100; margin: 0px 0px 20px 5px;}
.tab-datlenh{background-color: white; margin-top: 20px;}
.nav-future {min-width: 0%}
.acquisition-limit{min-width: 0%}
.active a{font-weight: bold;}
.tab-datlenh h5{font-size: 14px; font-weight: 100;float: left;width: auto;}
.tab-datlenh input[type="button"]{float: left; margin: 0px 10px 0px 10px;font-size: 12px; font-weight: 120; padding: 4px 6px 4px 6px;}
.tab-datlenh input[type="file"]{float: left; margin: 0px 10px 0px 10px;font-size: 12px; font-weight: 120; padding: 4px 6px 4px 6px;}
.tab-datlenh .inner{padding-top: 0px;}
.inner55-title{margin: 0px 0px 19px 0px;font-size: 12px;}
.countdown{width: 30%;height: 100%;overflow: auto;margin:2px 4% 10px 36%;background-color: white; float: left;}
.time-countdown h5{text-align: center;}
.time-countdown{padding: 0px  10px 0px 10px;}
.time-countdown .col-xs-3{padding: 0px 3px 0px 3px;text-align: center;}
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.number-time-countdown{text-align: center;border-radius: 3px; background-color: transparent; color: white; font-size: 18px; font-weight: 300;}
/* .table-solenh{width: 100%; max-height: 300px;margin-top: 30px; overflow: auto;} */
.table-solenh{width: 100%; margin-top: 30px; overflow: auto;}
.wrapped{width: 100%; padding: 10px;  height: auto;float: left;}
.wrapped .form-control{margin-left: 20px;}
.inner .col-xs-1{width: 12%;}
/* .nav-tabs .active {background-color: white} */
.cease-blank{width: 100%; overflow: auto; float: left;}
.cease-blank .half1{width: 50%; overflow: auto;height: auto;float: left; padding: 5px 0px 10px 3%; margin: 10px 0px 0px 0px;}
.cease-blank .half2{width: 50%; overflow: auto;height: auto;float: left; padding: 0px 3% 0px 0px; margin: 10px 0px 0px 0px;}
.cease-blank .col-xs-12{padding: 0px; margin: 0px;}
.half2 .col-xs-12{margin: 0px 0px 5px 3%;}
.half1 h5{float: left; width: 32%; margin: 10px 5px 20px 5px;height: 30px; }
.half1 .input{float: left; width: 42%; margin: 0px 5px 0px 5px; height: 35px}
.half1 .form-control{height: 40px;}
.half2 h5{float: left; width: 32%; margin: 10px 5px 0px 5px;height: 30px;}
.half2 .input{float: left; width: 42%; margin: 0px 5px 0px 5px; height: 30px}


.table > thead > tr > th { vertical-align: top; border-bottom: 2px solid #ddd; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
.table > thead > tr > td, .table > tbody > tr > td,
.table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #ddd; }
.table-solenh .btn{float: left; font-size: 10px; padding: 4px;margin: 1px; min-width: 24px;}
.pull-left{padding-right: 10px;}

.add-info-account{height: auto;font-size: 12px;
  /* border: 1px solid #ddd; */
   padding-bottom: 10px;
   margin-bottom: 10px}
.add-info-account h5{float: left; display: inline-block;}
.add-info-account1 h5{display: inline-block;}
.add-info-account .step-title{
  background-color: #ed1c24;
    color: white;
    font-weight: bold;
    padding-left: 20px;
}
.add-info-account p{
  text-align: center;
  font-size: 13px;
  border-bottom: 1px solid #ddd;
  width: 100%;
  height: 12px;
  font-weight: bold;
}
.add-info-account .title-text{
  background-color: #F3F5F6;
  padding: 0 12px;
  font-size: 13px;
  margin-top: 10px;
}
.add-info-account .form-control{
  height: 29px;
/*padding: 0px 12px;*/
   font-size: 12px;
}
.add-info-account input['button']{height: 27px; margin-left: 8px;}
.tab-content {padding: 10px 0px 10px 0px}
.btn-add-account .btn {height: 27px; padding: 0px 3px; float: left; min-width: 80px; font-size: 12px; margin:0px 10px;}
.btn-add-account{padding: 40px 0px 0px 100px}
.btn-customer-crud .btn {height: 27px; padding: 0px 3px; float: left; min-width: 80px; font-size: 12px; margin:0px 10px;}
.btn-customer-model .btn {height: 27px; padding: 0px 3px; min-width: 80px; font-size: 12px; margin:0px 10px;}
.table-add-account{padding-left: 50px}
.item-form .form-control {height: 25px}
.table-add-account .col-md-12{padding-bottom: 10px}
.modal-upload .col-md-12{padding-bottom: 10px}
.modal-upload .form-control {height: 32px;  }
.modal-upload h5 {font-size: 14px; font-weight: 15;}
.highlight{color: red}
.table-main .ReactTable .rt-thead .head .rt-th{
  line-height: 32px !important ;
}
.table-main .ReactTable .rt-tbody .rt-td {
  line-height: 32px;
}
.custom-dautudinhky-modal {
  width: 82% !important
}
.datepicker-custom{
  height: 26px;
  padding: 0px 12px;
  font-size: 12px;
}
.main .col-md-12 .col-md-8 .col-md-12 .pad{padding-top: 10px}
.main .col-md-12 .btn{margin-left: 10px; height: 27px; padding: 3px 12px; font-size: 12px;}
.main .pull-left {margin-left: 10px}
.main .title-main {padding-bottom: 20px;}
.main .col-md-6{padding-right: 10px}
.main .table-main { padding-top: 10px;padding-bottom: 10px; border: 1px solid #ddd}
.main .form-control {width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
/* .add-info-account .btn{float: right;margin-left: 10px; padding: 3px 12px;} */

.search-bar-inquiry-cash .form-control {width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
/* .search-bar-inquiry-cash .col-md-6 {padding-left: 10px;} */
.search-bar-inquiry-cash label {padding-top: 5px;}
.search-bar-inquiry-cash {padding: 20px; border: 1px solid #ddd;margin-bottom: 10px}
.search-bar-inquiry-cash .btn{margin-left: 10px; height: 27px; padding: 3px 12px; font-size: 12px;}

.search-bar-vantin h5{float: left}
.search-bar-vantin .col-md-1 {width: 17%;}
.search-bar-vantin {padding: 10px; border: 1px solid #ddd; margin-bottom: 10px}

.form-thongtinchung .form-control{width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
.form-thongtinchung .btn{margin-left: 10px; height: 27px; padding: 3px 12px; font-size: 12px;}
.form-thongtinchung {padding: 10px; border: 1px solid #ddd; margin-bottom: 10px}
.form-thongtinchung .pull-left {padding-left: 0px}
.form-thongtinchung .col-md-12 {padding-bottom: 10px}

.search-bar-phanbo h5{float: left}
.search-bar-phanbo .col-md-1{width: 17%}
.search-bar-phanbo {padding: 10px; border: 1px solid #ddd; margin-bottom: 10px}

.search-bar-khaibao h5{float: left}
.search-bar-khaibao .col-md-1{width: 17%}
.search-bar-khaibao  {padding: 10px; border: 1px solid #ddd; margin-bottom: 10px}

.search-bar-phongtoa h5{float: left}
.search-bar-phongtoa .col-md-1{width: 17%}
.search-bar-phongtoa  {padding: 10px; border: 1px solid #ddd; margin-bottom: 10px}

.search-bar-xacnhan h5{float: left}
.search-bar-xacnhan .col-md-1{width: 17%}
.search-bar-xacnhan {padding: 10px; border: 1px solid #ddd; margin-bottom: 10px}

.btnStyle .btn {padding: 3px 6px}

.popup-import .form-control{width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
/* .popup-phanboccq .form-control{width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;} */
.popup-phanboccq h5{font-size: 14px}
.popup-phanboccq .col-md-12{margin-bottom: 10px}
.popup-phanbotien .form-control{width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
.popup-phanbotien h5{font-size: 14px}

.approve-request .col-md-8 .form-control {width: 100%; margin: 0px;height: 29px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
.search-bar-approve-request {padding: 10px; border: 1px solid #ddd; margin-bottom: 20px}
.search-bar-approve-request .form-control {width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
.search-bar-approve-request .btn {margin-left: 10px; height: 27px; padding: 3px 12px; font-size: 12px;}
.search-bar-approve-request .col-md-6 { padding-right: 0px;padding-left: 0px}


.nav-future-popup .form-control {width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
/* .nav-future-popup .btn {margin-left: 10px; height: 27px; padding: 3px 12px; font-size: 12px;} */
/* .nav-expect-popup .form-control {margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;} */
/* .nav-expect-popup .btn {margin-left: 10px; height: 27px; padding: 3px 12px; font-size: 12px;} */
.nav-expect-popup h5 {
  font-size: 14px;
  float: left;
  width: 38%;
}
/* .close-account .form-control {width: 40%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;} */
.close-account .btn {height: 34px; padding: 3px 12px; font-size: 12px;}
.close-account .col-md-12{padding: 10px}
.lsale-extend-btn .btn {margin-right: 5px; height: 27px; padding: 3px 12px; font-size: 12px;}
.lexcess-extend-btn .btn {margin-right: 5px; height: 27px; padding: 3px 12px; font-size: 12px;}


.nav-popup-left .col-md-12 {padding: 10px}
.nav-popup-left {    padding-bottom: 20px;
  border: 1px solid #ddd;}
.nav-popup-left .row{padding-left: 5px;padding-right: 15px;padding-bottom:23px; padding-top: 5px}
.nav-popup-right .row{padding-left: 5px;padding-right: 15px;padding-bottom: 5px; padding-top: 5px}
.nav-popup-right .form-control {width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
.date-register .form-control {width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
.nav-popup-right {}

.footer-btn .btn {margin-right: 5px; height: 27px; padding: 3px 12px; font-size: 12px;}
.search-bar-datban .form-control{width: 50%; margin: 0px;height: 25px; font-size: 12px;font-weight: 100; padding: 2px 6px;}
.search-bar-datban .col-md-6 { padding-right: 0px;padding-left: 0px}
.search-bar-datban .btn{margin-left: 10px; height: 27px; padding: 3px 12px; font-size: 12px;}
.search-bar-datban {padding: 10px; border: 1px solid #ddd; margin-bottom: 10px}
.modal-datban {width: 50%}
.modal-khaibaomoigioi{width: 600px}
.duyetgiaodich h5 {float: left}
.duyetgiaodich .col-md-1 {width: 12%}
.dongtaikhoan .col-md-1 {width: 20%}
.dongtaikhoan h5{float: left}
.dongtaikhoan {padding: 10px; border: 1px solid #ddd;margin-bottom: 10px}
/*.ReactTable .rt-thead.-header{
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}
.header-react-table{
  color: white  !important;
}*/

/* .react-datepicker-wrapper .form-control{width: 75%;} */
.header-react-table{
  font-size: 12px;
  color: white;
  /* padding: 5px; */
  font-weight: 600;
}
.btn-login-flex{
  text-align: center;
  padding: 30px;
  margin-left: -159px;
}
.btn-login-flex a{
  font-size: 18px;
}
.mutilangue{
  text-align: center;
}
.btn-login-flex .btn-success {
  color: #fff;
  background-color: #541777;
  border-color: #59177c;
}
.btn-login-flex .btn-success :hover {
  opacity: 0.7 !important;
}
.dautu-dinhki .inner55-default{
  /* height: 105px; */
}
.dautu-dinhki .user .col-xs-12{
  margin: 0px 0px -2px 0px;
}
.flag_en {
  background: url(../images/flag_en.png) no-repeat;
}
.flag_vn{
  background: url(../images/flag_vn.png) no-repeat;

}
.flag_vn, .flag_en {
  width: 29px;
  height: 19px;
  float: right;
  margin: 5px 5px;
  cursor: pointer;
}
.doichieulenh .ReactTable  .-headerGroups .rt-th{
    line-height: 35px !important ;
    font-weight: bold !important;
    font-size: 16px !important
}
.doichieulenh .ReactTable .-header .rt-th{
  line-height: 25px !important ;
  font-weight: bold !important;
}
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(1),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(1){
  background: rgb(231, 231, 231)!important ;


}
/*
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(2),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(2),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(3),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(4){
  background: rgba(240, 173, 78, 0.69)!important
}
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(3),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(5),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(6){
  background-color: rgb(196, 213, 228)!important
}
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(4),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(7),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(8),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(9){
  background-color: rgb(243, 215, 187)!important
}
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(5),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(10),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(11),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(12){
  background-color: rgb(234, 239, 243)!important
}
*/
.doichieulenh.ReactTable .rt-thead .rt-tr{
  font-weight: bold !important
}

.ReactTable .rt-expander{
  float: left !important
}
/* .doichieulenh .rt-tr-group div:nth-child(1){
  font-weight: bold !important
} */
.doichieulenh .rt-tr .rt-pivot div{
  font-weight: bold !important
}
.doichieulenh .td-group{
  font-weight: bold !important
}
.modal-fatca{
  font-size: 14px;

}
.table-add-account .react-datepicker-wrapper{
  display: inline
}
.table-add-account .react-datepicker__input-container {
  position: inherit;
  display: inline;
}

.table-add-account .react-datepicker__input-container{
  width: auto
}
.table-add-account .react-datepicker-wrapper .form-control {
  width: 100%
}

.add-info-account .react-datepicker-wrapper{
  display: inline
}
.add-info-account .react-datepicker__input-container {
  position: inherit;
  display: inline;
}

.add-info-account .react-datepicker__input-container{
  width: auto
}
.add-info-account .react-datepicker-wrapper .form-control {
  width: 100%
}
.importNAV .Select-placeholder{
  font-size: 14px ;
}
.importNAV .Select-option,.importNAV .Select-value-label, .importNAV .Select-menu-outer{
  font-size: 14px;
  padding: 4px 0px;
}
.list-sip .rt-td .btn{
  line-height: 25px
}
/*
.solenh .table-fixed thead {
  width: 97%;
}
.solenh .table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.solenh .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.solenh .table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
} */

.request-change .new-info .form-control{
  margin-bottom: 5px;
}




.react-datepicker__close-icon::after{
    /* top: 29% !important; */
    left: 50px;
}
.modal-naptien .col-md-12{
  padding: 5px;
}
.modal-naptien .col-md-12 .form-control{
  height: 30px;
}
.custom-modal-naptien{
  width: 700px
}
.custom-modal-thongtin-noptien{
  width: 750px
}
.custom-datepicker .react-datepicker-wrapper{
  display: inline
}
.custom-datepicker .react-datepicker__input-container {
  position: inherit;
  display: inline;
}
.custom-datepicker .react-datepicker__input-container{
  width: auto
}
.custom-datepicker .react-datepicker-wrapper .form-control {
  width: 100%
}
.custom-datepicker .col-md-12{
  padding: 5px;
}
.modal-chitiet td, th {
  text-align: left;
  padding: 8px;
}
.modal-chitiet table{
  width: 100%;
}
.modal-chitiet .form-control{
  width: 90%;
}
.modal-chitiet{
  padding: 10px
}
.custom-position-button {
  float: right;
  padding: 10px;
}
.content-dongtk .col-md-12{
  padding: 10px;
}
.col-left{
  padding-left: 8px;
  float:left;
}
.col-right{
  padding-right: 8px;
  float:right;
}
.col-center{
  text-align: center;
}
.react-datepicker-wrapper .form-control{
 display: inline;
 width: 75%;
}
.col-xs-6 .react-datepicker-wrapper .form-control{
 display: inline;
 width: 93%;
}
._3eddG{
  background:#ed1c24 !important;
}
div.add-info-account div._1Gwn9:first-child div.rivJx {
  width:200% ;
  left:50%;
}
div.add-info-account div._1Gwn9:last-child div.rivJx {
  width:300% !important;
	right:50%;
}
.rivJx{
    border-top: 1px solid #dff0d8 !important;
    border-bottom: 1px solid #dff0d8 !important;
}
.btn-primary{
  background-color: #13689D !important;
    border-color: #13689D !important;
}


.btn-danger{
  background-color: #e7e7e7 !important;
  color: #414141 !important;
  border-color:#e7e7e7 !important;
}
/*chinh cac nut o table:to or nhỏ lại (them,duyet,...)*/
.btn {
  padding: 5px 10px !important;
}
.col-md-12 {
  margin-bottom:5px !important;
}
/* .react-datepicker-wrapper .a  */

/*custom input*/
div.is-focused{
  border-color: #Ed1c24 !important;
  box-shadow:0 0 5px rgba(204,0,0,0.7) !important;
  outline: none !important;
}
div.Select-input > input:focus, select:focus{
  border-color: transparent !important;
  box-shadow:0 0 5px transparent !important;
  outline: none !important;
}
input:focus, select:focus{
  border-color: #Ed1c24 !important;
  box-shadow:0 0 5px rgba(204,0,0,0.7) !important;
  outline: none !important;
}
/*cutom day picker*/

.changecolor .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){
  color: orange !important;
  background-color: transparent !important;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){
  color: #Ed1c24 !important;
  background-color: transparent !important;
}
.DayPicker-Day--today{
  color:inherit !important;
  font-weight: inherit !important;
}
.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{
  background-color: transparent !important;
}
.DayPicker{
  width:100%;
}
.DayPicker-Month{
  width:100%;
  font-size: 20px;
}

/*custom container*/
.container{
  border-color: #014A24 !important;

}
/*chinh mau nut Previous,next*/
.ReactTable .-pagination .-btn{
  color: #f90404 !important;
  background-color: #ffffff !important;
}
/*chinh mau nut Previous,next disable*/
.ReactTable .-pagination .-btn:not([disabled]):hover{

  background-color: #e7e7e7 !important
}

/* chinh tieu de modal */
.modal-header{
  padding: 0px !important;
}
.modal-header .title-content {
  padding: 3px !important;
  border-radius: 5px 5px 0px 0px !important;
}
/*chinh nut close modal */
.modal-header .title-content .close{
  padding: inherit !important;
  opacity: 0.7 !important;
  color: #ffffff !important;
}

.modal-header .title-content .close:hover, .modal-header .title-content .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1 !important;
}
/* chinh canh 2 ben modal */
.modal-body .panel-body {
  padding: 0px !important;
}
.panel-body .add-info-account .col-md-12{
  padding-left: 20px !important;
}
/* chinh canh 2 ben ko phai modal */
.add-info-account  .col-md-12{
  padding-left: 20px !important;
  padding-right: 5px !important;
}
/* chinh canh 2 ben trong collapse cua modal */
 .collapse.in{
    padding-left: 30px !important;
   
}
/*chinh height co gian theo html*/
body {
    height: 100vh !important;
}
#layout{
    min-height: 100% !important;
  }
.panel-default > .panel-heading{
  margin-bottom: 15px;
}
.panel-title{
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
}
table.table-notification > tbody > tr > td {
  vertical-align: top;
  border: 0;
}
.green{
  background:  #014A24;
}
.doichieulenh .ReactTable  .-headerGroups .rt-th{
  line-height: 35px !important ;
  font-weight: bold !important;
  font-size: 16px !important
}
.doichieulenh .ReactTable .-header .rt-th{
line-height: 25px !important ;
font-weight: bold !important;
}
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(1),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(1){
background: #dff0d8!important ;


}
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(2),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(2),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(3),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(4),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(5){
background: #f0ad4e!important
}
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(3),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(6),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(7),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(8),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(9){
background-color: rgb(196, 213, 228)!important
}
.doichieulenh .ReactTable  .-headerGroups div > div:nth-child(4),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(10),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(11),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(12),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(13){
background-color: #f3c482 !important
}
/* .doichieulenh .ReactTable  .-headerGroups div > div:nth-child(5),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(11),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(12),.doichieulenh .ReactTable  .-header .rt-resizable-header:nth-child(13){
background-color: rgb(234, 239, 243)!important
} */
.doichieulenh.ReactTable .rt-thead .rt-tr{
font-weight: bold !important
}
.doichieulenh .ReactTable .rt-thead.-header{
position: sticky;

  z-index: 99;
  top: 0px;
}

.ReactTable .rt-expander{
float: left !important
}
/* .doichieulenh .rt-tr-group div:nth-child(1){
font-weight: bold !important
} */
.doichieulenh .rt-tr .rt-pivot div{
font-weight: bold !important
}
.doichieulenh .td-group{
font-weight: bold !important
}
.modal-fatca{
font-size: 14px;

}
.module .title-module{

  font-weight: bold;
}
.margintopNewUI{
  margin-top: 65px;
}
.fixWidthDatePicker .react-datepicker-wrapper{
  width:100%;
}
.fixWidthDatePicker .react-datepicker-popper{
  transform: translate3d(15px, 34px, 0px) !important;
}
.fixWidthDatePickerForOthers .react-datepicker-popper{
  transform: translate3d(15px, 34px, 0px) !important;
}


/* CSS: padding */
.pdt-0{
  padding-top: 0px!important
}
.pdbt-0{
  padding-bottom: 0px!important
}
.pdl-0{
  padding-left: 0px!important
}
.pdr-0{
  padding-right: 0px!important
}
.pdt-5{
  padding-top: 5px!important
}
.pdbt-5{
  padding-bottom: 5px!important
}
.pdl-5{
  padding-left: 5px!important
}
.pdr-5{
  padding-right: 5px!important
}
.pdt-8{
  padding-top: 8px!important
}
.pdbt-8{
  padding-bottom: 8px!important
}
.pdl-8{
  padding-left: 8px!important
}
.pdr-8{
  padding-right: 8px!important
}
.pdt-10{
  padding-top: 10px!important
}
.pdbt-10{
  padding-bottom: 10px!important
}
.pdl-10{
  padding-left: 10px!important
}
.pdr-10{
  padding-right: 10px!important
}
.pdt-15{
  padding-top: 15px!important
}
.pdbt-15{
  padding-bottom: 15px!important
}
.pdl-15{
  padding-left: 15px!important
}
.pdr-15{
  padding-right: 15px!important
}
/* CSS: magrin */
.mgt-0{
  margin-top: 0px!important
}
.mgbt-0{
  margin-bottom: 0px!important
}
.mgl-0{
  margin-left: 0px!important
}
.mgr-0{
  margin-right: 0px!important
}
.mgt-5{
  margin-top: 5px!important
}
.mgbt-5{
  margin-bottom: 5px!important
}
.mgl-5{
  margin-left: 5px!important
}
.mgr-5{
  margin-right: 5px!important
}
.mgt-10{
  margin-top: 10px!important
}
.mgbt-10{
  margin-bottom: 10px!important
}
.mgl-10{
  margin-left: 10px!important
}
.mgr-10{
  margin-right: 10px!important
}
.mgt-15{
  margin-top: 15px!important
}
.mgbt-15{
  margin-bottom: 15px!important
}
.mgl-15{
  margin-left: 15px!important
}
.mgr-15{
  margin-right: 15px!important
}

.txtInput28{
  height: 28px!important;
  padding: 3px 12px!important;
}
.fix28 .form-control{
  height: 28px!important;
  padding: 0px 8px!important;
}
.FixtableRT .ReactTable{
  margin: 0px -5px 0px -5px!important;
}

.LogoUpload{
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.imgUpload{
  object-fit: contain;
  max-width: 650px;
  min-width: 500px;
  width: auto;
  height: "auto";
  padding: 15px;
}

.modal-modalBigSize{
  width: 95%;
  max-width: 1024px;
  height: auto;
}