* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /*  font-family: 'Tisa Sans Pro', sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', Arial, sans-serif !important;*/
    /*    font-family: 'Sweet Bread', sans-serif !important;*/
    /*    font-family: 'Zen Kaku Gothic New', sans-serif;*/
    /*font-family: 'IBM Plex Sans Hebrew', sans-serif !important;*/
    /*font-family: 'Montserrat', sans-serif !important;*/
    font-family: 'Lato', sans-serif !important;
    /*font-family: 'Roboto', sans-serif;
font-family: 'Roboto Thin', sans-serif;
font-family: 'Roboto Light', sans-serif;
font-family: 'Roboto Medium', sans-serif;
font-family: 'Roboto Black', sans-serif;*/
    /* font-family: 'Noto Sans Osage', sans-serif; */
    /* font-family: 'Open Sans', sans-serif !important;
    font-family: 'Open Sans Light', sans-serif;
    font-family: 'Open Sans Condensed', sans-serif; */
    font-style: normal;
    font-weight: 400;
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
    color: #333;
}

table {
    text-align: left;
    line-height: 40px;
    border-collapse: separate;
    /*    border-collapse: collapse;*/
    border-spacing: 0;
    /*    border-spacing: 5px;*/
    /* border: 2px solid #ed1c40; */
    border: 2px solid #357ca5;
    width: 500px;
    margin: 50px auto;
    border-radius: 0.25rem;
}

/* Special css for the datepicker */
 .datepicker table {
    text-align: left;
    line-height: 15px !important;
    border-collapse: separate;
    /*    border-collapse: collapse;*/
    border-spacing: 0;
    border-spacing: 5px;
    border: 2px solid #ed1c40;
    border: 2px solid #357ca5;
    width: 250px !important;
    margin: 0px auto !important;;
    border-radius: 0.25rem;
}

.datepicker td, .datepicker th {
  text-align: center !important;
}

.datepicker table tr td {
    font-size: 13px;
}

/* End special css for the datepicker */

table thead tr th {
    text-align: center !important;
    text-align: center !important;
    vertical-align: middle !important;
}


table tr td {
    font-size: 13px;
}

thead tr:first-child {
    background: #357ca5;
    color: #fff;
    border: none;
}

th:first-child,
td:first-child {
    padding: 0 15px 0 20px;
}

th {
    font-weight: 500;
}

thead tr:last-child th {
    border-bottom: 3px solid #ddd;
}

tbody tr:hover {
    background-color: #f2f2f2;
    cursor: default;
}

tbody tr:last-child td {
    border: none;
}

tbody td {
    border-bottom: 1px solid #ddd;
}

td:last-child {
    text-align: right;
    padding-right: 10px;
}

.button {
    color: #aaa;
    cursor: pointer;
    vertical-align: middle;
    margin-top: -4px;
}

.edit:hover {
    color: #0a79df;
}

.delete:hover {
    color: #dc2a2a;
}
.w-50 {
    width: 50px !important;
}
.w-60 {
    width: 60px !important;
}
.w-70 {
    width: 70px !important;
}
.w-80 {
    width: 80px !important;
}
.w-90 {
    width: 90px !important;
}
.w-100 {
    width: 100px !important;
}
.w-110 {
    width: 110px !important;
}
.w-120 {
    width: 120px !important;
}
.w-130 {
    width: 130px !important;
}
.w-140 {
    width: 140px !important;
}
.w-150 {
    width: 150px !important;
}
.w-160 {
    width: 160px !important;
}