body {
    padding-top: 10px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
  border: none !important;
  width: 100% !important;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 320px;
}

/**/
.finished {
    background-color: #F2F4F4 !important;
    color: black !important
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    background-color: rgb(238, 238, 238) !important;
    font-family: 'Calibri', sans-serif;
    font-size: 14px;
    white-space: pre-line;
    word-break: normal;
    word-wrap: break-word;
}

.table {
    table-layout: auto !important;
}



 /* Style the button that is used to open and close the collapsible content */
.owncollapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .owncollapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.owncontent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.owncollapsible:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: white;
    float: right;
    margin-left: 5px;
}

.btn .btn-gray {
    background-color: rgb(238, 238, 238);
}

tr {
   line-height: 30px !important;
   max-height: 30px !important;
   height: 30px !important;
}

    tr td {
        padding: 0px 10px 0px 10px !important;
        margin: 0 !important;
    }

tr th{
  padding: 0px 18px 0px 10px !important;
  margin: 0 !important;
}

div.container {
        width: 80%;
    }

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0px !important;
    
}

/*******************************
* ACCORDION WITH TOGGLE ICONS
* Does not work properly if "in" is added after "collapse".
*******************************/
	.panel-group .panel {
		border-radius: 0;
		box-shadow: none;
        font-family: 'Calibri', sans-serif;
        padding: 0 10px 0 10px;
        overflow: hidden;
        background-color: rgb(255, 255, 255) !important;
        border: none !important;
	}

    .panel-heading {
		border-radius: 0;
		box-shadow: none;
        font-family: 'Calibri', sans-serif;
        padding: 10px 15px 10px 0px;
        border: none !important;
	}

    .subpanel-heading {
		border-radius: 0;
		box-shadow: none;
        font-family: 'Calibri', sans-serif;
        padding: 0px 15px 0px 0px;
        border: none !important;
	}

    .panel-body {
		border-radius: 0;
		box-shadow: none;
        font-family: 'Calibri', sans-serif;
        padding: 0 10px 0 10px;
        border: none !important;
	}

	.panel-default > .panel-heading {
		border-radius: 0;
		color: black;
        background-color: rgb(255, 255, 255) !important;
		/*background-color: rgb(238, 238, 238);*/
		border-color: #EEEEEE;
		text-decoration: none;
        padding: 10px 15px 10px 0px;
	}

	.panel-title {
		font-size: 24px;
	}

	.panel-title > a:hover, a:visited, a:link, a:active {
		display: block;
		text-decoration: none;
	}

	.panel-subtitle {
		font-size: 20px;
	}

	.panel-subtitle > a:hover, a:visited, a:link, a:active, a:focus {
		display: block;
		text-decoration: none;
	}

	.more-less {
		float: right;
		color: #212121;
	}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #EEEEEE;
	}

    .pagination {
        display: inline-block;
}

th.sorting {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    background-image: url("DataTables/images/sort_both.png");
}

th.sorting_asc {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    background-image: url("DataTables/images/sort_asc.png");
}

th.sorting_desc {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    background-image: url("DataTables/images/sort_desc.png");
}

th.fixedWidth50 {
    width: 50px !important;
}

th.fixedWidth65 {
    width: 65px !important;
}

.dataTables_filter {
    float: right
}

    /*.paginate_button a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: solid;
  border-color: lightgray;
  border-width: 1px;
    }

    .paginate_button a.active {
  text-decoration: none;
  background-color: #4CAF50;
  color: white;
  border-color: lightgray;
}

.paginate_button a:hover:not(.active) {
    background-color: #ddd;
  text-decoration: none;
}*/

/*.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
/*}*/

.btn-primary, .btn-primary:active, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff !important;
    display: inline-block !important;
    box-shadow: none;
}

a.infoLink {
    color: #337ab7;
}