@font-face {
    font-family: 'Bahij_Janna';
    src: url('../fonts/Bahij_Janna_Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Bahij_Janna';
    src: url('../fonts/Bahij_Janna_Bold.ttf') format('truetype');
    font-weight: bold;
}
body, h1, h2, h3, h4, h5, h6, div, a, p, li, span, tspan, label, button, input {
    font-family: "Source Sans Pro", 'Bahij_Janna',"Helvetica Neue", Helvetica, Arial, 'Glyphicons Halflings','Material Design Iconic Font', sans-serif !important;
}
body {
    font-family: 'Noto Sans','Bahij_Janna', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", 'Bahij_Janna',"Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
@media print{
    .content-page > .content {
    margin-bottom: 0;
    margin-top: 0;
    }
    .almooj h4 strong:first-child{
    color: #4cafda !important;
	}
	.almooj .date{
	    background-color: #4cafda !important;
	        -webkit-print-color-adjust: exact; 
	}
	.almooj .date strong{
	    color: white !important; 
	}
	.almooj .bank {
	    background-color: #666 !important;
	    -webkit-print-color-adjust: exact; 
	}
	.almooj .money {
	    background-color: #4cafda !important;
	    -webkit-print-color-adjust: exact; 
	}
	.almooj .bank center {
	    color: white !important;
	}
	.almooj .money center i:before {
	    color: white !important;
	}

}
.almooj h4{
	font-size: x-large;
}
.almooj h4 strong:first-child{
	color: #4cafda;
}
.almooj .date{
	background-color: #4cafda;
	    padding: 5px 40px;
	    font-weight: bold;
}
.almooj .date strong{
	color: white;
}
.almooj address strong{
	font-size: large;
}
.almooj .table > thead > tr > th {
    border-bottom: 3px solid #666;
    border-top: 2px solid #666!important;
    padding: 0px;
}
.almooj .table>tbody>tr:first-child>td {
    padding: 10px;
    border: 0;
}
.almooj .table>tbody>tr>td {
    padding: 0;
    border: 2px solid #666;
}
.almooj .table > tfoot > tr > td:first-child {
    border: 0;
}

.almooj .table > tfoot > tr > td {
    padding: 0;
    border: 2px solid #666;
}
.almooj .table > tfoot > tr > td:nth-child(2) {
    border-right: 0;
}
.almooj .table > tfoot > tr > td:nth-child(3) {
    border-left: 0;
}
.almooj .bank {
    background-color: #666;
    color: #fff;
    padding: 5px 40px;
    font-weight: bold;
}
.almooj .money {
    background-color: #4cafda;
    color: #fff;
    padding: 5px 20px;
    font-weight: bold;
}
.search_form{
    padding: 10px 0;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin: 0;
}
.button-menu-mobile{
    color: #333;
}
.button-menu-mobile:hover {
    color: #5fbeaa;
}
#search_form > div {
    margin-top: 5px;
}
.table > tbody > tr.inverse > td, .table > tbody > tr.inverse > th, .table > tbody > tr > td.inverse, .table > tbody > tr > th.inverse, .table > tfoot > tr.inverse > td, .table > tfoot > tr.inverse > th, .table > tfoot > tr > td.inverse, .table > tfoot > tr > th.inverse, .table > thead > tr.inverse > td, .table > thead > tr.inverse > th, .table > thead > tr > td.inverse, .table > thead > tr > th.inverse {
    background-color: #4c5667;
    color: white;
    text-decoration: line-through;
}
.watermark {
    color: red;
    opacity: 0.4;
    font-size: 120px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    position: absolute;
    top: 50%;
    left: 35%;
}
#sidebar-menu .label {
    margin-top: 0;
    margin-right: 15px;
}
#sidebar-menu ul ul li.active a {
    color: #5fbeaa;
    background: #313a43 !important;
    border-left: 3px solid #5fbeaa;
    margin-left: 6px;
}


.letter-page-body {
    background: rgb(204,204,204);
    padding: 10px;
    min-width: 21.5cm;
    position: relative;
}

.letter-page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    width: 21cm;
    height: 29.7cm;
    position: relative;
}
.letter-page .footer-table {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
}
.letter-page-content{
    margin-left: 25px;
    margin-right: 25px;
    color: black;
}
.letter-page-content div.note-editable{
    height: 22cm!important;
}
.letter-page-body .delete-button {
    position: absolute;
}
.nav-tabs .close {
    font-size: 25px;
    color: #f05050;
    margin-left: 28px;
    cursor: pointer;
    margin-top: 10px;
    display: none;
}
    .nav-tabs .close:hover {
        color: #c9302c;
    }
.nav-tabs .active .close {
    display: block;
}
.btn-group-toggle label.btn{
    width:50%;
}