/*
Theme Name: budgets
Text Domain: budgetstheme
Version: 1.0.4
Requires at least: 4.7
Requires PHP: 7.4
Description: This is the theme design for the website https://budgets.deyosoft.com
Tags: budget, expense, income, finance, report
Author: Deyosoft Ltd.
Author URI: https://deyosoft.com
License: Deyosoft Proprietary License Version 1.0
License URI: http://deyosoft.com/licenses/deyosoft-proprietary-license-1.0/

All files, unless otherwise stated, are released under the Deyosoft Proprietary License Version 1.0
License version 1.0 (http://deyosoft.com/licenses/deyosoft-proprietary-license-1.0/)

This theme is licensed under the Deyosoft Proprietary License Version 1.0.
*/

body{    
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #eff2f6;  
  color: #19537e;
  word-wrap: break-word;
}

a {
  word-wrap: break-word;
}

h1, h2,h3, h4, h5, h6, p.attachment {
 text-align: center;
}

strong, .dyuf-attachment-info {
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem 1rem;
}

.wow {
  visibility: hidden;
}

.wow.wow-visible {
  visibility: visible;
}

.commentlist li.comment {
  list-style: none;
  padding: 15px 0px;
}

.comment-body {
  padding-left:10px;
  border-left: 2px solid rgba(0,0,0,0.1);
}

.closed-comments {
  font-style: italic;
  font-size: 0.9em;
}

.commentmetadata a {
  font-style: italic;
  font-size: 0.95rem;
}

.commentmetadata {
  padding-bottom: 1rem;
}

.comment-author {
  font-style: italic;
}

form label, .dybd-transaction-info label {
  display: block;
  margin:0;
  font-size: 0.75em;
  font-weight: bold;
}

.dybd-transaction-info p {
  margin-bottom: 0.5rem;
}

.dybd-transaction-info em {
  font-style: normal;
  text-decoration: underline;
}

