body { }


.eventmanagerow {
    background: linear-gradient(180deg, #000000, #132a44);
    color: #FFF !important;
    display: block;
    max-height: 120px;
    padding: 10px 0px;
    visibility: visible;
}

div.eventmanagerow {
    overflow: hidden;
    padding: 0px;
}

.eventmanagerow.eventactive {
    max-height: 168px;
    padding-top: 0px;
}

.eventmanagerow select {
    background-color: rgba(0, 1, 3, 0);
    border-bottom: 0px !important;
    color: #FFF !important;
    float: right;
    margin-bottom: 0px;
    margin-top: -3px;
    padding-bottom: 6px;
    padding-left: 0px;
    width: 80%;
    /* line-height: 31px; */
}

.eventmanagerow .spinnerbox { display: none !important; }

.eventmanagerow .form-group:before, .eventmanagerow .form-group:after { display: none; }

div.eventmanagerow label {
    
height: 34px;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
top: 0px;
    
white-space: nowrap;
    
word-break: normal;
    
line-height: 20px;
    
display: flex;
    
/* flex-wrap: nowrap; */
}

.eventmanagerow span {
    
color: #ffffff;
    
float: left;
    
line-height: 28px;
    
/* margin-top: -5px; */
    
padding: 5px 4px;
    
text-align: left;
    
/* width: auto; */
    
/* line-height: 20px; */
}

.eventmanagerow i {

float: left;

min-width: 20%;

padding: 6px 0px;

padding-left: 17px;

padding-right: 17px;

text-align: center;
}

.eventmanagerow div i.fa-bezier-curve { background-color: #4a166a; }

.eventmanagerow div i.fa-calendar-check {background-color: #10511e;color: #ffffff;}

.eventmanagerow div i.fa-adjust { background-color: #1a6424; }

div.eventmanagerow > div {
    display: flex;
    /* max-width: 50%; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}
@media print {
    div.eventmanagerow>div {
        display: none !important;
    }
}
div.eventmanagerow > div > .toggleWrapper {margin-top: -14px;}

div.eventmanagerow > div > div {
    display: flex;
    /* float: left; */
    max-width: 100%;
    width: auto;
}

.minimizemenu .eventmanagerow {
    
    max-height: 0px;
    
    min-height: 0px;
    
    padding: 0px;
}

.removingclass .eventmanagerow label {
    visibility: hidden;
    /* white-space:nowrap; */
    /* max-height: 38px; */
    /* overflow:hidden; */
    /* text-overflow: ellipsis; */
}

div.eventmanagerow label * {
    
float: none;
    
min-width: 20px;
    
display: flex;
}

@media (max-width: 768px) {
    div.eventmanagerow > div { max-width: 100%; }
}