@import "../lightGallery-master/src/sass/lg-variables.scss";
@import "../lightGallery-master/src/sass/lg-mixins.scss";

.lg-toolbar {
    .lg-imatgefile {

		position: relative;
		overflow: hidden;
		float: right;
		height: 47px;
		padding: 10px 0;

		.progress {
			margin-bottom: 0px;
			height: 5px;
		}

		.upload-button {
			color: $lg-toolbar-icon-color;
			cursor: pointer;
			text-align: center;
			text-decoration: none !important;
			@include transition(color 0.2s linear);	

			padding: 3px 5px;

			> i {
				margin-left: 0;
			}

			&:hover {
				color: $lg-toolbar-icon-hover-color;
			}

			input {
				position: absolute;
				top: 0;
				right: 0;
				margin: 0;
				opacity: 0;
				-ms-filter: 'alpha(opacity=0)';
				/*font-size: 200px !important;*/
				transform: translate(-300px, 0) scale(4);
				direction: ltr;
				cursor: pointer;
			}

			/* Fixes for IE < 8 */
			@media screen\9 {
				input {
					filter: alpha(opacity=0);
					font-size: 100%;
					height: 100%;
				}
			}
		}
    }
}

.lg-sub-html {

    button {
        color: $lg-toolbar-icon-color;
        cursor: pointer;
        font-size: 24px;
        padding: 10px 0;
        text-align: center;
        text-decoration: none !important;
        outline: medium none;
        @include transition(color 0.2s linear);

        &:hover {
            color: $lg-toolbar-icon-hover-color;
        }
    }
}