.report-results table {
  border-collapse: collapse;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.report-results table th {
  font-weight: bold;
}

.report-results table th, .report-results table td {
  border: 1px solid black;
  padding: 0.25rem;
}

.comment-form-cookies-consent label, .remember-me label {
  display: inline;
  font-size: 1em;
  font-weight: normal;
}

.comment-reply-title {
  padding-top:20px;
}

.profile-edit-info {
  color: green;
}

/*The navbar is more transparent on small screens only when the toggle button is not activated. Activating it makes it less transparent due to the second background-color rule. */
.navbar.navbar-light{ background-color: #FFFFFFB8; }
.navbar.navbar-light.navbar.navbar-light.nav-toggle-active { background-color: #FFFFFFEA; }

.navbar.navbar-light .navbar-nav .nav-item .nav-link{
  text-transform: uppercase;
  color: #3788db;
  font-weight: bold;
  font-size: 0.75rem;
}

.navbar.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(55, 136, 219, 0.9)' stroke-width='2.45' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link{
  background-color: transparent;
}

.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link::after{
  border-bottom: 0.23rem solid #3788db;
  content: " ";
  width: 100%;  
  display: block;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover, footer a:hover{
  background-color: rgba(0,0,0,0.1);
}

.btn-contact, .navbar.navbar-light .navbar-nav .nav-item .nav-link.btn-contact{
  color:white;
  padding: 0.6rem;
  background-color: #3788db;
  font-size: 0.75rem;    
  border-radius: 4px;
  font-weight: bold;
}

.btn-contact:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link.btn-contact:hover{    
  background-color: #3788db80;
  color:white;
}

.sce-comment-edit-buttons button {
  margin: 0.5rem 0.25rem;
}

form input[type=submit], form input[type=button], form button, button {
  border: 1px solid gray;
  background-color: white;
  color: #19537e;
  border-radius: 4px;
  font-weight: bold;
  padding: 0.4rem 0.8rem;
  font-size: 0.75rem;    
  text-transform: uppercase;
}

form input[type=submit].btn-danger {
  color: white;
}

form input[type=submit].btn-danger:hover {
  color: wheat;
}

form input[type=submit]:hover, form button:hover {
  background-color: rgba(255, 255, 255, 0.664);
}

.dyuf-avatar-edit-form-container .account-page-info {
  margin-bottom: 0;
}

.dyuf-upload-form .form-description {
  font-size: 0.8rem;
}

.dyuf-attachments-container.dyuf-form-container, .dyuf-attachments-container .dyuf-upload-form {
  padding:0.7rem;
}

.dyuf-attachments-container .dyuf-upload-form-container {
  padding:0;
}

.dyuf-attachments-container .dyuf-upload-form .dyuf-attachment-info, em.dyuf-attachment-info {
  margin:0;
  font-weight: normal;
}

.dyuf-attachments-container {
  padding-bottom: 2rem;
}

.dyuf-single-attachment form, .dyuf-attachments-container .dyuf-upload-form, .dybd-edit-report-param-container {
  border: 1px solid #00000011;
}

.dyuf-single-attachment {
  text-align: left;
}

.dyuf-single-attachment .dyuf-attachment-position, .dyuf-single-attachment .dyuf-attachment-displayname {
  display: inline-block;
}

.dyuf-single-attachment .dyuf-attachment-displayname {
  width: 80%;
}

.dyuf-single-attachment .dyuf-attachment-position {
  width: 15%;
}

.employee-info-box {
  border: 1px solid #00000011;
}

.employee-info-box p {
  margin: 0;
}

.dybd-employees-group:not(.expanded) form, .dybd-employees-group:not(.expanded) .employees-group-info,
.dyuf-post-edit-form:not(.expanded) p, .dyuf-attachments-editable li:not(.expanded) form {
  padding-top:0px;
  margin-bottom: 0px;
  border: none;
}

.dybd-employees-group:not(.expanded) h4::after, .dyuf-post-edit-form:not(.expanded) h4::after {
  content: ' (...)';
}

.employee-info-box p:not(.employee-names),
.dybd-employees-group form, .dybd-employees-group .employees-group-info, .dyuf-attachments-editable li form, .dybd-post-history,
.collapsible-edit-form .dyuf-post-edit-form p, .collapsible-edit-form .dyuf-post-edit-form .post-content-label, .collapsible-edit-form .dyuf-post-edit-form .wp-editor-wrap {
  overflow:hidden;
  max-height: 0px;
}

.collapsible-edit-form h4 {
  text-align: right;
  font-size: 1.3rem;
}

.dyuf-upload-form .file input {
  cursor: pointer;
}

.dyuf-attachments-editable li:not(.expanded) form {
  padding-top:0px;
  margin-bottom: 0px;
  border: none;
}

.dyuf-attachments-editable li form {
  overflow:hidden;
  max-height: 0px;
}

.profile-edit-form-container textarea {
  height: 10rem;
}

.file label {
  border: 1px solid #00000011;
  cursor: pointer;
  margin-bottom: 0.25rem;
}

.login-error a {
  color: red;
}

.comment-form .form-submit, .dyuf-form-container .login-submit, form select {
  padding: 0.4rem 0;
}

.from-counterparty input, .to-counterparty input, .transaction-money input, .transaction-category input, 
.transaction-product input, .resolution-date input, .document-date input, .document-type input, .document-number input {
  padding: 0.35rem 0;
}

.dybd-added-options span {
  font-size: 0.75rem;
  margin-right: 0.5rem;
}

.dybd-added-options button {
  padding: 0;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
}

.dyuf-attachments-container {
  max-width: 600px;
  margin: auto;
  text-align: left;
}

.dyuf-form-container form, .dybd-form-container form {
  max-width: 600px;
  margin: auto;
  padding: 0.5rem 0.5rem 0 0.5rem;
}

.manage-resolved-state-form-container form {
  max-width: none;
}

.post-password-form label {
  max-width: 600px;
  margin: auto;
  padding-bottom: 0.7rem;
}

form input[type=text], form input[type=password], form input[type=email], form input[type=number], form input[type=date], form select, form textarea {
  width: 100%;
}

form, form p, .dyuf-form-container, .dybd-form-container {
  text-align: center;
}

.dybd-form-container ul {
  list-style-position: inside;
}

form label, .employee-names, .dybd-post-history, .dybd-post-history h5 {
  text-align: left;
}

.g-recaptcha {
  display: inline-block;
}

.navbar .nav-flex-icons .nav-item{
  padding: 0.5rem;
  line-height: normal;
  display: inline-block;
}

.navbar .nav-flex-icons .nav-item .nav-link {
  display: inline-block;
  text-align: center;
  padding: 0.25rem;
}

.navbar .nav-flex-icons .nav-item div {
  line-height: 0;
}

.navbar .nav-flex-icons .nav-item div span{
  padding-bottom: 0.4rem;
  padding-top: 0.05rem;
  line-height: normal;
}

.navbar .nav-flex-icons .nav-item span{
  color: #3788db;
  font-size: 0.66rem;
  text-align: center;
  padding: 0.3rem 0.15rem 0.15rem 0.15rem;         
  display:block;
  text-transform: none;
  font-weight: normal;
}

.navbar .nav-flex-icons .nav-item .nav-link img {
  height: 1.3rem;
}

footer img{
  height: 0.8rem;
}

footer div.row{
  padding: 0.5rem;
  background-color: #fdfdfd;
}

.mask{
  background-color: #3788db51;
}

.card .card-body{
  padding: 1.25rem 0.5rem;
}

.card .card-body .card-title{
  font-weight: bolder;
  font-size: 1.4rem;
}

.card .card-body .card-text{
  font-size: 0.8rem;
}

.shadow-bottom-right {
  box-shadow: 10px 10px 10px rgba(0,0,0,0.12), 5px 5px 5px rgba(0,0,0,0.16);
  -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.12), 5px 5px 5px rgba(0,0,0,0.16);
  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.12), 5px 5px 5px rgba(0,0,0,0.16);
}

.inner-shadow-top {
  box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.12), inset 0 5px 5px -5px rgba(0,0,0,0.16);
  -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.12), inset 0 5px 5px -5px rgba(0,0,0,0.16);
  -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.12), inset 0 5px 5px -5px rgba(0,0,0,0.16);
}

