//@import "../../../abstracts/abstracts";

svg {
	.dbq-icon-color-1 {
		fill: #676767;
	}
	.dbq-icon-color-2 {
		fill: #bfcad2;
	}
}

.logo {
	svg {
		.dbq-logo-color-1 {
			fill: #bfcad2;
		}
		.dbq-logo-color-2 {
			fill: #e6e6e6;
		}
		.dbq-logo-color-3 {
			fill: #f2f2f2;
		}
		.dbq-logo-color-4 {
			fill: #bfcad2;
		}
		.dbq-logo-color-5 {
			fill: #717171;
		}
		.dbq-logo-color-6 {
			fill: #989898;
		}
	}
}

#content-wrapper {
	.help-button {
		svg {
			fill: #001323;
		}
	}
}
.input-group-btn {
	svg {
		float: left;
		margin-right: 5px;
	}
	span {
		float: left;
		font-size: $font-size-small;
		line-height: 24px;
		font-weight: 600;
		color: #000;
	}
}
.file-upload-input {
	svg {
		float: left;
		margin-right: 5px;
	}
	span {
		float: left;
		font-size: $font-size-small;
		line-height: 20px;
		font-weight: 600;
		color: #000;
	}
}

.dbq-form {
	.dbq-form-group-title-label {
		svg {
			float: left;
			padding: 2px;
			margin: 4px;
			width: $label-svg-size;
			height: $label-svg-size;
			fill: $modal-label-color;
			&:hover {
				fill: #b9ae28;
			}
		}
	}
	.image-file-upload-input {
		svg {
			float: left;
			margin: 0 5px 0 0;
			fill: $color-primary;
			cursor: pointer;
			position: relative;
			z-index: 1;
		}
        &:hover {
			svg {
				fill: #ffffff;
            }
        }
	}
	.file-upload-input {
		svg {
			float: left;
			width: 20px;
			height: 20px;
			padding: 0px 4px 0px 0;
			margin: 0 5px 0 0;
			fill: $color-primary;
			cursor: pointer;
			position: relative;
			z-index: 1;
		}
        &:hover {
			svg {
				fill: #ffffff;
			}
		}
	}
	.file-upload-clear {
		svg {
			margin: 0 5px 0 0;
			fill: $color-primary;
			cursor: pointer;
			position: relative;
			z-index: 1;
			float: left;
			width: $svg-icon-size;//20px;
			height: $svg-icon-size;//20px;
			padding: 4px 0;
			margin-right: 5px;
		}
        &:hover {
			svg {
				color: #ffffff;
				fill: #ffffff;
			}
			.file-upload-clear-title {
				color: #ffffff;
				fill: #ffffff;
			}
		}
	}

	h1,h2,h3,h4,h5 {
		a[data-toggle="tooltip"] {
			svg {
				fill: $modal-label-color;
			}
		}
	}
}

.dbq-no-data-available-container {
	.dbq-no-data-available-image {
		svg {
			width: 250px;
			height: 100px;
			padding: 0 50px;
			fill: #cccccc;
		}
	}
}
#classlist-tree-grid {
	svg {
		margin: 0;	
	}
}
.dbq-label-disabled {
	+ {
		.form-group {
			.input-group-addon {
				svg {
					border-radius: 0 0 0 8px;
				}
			}
		}
	}
}