@font-face {
  font-family: AvenBook;
  src: url("../fonts/AvenirLTStd-Book.otf");
}

@font-face {
  font-family: AvenMedium;
  src: url("../fonts/AvenirLTStd-Medium.otf");
}

@font-face {
  font-family: AvenRoman;
  src: url("../fonts/AvenirLTStd-Roman.otf");
}

body {
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
}
.public-DraftStyleDefault-block {
  margin: 0px !important;
}

a {
  text-decoration: inherit !important;
}

.boldTdTable {
  font-weight: 700;
  font-size: 10pt;
  font-family: inherit;
}
.pt-4{
    padding-top:40px;
}
.colorRed {
  color: red;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
  color: inherit;
}
h3 {
  font-size: 16px;
}
.removePaddingUl {
  padding-left: 0px;
}

li {
  list-style-type: none;
}

.max-width-step {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.max-width-step1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.flex {
  display: flex;
}

.flexOne {
  flex: 1;
}
.ant-input, .ant-select-selection, .ant-input-number{
  border-radius: 2px;
  line-height: 20px;
  height: 2.6em;
  padding-top: 0.2em;
}
.formRevenues .ant-input,.formRevenues .ant-select-selection,.formRevenues .ant-input-number{
  border: 1px solid #066eab;
}
.floatRight {
  float: right;
}

.fontAvenBook {
  font-family: AvenBook;
}

.fontAvenMedium {
  font-family: AvenMedium;
}

.fontAvenRoman {
  font-family: AvenRoman;
}

.color777 {
  color: #777777;
}

.disabledlick {
  pointer-events: none;
}

.menu-disabled span {
  color: #ccc;
}

.clearfixMargin {
  margin-top: 15px;
}

.btnSuccess {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.btnPrimary {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}

.btnDefault {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

.removePaddingCol {
  padding-left: 0px;
  padding-right: 0px;
}

.divSocial{
    margin-top: 40px;
}

.divSocial button {
  border: none;
  background-color: transparent;
}

.divSocial .btn-google {
  background-image: url("../images/google-icon.png");
  background-repeat: no-repeat;
  background-position: 25px 8px;
  padding-left: 40px;
  padding-right: 30px;
  width: 200px;
  font-size: 12px;
}

.divSocial .btn-facebook {
  margin-bottom: 20px;
  background-image: url("../images/facebook-icon.png");
  background-repeat: no-repeat;
  background-position: 25px 8px;
  padding-left: 50px;
  padding-right: 30px;
  width: 200px;
  font-size: 12px;
}


.learnmore {
  font-size: 14px;
}

.colorPlaceholder {
  color: #ccc;
}

.loginLeft {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100vh;
}

.loginRight {
  display: flex !important;
  align-items: flex-end;
  background-image: url("../images/bgLogin.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 20px;
  color: #fff;
  min-height: 100vh;
  min-height: 100vh;
}

.loginRight h3 {
  color: #f8fcfe;
}

.loginRight h5 {
  color: #73b2f3;
  font-weight: normal;
}
.loginLogo {
  flex: 1;
  padding-top: 10px;
  display: flex;
}

.loginLogo .pLogo {
  flex: 1;
  padding: 10px;
}

.loginLogo .selectLanguage {
  padding-top: 25px;
}

.loginForm {
  flex: 5;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
}
.forgotForm {
  flex: 2;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
}

.forgotForm *,
.forgotForm .ant-form-item-label > label, 
.loginForm *,
.ant-form-item-label > label {
  color: #066eab;
}
.ant-form-item-label > label{
  font-weight: 400;
}
.btnSubmit {
  background-color: #08d57c;
  border-color: #08d57c;
  border-radius: 20px;
  padding: 10px 30px;
}
.btn {
  display: inline-block;
  padding: 8px 30px;
  font-size: 12px;
  border-radius: 2px;
}
.btnAlign .btn {
  margin-right: 20px;
}

.btn.btn-primary {
  background-color: #066eab;
  color: #ffffff;
}
.btn.btn-primary-outlined {
  border-color: #066eab;
  background-color: transparent;
  color: #066eab;
  line-height: 20px;
}
.btn.btn-outline-secondary {
  border: 1px solid #066eab;
  background-color: transparent;
  color: #066eab;
}

.loginForm .ant-btn-primary {
  padding: 0px 30px;
}

.loginCheckBox {
  display: flex;
}

.loginCheckBox .ant-checkbox-wrapper {
  font-weight: normal;
}

.divSocial img {
  display: inline;
}

.containerForgot {
  background-image: url("../images/bgForgotPass.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

.divForgotLogo {
  padding-left: 15px;
  padding-top: 15px;
}

.formForgot {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

/* DataSheet */

.value-viewer {
  min-width: 100px;
}

.data-editor {
  width: 100% !important;
  height: 100% !important;
}

.flexClass {
  display: flex;
}

.siderClass .ant-layout-sider-children {
  background-color: #066ead;
}

.siderClass .ant-menu-root {
  background-color: transparent;
}

.imgLogoHome {
  /* width: 100%; */
  max-height: 64px;
}

.flexone {
  flex: 1;
}

.siderClass .anticon {
  color: #fff;
}

.siderClass .ant-menu-item-selected .anticon {
  color: #0ad57d;
}
.ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after{
  opacity: 0;
}
.ant-menu-inline .ant-menu-selected::before, .ant-menu-inline .ant-menu-item-selected::before{
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-right: 3px solid #FFFFFF;
}
.triggerClass {
  margin-left: 20px;
  font-size: 18px;
}
.ant-layout-header>.ant-row{
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 1px 2px #FAFAFA;
}
.ant-layout-header .ant-form-item{
    margin:auto;
}
.ant-layout-header .ant-form-item .search-text{
    background-image: url('../images/search-icon.png');
    background-repeat: no-repeat;
    background-position: 96% 8px;
}
.ant-table-thead > tr > th{
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  font-weight: 700;
}
.ant-table-thead > tr > th:first-child{
  border: none;
}
.ant-table-tbody > tr > td:first-child{
  border: none;
}
.ant-table-tbody > tr > td a, .ant-table-tbody > tr > td a:hover{
  color:#828282;
}
.rightHeader {
  flex: 5;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.headerHomeLeft {
  flex: 2;
}

.rightHeader img {
  margin-left: 15px;
  margin-right: 15px;
  padding: 5px;
}

.nameHead {
  display: inline;
  font-size: 10pt;
}

.ant-menu-sub {
  background-color: #fff;
  min-height: 100vh;
}

/* .ant-menu-item-active {
    color: #0ad57d !important
} */


.siderExpand .ant-menu-item > a {
  /* color: #ffffff !important; */
}

/* .ant-menu-submenu-selected {
    background-color: #e6f7ff;
} */

/* .ant-menu-submenu-selected i {
    color: #0ad57d !important;
} */

.siderClass .ant-menu-sub li {
  color: #777;
}

.ant-menu-inline-collapsed {
  width: 81px;
}

.formDate .ant-calendar-picker {
  width: 100%;
}

.btnCancel {
  background-color: #777777;
  border: #777777;
  color: #fff;
}

.divInline {
  display: inline-block;
}

#sidebar {
  background: #f2f5ff;
  transition: all 0.3s;
}

#sidebar ul li {
  border-bottom: 1px solid #e8e8e8;
}

#sidebar ul li:last-child {
  border-bottom: none;
}

#sidebar ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: inline-block;
  color: #777;
  flex: 1;
}

#sidebar ul li ul {
  background-color: #fff;
}

.ant-layout-content {
  padding: 0px !important;
  /* background-color: transparent !important; */
  height: 100% !important;
}

.sidebarSample {
  background-color: #eeeeee;
}

.container-leftSample {
  height: 100%;
}
.container-sidebar{
  height: calc(100vh - 196px);
  overflow: auto;
}
.leftSample {
  padding-left: 0px;
  background-color: #f0f2f4;
  padding: 30px 20px;
  width: 275px;
  top: 115px;
}

.leftSample.fixed {
  top:0;
  position: fixed;
  height: 100vh;
}

.rightSample {
  background: #fff;
  padding: 24px;
  width: 793px;
  /* padding-bottom: 100px; */
  height: 100%;
  z-index: 10;
}

.dotSample {
  /* width: 20%; */
  display: inline-block;
  padding-top: 8px;
  padding-right: 8px;
}

.dotSample i {
  font-size: 18px;
  float: right;
}

.popupSidebar .divider {
  height: 1px;
  background: #e8e8e8;
}

.popupSidebar p:last-child {
  margin-bottom: 0px;
  margin-top: 10px;
}

.ant-menu-inline-collapsed {
  min-width: 81px;
}

#spinner {
  /* position: fixed; */
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
}
.containerRegister .ant-form-horizontal {
  padding-top: 20px;
}
.containerRegister .ant-form-item {
  margin-top: 30px !important;
  margin-bottom: 0;
}

.imgAvatar {
  width: 38px !important;
  height: 38px !important;
}

.youNeedToCreate {
  color: #f3890f;
}

.containerRegister {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.containerRegister h4,
.containerRegister h4 *,
.containerRegister h5,
.containerRegister h5 *,
.containerRegister a,
.containerRegister span {
  font-size: 12px;
}
.divTermUse > span{
    margin-left:10px;
}
.containerRegister input {
  font-size: 12px;
  border: none;
  border-bottom: 1px solid #828282;
  border-radius: 0;
  padding-left: 0;
}
.containerRegister input::placeholder {
  color: #066eab;
}
.panelDivContainer {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}

.panelPlan {
  position: absolute;
  top: -5px;
  right: -26px;
}

.buttonPlan span {
  font-size: 20px;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
}

.divEditable {
  width: 250px;
}

.divEditable label {
  width: 200px;
  height: 25px;
  padding-top: 4px;
}

.zoomFloating a:hover {
  color: #fff;
}

.zoomFloating .iconBars {
  font-size: 18px;
  padding-top: 16px;
}

#zoomBtn {
  background-color: #e50072;
}

.saveFloating {
  position: fixed;
  z-index: 100;
  bottom: 20px;
  right: 50px;
  height: 70px;
}

.saveFloating button {
  border-radius: 20px;
  margin-top: 8px;
}

.zoomFloating input[type="file"] {
  display: none;
}

.spanAction i {
  font-size: 18px;
  padding: 5px;
}

.spanAction-create-team i {
  padding: 0px;
  font-size: 16px;
}

.spanAction-create-team .deleteA {
  color: #e50072;
}

.spanAction a:hover {
  color: inherit;
}

.spanAction a {
  color: inherit;
}

.spanAction .exportA {
  color: #08d57c;
}

.spanAction .closeA {
  color: #ff0000;
}

.spanAction .editA {
  color: #0f4bf1;
}

.spanAction .deleteA {
  color: #e50072;
}
.ant-table-thead > tr:first-child > th:first-child
.containerHomeScreen {
  height: 100%;
}

.containerHomeScreen .ant-pagination {
  margin-right: 15px !important;
}
.containerHomeScreen .ant-table-thead > tr > th{
  background-color: transparent;
}
.tableChapter .ant-table-thead > tr:first-child > th{
  border-bottom: 1px solid #e8e8e8;
}
.financialCompare .ant-table-thead > tr > th{
  border: 1px solid #e8e8e8;
}
.containerHomeScreen .ant-table-wrapper table tr th,.containerHomeScreen .ant-table-wrapper table tr td{
  color: rgba(0, 0, 0, 0.65);
}
.divItemMenu {
  display: flex;
  align-items: center;
  /* padding-left:  5px; */
  padding-right: 5px;
}

.iconDeleteImage {
  position: absolute;
  right: 15px;
  top: -3px;
  font-size: 20px;
}

.imgCenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.imgLeft {
  display: block;
  margin-right: auto;
}

.imgRight {
  display: block;
  margin-left: auto;
}

.activeMenu {
  /* background-color: #e6e6e6; */
  background-color: #c2d5f2;
  color: #000;
}

.activeMenu > div > a {
  font-weight: 500;
}

.iconHint {
  font-size: 20px !important;
  padding: 0px !important;
}

.header-revenuesForm {
  padding: 10px;
  margin-right: 0px;
  margin-left: 0px;
}

.header-revenuesForm .col-sm-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.header-revenuesForm .progress-p {
  /* padding-left: 15px; */
  font-size: 10pt;
}

.panelPlan {
  display: none;
}

.needShow {
  padding: 10px;
}

.needShow:hover {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.needShow:hover .panelPlan {
  display: inline-block;
}

.activeEdit {
  display: inline-block;
}

.needShowactiveEdit {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.dividerBottom {
  min-width: 177px;
  padding: 5px 16px 4px;
  min-height: 32px;
  border-bottom: 1px solid #e8e8e8;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  padding-bottom: 5px;
  margin-top: 5px;
}

.actionFloating .ant-popover-inner-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding: 0px !important;
}

.actionFloating .ant-popover-inner-content p {
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.popover-table a {
  display: block;
}

.formRevenues {
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
}

.select-revenuesForm {
  margin-left: 10px;
  /* margin-right: 20px; */
}

.inputType-revenuesForm {
  margin-top: 7px;
}

#prdType {
  min-width: 150px;
}

.selectAction-revenuesForm {
  padding-right: 10px !important;
  padding-left: 10px !important;
  background-color: #0f4bf1 !important;
}

.img-wizard {
  margin-bottom: 3px;
  margin-right: 5px;
}
.ant-card-body a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-card-body a:hover {
  color: #066eab;
}
.btnAddMilestone {
  margin-right:20px;
  float: right;
}
.search-container{
  position: absolute;
  left: -40px;
  width: 100%;
}

.search-container>.ant-form-item{
  width:70%;
  margin:auto;
}
.btnNextStep {
  float: right;
}

.step2Revenues .ant-calendar-picker {
  width: 100%;
}

.btnAntLast {
  margin-top: 60px;
}

.step3Revenue {
  /* overflow: hidden; */
  padding-bottom: 100px;
}

.step3Revenue .editable-cell {
  position: relative;
}

.step3Revenue .editable-cell-value-wrap {
  padding: 5px 12px;
  cursor: pointer;
}

.step3Revenue .editable-cell-value-wrap:hover {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 4px 11px;
  /* width: 90px; */
}

.ant-input-number {
  width: 100px;
  margin: 0;
}
.formRevenues .ant-select-arrow,.formRevenues .ant-calendar-picker,.formRevenues .ant-calendar-picker-icon{
  color: #066EAB;
}
.step3Revenue .ant-form-item {
  max-width: 200px;
  margin-bottom: inherit !important;
}

.step3Revenue .ant-form-item .ant-input-number-focused {
  /* width: 150px; */
  max-width: 200px;
}

.basicChartContainer {
  width: 100%;
  margin: 0 auto;
}
.create-form{
  margin-top:100px;
}
.create-form .ant-form-item{
  margin-bottom:5px;
}
.divChapterTable .tableChapter td.actions div {
  visibility: hidden;
  /* width: 20px; */
  padding: 0px;
  /* border-bottom: 0px; */
}

.divChapterTable .tableChapter .title-table-chapter,  
.table-responsive-config .title-table-chapter {
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 0;
}
.table-responsive-config .title-table-chapter {
  font-weight: 700;
  margin-bottom: 10px;
}

.divChapterTable .tableChapter tr:hover td.actions div {
  visibility: visible;
}

.action-table-chapter {
  padding-right: 0px;
}

.action-table-chapter a {
  float: right;
  font-size: 18px;
  margin-left: 5px;
  margin-right: 5px;
}

.col-last-revenue {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.displayNone {
  display: none !important;
}

.visibleHidden {
  visibility: hidden;
}

.inputNumberFull {
  width: 100% !important;
}

.ant-menu-submenu-placement-rightTop {
  top: 0 !important;
}

.showAsRevenue {
  margin-bottom: 15px;
}

.showAsRevenue span {
  margin-right: 15px;
}

.iconInfoStep {
  /* float: right; */
  margin-left: 10px;
  margin-top: 5px;
}
.revenuesForm a {
  color: #066ead;
}
.header-revenuesForm .col-sm-3 {
  /* padding-right: 0px; */
  padding-left: 0px;
}
.revenuesForm label{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.revenuesForm .ant-form-item-control-wrapper{
  margin-top:-10px;
}
.ant-table-wrapper{
  width: 100%;
  margin: auto;
}
.ant-table-thead > tr > th{
  text-align: left!important;
}

.financialCompare{
  width:100%;
}
.financialCompare .ant-table-thead > tr > th{
  text-align: center!important;
}
.financialCompare .ant-table-thead > tr:nth-child(2) > th,
.financialCompare .ant-table-thead > tr > th:first-child{
  font-weight: 400;
}
.ant-table-thead > tr > th:first-child,
.ant-table-tbody > tr > td:first-child{
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-tbody > tr:nth-child(even):not(.editable-row-total) > td{
  background-color: #E1E2F3;
}
.ant-table-wrapper table tr th,
.ant-table-wrapper table tr td{
  color: #056ead;
}
.needShow .rdw-link-modal {
  height: initial;
}

.divStaffInput {
  display: flex;
}

.divStaffInput .iconQuestion {
  margin-top: 10px;
  margin-left: 10px;
  font-size: 18px;
}

.divStaffInput .formItemInput {
  flex: 1;
}

.rowAddition td {
  font-weight: 700;
  font-family: inherit;
  font-size: 10pt;
}

.rowRed {
  color: red;
}

.backgroundRow {
  background-color: #fff7e1;
}

.removeRed {
  color: rgba(0, 0, 0, 0.65) !important;
}

.iconImageFloat i {
  margin-right: 10px;
  font-size: 20px;
  margin-bottom: 15px;
}

.iconCloseTable {
  float: right;
  font-size: 20px;
  color: #066ead;
  /* margin-right: 15px; */
}

.removePaddingRight {
  padding-right: 0px;
}

.divIconClose {
  padding-right: 15px;
}

.titleTableChapter {
  width: 20%;
}

.titleTableChapter2 {
  /* width: 60% */
}

.form-add-member {
  display: flex;
  width: 50%;
}

.formSelectButtonCommon {
  min-width: 160px;
}

.formSelectButtonCommon button {
  padding-top: 5px;
  padding-bottom: 5px;
}

.containerCreateTeam {
  margin: 15px;
}

.btnAddMember {
  margin-left: 10px;
}

.table > thead > tr > th {
  border-bottom: inherit;
}
.containerSamplePlan{
  position: relative;
}
.containerSamplePlan .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.rowAddition td {
  padding: 0px 8px;
}

.containerSamplePlan .ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 0px 8px;
  font-size: 10pt;
}

.containerSamplePlan .ant-table-thead > tr,
.ant-table-tbody > tr {
  height: 40px;
  padding: 0px 12px;
}

.ulAdminItem li {
  line-height: 40px;
  height: 40px;
  padding: 0px 16px;
}

.adminItem,
.adminItem:hover {
  color: #000 !important;
  font-size: 16px !important;
}

.stepItem,
.stepItem:hover {
  color: #000 !important;
  font-size: 15px !important;
}

.containerAdminScreen .headerBsPlan {
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden;
}

.containerAdminScreen .custom-filter-dropdown {
  padding: 8px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.containerAdminScreen .custom-filter-dropdown input {
  width: 130px;
  margin-right: 8px;
}

.containerAdminScreen .custom-filter-dropdown button {
  margin-right: 8px;
}

.containerAdminScreen .highlight {
  color: #f50;
}

.right-headerBsPlan button {
  margin-left: 15px;
}

.inviteContainer {
  margin-top: 30px;
}

.inviteContainer button {
  margin-right: 10px;
  margin-top: 10px;
}

.tableCreateTeam {
  margin-top: 15px;
}

.tableCreateTeam .table > thead > tr > th {
  padding: 8px;
}

.form-add-member .selectPermission {
  margin-left: 10px;
}

.form-add-member .ant-form-item-control {
  line-height: inherit;
}

.form-add-member input {
  min-width: 300px;
}

.Aligner-item-bottom {
  position: fixed;
  bottom: 5px;
}

.rightSample .ory-toolbar-drawer input {
  font-size: 14px !important;
}

.rightSample .ory-toolbar-drawer li {
  font-size: 14px !important;
}

.rightSample .ory-toolbar-drawer p {
  font-size: 12px !important;
}

.rightSample .ory-toolbar-drawer span {
  font-size: 14px !important;
}

.actionBottom button {
  margin-left: 10px;
  float: right;
}

.actionBottom button:first-child {
  margin-right: 20px;
}

.containerChapter {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 13pt;
}

.contentChapter {
  flex: 1;
}

.headerTable {
  display: flex;
  align-items: center;
  padding: 10px;
  padding-right: 50px;
  background-color: #f5f6f8;
}

.headerTable span {
  flex: 1;
  font-size: 14px;
  padding-left: 30px;
  text-transform: uppercase;
  color: #066EAB;
  font-weight: 700;
}

.finalcialHint .col-sm-12 {
  min-height: 40px;
  line-height: 40px;
}

.selectLanguagesHome {
  margin-right: 15px !important;
}

.stepFinalcial .ant-form-item-label {
  text-align: initial !important;
}

.rewriteWidth .ant-col-11 {
  width: 43.833333% !important;
}

.negativeText {
  color: #ff0000;
}

.txtShowInMonths {
  margin-right: 10px;
}

.showMonthTable {
  text-align: right;
  padding-right: 20px;
  /* margin-right: 56px; */
  display: grid;
  margin-top: 2px;
}

.containerMonthTable .rowMonth {
  visibility: hidden;
  display: grid;
}

.containerMonthTable .ant-table-fixed-right {
  box-shadow: none !important;
}

.divHeaderMonth {
  padding-left: 15px;
  padding-right: 15px;
}

.headerMonth {
  background-color: #fbfbfb;
  padding: 8px 8px;
}

.divSlider {
  padding-left: 20px;
  padding-right: 20px;
}

.barEditChart {
  float: right;
  font-size: 22px;
}

.containerTitleChart {
  text-align: center;
  padding-right: 25px;
  padding-left: 25px;
  margin-bottom: 10px;
}

.chartTitle {
  font-size: 20px;
  font-weight: bold;
}

.panelDivContainerChart {
  margin-top: 40px;
  margin-bottom: 20px;
}

.btnDeleteModal {
  float: left;
}

.gmailChat {
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #e7e8e7;
}

.listChat {
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
  /* border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #e7e8e7; */
}

.formChat {
  /* border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #e7e8e7; */
  height: 100%;
  padding-right: 0px;
}

.contentChat {
  height: 100%;
}

.flexProfit {
  display: flex;
  justify-content: flex-end;
}

.flexTime {
  margin-left: 15px;
}

/* ChatScreen */

img {
  max-width: 100%;
}

.inbox_people {
  /* background: #f8f8f8 none repeat scroll 0 0; */
  /* float: left; */
  overflow: hidden;
  height: 100%;
  border-right: 1px solid #c4c4c4;
}

.inbox_msg {
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
}

.top_spac {
  margin: 20px 0 0;
}

.recent_heading {
  float: left;
  width: 40%;
}

.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%;
}

.headind_srch {
  padding: 10px 29px 10px 20px;
  overflow: hidden;
  border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}

.srch_bar input {
  border: 1px solid #cdcdcd;
  border-width: 0 0 1px 0;
  width: 80%;
  padding: 2px 0 4px 6px;
  background: none;
}

.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}

.srch_bar .input-group-addon {
  margin: 0 0 0 -27px;
}

.chat_ib h5 {
  font-size: 14px;
  color: #464646;
  /* padding-bottom: 0px; */
  /* margin: 0 0 8px 0; */
  margin-bottom: 5px;
  white-space: nowrap;
}

.chat_ib h5 span {
  font-size: 13px;
  float: right;
}

.chat_ib p {
  font-size: 14px;
  /* color: #989898; */
  margin: auto;
  word-wrap: break-word;
}

.chat_img {
  float: left;
  width: 20%;
  border-radius: 50%;
}

.chat_ib {
  float: left;
  padding-left: 5px;
  /* padding: 0 0 0 15px; */
  width: 80%;
}

.chat_people {
  overflow: hidden;
  clear: both;
}

.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 10px 10px 10px 8px;
}

.inbox_chat {
  /* height: 516px; */
  overflow-y: scroll;
}

.active_chat {
  background: #ebebeb;
}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}

.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
}

.received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
  word-wrap: break-word;
}

