/*#region Area for selecting the "dur. less than" and "more than X pr. year" variables */
#interDurLessThanDiv {
    width: 23%;
    float: left;
}

#minimumXInterPrYearDiv {
    margin-left: 5%;
    width: 18%; /*As we have margin-left 5%*/
    float: left;
}

#GetKeyNumbersBtn {
    margin-left: 5%;
    margin-top: -3px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#interDurLessThanSelect, #minimumXInterPrYearSelect {
    width: 60px;
    font-weight: bold;
}

#durLessThanSpan2 {
    width: 70px;
    min-height: 28px;
}

#minimumXInterPrYearSpan2 {
    min-height: 29px;
}
/*#endregion */


/*#region STYLE FOR KEYNUMBER TABLES*/

/*Header for the key numbers table*/
#keyNumbersTableHeader {
    margin-top: 59px;
}

#keyNumbersSumTableHeader, #keyNumbersTableHeader {
    margin-bottom: 21px;
}

/*The Datatable wrapper created for the key numbers table*/
#keyNumbersTable_wrapper {
    margin-bottom: 60px;
}

/*Class for table group headers. Use !important - otherwise jQuery Datatables overwrites it!*/
th.tableDataGroupHeader {
    text-align: center !important;
    font-weight: bold;
    font-size: 10pt;
    border-left: 3px solid #337ab7 !important;
    border-right: 3px solid #337ab7 !important;
    border-top: 2px solid #ffffff !important; /*Just to hide the default table border!*/
}

.tableDataGroupHeader, .tableGroupCellLeft, .tableGroupCellRight {
    border-bottom: 1px solid #d7dcde;
}

.tableGroupCellLeft {
    border-left: 3px solid #337ab7 !important;
    border-top: 1px solid #d7dcde;
    border-right: 1px solid #d7dcde;
    z-index: 100;
}

.tableGroupCellRight {
    border-right: 3px solid #337ab7 !important;
    border-top: 1px solid #d7dcde;
    border-left: 1px solid #d7dcde;
    z-index: 100;
}

/*Set  width for table column - class to be used on a column configuration for jquery DataTables*/
.percent20Width {
    width: 20%;
}


/*#endregion*/


/*#region CHARTS*/
/*Margin for charts*/
#keyNumbersChartAvgDur {
    margin-bottom: 30px;
    margin-top: 30px;
}

#keyNumbersChartMaxDurInter {
    margin-bottom: 30px;
}

/*Style for the chart tabs*/
#keyNumbersChartTabList a {
    cursor: pointer;
}

/*Text for "Vis grafer for"*/
#showGraphsFor {
    font-size: 22px;
    font-weight: bold;
    float: left;
    margin-top: 11px;
    margin-right: 12px;
}

div.tabbable-panel {border: none;}

#keyNumbersChartTabList li {
    border-bottom: none !important;
}
/*Width for the year select in the charts area*/
#keyNumbersChartYearSelect {
    min-height: 30px;
    max-width: 100px;
}

hr.chartLineSeparator {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/*#endregion*/