@charset "UTF-8";
.fade.active {
opacity: 1; }
.avatar.avatar-xs {
width: 6.5rem;
height: 6.5rem;
}
table.dataTable thead th {
font-size: 1.4rem;
padding: 1.2rem 1rem; }
table.dataTable tbody td {
padding: 1.6rem 1rem;
font-size: 1.6rem;
color: #515666;
font-family: "Roboto",sans-serif; }
table.dataTable .stt, table.dataTable .kpi {
text-align: center; }
table.dataTable .stt a {
color: #515666; }
table.dataTable .td_process .progress {
background-color: #EBEDF3;
border-radius: 0.5rem; }
table.dataTable .td_process .progress .progress-bar {
border-radius: 0.5rem;
background: #F58533; }
.toolbar-left-top {
padding: 0;
display: flex;
align-items: center;
min-width: 17.5rem; }
table.dataTable.no-footer {
border: none; }
.datatable-tools .select2-container .select2-choice {
background: none;
border: none;
margin: 0;
width: 100%; }
.datatable-tools .select2-container .select2-choice .select2-chosen {
min-width: 5.8rem;
background: #F2F2F2;
color: #4A433F;
height: 3.6rem;
margin: 0;
border-radius: 0.8rem;
padding: 0 0 0 1rem;
line-height: 3.6rem;
font-size: 1.4rem; }
.datatable-tools .select2-container .select2-choice .select2-arrow {
width: 1.9rem;
right: 1rem; }
.datatable-tools .select2-container .select2-choice .select2-arrow b {
background: url("../../../../files/icon/icon-arrow-down.png") no-repeat center !important;
background-size: 1.2rem !important; }
.datatable-tools .select2-container.select2-dropdown-open .select2-choice .select2-arrow {
transform: rotate(180deg); }
.datatable-tools .custom-toolbar .select2-container .select2-choice .select2-chosen {
line-height: 3.6rem;
display: flex;
align-items: center; }
.datatable-tools .dataTables_length {
margin-right: 2rem;
margin-bottom: 1.5rem; }
table.dataTable thead .sorting_desc {
background-image: none; }
table.dataTable thead .sorting_desc:after {
content: '';
background: url("../../../../files/icon/Icon--ios-arrow-round-back.png") no-repeat;
width: 0.8rem;
height: 1.2rem;
transform: rotate(180deg);
display: inline-block;
margin-left: 1rem;
background-size: contain; }
table.dataTable thead .sorting_asc {
background-image: none; }
table.dataTable thead .sorting_asc:after {
content: '';
background: url("../../../../files/icon/Icon--ios-arrow-round-back.png") no-repeat;
width: 0.8rem;
height: 1.2rem;
display: inline-block;
margin-left: 1rem;
background-size: contain; }
table.dataTable a.edit {
margin-right: 2.6rem; }
table.dataTable a.edit i:first-child:before {
content: '';
background: url("../../../../files/icon/icon-edit.png") no-repeat center;
background-size: 1.6rem;
width: 4rem;
height: 4rem;
display: block;
padding: 0; }
table.dataTable a.information i:first-child:before {
content: '';
background: url("../../../../files/icon/icon-information-circle-outline.png") no-repeat;
width: 4rem;
height: 4rem;
display: block;
padding: 0; }
table.dataTable .delete .fa-times:before {
content: '';
background: url("../../../../files/icon/Delete.png") no-repeat center;
background-size: 1.7rem;
width: 4rem;
height: 4rem;
display: block;
padding: 0; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
margin: 0 1rem;
padding: 0;
cursor: pointer;
line-height: 2.4rem; }
.dataTables_wrapper .dataTables_info {
color: #515666 !important;
font-size: 1.6rem;
font-family: "Helvetica Neue, Medium",sans-serif; }
#ajaxModal.modal .modal-header, #confirmationModal .modal-header {
border: none;
z-index: 1;
position: relative;
background: #fff;
padding: 3.6rem 4rem; }
#ajaxModal.modal .modal-header .modal-title, #confirmationModal .modal-header .modal-title {
font-size: 3.2rem;
color: #4A433F;
font-weight: bold; }
#ajaxModal.modal .form-group label, #ajaxModal.modal .form-group .ticket-mobile #ticket-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-table_wrapper .custom-toolbar #ajaxModal.modal .form-group span, #ajaxModal.modal .form-group .ticket-mobile #ticket-received-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar #ajaxModal.modal .form-group span, #confirmationModal .form-group label, #confirmationModal .form-group .ticket-mobile #ticket-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-table_wrapper .custom-toolbar #confirmationModal .form-group span, #confirmationModal .form-group .ticket-mobile #ticket-received-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar #confirmationModal .form-group span {
color: #A1A5AC;
font-size: 1.6rem;
line-height: 2rem;
font-weight: bold;
margin-bottom: 1.2rem; }
#ajaxModal.modal .form-group input, #confirmationModal .form-group input {
height: 4.8rem;
font-size: 1.6rem;
background: #F7F7F7;
border-radius: 0.8rem;
border: none;
padding: 1.6rem;
color: #4A433F; }
#ajaxModal.modal .form-group input::placeholder, #confirmationModal .form-group input::placeholder {
color: #A1A5AC !important; }
#ajaxModal.modal .form-group input[type="radio"], #ajaxModal.modal .form-group input[type="checkbox"], #confirmationModal .form-group input[type="radio"], #confirmationModal .form-group input[type="checkbox"] {
height: 0; }
#ajaxModal.modal .modal-body, #confirmationModal .modal-body {
padding: 0 4rem 4rem 4rem; }
#ajaxModal.modal .modal-body .input-date, #confirmationModal .modal-body .input-date {
text-indent: 2.5rem;
background-image: url("../../../../files/icon/Calendar.svg");
background-repeat: no-repeat;
background-position: center left 1rem;
background-size: 1.8rem; }
#ajaxModal.modal .modal-footer, #confirmationModal .modal-footer {
display: flex;
justify-content: center;
align-items: center;
border: none;
padding: 0 2.4rem 2.4rem; }
#confirmationModal .modal-header .close {
background: rgba(245, 133, 51, 0.1); }
#confirmationModal .modal-footer {
margin-top: 2rem; }
#confirmationModal .modal-footer .btn {
border-radius: 2rem;
padding: 1.5rem 1rem;
clear: both;
max-width: 50%;
text-align: center;
width: 100%;
font-weight: bold;
font-size: 2rem;
border-color: transparent !important; }
#confirmationModal .modal-footer .btn .fa {
display: none; }
#confirmationModal .modal-footer .btn-default {
background: #f585331a;
color: #F58533; }
.form-group label, .form-group .ticket-mobile #ticket-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .form-group span, .form-group .ticket-mobile #ticket-received-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .form-group span {
font-size: 1.4rem;
color: #515666;
font-family: 'Roboto',sans-serif; }
.form-control {
height: 3.5rem;
font-size: 1.6rem;
border-color: #F4F5F8;
background: #F2F2F2;
border-radius: 0.7rem; }
.form-control input {
color: #4A433F;
font-size: 1.6rem; }
.form-control input::placeholder {
color: #A1A5AC; }
.modal-dialog {
max-width: 82.2rem;
width: 100%; }
#ajaxModal .modal-content {
max-width: 82.2rem; }
#ajaxModal .select2-container .select2-choice {
margin: 0;
width: 100%;
height: 5rem;
line-height: 5rem; }
#ajaxModal .select2-container .select2-choice > .select2-chosen {
font-family: Roboto;
padding: 0 1.2rem; }
#ajaxModal .select2-container .select2-choice .select2-arrow {
margin-right: 1rem; }
#ajaxModal .select2-container .select2-choice .select2-arrow b {
background: url("../../../../files/icon/icon-arrow-down.png") no-repeat center;
background-size: 1.2rem; }
#ajaxModal .select2-container.select2-dropdown-open .select2-choice .select2-arrow {
transform: rotate(180deg); }
body {
background: #F6F6F6; }
#content {
margin-top: 88px; }
.column-show-hide-popover {
padding: 0;
width: 3.8rem;
height: 3.6rem;
border: none;
background: #F2F2F2;
border-radius: 0.8rem;
font-size: 3.2rem; }
.column-show-hide-popover .fa.fa-eye-slash {
width: 2.2rem;
height: 2.2rem;
background-size: contain; }
.DTTT_container {
margin-bottom: 1.5rem;
border-radius: 0.8rem;
height: 3.6rem;
display: flex;
align-items: center;
background: #F2F2F2; }
.DTTT_container button.DTTT_button, .DTTT_container div.DTTT_button, .DTTT_container a.DTTT_button, .DTTT_container a.DTTT_button:focus {
color: #4A433F !important; }
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
border-radius: 0.8rem;
border: none; }
.dataTables_wrapper .dataTables_filter input::placeholder {
color: #A1A5AC; }
.date-range-selector {
background: transparent;
border: none;
font-size: 1.1rem; }
.date-range-selector:hover {
background: transparent; }
button[data-act="datepicker"] {
background: transparent;
border: none; }
.table-responsive {
position: relative;
overflow: unset; }
.table-responsive .title-button-group {
position: absolute;
right: 0;
top: -6.5rem;
z-index: 10; }
table.dataTable .modal-action {
margin-bottom: 4rem; }
table.dataTable thead {
background: #F58533;
height: 8rem;
color: #fff; }
table.dataTable thead th {
font-size: 1.8rem;
padding: 1.6rem 1rem;
font-family: "Roboto", sans-serif; }
table.dataTable tbody td {
font-size: 1.6rem;
color: #4A433F; }
table.dataTable .label {
padding: 0.6rem 1rem;
font-weight: 500;
font-size: 1.2rem;
line-height: 1.6rem;
border-radius: 0.8rem;
font-family: "Roboto", sans-serif; }
table.dataTable .edit i, table.dataTable .delete i, table.dataTable .download_file i {
border-radius: 50%;
width: 4rem;
height: 4rem;
padding: 0; }
table.dataTable .edit i, table.dataTable .download_file i {
background: #4061AB; }
table.dataTable .download_file .fa-cloud-download:before {
content: '';
background: #fff;
-webkit-mask: url(../../../../files/icon/action/Download.png) no-repeat center;
mask: url(../../../../files/icon/action/Download.png) no-repeat center;
-webkit-mask-size: 2rem;
mask-size: 2rem;
width: 4rem;
height: 4rem;
display: block;
padding: 0; }
table.dataTable .delete i {
background: #E83A2F; }
.datatable-tools .col-md-3 {
display: none; }
.datatable-tools .col-md-9 {
width: 100%;
display: flex;
justify-content: center; }
.datatable-tools .custom-toolbar {
padding: 0; }
.datatable-tools .DTTT_container {
margin: 0 0 1.5rem 0; }
.datatable-tools .DTTT_container.mr15 {
margin: 0 0 2rem 0; }
table.dataTable.table-no-color {
font-family: "Roboto", sans-serif; }
table.dataTable.table-no-color thead {
color: #A1A5AC;
height: 4rem;
background: transparent; }
table.dataTable.table-no-color tr {
border-bottom: solid 0.2rem #c1c1c140; }
#ajaxModal .modal-body .form-group {
margin-bottom: 4rem; }
#ajaxModal .modal-body .form-group label {
float: none;
display: block;
color: #A1A5AC;
font-size: 1.6rem;
font-weight: bold;
width: 100%;
font-family: "Roboto", sans-serif; }
#ajaxModal .modal-body .form-group .col-md-9 {
float: none;
width: 100%; }
#ajaxModal .upload-file-button {
position: relative;
z-index: 10;
background: #f585331a;
border-radius: 0.8rem;
border: none;
color: #F58533;
font-size: 1.6rem;
margin: 0 1.5rem;
display: flex;
align-items: center; }
#ajaxModal .modal-action button, #ajaxModal .modal-action a {
border-radius: 2rem;
padding: 1.5rem 1rem;
clear: both;
max-width: 27.6rem;
text-align: center;
width: 100%;
font-weight: bold;
font-size: 2rem;
border-color: transparent !important; }
#ajaxModal .modal-body .form-group input {
border-radius: 0.8rem;
background: #F2F2F2; }
#ajaxModal .modal-body .form-group input::placeholder {
color: #A1A5AC !important; }
#ajaxModal .select2-container .select2-choice {
border-radius: 0.8rem;
color: #A1A5AC;
background-color: #F2F2F2 !important; }
#ajaxModal .select2-container .select2-choice .select2-arrow {
background: #F2F2F2; }
#ajaxModal .select2-container .select2-choice .select2-arrow b {
background-image: none !important;
background-color: #A1A5AC;
mask: url(../../../../files/icon/icon-arrow-down.png) no-repeat center;
-webkit-mask: url(../../../../files/icon/icon-arrow-down.png) no-repeat center; }
#ajaxModal .general-form textarea.form-control {
padding: 1.2rem 2rem;
border-radius: 0.8rem;
background: #F2F2F2;
height: 11.8rem; }
.table-responsive table.dataTable.display tfoot th {
background: none !important;
color: #4A433F; }
#message-details-section {
border: none;
box-shadow: none;
margin-bottom: 5rem; }
.datatable-tools .DTTT_container .filter[data-act="radio"] .btn-default {
margin-bottom: 0;
background: #F2F2F2;
color: #4A433F;
border: none;
display: flex;
align-items: center; }
.datatable-tools .DTTT_container .filter[data-act="radio"] .btn-default.active {
background: #DBDBDB;
border-radius: 0.8rem; }
#message-details-section .dropdown-menu .nav-tabs > li > a:hover {
color: #F58533; }
#message-details-section .dropdown-menu .nav-tabs > li.active > a, #message-details-section .dropdown-menu .nav-tabs > li.active > a:active, #message-details-section .dropdown-menu .nav-tabs > li.active > a:hover, #message-details-section .dropdown-menu .nav-tabs > li.active > a:focus {
color: #F58533 !important; }
#message-details-section .nav-tabs > li > a {
color: #A1A5AC; }
#message-details-section .nav-tabs > li.active > a, #message-details-section .nav-tabs > li.active > a:active, #message-details-section .nav-tabs > li.active > a:hover, #message-details-section .nav-tabs > li.active > a:focus {
color: #4061AB;
border-color: #4061AB;
border-width: 0.3rem; }
#message-details-section table.dataTable .label-success {
background: #41DC8F; }
#message-details-section table.dataTable .label-danger {
background: #E83A2F; }
#message-details-section table.dataTable .label-warning {
background: #FF833D; }
#message-details-section table.dataTable .color-tag {
display: none; }
#message-details-section .dropdown-menu .nav-tabs > li.active > a, #message-details-section .dropdown-menu .nav-tabs > li.active > a:active, #message-details-section .dropdown-menu .nav-tabs > li.active > a:hover, #message-details-section .dropdown-menu .nav-tabs > li.active > a:focus {
color: #FF833D;
border-color: #FF833D; }
.clear {
clear: both; }
#ajaxModal .modal-content {
border-radius: 0.8rem; }
#ajaxModal .modal-content .modal-header {
border-radius: 0.8rem; }
#ajaxModal .modal-body .form-group label.ck-label, #ajaxModal .modal-body .form-group .ticket-mobile #ticket-table_wrapper .custom-toolbar span.ck-label, .ticket-mobile #ticket-table_wrapper .custom-toolbar #ajaxModal .modal-body .form-group span.ck-label, #ajaxModal .modal-body .form-group .ticket-mobile #ticket-received-table_wrapper .custom-toolbar span.ck-label, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar #ajaxModal .modal-body .form-group span.ck-label {
display: none; }
#ajaxModalContent {
max-height: 75vh;
overflow: auto; }
table#search_internal_messages_table .right-member {
text-align: left; }
.internal_messages .search-internal_messages input {
padding-left: 5rem !important; }
#ajaxModal.chat-all-message #ajaxModalContent {
max-height: unset; }
#ajaxModal.chat-all-message.active .close span {
color: #fff !important; }
#ajaxModal.chat-all-message .modal-dialog {
position: fixed;
width: 100%;
bottom: 0;
margin: 0;
right: 0;
max-width: 42.1rem; }
#ajaxModal.chat-all-message .modal-dialog .modal-content {
width: 100%;
border-radius: 2rem 2rem 0 0; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .modal-header {
min-height: 0;
padding: 0;
border-radius: 2rem 2rem 0 0; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .modal-header .close {
background: none;
width: 6rem;
top: 1rem;
height: 6rem; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .modal-header .close span {
color: #444444; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .modal-title {
display: none; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container {
clear: both;
border-top: solid 0.1rem #63636340; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .header-chat {
padding: 1rem 0;
border-radius: 2rem 2rem 0 0; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .header-chat:after {
content: '';
display: block;
clear: both; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .internal_messages_popup {
padding: 0;
border-radius: 2rem 2rem 0 0; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .internal_messages_popup .item-member {
position: relative;
padding: 0 2rem 0 2rem;
margin: 0; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .internal_messages_popup .item-member .name-chat {
color: #4A433F;
font-size: 1.6rem;
line-height: 2rem;
font-weight: bold; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .internal_messages_popup .item-member .email-chat {
font-size: 1.4rem;
line-height: 1.6rem;
color: #A1A5AC; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .internal_messages_popup.active .header-chat {
background: #F58533; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .internal_messages_popup.active .item-member .name-chat, #ajaxModal.chat-all-message .modal-dialog .modal-content .internal_messages_popup.active .item-member .email-chat {
color: #fff; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container {
height: 45vh;
overflow-y: auto;
padding: 2.5rem 2rem 1.5rem; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block {
text-align: right;
margin: 2.4rem 0;
display: flex;
align-items: center;
justify-content: flex-end; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block .image-file {
max-width: 20rem;
display: inline-block; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block .image-file img {
width: 100%; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block .message {
word-break: break-word;
border-radius: 2rem;
font-size: 1.6rem;
display: inline-block;
padding: 0.8rem 1.2rem;
background: #F58533;
color: #fff;
white-space: break-spaces; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block .message a {
color: #fff; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block .user-icon {
display: inline-block;
height: 4rem; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block .user-icon.right {
margin-right: 0.5rem; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block .user-icon.left {
margin-left: 0.5rem; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block .user-icon img {
width: 4rem;
height: 4rem;
border-radius: 50%; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block.received-message {
text-align: left;
justify-content: flex-start; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block.received-message .message {
background: #F2F2F2;
color: #4A433F; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .message-container .message-block.received-message .message a {
color: #4A433F; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .write-message .message-area {
display: flex;
align-items: center;
justify-content: space-between;
padding: 2rem;
border-top: solid 0.1rem #63636340; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .write-message .message-area .message-input {
padding: 1rem 1rem 1rem 1.8rem;
border: none;
background: #F2F2F2;
border-radius: 2rem;
width: 80% !important;
height: 4rem;
outline: none; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .write-message .message-area .btn-send-message {
color: #0084FF;
font-size: 16px;
line-height: 20px;
font-weight: 500; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .write-message .upload-items {
position: relative;
cursor: pointer; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .write-message .upload-items:after {
content: '';
display: block;
width: 2rem;
height: 2rem;
background: #4A433F; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .write-message .upload-items input {
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
z-index: 1;
cursor: pointer; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .write-message .upload-items.upload-image:after {
-webkit-mask: url("../../../../files/icon/action/upload_image.png") no-repeat;
mask: url("../../../../files/icon/action/upload_image.png") no-repeat;
-webkit-mask-size: 2rem;
mask-size: 2rem; }
#ajaxModal.chat-all-message .modal-dialog .modal-content .chat-container .write-message .upload-items.upload-file:after {
-webkit-mask: url("../../../../files/icon/action/upload_file.png") no-repeat;
mask: url("../../../../files/icon/action/upload_file.png") no-repeat;
-webkit-mask-size: 1.6rem;
mask-size: 1.6rem; }
#comment.comment-custom {
margin-top: 1.2rem; }
#comment.comment-custom .item-comment {
margin-left: 0; }
#comment.comment-custom .item-comment .middle-content {
margin: 0 0 1.2rem 5rem;
height: auto; }
#comment.comment-custom .item-comment .footer-content {
margin-left: 5rem;
margin-bottom: 1.2rem;
display: flex;
flex-wrap: wrap; }
#comment.comment-custom .item-comment .add-child-comment {
width: 100%;
display: flex;
align-items: center;
margin-top: 1.2rem; }
#comment.comment-custom .item-comment .add-child-comment .comment-detail {
margin-left: 1rem;
height: 4rem;
border: unset;
background: #F3F3F3;
border-radius: 0.8rem;
padding: 0 1.6rem;
font-weight: 500;
outline: unset; }
#comment.comment-custom .item-comment .list-comment-child {
margin-left: 5rem; }
#comment.comment-custom .item-comment .list-comment-child .report {
display: flex;
margin-left: 0.5rem;
cursor: pointer; }
#comment.comment-custom .bottom-comment {
display: flex;
align-items: center;
justify-content: space-between; }
#comment.comment-custom .bottom-comment .left-bottom-comment {
cursor: pointer; }
.submit-forgot {
cursor: pointer; }
.home {
background-color: #F2F2F2;
font-family: "Roboto"; }
.home.home_page .articles_and_legal_proceedings .menu_post, .home.user_page .articles_and_legal_proceedings .menu_post {
color: #F58533 !important; }
.home.home_page .articles_and_legal_proceedings .menu_post:after, .home.user_page .articles_and_legal_proceedings .menu_post:after {
background-color: #F58533; }
.home.for_me_page .articles_and_legal_proceedings .menu_for_me {
color: #F58533 !important; }
.home.for_me_page .articles_and_legal_proceedings .menu_for_me:after {
background-color: #F58533; }
.home.legal_proceedings_page .top-title, .home.implementing_agencies_page .top-title {
display: flex;
box-shadow: inset 0 -0.1rem 0 rgba(99, 99, 99, 0.25);
border-radius: 0.8rem 0.8rem 0 0; }
.home.legal_proceedings_page .top-title #legal-proceedings-tabs, .home.implementing_agencies_page .top-title #legal-proceedings-tabs {
width: 50%; }
.home.legal_proceedings_page .top-title #legal-proceedings-tabs .title-tabs, .home.implementing_agencies_page .top-title #legal-proceedings-tabs .title-tabs {
width: 100%; }
.home.implementing_agencies_page #agency-table tbody .phone, .home.implementing_agencies_page #agency-table tbody .email {
max-width: 100px;
overflow-x: scroll; }
.home.implementing_agencies_page #agency-table tbody .phone::-webkit-scrollbar, .home.implementing_agencies_page #agency-table tbody .email::-webkit-scrollbar {
height: 6px; }
.home.implementing_agencies_page #agency-table tbody .phone::-webkit-scrollbar-thumb, .home.implementing_agencies_page #agency-table tbody .email::-webkit-scrollbar-thumb {
background-color: #F58533; }
.home.implementing_agencies_page #agency-table tbody td {
font-size: 14px; }
.home.implementing_agencies_page .list_implementing_agencies {
display: flex;
align-items: center;
justify-content: center;
background: #4262AE;
border-radius: 0.8rem 0.8rem 0 0; }
.home.implementing_agencies_page .list_implementing_agencies a {
color: #ffffff !important; }
.home.implementing_agencies_page .list_implementing_agencies a:hover {
color: #ffffff !important; }
.home.legal_proceedings_page .articles_and_legal_proceedings .menu_list_legal_proceedings, .home.procedure_details .articles_and_legal_proceedings .menu_list_legal_proceedings, .home.implementing_agencies_page .articles_and_legal_proceedings .menu_list_legal_proceedings {
color: #F58533 !important; }
.home.legal_proceedings_page .articles_and_legal_proceedings .menu_list_legal_proceedings:after, .home.procedure_details .articles_and_legal_proceedings .menu_list_legal_proceedings:after, .home.implementing_agencies_page .articles_and_legal_proceedings .menu_list_legal_proceedings:after {
background-color: #F58533; }
.home.legal_proceedings_page .menu-contract {
color: #F58533 !important; }
.home.legal_proceedings_page .menu-contract:after {
background-color: #F58533; }
.home-page. legal_proceedings_page .menu-contract{
color: #F58533 !important;
}
.home-page. legal_proceedings_page .menu-contract:after{
color: #F58533 !important;
}
.home #legal-proceedings-tabs .title-tabs {
padding: 0; }
.home #legal-proceedings-tabs .title-tabs.active a {
color: #FFFFFF;
font-weight: bold;
font-size: 2.4rem; }
.home #implementing_agencies .datatable-tools {
align-items: center; }
.home #implementing_agencies .datatable-tools input {
margin-right: 0.8rem; }
.home #implementing_agencies .datatable-tools .select2-container {
margin-left: 0.8rem; }
.home #implementing_agencies .toolbar-left-top {
justify-content: flex-end;
min-width: unset;
width: 14rem; }
.home #implementing_agencies .dataTables_length {
margin: 0; }
.home #implementing_agencies .DTTT_container {
margin: 0;
height: auto;
background: transparent; }
.home #implementing_agencies .DTTT_container .column-show-hide-popover {
width: auto !important;
height: auto !important;
background: transparent; }
.home #implementing_agencies .select2-chosen {
padding: 0.3rem 0.5rem;
height: 2.6rem;
min-width: unset;
text-align: center; }
.home #implementing_agencies .select2-arrow {
display: none; }
.home #ajaxModal .modal-content .modal-header {
padding: 0; }
.home #content {
margin: 0; }
.home .glass:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.6);
opacity: 0.8; }
.home .home-page {
box-sizing: content-box; }
.home .home-page .content-homepage {
margin: 9.6rem auto 0 auto;
max-width: 1440px;
padding: 0 2rem;
display: flex;
overflow: auto; }
.home .searching {
position: absolute;
z-index: 1;
top: 20.2rem;
width: 100%;
height: 5.6rem; }
.home .searching input {
display: block;
border: unset;
color: rgba(255, 255, 255, 0.8);
border-bottom: 0.1rem solid #868687 !important;
width: 100%;
text-align: center;
background-color: transparent;
font-size: 3.2rem; }
.home .searching input:focus {
outline: unset; }
.home .searching input::placeholder {
font-size: 3.2rem;
color: rgba(255, 255, 255, 0.8); }
.home #header {
position: fixed;
width: 100%;
z-index: 20;
top: 0;
background-color: #ffffff;
padding: 0.8rem 0; }
.home #header .middle-header {
display: flex; }
.home #header .middle-header .manual {
list-style: none;
padding: 1.6rem 2rem 0 2rem; }
.home #header .middle-header .manual .user-manual {
font-weight: bold;
font-size: 2rem;
line-height: 3.2rem;
color: #444444;
padding: 0; }
.home #header .middle-header .manual .user-manual:hover {
color: #F58533;
padding-bottom: 1.3rem;
border-bottom: 0.5rem solid #F58533; }
.home #header .right-header {
display: flex;
cursor: pointer;
align-items: center; }
.home #header .right-header .notification-header {
display: flex;
justify-content: center;
align-items: center;
margin-right: 3rem;
height: 6rem;
position: relative; }
.home #header .right-header .notification-header .fa-bell-o {
position: relative; }
.home #header .right-header .notification-header .fa-bell-o.active:after {
content: '';
width: 9px;
height: 9px;
position: absolute;
top: -8px;
right: 0;
background: #F58533;
border-radius: 50%; }
.home #header .right-header .notification-header .fa-bell-o:before {
content: '';
display: block;
mask: url("../../../../files/icon/Bell.svg") no-repeat;
-webkit-mask: url("../../../../files/icon/Bell.svg") no-repeat;
mask-size: 2.6rem;
-webkit-mask-size: 2.6rem;
width: 3rem;
height: 3rem;
background: #292929; }
.home #header .right-header .notification-header .list-group-notification {
display: none;
overflow-y: scroll;
height: auto;
max-height: 85vh; }
.home #header .right-header .notification-header .list-group-notification.active {
display: block;
position: absolute;
background: #FFFFFF;
top: 6.8rem;
right: -14rem;
width: 54rem;
padding: 2rem;
box-shadow: 0 4px 8px rgba(141, 141, 141, 0.25); }
.home #header .right-header .notification-header .list-group-notification.active .title {
font-size: 3.2rem;
line-height: 3.6rem;
color: #4A433F;
font-weight: bold;
margin-bottom: 2rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item {
padding: 1.6rem 0.8rem 1.6rem 0.8rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item .icon {
position: absolute;
width: 1.3rem;
height: 1.3rem;
background: #A1A5AC;
right: 1.6rem;
border-radius: 50%;
top: 1.6rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item.active .icon {
position: absolute;
width: 1.3rem;
height: 1.3rem;
background: #F58333;
right: 1.6rem;
border-radius: 50%;
top: 1.6rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq {
position: relative;
background: rgba(245, 133, 51, 0.1); }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq span {
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F;
font-weight: 500; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq .message {
width: 14.8rem;
height: 4rem;
background: #F58533;
color: #FFFFFF;
border-radius: 2rem;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.6rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq .message span {
font-size: 1.6rem;
line-height: 2.4rem;
color: #FFFFFF;
margin-bottom: 0;
margin-left: 1rem;
font-weight: 500; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq .message img {
width: 2rem;
height: 2rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq-off {
background: #F7F7F7;
position: relative; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq-off span {
font-size: 1.6rem;
line-height: 2rem;
color: #A1A5AC;
font-weight: 500; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq-off .message {
margin-top: 1.6rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq-off .message span {
font-size: 1.6rem;
line-height: 2.4rem;
color: #F58533;
font-weight: 500;
margin-bottom: 0;
margin-left: 1rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-faq-off .message img {
width: 2rem;
height: 2rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind {
display: flex;
position: relative; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item {
margin-left: 1.2rem;
width: 80%; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .type .name, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .type .phone, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .type .email, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .type .address {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .type .text {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-comment-remind .right-item .date {
color: #8A8A8A;
font-size: 1.6rem;
line-height: 2.4rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company {
display: flex; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item {
margin-left: 1.2rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .type .name, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .type .phone, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .type .email, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .type .address {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .type .text {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .date {
color: #8A8A8A;
font-size: 1.6rem;
line-height: 2.4rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .accept-cancel {
margin-top: 1.2rem;
display: flex; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .accept-cancel .accept {
width: 10rem;
height: 4rem;
border-radius: 2rem;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
background: #F58533;
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
margin-right: 1.2rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-add-company .right-item .accept-cancel .cancel {
width: 10rem;
height: 4rem;
border-radius: 2rem;
display: flex;
justify-content: center;
align-items: center;
color: #4A433F;
background: #F2F2F2;
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company {
display: flex; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item {
margin-left: 1.2rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type .name, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type .phone, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type .email, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type .address {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type .text {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .date {
color: #8A8A8A;
font-size: 1.6rem;
line-height: 2.4rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-accept-company .right-item .type-company {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company {
display: flex; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item {
margin-left: 1.2rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type .name, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type .phone, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type .email, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type .address {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type .text {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .type-company {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .date {
color: #8A8A8A;
font-size: 1.6rem;
line-height: 2.4rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .accept-cancel {
margin-top: 1.2rem;
display: flex; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .accept-cancel .accept {
width: 10rem;
height: 4rem;
border-radius: 2rem;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
background: #F58533;
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
margin-right: 1.2rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-request-company .right-item .accept-cancel .cancel {
width: 10rem;
height: 4rem;
border-radius: 2rem;
display: flex;
justify-content: center;
align-items: center;
color: #4A433F;
background: #F2F2F2;
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept {
display: flex; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item {
margin-left: 1.2rem;
width: 80%; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type .name, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type .phone, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type .email, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type .address {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type .text {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .date {
color: #8A8A8A;
font-size: 1.6rem;
line-height: 2.4rem; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-company-accept .right-item .type-company {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered {
display: flex; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item {
margin-left: 1.2rem;
width: 80%; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .name, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .phone, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .email, .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .address {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .text {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .type .count-person {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold;
color: #4A433F; }
.home #header .right-header .notification-header .list-group-notification.active .list-notification .item-question-answered .right-item .date {
color: #8A8A8A;
font-size: 1.6rem;
line-height: 2.4rem; }
.home #header .right-header .user {
display: flex;
position: relative; }
.home #header .right-header .user.add_before:before {
content: "";
position: absolute;
top: 6.2rem;
right: 0;
border-bottom: 13px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent; }
.home #header .right-header .user .avatar-customer {
width: 4.6rem;
height: 4.6rem;
border-radius: 50%; }
.home #header .right-header .profile-login {
font-weight: 500;
width: 23rem;
background: #fff;
color: #444444;
position: absolute;
right: -0.1rem;
top: 7.5743rem;
line-height: 1;
display: none;
text-transform: capitalize;
border-radius: 0.8rem 0 0.8rem 0.8rem;
max-height: 266px;
overflow-y: auto; }
.home #header .right-header .profile-login.active {
display: inline-block; }
.home #header .right-header .profile-text {
text-align: left;
padding-left: 1.2rem;
margin-top: 1.2rem;
padding-bottom: 1.2rem;
font-size: 1.6rem;
border-bottom: solid 0.1rem #d8d8d8; }
.home #header .right-header .profile-text img, .home #header .right-header .profile-text svg {
margin-right: 5px;
width: 13px; }
.home #header .right-header .profile-text a {
color: #444444;
font-size: 1.6rem; }
.home #header .right-header .profile-admin {
padding: 1.2rem 0 1.2rem 1.2rem;
text-align: left;
border-bottom: solid 0.1rem #d8d8d8;
font-size: 1.6rem; }
.home #header .right-header .profile-admin img, .home #header .right-header .profile-admin svg {
margin-right: 5px; }
.home #header .right-header .profile-admin .exclusively {
width: 20px;
height: 20px; }
.home #header .right-header .profile-admin a {
color: #444444;
font-size: 1.6rem;
display: flex;
align-items: center; }
.home #header .right-header .profile-admin img {
width: 16px;
height: 16px; }
.home #header .right-header .signout-post {
list-style: none;
text-align: center; }
.home #header .right-header .signout-post a {
color: #444444; }
.home #header .right-header .search {
margin-right: 3rem;
}
.home #header .right-header .search img {
width: 100%; }
.home #header .right-header .user > img {
width: 100%; }
.home #header .articles_and_legal_proceedings {
color: #444444;
font-weight: 500;
font-size: 1.8rem;
line-height: 2.4rem;
text-transform: uppercase;
margin: 0 2rem;
cursor: pointer; }
.home #header .articles_and_legal_proceedings a {
padding: 1.6rem 2rem 0 2rem;
font-weight: bold;
font-size: 2rem;
line-height: 3.2rem;
color: #444444;
position: relative; }
.home #header .articles_and_legal_proceedings a:hover {
color: #F58533; }
.home #header .articles_and_legal_proceedings a:hover:after {
background-color: #F58533; }
.home #header .articles_and_legal_proceedings a:after {
content: "";
position: absolute;
bottom: -2.5rem;
width: 100%;
height: 0.5rem;
left: 0; }
.home #header .articles_and_legal_proceedings.active {
color: #F58533;
position: relative; }
.home #header .articles_and_legal_proceedings.active:after {
position: absolute;
bottom: -2.6rem;
left: 0;
content: "";
width: 100%;
height: 0.3rem;
background-color: #F58533; }
.home #header .header {
margin: 0 auto;
max-width: 1500px;
padding: 0 4rem;
display: flex;
align-items: center;
justify-content: space-between; }
.home #header .header .logo img {
width: 100%; }
.home .popup-dashboard {
position: absolute;
background: #FFFFFF;
top: 25%;
left: 50%;
transform: translateX(-50%);
border-radius: 0.5rem;
padding: 2rem;
z-index: 1; }
.home .popup-dashboard .title-popup {
font-size: 2rem;
line-height: 2.8rem;
margin-bottom: 1rem;
color: #F58533;
font-weight: bold; }
.home .popup-dashboard .profile-admin {
padding: 2rem 0;
text-align: center;
border-bottom: solid 0.1rem #d8d8d8;
cursor: pointer; }
.home .popup-dashboard .profile-admin.change-team {
text-align: unset; }
.home .popup-dashboard .profile-admin.change-team img {
margin-left: 20%;
margin-right: 20px;
width: 40px;
border-radius: 50%; }
.home .popup-dashboard .profile-admin a {
color: #444444;
font-size: 1.8rem; }
.home .page_detail_post .right-header-post, .home .details_post .right-header-post {
display: flex;
align-items: center;
cursor: pointer; }
.home .page_detail_post .right-header-post .follow, .home .details_post .right-header-post .follow {
color: #444444;
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
line-height: 2rem;
width: 8rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
background: #F2F2F2;
border-radius: 4px;
margin-right: 0.8rem; }
.home .page_detail_post .right-header-post .follow.active, .home .details_post .right-header-post .follow.active {
background: #F58533;
color: #ffffff; }
.home .page_detail_post .right-header-post .bar, .home .details_post .right-header-post .bar {
position: relative; }
.home .page_detail_post .right-header-post .bar .option-post, .home .details_post .right-header-post .bar .option-post {
width: 100px;
height: 70px;
background: #F58533;
position: absolute;
right: -1em;
text-align: center;
top: 40px;
line-height: 2;
/* display: none; */
text-transform: capitalize;
border-radius: 8px 0 8px 8px; }
.home .page_detail_post .right-header-post .bar .option-post:before, .home .details_post .right-header-post .bar .option-post:before {
content: "";
position: absolute;
top: -17px;
right: 0;
border-bottom: 17.01px solid #F58533;
border-left: 16.5px solid transparent;
border-right: 16.5px solid transparent; }
.home .page_detail_post .right-header-post .bar .option-post .hidden, .home .details_post .right-header-post .bar .option-post .hidden {
display: none; }
.home .page_detail_post .right-header-post .bar .option-post .option-edit, .home .details_post .right-header-post .bar .option-post .option-edit {
margin-top: 5px;
color: #FFFFFF !important; }
.home .page_detail_post .right-header-post .bar .option-post .option-edit:hover, .home .details_post .right-header-post .bar .option-post .option-edit:hover {
color: #444444 !important; }
.home .page_detail_post .right-header-post .bar .option-post .option-delete, .home .details_post .right-header-post .bar .option-post .option-delete {
color: #FFFFFF !important; }
.home .page_detail_post .right-header-post .bar .option-post .option-delete:hover, .home .details_post .right-header-post .bar .option-post .option-delete:hover {
color: #444444 !important; }
.home .page_detail_post #comment .footer-content .reply a, .home .details_post #comment .footer-content .reply a {
color: #979797;
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500; }
.home .page_detail_post #comment .footer-content .add-child-comment, .home .details_post #comment .footer-content .add-child-comment {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: 2.8rem;
width: 100%;
margin-top: 1.2rem;
margin-bottom: 1.2rem; }
.home .page_detail_post #comment .footer-content .add-child-comment .input-comment, .home .details_post #comment .footer-content .add-child-comment .input-comment {
margin-left: 1.1rem;
width: calc(100% - 4rem - 1.1rem); }
.home .page_detail_post #comment .footer-content .add-child-comment .input-comment input, .home .details_post #comment .footer-content .add-child-comment .input-comment input {
width: 100%;
height: 4rem;
border: unset;
background: #F3F3F3;
border-radius: 0.8rem;
padding: 0 1.6rem;
font-weight: 500;
outline: unset; }
.home #ajaxModalContent .right-header-post {
display: flex;
align-items: center;
cursor: pointer; }
.home #ajaxModalContent .right-header-post .follow {
color: #444444;
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
line-height: 2rem;
width: 8rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
background: #F2F2F2;
border-radius: 4px;
margin-right: 0.8rem; }
.home #ajaxModalContent .right-header-post .follow.active {
background: #F58533;
color: #ffffff; }
.home #ajaxModalContent .right-header-post .bar {
position: relative; }
.home #ajaxModalContent .right-header-post .bar .option-post {
width: 100px;
height: 70px;
background: #F58533;
position: absolute;
right: -1em;
text-align: center;
top: 40px;
line-height: 2;
/* display: none; */
text-transform: capitalize;
border-radius: 8px 0 8px 8px; }
.home #ajaxModalContent .right-header-post .bar .option-post:before {
content: "";
position: absolute;
top: -17px;
right: 0;
border-bottom: 17.01px solid #F58533;
border-left: 16.5px solid transparent;
border-right: 16.5px solid transparent; }
.home #ajaxModalContent .right-header-post .bar .option-post .hidden {
display: none; }
.home #ajaxModalContent .right-header-post .bar .option-post .option-edit {
margin-top: 5px;
color: #FFFFFF !important; }
.home #ajaxModalContent .right-header-post .bar .option-post .option-edit:hover {
color: #444444 !important; }
.home #ajaxModalContent .right-header-post .bar .option-post .option-delete {
color: #FFFFFF !important; }
.home #ajaxModalContent .right-header-post .bar .option-post .option-delete:hover {
color: #444444 !important; }
.home #ajaxModalContent .right-header-post .bar {
position: relative; }
.home #ajaxModalContent .right-header-post .bar .option-post {
width: 100px;
height: 70px;
background: #F58533;
position: absolute;
right: -1em;
text-align: center;
top: 40px;
line-height: 2;
z-index: 9999;
text-transform: capitalize;
border-radius: 8px 0 8px 8px; }
.home #ajaxModalContent .right-header-post .bar .option-post a {
color: #FFFFFF !important; }
.home #ajaxModalContent .right-header-post .bar .option-post:before {
content: "";
position: absolute;
top: -17px;
right: 0;
border-bottom: 17.01px solid #F58533;
border-left: 16.5px solid transparent;
border-right: 16.5px solid transparent; }
.home #ajaxModalContent .right-header-post .bar .option-post .hidden {
display: none; }
.home #ajaxModalContent .right-header-post .bar .option-post .option-edit {
margin-top: 5px;
color: #FFFFFF !important; }
.home #ajaxModalContent .right-header-post .bar .option-post .option-edit:hover {
color: #444444 !important; }
.home #ajaxModalContent .right-header-post .bar .option-post .option-delete {
color: #FFFFFF !important; }
.home #ajaxModalContent .right-header-post .bar .option-post .option-delete:hover {
color: #444444 !important; }
.home .content-homepage::-webkit-scrollbar {
display: none; }
.home .content-homepage .left-content {
width: 24%;
max-width: 345px;
position: fixed;
overflow-y: auto;
height: 85vh; }
.home .content-homepage .left-content::-webkit-scrollbar {
display: none; }
.home .content-homepage .left-content .title {
position: unset;
padding: 1.5rem 2rem;
border-radius: 0.8rem 0.8rem 0 0; }
.home .content-homepage .left-content .account-information {
padding: 2rem 0;
background-color: #ffffff;
border-radius: 0.8rem;
margin-bottom: 1.6rem;
text-align: center; }
.home .content-homepage .left-content .account-information .ajax_list_post_by_type.active .my-article, .home .content-homepage .left-content .account-information .ajax_list_post_by_type.active .my-video {
background-color: #F58533;
color: #ffffff; }
.home .content-homepage .left-content .account-information .ajax_list_post_by_type.active .my-article svg path, .home .content-homepage .left-content .account-information .ajax_list_post_by_type.active .my-video svg path {
stroke: #ffffff !important; }
.home .content-homepage .left-content .account-information .avatar-account img {
width: 8.8rem;
height: 8.8rem;
margin: 0.8rem 0;
border-radius: 50%; }
.home .content-homepage .left-content .account-information .name-account {
color: #444444;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem; }
.home .content-homepage .left-content .account-information .email-account {
color: #000000;
font-weight: 300;
font-size: 1.2rem;
line-height: 1.6rem; }
.home .content-homepage .left-content .post-follow-view {
display: flex;
margin-top: 1.6rem;
justify-content: space-between;
margin-bottom: 4rem;
padding: 0 2rem; }
.home .content-homepage .left-content .post-follow-view .count {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.1rem;
color: #444444;
margin-bottom: 0.5rem; }
.home .content-homepage .left-content .post-follow-view .title-post-account {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
text-align: center;
color: #979797;
margin-bottom: 0; }
.home .content-homepage .left-content .followers {
padding: 0 2rem; }
.home .content-homepage .left-content .title-followers {
display: flex;
justify-content: space-between;
margin-bottom: 1.6rem; }
.home .content-homepage .left-content .title-followers .left-title {
text-transform: uppercase;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
color: #444444; }
.home .content-homepage .left-content .title-followers .right-title {
font-weight: 500;
font-size: 1.2rem;
line-height: 1.4rem;
position: relative;
cursor: pointer;
color: #979797; }
.home .content-homepage .left-content .title-followers .right-title:after {
position: absolute;
top: 0.3rem;
content: "";
border: solid #979797;
border-width: 0 0.2rem 0.2rem 0;
display: inline-block;
padding: 0.3rem;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
.home .content-homepage .left-content .list-followers {
display: flex;
justify-content: space-between;
margin-bottom: 2rem; }
.home .content-homepage .left-content .list-followers .item-followers img {
width: 5rem;
height: 5rem;
border-radius: 50%; }
.home .content-homepage .left-content .list-followers .item-followers .name-followers {
margin-top: 0.8rem;
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #444444; }
.home .content-homepage .left-content .my-article, .home .content-homepage .left-content .my-video, .home .content-homepage .left-content .premium-package {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.6rem 2rem;
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem;
color: #444444;
cursor: pointer; }
.home .content-homepage .left-content .my-article > svg, .home .content-homepage .left-content .my-video > svg, .home .content-homepage .left-content .premium-package > svg {
width: 2rem; }
.home .content-homepage .left-content .my-article .left-my-article, .home .content-homepage .left-content .my-video .left-my-article, .home .content-homepage .left-content .premium-package .left-my-article {
display: flex;
align-items: center; }
.home .content-homepage .left-content .my-article .left-my-article svg, .home .content-homepage .left-content .my-video .left-my-article svg, .home .content-homepage .left-content .premium-package .left-my-article svg {
margin-right: 1rem;
width: 2rem; }
.home .content-homepage .left-content .my-article .left-my-article a, .home .content-homepage .left-content .my-video .left-my-article a, .home .content-homepage .left-content .premium-package .left-my-article a {
color: #444444; }
.home .content-homepage .left-content .my-article .left-my-article img, .home .content-homepage .left-content .my-video .left-my-article img, .home .content-homepage .left-content .premium-package .left-my-article img {
margin-right: 1rem;
width: 2rem;
margin-top: -0.4rem; }
.home .content-homepage .list-category {
background-color: #ffffff;
border-radius: 0 0 0.8rem 0.8rem; }
.home .content-homepage .list-category .item-category {
display: flex;
cursor: pointer;
border-bottom: 0.1rem solid #e5e5e5;
padding: 1.2rem 0;
align-items: center; }
.home .content-homepage .list-category .img {
width: 4.8rem;
height: 4.8rem;
margin-right: 1.5rem;
background: #ffffff;
border-radius: 50%; }
.home .content-homepage .list-category .img img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center; }
.home .content-homepage .list-category .title-category {
width: 23%;
font-style: normal;
font-weight: normal;
font-size: 1.6rem;
color: #444444;
flex: 1;
margin-top: 0.25rem;
line-height: 2rem; }
.home .content-homepage .middle-content {
width: 55%;
max-width: 588px;
margin-right: 2rem;
height: 100vh;
margin-left: calc(24% + 3rem);
margin-bottom: -15rem; }
.home .content-homepage .middle-content .add-new-post {
padding: 2rem;
background-color: #ffffff;
margin-bottom: 1.6rem;
border-radius: 0.8rem; }
.home .content-homepage .middle-content .add-new-post .top-new-post {
display: flex; }
.home .content-homepage .middle-content .add-new-post .top-new-post img {
width: 4.4rem;
height: 4.4rem;
border-radius: 50%; }
.home .content-homepage .middle-content .add-new-post .top-new-post input {
padding-left: 2rem;
width: calc(100% - 5.4rem);
margin-left: 1rem;
background: #F8F8F8;
border-radius: 2.1rem;
border: unset;
color: #A1A5AC;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem; }
.home .content-homepage .middle-content .add-new-post .top-new-post input:focus {
outline: unset; }
.home .content-homepage .middle-content .add-new-post .bottom-new-post {
margin-top: 1.7rem;
display: flex;
align-items: center;
justify-content: center; }
.home .content-homepage .middle-content .add-new-post .bottom-new-post .type-post {
width: 5rem;
height: 5rem;
margin: 0 0.8rem;
background: rgba(245, 133, 51, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.home .content-homepage .middle-content .add-new-post .bottom-new-post .type-post img {
width: 2.5rem; }
.home .content-homepage .middle-content .list-post {
background-color: #ffffff;
padding: 2rem 2rem 0 2rem;
border-radius: 0 0 0.8rem 0.8rem;
margin-bottom: 2rem; }
.home .content-homepage .middle-content .header-post {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.8rem; }
.home .content-homepage .middle-content .left-header-post {
display: flex;
align-items: center; }
.home .content-homepage .middle-content .avatar {
width: 4rem;
height: 4rem;
border-radius: 50%; }
.home .content-homepage .middle-content .avatar img {
width: 100%; }
.home .content-homepage .middle-content .name-date {
margin-left: 1rem;
font-style: normal; }
.home .content-homepage .middle-content .name-date .name, .home .content-homepage .middle-content .name-date .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home .content-homepage .middle-content .name-date .phone, .home .content-homepage .middle-content .name-date .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home .content-homepage .middle-content .name-date .email, .home .content-homepage .middle-content .name-date .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home .content-homepage .middle-content .name-date .address {
color: #444444;
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem; }
.home .content-homepage .middle-content .name-date .date {
color: #979797;
font-weight: normal;
font-size: 1.4rem;
line-height: 2rem; }
.home .content-homepage .right-header-post {
display: flex;
align-items: center;
cursor: pointer; }
.home .content-homepage .right-header-post .follow {
color: #444444;
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
line-height: 2rem;
width: 8rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
background: #F2F2F2;
border-radius: 0.4rem;
margin-right: 0.8rem; }
.home .content-homepage .right-header-post .follow.active {
background: #F58533;
color: #ffffff; }
.home .content-homepage .right-header-post .bar {
position: relative; }
.home .content-homepage .right-header-post .bar .option-post {
width: 10rem;
height: auto;
background: #F58533;
position: absolute;
right: -1rem;
text-align: center;
top: 4rem;
line-height: 2;
/* display: none; */
text-transform: capitalize;
border-radius: 0.8rem 0 0.8rem 0.8rem; }
.home .content-homepage .right-header-post .bar .option-post:before {
content: "";
position: absolute;
top: -1.7rem;
right: 0;
border-bottom: 17.01px solid #F58533;
border-left: 16.5px solid transparent;
border-right: 16.5px solid transparent; }
.home .content-homepage .right-header-post .bar .option-post .hidden {
display: none; }
.home .content-homepage .right-header-post .bar .option-post .option-edit {
margin-top: 0.5rem;
color: #FFFFFF !important; }
.home .content-homepage .right-header-post .bar .option-post .option-edit:hover {
color: #444444 !important; }
.home .content-homepage .right-header-post .bar .option-post .option-delete {
color: #FFFFFF !important; }
.home .content-homepage .right-header-post .bar .option-post .option-delete:hover {
color: #444444 !important; }
.home .content-homepage .right-header-post .bar {
position: relative; }
.home .content-homepage .right-header-post .bar .option-post {
width: 10rem;
height: auto;
background: #F58533;
position: absolute;
right: -1rem;
text-align: center;
top: 4rem;
line-height: 2;
z-index: 9999;
text-transform: capitalize;
border-radius: 0.8rem 0 0.8rem 0.8rem; }
.home .content-homepage .right-header-post .bar .option-post a {
color: #FFFFFF !important; }
.home .content-homepage .right-header-post .bar .option-post:before {
content: "";
position: absolute;
top: -1.7rem;
right: 0;
border-bottom: 1.7rem solid #F58533;
border-left: 1.65rem solid transparent;
border-right: 1.65rem solid transparent; }
.home .content-homepage .right-header-post .bar .option-post .hidden {
display: none; }
.home .content-homepage .right-header-post .bar .option-post .option-edit {
margin-top: 0.5rem;
color: #FFFFFF !important; }
.home .content-homepage .right-header-post .bar .option-post .option-edit:hover {
color: #444444 !important; }
.home .content-homepage .right-header-post .bar .option-post .option-delete {
color: #FFFFFF !important; }
.home .content-homepage .right-header-post .bar .option-post .option-delete:hover {
color: #444444 !important; }
.home .content-homepage .content-post .media .timeline-images {
position: relative;
width: 100%; }
.home .content-homepage .content-post .media img, .home .content-homepage .content-post .media video {
width: 100%;
height: -webkit-fill-available;
height: auto; }
.home .content-homepage .content-post .media video {
width: 100%;
height: 100%; }
.home .content-homepage .content-post .media video:focus {
outline: unset; }
.home .content-homepage .content-post .title-post {
margin-top: 2rem; }
.home .content-homepage .content-post .title-post a {
color: #444444;
font-style: normal;
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
overflow: hidden;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical; }
.home .content-homepage .content-post .description {
margin-top: 0.8rem;
overflow: hidden;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis; }
.home .dot {
width: 0.3rem;
height: 0.3rem;
margin: 0 0.5rem;
background-color: #A1A5AC;
border-radius: 50%; }
.home .footer-post {
margin-top: 0.4rem; }
.home .footer-post .top-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.8rem 0;
margin-bottom: 0.4rem; }
.home .footer-post .top-footer .show-like .count {
margin-left: 0.5rem;
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
line-height: 1.6rem;
color: #444444; }
.home .footer-post .top-footer .right-top-footer {
display: flex;
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
line-height: 1.6rem;
color: #A1A5AC;
align-items: center; }
.home .footer-post .top-footer .right-top-footer .show-comment {
display: flex; }
.home .footer-post .top-footer .right-top-footer .show-comment #show-comment {
margin-right: 0.5rem; }
.home .footer-post .bottom-footer {
border-top: 0.1rem solid #e5e5e5;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.8rem 0;
flex-wrap: wrap; }
.home .footer-post .bottom-footer .add-new-comment {
display: none;
width: 100%;
align-items: center;
margin-top: 2rem; }
.home .footer-post .bottom-footer .add-new-comment.active {
display: flex; }
.home .footer-post .bottom-footer .add-new-comment .avatar {
width: 4rem;
height: 4rem;
border-radius: 50%; }
.home .footer-post .bottom-footer .add-new-comment .input-comment {
width: calc(100% - 4.7rem);
margin-left: 1.1rem; }
.home .footer-post .bottom-footer .add-new-comment .input-comment input {
width: 100%;
height: 4rem;
border: unset;
background: #F3F3F3;
border-radius: 0.8rem;
padding: 0 1.6rem;
font-weight: 500; }
.home .footer-post .bottom-footer .add-new-comment .input-comment input:focus {
outline: unset; }
.home .footer-post .bottom-footer .button-footer {
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
line-height: 1.6rem;
color: #898A8D;
cursor: pointer;
display: flex;
align-items: center; }
.home .footer-post .bottom-footer .button-footer.active {
color: #2588D0; }
.home .footer-post .bottom-footer .button-footer.active path {
stroke: #2588D0; }
.home .footer-post .bottom-footer .button-footer svg {
margin-right: 0.8rem;
}
.home .footer-post .bottom-footer .button-footer img {
margin-right: 0.8rem;
}
.home .left-content .title, .home .right-content .title {
color: #444444;
font-style: normal;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
margin-bottom: 0;
position: sticky;
top: 0;
background-color: #ffffff;
z-index: 1;
padding: 2rem 0 2rem 0; }
.home .right-content {
border-radius: 0.8rem;
background-color: #ffffff;
padding: 0 2rem 0 2rem;
width: 39%;
max-width: 500px;
position: sticky;
top: 0;
overflow: auto;
height: 85vh; }
.home .right-content::-webkit-scrollbar {
display: none; }
.home .right-content .list-most-view .item-most-view {
display: flex;
border-bottom: 0.1rem solid #e5e5e5;
padding: 2rem 0; }
.home .right-content .list-most-view .left-most-view {
width: 8rem;
object-fit: contain;
margin-right: 0.6rem; }
.home .right-content .list-most-view .left-most-view .timeline-images {
margin-bottom: 0; }
.home .right-content .list-most-view .left-most-view img {
width: 7rem;
height: 8rem;
object-fit: cover; }
.home .right-content .list-most-view .left-most-view .video {
height: 8rem;
width: 7rem;
object-fit: cover; }
.home .right-content .list-most-view .right-most-view {
position: relative;
width: calc(100% - 8rem); }
.home .right-content .list-most-view .right-most-view .description-most-view {
max-height: 4rem;
overflow: hidden; }
.home .right-content .list-most-view .right-most-view .name-most-view {
margin-bottom: 0.4rem; }
.home .right-content .list-most-view .right-most-view .name-most-view a {
overflow: hidden;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.8rem;
color: #4262AE; }
.home .right-content .list-most-view .right-most-view .name-description {
margin-top: 0.4rem;
overflow: hidden;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis; }
.home .right-content .list-most-view .right-most-view .description-most-view a {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #444444;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical; }
.home .right-content .list-most-view .right-most-view .footer-most-view {
position: absolute;
bottom: 0;
display: flex;
font-weight: normal;
font-size: 1.2rem;
line-height: 2.4rem;
color: #979797;
align-items: center; }
.home .right-content-custom {
height: 100vh;
width: 39%; }
.home .right-content-custom .right-content {
width: 100%;
margin-bottom: 2rem; }
.home.show-popup #ajaxModal .close {
display: none; }
.home.show-popup #ajaxModal .modal-content {
display: contents; }
.home.show-popup #ajaxModal .modal-title {
display: none; }
.home.show-popup #ajaxModal .modal-footer {
margin: 3.2rem auto 5.5rem auto;
text-align: center; }
.home.show-popup #ajaxModal .modal-footer button {
width: 32rem;
height: 4.8rem;
border: unset;
background: #F58533;
border-radius: 0.5rem;
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
text-align: center;
color: #FFFFFF; }
.home.modal-open .modal-dialog {
max-width: 1440px;
padding: 0 2rem; }
.home.modal-open .modal-dialog .modal-content {
max-width: unset !important; }
.home.modal-open .modal-dialog .modal-header {
padding: 0;
min-height: auto; }
.home.modal-open #ajaxModal .close {
left: 0;
background-color: unset;
width: auto;
height: auto; }
.home.modal-open #ajaxModal .close span {
right: 0;
left: 2rem;
top: 1rem;
color: #ffffff; }
.home.modal-open .details_post {
display: flex;
flex-wrap: wrap; }
.home.modal-open .details_post .content-post .table td {
padding: 0.4em;
border: 1px solid #bfbfbf; }
.home.modal-open .details_post .timeline-images img {
border-radius: 0 0 3rem 3rem;
width: 100%; }
.home.modal-open .details_post .left-post {
height: 95vh;
overflow: auto;
width: calc(65% - 2rem);
margin-right: 2rem; }
.home.modal-open .details_post .left-post::-webkit-scrollbar {
display: none; }
.home.modal-open .details_post .left-post .img-post {
width: 100%;
height: auto; }
.home.modal-open .details_post .left-post .top-left-post {
position: relative;
margin-bottom: 0.2rem; }
.home.modal-open .details_post .left-post .top-left-post .video {
height: 55rem;
width: 100%; }
.home.modal-open .details_post .left-post .icon-share {
position: absolute;
bottom: 2.5rem;
right: 5.7rem;
cursor: pointer; }
.home.modal-open .details_post .left-post .title-post {
font-weight: bold;
font-size: 2rem;
line-height: 3.2rem;
color: #444444;
margin-bottom: 2.4rem; }
.home.modal-open .details_post .left-post .content-post {
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.home.modal-open .details_post .left-post .content-post img {
width: 100%; }
.home.modal-open .details_post .left-post .middle-post {
padding: 1rem 2.2rem 2.2rem 2.2rem; }
.home.modal-open .details_post .left-video {
height: 95vh;
overflow: auto;
width: calc(65% - 2rem);
margin-right: 2rem; }
.home.modal-open .details_post .left-video .video {
width: 100%; }
.home.modal-open .details_post .right-post {
height: 89vh;
overflow: auto;
width: 35%;
min-width: 300px;
padding: 1.6rem 1.6rem 4rem 0; }
.home.modal-open .details_post .right-post::-webkit-scrollbar {
display: none; }
.home.modal-open .details_post .right-post .header-post {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.8rem; }
.home.modal-open .details_post .right-post .left-header-post {
display: flex;
align-items: center; }
.home.modal-open .details_post .right-post .avatar {
width: 4rem;
height: 4rem;
border-radius: 50%; }
.home.modal-open .details_post .right-post .avatar img {
width: 100%; }
.home.modal-open .details_post .right-post .name-date {
margin-left: 1rem;
font-style: normal; }
.home.modal-open .details_post .right-post .name-date .name, .home.modal-open .details_post .right-post .name-date .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.modal-open .details_post .right-post .name-date .phone, .home.modal-open .details_post .right-post .name-date .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.modal-open .details_post .right-post .name-date .email, .home.modal-open .details_post .right-post .name-date .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.modal-open .details_post .right-post .name-date .address {
color: #444444;
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem; }
.home.modal-open .details_post .right-post .name-date .date {
color: #979797;
font-weight: normal;
font-size: 1.4rem;
line-height: 2rem; }
.home.modal-open .details_post .right-post .right-header-post {
display: flex;
align-items: center;
cursor: pointer; }
.home.modal-open .details_post .right-post .right-header-post .follow {
color: #444444;
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
line-height: 2rem;
width: 8rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
background: #F2F2F2;
border-radius: 0.4rem;
margin-right: 0.8rem; }
.home.modal-open .details_post .right-post .right-header-post .follow.active {
background: #F58533;
color: #ffffff; }
.home.modal-open .details_post .right-post .content-post .media {
height: 100%; }
.home.modal-open .details_post .right-post .content-post .media img {
width: 100%;
object-fit: contain; }
.home.modal-open .details_post .right-post .content-post .title-post {
margin-top: 2rem; }
.home.modal-open .details_post .right-post .content-post .title-post a {
color: #444444;
font-style: normal;
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
overflow: hidden;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical; }
.home.modal-open .details_post .right-post .content-post .description {
margin-top: 0.8rem;
color: #898A8D;
font-style: normal;
font-weight: normal;
font-size: 1.4rem;
line-height: 2rem;
overflow: hidden;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical; }
.home.modal-open .details_post .right-post .content-post .description .image {
display: none; }
.home.modal-open .details_post .right-post .add-new-comment {
background-color: #ffffff;
display: flex;
flex-wrap: wrap; }
.home.modal-open .details_post .right-post .add-new-comment .input-comment {
width: calc(100% - 4rem - 1.1rem);
margin-left: 1.1rem; }
.home.modal-open .details_post .right-post .add-new-comment .input-comment input {
width: 100%;
height: 4rem;
border: unset;
background: #F3F3F3;
border-radius: 0.8rem;
padding: 0 1.6rem;
font-weight: 500; }
.home.modal-open .details_post .right-post .add-new-comment .input-comment input:focus {
outline: unset; }
.home.modal-open .details_post .bottom-footer {
border-top: 0.1rem solid #E5E5E5;
border-bottom: 0.1rem solid #e5e5e5; }
.home.modal-open .details_post .list-comment {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #444444;
margin-top: 0.8rem; }
.home.modal-open .details_post .list-comment .item-comment {
margin-left: 0 !important; }
.home.modal-open .details_post .list-comment .item-comment.active .parent-comment {
font-weight: bold !important; }
.home .actual_implementation {
display: flex;
flex-wrap: wrap; }
.home .actual_implementation .title {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #444444; }
.home .actual_implementation .name-co-quan {
width: 100%;
padding: 2rem 0;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444;
box-shadow: inset 0 -0.1rem 0 rgba(99, 99, 99, 0.25); }
.home .custom-top-title {
display: flex;
position: relative; }
.home .custom-top-title #legal-proceedings-tabs {
width: 100%; }
.home .custom-top-title .custom-title-tabs {
position: absolute;
width: 50%;
right: 0; }
.home.procedure_details .page_details_procedure {
margin: 9.6rem auto 0 auto;
max-width: 1440px;
padding: 0 2rem;
display: flex;
overflow: auto; }
.home.procedure_details .link_home.active a {
color: #444444 !important; }
.home.procedure_details .link_home::after {
background-color: initial !important; }
.home.procedure_details .list_legal_proceedings a {
color: #F58533 !important;
margin: 0; }
.home.procedure_details .list_legal_proceedings::after {
background-color: #F58533;
width: 100%;
height: 0.5rem; }
.search-popup {
position: relative;
display: contents; }
.search-popup .close-popup {
color: #FFFFFF;
right: 7.4rem;
top: -14.5rem;
position: absolute;
font-size: 5rem;
line-height: 2rem;
font-weight: 100;
cursor: pointer;
display: initial; }
.search-popup:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: #0b0b0b;
opacity: 0.8;
transition: all 10s; }
.show-popup {
position: relative;
transition: all 0.2s; }
.show-popup .policy {
top: 2rem;
cursor: pointer;
color: #4262AE;
font-weight: bold;
overflow-y: auto;
padding-top: 0 !important;
width: 90% !important;
height: 85vh; }
.show-popup .policy .top-content {
position: sticky;
background: #FFFFFF;
top: 0;
padding: 2rem 0 !important;
color: #444444; }
.show-popup .policy .content {
font-size: 1.6rem;
color: #000000; }
.show-popup:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background: #0b0b0b;
opacity: 0.8; }
.show-popup #header {
z-index: 0; }
.show-popup .popup {
z-index: 2;
position: absolute;
left: 50%;
transform: translateX(-50%);
background-color: #ffffff;
padding: 2.8rem;
border-radius: 0.8rem;
width: 52.2rem;
max-height: 80vh;
overflow-y: auto; }
.show-popup .popup.add-new-post-popup {
top: 10rem;
padding: 2.4rem 2rem 0 2rem;
background: #FAFAFA;
width: 70.3rem;
overflow-y: auto;
height: 75vh;
overflow-x: hidden; }
.show-popup .popup.add-new-post-popup .header-popup {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2rem;
box-shadow: inset 0 -0.1rem 0 #e5e5e5;
border-radius: 0.8rem 0.8rem 0 0;
padding-bottom: 1.3rem; }
.show-popup .popup.add-new-post-popup .header-popup .title {
font-weight: bold;
font-size: 2.4rem;
line-height: 3.2rem;
color: #444444; }
.show-popup .popup.add-new-post-popup .content-popup .top-content-popup {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.2rem; }
.show-popup .popup.add-new-post-popup .content-popup .content-post {
margin-bottom: 1.5rem; }
.show-popup .popup.add-new-post-popup .content-popup .content-post .ck-content {
height: 20rem; }
.show-popup .popup.add-new-post-popup .content-popup .left-content-popup {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.show-popup .popup.add-new-post-popup .content-popup .left-content-popup img {
width: 4.4rem;
height: 4.4rem;
margin-right: 0.8rem;
border-radius: 50%; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup {
display: flex;
align-items: center;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup .switch {
position: relative;
display: inline-block;
width: 5.1rem;
height: 3.1rem;
margin-right: 1rem;
margin-bottom: 0; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup .switch input {
opacity: 0;
width: 0;
height: 0; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup .slider:before {
position: absolute;
content: "";
height: 2.7rem;
width: 2.7rem;
left: 0.3rem;
bottom: 0.2rem;
background-color: white;
-webkit-transition: .4s;
transition: .4s; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup .slider.round {
border-radius: 3.4rem; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup .slider.round:before {
border-radius: 50%; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup input:checked + .slider {
background-color: #34C759; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup input:focus + .slider {
box-shadow: 0 0 0.1rem #2196F3; }
.show-popup .popup.add-new-post-popup .content-popup .right-content-popup input:checked + .slider:before {
-webkit-transform: translateX(1.9rem);
-ms-transform: translateX(1.9rem);
transform: translateX(1.9rem); }
.show-popup .popup.add-new-post-popup .content-popup .content-post textarea {
font-weight: normal;
font-size: 2.4rem;
line-height: 3.6rem;
color: #444444;
width: 100%;
border: unset;
background: #FAFAFA;
padding: 0;
margin: 0; }
.show-popup .popup.add-new-post-popup .content-popup .content-post textarea:focus {
outline: unset; }
.show-popup .popup.add-new-post-popup .content-popup .content-post textarea::placeholder {
color: #A1A5AC;
padding: 0; }
.show-popup .popup.add-new-post-popup .content-popup .title-new-post {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 2.1rem; }
.show-popup .popup.add-new-post-popup .content-popup .title-new-post label, .show-popup .popup.add-new-post-popup .content-popup .title-new-post .ticket-mobile #ticket-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .popup.add-new-post-popup .content-popup .title-new-post span, .show-popup .popup.add-new-post-popup .content-popup .title-new-post .ticket-mobile #ticket-received-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .popup.add-new-post-popup .content-popup .title-new-post span {
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem;
color: #F58533 !important;
width: 100%;
margin-bottom: 1.2rem; }
.show-popup .popup.add-new-post-popup .content-popup .title-new-post input {
width: 100%;
background: #FFFFFF !important;
box-shadow: 0 0.6rem 3rem rgba(0, 0, 0, 0.03);
border-radius: 0.4rem;
border: unset;
height: 4.2rem;
padding: 1.6rem 1.6rem 1.6rem 8.4px;
font-weight: normal;
font-size: 1.6rem;
line-height: 1.8rem; }
.show-popup .popup.add-new-post-popup .content-popup .title-new-post input::placeholder {
color: #898A8D; }
.show-popup .popup.add-new-post-popup .content-popup .title-new-post input:focus {
outline: unset; }
.show-popup .popup.add-new-post-popup .content-popup .select-category {
display: flex;
align-items: center;
margin-bottom: 2rem; }
.show-popup .popup.add-new-post-popup .content-popup .select-category .title-category {
width: 23%;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444;
margin-right: 3rem; }
.show-popup .popup.add-new-post-popup .content-popup .select-category .select2 {
width: 73%; }
.show-popup .popup.add-new-post-popup .content-popup .select-category .select2 .select2-choice {
background-color: #ffffff !important;
height: 4rem;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444;
border: unset;
padding: 0 1rem;
width: 100%; }
.show-popup .popup.add-new-post-popup .content-popup .attach-post {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
padding: 1.1rem 1.5rem 1.1rem 8.4px; }
.show-popup .popup.add-new-post-popup .content-popup .attach-post .left-attach-post {
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.show-popup .popup.add-new-post-popup .content-popup .attach-post .right-attach-post {
display: flex;
align-items: center;
cursor: pointer; }
.show-popup .popup.add-new-post-popup .content-popup .attach-post .right-attach-post .attach-type-post {
margin: 0 0.8rem;
width: 5rem;
height: 5rem;
background: rgba(245, 133, 51, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center; }
.show-popup .popup.add-new-post-popup .content-popup .attach-post .right-attach-post .attach-type-post .upload-file-button {
border: unset;
background: transparent; }
.show-popup .popup.add-new-post-popup .content-popup .attach-post .right-attach-post .bar {
margin-left: 0.5rem; }
.show-popup .popup.add-new-post-popup .footer {
margin: 3.2rem auto 5.5rem auto;
text-align: center; }
.show-popup .popup.add-new-post-popup .footer button {
width: 32rem;
height: 4.8rem;
border: unset;
background: #F58533;
border-radius: 0.5rem;
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
text-align: center;
color: #FFFFFF; }
.show-popup .header-popup {
display: flow-root; }
.show-popup .header-popup .close-popup {
font-size: 4.5rem;
line-height: 2rem;
font-weight: 100;
cursor: pointer;
display: initial;
float: right; }
.show-popup .content-popup .title {
padding: 1.6rem 0;
font-weight: bold;
font-size: 3.2rem;
line-height: 3.6rem;
color: #444444;
text-transform: uppercase;
text-align: center; }
.show-popup .content-popup .title .register-text {
margin-bottom: 4.3rem; }
.show-popup .content-popup .title .register-text:after {
content: "";
position: absolute;
width: 15.6rem;
height: 2px;
top: 14.5rem;
left: 18.5rem;
background-color: #F58533; }
.show-popup .content-popup .title .line {
margin-bottom: 4.3rem; }
.show-popup .content-popup .title .line:after {
content: "";
position: absolute;
width: 15.6rem;
height: 2px;
top: 14.5rem;
left: 18.5rem;
background-color: #E5E5E5; }
.show-popup .content-popup .icon {
position: relative; }
.show-popup .content-popup .icon .icon-1 {
position: absolute;
left: 13.5rem;
top: -0.3rem;
background-color: #F58533;
margin-right: 1.6rem;
width: 15px;
height: 15px;
border-radius: 50%;
padding: 0.1rem 0.8rem; }
.show-popup .content-popup .icon .icon-2 {
position: absolute;
right: 11.5rem;
top: -0.3rem;
background-color: #F58533;
margin-right: 1.6rem;
width: 15px;
height: 15px;
border-radius: 50%;
padding: 0.1rem 0.8rem; }
.show-popup .content-popup .icon .icon-3 {
position: absolute;
left: 13.5rem;
top: -1.9rem;
background-color: #F58533;
margin-right: 1.6rem;
width: 15px;
height: 15px;
border-radius: 50%;
padding: 0.1rem 0.8rem; }
.show-popup .content-popup .icon .icon-4 {
position: absolute;
right: 11.5rem;
top: -1.9rem;
background-color: #E5E5E5;
margin-right: 1.6rem;
width: 15px;
height: 15px;
border-radius: 50%;
padding: 0.1rem 0.8rem; }
.show-popup .content-popup .number-register {
font-weight: 700;
line-height: 2.4rem;
color: #4A433F;
text-align: center;
font-size: 1.8rem;
margin: 2.7rem 0 3.2rem 0; }
.show-popup .content-popup .roles-register {
display: flex;
flex-wrap: wrap; }
.show-popup .content-popup .roles-register .roles-lawyer, .show-popup .content-popup .roles-register .enterprise, .show-popup .content-popup .roles-register .personal, .show-popup .content-popup .roles-register .state-cadres {
width: calc((100% / 2) - 1.9rem);
height: 14rem;
margin: 0 1.9rem 2rem 0; }
.show-popup .content-popup .roles-register .roles-lawyer input[type="radio"], .show-popup .content-popup .roles-register .enterprise input[type="radio"], .show-popup .content-popup .roles-register .personal input[type="radio"], .show-popup .content-popup .roles-register .state-cadres input[type="radio"] {
display: none; }
.show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + label, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + span, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + span, .show-popup .content-popup .roles-register .enterprise input[type="radio"] + label, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"] + span, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"] + span, .show-popup .content-popup .roles-register .personal input[type="radio"] + label, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"] + span, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"] + span, .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + label, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + span, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + span {
height: 100%;
border: 0.2rem solid #E5E5E5;
box-sizing: border-box;
border-radius: 0.8rem;
justify-content: center;
display: flex;
align-items: center;
width: 100%;
cursor: pointer;
flex-direction: column;
text-align: center; }
.show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + label svg, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span svg, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + span svg, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span svg, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + span svg, .show-popup .content-popup .roles-register .enterprise input[type="radio"] + label svg, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span svg, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"] + span svg, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span svg, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"] + span svg, .show-popup .content-popup .roles-register .personal input[type="radio"] + label svg, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span svg, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"] + span svg, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span svg, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"] + span svg, .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + label svg, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span svg, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + span svg, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span svg, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + span svg {
margin-bottom: 1.6rem; }
.show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + label span, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + span span, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"] + span span, .show-popup .content-popup .roles-register .enterprise input[type="radio"] + label span, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"] + span span, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"] + span span, .show-popup .content-popup .roles-register .personal input[type="radio"] + label span, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"] + span span, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"] + span span, .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + label span, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"] + span span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + span span, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"] + span span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"] + span span {
color: #8A8A8A;
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: bold; }
.show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + label, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + span, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + span, .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + label, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + span, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + span, .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + label, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + span, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + span, .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + label, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + span, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + span {
border: 0.2rem solid #F58533; }
.show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + label svg path, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span svg path, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + span svg path, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span svg path, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + span svg path, .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + label svg path, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span svg path, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + span svg path, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span svg path, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + span svg path, .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + label svg path, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span svg path, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + span svg path, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span svg path, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + span svg path, .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + label svg path, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span svg path, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + span svg path, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span svg path, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + span svg path {
fill: #F58533; }
.show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + label span, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + span span, .show-popup .content-popup .roles-register .roles-lawyer .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .roles-lawyer input[type="radio"]:checked + span span, .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + label span, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + span span, .show-popup .content-popup .roles-register .enterprise .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .enterprise input[type="radio"]:checked + span span, .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + label span, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + span span, .show-popup .content-popup .roles-register .personal .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .personal input[type="radio"]:checked + span span, .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + label span, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-table_wrapper .custom-toolbar input[type="radio"]:checked + span span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + span span, .show-popup .content-popup .roles-register .state-cadres .ticket-mobile #ticket-received-table_wrapper .custom-toolbar input[type="radio"]:checked + span span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup .content-popup .roles-register .state-cadres input[type="radio"]:checked + span span {
color: #F58533; }
.show-popup .content-popup .form-control {
background: unset;
box-shadow: unset;
border: unset;
height: inherit;
padding: 0; }
.show-popup .content-popup .form-control .control {
height: 5.4rem;
margin-bottom: 2.2rem;
position: relative; }
.show-popup .content-popup .form-control .control .help-block {
display: inline !important;
font-size: 1.2rem;
color: red; }
.show-popup .content-popup .form-control .control input {
height: 100%;
width: 100%;
border: 0.1rem solid #B9B9B9;
border-radius: 0.4rem;
padding: 0 2rem; }
.show-popup .content-popup .form-control .control input:focus {
outline: unset; }
.show-popup .content-popup .form-control .control .show-pass {
position: absolute;
right: 2rem;
top: 2rem;
cursor: pointer; }
.show-popup .content-popup .form-control .control .help-block {
display: unset;
margin-top: 0.5rem;
margin-bottom: 1rem;
color: red; }
.show-popup .content-popup .form-control .link-forgot-password {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #4262AE;
margin-top: -1rem;
text-align: end;
cursor: pointer; }
.show-popup .content-popup .note {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #A1A5AC;
margin-bottom: 1.6rem; }
.show-popup .content-popup .note .policy-link {
cursor: pointer;
color: #4262AE; }
.show-popup .content-popup .note-forgot-password {
width: 30.4rem;
margin: 3.2rem auto 2rem auto;
text-align: center;
color: #444444;
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem; }
.show-popup .policy {
overflow-y: auto;
height: 97%;
padding-top: 0 !important; }
.show-popup .policy .top-content {
position: sticky;
background: #FFFFFF;
top: 0;
padding: 2rem 0 !important;
color: #444444; }
.show-popup .policy .content {
font-size: 1.6rem;
color: #000000; }
.show-popup .btn-all {
display: flex; }
.show-popup .btn-all .back {
cursor: pointer;
width: 22.1rem;
height: 5.4rem;
border: unset;
background: #F2F2F2;
border-radius: 0.4rem;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #4A433F;
margin: 2rem 2rem 1.6rem 0;
display: flex;
align-items: center;
justify-content: center; }
.show-popup .btn-all .submit, .show-popup .btn-all .submit-custom {
cursor: pointer;
width: 22.1rem;
height: 5.4rem;
border: unset;
background: #F58533;
border-radius: 0.4rem;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #FFFFFF;
margin: 2rem 0 1.6rem 0;
display: flex;
align-items: center;
justify-content: center; }
.show-popup .btn-submit button, .show-popup .btn-submit .submit, .show-popup .btn-submit .continue {
width: 100%;
height: 5.4rem;
border: unset;
background: #F58533;
border-radius: 0.4rem;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #FFFFFF;
margin: 2rem 0 1.6rem 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.show-popup .not-account {
text-align: center;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.show-popup .not-account .link-registration {
color: #F58533;
cursor: pointer; }
.show-popup .not-account .link-login {
color: #F58533 !important;
cursor: pointer !important; }
.list-follower {
margin: 9.6rem auto 0 auto;
max-width: 1440px;
padding: 0 2rem;
display: flex;
overflow: auto; }
.list-follower .title-listfollower {
cursor: pointer;
margin: 0.8rem 0 1.6rem 0;
display: flex;
align-items: center; }
.list-follower .title-listfollower a {
font-weight: bold;
font-size: 2.8rem;
line-height: 3.2rem;
color: #444444; }
.list-follower .title-listfollower img {
margin-right: 1rem; }
.list-follower .left-listfollower {
width: calc(61% - 2rem);
background: #FFFFFF;
border-radius: 0.8rem;
margin-right: 2rem;
padding: 1.6rem; }
.list-follower .left-listfollower .list-all-follower {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.list-follower .left-listfollower .list-all-follower .item-follower {
width: calc(50% - 0.8rem);
border: 0.1rem solid #E5E5E5;
box-sizing: border-box;
border-radius: 0.8rem;
padding: 1.6rem;
margin-bottom: 0.8rem;
display: flex;
align-items: center;
cursor: pointer; }
.list-follower .left-listfollower .list-all-follower .left-item img {
border-radius: 50%;
width: 6.8rem;
height: 6.8rem;
margin-right: 0.6rem; }
.list-follower .left-listfollower .right-item .name, .list-follower .left-listfollower .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .list-follower .left-listfollower .right-item .phone, .list-follower .left-listfollower .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .list-follower .left-listfollower .right-item .email, .list-follower .left-listfollower .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .list-follower .left-listfollower .right-item .address {
font-weight: 500;
font-size: 2rem;
line-height: 2.6rem;
color: #444444; }
.list-follower .left-listfollower .right-item .email {
color: #898A8D;
font-size: 1.6rem;
line-height: 2rem; }
#comment {
width: 100%; }
#comment.comment {
margin-top: 1.9rem; }
#comment .item-comment {
margin-bottom: 1.6rem;
margin-left: 2.7rem; }
#comment .top-item-comment {
display: flex;
align-items: center;
margin-bottom: 0.8rem; }
#comment .top-item-comment img {
border-radius: 50%;
width: 4rem;
height: 4rem;
margin-right: 1rem; }
#comment .right-top-item-comment {
display: flex;
flex-wrap: wrap; }
#comment .right-top-item-comment .name, #comment .right-top-item-comment .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info #comment .right-top-item-comment .phone, #comment .right-top-item-comment .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info #comment .right-top-item-comment .email, #comment .right-top-item-comment .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info #comment .right-top-item-comment .address {
width: 100%;
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
#comment .right-top-item-comment .time {
margin-top: 0.5rem;
font-weight: normal;
font-size: 1.2rem;
line-height: 1.6rem;
color: #979797; }
#comment .middle-content {
font-weight: normal;
font-size: 1.6rem;
line-height: 2.4rem;
color: #000000;
overflow: hidden;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
margin-bottom: 1.2rem; }
#comment .footer-content {
display: flex;
margin-bottom: 2.4rem;
align-items: center;
cursor: pointer;
flex-wrap: wrap; }
#comment .footer-content .count {
font-weight: 500;
font-size: 1.8rem;
line-height: 2.1rem;
text-align: right;
color: #444444;
margin-right: 1.1rem; }
#comment .footer-content .like, #comment .footer-content .unlike {
margin-right: 1.4rem; }
#comment .footer-content .like.active path, #comment .footer-content .unlike.active path {
stroke: #2588D0; }
#comment .footer-content .reply {
margin-left: 0.8rem;
font-weight: 500;
font-size: 1.6rem;
line-height: 2.4rem;
color: #979797; }
#comment .list-comment-child {
border-left: 0.1rem solid #CCCCCC; }
#comment .child-comment {
padding-left: 2.8rem; }
.post-dropzone {
background: initial; }
.for_me {
margin: 9.6rem auto 0 auto;
max-width: 1440px;
padding: 0 2rem;
display: flex;
overflow: auto; }
#error-title {
color: red; }
input:checked + .slider {
background-color: #cccccc; }
input:focus + .slider {
box-shadow: 0 0 0.1rem #2196F3; }
input:checked + .slider:before {
-webkit-transform: translateX(2.6rem);
-ms-transform: translateX(2.6rem);
transform: translateX(2.6rem); }
label.icon_search {
position: absolute;
top: 0.7rem;
left: 1.7rem; }
#category_id {
height: 4rem;
border: none;
padding: 0 1rem; }
#post-cate-table_wrapper {
padding: 0 2rem 2rem; }
#post-cate-table_wrapper thead {
display: none; }
#post-cate-table_wrapper .toolbar-left-top {
display: none; }
#post-cate-table_wrapper .custom-toolbar {
min-width: 100%; }
#post-cate-table_wrapper .datatable-tools {
margin: 0; }
#post-cate-table_wrapper .dataTables_filter {
width: 100%; }
#post-cate-table_wrapper .dataTables_filter label, #post-cate-table_wrapper .dataTables_filter .ticket-mobile #ticket-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-table_wrapper .custom-toolbar #post-cate-table_wrapper .dataTables_filter span, #post-cate-table_wrapper .dataTables_filter .ticket-mobile #ticket-received-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar #post-cate-table_wrapper .dataTables_filter span {
width: 100%; }
#post-cate-table_wrapper tr.odd {
border: 0;
background: transparent !important; }
#post-cate-table_wrapper tr.even {
border: 0;
background: transparent !important; }
#post-cate-table_wrapper td a {
padding-left: 2rem;
margin: 0;
display: block; }
#post-cate-table_wrapper td a.active {
background-color: #F58533; }
#post-cate-table_wrapper td a.active .title-category {
color: #FFFFFF; }
#post-cate-table_wrapper.dataTables_wrapper table.dataTable td {
padding: 0; }
.show-popup-edit .add-new-post-popup .select-category .select2 {
width: 73%; }
.show-popup-edit .modal-dialog {
width: 703px;
padding: 2.4rem 2rem 0 2rem !important;
background: #FAFAFA;
overflow-y: auto;
height: 75vh;
border-radius: 0.8rem; }
.show-popup-edit .modal-dialog .modal-content {
background: #FAFAFA;
border: unset;
border-radius: unset;
box-shadow: unset; }
.show-popup-edit .modal-dialog .modal-header {
display: none; }
.show-popup-edit .modal-dialog #ajaxModalContent {
overflow: hidden;
max-height: unset; }
.show-popup-edit .modal-footer {
padding-top: 3.2rem !important; }
.show-popup-edit .modal-footer button {
width: 32rem;
height: 4.8rem;
border: unset;
background: #F58533;
border-radius: 0.5rem;
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
text-align: center;
color: #FFFFFF; }
.show-popup-edit .policy {
cursor: pointer;
color: #4262AE;
font-weight: bold;
overflow-y: auto;
padding-top: 0 !important;
width: 90% !important;
height: 85vh; }
.show-popup-edit .policy .top-content {
position: sticky;
background: #FFFFFF;
top: 0;
padding: 2rem 0 !important;
color: #444444; }
.show-popup-edit .policy .content {
font-size: 1.6rem;
color: #000000; }
.show-popup-edit #header {
z-index: 0; }
.show-popup-edit .popup.add-new-post-popup .header-popup {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2rem;
box-shadow: inset 0 -0.1rem 0 #e5e5e5;
border-radius: 0.8rem 0.8rem 0 0;
padding-bottom: 1.3rem; }
.show-popup-edit .popup.add-new-post-popup .header-popup .title {
font-weight: bold;
font-size: 2.4rem;
line-height: 3.2rem;
color: #444444; }
.show-popup-edit .popup.add-new-post-popup .content-popup .top-content-popup {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.2rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .content-post {
margin-bottom: 1.5rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .content-post .ck-content {
height: 20rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .left-content-popup {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.show-popup-edit .popup.add-new-post-popup .content-popup .left-content-popup img {
width: 4.4rem;
height: 4.4rem;
margin-right: 0.8rem;
border-radius: 50%; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup {
display: flex;
align-items: center;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup .switch {
position: relative;
display: inline-block;
width: 5.1rem;
height: 3.1rem;
margin-right: 1rem;
margin-bottom: 0; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup .switch input {
opacity: 0;
width: 0;
height: 0; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup .slider:before {
position: absolute;
content: "";
height: 2.7rem;
width: 2.7rem;
left: 0.3rem;
bottom: 0.2rem;
background-color: white;
-webkit-transition: .4s;
transition: .4s; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup .slider.round {
border-radius: 3.4rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup .slider.round:before {
border-radius: 50%; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup input:checked + .slider {
background-color: #34C759; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup input:focus + .slider {
box-shadow: 0 0 0.1rem #2196F3; }
.show-popup-edit .popup.add-new-post-popup .content-popup .right-content-popup input:checked + .slider:before {
-webkit-transform: translateX(1.9rem);
-ms-transform: translateX(1.9rem);
transform: translateX(1.9rem); }
.show-popup-edit .popup.add-new-post-popup .content-popup .content-post textarea {
font-weight: normal;
font-size: 2.4rem;
line-height: 3.6rem;
color: #444444;
width: 100%;
border: unset;
background: #FAFAFA;
padding: 0;
margin: 0; }
.show-popup-edit .popup.add-new-post-popup .content-popup .content-post textarea:focus {
outline: unset; }
.show-popup-edit .popup.add-new-post-popup .content-popup .content-post textarea::placeholder {
color: #A1A5AC;
padding: 0; }
.show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 2.1rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post label, .show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post .ticket-mobile #ticket-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post span, .show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post .ticket-mobile #ticket-received-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post span {
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem;
color: #F58533 !important;
width: 100%;
margin-bottom: 1.2rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post input {
width: 100%;
background: #FFFFFF !important;
box-shadow: 0 0.6rem 3rem rgba(0, 0, 0, 0.03);
border-radius: 0.4rem;
border: unset;
height: 4.2rem;
padding: 1.6rem 1.6rem 1.6rem 0.84rem;
font-weight: normal;
font-size: 1.6rem;
line-height: 1.8rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post input::placeholder {
color: #898A8D; }
.show-popup-edit .popup.add-new-post-popup .content-popup .title-new-post input:focus {
outline: unset; }
.show-popup-edit .popup.add-new-post-popup .content-popup .select-category {
display: flex;
align-items: center;
margin-bottom: 2rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .select-category .title-category {
width: 23%;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444;
margin-right: 3rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .select-category .select2 .select2-choice {
background-color: #ffffff !important;
height: 4rem;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444;
border: unset;
padding: 0 1rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .attach-post {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
padding: 1.1rem 1.5rem 1.1rem 0.84rem; }
.show-popup-edit .popup.add-new-post-popup .content-popup .attach-post .left-attach-post {
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.show-popup-edit .popup.add-new-post-popup .content-popup .attach-post .right-attach-post {
display: flex;
align-items: center;
cursor: pointer; }
.show-popup-edit .popup.add-new-post-popup .content-popup .attach-post .right-attach-post .attach-type-post {
margin: 0 0.8rem;
width: 5rem;
height: 5rem;
background: rgba(245, 133, 51, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center; }
.show-popup-edit .popup.add-new-post-popup .content-popup .attach-post .right-attach-post .attach-type-post .upload-file-button {
border: unset;
background: transparent; }
.show-popup-edit .popup.add-new-post-popup .content-popup .attach-post .right-attach-post .bar {
margin-left: 0.5rem; }
.show-popup-edit .popup.add-new-post-popup .footer {
margin: 3.2rem auto 5.5rem auto;
text-align: center; }
.show-popup-edit .popup.add-new-post-popup .footer button {
width: 32rem;
height: 4.8rem;
border: unset;
background: #F58533;
border-radius: 0.5rem;
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
text-align: center;
color: #FFFFFF; }
.show-popup-edit .header-popup {
display: flow-root; }
.show-popup-edit .header-popup .close-popup {
font-size: 4.5rem;
line-height: 2rem;
font-weight: 100;
cursor: pointer;
display: initial;
float: right; }
.show-popup-edit .content-popup .title {
padding: 1.6rem 0;
font-weight: bold;
font-size: 3.2rem;
line-height: 3.6rem;
color: #444444;
text-transform: uppercase;
text-align: center; }
.show-popup-edit .content-popup .form-control {
background: unset;
box-shadow: unset;
border: unset;
height: inherit;
padding: 0; }
.show-popup-edit .content-popup .form-control .control {
height: 5.4rem;
margin-bottom: 2.2rem;
position: relative; }
.show-popup-edit .content-popup .form-control .control .help-block {
display: inline !important;
font-size: 1.2rem;
color: red; }
.show-popup-edit .content-popup .form-control .control input {
height: 100%;
width: 100%;
border: 0.1rem solid #B9B9B9;
border-radius: 0.4rem;
padding: 0 2rem; }
.show-popup-edit .content-popup .form-control .control input:focus {
outline: unset; }
.show-popup-edit .content-popup .form-control .control .show-pass {
position: absolute;
right: 2rem;
top: 2rem;
cursor: pointer; }
.show-popup-edit .content-popup .form-control .control .help-block {
display: unset;
margin-top: 0.5rem;
margin-bottom: 1rem;
color: red; }
.show-popup-edit .content-popup .form-control .link-forgot-password {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #4262AE;
margin-top: -1rem;
text-align: end;
cursor: pointer; }
.show-popup-edit .content-popup .note {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #A1A5AC;
margin-bottom: 1.6rem; }
.show-popup-edit .content-popup .note .policy-link {
cursor: pointer;
color: #4262AE; }
.show-popup-edit .content-popup .note-forgot-password {
width: 30.4rem;
margin: 3.2rem auto 2rem auto;
text-align: center;
color: #444444;
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem; }
.show-popup-edit .policy {
overflow-y: auto;
height: 100%;
padding-top: 0 !important; }
.show-popup-edit .policy .top-content {
position: sticky;
background: #FFFFFF;
top: 0;
padding: 2rem 0 !important;
color: #444444; }
.show-popup-edit .policy .content {
font-size: 1.6rem;
color: #000000; }
.show-popup-edit .btn-submit button, .show-popup-edit .btn-submit .submit, .show-popup-edit .btn-submit .continue {
width: 100%;
height: 5.4rem;
border: unset;
background: #F58533;
border-radius: 0.4rem;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #FFFFFF;
margin: 2rem 0 1.6rem 0;
display: flex;
align-items: center;
justify-content: center; }
.show-popup-edit .not-account {
text-align: center;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.show-popup-edit .not-account .link-registration {
color: #F58533;
cursor: pointer; }
.show-popup-edit .not-account .link-login {
color: #F58533 !important;
cursor: pointer !important; }
#post-dropzone .content-post .ck-editor, #post-edit-dropzone .content-post .ck-editor {
padding-bottom: 2rem; }
#post-dropzone .content-post .ck-toolbar_grouping, #post-edit-dropzone .content-post .ck-toolbar_grouping {
position: absolute;
bottom: 0;
width: 100%;
border: none;
background: #FFFFFF;
border-radius: 4px;
height: 4.2rem;
color: #898A8D;
box-shadow: 0px 4px 4px 0px #F2F2F240; }
#post-dropzone .content-post .ck-focused, #post-edit-dropzone .content-post .ck-focused {
box-shadow: unset; }
#post-dropzone .content-post .ck-content, #post-edit-dropzone .content-post .ck-content {
border: none;
background: transparent; }
#post-dropzone .content-post .ck.ck-reset_all *, #post-edit-dropzone .content-post .ck.ck-reset_all * {
color: #898A8D; }
#post-dropzone .content-post .ck-placeholder, #post-edit-dropzone .content-post .ck-placeholder {
font-size: 2.4rem;
margin-top: 0; }
#post-dropzone .content-post .ck-placeholder:before, #post-edit-dropzone .content-post .ck-placeholder:before {
color: #A1A5AC; }
#ajax_list_post_by_type .category {
background-color: #ffffff;
padding: 2.4rem 0 1.6rem 2rem;
border-radius: 0.8rem 0.8rem 0 0;
font-weight: bold;
font-size: 2.8rem;
line-height: 3.2rem;
color: #444444; }
.home {
position: relative; }
.home .search-contract{
cursor: pointer;
position: absolute;
background: #F58533;
width: 6rem;
height: 6rem;
border-radius: 50%;
bottom: 12rem;
right: 3.1rem;
display: flex;
align-items: center;
justify-content: center;
color:#ffffff;
z-index: 1;
}
.home .search-contract img{
width: 2.6rem;
height: 2.6rem;
}
.contract-container{
display: none;
cursor: pointer;
position: absolute;
background: #dddddd;
height: 25rem;
bottom: 12rem;
right: 10rem;
width: 50rem;
z-index: 1;
text-align: center;
}
@media only screen and (max-width: 768px) {
.contract-container{
height: auto;
bottom: 19rem;
right: 3rem;
width: auto;
}
}
.home .contract-container .title{
font-size: 2rem;
}
.home .contract-container label{
font-size: 1.7rem;
text-align: left;
}
.home .contract-container button{
font-size: 2rem;
padding: 0.5rem;
margin: 1rem;
border:none;
}
.home .messenger-chat {
cursor: pointer;
position: absolute;
background: #F58533;
width: 6rem;
height: 6rem;
border-radius: 50%;
bottom: 4.2rem;
right: 3.1rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 1; }
.home .messenger-chat img {
width: 2.6rem;
height: 2.6rem; }
.home .list-messenger {
position: absolute;
right: 12rem;
bottom: 0;
background: #FFFFFF;
padding: 2rem 1.6rem 2rem 1.6rem;
width: 28.5rem;
height: 80vh; }
.home .list-messenger .title-messenger {
font-weight: bold;
font-size: 2.4rem;
line-height: 3.6rem;
color: #4A433F;
margin-bottom: 2rem; }
.home .list-messenger {
box-shadow: -0.4rem -0.4rem 1.6rem rgba(162, 162, 162, 0.25);
border-radius: 0.8rem 0.8rem 0 0;
display: none; }
.home .list-messenger.active {
display: block !important;
z-index: 1; }
.home .list-messenger.active #messages-table_wrapper {
padding: 0; }
.home .list-messenger.active #messages-table_wrapper .datatable-tools .col-md-9 {
display: none; }
.home .list-messenger.active #messages-table_wrapper .toolbar-left-top {
display: none; }
.home .list-messenger.active #messages-table_wrapper .custom-toolbar {
width: 100%; }
.home .list-messenger.active #messages-table_wrapper .custom-toolbar #messages-table_filter {
margin: 0;
width: 100%; }
.home .list-messenger.active #messages-table_wrapper .custom-toolbar #messages-table_filter label, .home .list-messenger.active #messages-table_wrapper .ticket-mobile #ticket-table_wrapper .custom-toolbar #messages-table_filter span, .ticket-mobile #ticket-table_wrapper .home .list-messenger.active #messages-table_wrapper .custom-toolbar #messages-table_filter span, .home .list-messenger.active #messages-table_wrapper .ticket-mobile #ticket-received-table_wrapper .custom-toolbar #messages-table_filter span, .ticket-mobile #ticket-received-table_wrapper .home .list-messenger.active #messages-table_wrapper .custom-toolbar #messages-table_filter span {
width: 100%; }
.home .list-messenger.active #messages-table_wrapper .custom-toolbar #messages-table_filter input {
color: #8A8A8A;
width: 100%;
margin: 0;
font-family: 'Roboto', sans-serif; }
.home .list-messenger.active #messages-table_wrapper .messages-table {
padding: 0;
background: #ffffff !important; }
.home .list-messenger.active .title-internal_messages {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #4A433F;
box-shadow: inset 0px -1px 0px rgba(99, 99, 99, 0.25);
margin-bottom: 1.8rem;
margin-left: -2rem;
margin-right: -2rem;
padding: 1.2rem 2rem 0.8rem; }
.home .list-messenger.active .search-internal_messages {
position: relative; }
.home .list-messenger.active .search-internal_messages img {
position: absolute;
width: 1.5rem;
height: 1.5rem;
top: 1rem;
left: 1rem; }
.home .list-messenger.active .search-internal_messages input {
width: 100%;
background: #F2F2F2;
border-radius: 0.8rem;
border: unset;
height: 3.6rem;
outline: unset;
margin-bottom: 1.6rem;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
padding-left: 3rem; }
.home .list-messenger.active .search-internal_messages input::placeholder {
color: #8A8A8A; }
.home .list-messenger.active .item-member {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0.5rem;
cursor: pointer;
position: relative; }
.home .list-messenger.active .item-member .left-member {
width: 4.8rem;
height: 4.8rem; }
.home .list-messenger.active .item-member .left-member img {
border-radius: 50%;
overflow: hidden;
width: 100%;
height: 100%;
object-fit: cover; }
.home .list-messenger.active .item-member .right-member {
margin-left: 0.8rem;
width: calc( 100% - 5.6rem);
flex: 1; }
.home .list-messenger.active .item-member .right-member .name, .home .list-messenger.active .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home .list-messenger.active .item-member .right-member .phone, .home .list-messenger.active .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home .list-messenger.active .item-member .right-member .email, .home .list-messenger.active .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home .list-messenger.active .item-member .right-member .address {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F;
margin-bottom: 0.5rem; }
.home .list-messenger.active .item-member .right-member .email {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #A1A5AC;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.home .list-messenger.active .item-member .count-mess {
display: none;
width: 2.3rem;
height: 2.3rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background: #F58533;
border-radius: 2.4rem;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.6rem;
color: #FFFFFF;
align-items: center;
justify-content: center; }
.home .list-messenger.active .item-member .count-mess.active {
display: flex; }
.home .list-messenger.active .item-member.active .left-member {
position: relative; }
.home .list-messenger.active .item-member.active .left-member:before {
content: "";
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #15E07B;
border: 0.1rem solid #FFFFFF;
position: absolute;
bottom: 0;
right: 0; }
.home .list-messenger.active table {
table-layout: fixed;
width: 100%; }
.home .list-messenger.active table tbody {
height: 60vh;
overflow: auto;
display: block;
overflow-x: hidden; }
.home .list-messenger.active table tbody::-webkit-scrollbar {
width: 3px;
height: 10px; }
.home .list-messenger.active table tbody::-webkit-scrollbar-track {
border-radius: 10px;
background: transparent; }
.home .list-messenger.active table tbody::-webkit-scrollbar-thumb {
background: #F58533;
border-radius: 10px; }
.home #ajaxModal.chat-all-message .modal-dialog {
right: 12rem; }
.home #ajaxModal.chat-all-message .modal-header {
position: relative; }
.home #ajaxModal.chat-all-message .modal-header .close {
box-sizing: border-box;
opacity: 1;
margin-top: 0;
position: absolute;
outline: unset;
right: 0;
left: unset !important; }
.home #ajaxModal.chat-all-message .modal-header .close span {
font-size: 5rem;
text-shadow: none;
position: absolute;
top: 0 !important;
right: 1.5rem !important; }
.dmca {
position: fixed;
bottom: 0;
right: 0; }
.phone-support {
position: fixed;
left: 3.1rem;
bottom: 4.2rem;
z-index: 2; }
.phone-support .phone {
width: 16.6rem;
height: 6rem;
background-color: #F58533;
border-radius: 5.5rem;
align-items: center;
display: flex;
justify-content: left;
padding-left: 2rem; }
.phone-support .phone img {
width: 4.4rem;
height: 3.4rem;
padding-right: 1rem; }
.phone-support .phone span {
color: #FFFFFF;
font-size: 1.4rem; }
.tick {
display: flex;
justify-content: center;
margin-left: 8px;
width: 24px;
height: 24px;
background-color: #F58533;
border-radius: 50%; }
.tick .check {
display: inline-block;
transform: rotate(45deg);
height: 13px;
width: 8px;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
margin-top: 4px; }
.home-page .chat-all-message .close {
left: unset !important;
top: 0 !important; }
.view-mobile {
right: 2%;
position: fixed;
bottom: 22%;
z-index: 99;
color: #FFF;
background: #F58333;
padding: 10px;
border-radius: 10px; }
.home .view_mobile_popup .modal-dialog {
top: 20%;
width: 40rem; }
.home .view_mobile_popup .modal-dialog .close {
background: rgba(245, 133, 51, 0.1) !important;
right: 0 !important;
left: unset !important;
top: 0 !important;
width: 8.6rem !important;
height: 8.6rem !important; }
.home .view_mobile_popup .modal-dialog .close span {
font-size: 5rem;
color: #F58533 !important;
text-shadow: none;
position: absolute;
top: 0;
right: 1.5rem; }
.home .view_mobile_popup .modal-dialog .modal-header {
padding: 3.6rem 4rem !important; }
.home .view_mobile_popup #ajaxModalContent {
padding: 2.2rem 4rem 4rem 4rem; }
.home .view_mobile_popup .group-btn {
text-align: center; }
.home .view_mobile_popup .group-btn .text {
font-size: 1.8rem;
line-height: 2.4rem;
font-weight: 400;
color: #4A433F;
margin-bottom: 2rem; }
.home .view_mobile_popup .group-btn .click-btn {
display: flex;
justify-content: center; }
.home .view_mobile_popup .group-btn .click-btn .yes-view {
width: 10rem;
height: 4rem;
background-color: #F58533;
color: #FFFFFF;
margin-right: 2rem;
border-radius: 5rem;
align-items: center;
display: flex;
justify-content: center;
cursor: pointer; }
.home .view_mobile_popup .group-btn .click-btn .no-view {
background: #f585331a;
width: 10rem;
height: 4rem;
color: #F58333;
margin-right: 2rem;
border-radius: 5rem;
align-items: center;
display: flex;
justify-content: center;
cursor: pointer; }
.pd-0 {
padding: 0; }
.bd-r {
border-right: 0.1rem solid rgba(193, 193, 193, 0.25); }
.bd-l {
border-left: 0.1rem solid rgba(193, 193, 193, 0.25); }
#address {
resize: none;
height: 4.8rem; }
.at-table-refresh-button {
border: unset;
background-color: #f2f2f2;
border-radius: 0.8rem; }
.tab-view .datatable-tools:first-child {
display: block; }
.note_found {
padding: 2rem;
margin: 0; }
.dl-fl {
display: flex;
align-items: center; }
.tab-search .datatable-tools:first-child {
display: none; }
html {
font-size: 62.5%; }
.text-left {
text-align: left !important; }
.mr40-t {
margin-top: 4rem !important; }
.mr8 {
margin-right: 0.8rem !important; }
.avatar-w48 {
width: 4.8rem;
height: 4.8rem; }
.avatar-w48 img {
width: 100%; }
input[type=checkbox], input[type=radio] {
position: relative;
cursor: pointer;
margin-right: 0.8rem;
height: 0;
margin-bottom: 18px; }
input[type=checkbox]:before, input[type=radio]:before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 18px;
top: -2px;
left: -2px;
border: 0.1rem solid #F58533;
border-radius: 50%;
background-color: white; }
input[type=checkbox]:checked:after, input[type=radio]:checked:after {
content: "";
border-radius: 50%;
display: block;
width: 10px;
height: 10px;
position: absolute;
top: 2px;
left: 2px;
background-color: #F58533; }
.ml20 {
margin-left: 2rem !important; }
.cl-blue {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #4061AB; }
#page-container {
background: #F7F7F7; }
#page-container #page-content {
margin: 0; }
#page-container #page-content .internal_message {
background-color: #ffffff; }
.absolute {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); }
.toolbar-left-top .dataTables_length label, .toolbar-left-top .dataTables_length .ticket-mobile #ticket-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-table_wrapper .custom-toolbar .toolbar-left-top .dataTables_length span, .toolbar-left-top .dataTables_length .ticket-mobile #ticket-received-table_wrapper .custom-toolbar span, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .toolbar-left-top .dataTables_length span {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #8A8A8A;
margin: 0;
font-family: "Roboto", sans-serif; }
.datatable-tools .select2-container .select2-choice {
min-width: unset;
background: #F2F2F2;
border-radius: 0.8rem;
width: 100%;
height: 3.6rem;
padding: 0;
line-height: unset; }
.datatable-tools .select2-container .select2-choice .select2-chosen {
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F;
margin: 0;
padding: 0.7rem;
font-family: "Roboto", sans-serif; }
.datatable-tools .select2-container .select2-choice .select2-arrow {
right: 0.5rem; }
.datatable-tools.clearfix .col-md-3 {
display: none; }
.datatable-tools.clearfix .col-md-9 {
width: 100%;
display: flex;
align-items: center;
justify-content: center; }
.datatable-tools.clearfix .col-md-9 .previous, .datatable-tools.clearfix .col-md-9 .next {
display: none; }
.datatable-tools.clearfix .col-md-9 span .paginate_button {
font-weight: normal;
font-size: 1.6rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: #4A433F !important;
padding: 0.5rem 1rem;
width: 2.8rem;
height: 2.8rem;
border-radius: 50%;
background: transparent !important; }
.datatable-tools.clearfix .col-md-9 span .paginate_button.current, .datatable-tools.clearfix .col-md-9 span .paginate_button:hover {
background: #F58533 !important;
color: #ffffff !important; }
.DTTT_container .btn.column-show-hide-popover {
background-color: #F2F2F2;
border-radius: 0.8rem;
border: unset;
width: 3.8rem !important;
height: 3.6rem !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0; }
.custom-toolbar .dataTables_filter label input, .ticket-mobile #ticket-table_wrapper .custom-toolbar .dataTables_filter span input, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .dataTables_filter span input {
height: 3.6rem;
background-color: #F2F2F2 !important;
border-radius: 0.8rem;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F;
padding-left: 3.5rem;
width: 100%;
margin: 0; }
.custom-toolbar .dataTables_filter label input::placeholder, .ticket-mobile #ticket-table_wrapper .custom-toolbar .dataTables_filter span input::placeholder, .ticket-mobile #ticket-received-table_wrapper .custom-toolbar .dataTables_filter span input::placeholder {
color: #A1A5AC; }
.dataTables_wrapper {
padding: 2rem; }
.dataTables_wrapper .create_by a {
width: 100%;
display: flex;
align-items: center;
justify-content: space-evenly; }
.dataTables_wrapper .create_by a .left {
display: flex;
align-items: center; }
.dataTables_wrapper .create_by a .right {
padding: 0.4rem 1.5rem;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.6rem;
color: #4A433F;
background: #E5E5E5;
border-radius: 0.4rem; }
.dataTables_wrapper .create_by a img {
width: 4.8rem;
height: 4.8rem;
margin-right: 0.8rem; }
.dataTables_wrapper .create_by a .left-create_by .name, .dataTables_wrapper .create_by a .left-create_by .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .dataTables_wrapper .create_by a .left-create_by .phone, .dataTables_wrapper .create_by a .left-create_by .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .dataTables_wrapper .create_by a .left-create_by .email, .dataTables_wrapper .create_by a .left-create_by .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .dataTables_wrapper .create_by a .left-create_by .address {
text-align: left;
margin-bottom: 0.4rem;
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F; }
.dataTables_wrapper .create_by a .left-create_by .email {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #A1A5AC; }
.dataTables_wrapper table.dataTable td {
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F; }
.dataTables_wrapper table.dataTable td:active {
color: #4A433F !important; }
.dataTables_wrapper table.dataTable td a {
color: #4A433F;
margin-right: 0.8rem; }
.dataTables_wrapper table.dataTable th {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #ffffff;
padding: 1.6rem 1rem;
background: #F58533; }
.dataTables_wrapper table.dataTable thead tr {
background: #F58533; }
.dataTables_wrapper table.dataTable thead th {
text-align: center; }
.dataTables_wrapper table.dataTable thead th:first-child {
text-align: left; }
.dataTables_wrapper table.dataTable thead th:last-child {
align-items: center;
justify-content: flex-end; }
.dataTables_wrapper table.dataTable tbody tr td {
text-align: center; }
.dataTables_wrapper table.dataTable tbody tr td:first-child {
text-align: left; }
.dataTables_wrapper .action-table a.edit i:first-child:before {
width: 4rem;
height: 4rem; }
.dataTables_wrapper .action-table .delete .fa-times:before {
width: 4rem;
height: 4rem; }
.dataTables_wrapper .fa-fw {
width: 4rem; }
#ajaxModal .modal-header .close {
background: rgba(245, 133, 51, 0.1); }
#ajaxModal .modal-header .close span {
color: #F58533; }
#ajaxModal .view-container {
box-shadow: unset; }
.dataTables_wrapper .dataTables_paginate {
padding-top: 1.5em; }
@media (max-width: 1875px) {
html {
font-size: 56%; } }
@media (max-width: 1500px) {
html {
font-size: 40%; } }
@media (max-width: 1440px) {
html {
font-size: 45%; } }
@media (max-width: 1280px) {
html {
font-size: 33%; } }
@media (max-width: 2560px) {
html.font-home {
font-size: 70%; } }
@media (max-width: 1920px) {
html.font-home {
font-size: 62%; } }
@media (max-width: 1680px) {
html.font-home {
font-size: 62%; } }
@media (max-width: 1440px) {
html.font-home {
font-size: 55%; } }
@media (max-width: 1280px) {
html.font-home {
font-size: 55%; } }
@media (max-width: 1024px) {
html.font-home {
font-size: 55%; } }
#messages-table_wrapper .loading {
display: none; }
.wp5 {
width: 5%; }
.wp50 {
width: 50%; }
.wp70 {
width: 70%; }
.wp30 {
width: 30%; }
.wp60 {
width: 60%; }
.wp40 {
width: 40%; }
.popup::-webkit-scrollbar {
width: 3px;
height: 10px; }
.popup::-webkit-scrollbar-track {
border-radius: 10px;
background: transparent; }
.popup::-webkit-scrollbar-thumb {
background: #F58533;
border-radius: 10px; }
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0; }
.messenger-chat-total.active {
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
z-index: 1;
background: #F58533;
top: 0;
right: 0; }
.messenger-chat-total.active:after {
content: attr(data-total);
font-size: 10px;
color: #fff;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background: #1672b9;
border-radius: 50%; }
.general-form .errors_active input.form-control {
border: 0.1rem solid #DB4B4B;
background: #DB4B4B0D; }
.general-form .errors_active input.form-control:-webkit-autofill,
.general-form .errors_active input.form-control:-webkit-autofill:hover,
.general-form .errors_active input.form-control:-webkit-autofill:focus {
font-size: 1.6rem;
border: 0.1rem solid #DB4B4B;
-webkit-text-fill-color: #515666;
-webkit-box-shadow: 0 0 0 1000px #DB4B4B0D inset;
transition: background-color 5000s ease-in-out 0s; }
#ajaxModal .modal-header {
padding: 3.6rem 4rem; }
html {
overflow: hidden !important; }
@media (max-width: 480px) {
.note_found_post {
background: #ffffff;
font-size: 12px; } }
.home.rank .load-more {
font-style: normal;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #FFF;
padding: 1.5rem 2.8rem;
width: fit-content;
margin: 0 auto 4.7rem auto;
background: #F58533;
border-radius: 4px;
cursor: pointer; }
.home.rank .left-rank {
width: 24%;
max-width: 345px;
position: fixed;
overflow-y: auto;
height: 85vh;
background: #FFFFFF;
border-radius: 8px; }
.home.rank .title {
padding: 2.4rem 1.6rem;
color: #444444;
font-weight: bold;
font-size: 2.8rem;
line-height: 3.6rem; }
.home.rank .item-rank {
display: flex;
padding: 1.6rem;
align-items: baseline;
justify-content: space-between;
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F; }
.home.rank .item-rank.active {
background: #F58533;
color: #ffffff; }
.home.rank .item-rank.active svg path {
stroke: #ffffff; }
.home.rank .right-rank {
width: 76%;
height: 100vh;
margin-bottom: -15rem;
margin-left: calc(24% + 2rem); }
.home.rank .list-post-by-rank .item-post {
display: flex;
align-items: center;
background: #FFFFFF;
border-radius: 8px;
margin-bottom: 20px;
padding: 20px; }
.home.rank .list-post-by-rank .left-item {
margin-right: 20px;
font-weight: bold;
font-size: 2.4rem;
line-height: 150%;
text-align: center;
color: #444444; }
.home.rank .list-post-by-rank .right-item {
width: 100%; }
.home.rank .list-post-by-rank .header-post {
display: flex;
justify-content: space-between;
padding: 1.6rem 0;
box-shadow: inset 0px -1px 0px rgba(193, 193, 193, 0.25);
margin-bottom: 20px; }
.home.rank .list-post-by-rank .left-header-post {
display: flex;
align-items: center; }
.home.rank .list-post-by-rank .avatar {
width: 4rem;
height: 4rem;
margin-right: 10px; }
.home.rank .list-post-by-rank .name, .home.rank .list-post-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-post-by-rank .phone, .home.rank .list-post-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-post-by-rank .email, .home.rank .list-post-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-post-by-rank .address {
font-weight: 500;
font-size: 1.6rem;
line-height: 2rem;
color: #444444; }
.home.rank .list-post-by-rank .date {
font-weight: normal;
font-size: 1.4rem;
line-height: 2rem;
color: #979797; }
.home.rank .list-post-by-rank .follow {
width: auto !important;
padding: 0.6rem 1rem; }
.home.rank .list-post-by-rank .content-post {
display: flex;
flex-wrap: wrap; }
.home.rank .list-post-by-rank .content-post .left-content-post {
width: calc(100% - 168px);
margin-right: 20px; }
.home.rank .list-post-by-rank .content-post .title-post {
margin-top: 0; }
.home.rank .list-post-by-rank .content-post .timeline-images {
padding-top: unset;
position: unset; }
.home.rank .list-post-by-rank .content-post .timeline-images img, .home.rank .list-post-by-rank .content-post .timeline-images video {
width: 148px;
height: 148px;
position: unset;
object-fit: unset; }
.home.rank .list-lawyer-by-rank {
background: #FFFFFF;
border-radius: 8px;
padding: 20px;
position: relative; }
.home.rank .list-lawyer-by-rank .item-lawyer {
display: flex;
align-items: center;
margin-bottom: 1.6rem; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1, .home.rank .list-lawyer-by-rank .item-lawyer.rank2, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 {
flex-wrap: wrap;
text-align: center; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .stt, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .stt, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .stt {
width: 100%; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item {
flex-wrap: wrap;
background: transparent;
box-shadow: unset; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .icon, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .icon, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .icon {
width: 100%; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .star-lawyer-item, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .star-lawyer-item, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .star-lawyer-item {
width: 100%; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .point, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .point, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .point {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #4061AB; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .content-lawyer-item, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .content-lawyer-item, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .content-lawyer-item {
width: 100%;
justify-content: center;
flex-wrap: wrap; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .avatar, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .avatar, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .avatar {
width: 100%;
height: auto;
margin-bottom: 1.2rem;
margin-right: 0; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .avatar img, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .avatar img, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .avatar img {
width: 13.6rem;
height: 13.6rem; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .name, .home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .phone, .home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .email, .home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank1 .right-item .address, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .name, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .phone, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .email, .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank2 .right-item .address, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .name, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .phone, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .email, .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .item-lawyer.rank3 .right-item .address {
width: 100%;
margin-bottom: 0.8rem; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank2 {
position: absolute;
top: 11rem;
left: 9rem;
max-width: 27rem; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank3 {
position: absolute;
top: 18rem;
right: 9rem;
max-width: 27rem; }
.home.rank .list-lawyer-by-rank .item-lawyer.rank4 {
margin-top: 15rem; }
.home.rank .list-lawyer-by-rank .left-item-lawyer {
color: #444444;
font-weight: bold;
font-size: 2.4rem;
line-height: 150%;
margin-right: 10px; }
.home.rank .list-lawyer-by-rank .right-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: #F3F3F3;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.02);
border-radius: 40px;
padding: 1.6rem; }
.home.rank .list-lawyer-by-rank .right-item .point {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #4061AB; }
.home.rank .list-lawyer-by-rank .right-item .star svg {
width: 3.4rem; }
.home.rank .list-lawyer-by-rank .content-lawyer-item {
display: flex;
align-items: center; }
.home.rank .list-lawyer-by-rank .avatar {
width: 4rem;
height: 4rem;
margin-right: 1.6rem; }
.home.rank .list-lawyer-by-rank .name, .home.rank .list-lawyer-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .phone, .home.rank .list-lawyer-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .email, .home.rank .list-lawyer-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-lawyer-by-rank .address {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem; }
.home.rank .list-staff-by-rank {
background: #FFFFFF;
border-radius: 8px;
padding: 20px;
position: relative; }
.home.rank .list-staff-by-rank .item-staff {
display: flex;
align-items: center;
margin-bottom: 1.6rem; }
.home.rank .list-staff-by-rank .item-staff.rank1, .home.rank .list-staff-by-rank .item-staff.rank2, .home.rank .list-staff-by-rank .item-staff.rank3 {
flex-wrap: wrap;
text-align: center; }
.home.rank .list-staff-by-rank .item-staff.rank1 .stt, .home.rank .list-staff-by-rank .item-staff.rank2 .stt, .home.rank .list-staff-by-rank .item-staff.rank3 .stt {
width: 100%; }
.home.rank .list-staff-by-rank .item-staff.rank1 .right-item, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item {
flex-wrap: wrap;
background: transparent;
box-shadow: unset; }
.home.rank .list-staff-by-rank .item-staff.rank1 .right-item .icon, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .icon, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .icon {
width: 100%; }
.home.rank .list-staff-by-rank .item-staff.rank1 .right-item .star-staff-item, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .star-staff-item, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .star-staff-item {
width: 100%; }
.home.rank .list-staff-by-rank .item-staff.rank1 .right-item .point, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .point, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .point {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #4061AB; }
.home.rank .list-staff-by-rank .item-staff.rank1 .right-item .content-staff-item, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .content-staff-item, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .content-staff-item {
width: 100%;
justify-content: center;
flex-wrap: wrap; }
.home.rank .list-staff-by-rank .item-staff.rank1 .right-item .avatar, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .avatar, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .avatar {
width: 100%;
height: auto;
margin-bottom: 1.2rem;
margin-right: 0; }
.home.rank .list-staff-by-rank .item-staff.rank1 .right-item .avatar img, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .avatar img, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .avatar img {
width: 13.6rem;
height: 13.6rem; }
.home.rank .list-staff-by-rank .item-staff.rank1 .right-item .name, .home.rank .list-staff-by-rank .item-staff.rank1 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank1 .right-item .phone, .home.rank .list-staff-by-rank .item-staff.rank1 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank1 .right-item .email, .home.rank .list-staff-by-rank .item-staff.rank1 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank1 .right-item .address, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .name, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .phone, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .email, .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank2 .right-item .address, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .name, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .phone, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .email, .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .item-staff.rank3 .right-item .address {
width: 100%;
margin-bottom: 0.8rem; }
.home.rank .list-staff-by-rank .item-staff.rank2 {
position: absolute;
top: 11rem;
left: 9rem;
max-width: 27rem; }
.home.rank .list-staff-by-rank .item-staff.rank3 {
position: absolute;
top: 18rem;
right: 9rem;
max-width: 27rem; }
.home.rank .list-staff-by-rank .item-staff.rank4 {
margin-top: 15rem; }
.home.rank .list-staff-by-rank .left-item-staff {
color: #444444;
font-weight: bold;
font-size: 2.4rem;
line-height: 150%;
margin-right: 10px; }
.home.rank .list-staff-by-rank .right-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: #F3F3F3;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.02);
border-radius: 40px;
padding: 1.6rem; }
.home.rank .list-staff-by-rank .right-item .point {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #4061AB; }
.home.rank .list-staff-by-rank .right-item .star svg {
width: 3.4rem; }
.home.rank .list-staff-by-rank .content-staff-item {
display: flex;
align-items: center; }
.home.rank .list-staff-by-rank .avatar {
width: 4rem;
height: 4rem;
margin-right: 1.6rem; }
.home.rank .list-staff-by-rank .name, .home.rank .list-staff-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .phone, .home.rank .list-staff-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .email, .home.rank .list-staff-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-staff-by-rank .address {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem; }
.home.rank .list-company-by-rank .item-company {
margin-bottom: 2rem;
box-shadow: inset 0px -1px 0px rgba(193, 193, 193, 0.25);
border-radius: 8px;
background: #ffffff;
padding: 1.6rem;
display: flex;
align-items: center; }
.home.rank .list-company-by-rank .right-item {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between; }
.home.rank .list-company-by-rank .stt {
font-weight: bold;
font-size: 2.4rem;
line-height: 150%;
color: #444444;
margin-right: 3.6rem; }
.home.rank .list-company-by-rank .chat {
position: relative;
width: 50px;
height: 50px; }
.home.rank .list-company-by-rank .messenger-chat {
top: 0;
width: 4rem;
height: 4rem;
background: #F58533;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.home.rank .list-company-by-rank .content-company-item {
display: flex;
align-items: center; }
.home.rank .list-company-by-rank .content-company-item img {
width: 8rem;
height: 8rem; }
.home.rank .list-company-by-rank .name-email {
margin-left: 0.8rem; }
.home.rank .list-company-by-rank .name, .home.rank .list-company-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-company-by-rank .phone, .home.rank .list-company-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-company-by-rank .email, .home.rank .list-company-by-rank .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .list-company-by-rank .address {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #444444;
margin-bottom: 0.8rem; }
.home.rank .list-company-by-rank .email {
font-weight: normal;
font-size: 1.6rem;
line-height: 2.4rem;
color: #4A433F; }
.home.rank .list-legal-proceedings-by-rank .item-legal-proceedings {
background: #FFFFFF;
border-radius: 8px;
margin-bottom: 2rem;
padding: 2rem;
display: flex;
align-items: center; }
.home.rank .list-legal-proceedings-by-rank .stt {
color: #444444;
font-weight: bold;
font-size: 2.4rem;
line-height: 150%;
margin-right: 2rem; }
.home.rank .list-legal-proceedings-by-rank .content-legal-proceedings {
display: flex;
flex-wrap: wrap;
width: 100%; }
.home.rank .list-legal-proceedings-by-rank .item-content {
width: calc(100% / 3);
padding: 0 2rem;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 1.6rem;
line-height: 2rem;
align-items: center;
color: #4A433F;
height: 2rem; }
.home.rank .list-legal-proceedings-by-rank .item-content:nth-child(2) {
border-right: 1px solid #A1A5AC;
border-left: 1px solid #A1A5AC; }
.home.rank .item-question {
display: flex;
flex-wrap: wrap;
align-items: center;
background: #FFFFFF;
border-radius: 8px;
padding: 2rem;
margin-bottom: 2rem; }
.home.rank .item-question .number {
width: 3rem;
color: #444444;
font-weight: bold;
font-size: 2.4rem;
line-height: 150%;
margin-right: 2rem; }
.home.rank .item-question .content-item {
width: calc(100% - 5rem); }
.home.rank .item-question .user-question {
display: flex;
align-items: center;
margin-bottom: 2.4rem; }
.home.rank .item-question .left-user-question img {
width: 4rem;
height: 4rem;
border-radius: 50%;
margin-right: 1rem; }
.home.rank .item-question .name, .home.rank .item-question .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .item-question .phone, .home.rank .item-question .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .item-question .email, .home.rank .item-question .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .home.rank .item-question .address {
color: #444444;
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem; }
.home.rank .item-question .date {
font-weight: normal;
font-size: 1.4rem;
line-height: 2rem;
color: #979797; }
.home.rank .item-question .question {
display: flex;
flex-wrap: wrap; }
.home.rank .item-question .left-question {
width: calc(100% - 5rem); }
.home.rank .item-question .right-question {
width: 5rem;
height: 100%; }
.home.rank .item-question .icon-down {
width: 3.2rem;
height: 3.2rem;
background: #F58533;
position: relative;
display: block;
border-radius: 50%;
cursor: pointer; }
.home.rank .item-question .icon-down.active:after {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
top: 1.3rem; }
.home.rank .item-question .icon-down:after {
content: "";
position: absolute;
border: solid #ffffff;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 0.8rem;
left: 1rem; }
.home.rank .item-question .type {
font-weight: 500;
font-size: 1.6rem;
line-height: 2.4rem;
color: #8A8A8A;
margin-bottom: 0.8rem; }
.home.rank .item-question .title {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #4A433F;
padding: 0;
margin-bottom: 0.8rem; }
.home.rank .item-question .answer {
padding-top: 2.4rem;
border-top: 1px dashed #E5E5E5;
margin-top: 2.4rem;
display: none; }
.home.rank .item-question .answer.active {
display: block; }
.home.rank .item-question .content-answer {
color: #F58533;
font-weight: bold;
font-size: 1.6rem;
line-height: 2.4rem; }
.home.rank .item-question .star {
display: flex;
align-items: center;
margin-bottom: 1.8rem;
font-weight: normal;
font-size: 1.6rem;
line-height: 1.9rem;
color: #000000; }
.home.rank .item-question .star .count-star {
margin-right: 0.5rem; }
.home #header .header .middle-header img {
display: none;
}
@media (max-width: 500px) {
.home_page .content-homepage .left-content, .home_page .content-homepage .right-content {
display: none;
}
.home_page .content-homepage .middle-content {
width: 100% !important;
margin: 0 !important;
}
.home.user_page .content-profile .top-content .name-profile .message-user {
position: unset;
margin: auto;
}
.home.user_page .tabs-items .left-tabs, .home.user_page .tabs-items .right-list-post {
width: 100%;
}
.home.modal-open {
overflow: auto !important;
}
.home.modal-open .details_post .left-post {
width: 100%;
margin: 0;
}
.home.modal-open .details_post .right-post {
width: 100%;
}
.home.modal-open .messenger-chat {
display: none;
}
.home #header .header {
justify-content: unset;
width: 100%;
display: inline-block;
}
.home #header .header .middle-header {
float: right;
margin-top: 12px;
}
.home.home_page #header .header .middle-header img {
display: block !important;
/*width: 20px;*/
/*height: 20px;*/
}
.home.home_page #header .header .middle-header.active img {
display: none !important;
}
.home #header .header .middle-header .articles_and_legal_proceedings {
display: none;
}
.home #header .header .middle-header.active {
height: 100vh;
width: 100%;
position: relative;
margin-top: -40px;
background: #ffffff;
}
.home #header .header .middle-header.active:before {
z-index: 5;
font-size: 70px;
content: "\f1d";
position: absolute;
top: 0;
}
.home #header .header .middle-header.active .articles_and_legal_proceedings {
display: flex;
flex-wrap: wrap;
position: fixed;
width: 100%;
left: 0;
top: 50%;
background: #ffffff;
margin: 0;
z-index: 4;
align-items: flex-start;
text-align: center;
transform: translateY(-50%);
}
.home #header .header .middle-header.active .articles_and_legal_proceedings a {
width: 100%;
margin-bottom: 15px;
}
.home #header .header .middle-header.active .articles_and_legal_proceedings a:after {
display: none;
}
.home #header .header .logo img {
width: 40px;
height: 40px;
}
.home #header .header .right-header {
float: right;
margin-right: 15px;
}
.home.show-popup .popup {
width: 80%;
}
.home.qa_page .scrollable-page {
overflow-y: auto;
height: 100vh;
}
.home.qa_page .q_a {
padding: 0;
}
.home.qa_page .q_a .dataTables_wrapper {
padding: 0;
}
.home.qa_page .q_a .dataTables_wrapper .question_tab {
padding: 0;
}
.home.procedure_details .right-content-custom {
display: none;
}
.home.procedure_details .left-legal-proceedings {
width: 100%;
margin-right: 0;
}
.home #legal-proceedings-tabs .title-tabs.active a {
font-size: 1.8rem;
}
.home .legal_proceedings .left-legal-proceedings .title-tabs a {
font-size: 1.8rem;
}
.home .legal_proceedings #task_procedure .bar {
top: 60%;
right: 3rem;
}
.home .legal_proceedings #task_procedure .save .btn-save {
width: 12rem;
height: 3.5rem;
margin-top: 1rem;
}
.home .legal_proceedings #task_procedure .save .btn-save img {
width: 1.5rem;
margin-right: 1rem;
}
.home .legal_proceedings #task_procedure .save .btn-save span {
font-size: 1.4rem;
}
.home .legal_proceedings .item-content-procedural {
flex-direction: column;
flex-wrap: unset;
}
.home .legal_proceedings .item-content-procedural .left_procedural_content {
width: 100%;
}
.home .legal_proceedings .item-content-procedural .right_procedural_content {
margin-top: 0.5rem;
width: 100%;
padding-left: 0;
}
.home #page-container .tabs-default li a {
padding: 1rem;
font-size: 1.6rem;
}
.home #page-container .tabs-default li.active a {
padding: 1rem;
font-size: 1.6rem;
}
.home .home-page .content-homepage {
padding: 0 10px;
}
.home .content-homepage .middle-content .list-post {
padding: 10px 10px 0 10px;
}
}
#ajaxModal .modal-title.edit_procedure, #confirmationModal .modal-title.edit_procedure {
padding: 2.4rem 2.4rem 0; }
#ajaxModal .close, #confirmationModal .close {
width: 8.6rem;
height: 8.6rem;
background-color: #F5F6FD;
border-bottom-left-radius: 10rem;
border-right: 0;
border-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 1;
margin-top: 0;
position: absolute;
outline: unset;
right: 0;
top: 0; }
#ajaxModal .close span, #confirmationModal .close span {
font-size: 5rem;
color: #F58533;
text-shadow: none;
position: absolute;
top: 0;
right: 1.5rem; }
#ajaxModal .app-alert, #confirmationModal .app-alert {
position: relative; }
#ajaxModal .app-alert button.close, #confirmationModal .app-alert button.close {
background: transparent;
top: 50%;
transform: translateY(-50%);
width: fit-content;
height: fit-content;
right: 1.5rem; }
#ajaxModal .app-alert button.close span, #confirmationModal .app-alert button.close span {
font-size: 3.6rem;
position: static;
line-height: 0; }
#ajaxModalContent .content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1.5rem;
width: 100%; }
#ajaxModalContent .content .w-half {
width: calc(50% - 1rem); }
#ajaxModalContent .content .w-a-quarter {
width: calc(25% - 1rem); }
#ajaxModalContent .content .w-full {
width: 100%; }
.timeline-images img {
width: 20%;
transition: unset !important;
-webkit-transition: unset !important; }
.timeline-images img:hover {
transition: unset !important;
-webkit-filter: unset !important; }
.ck-body-wrapper .ck.ck-balloon-panel {
z-index: 9999; }
.general-form .form-group::before {
clear: both; }
.internal_messages {
padding: 0 0.5rem;
background: #FFFFFF; }
.internal_messages #messages-table_wrapper {
padding: 0; }
.internal_messages #messages-table_wrapper .datatable-tools .col-md-9 {
display: none; }
.internal_messages #messages-table_wrapper .toolbar-left-top {
display: none; }
.internal_messages #messages-table_wrapper .custom-toolbar {
width: 100%; }
.internal_messages #messages-table_wrapper .custom-toolbar #messages-table_filter {
margin: 0;
width: 100%; }
.internal_messages #messages-table_wrapper .custom-toolbar #messages-table_filter label, .internal_messages #messages-table_wrapper .ticket-mobile #ticket-table_wrapper .custom-toolbar #messages-table_filter span, .ticket-mobile #ticket-table_wrapper .internal_messages #messages-table_wrapper .custom-toolbar #messages-table_filter span, .internal_messages #messages-table_wrapper .ticket-mobile #ticket-received-table_wrapper .custom-toolbar #messages-table_filter span, .ticket-mobile #ticket-received-table_wrapper .internal_messages #messages-table_wrapper .custom-toolbar #messages-table_filter span {
width: 100%; }
.internal_messages #messages-table_wrapper .custom-toolbar #messages-table_filter input {
color: #8A8A8A;
width: 100%;
margin: 0;
font-family: 'Roboto', sans-serif; }
.internal_messages #messages-table_wrapper .messages-table {
padding: 0;
background: #ffffff !important; }
.internal_messages .title-internal_messages {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
color: #4A433F;
box-shadow: inset 0px -1px 0px rgba(99, 99, 99, 0.25);
margin-bottom: 1.8rem;
margin-left: -2rem;
margin-right: -2rem;
padding: 1.2rem 2rem 0.8rem; }
.internal_messages .search-internal_messages {
position: relative; }
.internal_messages .search-internal_messages img {
position: absolute;
width: 1.5rem;
height: 1.5rem;
top: 1rem;
left: 1rem; }
.internal_messages .search-internal_messages input {
width: 100%;
background: #F2F2F2;
border-radius: 0.8rem;
border: unset;
height: 3.6rem;
outline: unset;
margin-bottom: 1.6rem;
font-weight: normal;
font-size: 1.6rem;
line-height: 2rem;
padding-left: 3rem; }
.internal_messages .search-internal_messages input::placeholder {
color: #8A8A8A; }
.internal_messages .item-member {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1.5rem;
cursor: pointer;
position: relative; }
.internal_messages .item-member .left-member {
width: 4.8rem;
height: 4.8rem; }
.internal_messages .item-member .left-member img {
border-radius: 50%;
overflow: hidden;
width: 100%;
height: 100%;
object-fit: cover; }
.internal_messages .item-member .right-member {
margin-left: 0.8rem;
width: calc( 100% - 5.6rem);
flex: 1; }
.internal_messages .item-member .right-member .name, .internal_messages .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .internal_messages .item-member .right-member .phone, .internal_messages .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .internal_messages .item-member .right-member .email, .internal_messages .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .internal_messages .item-member .right-member .address {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F;
margin-bottom: 0.5rem; }
.internal_messages .item-member .right-member .email {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #A1A5AC;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.internal_messages .item-member .count-mess {
display: none;
width: 2.3rem;
height: 2.3rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background: #F58533;
border-radius: 2.4rem;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.6rem;
color: #FFFFFF;
align-items: center;
justify-content: center; }
.internal_messages .item-member .count-mess.active {
display: flex; }
.internal_messages .item-member.active .left-member {
position: relative; }
.internal_messages .item-member.active .left-member:before {
content: "";
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #15E07B;
border: 0.1rem solid #FFFFFF;
position: absolute;
bottom: 0;
right: 0; }
.internal_messages table {
table-layout: fixed;
width: 100%; }
.internal_messages_popup .item-member {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1.5rem;
cursor: pointer;
position: relative; }
.internal_messages_popup .item-member .left-member {
width: 4.8rem;
height: 4.8rem; }
.internal_messages_popup .item-member .left-member img {
border-radius: 50%;
overflow: hidden;
width: 100%;
height: 100%;
object-fit: cover; }
.internal_messages_popup .item-member .right-member {
margin-left: 0.8rem;
width: calc( 100% - 5.6rem);
flex: 1; }
.internal_messages_popup .item-member .right-member .name, .internal_messages_popup .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .phone, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .internal_messages_popup .item-member .right-member .phone, .internal_messages_popup .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .email, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .internal_messages_popup .item-member .right-member .email, .internal_messages_popup .item-member .right-member .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .address, .user_page #content-header #load_answer .question_tab #answer_vip_table_wrapper #answer_vip_table tbody .item-answer .info .internal_messages_popup .item-member .right-member .address {
font-weight: bold;
font-size: 1.6rem;
line-height: 2rem;
color: #4A433F;
margin-bottom: 0.5rem; }
.internal_messages_popup .item-member .right-member .email {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
color: #A1A5AC;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.internal_messages_popup .item-member .count-mess {
display: none;
width: 2.3rem;
height: 2.3rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background: #F58533;
border-radius: 2.4rem;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.6rem;
color: #FFFFFF;
align-items: center;
justify-content: center; }
.internal_messages_popup .item-member .count-mess.active {
display: flex; }
.internal_messages_popup .item-member.active .left-member {
position: relative; }
.internal_messages_popup .item-member.active .left-member:before {
content: "";
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #15E07B;
border: 0.1rem solid #FFFFFF;
position: absolute;
bottom: 0;
right: 0; }
#message-table_wrapper {
padding: 0; }
#message-table_wrapper #message-table td {
padding: 0; }
#message-table_wrapper #message-table .message-row {
padding: 0.8rem 2rem; }
#message-details-section .btn-primary {
background: #F58533;
border-radius: 2rem; }
#message-details-section .modal-footer .btn {
background: #F58533 !important;
border-radius: 2rem;
text-align: center;
color: #fff; }
#message-details-section .modal-footer .btn .fa-times, #message-details-section .modal-footer .btn .fa-check-circle {
display: none; }
@media only screen and (max-width: 768px) {
.home #header .right-header .notification-header .list-group-notification {
height: 100%;
max-height: 100%;
}
.home #header .right-header .notification-header .list-group-notification.active {
position: fixed;
top: 6.8rem;
right: 0;
width: 100%;}
}