.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}

.received_withd_msg {
  width: 57%;
}

.mesgs {
  /* float: left; */
  height: 95%;
  /* margin-top: 20px; */
  /* height: 100%; */
}

.divMesgs {
  display: flex;
  height: 100%;
  padding-top: 20px;
  flex-direction: column;
}

.sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0;
  color: #fff;
  padding: 5px 10px 5px 12px;
  width: 100%;
  word-wrap: break-word;
}

.outgoing_msg {
  overflow: hidden;
  margin: 26px 0 26px;
}

.sent_msg {
  float: right;
  width: 46%;
}

.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {
  border-top: 1px solid #c4c4c4;
  position: relative;
}

.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}

.messaging {
  padding: 0 0 50px 0;
}

.msg_history {
  height: 100%;
  /* height: 516px;
    flex: 1;
    overflow-y: auto; */
}

.msg_content {
  /* height: 516px; */
  height: 100%;
}

.containerFormInput {
  padding: 15px 0px;
}

.containerFormInput .containerInputMessage {
  padding: 0px;
  width: 88%;
}

.containerFormInput .containerButtonSend {
  padding: 0px;
  display: flex;
  width: 12%;
}

.headerFormChat {
  display: flex;
  padding: 10px 0px 10px 10px;
  /* height: 5%; */
  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
}

