/* ======================================= */
/* = ---------- UManager --------------- = */
/* ======================================= */

/* Basic page formatting */
#main {
    width: 100%;
}
#container {
    padding: 20px;
}

button, input[type=submit] {
    padding: .4em;
}



/*Format the edit form and edit mask */
#edit {
    display: none;
    background: #FFFFFF;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -380px 0 0 -475px;
    width: 900px;
    height: 710px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 1px #000000;
    padding: 20px 20px 20px 20px;
    opacity: 1.0;
    z-index: 20;
}

#edit h2 {
    margin-bottom: 2em;
}

#left-col {
    width: 450px;
    float: left;
}

#right-col {
    width: 450px;
    float: left;
}

#edit label {
    display: inline-block;
    width: 160px;
    margin-right: 20px;
    vertical-align: middle;
    text-align: right;
}

#edit .input {
    margin-bottom: .3em;
}

#edit_mask {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #000000;
    z-index: 2;
}

#edit label, textarea {
    display: inline-block;
    vertical-align: middle;
}

#edit label {
    font-weight: bold;
    font-size: .9em;
}

#edit #fields {
    overflow: hidden;
    height: auto;
}

#edit #submit_container {
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 1.6em;
}

#edit input[type='submit'][value='Update'] {
    float: left;
}

#edit input[type='submit'][value='Cancel'] {
    float: right;
    float: right;
}

/*Format the note symbols and note tooltips*/
.note_symbol {
    height: 14px;
    width: 29px;
    border: 1px solid black;
    border-radius: 3px;
}

.note_filled {
    background: #000000;
}

.triangle_down {
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid black;
    margin-left: 2px;
}

.note {
    display: none;
    position: absolute;
    width: 300px;
}

.note_text {
    float: right;
    padding: 5px;
    background: lightsteelblue;
    border-radius: 3px;
}

/* Format display active/closed status toggle */
#status_switch {
    display: block;
    margin: auto;
}

/*Format navigation options along the top of Umanage */
#nav * {
    float: right;
    display: inline-block;
}

#nav a {
    font-size: 1.2em;
    margin-top: .1em;
}

.separator {
    font-size: 1.8em;
    opacity: 0.5;
    margin-left: .4em;
    margin-right: .5em;
    margin-top: -.22em;
}

#nav form {
    margin-right: 14px;
}
#nav form div {
    float: left;
    display: inline-block;
}
#LabRegistrationRegistrantQuery {
    height: 2em;
    margin-right: .2em;
}

/*Format for special needs section */
#special_needs a {
    cursor:pointer;
}

.special_need {
    width: 550px;
    height: 100px;
    margin: 15px;
    float: left;
    overflow: auto;
}

/* Format datatable coloring, table headers, hover styles, and width */
table.dataTable.display tbody tr.odd {
    background-color: #D0E7EC;
}

table.dataTable.display tbody tr.odd:not(.selected):hover {
    background-color: #CAE1E6;
}

table.dataTable.display tbody tr.odd>.sorting_1 {
    background-color: #CAE1E6;
}

table.dataTable.display tbody tr.odd:not(.selected):hover > .sorting_1 {
    background-color: #C4D9DE;

}

table.dataTable.display tbody tr.even>.sorting_1 {
    /*background-color: #E0E0E0;*/
}

table.dataTable.display tbody tr.even:not(.selected):hover {
    /*background-color: #FFFFE4;*/
}

.umanage_table_current .umanage_table_past {
    width: 100%;
}

.umanage_head { background-color: #333; color: white; }
.umanage_head th {
    /*font-weight: bold;*/
    /*text-align: left;*/
    /*padding: 7px 16px;*/
    /*border-right: 1px solid white;*/
}

.dataTables_wrapper {
    overflow: auto;
    margin-bottom: 2em;
}

.dataTables_wrapper .dataTables_info {
    font-size: .8em;
    color: #666;
    font-style: italic;
}

tr:hover {
    cursor:pointer;
}

.clear {
    width: 100%;
    float: right;
}

.dataTables_filter {
    margin-bottom: .8em;
}

.dataTables_filter > label {
    font-weight: bold;
    font-size: .9em;
}

/* Format course question charts */
.chart {
    overflow: auto;
    float: left;
    margin-right: 75px;
    margin-left: 75px;
    margin-bottom: 50px;
}

.chart li span {
    width: 30px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px;
}

.chart ul {
    list-style-type: none;
}

.chart li {
}

.chart .legend {
    float: left;
    margin-right: 10px;
}

.chart canvas {
    margin: auto;
}

#toggleResponses {
    display: block;
    margin-bottom: 50px;
}


/*Mass Update and selection formating*/
.action_select {
    text-align: center;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

#mass_update_container {
    position: relative;
    float: left;
    margin-bottom: -50px;
    z-index: 1;
}

.mass_update {
    float: left;
}

#mass_update {
    padding: .4em;
    height: 2.4em;
    margin-top: -.1em;
}

th input, td input {
    cursor: pointer;
}

/*index log in form */
#login_form label {
    width: 80px;
    float: left;
    display: block;
}

#login_form div {
    margin-bottom: .2em;
}