.trainingGif{
    width:100%;
}

.createAlertsButton{
    margin-bottom:40px;
}

.modal {
    top: 200px !important;
}
body {
    background-color: #dfc7a7;
}

.mainTitle {
    margin: 15px;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    background-color:white;
    max-width:700px;
    margin-right:auto;
    margin-left:auto;
}

.settingToggle {
    cursor: pointer;
    font-size: 22px;
}

.alertDateDisplay {
    font-weight: bold;
}

.fired {
    border: 1px dashed #ff6666 !important;
    /*color: white;*/
}

.selectTag {
    display: none;
}

.selectTagParent {
    padding-right: 0px !important;
}

.selectDateParent {
    padding-left: 0px !important;
}

.alertName {
    margin-right: 7px;
    margin-left:10px;
    font-style: italic;
}

.alertSettingIcons {
    margin-bottom: 15px;
}

    .alertSettingIcons span {
        border-radius: 15px;
        padding-left: 8px;
        padding-right: 8px;
        margin: 3px;
        border: 1px solid lightgrey;
        cursor: pointer;
        background-color: lightgreen;
        box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    }

    .alertSettingIcons .inactive {
        background-color: lightgray !important;
        filter: grayscale(100%);
    }


.centerButton {
    text-align: center;
}

.updateAlertButton {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 70%;
}

.deleteTag {
    display: none;
}

.updateTagId {
    display: none;
}

.datePassed {
    background-color: lightgray !important;
}



.updateTagName {
    width: auto;
    display: inline-block;
}

.createAlert {
    text-align: center;
}

    .createAlert button {
        width: 100%;
    }

.tagExtras {
    display: none;
}

.clickTag {
    cursor: pointer;
}

.clickIcon {
    cursor: pointer;
}

.scheduleHolder {
    display: inline-block;
    margin-right: 40px;
}

.tagDisplay {
    display: inline-block;
    border:1px solid #dee2e6;
    border-radius: 15px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 3px;
    cursor:pointer;
    /*background-color: aqua;*/
    /*width: 35px;*/
}

.activeTag {
    background-color: black !important;
    color: white !important;
}

.alertScheduleIcon {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 3px;
    border: 1px solid #dee2e6;
    border-radius: 15px;
    /*width: 20px;*/
}


.deleteAlert {
    cursor: pointer;
}

.showEdit {
    cursor: pointer;
}

.updateButtons {
    display: inline-block;
    position: absolute;
    right: 0;
}

.alert {
    border-bottom: 1px solid #dee2e6;
    padding: 5px;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
    background-color: #f2f2f2;

}

.alertEdit {
    display: none;
}