.headerFormChat p {
  margin-bottom: 0px;
  font-size: 18px;
}

.headerLeftFormChat {
  flex: 1;
}

.actionsGmail {
  margin-top: 10px;
}

.contentChat .formSearch {
  margin-top: 10px;
}

.contentChat .actionsGmail {
  margin-top: 25px;
}

.headInbox {
  display: flex;
}

.headInbox .headInbox-left {
  flex: 1;
}

.headInbox-title {
  font-size: 16px;
  margin-left: 5px;
  font-weight: bold;
  margin-right: 15px;
}

.divGmailAction {
  margin-top: 10px;
  padding-left: 25px;
  padding-top: 2px;
  padding-bottom: 1px;
}

.divGmailAction .divGmailAction-span {
  font-size: 14px;
  font-weight: 900;
  margin-left: 3px;
}

.gmailBadge {
  float: right;
  /* margin-top: 12px; */
}

.gmailBadge p {
  font-family: auto;
}

.activeGmail {
  color: #15db8e;
}

.actionTags {
  margin-top: 25px;
}

.tagsGeneral {
  margin-right: 5px;
  font-size: 24px;
}

.divTags {
  align-items: center;
  display: flex;
}

.showProfile {
  border-left: 1px solid #c4c4c4;
  height: 100%;
  padding: 0px;
}

