#jquery-script-menu {

    position: fixed;

    height: 90px;

    width: 100%;

    top: 0;

    left: 0;

    border-top: 5px solid #316594;

    background: #fff;

    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

    z-index: 10;

    padding: 10px 0;

    -webkit-box-sizing:content-box;

    -moz-box-sizing:content-box;

    box-sizing:content-box;

    }

    

    .jquery-script-center {

    width: 960px;

    margin: 0 auto;

    }

    .jquery-script-center ul {

    width: 212px;

    float:left;

    line-height:45px;

    margin:0;

    padding:0;

    list-style:none;

    }

    .jquery-script-center a {

        text-decoration:none;

    }

    .jquery-script-ads {

    width: 728px;

    height:90px;

    float:right;

    }

    .jquery-script-clear {

    clear:both;

    height:0;

    }

    

    html {

       overflow-y: scroll;

    }

    

    body {

        /*background-color: rgb(237,237,237);*/

    }

    

    input[type="checkbox"] {

        cursor: pointer;    

        display: inline-block;

        /*max-width:80%;

        min-width:80%;*/

        width:100%;

        height:auto;

        /*margin-left: auto;

        margin-right: auto;	*/

        border:0;

        -webkit-border-radius: 0px;

        margin-bottom: 0px;

    }

    

    input[type="checkbox"].filter_1 {	

       content: url('../img/1_off.jpg');

    }

    

    input[type="checkbox"].filter_1:checked  {

        content: url('../img/1_on.jpg');

    }

    

    input[type="checkbox"].filter_2 {		

        content: url('../img/2_off.jpg');

    }

    

    input[type="checkbox"].filter_2:checked {	

        content: url('../img/2_on.jpg');

    }

    

    input[type="checkbox"].filter_3 {	

        content: url('../img/3_off.jpg');

    }

    

    input[type="checkbox"].filter_3:checked {

        content: url('../img/3_on.jpg');

    }

    

    input[type="checkbox"].filter_4 {	

        content: url('../img/4_off.jpg');

    }

    

    input[type="checkbox"].filter_4:checked {

        content: url('../img/4_on.jpg');

    }

    

    input[type="checkbox"].filter_5 {	

        content: url('../img/5_off.jpg');

    }

    

    input[type="checkbox"].filter_5:checked {

        content: url('../img/5_on.jpg');

    }

    

    input[type="checkbox"].filter_6 {	

        content: url('../img/6_off.jpg');

    }

    

    input[type="checkbox"].filter_6:checked {

        content: url('../img/6_on.jpg');

    }

    

    input[type="checkbox"].filter_7 {	

        content: url('../img/7_off.jpg');

    }

    

    input[type="checkbox"].filter_7:checked {

        content: url('../img/7_on.jpg');

    }

    

    input[type="checkbox"].filter_8 {	

        content: url('../img/8_off.jpg');

    }

    

    input[type="checkbox"].filter_8:checked {

        content: url('../img/8_on.jpg');

    }

    

    input[type="checkbox"].filter_9 {	

        content: url('../img/9_off.jpg');

    }

    

    input[type="checkbox"].filter_9:checked {

        content: url('../img/9_on.jpg');

    }

    

    input[type="checkbox"].filter_10 {	

        content: url('../img/10_off.jpg');

    }

    

    input[type="checkbox"].filter_10:checked {

        content: url('../img/10_on.jpg');

    }

    

    input[type="checkbox"].filter_11 {	

        content: url('../img/11_off.jpg');

    }

    

    input[type="checkbox"].filter_11:checked {	

        content: url('../img/11_on.jpg');

    }

    

    input[type="checkbox"].filter_12 {	

        content: url('../img/12_off.jpg');

    }

    

    input[type="checkbox"].filter_12:checked {

        content: url('../img/12_on.jpg');

    }

    

    input[type="checkbox"].clear {	

        content: url('../img/clear_off.jpg');

    }

    

    input[type="checkbox"].clear:hover{

        content: url('../img/clear_on.jpg');

    }

    

    

    input[type="checkbox"].filter_1_w {	

        content: url('../img/1_off_w.jpg');

    }

    

    input[type="checkbox"].filter_1_w:checked  {

        content: url('../img/1_on_w.jpg');

    }

    

    input[type="checkbox"].filter_2_w {	

        content: url('../img/2_off_w.jpg');

    }

    

    input[type="checkbox"].filter_2_w:checked {

        content: url('../img/2_on_w.jpg');

    }

    

    input[type="checkbox"].filter_3_w {	

        content: url('../img/3_off_w.jpg');

    }

    

    input[type="checkbox"].filter_3_w:checked {

        content: url('../img/3_on_w.jpg');

    }

    

    input[type="checkbox"].filter_4_w {	

        content: url('../img/4_off_w.jpg');

    }

    

    input[type="checkbox"].filter_4_w:checked {

        content: url('../img/4_on_w.jpg');

    }

    

    input[type="checkbox"].filter_5_w {	

        content: url('../img/5_off_w.jpg');

    }

    

    input[type="checkbox"].filter_5_w:checked {

        content: url('../img/5_on_w.jpg');

    }

    

    input[type="checkbox"].filter_6_w {	

        content: url('../img/6_off_w.jpg');

    }

    

    input[type="checkbox"].filter_6_w:checked {

        content: url('../img/6_on_w.jpg');

    }

    

    input[type="checkbox"].filter_7_w {	

        content: url('../img/7_off_w.jpg');

    }

    

    input[type="checkbox"].filter_7_w:checked {

        content: url('../img/7_on_w.jpg');

    }

    

    input[type="checkbox"].filter_8_w {	

        content: url('../img/8_off_w.jpg');

    }

    

    input[type="checkbox"].filter_8_w:checked {

        content: url('../img/8_on_w.jpg');

    }

    

    input[type="checkbox"].filter_9_w {	

        content: url('../img/9_off_w.jpg');

    }

    

    input[type="checkbox"].filter_9_w:checked {

        content: url('../img/9_on.jpg');

    }

    

    input[type="checkbox"].filter_10_w {	

        content: url('../img/10_off_w.jpg');

    }

    

    input[type="checkbox"].filter_10_w:checked {

        content: url('../img/10_on_w.jpg');

    }

    

    input[type="checkbox"].filter_11_w {	

        content: url('../img/11_off_w.jpg');

    }

    

    input[type="checkbox"].filter_11_w:checked {

        content: url('../img/11_on_w.jpg');

    }

    

    input[type="checkbox"].filter_12_w {	

        content: url('../img/12_off_w.jpg');

    }

    

    input[type="checkbox"].filter_12_w:checked {

        content: url('../img/12_on_w.jpg');

    }

    

    input[type="checkbox"].clear_w {	

        content: url('../img/clear_off_w.jpg');

    }

    

    input[type="checkbox"].clear_w:hover {

        content: url('../img/clear_on_w.jpg');

    }

    

    

    .native-hidden {

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

    }

    

    #table_buttons, #table_buttons_white {    

        border-collapse: collapse;

        z-index: 998;

        position: sticky;	

        position: -webkit-sticky;

        position: -moz-sticky;

        position: -ms-sticky;

        position: -o-sticky;

        margin-top: 50px;

        margin-bottom:  0px;

        top: 60px;

        width: 100%;

        margin-left:auto;

