/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.


body {
  min-width: 90%;
}
*/

.grid_1noMargins,
.grid_2noMargins,
.grid_3noMargins,
.grid_4noMargins,
.grid_5noMargins,
.grid_6noMargins,
.grid_7noMargins,
.grid_8noMargins,
.grid_9noMargins,
.grid_10noMargins,
.grid_11noMargins,
.grid_12noMargins
{
   display: inline;
   float: left;
   position: relative;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
   float: left;
   position: relative;
   margin-left: 1%;
   margin-right: 1%;
}

.fullwidth
{
   float: left;
   position: relative;
   margin-left: 0px;
   margin-right: 0px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12
{
   position: relative;
}

.topMargin_1 {
   margin-top: 1rem;
}

.topMargin_2 {
   margin-top: 2rem;
}

.topMargin_3 {
   margin-top: 3rem;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha
{
   margin-left: 0;
}

.omega
{
   margin-right: 0;
}

@media all and (min-width: 100rem)
{
   /* layout for a minimum with of 100 rem (which is 1600px if the base font size is set to 16px)
   /* Containers
   ----------------------------------------------------------------------------------------------------*/
   .container_12
   {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: 100%;
      max-width: 68.75%;
   }

   /* Grid >> Global
   ----------------------------------------------------------------------------------------------------*/
   /* Grid >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .grid_1
   {
      width: 6.333%;
      min-width: 50px !important;
   }

   .container_12 .grid_2
   {
      width: 14.667%;
      min-width: 100px !important;
   }

   .container_12 .grid_3
   {
      width: 23%;
      min-width: 150px !important;
   }

   .container_12 .grid_4
   {
      width: 31.333%;
      min-width: 200px !important;
   }

   .container_12 .grid_5
   {
      width: 39.667%;
      min-width: 250px !important;
   }

   .container_12 .grid_6
   {
      width: 48%;
      min-width: 300px !important;
   }

   .container_12 .grid_7
   {
      width: 56.333%;
      min-width: 350px !important;
   }

   .container_12 .grid_8
   {
      width: 64.667%;
      min-width: 400px !important;
   }

   .container_12 .grid_9
   {
      width: 73%;
      min-width: 450px !important;
   }

   .container_12 .grid_10
   {
      width: 81.333%;
      min-width: 500px !important;
   }

   .container_12 .grid_11
   {
      width: 89.667%;
      min-width: 550px !important;
   }

   .container_12 .grid_12
   {
      width: 98%;
      min-width: 600px !important;
   }

   .container_12 .fullwidth
   {
      width: 99%;
   }

   /* Grid >> 12 Columns without Margins
   ----------------------------------------------------------------------------------------------------*/
   .grid_1noMargins
   {
      width: 7.333% !important;
      min-width: 50px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_2noMargins
   {
      width: 15.667% !important;
      min-width: 100px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_3noMargins
   {
      width: 24% !important;
      min-width: 150px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_4noMargins
   {
      width: 32.333% !important;
      min-width: 200px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_5noMargins
   {
      width: 40.667% !important;
      min-width: 250px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_6noMargins
   {
      width: 49% !important;
      min-width: 300px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_7noMargins
   {
      width: 57.333% !important;
      min-width: 350px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_8noMargins
   {
      width: 65.667% !important;
      min-width: 400px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_9noMargins
   {
      width: 74% !important;
      min-width: 450px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_10noMargins
   {
      width: 82.333% !important;
      min-width: 500px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_11noMargins
   {
      width: 90.667% !important;
      min-width: 550px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_12noMargins
   {
      width: 99% !important;
      min-width: 600px !important;
      margin-left: 0px;
      margin-right: 0px;
   }

   /* Prefix Extra Space >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .prefix_1
   {
      padding-left: 7.333%;
   }

   .container_12 .prefix_2
   {
      padding-left: 15.666%;
   }

   .container_12 .prefix_3
   {
      padding-left: 24%;
   }

   .container_12 .prefix_4
   {
      padding-left: 32.333%;
   }

   .container_12 .prefix_5
   {
      padding-left: 40.666%;
   }

   .container_12 .prefix_6
   {
      padding-left: 49%;
   }

   .container_12 .prefix_7
   {
      padding-left: 57.333%;
   }

   .container_12 .prefix_8
   {
      padding-left: 65.666%;
   }

   .container_12 .prefix_9
   {
      padding-left: 74%;
   }

   .container_12 .prefix_10
   {
      padding-left: 82.333%;
   }

   .container_12 .prefix_11
   {
      padding-left: 90.666%;
   }

   .container_12 .marginLeft_1
   {
      margin-left: 8.333%;
   }

   .container_12 .marginLeft_2
   {
      margin-left: 16.666%;
   }

   .container_12 .marginLeft_3
   {
      margin-left: 25%;
   }

   .container_12 .marginLeft_4
   {
      margin-left: 33.333%;
   }

   .container_12 .marginLeft_5
   {
      margin-left: 41.666%;
   }

   .container_12 .marginLeft_6
   {
      margin-left: 50%;
   }

   .container_12 .marginLeft_7
   {
      margin-left: 58.333%;
   }

   .container_12 .marginLeft_8
   {
      margin-left: 66.666%;
   }

   .container_12 .marginLeft_9
   {
      margin-left: 75%;
   }

   .container_12 .marginLeft_10
   {
      margin-left: 83.333%;
   }

   .container_12 .marginLeft_11
   {
      margin-left: 91.666%;
   }

   /* Suffix Extra Space >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .suffix_1
   {
      padding-right: 7.333%;
   }

   .container_12 .suffix_2
   {
      padding-right: 15.666%;
   }

   .container_12 .suffix_3
   {
      padding-right: 24%;
   }

   .container_12 .suffix_4
   {
      padding-right: 32.333%;
   }

   .container_12 .suffix_5
   {
      padding-right: 40.666%;
   }

   .container_12 .suffix_6
   {
      padding-right: 49%;
   }

   .container_12 .suffix_7
   {
      padding-right: 59.333%;
   }

   .container_12 .suffix_8
   {
      padding-right: 65.666%;
   }

   .container_12 .suffix_9
   {
      padding-right: 74%;
   }

   .container_12 .suffix_10
   {
      padding-right: 82.333%;
   }

   .container_12 .suffix_11
   {
      padding-right: 90.666%;
   }

   .container_12 .marginRight_1
   {
      margin-right: 7.333%;
   }

   .container_12 .marginRight_2
   {
      margin-right: 15.666%;
   }

   .container_12 .marginRight_3
   {
      margin-right: 24%;
   }

   .container_12 .marginRight_4
   {
      margin-right: 32.333%;
   }

   .container_12 .marginRight_5
   {
      margin-right: 40.666%;
   }

   .container_12 .marginRight_6
   {
      margin-right: 49%;
   }

   .container_12 .marginRight_7
   {
      margin-right: 59.333%;
   }

   .container_12 .marginRight_8
   {
      margin-right: 65.666%;
   }

   .container_12 .marginRight_9
   {
      margin-right: 74%;
   }

   .container_12 .marginRight_10
   {
      margin-right: 82.333%;
   }

   .container_12 .marginRight_11
   {
      margin-right: 90.666%;
   }

   /* Push Space >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .push_1
   {
      left: 9.333%;
   }

   .container_12 .push_2
   {
      left: 17.666%;
   }

   .container_12 .push_3
   {
      left: 26%;
   }

   .container_12 .push_4
   {
      left: 34.333%;
   }

   .container_12 .push_5
   {
      left: 42.666%;
   }

   .container_12 .push_6
   {
      left: 51%;
   }

   .container_12 .push_7
   {
      left: 59.333%;
   }

   .container_12 .push_8
   {
      left: 67.666%;
   }

   .container_12 .push_9
   {
      left: 76%;
   }

   .container_12 .push_10
   {
      left: 84.333%;
   }

   .container_12 .push_11
   {
      left: 92.666%;
   }

   /* Pull Space >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .pull_1
   {
      left: -7.333%;
   }

   .container_12 .pull_2
   {
      left: -15.666%;
   }

   .container_12 .pull_3
   {
      left: -24%;
   }

   .container_12 .pull_4
   {
      left: -32.333%;
   }

   .container_12 .pull_5
   {
      left: -40.666%;
   }

   .container_12 .pull_6
   {
      left: -49%;
   }

   .container_12 .pull_7
   {
      left: -57.333%;
   }

   .container_12 .pull_8
   {
      left: -65.666%;
   }

   .container_12 .pull_9
   {
      left: -74%;
   }

   .container_12 .pull_10
   {
      left: -82.333%;
   }

   .container_12 .pull_11
   {
      left: -90.666%;
   }

}


/* end @media all and (min-width: 100rem) */

@media all and (max-width: 100rem)
{
   /* layout for a maximum with of 100 rem (which is 1600px if the base font size is set to 16px)*/
   /* Containers
   ----------------------------------------------------------------------------------------------------*/
   .container_12
   {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: 100%;
   }

   /* Grid >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .grid_1
   {
      width: 6.333%;
      min-width: 50px !important;
   }

   .container_12 .grid_2
   {
      width: 14.667%;
      min-width: unset !important;
   }

   .container_12 .grid_3
   {
      width: 23%;
      min-width: unset !important;
   }

   .container_12 .grid_4
   {
      width: 31.333%;
      min-width: unset !important;
   }

   .container_12 .grid_5
   {
      width: 39.667%;
      min-width: unset !important;
   }

   .container_12 .grid_6
   {
      width: 48%;
      min-width: unset !important;
   }

   .container_12 .grid_7
   {
      width: 56.333%;
      min-width: unset !important;
   }

   .container_12 .grid_8
   {
      width: 64.667%;
      min-width: unset !important;
   }

   .container_12 .grid_9
   {
      width: 73%;
      min-width: unset !important;
   }

   .container_12 .grid_10
   {
      width: 81.333%;
      min-width: unset !important;
   }

   .container_12 .grid_11
   {
      width: 89.667%;
      min-width: unset !important;
   }

   .container_12 .grid_12
   {
      width: 98%;
      min-width: unset !important;
   }

   .container_12 .fullwidth
   {
      width: 99%;
      min-width: 50px !important;
   }

   /* Grid >> 12 Columns without Margins
   ----------------------------------------------------------------------------------------------------*/
   .grid_1noMargins
   {
      width: 7.333%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_2noMargins
   {
      width: 15.667%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_3noMargins
   {
      width: 24%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_4noMargins
   {
      width: 32.333%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_5noMargins
   {
      width: 40.667%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_6noMargins
   {
      width: 49%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_7noMargins
   {
      width: 57.333%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_8noMargins
   {
      width: 65.667%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_9noMargins
   {
      width: 74%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_10noMargins
   {
      width: 82.333%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_11noMargins
   {
      width: 90.667%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_12noMargins
   {
      width: 99%;
      margin-left: 0px;
      margin-right: 0px;
   }

   /* Prefix Extra Space >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .prefix_1
   {
      padding-left: 7.333%;
   }

   .container_12 .prefix_2
   {
      padding-left: 15.666%;
   }

   .container_12 .prefix_3
   {
      padding-left: 24%;
   }

   .container_12 .prefix_4
   {
      padding-left: 32.333%;
   }

   .container_12 .prefix_5
   {
      padding-left: 40.666%;
   }

   .container_12 .prefix_6
   {
      padding-left: 49%;
   }

   .container_12 .prefix_7
   {
      padding-left: 57.333%;
   }

   .container_12 .prefix_8
   {
      padding-left: 65.666%;
   }

   .container_12 .prefix_9
   {
      padding-left: 74%;
   }

   .container_12 .prefix_10
   {
      padding-left: 82.333%;
   }

   .container_12 .prefix_11
   {
      padding-left: 90.666%;
   }

   .container_12 .marginLeft_1
   {
      margin-left: 8.333%;
   }

   .container_12 .marginLeft_2
   {
      margin-left: 16.666%;
   }

   .container_12 .marginLeft_3
   {
      margin-left: 25%;
   }

   .container_12 .marginLeft_4
   {
      margin-left: 33.333%;
   }

   .container_12 .marginLeft_5
   {
      margin-left: 41.666%;
   }

   .container_12 .marginLeft_6
   {
      margin-left: 50%;
   }

   .container_12 .marginLeft_7
   {
      margin-left: 58.333%;
   }

   .container_12 .marginLeft_8
   {
      margin-left: 66.666%;
   }

   .container_12 .marginLeft_9
   {
      margin-left: 75%;
   }

   .container_12 .marginLeft_10
   {
      margin-left: 83.333%;
   }

   .container_12 .marginLeft_11
   {
      margin-left: 91.666%;
   }

   /* Suffix Extra Space >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .suffix_1
   {
      padding-right: 7.333%;
   }

   .container_12 .suffix_2
   {
      padding-right: 15.666%;
   }

   .container_12 .suffix_3
   {
      padding-right: 24%;
   }

   .container_12 .suffix_4
   {
      padding-right: 32.333%;
   }

   .container_12 .suffix_5
   {
      padding-right: 40.666%;
   }

   .container_12 .suffix_6
   {
      padding-right: 49%;
   }

   .container_12 .suffix_7
   {
      padding-right: 59.333%;
   }

   .container_12 .suffix_8
   {
      padding-right: 65.666%;
   }

   .container_12 .suffix_9
   {
      padding-right: 74%;
   }

   .container_12 .suffix_10
   {
      padding-right: 82.333%;
   }

   .container_12 .suffix_11
   {
      padding-right: 90.666%;
   }

   .container_12 .marginRight_1
   {
      margin-right: 7.333%;
   }

   .container_12 .marginRight_2
   {
      margin-right: 15.666%;
   }

   .container_12 .marginRight_3
   {
      margin-right: 24%;
   }

   .container_12 .marginRight_4
   {
      margin-right: 32.333%;
   }

   .container_12 .marginRight_5
   {
      margin-right: 40.666%;
   }

   .container_12 .marginRight_6
   {
      margin-right: 49%;
   }

   .container_12 .marginRight_7
   {
      margin-right: 59.333%;
   }

   .container_12 .marginRight_8
   {
      margin-right: 65.666%;
   }

   .container_12 .marginRight_9
   {
      margin-right: 74%;
   }

   .container_12 .marginRight_10
   {
      margin-right: 82.333%;
   }

   .container_12 .marginRight_11
   {
      margin-right: 90.666%;
   }

   /* Push Space >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .push_1
   {
      left: 9.333%;
   }

   .container_12 .push_2
   {
      left: 17.666%;
   }

   .container_12 .push_3
   {
      left: 26%;
   }

   .container_12 .push_4
   {
      left: 34.333%;
   }

   .container_12 .push_5
   {
      left: 42.666%;
   }

   .container_12 .push_6
   {
      left: 51%;
   }

   .container_12 .push_7
   {
      left: 59.333%;
   }

   .container_12 .push_8
   {
      left: 67.666%;
   }

   .container_12 .push_9
   {
      left: 76%;
   }

   .container_12 .push_10
   {
      left: 84.333%;
   }

   .container_12 .push_11
   {
      left: 92.666%;
   }

   /* Pull Space >> 12 Columns
   ----------------------------------------------------------------------------------------------------*/
   .container_12 .pull_1
   {
      left: -7.333%;
   }

   .container_12 .pull_2
   {
      left: -15.666%;
   }

   .container_12 .pull_3
   {
      left: -24%;
   }

   .container_12 .pull_4
   {
      left: -32.333%;
   }

   .container_12 .pull_5
   {
      left: -40.666%;
   }

   .container_12 .pull_6
   {
      left: -49%;
   }

   .container_12 .pull_7
   {
      left: -57.333%;
   }

   .container_12 .pull_8
   {
      left: -65.666%;
   }

   .container_12 .pull_9
   {
      left: -74%;
   }

   .container_12 .pull_10
   {
      left: -82.333%;
   }

   .container_12 .pull_11
   {
      left: -90.666%;
   }

   .dateRangeFilter .ui-inputfield {
      min-width: fit-content !important;
      min-width: -moz-fit-content !important;
   }

}

/* End @media all and (max-width: 100rem)*/

@media screen and (max-width: 1280px)
{
   /* Layout for a maximum width of 1280 px (Tablet landscape) the left menu is hidden  so the page-header-panel and the page-content-panel can take
    almost the complete horizontal space.*/
   #page-content-panel {
      width: 98%;
   }

   #page-header-panel {
      width: 98%;
   }

   .public-panel .ui-panel, .ui-outputpanel.alertPanel {
      width: 80%;
      left: 0%;
   }
}

/* End @media screen and max-width: 1280px)*/

@media screen and (max-width: 640px)
{
   /* Layout for a maximum width of 640 px the left menu is hidden  so the page-header-panel and the page-content-panel can take
    almost the complete horizontal space.*/
   .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
      margin-left: 1% !important;
      margin-right: 1% !important;
   }

   .marginLeft_1, .marginLeft_2, .marginLeft_3, .marginLeft_4, .marginLeft_5, .marginLeft_6, .marginLeft_7, .marginLeft_8, .marginLeft_9, .marginLeft_10, .marginLeft_11 {
      margin-left: 1% !important;
   }

   .marginRight_1, .marginRight_2, .marginRight_3, .marginRight_4, .marginRight_5, .marginRight_6, .marginRight_7, .marginRight_8, .marginRight_9, .marginRight_10, .marginRight_11 {
      margin-right: 1% !important;
   }

   .container_12 .grid_1
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_2
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_3
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_4
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_5
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_6
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_7
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_8
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_9
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_10
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_11
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .grid_12
   {
      width: 94%;
      min-width: unset !important;
   }

   .container_12 .fullwidth
   {
      width: 98%;
      min-width: 50px !important;
   }

   /* Grid >> 12 Columns without Margins
   ----------------------------------------------------------------------------------------------------*/
   .grid_1noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_2noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_3noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_4noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_5noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_6noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_7noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_8noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_9noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_10noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_11noMargins
   {
      width: 94%;
      margin-left: 0px;
      margin-right: 0px;
   }

   .grid_12noMargins
   {
      width: 96%;
      margin-left: 0px;
      margin-right: 0px;
   }

}

/* End @media screen and max-width: 640px)

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear
{
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after
{
   content: '\0020';
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

.clearfix:after
{
   clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix
{
   zoom: 1;
}