.headerProfile {
  display: flex;
  padding: 15px 10px;
  border-bottom: 1px solid #c4c4c4;
}

.headerProfile img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 50%;
}

.nameProfile p {
  margin-bottom: 0px;
  color: #000;
  /* margin-top: 5px; */
}

.nameProfile a {
  font-size: 12px;
}

.infoProfile {
  padding: 10px;
  border-bottom: 1px solid #c4c4c4;
}

.txtInfo {
  margin-bottom: 0px;
  /* padding-bottom: 0px; */
  font-size: 16px;
  color: #000;
  font-weight: 900;
}

.headerNote {
  display: flex;
  padding: 10px;
}

.titleNote {
  flex: 1;
  font-size: 16px;
  color: #000;
}

.timeNote {
  display: flex;
  font-size: 12px;
  margin-top: 3px;
}

.timeNote .timeShow {
  flex: 1;
  padding-top: 3px;
}

.headerRightFormChat a {
  margin-right: 5px;
}

.divGmailAction {
  cursor: pointer;
}

.selectRooms {
  cursor: pointer;
}

.textareaChat {
  resize: none;
  max-height: 35px;
  padding-top: 7px;
}

.chat_date {
  float: right;
  font-size: 11px;
}

.p-mess-new {
  font-weight: bold;
  font-family: Arial;
  color: #000;
}

