.btn-outline-row,.btn-outline-row:hover{
    opacity: 0.3;
    width: 40px;
    height: 42px;
    border-radius: 10px;
    border: solid 2px var(--black);
    background-color: transparent;
    padding: unset;
    font-size: 1rem;
    color: var(--black);
    background-image: none;
}

.btn-outline-row.active {
    opacity: 1;
    width: 40px;
    height: 42px;
    border-radius: 10px;
    border: solid 2px var(--white);
    background-color: transparent;
    padding: unset;
    font-size: 1rem;
    color: var(--white);
    background-image: none;
}

.btn-outline-row-onlight,.btn-outline-row-onlight:hover{
    opacity: 0.3;
    width: 40px;
    height: 42px;
    border-radius: 10px;
    border: solid 2px var(--og-third);
    background-color: transparent;
    padding: unset;
    font-size: 1rem;
    background-image: none;
}

.btn-outline-row-onlight.active {
    opacity: 1;
    width: 40px;
    height: 42px;
    border-radius: 10px;
    border: solid 2px var(--og-third);
    background-color: transparent;
    padding: unset;
    font-size: 1rem;
    background-image: none;
}

.btn-outline-black-row,.btn-outline-black-row:hover{
    opacity: 0.3;
    width: 40px;
    height: 42px;
    border-radius: 10px;
    border: solid 2px var(--primary);
    background-color: transparent;
    padding: unset;
    font-size: 1rem;
    color: var(--primary);
    background-image: none;
}

.btn-outline-black-row.active {
    opacity: 1;
    width: 40px;
    height: 42px;
    border-radius: 10px;
    border: solid 2px var(--primary);
    background-color: transparent;
    padding: unset;
    font-size: 1rem;
    color: var(--primary);
    background-image: none;
}

.btn-outline-row-onlight,.btn-outline-row-onlight:hover{
    opacity: 0.3;
    width: 40px;
    height: 42px;
    border-radius: 10px;
    border: solid 2px var(--og-third);
    background-color: transparent;
    padding: unset;
    font-size: 1rem;
    background-image: none;
}

.btn-outline-row-onlight.active {
    opacity: 1;
    width: 40px;
    height: 42px;
    border-radius: 10px;
    border: solid 2px var(--og-third);
    background-color: transparent;
    padding: unset;
    font-size: 1rem;
    background-image: none;
}

.btn-change-row-size {
    display: flex;
    align-items: center;
    min-width: unset;
}

.btn-change-row-size div {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-left: 5px;
    width: 24px;
    height: 24px;
}

.btn-change-row-size div .fa-arrows-alt-v {
    font-size: 1.5rem;
    margin-right: 2px;
}

.btn-change-row-size div .fa-bars {
    font-size: 1.65rem;
}

/*large-rows*/
table.large-rows:not(.table-mdb,.dt-has-scroll) tr th, table.large-rows:not(.table-mdb) tr td:not(.not-change-td) {
    padding: 1.13rem 0.75rem !important;
}

table.table-mdb.large-rows tr td.align-top-cell {
    padding-top: 1.375rem;
}

table.table-mdb.large-rows tr td .location {
    border-left: 3px dotted;
    height: 20px;
}

/*medium-rows*/
table.medium-rows:not(.table-not-change-row-size, .table-mdb,.dt-has-scroll) tr th, table.medium-rows:not(.table-mdb) tr td:not(.not-change-td) {
    padding: 0.457rem 0.75rem !important;
}

table.table-mdb.medium-rows tr td:not(.not-change-td), table.table-mdb.medium-rows th {
    height: 2.625rem;
}

table.table-mdb.medium-rows tr td:not(.not-change-td) input:not(.input-regular, .form-check-input) {
    min-height: auto !important;
    height: 2.625rem !important;
}

table.table-mdb.medium-rows tr td.align-top-cell {
    padding-top: 0.688rem;
}

.table-mdb.medium-rows tbody tr td div.select-wrapper span.select-arrow:not(.select-arrow-regular) {
    top: 0.688rem;
}

.card-in-trip:not(.card-header-trip-title).medium-rows{
    padding: 0.625rem 1.5rem;
    font-size: 18px;
}

table.table-mdb.medium-rows tr td .location {
    border-left: 3px dotted;
    height: 8px;
}

/*small-rows*/
table.small-rows:not(.table-mdb) tr td:not(.not-change-td), table.small-rows:not(.table-mdb,.dt-has-scroll) tr th {
    padding: 0.05rem 0.75rem !important;
}

table.table-mdb.small-rows tr td:not(.not-change-td), table.table-mdb.small-rows th {
    height: 1.625rem;
}

table.table-mdb.small-rows tr td:not(.not-change-td) input:not(.input-regular, .form-check-input) {
    min-height: auto !important;
    height: 1.625rem !important;
}

table.table-mdb.small-rows tr td.align-top-cell {
    padding-top: 0.25rem;
}

.table-mdb.small-rows tbody tr td div.select-wrapper span.select-arrow:not(.select-arrow-regular) {
    top: 0.25rem;
}

.card-in-trip:not(.card-header-trip-title).small-rows{
    padding: 0 1.5rem;
    font-size: 18px;
}

table.table-mdb.small-rows tr td .location {
    border-left: 3px dotted;
    height: 1px;
}

/* Change Row Size DashBoard */
table.datatable-table.large-rows tr th, table.datatable-table.large-rows tr td:not(.not-change-td) {
    padding: 1.25rem 1rem !important;
}

table.datatable-table.medium-rows tr th, table.datatable-table.medium-rows tr td:not(.not-change-td) {
    padding: 0.5rem 1rem !important;
}

table.datatable-table.small-rows tr td:not(.not-change-td), table.datatable-table.small-rows tr th {
    padding: 0.125rem 1rem !important;
}

.large-rows-menu-item {
    padding: 1.5rem 0.75rem !important;
}

.medium-rows-menu-item {
    padding: 0.75rem 0.75rem !important;
}

.small-rows-menu-item {
    padding: 0.375rem 0.75rem !important;
}
/* End Change Row Size DashBoard */

.small-header-trip {
    padding: 0.19rem 0.75rem !important;
}

.medium-header-trip{
    padding: 0.625rem 0.75rem !important;
}

.large-header-trip{
    padding: 1.313rem 0.75rem !important;
}