margin-right:auto;

        max-width:960px;;

        resize:both;

        overflow:auto;

    }

    

    #table_buttons th, #table_buttons_white th {

        /*min-width:26px;*/

        /*border: 1px white solid;

        border-color: rgba(0,0,0,0.15);	*/

        padding: 1px;

    }

    

    #table_buttons_white { 

        background-color: white;

    }

    

    #table_format { 

        width: 100%;	

        border-collapse:collapse;				

        font-family: arial;

        font-size: .6em;

        background-color:white;    

        padding: 2px 3px 2px 3px;	

        resize:both;

        overflow:auto;

    }

    #table_format2 { 

        width: 100%;	

        border-collapse:collapse;				

        font-family: arial;

        font-size: .6em;

        background-color:white;    

        padding: 2px 3px 2px 3px;	

        resize:both;

        overflow:auto;

    }

    

    #table_format th

    {			

        /*border: none;	*/

        border: 1px #e5e5e5 solid;

        border-color: rgba(0,0,0,0.15);

        /*min-width:25px;*/

        width:auto;

        height: auto;

        padding: 2px;	

        background-color: #d9d9d9;

    }

    #table_format2 th

    {			

        /*border: none;	*/

        border: 1px #e5e5e5 solid;

        border-color: rgba(0,0,0,0.15);

        /*min-width:25px;*/

        width: auto;

        height: auto;

        padding: 2px;	

        background-color: #d9d9d9;

    }

    

    #table_format th.table_title { 

        text-align: left;	

    }

    #table_format2 th.table_title { 

        text-align: center;	

    }
    

    #table_format td 

    {

        text-align:center; 

        vertical-align:middle;		

        font-weight: bold;

        border: 1px #e5e5e5 solid;

        border-color: rgba(0,0,0,0.15);

        padding: 2px 0px 2px 0px;

        width:6%;

    }

    #table_format2 td 

    {

        text-align:left; 

        vertical-align:top;		

        font-weight: bold;

        border: 1px #e5e5e5 solid;

        border-color: rgba(0,0,0,0.15);

        padding: 2px 2px 2px 2px;

        width:20%;

    }

    

    #table_format td.scale_type {

        text-align:left; 

        width:28%;

        font-weight: normal;	

        padding-left: 1px;

    }

    

    .ddtf-filtered-color {

        background-color:yellow;

    }



    



/* The Modal (background) */

.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 999; /* Sit on top */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

  }

  

  /* Modal Content/Box */

  .modal-content {

    background-color: #fefefef5;

    margin: 10% auto; /* 15% from the top and centered */

    padding: 20px;

    box-shadow: #fff;

    border: 3px solid rgba(49, 49, 49, 0.507);

    border-radius: 25px;

    width: 80%; /* Could be more or less, depending on screen size */

  }

  

  /* The Close Button */

  .close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

  }

   

  .close:hover,

  .close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

  }

  

  .spacer

  {

  position: relative;

  width: 100%;

  height: 100px;

  }



  .br {

    display: block;

    margin: 100px 0;

}