.p-mess-old {
  font-family: Arial;
  /* color: #000; */
}

.incoming_msg {
  margin: 26px 0 26px;
  overflow: hidden;
}

.pointerHover {
  cursor: pointer;
}

.modal-tags-radio .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
}

.modal-title-radio {
  margin-left: 15px;
}

.modal-item-radio {
  margin-bottom: 10px;
}

.activeTag {
  background-color: #d2d2d2;
}

.containerAddNote {
  margin-top: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
}

.divActionNote {
  margin-top: 10px;
}

.txtNoteChat {
  font-size: 14px;
  color: #000;
  word-wrap: break-word;
}

.divItemNoteChat {
  padding-top: 5px;
  /* padding-bottom: 5px; */
}

.divItemNoteChat:hover {
  background-color: #d3d3d3;
}

.hoverNoteChat {
  padding-left: 10px;
}

.iconDeleteNote {
  height: inherit !important;
  border: 0px !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.spaceListNote {
  margin-top: 5px;
}

.containerListNote {
  /* height: 300px; */
  overflow-y: scroll;
}

.unreadInbox {
  display: flex;
}

.unreadInbox .firstName {
  flex: 1;
}

.divider {
  display: block;
  height: 1px;
  width: 100%;
  /* margin: 24px 0; */
  margin-top: 24px;
  clear: both;
  background: #e8e8e8;
}

.img-chat {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.incoming_msg_img img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.w-100 {
  font-size: 16px;
  padding: 5px 10px;
  background: none;
  outline: 0 !important;
}

.inputUploadFile {
  display: none !important;
}

.msg_content_user {
  height: 100%;
}

.divContainerProfile {
  display: flex;
  flex-direction: column;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
    background-color: #115C88;
}

.ant-menu-item-selected .anticon,
.ant-menu-item-selected a {
  color: #fff !important;
}

.conatinerUpdateInfoUser .ant-form-item-label {
  text-align: left;
}

.headerInfoUser {
  display: flex;
  margin-top: 10px;
}

.headerInfoUser .avatar {
  width: 130px;
  margin-left: 10px;
}

.headerInfoUser .avatar img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.infoUser {
  margin-top: 10px;
}

.infoChangePass span {
  margin-right: 15px;
  font-size: 14px;
}

.conatinerUpdateInfoUser {
  overflow: hidden;
  padding-bottom: 15px;
  margin-top: 100px;
}

.contactInfo{
  padding-top: 10px;
}

.contactInfo .ant-form-item-label{
  text-align: right;
  padding-right: 15px;
}
.contactInfo label{
  color: #066EAB;
  font-weight: 400;
}
.contactInfo-P {
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 16px;
}

.btnNextStepCancel {
  margin-right: 15px;
}

.changePassContainer {
  margin-top: 100px;
}

/* avatar in settings */
.infoForm {
  padding-top:60px;
}
.infoForm .ant-row.ant-form-item{
  margin-bottom: 2px;
}
.avatar-wrapper {
  position: absolute;
  left: -80px;
  top: 15px;
  height: 70px;
  width: 70px;
  /* margin: 50px auto; */
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 1px 1px 15px -5px black;
  transition: all 0.3s ease;
}

.avatar-wrapper:hover {
  transform: scale(1.05);
  cursor: pointer;
}

.avatar-wrapper:hover .profile-pic {
  opacity: 0.5;
}

.avatar-wrapper .profile-pic {
  height: 100%;
  width: 100%;
  transition: all 0.3s ease;
}

.avatar-wrapper .profile-pic:after {
  font-family: FontAwesome;
  content: "\f007";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 190px;
  background: #ecf0f1;
  color: #34495e;
  text-align: center;
}

.avatar-wrapper .upload-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.avatar-wrapper .upload-button .fa-arrow-circle-up {
  position: absolute;
  font-size: 85px;
  top: -9px;
  left: -7px;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease;
  color: #34495e;
}

.avatar-wrapper .upload-button:hover .fa-arrow-circle-up {
  opacity: 0.9;
}

/* End avatar in settings */

.namePlanPDF {
  font-weight: bold;
}

.fromStartPlan {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 100;
}

.hidden-input-upload {
  display: none !important;
}

.containerListPlanAdmin {
  display: flex;
  flex-direction: column;
  height: auto;
}

.nav-financial {
  display: table-cell !important;
}

.nav-financial li {
  width: auto !important;
}

.containerSamplePlan {
  width: 100%;
  height: 100%;
}

.containerPlanText {
  min-height: 100px;
  word-wrap: break-word;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 10pt;
  overflow: hidden;
}

.containerPlanText img {
  vertical-align: inherit;
}

.containerPlanText ol li {
  list-style-type: unset;
}

.containerPlanText ul li {
  list-style-type: disc;
}

.ulStepFinancial {
  text-align: -webkit-center;
  text-align: -moz-center;
}

.siderExpand .ant-menu-sub {
  background-color: transparent;
  min-height: auto;
}

.siderExpand .inlineA {
  display: inline-block;
}

.siderExpand .txtWhite {
  color: #fff;
}

.siderExpand .txtWhite:hover {
  color: #fff;
}

.ant-menu-inline {
  background-color: #066ead !important;
  border-right: none;
}

.paddingCategoryOperating td:first-child {
  padding-left: 25px;
}

.paddingCategoryOperatingMonth {
  padding-left: 10px;
}

.paddingCategoryPersonal td:first-child {
  padding-left: 25px;
}

.paddingCategoryPersonalMonth {
  padding-left: 10px;
}

.boldGroupYearOperating td {
  font-weight: 700;
  font-family: inherit;
  font-size: 10pt;
}

.leftSample .rstcustom__row {
  padding-left: 1px !important;
}

.leftSample .rstcustom__rowContents {
  min-width: 100%;
  max-width: 100%;
}

.rstcustom__nodeContent {
  width: 100%;
}

.rstcustom__collapseButton {
  /* display: none;, */
  padding-left: 30px;
}

.rstcustom__rowLabel {
  word-break: break-all;
  white-space: normal;
}

.ReactVirtualized__Grid:focus {
  outline: none;
}

.rstcustom__rowToolbar,
.rstcustom__toolbarButton,
.fullHeightSortButton {
  height: 100%;
}

.fullHeightSortButton {
  cursor: pointer;
}

.m-tree > .m-node > .children {
  padding-left: 0px !important;
}

.tableHeadMonth th {
  border-bottom: none !important;
}

.container-action {
  display: flex;
}

.container-action .right-action {
  margin-left: 3px;
}

#iframeContainer,
#iframeContainer iframe {
  width: 100%;
  height: 100%;
}

.container-preview-pdf .ant-modal {
  top: 20px;
}

.container-preview-pdf .ant-modal-body {
  padding: 0px;
}

.container-spin-pdf {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: table;
  width: 100%;
  height: 100%;
}

.container-spin-pdf .icon-spin-pdf {
  font-size: 40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.zoom-menu .icon-preview {
  width: 43px;
  height: 41px;
}

.container-plan-settings .ant-tabs-nav .ant-tabs-tab-active {
  font-weight: normal;
}

.container-plan-general {
  margin-top: 20px;
}

.container-plan-general .btn-cancel-plan-general {
  margin-left: 10px;
}

.container-plan-general .ant-form-item-label {
  text-align: left;
}

.sampleBackground {
  padding-top: 50px;
  width: 100%;
  height: 100%;
  background-color: #ebebeb;
}
.header-home {
  background-color: #dddddd;
  font-size: 16px;
  padding: 16px;
  padding-left: 8px;
  color: #000;
}

/* .sub-menu .ant-menu-submenu-arrow {
    display: none;
} */

.menu-submenu-selected {
  color: #0ad57d !important;
}

.linkItem a {
  color: #fff !important;
}

.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background-image: none !important;
  background: #fff !important;
}

.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  background-image: none !important;
  background: #fff !important;
}

