.topcontainer, .othertopcontainer {
    display: grid;
    gap: 20px;
}
.topcontainer{
    /*grid-template-rows: 1fr 1fr;*/
}
.othertopcontainer{
    grid-template-columns: 1fr 2fr;
}
.container, .inlinecontainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 1200px) {
    .topcontainer, .othertopcontainer {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .container {
        grid-template-columns: 1fr;
    }
    .iframe-container {        
        margin:0px !important;
    }
}

form {
    background-color: white;
    padding: 20px 0px;
}
#listing {
    font-size: 1.4rem;
}
.listing-container {
    min-height: 300px;
    height: calc(100% - 40px);;
}

textarea{
    height: calc(100% - 57px);
    min-height: 20rem;
}

input[type="text"],textarea {
    background-color: var(--input-bg);
    border: 1px solid var(--input-border)
}

.bck{
    float: right;
    background: var(--bck-bg);
}
.bck:hover{
     background: var(--bck-bg-hover);
}
.hidden {
  display: none;
}
.short{
    width: 60px !important;
    text-align: right;
}
div.detail_input{
	display: grid;
	grid-template-columns:2fr 5fr;
	padding: 22px 23px 15px 10px;
}
div.detail_input label{
	text-align: right;
}
div.detail_input label, div.detail_input input, div.detail_input select, div.detail_input textarea, div.detail_input p{
	margin:20px 10px 0px 10px;
}
div.detail_input label{
	margin-right:5px;
	margin-top:25px;
}