*, html, body {
    	margin:0;
    	padding:0; 
    	box-sizing:border-box;
    	font-family:verdana;
    	line-height: initial;
    }
    
    .clear {
    	clear:both;
    }
    
    .kongsi-whatsapp {
            padding: 8px 15px;
            margin: 20px 7px 15px;
            display: block;
            width: fit-content;
            text-align: center;
            background: #3a8148;
            color: white;
            text-decoration: none;
            border-radius: 20px;
    }
    
    hr {
	    border: none;
	    border-bottom: 1px solid #222;
	    margin-top: 10px;
	    margin-bottom: 10px;
    }
    
    .paper-res {
    	max-width:800px;
    	padding:1.5rem;
    	margin: 0 auto;	
    	}
    .paper-header-res {
	    font-size: 10pt;
    }	
    
    .paper-body-res {
	    font-size: 10pt;
    }
    
    .company-header {
        
    }
    
    .company-header img {
        max-width: 145px;
        max-height: 85px;
        float:left;
        margin-bottom: 20px;
        margin-right:15px;
    }
    
    .company {
		font-size: 10pt;
        float:left;
        line-height: 130%;
        text-transform:uppercase;
    }
    
    .company .phone {
	    margin-right: 15px;
    }
    
    .contacts {
        margin:15px 0;
        font-size:.9rem ;
    }
    
    .email {
        float:right;
    }
    
    table {
        width:100%;
        font-size: 10pt;
    }
    
    table, tr,td {
        vertical-align:top;
    }
    
    thead, tbody, tfoot {
        font-size: 10pt;
    }
    
    .tnc {
        font-size:0.7rem;
        text-align:justify;
        color:black;
    }
    
    td:last-child {
        text-align:right;
    }
    
    
    .paper-footer-res {

        margin-top:15px;
        padding:1.5rem;
        text-align:center;
        font-size:0.7rem;
    }
    
    .controller {
        border-bottom:4px solid #ccc;
        max-width:800px;
        margin:0 auto;
        display:flex;
        padding:1rem;
        font-size:1rem;
        background:#fafafa;
        position:sticky;
        top:0;
    }
    
    .controller a {
        color: black;
        cursor: pointer;
        text-decoration: none;
    }
    
    .wasap { 
        background:darkgreen;
        color:white !important; 
        padding:6px 11px 6px 10px; 
        border-radius:5px;
    }
    
    .fas, .fab {
        margin-right:5px;
    }
    .controller div {
        width:50%;
        text-align:center;
    }
    
    @media (max-width: 768px) {
        .controller, .tnc, .mir, .company, .contacts, thead, tbody, tfoot, .paper-body-res {
            font-size:0.7rem;
        }
        
        .controller {
            box-shadow:0 2px 10px 6px rgba(0,0,0,0.3);
        }
        

        .company-header img {
            max-height: 70px;
        }
        
    }
    
    @media print {
        .no-print {
            display:none;
        }
    }
    
    .depohead {
        display:block;
        padding:5px;
        background:#eee;
        text-align:center;
        width:100%;
    }
    
    .deposafety {
			border:2px dashed #eee;
			border-radius:5px; 
			padding:5px;
			font-size:0.8rem;
			margin:0 0 15px;
			display:flex;
			border-top:none;
		}
		
		.depo-notes {
			margin:10px 0 0;
			width:100%;
			padding:0 10px;
			
		}
		
		.depo-notes span {
			display:inline-block;
			color:white;
			background:orange;
			padding:2px 6px;
			margin-bottom:4px;
			border-radius:5px;
			font-size:0.6rem;
		}