.circle-intro {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 10px #ccc;
}

.img-icon-intro {
  width: 20px;
  height: 20px;
}

.targetIntro {
  background: #fff;
  top: 0;
  left: 70px;
  position: absolute;
  z-index: 10;
  width: 270px;
  box-shadow: 0px 0px 10px #ccc;
}

.tableHeaderIntro {
  width: 100%;
}
.drop-over-upward {
  border-bottom: 2px dashed #1890ff;
}

.drop-over-downward {
  border-bottom: 2px dashed #1890ff;
}

.imgSlideIntro {
  max-height: 150px;
  margin: 0 auto;
}

.container-intro-step {
  z-index: 1;
}

div.mce-edit-area iframe {
  min-height: 300px;
}

.editable-row-total {
  background-color: #fff6e1;
}

.editable-row-total:hover > td {
  background-color: #fff6e1 !important;
}

.div-sort-modal-text {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 25px;
  display: -webkit-box;
  line-height: 32px;
  -webkit-line-clamp: 1;
}

.div-sort-modal-image {
  height: 25px;
}

.div-sort-modal-chart {
  height: 25px;
  line-height: 2.2em;
}

.div-sort-modal-table {
  height: 25px;
  line-height: 2em;
}

.containerSamplePlan {
  width: 1200px;
}

