@charset "utf-8";
/* CSS Document */

#wajib, #mustahabb, #mubah, #makruh, #haram{
    margin-top: 2%;
    margin-right: 1%;
    font-family: 'Open sans', sans-serif;
    color: white;
    text-align: center;
    border: 1px dotted #0085b4;
    height: 400px;
    box-shadow: 5px 5px 5px #888888;
	margin-bottom: 40px;
}

#wajib p, #mustahabb p,  #mubah p, #makruh p, #haram p{
    background-color: #0085b4;
    padding: 3%;
}


li {
	list-style-type: none;
}

#selectableStatements{
	font-family: 'Open sans', sans-serif;
	cursor: pointer;
	
}

#checkBtn{
	cursor: pointer;
}

#results{
    text-align: center;
    font-family: 'Open sans', sans-serif;
    width: 100%;
    margin-top: 15px;
	padding:1.8% 0 1.8% 0;
	font-weight: bold;
    font-size: larger;
    color: #620100;
}

#resetBtn, #printBtn, #checkBtn{
	float:right;
	text-align: center;
	font-family: 'Open sans', sans-serif;
	margin-top: 15px;
	margin-right: 5px;
}

.ui-sortable-handle
{
    padding: 2%;
    background-color: #eaa82e;
    color: #32343a;
    border-bottom: 1px dotted #0085b4;
    box-shadow: 5px 5px 5px #888888;
	text-align: center;
    font-weight: 600;
}

@media print {
	
button {
    display:none !important;
}

#totalmark{
	font-size: 12pt;
}
}