.hidden{
    display: none;
}

#compare-page{
    #toogleinst{
	display: flex;
	justify-content: right;
	align-content: center;
	gap: 20px;
	color: var(--root-color, white);
	margin-bottom: 10px;
	border-bottom: 1px solid var(--root-border-color, white);
	background-color: var(--root-bg-color-secondary, hsla(250, 100%, 3%, 1));

	button {
	    width: 25px;
	    height: 25px;
	    margin-right: 10px;
	    border: 1px solid var(--root-border-color, white);
	    background-color: var(--root-bg-color-secondary, black);
	    align-self: center;
	    color: var(--root-color, white);
	    border-radius: 4px;
	}
    }
    #response-institution {
	
	#inst-result-list-container {

	    #inst-result-list{
		display: flex;
		list-style: none;
		gap: 5px;
		flex-wrap: wrap;
		.card{
		    .inst-link{
			width: 86px;
			height: 33px;
			img{
			    width: 78px;
			    height: 28px;
			    
			}
		    }
		}
	    }    /* end inst-result-list */
	} /* end inst-result-list-container */
	div{
	    	display: flex;
		align-items: center;
		flex-flow: row wrap;
		gap: 5px;

	    div#control-compra-venta {
		display: flex;
		flex: 0 0 100%;
		justify-content: center;
	    }
	    div#control-cantidad{
		display: flex;
		flex: 0 0 100%;
		justify-content: center;
		input{
		    border: none;
		    border-bottom: 1px solid var(--root-border-color, white);
		    background-color: var(--root-bg-color-secondary, hsla(250, 50%, 20%, 0.3));
		    color: var(--root-color, white);
		    font-size: large;
		    width: 10ch;
		}
	    }
	    div#operation-description{
		display: flex;
		flex: 0 0 100%;
		justify-content: center;
	    }
	   
	}
	#show-price-container{
	    justify-content: center;
	    div#container-comparer-table{
		justify-content: center;
		img{
		    width: 78px;
		    height: 28px;
		    background-color: var( --root-bg-color-img, white);

		}
		table{
		    thead th:nth-child(1) {
			width: 30%;
		    }
		    thead th:nth-child(2) {
			width: 15%;
			text-align: center;
		    }
		    thead th:nth-child(3) {
			width: 15%;
			text-align: center;
		    }
		    thead th:nth-child(4) {
			width: 10%;
			text-align: right;
		    }
		    thead th:nth-child(5) {
			width: 30%;
			text-align: left;
		    }
		    /* body content */
		    tbody tr td:nth-child(1),tbody tr td:nth-child(2), tbody tr td:nth-child(3) {
			text-align: center;
		    }
		    tbody tr td:nth-child(4){
			text-align: right;
		    }
		    tbody tr td:nth-child(5){
			text-align: left;
		    }
		}
	    }
	}
    } /* end response-institution */
} /* compare-page end */