.div-sort-modal-text ol li {
  list-style-type: unset;
}

.div-sort-modal-text ul li {
  list-style-type: disc;
}
.notification {
  color: white;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: #FAFAFA;
}

.notification .badge {
  position: absolute;
  font-size: 10px;
  top: 10px;
  right: 10px;
  padding: 4px 6px;
  border-radius: 50%;
  background: red;
  color: white;
}
.leftNotification{
  position: absolute;
  bottom:10px;
  left:10px;
  background: rgba(255, 255, 255, 0.8);
}
.hight-light{
  background-color: sandybrown;
}
.card-thumb{
  max-height: 220px;
  max-width: 100%;
}
.mce-notification {display: none !important;}
@media only screen and (min-width: 768px) {
  .colLeft {
    height: 100%;
    width: 50%;
    position: absolute;
  }
}

@media only screen and (max-width: 600px) {
  /* .rightHeader {
        display: initial;
    } */
  .titleHeadPlan {
    font-size: 14px;
    white-space: nowrap;
  }
  /* .circle-intro {
        width: 20px;
        height: 20px;
    } */
  /* .rightSample {
        width: 66.66666667%;
        padding: 0px;
    } */
  .leftSample h1 {
    font-size: 12px;
  }
  /* .img-icon-intro {
        width: 10px;
        height: 10px;
    } */
  /* .leftSample {
        padding: 10px;
        max-width: 110px !important;
    } */
  /* .container-leftSample {
        padding: 0px;
    } */
  .imgAvatar {
    display: none;
  }
  .container-parent-intro {
    height: 30px;
  }
  .m-node .inner span {
    font-size: 10px;
  }
  .m-node .children {
    padding-left: 5px !important;
  }
  .selectLanguagesHome {
    width: 90px !important;
  }
  .rightAdminContent {
    width: 75% !important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {
  .leftSample h1 {
    font-size: 20px;
  }
  .inner {
    font-size: 12px !important;
  }
  /* .rightSample {
        width: 66.66666667% !important
    } */
  .titleHeadPlan {
    font-size: 14px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (max-width: 767px) {
  /* .table-responsive-config {
        overflow-x: auto;
    } */
  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td {
    word-break: inherit !important;
  }
  .containerLiquid .ant-table-fixed-left .ant-table-fixed {
    display: none;
  }
}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (max-width: 992px) {
  .containerLiquid .ant-table-fixed-left .ant-table-fixed {
    display: none;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (max-width: 1200px) {
  .ant-layout {
    overflow: initial !important;
  }
  .ant-layout-sider {
    background: #056ead !important;
  }
  .container-leftSample {
    width: initial !important;
    width: 275px !important;
    padding-right: 0px;
    margin-right: 15px;
  }
  .ant-layout-sider-trigger {
    position: initial !important;
  }
  .container-parent-intro {
    width: 65px;
  }
}

@media only screen and (min-width: 1750px) {
  /* .divCreditInput {
        width: 16.66666667% !important;
    } */
}

/* #sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
} */

/* #sidebar ul li.active>a, a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
} */