@import "variables";

.modal {
    .attach-units-form {

        .name{
            padding: 1rem !important;
        }

        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100% !important;
        }

        .dropdown-toggle {
            .filter-option-inner-inner {
                font-size: 1.4rem;
            }

            &:focus,
            &:active {
                outline: none !important;
                border: none !important;;
            }
        }

        .dropdown-item {
            &:active,
            &:focus {
                background-color: inherit !important;
                outline: none !important;
            }
            .text {
                font-size: 1.4rem;
                color: #707070;
            }
        }

        .close-modal {   
            display: flex;
            align-items: center;
            gap: 1rem;      
            img {
                width: 16px;
                height: 16px;
            }

            span {
                font-size: 1.6rem;
                text-transform: none;
            }
        }
    }

    .close:hover {
        background-color: #0d60c8;
        transition: 0.3s;
    }
}