.form-small {
    width: 100%;
    max-width: 500px;
    padding: 15px;
    margin: auto;
}

/* Map Link CSS */
a.blue { color: rgb(107,104,255) }
a.red { color: rgb(255,98,95) }
a.brown { color: rgb(210,156,120) }
a.darkgreen { color: rgb(0,205,0) }
a.orange { color: rgb(255,132,0) }
a.green { color: rgb(117,247,124) }
a.paleblue { color: rgb(182,228,255) }
a.pink { color: rgb(255,153,255) }
a.purple { color: rgb(213,139,255) }
a.yellow { color: rgb(254,243,76) }

div.colorPicker {
    height: 35px;
    width: 35px;
    padding: 0 !important;
    border: 1px solid #555;
    cursor: pointer;
    line-height: 35px;
}

.table td, .table th { vertical-align: middle!important; }
/* Table Sorter Arrows */
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before { top: 0px!important; right: 0.5em!important; }
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after { top: 10px!important; right:0.25em!important; }

.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }

.responsive-text {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    direction: rtl;
    width: 100%;
}

.toast {
    position: absolute;
    top: 50px;
    right: 50px;
}

table img, .alert img {
    object-fit: contain;
    height: 24px;
}

.card img {
    object-fit: contain;
    height: 64px;
}