<commit_before>
.material-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.material-depth-2 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.19);
}

.material-header {
    background-color: $blue-500;
    position: absolute;
    min-height: 130px;
    width: 100%;
    top: 0;
    z-index: -1;
}

.material-block {
    height: 100%;
    min-height: 400px;
    background-color: white;
    border-radius: 2px;
}

.material-block-header {
    min-height: 60px;
    border-bottom: 1px solid $gray-300;
    padding: $full-padding;
}

.material-block-content {
    padding: $full-padding;
    vertical-align: middle;
}

.material-title {
    color: rgba(0,0,0,0.54);
}

.navbar {
    background-color: $blue-500;
    border :none;

	a{
		color: white !important;
	}
}

.success {
    color: green;
}
.fail {
    color: red;
}


.filter-form svg {
	margin-top: 8px;
	right: 4%;
	position: absolute;
}

.selected {
	background-color: $blue-500;
	color: white;
	padding: 0 $half-padding;
	transition: $trasnition-timing;
}

.wfm-toggle-group {
	list-style: none;
	margin: 0;
	padding: 0;
	li {
		display: inline-block;
		width: 48%;
		text-align: center;
	
		label {
			width: 100%;
			padding: 12px;
			margin-top:-1px;
			text-transform: uppercase;
			cursor:pointer;
			font-weight: 500;
			color: $gray054;
		}
		label.active {
			border-top: 3px solid $orange-400;
			font-weight: 700;
		}
	}
}

.row > .container{
	padding-bottom: 9px;
	border-bottom: 1px solid #ddd;
}

.main-row {
	padding-left:5px;
	padding-top:12px;
	padding-bottom:12px;
	cursor:pointer;
	width:100%;
	margin:5px 0;
	
	span{
		float:right;
		margin-right:10px;
	}
} 

.notice-default{
	color:#111111;
	background-color:$blue-100;
}

.notice-warning{
	color:#111111;
	background-color:$orange-600;
}

.notice-error{
	color:#111111;
	background-color:$red-600;

}

.notice-detail{
	color:#111111;
	background: #efefef;
}

.expandable input {
    display: none;
}

.expandable label {
	font-weight:inherit;
}

.expandable article {
	width:100%;
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
}

.expandable input:checked ~ article.ac-small {
    height: auto;
}
.expandable input:checked ~ label span {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

// Loading bar
//
// TODO
//
//Markup:
//	<commit_msg>alert updated<commit_after>
.material-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.material-depth-2 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.19);
}

.material-header {
    background-color: $blue-500;
    position: absolute;
    min-height: 130px;
    width: 100%;
    top: 0;
    z-index: -1;
}

.material-block {
    height: 100%;
    min-height: 400px;
    background-color: white;
    border-radius: 2px;
}

.material-block-header {
    min-height: 60px;
    border-bottom: 1px solid $gray-300;
    padding: $full-padding;
}

.material-block-content {
    padding: $full-padding;
    vertical-align: middle;
}

.material-title {
    color: rgba(0,0,0,0.54);
}

.navbar {
    background-color: $blue-500;
    border :none;

	a{
		color: white !important;
	}
}

.success {
    color: green;
}
.fail {
    color: red;
}


.filter-form svg {
	margin-top: 8px;
	right: 4%;
	position: absolute;
}

.selected {
	background-color: $blue-500;
	color: white;
	padding: 0 $half-padding;
	transition: $trasnition-timing;
}

.wfm-toggle-group {
	list-style: none;
	margin: 0;
	padding: 0;
	li {
		display: inline-block;
		width: 48%;
		text-align: center;
	
		label {
			width: 100%;
			padding: 12px;
			margin-top:-1px;
			text-transform: uppercase;
			cursor:pointer;
			font-weight: 500;
			color: $gray054;
		}
		label.active {
			border-top: 3px solid $orange-400;
			font-weight: 700;
		}
	}
}

.row > .container{
	padding-bottom: 9px;
	border-bottom: 1px solid #ddd;
}

.main-row {
	padding-left:5px;
	padding-top:12px;
	padding-bottom:12px;
	cursor:pointer;
	width:100%;
	margin:5px 0;
} 

.notice-default{
	color:#111111;
	background-color:$blue-100;
}

.notice-warning{
	color:#111111;
	background-color:$orange-600;
}

.notice-error{
	color:#ffffff;
	background-color:$red-600;
}

.notice-detail{
	color:#111111;
	background: #efefef;
}

.expandable input {
    display: none;
}

.expandable label {
	font-weight:inherit;
	
	span{
		float:right;
		margin-right:10px;
	}
}

.expandable article {
	width:100%;
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
}

.expandable input:checked ~ article.ac-small {
    height: auto;
}
.expandable input:checked ~ label span {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

// Loading bar
//
// TODO
//
//Markup:
//	
{'fraction_non_alphanumeric': 0.16039481801357186, 'fraction_numerical': 0.05840016450750565, 'mean_word_length': 2.8943154523618895, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2051027', 'n_tokens_mistral': 2241, 'n_tokens_neox': 1923, 'n_words': 407}