/*!
 *   Custom CSS
 *   Author: Synchrotheme
 *	 Website: Synchrotheme <https://synchrotheme.com>
 */
/*
 * Core: General Layout Style
 * -------------------------
 */

.btn-custom-invoice{
    font-size: 14px;
    margin-top: 45px;
}
.btn-info,.btn-primary{
    background-color:#DD4B39;
    border:1px solid #DD4B39;
}
.btn-primary:hover,.btn-info:hover{
    background-color:#000;
}
.select-invoice select{
     width:155px;
    height: 26px;
 }
 .select-invoice textarea{
     width:155px;
 }
 .invoice-col h6 {
    font-size: 18px;
    font-weight: 600;
}

.invoice-col p {
    font-size: 16px;
    margin-bottom: 5px !important;
}
.invoice-info h4 {
    font-size: 25px;
    font-weight:  600;
    margin-bottom: 15px;
    color:#3276B1;
}
.table-invoice th {
    font-weight: 700;
    font-size: 16px;
    border-color:#222;
}

.table-invoice td {
    font-size: 16px;
}
.table-invoice th,.table-invoice td {
    border-color: #5a5a5a !important;
}
table.table.table-bordered.table-invoice.border.border-dark th {
    background: #f9f9f9;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 1px;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #847e7e;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 1px solid #847e7e;
}
.table-full thead{
    background: #f9f9f9;
}
.table-full{
    margin-top: 50px;
}
.select2-container .select2-selection--single {
    height: 34px !important;
    border-radius: 0px !important;

}

.datepicker {
    border-radius: 0px !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: red;
    border-color: red;
}


.dt-buttons button.dt-button {
    background: #DD4B39;
    border-color: #DD4B39;
    color: #fff;
}
.dt-buttons button.dt-button:hover{
    background: #DD4B39;
    border-color: #DD4B39;
}

.bg-green{
    background: #ABEBC6;
    color: #fff;
}
.bg-lightgreen{
    background: #DAF7A6;
    color: #fff;
}
.bg-yellow{
    background: #FFC300;
    color: #fff;
}
.bg-orange{
    background: #FF5733;
    color: #fff;
}
.bg-lightred{
    background: #CB4335;
    color: #fff;
}
.bg-mediumred{
    background: #B03A2E;
    color: #fff;
}
.bg-darkred{
    background: #943126;
    color: #fff;
}

.timeline-with-icons {
  border-left: 1px solid hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
}

.timeline-with-icons .timeline-item {
  position: relative;
}

.timeline-with-icons .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline-with-icons .timeline-icon {
  position: absolute;
  left: -48px;
  background-color: hsl(217, 88.2%, 90%);
  color: hsl(217, 88.8%, 35.1%);
  border-radius: 50%;
  height: 31px;
  width: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}