/* Toolbar */
.main-page .body--content .body--toolbar{
    width: 100%;
	height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
	background-color: #fff;
	padding-top: 2rem;
	padding-bottom: 1.5rem;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
}

.main-page .body--toolbar button{
    font-size: .8rem;
    height: 1.8rem;
	transition: background .2s ease-in-out;
}

.main-page .body--toolbar .toolbar--button{
    background-color: var(--color-lightblue-lighter);
	color: #000;
    border-radius: 1rem;
    padding: .2rem 1.1rem .1rem 2.4rem;
    background-size: 1.3rem;
    background-position: .7rem center;
    background-repeat: no-repeat;
}
.main-page .body--toolbar .toolbar--button:hover{
	background-color: var(--color-lightblue-light);
}

.main-page .body--toolbar .toolbar--button:disabled{
	color: #888;
	opacity: .5;
	cursor: text;
}

.main-page .body--toolbar .toolbar--button:disabled:hover{
	background-color: var(--color-lightblue-lighter);
}

.main-page .body--toolbar .toolbar--button.main-button{
	background-color: var(--color-lightblue);
	color: #000;
}

.main-page .body--toolbar .toolbar--button.main-button:hover{
	background-color: var(--color-lightblue-dark);
}

.main-page .body--toolbar .toolbar--button.main-button:disabled{
	color: #64697d;
	opacity: .8;
	cursor: text;
}

.main-page .body--toolbar .toolbar--button.main-button:disabled:hover{
	background-color: var(--color-lightblue);
}

.main-page .body--toolbar .toolbar--button.main-button.accept{background-image: url(../../images/icon--check--black.svg);}
.main-page .body--toolbar .toolbar--button.main-button.edit{background-image: url(../../images/icon--pen--black.svg);}
.main-page .body--toolbar .toolbar--button.main-button.save{background-image: url(../../images/icon--floppy-disk--black.svg);}
.main-page .body--toolbar .toolbar--button.main-button.send{background-image: url(../../images/icon--envelope--black.svg);}
.main-page .body--toolbar .toolbar--button.main-button.upload{background-image: url(../../images/icon--arrow-line-up--black.svg);}

.main-page .body--toolbar .toolbar--button.clone{background-image: url(../../images/icon--stack--black.svg);}
.main-page .body--toolbar .toolbar--button.delete{background-image: url(../../images/icon--trashcan--black.svg);}
.main-page .body--toolbar .toolbar--button.docs{background-image: url(../../images/icon--paper-form-multiple--black.svg);}
.main-page .body--toolbar .toolbar--button.download{background-image: url(../../images/icon--arrow-line-down--black.svg);}
.main-page .body--toolbar .toolbar--button.edit{background-image: url(../../images/icon--pen--black.svg);}
.main-page .body--toolbar .toolbar--button.enter{background-image: url(../../images/icon--arrow-box-inside--right--black.svg); background-size: 1rem;}
.main-page .body--toolbar .toolbar--button.filter{background-image: url(../../images/icon--arrow-line-left--black.svg);}
.main-page .body--toolbar .toolbar--button.history{background-image: url(../../images/icon--magnifier-empty--black.svg);}
.main-page .body--toolbar .toolbar--button.new{background-image: url(../../images/icon--plus--black.svg);}
.main-page .body--toolbar .toolbar--button.photo{background-image: url(../../images/icon--camera--black.svg);}
.main-page .body--toolbar .toolbar--button.preview{background-image: url(../../images/icon--magnifier--black.svg);}
.main-page .body--toolbar .toolbar--button.remove{background-image: url(../../images/icon--minus--black.svg);}
.main-page .body--toolbar .toolbar--button.save{background-image: url(../../images/icon--floppy-disk--black.svg);}
.main-page .body--toolbar .toolbar--button.schedule{background-image: url(../../images/icon--timer--black.svg);}
.main-page .body--toolbar .toolbar--button.upload{background-image: url(../../images/icon--arrow-line-up--black.svg);}
.main-page .body--toolbar .toolbar--button.view{background-image: url(../../images/icon--eye--black.svg);}

.main-page .body--toolbar .toolbar--button.filter.active{color: #fff; background-color: var(--color-lightblue-darkest); background-image: url(../../images/icon--arrow-line-right--white.svg);}

.main-page .body--toolbar .toolbar--button.alert-button{background-color: var(--color-orange-lighter); background-image: url(../../images/icon--triangle-exclamation--black.svg);}

.main-page .body--toolbar .no-icon{padding: .2rem .7rem .1rem;}

.main-page .body--toolbar .toolbar--main{
    display: flex;
    align-items: center;
}

.main-page .body--toolbar .toolbar--main button{
    margin-right: .8rem;
}
.main-page .body--toolbar .toolbar--main button:last-child{margin-right: 0;}

.main-page .body--toolbar .toolbar--aside{
    display: flex;
    align-items: center;
}

.main-page .body--toolbar .toolbar--button.loading{
	background-image: none !important;
	padding-left: .6rem;
}

.main-page .body--toolbar .toolbar--button.loading::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 1.2rem;
	width: 1.2rem;
	margin-right: .3rem;
	background: url(../../images/icon--circle--spinner.svg) no-repeat center;
	background-size: 1.2rem;
	animation: complete-spin 2s infinite;
}

@keyframes complete-spin{
	0%   {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}