.text-main {
    color: #4E617C;
}
.text-main-light {
    color: #BEC2D1;
}
.text-secondary-main {
    color: #f5f5f5;
} 
.bg-main{
    background-color: #4E617C;
}
.hover\:bg-main{
    &:hover {
        @media (hover: hover) {
            background-color: #53698a;
        }
    }
}
.main-bg {
    background-color: #FBFBFB;
}

.border-main {
    border: 1px solid #E9ECEF;
}
.border-main-2 {
    border: 2px solid #E9ECEF;
}
.border-main-bottom {
    border-bottom: 1px solid #E9ECEF;
}
.border-main-left {
    border-left: 1px solid #E9ECEF;
}
.focus\:border-main{
    &:focus {
        border-color: #4E617C;
    }
}
.hover\:bg-main-sec{
    &:hover {
      @media (hover: hover) {
        background-color: #ebecee;
      }
    }
}
.text-label {
    color: #252525;
}
.text-input {
    color: #313131;
}
.text-input-placeholder::placeholder {
    color: #b9b9b9;
}
.input-placeholder {
    color: #b9b9b9;
    fill: #b9b9b9;
}
.input-cross-placeholder {
    color: #787878;
}
.text-secondary {
    color: #53698a;
}
.text-link {
    color: #003cff;
}
.text-helight {
    color: #444444;
}
.text-dark {
    color: #181818;
}

.text-black-main {
    color: #0A0A0A;
}
.text-black-main-sec {
    color: #313131;
}
.drop-line {
    border-right: 1.5px solid #DADADA;
}
.stroke-drop-line {
    stroke: #DADADA;
}
.table-head{
    color: #737373;
}
.light-link{
    color: #A3B6C7;
}