.container-xxl { width: 100%; }

.navbar-brand { height: 2.8rem; padding: 0.25rem 0rem; }
.mt-navbar { margin-top: 2.8rem; } 
.pt-navbar { padding-top: 2.8rem; }
.navbar-anchor { position:relative!important; top:-2.8rem; }
.fz-1 { font-size: 0.25rem;} .fz-2 { font-size: 0.5rem;} .fz-3 { font-size: 0.75rem;} .fz-4 { font-size: 1rem;} .fz-5 { font-size: 1.25rem;}
.fz-6 { font-size: 1.5rem;} .fz-7 { font-size: 1.75rem;} .fz-8 { font-size: 2rem;} .fz-9 { font-size: 2.25rem;} .fz-10 { font-size: 2.5rem;}

.mw-25 { max-width: 25%!important; } .mw-50 { max-width: 50%!important; } .mw-75 { max-width: 75%!important; } .mw-100 { max-width: 100%!important; }
.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-auto,
.col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/*This is xs breakpoint  */
@media (min-width: 400px) {    
  .fz-xs-1 { font-size: 0.25rem;} .fz-xs-2 { font-size: 0.5rem;} .fz-xs-3 { font-size: 0.75rem;} .fz-xs-4 { font-size: 1rem;} .fz-xs-5 { font-size: 1.25rem;}
  .fz-xs-6 { font-size: 1.5rem;} .fz-xs-7 { font-size: 1.75rem;} .fz-xs-8 { font-size: 2rem;} .fz-xs-9 { font-size: 2.25rem;} .fz-xs-10 { font-size: 2.5rem;}
  .w-xs-25 { width: 25%!important; } .w-xs-50 { width: 50%!important; } .w-xs-75 { width: 75%!important; } .w-xs-100 { width: 100%!important; }
  .mw-xs-25 { max-width: 25%!important; } .mw-xs-50 { max-width: 50%!important; } .mw-xs-75 { max-width: 75%!important; } .mw-xs-100 { max-width: 100%!important; }
  .pt-xs-25 { padding-top: 25%!important; } .pt-xs-50 { padding-top: 50%!important; } .pt-xs-75 { padding-top: 75%!important; } .pt-xs-100 { padding-top: 100%!important; }
  .pt-xs-0, .py-xs-0 { padding-top: 0rem!important; } .pt-xs-1, .py-xs-1 { padding-top: 0.25rem!important; } .pt-xs-2, .py-xs-2 { padding-top: 0.5rem!important; } 
  .pt-xs-3, .py-xs-3 { padding-top: 1rem!important; } .pt-xs-4, .py-xs-4 { padding-top: 1.5rem!important; } .pt-xs-5, .py-xs-5 { padding-top: 3rem!important; } 
  .pb-xs-0, .py-xs-0 { padding-bottom: 0rem!important; } .pb-xs-1, .py-xs-1 { padding-bottom: 0.25rem!important; } .pb-xs-2, .py-xs-2 { padding-bottom: 0.5rem!important; } 
  .pb-xs-3, .py-xs-3 { padding-bottom: 1rem!important; } .pb-xs-4, .py-xs-4 { padding-bottom: 1.5rem!important; } .pb-xs-5, .py-xs-5 { padding-bottom: 3rem!important; } 
  .pl-xs-0, .px-xs-0 { padding-left: 0rem!important; } .pl-xs-1, .px-xs-1 { padding-left: 0.25rem!important; } .pl-xs-2, .px-xs-2 { padding-left: 0.5rem!important; } 
  .pl-xs-3, .px-xs-3 { padding-left: 1rem!important; } .pl-xs-4, .px-xs-4 { padding-left: 1.5rem!important; } .pl-xs-5, .px-xs-5 { padding-left: 3rem!important; } 
  .pr-xs-0, .px-xs-0 { padding-right: 0rem!important; } .pr-xs-1, .px-xs-1 { padding-right: 0.25rem!important; } .pr-xs-2, .px-xs-2 { padding-right: 0.5rem!important; } 
  .pr-xs-3, .px-xs-3 { padding-right: 1rem!important; } .pr-xs-4, .px-xs-4 { padding-right: 1.5rem!important; } .pr-xs-5, .px-xs-5 { padding-right: 3rem!important; } 
  .d-xs-inline { display: inline!important; } .d-xs-inline-block { display: inline-block!important; } .d-xs-block { display: block!important; } .d-xs-flex { display: flex!important; }
  .text-xs-justify { text-align: justify!important; }
  .float-xs-left { float: left!important; } .float-xs-right { float: right!important; } .float-xs-none { float: none!important; }
  /* NOTICE: col-xs cannot be defined here because it needs to be before the bootstrap.css inclusion. */ 
}

