.note,
.note.error,
.note.success,
.note.warning,
.note.info
{  
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    margin: 20px 0;
    padding: 10px;
}
.note {
    background: #f9f9f9;
    border-color: #eee;
    color: #999;
}
.note-group {
    display: inline-block;
    margin: 0 0 0 10px;
}
.note-group .note-box {
    display: inline-block;
    height: 10px;
    vertical-align: middle;
    width: 10px;
}
.note-group .note-descr {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}


.scheduler .calendar-configurator {
    float: initial;
    width: initial;
    background: initial;
    margin-left: -20px;
}

body .scheduler .calendar-configurator .month {
    stroke: #000;
}


.scheduler .table-calendar {
    position: relative;
}
.scheduler .current-moment {
    position: absolute;
    top: 17px;
    width: 2px;
    height: 19px;
    /* eliminate cell padding */
    margin-left: -10px;
    /* corporate magenta */
    background: #7340a8;
}


.scheduler .table-sortable {
    cursor: pointer;
}
.scheduler .schedule-sort {
    font-size: 18px;
}

.scheduler .table-col.leg-col {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.scheduler .table .table-item {
    /* for not blinking on hover */
    transition: background-color 0s;
}

.scheduler .table .table-item.another-group {
    background: rgba(252, 236, 238, 0.41);
}

.scheduler .table .table-item.another-group:hover {
    background: rgba(252, 236, 238, 0.71);
}

.scheduler .table .table-col.calendar > div {
    /* actual size will be 120px because of a parent padding */
    width: 99px;
}

.scheduler .table .table-col.equipment-header {
    min-width: 150px;
}

.scheduler .scheduler-container {
    padding: 0;
    background: white;
    cursor: initial;
}
.scheduler .scheduler-container2 {
    padding: 0;
}

.scheduler .scheduler-viewer {
    background: transparent;
}

.scheduler .scheduler-viewer > svg {
    display: block;
}

.scheduler-viewer .event-time,
.scheduler-viewer .event-label {
    fill: rgba(0, 0, 0, 0.5);
}

.scheduler-viewer .connection {
    stroke-width: 1;
    fill: none;
    stroke: rgba(0, 128, 0, 0.56);
}

.scheduler-viewer .connection-tooltip {
    stroke-width: 20;
    fill: none;
    stroke: transparent;
}
.scheduler-viewer .connection-tooltip:hover {
    stroke: rgba(175, 175, 175, 0.36);
}

.scheduler-viewer .connection-icon {
    font-family: FontAwesome;
    font-size: 16px;
}

.scheduler-viewer .connection.green {
    stroke: #5cb85c;
}
.scheduler-viewer .connection.yellow {
    stroke: #f0ad4e;
}
.scheduler-viewer .connection.red {
    stroke: #d9534f;
}
.scheduler-viewer .connection.gray {
    stroke: #a6a6a6;
}
.scheduler-viewer .connection.dark-red {
    stroke: #a70100;
}
.scheduler-viewer .connection.dark-gray {
    stroke: #4d4d4d;
}

.scheduler-viewer .event.green {
    fill: #5cb85c;
}
.scheduler-viewer .event.yellow {
    fill: #f0ad4e;
}
.scheduler-viewer .event.red {
    fill: #d9534f;
}
.scheduler-viewer .event.gray {
    fill: #a6a6a6;
}
.scheduler-viewer .event.dark-red {
    fill: #a70100;
}
.scheduler-viewer .event.dark-gray {
    fill: #4d4d4d;
}

.scheduler-viewer .event.reverse {
    fill: transparent;
}

.scheduler-viewer .event.reverse.green {
    stroke: #5cb85c;
}
.scheduler-viewer .event.reverse.yellow {
    stroke: #f0ad4e;
}
.scheduler-viewer .event.reverse.red {
    stroke: #d9534f;
}
.scheduler-viewer .event.reverse.gray {
    stroke: #a6a6a6;
}
.scheduler-viewer .event.reverse.dark-red {
    stroke: #a70100;
}
.scheduler-viewer .event.reverse.dark-gray {
    stroke: #4d4d4d;
}


.calendar-box.dark-red {
    background: #a70100;
}
.calendar-box.dark-gray {
    background: #4d4d4d;
}

.schedule-timezone {
    font-size: 12px;
}