@charset "utf-8";
/* RESPONSIVE TABLE DESIGN, TO GRIDVIEW
----------------------------------------------*/
.responsiveTable-cont { margin:0.5em 0em; padding:0.3em 0.3em; border:1px solid #ddd;
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
background:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#ffffff));
background: -webkit-linear-gradient(#eeeeee, #ffffff);
background: -moz-linear-gradient(#eeeeee, #ffffff);
background: -ms-linear-gradient(#eeeeee, #ffffff);
background: -o-linear-gradient(#eeeeee, #ffffff);
background: linear-gradient(#eeeeee, #ffffff);
-pie-background: linear-gradient(#eeeeee, #ffffff);
behavior: url(../css/behavior/PIE.htc); }
.responsiveTable-cont tr { border: 1px solid #ccc; }
.responsiveTable-cont TABLE.responsiveTable { border-collapse:collapse; border:1px solid #ddd; margin:3px 0px 0px 0px; border-top:3px solid #60a7ff; }
.responsiveTable-cont TABLE.responsiveTable TD A I { display:inline-block; color:#fff; font-size:1em; text-align:center; text-decoration:none; background:#60a7ff;
height:1.8em; width:1.8em; padding:0.4em;
-webkit-border-radius: 1.8em;
-moz-border-radius:1.8em;
border-radius:1.8em;
behavior: url(../css/behavior/PIE.htc); }
.responsiveTable-cont TABLE.responsiveTable TD A I:hover { background:#223770; }
.responsiveTable-cont TABLE.responsiveTable TD.controlTd-danger A I { background:#e60217;}
.responsiveTable-cont TABLE.responsiveTable TD.controlTd-danger A I:hover { background:#a50111;}
.responsiveTable-cont TABLE.responsiveTable THEAD > TR:first-child > TH { padding:0.8em 0.3em; color:#000;
border-left-color:#ccc; border-right-color:#ccc; border-bottom:1px solid #ddd; border-top:0px; font-size:1.1em; white-space:nowrap;   text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
background: rgb(226,226,226); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
}
.responsiveTable-cont TABLE.responsiveTable TH A {color:#000; text-decoration:none; }
.responsiveTable-cont TABLE.responsiveTable TH A:before { display: inline-block; margin:0em 0.5em 0em 0em; font-family: 'Glyphicons Halflings'; content: "\e150"; }
.responsiveTable-cont TABLE.responsiveTable TH A.desc:before { content: "\e156"; }
.responsiveTable-cont TABLE.responsiveTable TH A.asc:before { content: "\e155"; }
.responsiveTable-cont TABLE.responsiveTable TD { padding:0.3em 0.3em;}
.responsiveTable-cont TABLE.responsiveTable TD.controlTd { text-align:center;}
.responsiveTable-cont TABLE.responsiveTable TR.filters { border-width:1px; }
.responsiveTable-cont TABLE.responsiveTable TR.filters TD { border-width:1px; padding:0.6em 0.3em;
background:#e2e2e2;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e2e2e2));
background: -moz-linear-gradient(top, #f7f7f7,  #e2e2e2 );
background: -o-linear-gradient(#f7f7f7, #e2e2e2 );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#e2e2e2");
zoom:1;  }
.responsiveTable-cont TABLE.responsiveTable TR.filters TD INPUT { width:100%; border:1px solid #ccc; color:#000; height:24px; padding:0em 0.5em;
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
-webkit-box-shadow:0 1px 5px 0 #cecece;
-moz-box-shadow:0 1px 5px 0 #cecece;
box-shadow:0 1px 5px 0 #cecece;
background:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#ffffff));
background: -webkit-linear-gradient(#eeeeee, #ffffff);
background: -moz-linear-gradient(#eeeeee, #ffffff);
background: -ms-linear-gradient(#eeeeee, #ffffff);
background: -o-linear-gradient(#eeeeee, #ffffff);
background: linear-gradient(#eeeeee, #ffffff);
-pie-background: linear-gradient(#eeeeee, #ffffff);
behavior: url(../css/behavior/PIE.htc);
}

/* RESPONSIVE TABLE COMPONENTS, DEPENDING BS3 STYLES
----------------------------------------------*/
.table-striped > tbody > tr:nth-child(2n+1) { background:#fff;}
.table-striped > tbody > tr:nth-child(2n) { background:#ebecf0;  }
.table-hover > tbody > tr:hover { background-color: #dddedf; }
.responsiveTable-cont .summary { display:block; margin:0em 0em 0em 0em; padding:0.8em 1em 0.5em  1em; color:#fff; font-weight:bold; text-align:left;
-webkit-border-radius: 0.3em 0.3em 0 0;
-moz-border-radius: 0.3em 0.3em 0 0;
border-radius: 0.3em 0.3em 0 0;
background:#223770;
behavior: url(../css/behavior/PIE.htc);
}
.responsiveTable-cont .summary:before { display: inline-block; margin:0em 0.5em 0em 0em; font-family: 'icomoon'; content: "\e67f"; }
.controlTd {}




@media only screen and (max-width: 960px) {
    /* Force table to not be like tables anymore */
    .responsiveTable-cont table,
    .responsiveTable-cont thead,
    .responsiveTable-cont tbody,
    .responsiveTable-cont th,
    .responsiveTable-cont td,
    .responsiveTable-cont tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .responsiveTable-cont thead tr {  position: absolute; top: -9999px;  left: -9999px; }
    .responsiveTable-cont tr { border: 1px solid #ccc; }
    .responsiveTable-cont TABLE.responsiveTable td {
        /* Behave like a "row" */
        border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%; padding-top:8px; white-space: normal; text-align:left; min-height:35px;
    }
    .responsiveTable-cont TABLE.responsiveTable td:before {
        /* Now like a table header */
        position: absolute; top: 8px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; 
	}
    /* Label the data  */
    .responsiveTable-cont TABLE.responsiveTable TD:before { content: attr(data-title); }
	.responsiveTable-cont TABLE.responsiveTable TD.controlTd { text-align:left; }
	.responsiveTable-cont TABLE.responsiveTable TD.controlTd A I { width:auto; height:auto; display:inline-block; margin-top:-4px; padding:0.5em 1em 0.5em 1em; 
	font-family: 'PT Sans', sans-serif; font-size:1.1em; }
	.responsiveTable-cont TABLE.responsiveTable TD.controlTd A I:before { content: attr(data-original-title);}
}