.row{display: flex;
    flex-direction: row;
    padding: 2px;column-gap: 3em;width: 100%;}
.column{position: relative;width: 100%;display: flex; flex-direction:column; row-gap: 0px;column-gap: 1em;}
.column-fc{width: fit-content;display: flex; flex-direction:column; row-gap: 10px;column-gap: 1em;}
.h-center{justify-content:center;}
.text-center{text-align:center;}
.v-center{align-items:center;}
.error{color:red;}
.warning{color:orange;}
.success{color:green;}
.tc-white{color:white;}
.tc-black{color:black;}
.bc-white{background:white;}
.bc-black{background:black;}
.bc-yellow{background:yellow;}
.v-line{height:fit-content; width:1px;    height: inherit;}
.h-line{}
.btn{
border: 1px solid black; width: fit-content;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease-in-out;
text-align: center;
text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px; height: fit-content;
color:white;
background:black; z-index: 1;
}
c-pointer{cursor: pointer;}
.btn:hover{background:black;color:white; transition: all 0.8s}
.btn-small{font-size: 13px;padding: 1px 10px 1px 10px;margin: 0px 5px 5px 0px;}
.btn-medium{font-size: 15px; padding: 5px 12px 5px 12px;}
.btn-large{font-size: 17px;padding: 10px 20px 10px 20px;}
.btn-ex-large{font-size: 20px; padding: 10px 20px 10px 20px; color: white; font-weight: 500;}
.buttons-tab>.active{background:black;color:white;box-shadow: #ef0000 0px 0px 5px;}