.overlay {
    background: #000;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#box {
    width: 400px;
    height: 300px;
    background-repeat: no-repeat;
    display: none;
    z-index: +300;
    position: absolute;
    left: 37%;
    top: 20%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

div.progress {
    display: table-cell;
    height: 90px;
    background: azure;
    vertical-align: top;
    text-align: center;
}

div.bar {
    display: inline-block;
    background: pink;
    text-align: center;
}

li.pointer {
    cursor: pointer;
}

/*tr#table3{
    background-color: green;
    cursor: pointer;
    height: 30px;

    }*/

/*ng-style="$index % 2 == 0 ? { 'background-color':'#EEFFBB' } : { 'background-color':'#EEEEFF' }"*/

.multiselect {
    width:6em;
    height:2em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}
 
.multiselect label {
    display:block;
}
 
.multiselect-on {
    color:#ffffff;
    background-color:#000099;
}

tr#table1:hover td td {
    background: transparent;
    font: bold;
    color: white;
}

tr#table1:hover td {
    background: rgba(0, 50, 255, 0.70);
    font: bold;
    color: white;
    transition: 0.5s all;
}

tr#table1:nth-child(odd) {
    background-color: #ffffcc;
}

tr#table1:nth-child(even) {
    background-color: #f9ecec;
}

tr#table2:hover td {
    background: rgba(46, 247, 106, 0.70);
    font: bold;
    color: blue;
}

    tr#table2:hover td td {
        background: transparent;
    }

tr#table2:nth-child(odd) {
    background-color: white;
}

tr#table2:nth-child(even) {
    background-color: #EEEEFF;
}

tr#table3:hover td {
    background: #dcedfe;
    font: bold;
    color: blue;
}

    tr#table3:hover td td {
        background: transparent;
        font: bold;
        color: blue;
    }

tr#table3:nth-child(odd) {
    background-color: #f5f5a3;
}

tr#table3:nth-child(even) {
    background-color: #ffffcc;
}

table,
#scroll-wrap {
    max-height: 50vh;
    overflow-y: auto;
}

#scroll-wrap table {
  border-collapse: collapse;
}

#scroll-wrap tr:nth-child(even) {
  background: #EEE;
}

#scroll-wrap th div {
  position: absolute;
  margin-top: -30px;
}

#scroll-div {
    max-height: 90vh;
    overflow-y: auto;
}

#scroll-div table {
  border-collapse: collapse;
}

#scroll-div th div {
  position: absolute;
  margin-top: 50px;
}
/* Custom scrollbar */

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

li:hover {
    background: cadetblue;
}

.select_list {
    background-color: #fff;
    border: 1px solid #b3b3b3;
    cursor: pointer;
    height: 30px;
    padding: 3px 5px;
    position: relative;
    vertical-align: middle;
}

    /*
    .select_list:before {
        content: "▼";
        position: absolute;
        right: 3px;
        color: #b3b3b3;
    }
    */

    .select_list > .options {
        display: none;
        position: absolute;
        top: 100%;
        left: -1px;
        width: 100%;
        border: 1px solid #666;
        padding: 0;
        margin: 0;
    }

    .select_list.active > .options {
        display: block;
    }

    .select_list > span, .select_list > .options li {
        background-position: 5px center;
        background-repeat: no-repeat;
        /* padding-left: 30px; */
        list-style: none;
    }

        .select_list > .options li:hover {
            background-color: #eee;
        }

.pic {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .pic:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }