@import "../../assets/sass/core/vars.scss";

.gtc-rc-fileupload-container {
    position: relative;
	width: 100%;

	.gtc-rc-fileupload-label{
		margin-bottom: 3px;
		font-size: 14px;
		font-weight: bold;
	}

	.gtc-rc-fileupload-placeholder {
        padding-left: 7px;
		align-self: center;
	}

	.gtc-rc-fileupload-container-input {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-self: stretch;

		.gtc-rc-fileupload-input {
            display: flex;
            align-items: center;
            justify-content: space-between;
			font-size: 14px !important;
			width: 100%;
			min-width: 120px;
            min-height: 36px;
			border: 1px solid $color-border;
			border-radius: $border-radius;
			background-color: $color-dark;
			cursor: pointer;
			color: #8e8e8e;

            .gtc-rc-fileupload-label {
                cursor: pointer;
            }
		}

/* 		&:hover {
			span {
				color: #000000 !important;
			}
		} */

		.gtc-rc-fileupload-icon-button {
            padding-right: 10px;
			//position: absolute;
			//right: 4px;
            //top: 10px;
            color: #8e8e8e;
            cursor: pointer;

			span {
				font-size: 18px !important;
			}
		}
    }
  
    .gtc-rc-input-loading{
        text-align: center;
    }

	.gtc-rc-fileupload-file-container {
		display: inline;
		text-align: center;
        margin-top: 10px;
        width: 100%;
		ul li {
			position: relative;
			display: inline-block;
			text-align: center;
		}

		ul {
			padding: 0;
			margin: 0;
			text-align: left;
		}

		.gtc-rc-fileupload-file {
			display: inline;
			background-color: $color-button-green;
			border-radius: 13px;
			color: #fff;
			display: flex;
			align-items: center;
			margin: 5px 5px 5px 0;

			span {
				font-size: 14px;
				line-height: unset;
				cursor: pointer;
				padding-left: 5px;
			}

			.gtc-rc-fileupload-file-text {
				padding: 3px 5px 3px 10px;
			}

			.gtc-rc-fileupload-file-download {
				background-color: #000;
				border-radius: 0px 13px 13px 0px;
				padding: 3px 5px 3px 0px;
			}
		}
	}

	.gtc-rc-text-muted{
		color: $color-border-focused;
		padding-top: 3px;
	}

	.gtc-rc-text-danger{
		color: red;
	}
}