@font-face {
		font-family: 'changa'; 
		src: url('../../assets/fonts/Changa/Changa-VariableFont_wght.ttf') format('truetype');
		font-weight: normal; 
		font-style: normal; 
	}


	.divNama {
		font-family: 'changa';
		color:#000;
		line-height: 1;
		text-align:center;
	}
	.namaApp {
		font-size:32px;
		font-weight:800;
		white-space: nowrap;
	} 


	.subApp {
		font-size:16px;
		white-space: nowrap;
	}

	.divNama_sm {
		font-family: 'changa';
		color:#000;
		text-align: left;
		
	}
	.namaApp_sm {
		font-size:24px;
		white-space: nowrap;
		line-height: 18px;
		margin-bottom:0%;
	} 
	.subApp_sm {
		font-size:18px;
		white-space: nowrap;
		margin-top:0%;
	}
	/* scrollbar */
	body {
	  --sb-track-color: #30373a;
	  --sb-thumb-color: #c7b273;
	  --sb-size: 7px;
	}

	body::-webkit-scrollbar {
	  width: var(--sb-size)
	}

	body::-webkit-scrollbar-track {
	  background: var(--sb-track-color);
	  border-radius: 4px;
	}

	body::-webkit-scrollbar-thumb {
	  background: var(--sb-thumb-color);
	  border-radius: 4px;
	  
	}

	@supports not selector(::-webkit-scrollbar) {
	  body {
		scrollbar-color: var(--sb-thumb-color)
						 var(--sb-track-color);
	  }
	}

	.colored-toast.swal2-icon-success {
	  background-color: #a5dc86 !important;
	}

	.colored-toast.swal2-icon-error {
	  background-color: #f27474 !important;
	}

	.colored-toast.swal2-icon-warning {
	  background-color: #f8bb86 !important;
	}

	.colored-toast.swal2-icon-info {
	  background-color: #3fc3ee !important;
	}

	.colored-toast.swal2-icon-question {
	  background-color: #87adbd !important;
	}

	.colored-toast .swal2-title {
	  color: white;
	}

	.colored-toast .swal2-close {
	  color: white;
	}

	.colored-toast .swal2-html-container {
	  color: white;
	}

    .leaflet-control-search.leaflet-bar {
        background-color: white;
        border-radius: 4px;
        box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    }
    
    .leaflet-control-search a.leaflet-bar-part {
        border: none;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 1.5rem;
        padding: 0;
        cursor: pointer;
        border-radius: 4px;
    }

    .leaflet-control-search-form {
        display: none; 
        width: 280px;
        padding: 5px;
        box-sizing: border-box;
        border-top: 1px solid #eee;
		font-size: 1rem;
    }

    .leaflet-control-search.expanded .leaflet-control-search-form {
        display: block;
    }
    
    .leaflet-control-search.expanded a.leaflet-bar-part {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
    }

    .leaflet-control-search-input {
        width: 100%;
        border: none;
        outline: none;
        padding: 4px;
        box-sizing: border-box;
    }

    .leaflet-control-search-results {
        max-height: 300px;
        overflow-y: auto;
        margin-top: 5px;
        border-top: 1px solid #eee;
		font-size: 1rem;
    }
    
    .leaflet-control-search-results .search-result-item {
        padding: 8px 5px;
        cursor: pointer;
        border-bottom: 1px solid #f0f0f0;
    }
    .leaflet-control-search-results .search-result-item:hover {
        background-color: #f4f4f4;
    }
    .leaflet-control-search-results .search-warning {
        padding: 8px 5px; 
        font-style: italic; 
        color: #c0392b; 
    }
    .leaflet-control-search-results .search-no-results {
        padding: 8px 5px; 
        font-style: italic; 
        color: #777;
    }