/*This is sm breakpoint  */
@media (min-width: 576px) {    
  .fz-sm-1 { font-size: 0.25rem;} .fz-sm-2 { font-size: 0.5rem;} .fz-sm-3 { font-size: 0.75rem;} .fz-sm-4 { font-size: 1rem;} .fz-sm-5 { font-size: 1.25rem;}
  .fz-sm-6 { font-size: 1.5rem;} .fz-sm-7 { font-size: 1.75rem;} .fz-sm-8 { font-size: 2rem;} .fz-sm-9 { font-size: 2.25rem;} .fz-sm-10 { font-size: 2.5rem;}
  .w-sm-25 { width: 25%!important; } .w-sm-50 { width: 50%!important; } .w-sm-75 { width: 75%!important; } .w-sm-100 { width: 100%!important; }
  .mw-sm-25 { max-width: 25%!important; } .mw-sm-50 { max-width: 50%!important; } .mw-sm-75 { max-width: 75%!important; } .mw-sm-100 { max-width: 100%!important; }
  .pt-sm-25 { padding-top: 25%!important; } .pt-sm-50 { padding-top: 50%!important; } .pt-sm-75 { padding-top: 75%!important; } .pt-sm-100 { padding-top: 100%!important; }
  .text-sm-justify { text-align: justify!important; }
  .float-sm-left { float: left!important; } .float-sm-right { float: right!important; } .float-sm-none { float: none!important; }
}

