#elsCourseList a, #elsCourseList a:visited {
    color: steelblue
}

small, .small {
    font-size: 10px;
}

label.notstrong {
    font-weight: 500;
}
/*Command Buttons*/
.ELSCommandButton {
    border: 1px solid steelblue;
    color: steelblue;
    border-radius: 4px;
    padding: 2px 4px;
    text-decoration: none;
    line-height: 35px;
}

    .ELSCommandButton:hover {
        color: white;
        background-color: steelblue;
        text-decoration: none;
    }

i.lrg {
    font-size: 24px;
}
/*Edit forms*/
.elsEditForm input[type=text], .elsEditForm select, .elsEditForm textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 10px;
    resize: vertical
}
.ELSTableCellSeparator table {
	margin-bottom: 20px;
}

.ELS-ListAuthor { display: block;}
#elsContentList a img { width: 20px;}
.elsEditForm {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}
    .elsEditForm.clearBackground{
        background-color:transparent;
    }

    .tab {
        overflow: hidden;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
    }

    .tab button {
        background-color: inherit;
        color: #fff;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
    }

        .tab button:hover {
            background-color: #ddd;
        }

        .tab button.active {
            background-color: #ccc;
        }

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.savebuttons {
    display: inline-block;
    text-decoration: none !important;
}
    .savebuttons a {
        text-decoration: none !important;
    }
    .savebuttons a:hover {
        text-decoration: none !important;
        color:white !important;
    }

    .savebuttons a {
        border: 1px solid;
        padding: 5px 10px 5px 10px;
        border-radius: 4px;
        box-sizing: border-box;
        color: white;
    }

        .savebuttons a:first-child {
            border-color: green;
            background-color: green;
        }

        .savebuttons a:nth-child(2) {
            background-color: slategray;
            border-color: slategray;
        }

    .savebuttons .danger {
        border-color: darkred !important;
        background-color: darkred !important;
    }

    .savebuttons .default {
        background-color: slategray;
        border-color: slategray;
    }


.inputAddOn {
    display: flex;
}

    .inputAddOn input[type=text] {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .inputAddOn span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 12px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 10px;
        background-color: lightblue
    }


/*Course Display */
#elsCourseList {
    margin-top: 20px;
}

#tblCourseList td {
    padding: 10px 0 10px 0;
}

#tblCourseList i {
    font-size: 18px;
}

#tblCourseList_wrapper .toolbar {
    float: right;
}

#tblCourseList_filter {
    float: left;
}

#tblCourseList_info {
    display: none
}

.ELS-CourseActive {
    color: black;
}

.ELS-CourseNotActive, .ELS-CourseNotActive a {
    color: darkgrey !important;
}
.ELS-CourseArchive, .ELS-CourseArchive a{
    font-style:italic;
}
#tblCourseList th.sorting_asc {
    background-image: none !important;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.ui-autocomplete {
    z-index: 10000;
    background-color: white;
    border: 1px solid #696969;
    width: auto;
}

    .ui-autocomplete li, .ui-autocomplete ul {
        list-style: none !important;
    }

    .ui-autocomplete ul {
        height: 200px;
        overflow: auto;
    }

#selectedUsers {
    overflow: auto;
    max-height: 200px;
}

#divUsers {
    margin-top: 30px;
}

/*Course Settings*/



/*Item Edit Control*/
.ELS-GroupEditControl .cmd, .ELS-GroupEditControl .cmd:hover {
    text-decoration: none;
}


.contentItems dd{ text-indent:20px; font-size:10px}
.contentItems dt img {max-width:20px !important;}
.contentItems dt span.selected {background-color:#c6c6c6}


.NormalRed { color: red;}
@media (min-width: 768px)
ul.ELS-CourseItemList.list-group li {
    position: relative;
    margin-bottom: 20px;
}