img {
			max-width: 100%;
			height: auto;
		}
		
		.clicktobrowse{
			display: none;
		}
		
		/* For mobile phones: */
		@media screen and (min-width: 360px) and (max-width: 800px) {
			body{
				margin: 20px !important;
			}
			
			table {
				width: 100%;
			}
			
			th {
				display: block;
				width: auto;
			}
			
			td {
				display: block;
				width: auto;
			}
			
			table.display thead tr th {
				padding: 0px;
			}
			
			th.folder{
				width: 100% !important;
			}
			
			a.multiSelect span{
				width: 100% !important;
			}
			
			input[type=text],
			input[type=email],
			input[type=url],
			input[type=password],
			textarea,
			select {
				width: 100% !important;
			}
			
			.ui-datepicker-calendar thead tr{
				display: flex;
			}
			.ui-datepicker-calendar thead tr th{
				margin: 0.4em;
			}
			
			.ui-datepicker-calendar tbody tr{
				display: flex;
			}
			.ui-datepicker-calendar tbody tr td{
				margin-right: 0em;
				width: 2.55em;
			}
			
			.row_head table tbody tr{
				display: flex;
			}
			
			/*.row_head table tbody tr td:nth-child(3){
				padding: 0 0.6em 0 0.6em;
			}*/
			
			.row_week table tbody tr{
				display: flex;
			}
			
			.row_day table tbody tr{
				display: flex;
			}
			
			.row_foot table tbody tr{
				display: flex;
				padding: 0 1.5em 0 1.5em;
			}
			
			.select2-container--open .select2-dropdown--above { 
				top: 1.25rem;
				left: 1.25rem;
			}

			.select2-container--open .select2-dropdown--below { 
				top: 1.25rem;
				left: 1.25rem;
			}
			
			.clicktobrowse{
				display: none;
			}
			
			/* table with data header */
			.withtitle {
				border-collapse: collapse;
			}
			.withtitle th,
			.withtitle td {
				border-bottom: 0.1px solid #999;
				padding: 3px 2px;
			}
			.withtitle > tbody > tr:first-child > td:first-child {
				border-top: 0.1px solid #999;
			}

			.withtitle thead th.column-primary {
				width: 100%;
				border-bottom: 1px solid;
			}

			.withtitle thead th:not(.column-primary) {
				display:none;
			}
			
			.withtitle th[scope="row"] {
				vertical-align: top;
			}
			
			.withtitle td {
				display: block;
				width: auto;
				text-align: left;
			}
			.withtitle thead th::before {
				text-transform: uppercase;
				font-weight: bold;
				content: attr(data-header);
			}
			.withtitle thead th:first-child span {
				display: none;
			}
			.withtitle td::before {
				color: #4f5155;
				float: left;
				text-transform: uppercase;
				font-weight: bold;
				font-style: normal;
				content: attr(data-header);
			}
			
			.withtitlemod td::before {
				text-transform: none;
				font-weight: normal;
				content: attr(data-header);
			}
			
			/* additional for responsive */
			.toright {
				text-align: right !important;
			}
			
			.toleft {
				text-align: left !important;
			}
			
			.acticon {
				width: 28px;
        border: 1px solid black;
        margin-left: 5px;
        margin-right: 5px;
			}
			
			.noformobile{
				display: none;
			}
			
			.boldformobile{
				font-weight: bold;
			}
			
			#auth_button,
			#btnSubmit{
				height: 38px;
				width: 122px;
			}
			
			/*.entry_po #cDisc, .entry_po #cPPn, .entry_po #cPPh, .entry_po #cDP{
				width: 4% !important;
			}*/
			
			.entry_po #discount_percent, .entry_po #tax_percent, .entry_po #pph_percent, .entry_po #dp_percent{
				width: 20% !important;
			}
			
			.entry_po #pembayaran{
				width: 35% !important;
			}
			
			.entry_po #shipping_cost, .entry_po #administration_cost, .entry_po #dp_amount, .entry_po #grandtotal{
				width: 50% !important;
			}
			
			/* bisa jadi solusi jika form input dan button terlalu kecil */
			input[type=button]{
				height: 28px;
				width: 112px;
			}

			input[type=text],
			input[type=email],
			input[type=url],
			input[type=password],
			input[type=submit],
			textarea,
			select {
				padding: 4px 8px;
			}
			
			.select2-container .select2-selection--single{
				height: 28px !important;
			}

			.select2-container--default .select2-selection--single .select2-selection__arrow{
				height: 28px !important;
			}

			.select2-container--default .select2-selection--single .select2-selection__rendered{
				line-height: 24px;
			}
			/* end */
			
			#sidemenu {
				font-size: 15px;
			}
			
			#logoatas {
				margin-top: 0px !important;
			}
		}
		
		/* For desktop: */
		@media only screen and (min-width: 801px) {
			.select2-container--open .select2-dropdown--above { 
				top: 2.5rem;
				left: 2.5rem;
			}

			.select2-container--open .select2-dropdown--below { 
				top: 2.5rem;
				left: 2.5rem;
			}
		}