@import url('https://fonts.googleapis.com/css2?family=Sanchez&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@700&display=swap');

.invoice-body
{
	border-left: 50px solid #3366cc;
}

.invoice-title
{
	font-family: 'Sanchez', serif;
	font-size: 4vw;
	letter-spacing: 8px;
	color: #3366cc;
}

.invoice-number, .invoice-sub
{
	letter-spacing: 3px;
}

.table-head
{
	background-color: #3366cc;
	color: #ffffff;
	font-family: 'Sanchez', serif;
}

.hr-line
{
	border-top: 5px solid #3366cc;
}

.invoice-footer
{
	letter-spacing: 3px;
	font-family: 'Sanchez', serif;
}


.spl-title
{
	font-family: 'Sanchez', serif;
	font-size: 16px;
	font-weight:bold;
	color: #22b8d1;
}

.col-cursor
{
	cursor: pointer;
}

.pl-table
{
	border: 3px solid #3366cc !important;
}

.spl-date
{
	border-top: transparent;
	border-left: transparent;
	border-right: transparent;
	border-bottom: 2px solid #3366cc ;
}

::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}






.text-theme {
	color:#22b8d1;
	
}



.sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link {
    border-radius: 0 60px 60px 0;
    color: #fff!important;
    background: linear-gradient(to right,#22b8d1,#22b8d1,#22b8d1,#22b8d1,#22b8d1);
    box-shadow: 0 7px 12px 0 rgb(95 118 232 / 21%);
    opacity: 1;
}


.btn-theme{
	background-color:#22b8d1;
	color: #fff!important;

}


.bg-theme{
	background-color:#22b8d1;
}



.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #22b8d1;;
    border-color: #22b8d1;
}


.dtpicker-buttonCont .dtpicker-button {
 
    background: #22b8d1 !important;
    color: #FFFFFF !important;
  
}


table {
	color:#131111c7 !important;
}


@media print { 
    /* All your print styles go here */

    #PrintDiv{
        display:none !important;
    }
}