.tombol{
	cursor:pointer;border-style:none;border-inline:none;outline:none;padding:5px;
}
.tombol:hover{border-inline:1px solid white;}
.garis-light{
	-moz-box-shadow: inset 0 0 5px 5px #fff;
	-webkit-box-shadow: inset 0 0 5px 5px #fff;
	box-shadow: inset 0 0 5px 5px #fff;
}
.outline-button{
	-moz-box-shadow: inset 0 0 3px 3px #fff;
	-webkit-box-shadow: inset 0 0 3px 3px #fff;
	box-shadow: inset 0 0 3px 3px #fff;
}
.outline-button:hover{
	-moz-box-shadow: inset 0 0 5px 5px #fff;
	-webkit-box-shadow: inset 0 0 5px 5px #fff;
	box-shadow: inset 0 0 5px 5px #fff;
}
.glass-grey-blue{
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
}
.glass-teal{
	background: rgba(189,242,226,1);
	background: -moz-linear-gradient(top, rgba(189,242,226,1) 0%, rgba(15,186,135,1) 50%, rgba(12,163,118,1) 51%, rgba(23,237,173,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,242,226,1)), color-stop(50%, rgba(15,186,135,1)), color-stop(51%, rgba(12,163,118,1)), color-stop(100%, rgba(23,237,173,1)));
	background: -webkit-linear-gradient(top, rgba(189,242,226,1) 0%, rgba(15,186,135,1) 50%, rgba(12,163,118,1) 51%, rgba(23,237,173,1) 100%);
	background: -o-linear-gradient(top, rgba(189,242,226,1) 0%, rgba(15,186,135,1) 50%, rgba(12,163,118,1) 51%, rgba(23,237,173,1) 100%);
	background: -ms-linear-gradient(top, rgba(189,242,226,1) 0%, rgba(15,186,135,1) 50%, rgba(12,163,118,1) 51%, rgba(23,237,173,1) 100%);
	background: linear-gradient(to bottom, rgba(189,242,226,1) 0%, rgba(15,186,135,1) 50%, rgba(12,163,118,1) 51%, rgba(23,237,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdf2e2', endColorstr='#17edad', GradientType=0 );
}
.glass-teal-light{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(29,237,174,1) 50%, rgba(16,213,154,1) 51%, rgba(103,244,201,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(29,237,174,1)), color-stop(51%, rgba(16,213,154,1)), color-stop(100%, rgba(103,244,201,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(29,237,174,1) 50%, rgba(16,213,154,1) 51%, rgba(103,244,201,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(29,237,174,1) 50%, rgba(16,213,154,1) 51%, rgba(103,244,201,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(29,237,174,1) 50%, rgba(16,213,154,1) 51%, rgba(103,244,201,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(29,237,174,1) 50%, rgba(16,213,154,1) 51%, rgba(103,244,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#67f4c9', GradientType=0 );
}
.glass-coffee{
	background: rgba(252,234,187,1);
	background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(50%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
	background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );
}
.glass-indigo{
	background: rgba(242,204,255,1);
	background: -moz-linear-gradient(top, rgba(242,204,255,1) 0%, rgba(223,142,250,1) 50%, rgba(204,51,255,1) 51%, rgba(236,179,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,204,255,1)), color-stop(50%, rgba(223,142,250,1)), color-stop(51%, rgba(204,51,255,1)), color-stop(100%, rgba(236,179,255,1)));
	background: -webkit-linear-gradient(top, rgba(242,204,255,1) 0%, rgba(223,142,250,1) 50%, rgba(204,51,255,1) 51%, rgba(236,179,255,1) 100%);
	background: -o-linear-gradient(top, rgba(242,204,255,1) 0%, rgba(223,142,250,1) 50%, rgba(204,51,255,1) 51%, rgba(236,179,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,204,255,1) 0%, rgba(223,142,250,1) 50%, rgba(204,51,255,1) 51%, rgba(236,179,255,1) 100%);
	background: linear-gradient(to bottom, rgba(242,204,255,1) 0%, rgba(223,142,250,1) 50%, rgba(204,51,255,1) 51%, rgba(236,179,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ccff', endColorstr='#ecb3ff', GradientType=0 );
}
.glass-indigo-light{
	background: rgba(250,235,255,1);
	background: -moz-linear-gradient(top, rgba(250,235,255,1) 0%, rgba(230,167,251,1) 50%, rgba(209,71,255,1) 51%, rgba(244,209,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,235,255,1)), color-stop(50%, rgba(230,167,251,1)), color-stop(51%, rgba(209,71,255,1)), color-stop(100%, rgba(244,209,255,1)));
	background: -webkit-linear-gradient(top, rgba(250,235,255,1) 0%, rgba(230,167,251,1) 50%, rgba(209,71,255,1) 51%, rgba(244,209,255,1) 100%);
	background: -o-linear-gradient(top, rgba(250,235,255,1) 0%, rgba(230,167,251,1) 50%, rgba(209,71,255,1) 51%, rgba(244,209,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,235,255,1) 0%, rgba(230,167,251,1) 50%, rgba(209,71,255,1) 51%, rgba(244,209,255,1) 100%);
	background: linear-gradient(to bottom, rgba(250,235,255,1) 0%, rgba(230,167,251,1) 50%, rgba(209,71,255,1) 51%, rgba(244,209,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faebff', endColorstr='#f4d1ff', GradientType=0 );
}
.glass-blue{
	color:darkblue;
	text-shadow:0 0 5px rgb(0, 0, 0);
	background: rgba(132 170 247,1);
	background: -moz-linear-gradient(top, rgba(230,238,255,1) 0%, rgba(153,187,255,1) 50%, rgba(102,153,255,1) 51%, rgba(204,221,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,238,255,1)), color-stop(50%, rgba(153,187,255,1)), color-stop(51%, rgba(102,153,255,1)), color-stop(100%, rgba(204,221,255,1)));
	background: -webkit-linear-gradient(top, rgba(230,238,255,1) 0%, rgba(153,187,255,1) 50%, rgba(102,153,255,1) 51%, rgba(204,221,255,1) 100%);
	background: -o-linear-gradient(top, rgba(230,238,255,1) 0%, rgba(153,187,255,1) 50%, rgba(102,153,255,1) 51%, rgba(204,221,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(230,238,255,1) 0%, rgba(153,187,255,1) 50%, rgba(102,153,255,1) 51%, rgba(204,221,255,1) 100%);
	background: linear-gradient(to bottom, rgb(229 236 253) 0%, rgb(160 190 249) 50%, rgb(62 124 249) 51%, rgb(132 170 247) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eeff', endColorstr='#ccddff', GradientType=0 );
}
.tombol.glass-blue:hover{
	background:linear-gradient(to bottom, rgb(234 240 253) 0%, rgb(188 209 251) 50%, rgb(96 145 245) 51%, rgb(186 208 251) 100%);
}
.glass-lightblue{
	background: rgba(226,246,252,1);
	background: -moz-linear-gradient(top, rgba(226,246,252,1) 0%, rgba(173,216,230,1) 50%, rgba(131,189,207,1) 51%, rgba(216,236,243,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,246,252,1)), color-stop(50%, rgba(173,216,230,1)), color-stop(51%, rgba(131,189,207,1)), color-stop(100%, rgba(216,236,243,1)));
	background: -webkit-linear-gradient(top, rgba(226,246,252,1) 0%, rgba(173,216,230,1) 50%, rgba(131,189,207,1) 51%, rgba(216,236,243,1) 100%);
	background: -o-linear-gradient(top, rgba(226,246,252,1) 0%, rgba(173,216,230,1) 50%, rgba(131,189,207,1) 51%, rgba(216,236,243,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,246,252,1) 0%, rgba(173,216,230,1) 50%, rgba(131,189,207,1) 51%, rgba(216,236,243,1) 100%);
	background: linear-gradient(to bottom, rgba(226,246,252,1) 0%, rgba(173,216,230,1) 50%, rgba(131,189,207,1) 51%, rgba(216,236,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f6fc', endColorstr='#d8ecf3', GradientType=0 );
	color:#006699;
	text-shadow: 0 0 10px white;
}
.glass-black:not([disabled]){
	color:white;
	text-shadow: 0 0 10px black;
	background: rgba(148,148,148,1);
	background: -moz-linear-gradient(top, rgba(148,148,148,1) 0%, rgba(110,108,108,1) 50%, rgba(0,0,0,1) 51%, rgba(110,108,108,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(148,148,148,1)), color-stop(50%, rgba(110,108,108,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(100%, rgba(110,108,108,1)));
	background: -webkit-linear-gradient(top, rgba(148,148,148,1) 0%, rgba(110,108,108,1) 50%, rgba(0,0,0,1) 51%, rgba(110,108,108,1) 100%);
	background: -o-linear-gradient(top, rgba(148,148,148,1) 0%, rgba(110,108,108,1) 50%, rgba(0,0,0,1) 51%, rgba(110,108,108,1) 100%);
	background: -ms-linear-gradient(top, rgba(148,148,148,1) 0%, rgba(110,108,108,1) 50%, rgba(0,0,0,1) 51%, rgba(110,108,108,1) 100%);
	background: linear-gradient(to bottom, rgba(148,148,148,1) 0%, rgba(110,108,108,1) 50%, rgba(0,0,0,1) 51%, rgba(110,108,108,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#6e6c6c', GradientType=0 );
}
.glass-black.tombol:hover:not([disabled]){
	background:linear-gradient(to bottom, rgb(191 188 188) 0%, rgb(135 130 130) 50%, rgb(26 26 26) 51%, rgb(131 128 128) 100%);
	
}
.glass-greenlight:not([disabled]){
	color:white;
	text-shadow: 0 0 5px black;
	text-shadow: 0 0 10px green;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,250,168,1)), color-stop(50%, rgba(16,212,2,1)), color-stop(51%, rgba(11,168,5,1)), color-stop(100%, rgba(103,242,87,1)));
	background: -webkit-linear-gradient(top, rgba(176,250,168,1) 0%, rgba(16,212,2,1) 50%, rgba(11,168,5,1) 51%, rgba(103,242,87,1) 100%);
	background: -o-linear-gradient(top, rgba(176,250,168,1) 0%, rgba(16,212,2,1) 50%, rgba(11,168,5,1) 51%, rgba(103,242,87,1) 100%);
	background: -ms-linear-gradient(top, rgba(176,250,168,1) 0%, rgba(16,212,2,1) 50%, rgba(11,168,5,1) 51%, rgba(103,242,87,1) 100%);
	background: linear-gradient(to bottom, rgba(176,250,168,1) 0%, rgba(16,212,2,1) 50%, rgba(11,168,5,1) 51%, rgba(103,242,87,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0faa8', endColorstr='#67f257', GradientType=0 );
}
.glass-green:not([disabled]){
	color:white;
	text-shadow: 0 0 5px black;
	background: linear-gradient(to bottom, rgba(176,250,168,1) 0%, #4caf50 50%, rgb(11 116 7) 51%, #4caf50 100%);
}
.glass-green.tombol:hover:not([disabled]){
	color:white !important;
	text-shadow: 0 0 5px black;
	background: linear-gradient(to bottom, rgba(176,250,168,1) 0%, rgba(16,212,2,1) 50%, rgba(11,168,5,1) 51%, rgba(103,242,87,1) 100%);
}
.glass-lightgrey:not([disabled]){
	color:white;
	text-shadow:0 0 10px black;
	background: linear-gradient(to bottom, rgb(245 242 242) 0%, lightgrey 50%, grey 51%, lightgrey 100%);
}
.tombol.glass-lightgrey:hover:not([disabled]){
	color:yellow;
	background: linear-gradient(to bottom, rgb(255 255 255) 0%, #e7e3e3 50%, #9d9a9a 51%, #e7e3e3 100%);
}
.glass-grey{
	color:white;
	text-shadow:0 0 10px black;
	background: linear-gradient(to bottom, rgb(237 235 235) 0%, rgb(163 156 156) 50%, rgb(84 84 84) 51%, rgb(143 140 140) 100%);
}
.glass-yellow{
	color:brown;
	text-shadow:0 0 10px white;
	background: linear-gradient(to bottom, rgb(247 243 211) 0%, #ffeb3b 50%, #cf9b01 51%, #ffeb3b 100%);
}
.glass-yellow.tombol:hover{
	background: linear-gradient(to bottom, rgb(247 243 211) 0%, #f9e95a 50%, #f7ba06 51%, #f9e95a 100%);
}
.glass-orange:not([disabled]){
	color:white;
	text-shadow:0 0 10px darkorange;
	background: linear-gradient(to bottom, rgb(255 237 232) 0%, #ff9800 50%, #a96500 51%, #ff9800 100%);
}
.glass-orange.tombol:hover{
	background: linear-gradient(to bottom, rgb(255 255 255) 0%, #f7b047 50%, #db8403 51%, #f7b047 100%);
}
.glass-red:not([disabled]){
	color:white;
	text-shadow:0 0 5px darkred;
	background: linear-gradient(to bottom, rgb(253 225 222) 0%, #fb3f3f 50%, #bd0d01 51%, #fb3f3f 100%);
}
.glass-red.tombol:hover{
	background: linear-gradient(to bottom, rgb(243 214 210) 0%, #fd6f6f 50%, #ff1607 51%, #fd6f6f 100%);
}
.glass-darkblue{
	color:white;
	text-shadow:0 0 5px blue;
	background: linear-gradient(to bottom, #d5cbe7 0%, #8848f1 50%, #3f1f70 51%, #8848f1 100%);
}
.glass-darkblue.tombol:hover{
	background: linear-gradient(to bottom, #eae2f9 0%, #a26ef7 50%, #5c1dbd 51%, #a26ef7 100%);
}

.glass-lightwhite:not([disabled]){
	color:rgb(5, 5, 5);
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(226, 226, 226) 50%,lightgrey 51%, rgb(226, 226, 226) 100%);
}
.tombol.glass-lightwhite:not([disabled]):hover{
	color:white;
	text-shadow:0 0 10px black;
	background: linear-gradient(to bottom, rgb(245 242 242) 0%, lightgrey 50%, grey 51%, lightgrey 100%);
}