.kama-attachment {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;

    p {
        margin-bottom: 0;
    }

    button {
        min-width: 113px;
        margin-left: 5px;
        
        &:last-of-type {
            margin-left: 10px;
        }
    }

	input {
		display: none;
	}
}

.attachment-link {
    margin-left: 5px;
    cursor: pointer;

    &.download {
        color: #337ab7;

        &:hover {
            color: #23527c;
        }
    }

    &.remove {
        color: #d9534f;

        &:hover {
            color: #b3423f;
        }
    }
}

.attachment-state {
    display: block;
    margin-top: 10px;

	.upload-text {
		color: #5cb85c;
	}

	.browse-text {
		color: #337ab7;
	}

    .fa-hourglass-end {
        position: relative;
        color: darkblue;
        margin-left: 5px;
        top: 1px;
    }

    .fa-check {
        position: relative;
        color: forestgreen;
        margin-left: 5px;
        top: 1px;
    }

    .fa-close {
        position: relative;
        margin-right: 5px;
        top: 2px;
        font-size: 18px;
        cursor: pointer;
        opacity: 0.5;

        &:hover {
            color: red;
            opacity: 1;
        }
    }
}