body {
    font-family: 'Roboto';
}

.navbar {
    box-shadow: 0 10px 19px 0 rgb(0 0 0 / 5%);
}

.inner_wrap {
    max-width: 750px;
    padding: 30px 15px;
}

/* ----- Bet card ----- */
.bet_card {
    display: flex;
    align-items: stretch;
    background-color: #fff;
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 5%);
}
.bet_card:not(:first-child) {
    margin-top: 15px;
}
.bet_card > div {
    padding: 15px;
}
.bet_card__pic {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bet_card__pic > img {
    width: 32px;
}
.bet_card__main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
}
.bet_card__teams {
    font-weight: bold;
    font-size: larger;
}
.bet_card__right {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
}

.bet_card__actions {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.bet_card__delete i {
    color: tomato;
    font-size: 26px;
}
.bet_card__delete:hover,
.bet_card__edit:hover {
    text-decoration: none;
}
.bet_card__edit i {
    color: #4caf50;
    font-size: 20px;
}
.bet_card__result span {
    background: cornsilk;
    padding: 4px;
}
.bet_card__tags a {
    text-decoration: none;
    color: #757575;
    padding-right: 5px;
}
.bet_card__tags a:hover {
    text-decoration: underline;
}
.bet_card__teams a {
    color: inherit;
    text-decoration: none;
}
.bet_card__teams a:hover { text-decoration: underline; }

/* ----- Add new form ----- */
.form-check label, select {
    cursor: pointer;
}
#betTags select:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}
#betTags label {
    font-size: smaller;
}
.button-add-new {
    color: rgb(39, 189, 39);
}
.button-add-new:hover {
    text-decoration: none;
    color: rgb(39, 189, 39);
}
.button-remove {
    color: tomato;
}
.button-remove:hover {
    text-decoration: none;
    color: tomato;
}

.select-editable {position:relative; background-color:white; height:38px; border: 1px solid #ced4da; border-radius: .25rem;}
.select-editable select {position:absolute; top:0px; left:0px; border:none; width:100%; margin:0; height:100%}
.select-editable input {position:absolute; top:0px; left:0px; width:85%; padding:.375rem .75rem; border:none; height:100%;}
.select-editable input:focus {box-shadow: none; border-color: rgb(33, 37, 41);}
.select-editable select:focus, .select-editable input:focus {outline:none;}

#tennisScoreHelpersWrap input {
    display: inline-block;
    width: 80px;
}
#tennisScoreHelpersWrap span:first-child {
    margin-right: 10px;
}

.form-label {
    word-break: break-all;
}

/* ----- Login Box ---- */
.login_box {
    width: 300px;
}

/* ---- Tags page ---- */
#tagsAvailable:focus {
    border-color: #ced4da;
    box-shadow: none;
}
#addNewTagBtn i, #addNewAssocTeam i {
    font-size: 25px;
}

/* Daterangepicker */
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    font-size: 24px;
    width: 80px;
}
.daterangepicker .calendar-time {
    margin-top: 10px;
    margin-bottom: 10px;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    width: 40px;
    height: 37px;
    font-size: 19px;
}
.daterangepicker .drp-calendar {
    max-width: 310px;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 19px;
}

.daterangepicker .drp-buttons .btn {
    font-size: 19px;
}