button.iconic-btn svg {
    margin-right: 10px;
}

button.iconic-btn svg {
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

button.iconic-btn a:hover {
    color: #fff;
}

.icon-delete,
.icon-edit {
    margin-right: 0.2em;
}

.icon-edit {
    color: #14224f;
}
.icon-delete {
    color: red;
}

.job-search p,
.job-search .job-description ul li {
    margin-top: 20px;
    color: #555 !important;
}
.job-search ul li {
    line-height: 2 !important;
}

#invoice_view_page td img {
    margin: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table td {
    vertical-align: center;
}

/* table#lessor, table,
th,
td,
table.dataTable.no-footer td, table.dataTable {
    border: 0.2px solid #14224f3d !important;
} */
.page-wrapper.compact-wrapper
    .page-body-wrapper
    header.main-nav
    .main-navbar
    .nav-menu {
    border-radius: 0;
    height: calc(100vh - 170px);
}

.dataTables_wrapper button.btn-xs {
    padding: 0.2rem 0.7rem;
    font-size: 10px;
}

tr.header, tr.footer {
    font-weight: bold;
    background-color: #14224f0d;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user {
    padding: 5px !important;
    position: relative;
    border-bottom: 1px solid #e6edef;
    margin-bottom: 5px !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li a {
    padding: 5px 15px;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-submenu li a {
    padding: 4px 25px;
}

.page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    top: 6px;
}

.bg_white.round-box, .dashboard-default-sec .card.income-card.card-secondary .round-box, .dashboard-2-main .card.income-card.card-secondary .round-box {
    background-color: rgb(255 255 255 / 0.5) !Important;
}


/* ============================================ */

.btn-primary-light {
    background-color: #354168 !important;
    color : #eee;
}

.btn-primary-light a{
    color : #eee !important;
}

.btn.btn-outline-primary.btn-sm.iconic-btn.todoitem,.btn.btn-light, button .btn-outline-success.btn-sm.iconic-btn.todoitem {
    background-color: #eaa72c !important;
}

.btn.btn-outline-success.todoitem{
    background-color: #0e683e !important;
}
.btn.btn-outline-success.todoitem  a{
    color: #eee !important;
}
.btn.btn-outline-success.todoitem:hover  a{
    color: #eaa72c !important;
}

/* ============================================ */

table, tr, td {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;
    font-size: 0.97em;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 2px !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 8px;
}

thead input {
    width: 100%;
}

td svg{
    width: 1.6em;
}


element.style {
}
.dataTables_wrapper .dataTables_filter input {
    padding: 0px;
}


/* ================================== */


  :-ms-input-placeholder,::-ms-input-placeholder,::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 0.5; /* Firefox */
  }