#shavesave, #alerts, #files{
    padding-top: 30px;
    padding-left: 30px;
}

.addAlertSpan:hover{
    color:#ff493b;
    border: 2px solid #ff493b;
}

.alert-duration{
    width: 100px;
}

.addAlertSpan{
    font-size: 30px;
    position: relative;
    top: 50%;
    display: inline-flex;
    align-items: center;
    height: 27px;
    padding-bottom: 7px;
    border: 2px solid black;
}

.modifyAlertSpan{
    filter: grayscale(100%);
    font-size: 20px;
    position: relative;
    top: 60%;
}

.removeAlertSpan{
    filter: grayscale(100%);
    font-size: 20px;
    position: relative;
    top: 60%;
}

.modifyAlertSpan:hover{
    filter : grayscale(100%) sepia(100%) hue-rotate(315deg) saturate(600%)
}

.removeAlertSpan:hover{
    filter : grayscale(100%) sepia(100%) hue-rotate(315deg) saturate(800%)
}

.error {
    color: red;
}

@media (min-width: 500px){
    /*
    .col-xs{
        flex: 1 0 0%
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xs-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xs-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xs-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xs-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xs-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xs-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xs-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xs-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xs-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xs-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    */
    .alert .col-12:nth-child(2){
        margin-left: 0%;
    }
    .alert .col-12:nth-child(3){
        margin-left: 0%;
    }
    .alert .col-12:nth-child(4){
        margin-left: 0%;
    }
    .alert .col-12:nth-child(5){
        margin-left: 0%;
    }
    .alert .col-2{
        margin-left: 0%;
    }
    .alert .col-2 span:first-child{
        left: 146%;
    }
}

@media (min-width: 768px){
    .alert .col-12:nth-child(2){
        margin-left: 0%;
    }
    .alert .col-12:nth-child(3){
        margin-left: 0%;
    }
    .alert .col-12:nth-child(4){
        margin-left: 0%;
    }
    .alert .col-12:nth-child(5){
        margin-left: 0%;
    }
    .alert .col-2{
        margin-left: 0%;
    }
    .alert .col-2 span:first-child{
        left: 42%;
    }
}

@media (min-width: 992px){
    .alert .col-12:nth-child(2){
        margin-left: 4%;
    }
    .alert .col-12:nth-child(3){
        margin-left: 4%;
    }
    .alert .col-12:nth-child(4){
        margin-left: 7%;
    }
    .alert .col-12:nth-child(5){
        margin-left: 7%;
    }
    .alert .col-2{
        margin-left: 18%;
    }
    .alert .col-2 span:first-child{
        left: 66%;
    }
}

@media (min-width: 1366px){
    .alert .col-12:nth-child(2){
        margin-left: 1%;
    }
    .alert .col-12:nth-child(3){
        margin-left: 1%;
    }
    .alert .col-12:nth-child(4){
        margin-left: 3%;
    }
    .alert .col-12:nth-child(5){
        margin-left: 1%;
    }
    .alert .col-2{
        margin-left: 5.6%;
    }
    .alert .col-2 span:first-child{
        left: 42%;
    }
}

@media (min-width: 1600px){
    .alert .col-12:nth-child(2){
        margin-left: -1%;
    }
    .alert .col-12:nth-child(3){
        margin-left: -1%;
    }
    .alert .col-12:nth-child(4){
        margin-left: 1%;
    }
    .alert .col-12:nth-child(5){
        margin-left: -2%;
    }
    .alert .col-2{
        margin-left: -1.7%;
    }
    .alert .col-2 span:first-child{
        left: 34%;
    }
}

@media (min-width: 1920px){
    .alert .col-12:nth-child(2){
        margin-left: -2%;
    }
    .alert .col-12:nth-child(3){
        margin-left: -2%;
    }
    .alert .col-12:nth-child(4){
        margin-left: -1%;
    }
    .alert .col-12:nth-child(5){
        margin-left: -4%;
    }
    .alert .col-2{
        margin-left: -7.2%;
    }
    .alert .col-2 span:first-child{
        left: 31%;
    }
}