/*** SoraMame Block and jquery-sortable css ***/

/** Common Block type **/
.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.block {
    margin: 0 0 4px 0;
    min-height: 10px;
    width: 100%;
}

/*.gb_entries li {
    cursor: move;
    list-style: none;
    margin: 4px 4px 4px 4px;
    padding: 2px 4px 4px 4px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    word-spacing: 0.3em;
    border: 1px solid white;
    border-radius: 4px;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
      transition: border .25s linear, color .25s linear, background-color .25s linear;

      -webkit-font-smoothing: subpixel-antialiased;
}*/

li.placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border-color: red;
    border-style: dotted;
    z-index: 2000;
}

li.placeholder:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-top: -8px;
    left: -8px;
    top: -1px;
    border: 8px solid transparent;
    border-left-color: red;
    border-right: none;
    z-index: 2000;
}

/** in-line Block type **/
.item-block {
    cursor: move;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

/* Editable expression area*/
span.exp-body {
    cursor: text;
    margin: 2px;
    padding: 0em 0.2em;
    background-color: white;
    color: black;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    border: 2px inset gray;
    border-radius: 3px;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    
    -webkit-font-smoothing: subpixel-antialiased;
}

.xowiki-content .portlet .list-table {
    min-width: auto;
}



/***********************************/
/* Admin View Listing '/
/***********************************/

#student_finder {
    margin-bottom:15px;
}
.list-group-item {
    padding:0px;
    line-height:30px;
    background-color:rgb(255,255,255,0.8);
    position:static;
}

div.item-row-col-main > div {
    display:table-cell;
    border-right:1px solid #ddd;
    padding:3px;
}
.item-row.inactive .row {
    background-color:rgb(0,0,0,0.03);
}

div.item-row-col-main .item-name {
    width:100%;
}
div.item-row-col-main .item-checkbox {
    width:30px;
}
div.item-row-col-main .item-type {
    width:100%;
}
div.item-row-col-main .item-weight {
    width:100%;
}
div.item-row-col-main .item-points {
    width:100%;
}
div.item-row-col-main .item-weight,
div.item-row-col-main .item-points {
    text-align:right;
}
.tlf-xogradebook-view div.header {
    line-height:35px;   
}
.tlf-xogradebook-view div.header div.item-weight,
.tlf-xogradebook-view div.header div.item-points {
    text-align:left;
}
div.item-row-col-actions {
    text-align:left;
}
@media (max-width:991px) {
    .list-group-item {
        padding:5px 0;
    }
    div.item-row-col-main > div {
        display:block !important;
        border-right:none;
        width:100%;
        padding-left:30px;
    }
    div.item-row-col-main .item-checkbox {
        width:30px;
        padding-left:0;
        display:table-cell;
        float:left;
    }
    div.item-row-col-main .item-weight,
    div.item-row-col-main .item-points {
        text-align:left;
    }
    div.item-row-col-actions {
        text-align:left;
        padding-left:40px;
    }
}
@media (min-width:992px) {
   div.item-row-col-main .item-name {
        width:180px;
    }
    div.item-row-col-main .item-checkbox {
        width:30px;
    }
    div.item-row-col-main .item-type {
        width:150px;
    }
    div.item-row-col-main .item-weight {
        width:100px;
    }
    div.item-row-col-main .item-points {
        width:60px;
    }
}
@media (min-width:1200px) {
   div.item-row-col-main .item-name {
        width:300px;
    }
    div.item-row-col-main .item-checkbox {
        width:30px;
    }
    div.item-row-col-main .item-type {
        width:150px;
    }
    div.item-row-col-main .item-weight {
        width:150px;
    }
    div.item-row-col-main .item-points {
        width:100px;
    }
}

ul.gb_entries {
    padding-left:0;
}
ul.gb_entries.list-group > li.list-group-item {
    border-bottom:3px solid #ddd;
}
ul.gb_entries.list-group > li.list-group-item:first-child {
    border-top:3px solid #666;
}
ul.gb_entries.list-group > li.list-group-item:last-of-type {
    border-bottom:3px solid #666;
}
ul.gb_entries ul {
    margin-bottom:0;
}
ul.gb_entries ul > li {   
    padding-left:0px;
    padding-right:0;
}
ul.gb_entries ul > li .item-name { 
    padding-left:30px;
}
ul.gb_entries > li .item-points .regular { 
   font-weight:bold;
}
ul.gb_entries ul > li .item-points .regular { 
   font-weight:normal;
}
ul.gb_entries ul ul > li .item-name {
    padding-left:60px;
}

/***********************************/
/* Tabs '/
/***********************************/

div.tab-content {
   margin-top:20px; 
}
span.info-sign::before {
    font-family: 'Glyphicons Halflings';
    font-size: smaller;
    padding: 0px 5px 0px 0px;
    content: "\e086";
}

/*************************************************************/
/*------     syling for bootstrap-wu table template ---------*/
/*************************************************************/

table.style-2020 > tbody > tr > td,
table.style-2020 td,
table.style-2020 th {
    line-height:30px;
    border: 1px solid #ddd;
}
table.style-2020 > tbody > tr > td, 
table.style-2020 > tbody > tr > th, 
table.style-2020 > tfoot > tr > td, 
table.style-2020 > tfoot > tr > th, 
table.style-2020 > thead > tr > td, 
table.style-2020 > thead > tr > th {
    padding:5px;
}

table.style-2020 > thead > tr > th,
table.style-2020 > th {
    border-bottom:3px solid #666;
}
table.style-2020 > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent;
}
table.style-2020 tr.list-main {
    border-bottom:3px solid #ddd;
}
table.style-2020 tr.list-subitem {
    border-bottom:1px solid #ddd;
}
table.style-2020 tr.list-subitem + tr.list-main {
    border-top:3px solid #ddd;
}
table.style-2020 tr.list-main > td .regular {
    font-weight:bold;
}
table.style-2020 tr.list-subitem > td:first-child {
    padding-left:30px;
}
table.style-2020 tr.list-subitem-2 > td:first-child {
    padding-left:60px;
}
table.style-2020 td,
table.style-2020 th {
    padding:3px;
}

form table.style-2020 {
    border-spacing: 0;
    border-collapse: collapse;
}

table.style-2020 tr.total_sum td {
    border-top:3px solid #666;
    font-weight:bold;
}
table.style-2020 tr.total_bonus {
    font-weight:bold;
}
table.style-2020 tr.inactive,table.style-2020 > tbody > tr.inactive:nth-of-type(2n+1) {
    background-color:#f6f6f6;
    opacity:0.5;
}
/* student view*/
table.style-2020 th#gb_items_title,
table.style-2020 td[headers="gb_items_title"],
table.style-2020 th#gb_items_type,
table.style-2020 td[headers="gb_items_type"],
table.style-2020 th#gb_items_maxscore,
table.style-2020 td[headers="gb_items_maxscore"],
table.style-2020 th#gb_items_weight,
table.style-2020 td[headers="gb_items_weight"] {
    background-color:#f7f7e1;
}
table.style-2020 > tbody > tr:hover,
table.style-2020 > tbody > tr.inactive:hover,
table.style-2020 > tbody > tr:hover > td,
table.style-2020 > tbody > tr.inactive:hover > td {
    background-color: #EDF5FF;
}

.red {
    color: red;
}

.lightblue {
    color: lightblue;
}