/*This is md breakpoint */
@media (min-width: 768px) {    
  .navbar-brand{ height: 3.5rem; }
  .mt-navbar{ margin-top: 3.5rem; }
  .pt-navbar { padding-top: 3.5rem; }
  .navbar-anchor { top: -3.5rem; }
  .fz-md-1 { font-size: 0.25rem;} .fz-md-2 { font-size: 0.5rem;} .fz-md-3 { font-size: 0.75rem;} .fz-md-4 { font-size: 1rem;} .fz-md-5 { font-size: 1.25rem;}
  .fz-md-6 { font-size: 1.5rem;} .fz-md-7 { font-size: 1.75rem;} .fz-md-8 { font-size: 2rem;} .fz-md-9 { font-size: 2.25rem;} .fz-md-10 { font-size: 2.5rem;}
  .w-md-25 { width: 25%!important; } .w-md-50 { width: 50%!important; } .w-md-75 { width: 75%!important; } .w-md-100 { width: 100%!important; }
  .mw-md-25 { max-width: 25%!important; } .mw-md-50 { max-width: 50%!important; } .mw-md-75 { max-width: 75%!important; } .mw-md-100 { max-width: 100%!important; }
  .pt-md-25 { padding-top: 25%!important; } .pt-md-50 { padding-top: 50%!important; } .pt-md-75 { padding-top: 75%!important; } .pt-md-100 { padding-top: 100%!important; }
}

/*This is lg breakpoint  */
@media (min-width: 992px) {        
  .dyuf-form-container { padding-left: 1.5rem; padding-right: 1.5rem;}
  .fz-lg-1 { font-size: 0.25rem;} .fz-lg-2 { font-size: 0.5rem;} .fz-lg-3 { font-size: 0.75rem;} .fz-lg-4 { font-size: 1rem;} .fz-lg-5 { font-size: 1.25rem;}
  .fz-lg-6 { font-size: 1.5rem;} .fz-lg-7 { font-size: 1.75rem;} .fz-lg-8 { font-size: 2rem;} .fz-lg-9 { font-size: 2.25rem;} .fz-lg-10 { font-size: 2.5rem;}
  .w-lg-25 { width: 25%!important; } .w-lg-50 { width: 50%!important; } .w-lg-75 { width: 75%!important; } .w-lg-100 { width: 100%!important; }
  .mw-lg-25 { max-width: 25%!important; } .mw-lg-50 { max-width: 50%!important; } .mw-lg-75 { max-width: 75%!important; } .mw-lg-100 { max-width: 100%!important; }
  .pt-lg-25 { padding-top: 25%!important; } .pt-lg-50 { padding-top: 50%!important; } .pt-lg-75 { padding-top: 75%!important; } .pt-lg-100 { padding-top: 100%!important; }

  .navbar-brand{ height: 5.3rem; }
  .mt-navbar{ margin-top: 5.3rem }
  .pt-navbar { padding-top: 5.3rem; }
  .navbar-anchor { top: -5.3rem; }

  /*The navbar is more transparent on large screens only when the page is not scrolled. Scrolling makes it less transparent due to the last background-color rule. */
  .navbar.navbar-light.navbar.navbar-light.nav-toggle-active{ background-color: #FFFFFFB8; }
  .navbar.navbar-light.navbar.navbar-light.top-nav-collapse{ background-color: #FFFFFFEA; }
}

/*This is xl breakpoint  */
@media (min-width: 1200px) {    
  .fz-xl-1 { font-size: 0.25rem;} .fz-xl-2 { font-size: 0.5rem;} .fz-xl-3 { font-size: 0.75rem;} .fz-xl-4 { font-size: 1rem;} .fz-xl-5 { font-size: 1.25rem;}
  .fz-xl-6 { font-size: 1.5rem;} .fz-xl-7 { font-size: 1.75rem;} .fz-xl-8 { font-size: 2rem;} .fz-xl-9 { font-size: 2.25rem;} .fz-xl-10 { font-size: 2.5rem;}
  .w-xl-25 { width: 25%!important; } .w-xl-50 { width: 50%!important; } .w-xl-75 { width: 75%!important; } .w-xl-100 { width: 100%!important; }
  .mw-xl-25 { max-width: 25%!important; } .mw-xl-50 { max-width: 50%!important; } .mw-xl-75 { max-width: 75%!important; } .mw-xl-100 { max-width: 100%!important; }
  .pt-xl-25 { padding-top: 25%!important; } .pt-xl-50 { padding-top: 50%!important; } .pt-xl-75 { padding-top: 75%!important; } .pt-xl-100 { padding-top: 100%!important; }
}

/* This is extra-extra large breakpoint so that we have normal site margins on 1920 px displays */
@media (min-width: 1568px){
  .navbar-brand{ height: 6.3rem; }
  .mt-navbar{ margin-top: 6.3rem }    
  .pt-navbar { padding-top: 6.3rem; }
  .navbar-anchor { top: -6.3rem; }
  .nav-links { margin-top: 1rem; }
  .container, .container-xs, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1520px; }

  .fz-xxl-1 { font-size: 0.25rem;} .fz-xxl-2 { font-size: 0.5rem;} .fz-xxl-3 { font-size: 0.75rem;} .fz-xxl-4 { font-size: 1rem;} .fz-xxl-5 { font-size: 1.25rem;}
  .fz-xxl-6 { font-size: 1.5rem;} .fz-xxl-7 { font-size: 1.75rem;} .fz-xxl-8 { font-size: 2rem;} .fz-xxl-9 { font-size: 2.25rem;} .fz-xxl-10 { font-size: 2.5rem;}
  .w-xxl-25 { width: 25%!important; } .w-xxl-50 { width: 50%!important; } .w-xxl-75 { width: 75%!important; } .w-xxl-100 { width: 100%!important; }
  .mw-xxl-25 { max-width: 25%!important; } .mw-xxl-50 { max-width: 50%!important; } .mw-xxl-75 { max-width: 75%!important; } .mw-xxl-100 { max-width: 100%!important; }
  .pt-xxl-25 { padding-top: 25%!important; } .pt-xxl-50 { padding-top: 50%!important; } .pt-xxl-75 { padding-top: 75%!important; } .pt-xxl-100 { padding-top: 100%!important; }

  .col-xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

  .offset-xxl-1 { margin-left: 8.333333%; }
  .offset-xxl-2 { margin-left: 16.666667%; }
  .offset-xxl-3 { margin-left: 25%; }
  .offset-xxl-4 { margin-left: 33.333333%; }
  .offset-xxl-5 { margin-left: 41.666667%; }
  .offset-xxl-6 { margin-left: 50%; }
  .offset-xxl-7 { margin-left: 58.333333%; }
  .offset-xxl-8 { margin-left: 66.666667%; }
  .offset-xxl-9 { margin-left: 75%; }
  .offset-xxl-10 { margin-left: 83.333333%; }
  .offset-xxl-11 { margin-left: 91.666667%; }
  .offset-xxl-12 { margin-left: 100%; }
}

.employees-management-card, .transactions-management-card, .projects-management-card, .contract-rules-management-card, .tax-rules-management-card, .cash-balance-management-card{
  height: 350px; 
  width: 350px; 
  border-radius: 10px;
}
.management-cards-overlay-style{
  width: 100%;
  text-align: center; 
}

.management-cards-body-style{
  overflow-y: auto; 
  height: 330px;
}
.management-card-records-style{
  position:relative;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}
.management-card-button-style{
  height: 2.5rem;
  width: 50%;
  padding: 0;
}

.tax-rule-list>.contract_rule, .contract-rule-list>.tax_rule{
  display: none;
}

.dybd-stats table {
  width: 90%;
  margin: auto;
}

.dybd-stats th {
  font-size: 1.2rem;
  text-align: center;
}

.single-dybd_project .dybd-stats th {
  font-size: 1rem;
}

.dybd-storages-group .storage-name {
  font-weight: bold;
}

.dybd-storages-group .storage-name::after {
  content: ': ';
}

.dybd-storages-group li, .dybd-rules-group li {
  list-style: none;
}

.budget-post-status label {
  display: inline;
  padding-right: 1rem;
}

.budget-post-status input {
  margin-right: 0.5rem;
}

li.status-internal a::after, a.status-internal::after {
  content: '*';
}

.status-deleted {
  text-decoration: line-through;
}

ul.archived-posts{
  margin-bottom: 0;
}