﻿.file-group{
	margin-bottom: 12px;
	display: none;
}

.file-group div:nth-child(1) {
	padding-right: 0px;
}

.file-group div:nth-child(2) {
	padding-left: 0px;
	padding-right: 0px;
    border-left: 1px solid #d7d7d7;
}

.file-group div:nth-child(3) {
	padding-left: 0px;
}

.file-group div .close-delete {
	line-height: 38px;
    height: 38px !important;
    margin: 0px;
	text-align: center;
	color: #e47c7c;
    font-size: 14pt;
	cursor: pointer;
	transition: .3s background-color, .3s color;
}

.file-group div .close-delete:hover, .file-group div .close-delete:active  {
	background-color: #ebc7c7;
    color: #5b0000;
	transition: .3s background-color, .3s color;
}

.file-group div input {
	line-height: 33px;
	border-radius: 0px;
    height: 38px !important;
    margin: 0px;
	border-bottom: #ff8585 2px solid;
	transition: .3s background-color;
}

.file-group-border-green div input {
	border-bottom: #00ab66 2px solid;
	transition: .3s background-color;
}

.file-group div input[type=text] {
	border-left: 0px;
}

.file-group div input[type=file] {
	border-right: 0px;
}

.file-group-first {
	display: flex;
}

.file-group-first div:nth-child(3) {
	display: none;
}

.file-group-first div:nth-child(2){
	padding-right: calc(var(--bs-gutter-x)* .5);
}

.file-bt {
    line-height: 27px;
    margin: 0px;
    margin-top: 1px;
    text-align: center;
    color: #000000;
    font-weight: 700;
    font-size: 10pt;
    cursor: pointer;
    background-color: #dbdbdb;
    transition: .3s background-color, .3s color;
}

.file-bt:hover, .file-bt:active {
	background-color: #ebc7c7;
    color: #5b0000;
	transition: .3s background-color, .3s color;
}
