#cod-schedule-wrapper .panel-col-first {
    width: 75%;
}
#cod-schedule-wrapper .panel-col-last {
    width: 25%;
}

.sortable-sessions.ui-sortable {
    list-style-type: none;
    padding: 5px;
    margin: 0px;
    border: 1px solid #ccc;
    line-height: 35px;
    min-height: 35px;
}

.sortable-sessions.ui-sortable li {
    list-style-type: none;
}

/*
ul[data-timeslot] {
    background: #87FFDF;
}


ul[data-timeslot='NEW'] {
  background: #F4C8C8;
}
*/
.pane-cod-schedule-menu-pane ul.menu{
     margin: 0;
     padding: 0;
     list-style-type: none;
 }

.pane-cod-schedule-menu-pane ul.menu li {
     display: inline;
 }

.pane-cod-schedule-menu-pane ul.menu li a{
     text-decoration: none;
     padding: .2em 1em;
     color: #fff;
     background-color: #036;
 }

.pane-cod-schedule-menu-pane ul.menu li a:hover{
     color: #fff;
     background-color: #369;
 }

.pane-cod-schedule-scheduler-pane table td.cod-schedule-time-column {
     width: 125px;
 }

#cod-schedule-wrapper .panel-col-last {
     background: #EBEBEB;
     position: fixed;
     right: 0;
     top: 0;
     z-index: 900;
     border-left: 5px solid #333333;
     padding-top: 10px;
     height: 100%;
     margin-top: 29px;
 }

#cod-schedule-wrapper .panel-col-last .sortable-sessions {
     height: 450px;
     overflow-y: scroll;
 }

#cod-schedule-wrapper  .sortable-sessions li[data-nid] {
     border: 1px solid;
     cursor: grab;
     line-height: 20px;
     padding-left: 5px;
     margin-bottom: 3px;
     background: #FFF;
     z-index: 1000;
 }

#cod-schedule-wrapper  .sortable-sessions li[data-nid] a {
     cursor: grab;
     z-index: 1000;
 }

#cod-schedule-wrapper  .sortable-sessions li[data-nid].unsortable {
     background: #F7CACA,
 }

#schedule-items-type-select {
     float: left;
 }

#schedule-items-add-new {
     float: left;
     margin-left: 10px;
 }

#schedule-items-filter {
     clear: both;
     width: 100%;
 }

#cod-schedule-wrapper .ui-sortable-placeholder {
     visibility: visible !important;
     background: #82FFA9;
     border: 1px dashed #000;
     margin: 10px 0;
     height: 40px;
 }

