@import url(https://fonts.googleapis.com/css?family=Nunito);
@charset "UTF-8";
.test {
  width: 200px;
}

.card-header {
  font-weight: bold !important;
}

.bg-gradient-primary {
  background: linear-gradient(87deg, #2c7a8a 0, #37a3ad 100%) !important;
}

.bg-default, .fill-default {
  fill: #0e262b !important;
  background-color: #0e262b !important;
}

.bg-primary {
  background-color: #37a3ad !important;
}

.btn-info.disabled, .btn-info:disabled, .btn-info {
  background-color: #37a3ad !important;
}

.navbar-history-conges {
  color: #2a7880;
}

.holiday-tbody td {
  vertical-align: middle;
}

.last-holidy-action-td {
  width: 10%;
}

.delete-holiday-button {
  padding: 7px;
}

.logo-header {
  background-color: #ffffff;
  border-radius: 20px;
  width: auto;
  padding: 10px;
}

.tablet-color-accepted {
  color: #1cad39;
}

.tablet-color-sent {
  color: #3dbbcc;
}

.tablet-color-wait-supervisor {
  color: #d4d459;
}

.tablet-color-wait-test {
  color: #d2eb54;
}

.tablet-color-relaunched {
  color: #ab81c9;
}

.tablet-color-on-database {
  color: #579163;
}

.tablet-color-reject {
  color: #e00220;
}

.tablet-color-reject-but-database {
  color: #b33e4e;
}

.tablet-color-registered-on-portal {
  color: #6dbda9;
}

.pagination-bar-component {
  text-align: center;
  font-size: 0.8125rem;
  margin-top: 5px;
}

.pagination-bar-component > div {
  display: inline-block;
  width: 33%;
}

.pagination-bar-component > div:nth-of-type(2) button {
  margin: 0 5px;
  padding: 5px 10px;
}

.pagination-bar-component > div:nth-of-type(2) > div {
  display: inline-block;
  margin: 0 20px;
}

.pagination-bar-component > div:nth-of-type(2) > div span {
  margin-left: 10px;
}

.pagination-bar-component > div:first-of-type {
  text-align: left;
  font-style: italic;
}

.pagination-bar-component > div:last-of-type {
  text-align: right;
  font-style: italic;
}

.popover-history-words-main {
  width: 400px;
}

.popover-history-words-main > div:nth-of-type(2) > div > div {
  display: inline-block;
}

.popover-history-words-main > div:nth-of-type(2) > div > div:first-of-type {
  width: 70%;
}

.logo-header img {
  height: 50px !important;
}

.today-history-section {
  position: absolute;
  top: 15px;
  right: 25px;
}

.card-stats {
  height: 95%;
}

.card-stats-height {
  height: 60%;
}

.revenues-teams-toggle-btn {
  padding: 0.3rem 0.5rem !important;
}

.time-section-dashboard {
  padding: 50px 0;
}

.gestion-horaire > div > div {
  text-align: center;
}

.gestion-horaire > div > div:not(:last-of-type) {
  margin-bottom: 30px;
}

.client-logo span, .user-photo span {
  font-size: 11px;
}

.add-client-image-alert, .change-user-image-alert {
  display: none;
}

.gestion-horaire > div > div > button {
  padding: 15px;
  margin-bottom: 12px;
  margin-top: 12px;
}

.avatar {
  text-align: center;
  width: 36px !important;
  height: 36px !important;
}

.jobs-team-name {
  font-size: 13px !important;
}

.select-status-job {
  max-width: 100px;
  width: 200px;
}

.full-height-ten-table {
  height: 620px !important;
}

.full-height-ten-table-small {
  height: 550px !important;
}

.clients-select-form > div {
  display: inline-block;
}

.invoice-longer-input {
  width: 350px !important;
}

.invoice-longer-input-2 {
  width: 400px !important;
}

.navbar-brand-img {
  max-height: 3.5rem !important;
  margin-left: -5px;
  margin-top: 5px;
}

.navbar-top-nav {
  margin-top: -30px !important;
}

.card-padding {
  margin-top: 40px;
}

.translated-words label {
  text-align: right;
  clear: both;
  float: left;
  margin-right: 15px;
}

.wordsBorder {
  border-color: #FF0000;
  border-width: 1px;
  border-style: solid;
}

.arrow-buttons {
  border: none;
  color: #008CBA;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  background-color: #ffffff;
}

.weekend {
  background-color: #a1e9f0 !important;
}

.bank-day {
  background-color: #47d0de !important;
}

.holiday {
  background-color: #ace08d !important;
}

.today {
  font-weight: bold;
  background-color: #ffffe6 !important;
}

.history-worktime {
  background-color: #d8eded !important;
}

.hiddenRow {
  padding: 0 !important;
  display: none;
}

.pausesSection > div {
  display: inline-block;
}

.pausesSection {
  text-align: center;
  padding: 2px;
}

.pausesSection > div:first-of-type {
  width: 50px;
}

.pausesSection > div:nth-of-type(2) {
  width: 25px;
}

.pausesSection > div:nth-of-type(3) {
  width: 50px;
}

.pausesSection > div:nth-of-type(4) {
  width: 70px;
}

.pausesDiv {
  padding: 8px;
}

.history-select-form,
.revenues-select-form,
.invoice-select-form,
.contact-select-form,
.invoice-select-form,
.client-statistic-select-form {
  margin-bottom: 20px;
}

.contact-select-form > div,
.client-statistic-select-form > div,
.invoice-select-form > div {
  display: inline-block;
}

.contact-select-form > div:nth-of-type(2),
.client-statistic-select-form > div:nth-of-type(2),
.invoice-select-form > div:nth-of-type(2) {
  margin-left: 20px;
}

.contact-select-form select,
.contact-select-form select,
.invoice-select-form select {
  text-align: left;
}

.invoice-select-form > div {
  display: inline-block;
}

.invoice-select-form > div:nth-of-type(2) {
  margin-left: 20px;
}

.invoice-select-form select {
  text-align: left;
}

.history-total-work-time {
  text-align: right;
}

.estimation-loader {
  width: 35px;
}

.estimation-header > div {
  display: inline-block;
}

.estimation-header > div:nth-of-type(2) {
  float: right;
}

.estimation-page > div > div {
  margin-top: 20px;
}

.estimation-section > div > div {
  display: inline-block;
}

.estimation-section > div:not(:first-of-type) {
  margin: 20px 0;
}

.estimation-section > div > div:first-of-type {
  width: 60%;
}

.estimation-section > div > div:nth-of-type(2) {
  width: 25%;
}

.estimation-section > div > div:nth-of-type(3) {
  width: 10%;
}

.total-worktime-days {
  font-size: 11px !important;
}

.table td .progress {
  width: 100% !important;
}

.progress-bar-td {
  width: 20%;
}

.progress-bar-td > div > div:first-of-type {
  width: 100%;
}

.select-box-estimation-month {
  text-align: left;
  width: 170px;
}

.select-box-estimation-year {
  text-align: left;
  margin-left: 10px;
  width: 100px;
}

.estimation-header > div > div {
  display: inline-block;
}

.statistic-section > div > div {
  display: inline-block;
}

.statistic-section > div:not(:first-of-type) {
  margin: 20px 0;
}

.statistic-section > div:last-of-type {
  margin-bottom: 0px;
}

.statistic-section > div > div:first-of-type {
  width: 60%;
}

.settings-price-section > div > div > div {
  display: inline-block;
}

.settings-price-section > div:not(:last-of-type) {
  margin-bottom: 10px;
}

.settings-price-section > div > div > div:first-of-type,
.settings-price-section > div > div > div:nth-of-type(4) {
  width: 75%;
}

.settings-price-section > div > div > div:nth-of-type(2),
.settings-price-section > div > div > div:nth-of-type(5) {
  width: 15%;
}

.settings-edit-social-contr-section > div > div > div {
  display: inline-block;
}

.settings-edit-social-contr-section > div > div > div:first-of-type {
  width: 75%;
}

.settings-edit-social-contr-section > div > div > div:nth-of-type(2) {
  width: 15%;
}

.table-column-sortable {
  cursor: pointer;
}

.social-contr-to-pay {
  font-weight: bold !important;
}

.settings-edit-social-contr-section > div > div > div:nth-of-type(2) span {
  width: 50%;
  text-align: right !important;
}

.settings-price-section div div input {
  width: 80%;
}

.server-time-nav {
  align-items: end;
  align-self: end;
  align-content: end;
  margin-right: 10px;
}

.card-header-archivated-clients, .card-header-client-adresses, .card-header-client-job-types, .card-header-paid-invoices {
  display: flex;
  justify-content: space-between;
}

.contact-status > div, .contact-status > span {
  display: inline-block;
}

.teams-name-td {
  display: inline-block !important;
}

.pagination-input {
  width: 50px;
  text-align: center;
}

.left-span {
  margin-right: auto; /* Pushes the span to the left */
  margin-top: auto; /* Setzt den oberen Rand des Textes automatisch, um ihn vertikal zu zentrieren */
  margin-bottom: auto;
}

.custom-button {
  background-color: #37a3ad; /* Hintergrundfarbe des Buttons */
  border: none; /* Keine Rahmenlinie */
  color: white; /* Textfarbe */
  padding: 10px 20px; /* Innenabstand des Buttons */
  text-align: center; /* Zentrieren des Textes */
  text-decoration: none; /* Keine Unterstreichung */
  display: inline-block; /* Zeigt als Inline-Element an */
  font-size: 16px; /* Textgröße */
  margin: 4px 2px; /* Außenabstand */
  cursor: pointer; /* Zeiger beim Überfahren des Buttons */
  border-radius: 5px; /* Runde Ecken */
  transition: background-color 0.3s; /* Übergangseffekt für die Hintergrundfarbe */
}

.custom-button:hover {
  background-color: #2b878f; /* Hintergrundfarbe beim Überfahren */
}

.server-time {
  font-size: 12px;
}

.add-pause-button {
  margin-left: 20px;
}

.add-client-section {
  margin-bottom: 20px;
}

.add-client-modal-body input, .add-job-type-modal-body input, .add-team-modal-body input, .add-team-modal-body select, .add-holiday-modal-body input,
.add-job-modal-body input, #job-type, #job-team, #job-language, .edit-pause-modal-body input, .add-pause-modal-body input, .add-contact-modal-body input,
.add-contact-modal-body select, .add-contact-modal-body textarea, .add-invoice-modal-body input,
.add-invoice-modal-body select, .edit-invoice-modal-body input, .edit-invoice-modal-body select.add-invoice-job-name,
.add-client-address-modal-body input, .add-client-address-modal-body select, .edit-client-address-modal-body, .edit-client-address-modal-body input {
  float: right;
}

.add-client-address-modal-body input, .edit-client-address-modal-body input {
  width: 70%;
}

.edit-invoice-job-lump-sum label:nth-of-type(2) {
  float: right;
}

.edit-invoice-job-lines label:nth-of-type(2) {
  float: right;
}

.progress-bar-pre-value {
  font-size: 10px;
}

.add-contact-modal-body textarea {
  height: 150px;
  width: 400px;
  white-space: pre-wrap;
}

.table-checkbox {
  margin-left: 0 !important;
}

.show-invoice-job-name {
  width: 20%;
  word-break: break-word;
}

.show-invoice-job-date {
  width: 10%;
}

.show-invoice-job-new-name {
  width: 43%;
  word-break: break-word;
}

.show-invoice-lump-sum {
  width: 5%;
}

.show-invoice-lines {
  width: 5%;
}

.show-invoice-job-amount {
  width: 7%;
}

.show-invoice-job-actions {
  width: 10%;
}

.add-invoice-job-checkbox {
  width: 5%;
}

.add-invoice-job-name {
  width: 20%;
  word-break: break-word;
}

.add-invoice-job-date {
  width: 10%;
}

.add-invoice-job-new-name input {
  width: 100%;
}

.add-invoice-job-amount {
  width: 7%;
}

.add-invoice-job-new-name {
  width: 43%;
}

.add-invoice-job-new-name-copy {
  width: 5%;
}

.add-invoice-job-lump-sum {
  width: 5%;
}

.add-invoice-job-lines {
  width: 5%;
}

.add-invoice-paste-button {
  font-size: 0.7rem !important;
  padding: 0.375rem 0.75rem !important;
}

.add-job-invoice-modal-content, .show-job-invoice-modal-content {
  min-width: 1000px !important;
}

.add-invoice-job-table td {
  white-space: normal !important;
}

.add-invoice-job-section > div:not(:first-of-type) {
  display: inline-block;
}

.comment-contact-show {
  white-space: pre-line;
}

.client-statistic-translation-row {
  font-weight: bold;
  background-color: #efefef;
}

.client-statistic-proofread-row {
  font-weight: bold;
  background-color: #efefef;
}

.client-statistic-global-row {
  font-weight: bold;
  background-color: #ddd;
}

.invoice-input-form input {
  margin-left: 20px;
  width: 450px;
}

.table-button div {
  display: inline-block;
}

.customActionIcon {
  width: 20px !important;
}

.contact-input-form input {
  margin-left: 20px;
  width: 300px;
}

.archivated-clients-section {
  margin-top: 80px;
}

.end-day-input-section > div > div {
  display: inline-block;
}

.end-day-input-section > div:nth-of-type(2) {
  font-weight: bold;
}

.end-day-input-section > div:nth-of-type(2) > div:first-of-type, .update-words-jobs-day > div:first-of-type {
  width: 220px;
}

.end-day-input-section > div:nth-of-type(2) > div:nth-of-type(2), .update-words-jobs-day > div:nth-of-type(2) {
  width: 220px;
}

.end-day-input-section > div:nth-of-type(2) > div:nth-of-type(3), .update-words-jobs-day > div:nth-of-type(3),
.end-day-input-section > div:nth-of-type(2) > div:nth-of-type(4), .update-words-jobs-day > div:nth-of-type(4) {
  width: 150px;
}

.modal-end-day {
  max-width: 1000px !important;
}

.update-words-jobs-day > div:nth-of-type(4) {
  font-weight: bold;
}

.end-day-input-section > div:nth-of-type(2) > div:nth-of-type(5), .end-day-job-words, .end-day-job-worktime {
  width: 120px;
}

.end-day-input-section > div:nth-of-type(2) > div:last-of-type, .update-words-jobs-day > div:last-of-type {
  width: 50px;
}

.end-day-client-name-span {
  font-style: italic;
}

.error-end-day-modal {
  display: none;
}

.edit-job-modal {
  font-size: 1rem !important;
}

.edit-job-modal-body select {
  float: right;
}

.custom-toggle input:disabled + .custom-toggle-slider {
  background-color: #fff !important;
}

.custom-toggle input:checked + .custom-toggle-slider:before {
  background-color: #517d91 !important;
}

.custom-toggle input:checked + .custom-toggle-slider {
  border: 1px solid #517d91 !important;
}

.custom-toggle-slider {
  background-color: #c5e1e3 !important;
}

.gestion-horaire {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gestion-horaire > div {
  display: flex;
  flex-direction: column;
}

.archi-header-section button {
  float: right;
}

.archi-table {
  display: none;
}

.team-header > div > span {
  margin-right: 20px;
}

.team-header > div {
  float: right;
}

.team-body > div:not(:first-of-type) {
  margin-top: 15px;
}

.team-body > div > div {
  display: inline-block;
}

.team-body > div > div:first-of-type {
  font-weight: bold;
  width: 35%;
}

.team-body > div > div:nth-of-type(2) {
  width: 50%;
}

.team-body > div > div:nth-of-type(3) {
  width: 10%;
}

.archi-message {
  padding: 5px;
}

.team-statistic-card {
  margin-top: 40px;
}

.team-stats > div {
  float: left;
  width: 50%;
}

.team-stats > div > div:not(:last-of-type) {
  margin-bottom: 8px;
}

.team-stats > div > div > div:not(:nth-of-type(3)) {
  display: inline-block;
}

.team-stats > div > div > div:nth-of-type(3) > div {
  font-size: 12px;
}

.team-stats > div > div > div:nth-of-type(3) > div > div:first-of-type {
  width: 65%;
}

.team-stats > div > div > div:nth-of-type(3) > div {
  margin-top: 8px;
}

.team-stats > div > div > div:nth-of-type(3) > div > div {
  display: inline-block;
}

.team-stats > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) {
  width: 30%;
}

.team-stats > div > div > div:first-of-type {
  font-weight: bold;
  width: 65%;
}

.client-stat-type-zero {
  color: #adadad;
}

.client-stat-type-color {
  color: #4a4a4a;
}

.team-stats > div > div > div:nth-of-type(2) {
  width: 30%;
  font-weight: bold;
}

.team-stats > div > div:first-of-type {
  text-decoration: underline;
  font-size: 15px;
}

.popover-history-words > div:first-of-type {
  font-weight: bold;
}

.popover-history-words > div > div {
  display: inline-block;
}

.popover-history-words > div:first-of-type > div:nth-of-type(3) {
  text-align: left;
}

.popover-history-words > div > div:first-of-type {
  text-align: left;
  width: 70%;
}

.jobs-not-working-alert {
  display: none;
}

.popover {
  max-width: none;
}

.words-popover {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

#export-team-select {
  display: none;
}

.export-button {
  margin-left: 10px;
}

.words-popover-hidden {
  display: none;
}

.settings-logo-header {
  margin-top: 50px;
}

.settings-logo-section > div > div {
  display: inline-block;
}

.settings-logo-section > div > div:first-of-type {
  width: 20%;
}

.holiday-table, .jobs-table {
  margin-top: 40px;
}

.delete-holiday-info {
  font-weight: bold;
  font-size: 15px;
}

.delete-holiday-title {
  font-weight: normal;
}

.modal-content {
  min-width: 700px;
}

.info-circle-current-jobs-navbar {
  position: absolute;
  top: -7px;
  right: 2px;
  padding: 3px 8px;
  border-radius: 50%;
  background: #b53855;
  color: white;
  font-size: 12px;
  z-index: -100;
}

.select-lower-estimation-button, .select-higher-estimation-button,
.select-lower-history-button, .select-higher-history-button,
.arrow-buttons-history {
  display: inline-block;
}

.status-legend {
  margin-top: 40px;
  font-size: 13px;
}

.status-legend div {
  display: inline-block;
}

.status-legend > div {
  margin-right: 15px;
}

.status-recv {
  color: #4668c7;
}

.status-wip {
  color: #cc9527;
}

.status-prr {
  color: #d1cb58;
}

.status-end {
  color: #1b7d39;
}

.status-sent {
  color: #28c958;
}

.status-line {
  margin-right: 10px;
}

.select-jobs-status-circle {
  display: inline-block;
}

.status-td-jobs {
  width: 140px;
  display: inline-block;
}

.jobs-tbody span {
  display: block;
}

.client-no-team-warning {
  display: inline-block;
  width: 320px;
  float: right;
}

.client-no-team-warning i {
  margin-right: 10px;
}

.jobs-dates-invalid-alert {
  display: none;
}

.finished-jobs-section {
  margin-top: 60px;
}

.jobs-days-left-v-soon {
  color: #ff0000;
  font-weight: bold;
}

.jobs-days-left-soon {
  color: #e08c1d;
  font-weight: bold;
}

.jobs-days-left {
  color: #1a7830;
}

.status-td-amount {
  width: 140px;
}

.status-td-words-progress-bar {
  margin-left: 8px;
}

.jobs-tbody td {
  vertical-align: middle;
}

.job-name-col {
  width: 100px;
}

.table th, .table td {
  padding: 0.5rem !important;
}

.client-chart-card, .jobs-chart-card {
  margin-top: 50px;
}

.jobs-last-line {
  font-weight: bold;
  font-size: 13px;
}

.status-td-words {
  width: 80px;
}

.finished-jobs-pagination > li:first-of-type button {
  font-weight: bold;
}

.holidays-pagination-nav > li:first-of-type button {
  font-weight: bold;
}

.select-section-finished-jobs {
  margin-bottom: 20px;
}

.finished-jobs-loader {
  display: none;
  text-align: center;
}

.finished-jobs-pre-loader {
  text-align: center;
}

.finished-jobs-loader img, .finished-jobs-pre-loader img {
  width: 350px;
}

.finished-jobs-nbjobs-loader {
  text-align: left;
}

.finished-jobs-nbjobs-loader img {
  width: 30px;
}

.info-message-holiday-modal {
  display: none;
}

.statistic-chart {
  height: 300px;
}

.statistic-chart-1 {
  height: 450px;
}

.job-proofreading-button, .job-edit-proofreading-button {
  width: 15px;
  height: 15px;
}

.jobs-table {
  font-size: 13px;
}

.deleteJobTypeModalBody {
  font-size: 17px;
}

.nb-current-jobs-notification {
  position: relative;
  display: inline-block;
}

.nb-current-jobs-notification .current-jobs-badge {
  position: absolute;
  top: -9px;
  right: -10px;
  padding: 3px 8px;
  border-radius: 50%;
  background: #2491b5;
  color: white;
  font-size: 12px;
}

.team-stats-displaced > div:first-of-type, .client-stats-displaced-type > div:first-of-type {
  margin-left: 20px;
}

.team-stats-displaced > div:nth-of-type(2), .client-stats-displaced-type > div:nth-of-type(2) {
  margin-left: -20px;
}

.team-stats-displaced > div:first-of-type, .client-stats-displaced > div:first-of-type {
  margin-left: 10px;
}

.team-stats-displaced > div:nth-of-type(2), .client-stats-displaced > div:nth-of-type(2) {
  margin-left: -10px;
}

.required-label label:after {
  color: #e32;
  content: " *";
  display: inline;
}

.reload-time-section > div {
  float: left;
  width: 33.33%;
}

.reload-time-section > div:first-of-type, .reload-time-section > div:nth-of-type(3) {
  text-align: center;
  margin: 0 auto;
  margin-top: 60px;
}

.reload-time-section > div:first-of-type img, .reload-time-section > div:nth-of-type(3) img {
  width: 85px;
}

.found-jobs {
  font-size: 12px;
}

.finished-jobs-name div {
  display: inline-block;
}

.title-warning-client h5 {
  font-weight: bold;
}

.body-warning-client {
  font-size: 14px;
}

.add-new-estimations {
  margin-top: 40px;
}

.clients-page table td {
  vertical-align: middle;
}

.team-header img {
  width: 50px;
  height: 50px;
}

.estimation-section button {
  padding: 4px 8px;
}

.clients-no-team-section {
  font-weight: bold;
}

.clients-no-team-section-info {
  font-style: italic;
}

.table tbody + tbody {
  border-top: none !important;
}

.history-table {
  margin-top: 25px;
}

.revenues-table {
  margin-top: 25px;
}

.revenue-table-global {
  font-weight: bold;
}

.revenue-table-team td:first-of-type {
  padding-left: 15px !important;
}

.revenue-table-team td {
  color: #5f8f94;
}

.job-client-avatar {
  display: flex;
}

.job-table-client-td > div {
  display: inline-block;
  vertical-align: middle; /* Vertical alignment */
}

.font-weight-bold-real {
  font-weight: bold !important;
}

.alert-box-holiday {
  padding: 8px;
  background-color: #fff3cd !important;
  border-color: #ffeeba !important;
  color: #856404 !important;
}

.mobile-version-sidebar {
  display: none !important;
}

.job-detail-section > div:first-of-type > div > div {
  width: 45%;
  display: inline-block;
}

.job-detail-section > div:first-of-type > div {
  margin-bottom: 40px;
}

.job-detail-section > div:first-of-type > div > div > div {
  display: inline-block;
  margin-bottom: 10px;
}

.job-detail-section > div:first-of-type > div > div > div:first-of-type {
  width: 50%;
  font-weight: bold;
}

.job-detail-worked-time {
  font-size: 12px;
  margin-left: 5px;
}

.job-detail-price {
  margin-left: 5px;
  font-size: 12px;
}

.job-detail-status {
  float: right;
  margin-right: 10px;
  font-size: 14px;
}

.job-detail-status-1 {
  background-color: #4668c7;
}

.job-detail-status-2 {
  background-color: #cc9527;
}

.job-detail-status-3 {
  background-color: #d1cb58;
}

.job-detail-status-4 {
  background-color: #1b7d39;
}

.job-detail-status-5 {
  background-color: #28c958;
}

.job-detail-section > div:nth-of-type(2) > div {
  margin-bottom: 10px;
}

.job-detail-section > div:nth-of-type(2) > div:first-of-type > div {
  font-weight: bold;
}

.job-detail-section > div:nth-of-type(2) > div > div {
  display: inline-block;
}

.job-detail-section > div:nth-of-type(2) > div > div:first-of-type {
  width: 8%;
}

.job-detail-section > div:nth-of-type(2) > div > div:nth-of-type(2) {
  width: 10%;
}

.job-change-list {
  display: block !important;
}

.job-change-list > div > div {
  display: inline-block;
  color: #a3a3a3;
}

.job-change-list > div > div:first-of-type {
  width: 12%;
  margin-left: 30px;
}

.job-change-list > div > div:nth-of-type(2) {
  width: 15%;
}

.job-change-list > div > div:nth-of-type(3) {
  width: 5%;
}

.log-body table, .log-body th, .log-body td {
  border: 1px solid;
}

.dashboard-total-income {
  font-weight: normal !important;
  font-size: 12px;
}

.dashboard-card-title {
  font-size: 17px !important;
}

.job-types-table tr td:first-of-type, .job-types-table tr th:first-of-type {
  width: 80%;
}

.job-types-table tr td:nth-of-type(2), .job-types-table tr th:nth-of-type(2) {
  width: 15%;
}

@media screen and (max-device-width: 767px) {
  .mobile-version-sidebar {
    display: block !important;
  }
  .navbar-top-nav {
    margin-top: 0px !important;
  }
}
@media screen and (max-device-width: 480px) {
  .reload-time-section > div:first-of-type, .reload-time-section > div:nth-of-type(3) {
    margin-top: 5px;
  }
  .reload-time-section > div:first-of-type img, .reload-time-section > div:nth-of-type(3) img {
    width: 50px;
  }
  .reload-time-section > div {
    width: 100%;
    float: none;
  }
  .time-section-dashboard {
    padding: 0;
  }
}
.table-responsive {
  min-height: 250px !important;
}