#training-subnav li {
    padding:1em;    
}

ul.accordion li.accordion-navigation > ul {
    display: none !important;
}
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    
}
.submit-form {
    display:block;
    margin-top:2rem;
}
.custom-combobox {
    padding-right: 2.2rem;
}

.error {
    color:#92002d;
}
.success {
    color:#728c1f;
}
div#page-content ul > li.mini-menu {
    list-style: outside none none;
    float: left;
}
.row {
    clear:both;
}

.delme {
    display:inline;
}

img.training-thumb {
    height:150px;
}

div.error {
    clear:both;
    margin-left: 2em;

}
select.multiple {
    height:10em;
    width:30%
}

div.multiple>img {
    padding:0.5em;
    display: block;
}
#allusers {
    clear:left;
}

#userlist.multiple,div.multiple {
    float:left;
}
#ui-datepicker-div {
    background:#FFF;
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em;
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2;
}

ul.ui-autocomplete {
    background: #ffffff;
    border:1px solid #000000;
    width: 50%;
}
.scheduler .datepicker {
    position: relative;
}
div.ui-helper-hidden-accessible {
    position:relative;
    margin-left:50%;
}
img.photo {
    width:15em;
}
img.photo.thumb {
    width:6em;
}

label.nowrap {
    white-space: nowrap;
}

nav#nav-side form p {
    background-color: transparent;
}

.calendar-day li.calendar-class-list:first-child {
    padding-top: 1.5rem;
}

.calendar-access {
    visibility: hidden;
}

div.myicon {
    margin-top:17px;
}


@media only screen and (min-width: 610px) {
    .calendar-access {
        visibility: visible;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
    input[type="text"] {
        width: 75%
    }
    select {
        width: 75%;
    }


}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) and (orientation: landscape) {
    input[type="text"] {
        width: 50%
    }
    select {
        width: 50%;
    }

}

@media only screen and (min-device-width: 1200px)  {
    input[type="text"] {
        width: 50%
    }
    select {
        width: 50%;
    }

}