/*Table without any borders*/ 
.table-borderless tbody tr td,
.table-borderless tbody tr th {
    border: none;
}

 /*Table with centered content in columns*/ 
.table-centered > tbody > tr > th,
.table-centered > tfoot > tr > th,
.table-centered > tbody > tr > td,
.table-centered > tfoot > tr > td {
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.table-centered > thead > tr > th,
.table-centered > thead > tr > td {
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}



/* Use these instead of default striped colors */
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #ffffff;
}

.table-striped > tbody > tr {
    background-color: #f1f3f5;
}


.table-curved {
    border: 1px solid #dadfe4;
    border-radius: 6px;
    overflow: hidden;
}

.table-total {
    color: #60C030;
}

/*CompanyUser table*/
.company-user-table-header {
    background-color: #dadfe4;
    border: 1px solid #dadfe4;
}

.company-user-table-header th {
	padding: 5px 6px;
	font-family: 'Roboto Medium', 'Roboto';
	font-size: 13px;
	font-weight: 400;
}

.company-user-table-row {
    background-color: #fff;
    border-bottom: 1px solid #dadfe4;
}

.company-user-table-row td {
    padding: 2px 6px;
    font-size: 13px;
    font-weight: normal !important;
}

.company-user-table-row .glyphicon {
    font-size: 1.2em;
    cursor: pointer;
}



/*ActionTable*/
.prs-tabs-container .nav-tabs > li > a {
    color: #506070;
    font-family: 'Roboto';
	font-style: normal;
    font-size: 13px;
	font-weight: 500;
}
.prs-tabs-container .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #f1f3f5;
    border: none;
}

/*.prs-tabs-container .glyphicon-warning {
    vertical-align: text-bottom;
    background: #f6bb42;
    padding: 4px;
    font-size: 1em;
    border-radius: 50%;
    color: #fff;
}*/

.prs-tabs-container .table > tbody > tr > td {
    font-size: 13px;
    border-top: 0;
}

.prs-tabs-container .tab-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
}

.prs-tabs-container .nav > li > a {
    padding: 7px 15px;
}

.prs-tabs-container .btn {
    padding: 3px 10px;
    -moz-min-width: 100%;
    -ms-min-width: 100%;
    -o-min-width: 100%;
    -webkit-min-width: 100%;
    min-width: 100%;
    margin-bottom: 4px;
    border-radius: 4px;
}


/*Datatables overrides to get rid of sorting icons and massive padding*/
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    display: none !important;
    font-family: 'Glyphicons Halflings';
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 0 !important;
}

.dataTables_scrollBody {
    position: relative;
    overflow: auto;
    max-height: 200px;
    width: 100%;
    border: 3px solid #f1f3f5;
    border-radius: 6px;
}

.dataTables_scrollHead{
    overflow: hidden;
    position: relative;
    border: 0px;
    width: 100%;
    display: none; 
}

.td-notes {
    padding: 1px;
}


/*Custom datatable overrides for smaller paginataion on notesList*/
div#tblNotesResult_wrapper div#tblNotesResult_paginate {
    text-align: left !important;
    margin: 4px !important;
}

#tblNotesResult_paginate .pagination > li > a, #tblNotesResult_paginate.pagination > li > span {
    position: relative;
    float: left;
    padding: 2px 4px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

#tblNotesResult_paginate .pagination > li > a:hover, #tblNotesResult_paginate .pagination > li > span:hover, #tblNotesResult_paginate .pagination > li > a:focus, #tblNotesResult_paginate.pagination > li > span:focus {
    z-index: 2;
    color: #777;
    background-color: #eee;
    border-color: #ddd;
}

#tblNotesResult_paginate .pagination > .active > a, #tblNotesResult_paginat .pagination > .active > span, #tblNotesResult_paginate .pagination > .active > a:hover, #tblNotesResult_paginate.pagination > .active > span:hover, #tblNotesResult_paginate.pagination > .active > a:focus, #tblNotesResult_paginate.pagination > .active > span:focus {
    z-index: 3;
    color: #808080;
    cursor: default;
    background-color: #dadfe4;
    border-color: #dadfe4;
}

#tblNotesResult_paginate .pagination > li > a, #tblNotesResult_paginate .pagination > li > span {
    position: relative;
    float: left;
    padding: 2px 4px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #f1f3f5;
    border: 1px solid #ddd;
}

div#tblNotesResult_paginate > ul {
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
    padding-left: 4px;
}


/*Survey Table*/
.survey-table-header {
    background-color: #dadfe4;
    border: 1px solid #dadfe4;
}

.survey-table-header th {
	padding: 5px 6px;
	font-family: 'Roboto Medium', 'Roboto';
	font-size: 13px;
	font-weight: 400;
}

.survey-radio-column {
    width: 32px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 11px !important;
    text-align: center;
}

.survey-radio-column.last {
    padding-left: 20px!important;
    padding-right: 8px!important;
}

.survey-radio-column > label {
	font-weight: normal;
	line-height: 1.1em;
}

table.survey-table {
    border-collapse: separate !important
}

table.survey-table .survey-radio-alt {
	padding-top: 0;
	min-height: 20px;
}

table.survey-table .survey-colCategory {
	width: 740px;
}

table.survey-table .survey-colSpacer {
	width: 40px;
}

table.survey-table .survey-colButton {
	width: 32px;
}

table.survey-table .survey-colLast {
	width: 60px;
}


/* Divs on Report page for Detailed Sustainability Performance */
.node-table {
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}

.node-table .cursor-pointer {
	cursor: pointer;
}

.node-table .cursor-text {
	cursor: text;
}

.node-table .create-barchart {
	color: #506070; 
	cursor: pointer
}

.node-table .node-table-body .create-barchart:hover {
	color: #FFFFFF; 
}

.node-table .node-table-header .create-barchart:hover {
	color: #000000; 
}

.collapsing {
    transition: height 0.3s;
}


/* Header */
.node-table .node-table-header {
	width: 100%;
	clear: both;
	float: left;
	font-size: 14px;
	font-weight: bold;
	border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.node-table .node-table-header .node-table-description {
	float: left;
	padding: 6px;
}

.node-table .node-table-header .node-table-period {
	padding: 6px;
}


/* Footer */
.node-table .node-table-footer {
	width: 100%;
	clear: both;
	float: left;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid black;
}

.node-table .node-table-footer .node-table-description {
	float: left;
	padding: 6px;
}

.node-table .node-table-footer .sbpi-value {
	padding: 6px;
}


/* Body */
.node-table .node-table-body .table-row-level-2, .node-table .node-table-body .table-row-level-3 {
	width: 100%;
	clear: both;
	float: left;
	border-bottom: 1px solid black;
}

.node-table .node-table-body .table-row-level-2 .node-table-description, .node-table .node-table-body .table-row-level-3 .node-table-description {
	float: left;
	padding: 6px;
}

.node-table .node-table-body .table-row-level-2 .sbpi-value, .node-table .node-table-body .table-row-level-3 .sbpi-value {
	padding: 6px;
}

.node-table .node-table-body .table-row-level-2:hover, .node-table .node-table-body .table-row-level-2.table-open {
	background-color: #DADFE4;
}

.node-table .node-table-body .table-row-level-3 {
	background-color: #F1F3F5;
}

.node-table .node-table-body .table-row-level-3 div:first-child {
	padding-left: 20px;
}

.node-data-panel-bottom .data-request-status {
	margin-right: 5px;
}