@import url(color.css);
@import url(button.css);

body {
    font-family: 'Times New Roman', Times, serif;
    margin: 0;
    padding: 0;
    max-width: 960px;
    margin: auto;
    font-size: 16px;
    font-weight: 400;
    color: black;
}

/* MARGIN CLASSES */
.s-m-0  { margin: 0 !important; }
.s-m-1  { margin: 4px !important; }
.s-m-2  { margin: 8px !important; }
.s-m-3  { margin: 12px !important; }
.s-m-4  { margin: 16px !important; }
.s-m-5  { margin: 20px !important; }

.s-mt-0 { margin-top: 0 !important; }
.s-mt-1 { margin-top: 4px !important; }
.s-mt-2 { margin-top: 8px !important; }
.s-mt-3 { margin-top: 12px !important; }
.s-mt-4 { margin-top: 16px !important; }
.s-mt-5 { margin-top: 20px !important; }

.s-mb-0 { margin-bottom: 0 !important; }
.s-mb-1 { margin-bottom: 4px !important; }
.s-mb-2 { margin-bottom: 8px !important; }
.s-mb-3 { margin-bottom: 12px !important; }
.s-mb-4 { margin-bottom: 16px !important; }
.s-mb-5 { margin-bottom: 20px !important; }

.s-ml-0 { margin-left: 0 !important; }
.s-ml-1 { margin-left: 4px !important; }
.s-ml-2 { margin-left: 8px !important; }
.s-ml-3 { margin-left: 12px !important; }
.s-ml-4 { margin-left: 16px !important; }
.s-ml-5 { margin-left: 20px !important; }

.s-mr-0 { margin-right: 0 !important; }
.s-mr-1 { margin-right: 4px !important; }
.s-mr-2 { margin-right: 8px !important; }
.s-mr-3 { margin-right: 12px !important; }
.s-mr-4 { margin-right: 16px !important; }
.s-mr-5 { margin-right: 20px !important; }

.s-mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.s-mx-1 { margin-left: 4px !important; margin-right: 4px !important; }
.s-mx-2 { margin-left: 8px !important; margin-right: 8px !important; }
.s-mx-3 { margin-left: 12px !important; margin-right: 12px !important; }
.s-mx-4 { margin-left: 16px !important; margin-right: 16px !important; }
.s-mx-5 { margin-left: 20px !important; margin-right: 20px !important; }

.s-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.s-my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
.s-my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
.s-my-3 { margin-top: 12px !important; margin-bottom: 12px !important; }
.s-my-4 { margin-top: 16px !important; margin-bottom: 16px !important; }
.s-my-5 { margin-top: 20px !important; margin-bottom: 20px !important; }


/* PADDING CLASSES */
.s-p-0  { padding: 0 !important; }
.s-p-1  { padding: 4px !important; }
.s-p-2  { padding: 8px !important; }
.s-p-3  { padding: 12px !important; }
.s-p-4  { padding: 16px !important; }
.s-p-5  { padding: 20px !important; }

.s-pt-0 { padding-top: 0 !important; }
.s-pt-1 { padding-top: 4px !important; }
.s-pt-2 { padding-top: 8px !important; }
.s-pt-3 { padding-top: 12px !important; }
.s-pt-4 { padding-top: 16px !important; }
.s-pt-5 { padding-top: 20px !important; }

.s-pb-0 { padding-bottom: 0 !important; }
.s-pb-1 { padding-bottom: 4px !important; }
.s-pb-2 { padding-bottom: 8px !important; }
.s-pb-3 { padding-bottom: 12px !important; }
.s-pb-4 { padding-bottom: 16px !important; }
.s-pb-5 { padding-bottom: 20px !important; }

.s-pl-0 { padding-left: 0 !important; }
.s-pl-1 { padding-left: 4px !important; }
.s-pl-2 { padding-left: 8px !important; }
.s-pl-3 { padding-left: 12px !important; }
.s-pl-4 { padding-left: 16px !important; }
.s-pl-5 { padding-left: 20px !important; }

.s-pr-0 { padding-right: 0 !important; }
.s-pr-1 { padding-right: 4px !important; }
.s-pr-2 { padding-right: 8px !important; }
.s-pr-3 { padding-right: 12px !important; }
.s-pr-4 { padding-right: 16px !important; }
.s-pr-5 { padding-right: 20px !important; }

.s-px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.s-px-1 { padding-left: 4px !important; padding-right: 4px !important; }
.s-px-2 { padding-left: 8px !important; padding-right: 8px !important; }
.s-px-3 { padding-left: 12px !important; padding-right: 12px !important; }
.s-px-4 { padding-left: 16px !important; padding-right: 16px !important; }
.s-px-5 { padding-left: 20px !important; padding-right: 20px !important; }

.s-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.s-py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
.s-py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
.s-py-3 { padding-top: 12px !important; padding-bottom: 12px !important; }
.s-py-4 { padding-top: 16px !important; padding-bottom: 16px !important; }
.s-py-5 { padding-top: 20px !important; padding-bottom: 20px !important; }

.s-end{
    text-align: right;
}

.s-bold {
    font-weight: bold;
}

.s-center {
    text-align: center;
}

.s-middle {
    vertical-align: middle;
}

.s-center-middle {
    text-align: center;
    vertical-align: middle;
}

.s-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
}

.s-row>* {
    width: 100%;
    max-width: 100%;
}

.s-table{
    width: 100%;
    vertical-align: top;
}

.s-table thead th {
    font-weight: bold;
}

.s-table-border,
.s-table-border thead tr th,
.s-table-border tbody tr td {
    border: 1px solid black;
}

.s-table-border {
    border-collapse: collapse;
}

.s-table-sm {
    font-size: 12px;
}

.s-table-sm thead tr th,
.s-table-sm tbody tr td {
    padding: 1px 2px;
}
