html { font-size: 1.85vh;  line-height: 3vh; }
    
    form { margin-bottom: 0.5em;  }
    
    select { -moz-appearance: none;-webkit-appearance: none;
    text-align-last:left;
    padding-left:0.2em;padding-right:0.2em;font-size: 0.8em; margin-left: 0.2em; height: 2.0em; background:#F6F8FA; vertical-align: middle;  
    
    }
    button {  font-size: 0.8em; margin-left: 0.2em; height: 2.0em;  vertical-align: middle;  line-height:0;  }
    input[type=button] { font-size: 0.8em; margin-left: 0.2em; height: 2.0em; height: 2.0em; text-align:center;vertical-align: middle; }  
    input[type=text] { font-size: 0.8em; line-height:1.5em; height: 1.5em; text-align:center;vertical-align: middle; width:20em; } 
    textarea { font-size: 1.0em;  height: 6.0em; height: 30em; width:89vw; max-width: 64em;}
    
    input[type=password] { font-size: 0.8em; line-height:1.5em; height: 1.5em; text-align:center;vertical-align: middle; max-width:10em; }  
    input[type=number] { font-size: 0.8em; line-height:1.5em; height: 1.5em; text-align:center;vertical-align: middle;  max-width:5em; }      
    body { margin: 0; font-family: Arial, Helvetica, sans-serif; }
    
    div.list_style { border: 0.05em solid silver;max-width: 40em; border-radius: 0.1em;background-color: #F6F8FA; padding: 1em; padding-top: 0.5em; padding-bottom: 0.5em;padding-right: 1.5em;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: 0;margin-right: 0;position: relative;  }
    
    div.full_info_list_style { border: 0.05em solid silver;max-width: 40em; border-radius: 0.1em;background-color: #F6F8FA; padding: 1em; padding-top: 0.5em; padding-bottom: 0.5em;padding-right: 1.5em;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: 0;margin-right: 0;position: relative;  background-color: #F6F8FE; }
    
    .list_style div.full_info_list_style { border: 0.05em solid silver;max-width: 40em; border-radius: 0.1em;background-color: #F6F8FA; padding: 1em; padding-top: 0.5em; padding-bottom: 0.5em;padding-right: 1.5em;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: 0;margin-right: 0;position: relative;   background-color: inherit; }
    
    .short_info_list_style div.full_info_list_style { border: 0.05em solid silver;max-width: 40em; border-radius: 0.1em;background-color: #F6F8FA; padding: 1em; padding-top: 0.5em; padding-bottom: 0.5em;padding-right: 1.5em;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: 0;margin-right: 0;position: relative;  background-color: inherit; }
    
    .code_style_emb { margin-top: 5%;text-align:justify;margin-left:8%;margin-right:8%; }
    
    div.short_info_list_style { border: 0.05em solid silver;max-width: 40em; border-radius: 0.1em;background-color: #F6F8FA; padding: 1em; padding-top: 0.5em; padding-bottom: 0.5em;padding-right: 1.5em;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: 0;margin-right: 0;position: relative;  background-color: white; }
    
    .list_style div.list_style { border: 0px;
border-top: 0.05em solid silver;
border-top-style: dashed;
background-color: white;
padding: 0px;
padding-left: 0px;
margin-left: 0.25em;
margin-right: 0px;
padding-top: 0.25em;
padding-bottom: 1em;
margin-top: 0.25em;
margin-bottom: 0px;
position: relative;           background-color: inherit;  }
    
    .unos {
        border: 0px;
        border-top: 0.05em solid silver;
        border-top-style: dashed;
        background-color: white;
        padding: 0.5em;
        margin-left: 0.25em;
        padding-top: 0.25em;
        margin-top: 0.5em;
        margin-right: 0px;
        position: relative;
        padding-left: 0px;
        margin-bottom: 1em;
        padding-right: 1.5em;
    }
    
    .img-wrap { position: relative;  max-width: min-content;  }   
    .close {  position: absolute;  right: -0.5em; top: -1em;}
    
    .snos {
        border: 0px;
border-top: 0.05em solid silver;
border-top-style: dashed;
background-color: white;
padding: 0px;
padding-left: 0px;
margin-left: 0.25em;
margin-right: 0px;
padding-top: 0.25em;
padding-bottom: 1em;
margin-top: 0.25em;
margin-bottom: 0px;
position: relative;          
        padding-left: 0px;
        margin-bottom: 1em;
        border-top: 0px solid silver;
    }
    
    .snos a { text-decoration: none; color: black; font-family:'Open Sans', sans-serif; }
    .full_info_list_style div.list_style { border: 0px;
border-top: 0.05em solid silver;
border-top-style: dashed;
background-color: white;
padding: 0px;
padding-left: 0px;
margin-left: 0.25em;
margin-right: 0px;
padding-top: 0.25em;
padding-bottom: 1em;
margin-top: 0.25em;
margin-bottom: 0px;
position: relative;             background-color: inherit;  }   
    .short_info_list_style div.list_style {  border: 0px;
border-top: 0.05em solid silver;
border-top-style: dashed;
background-color: white;
padding: 0px;
padding-left: 0px;
margin-left: 0.25em;
margin-right: 0px;
padding-top: 0.25em;
padding-bottom: 1em;
margin-top: 0.25em;
margin-bottom: 0px;
position: relative;            background-color: inherit; }
    
    select.actionchoice {
        text-align-last: right;
        font-size: 1em;
        right: 1.6em;
        bottom: 0.6em;
        z-index:4;
        position: absolute;
        padding-right: 0em;
        height: auto;
        margin-right:0%;
        border: 0px solid transparent;
        background: inherit;
        overflow: hidden;
        border:0px;
        outline:0px;
        -moz-appearance:none; 
        -webkit-appearance:none; 
        appearance:none;
    }
    select.actionchoice:hover {  right: 1.6em; bottom: 0.6em;   z-index:4;  position: absolute;width: max-content; margin-right:0%; height:max-content; background: #F6F8FA; text-decoration: none; border: 0.05em dashed black; width: max-content; z-index:8; max-width: max-content;}
    select.actionchoice:focus {  right: 1.6em; bottom: 0.6em;   z-index:4;  position: absolute; width: max-content; margin-right:0%; height:max-content; background: #F6F8FA; text-decoration: none; border: 0.05em dashed black; width: max-content; z-index:8; max-width: max-content;}

    select.morechoice {
        font-size: 1em;
        height: auto;
        margin-right:0%;
        background: transparent;
        border: 0px solid transparent;
        background: transparent;
        border: 0px solid white;
        overflow: hidden;
        overflow: hidden;
        border:0px;
        outline:0px;
        -moz-appearance:none; 
        -webkit-appearance:none; 
        appearance:none;
    }
    select.morechoice:hover {  width: max-content; margin-right:0%; height:max-content; background: #F6F8FA; text-decoration: none; border: 0.05em dashed black; width: max-content; outline:0px; z-index:8; max-width: max-content;}

    
    
    
    select.defchoice {
        position: absolute;
        right: -0.1em;
        padding-top: 0.1em;
        top: auto;
        font-size: 1em;
        max-width: 2em;
        height: auto;
        margin-right:0%;
        background: transparent;
        border: 0px solid transparent;
        background: transparent;
        border: 0px solid white;
        overflow: hidden;
        overflow: hidden;
        border:0px;
        outline:0px;
        -moz-appearance:none; 
        -webkit-appearance:none; 
        appearance:none;
    }
    select.defchoice:focus { position: absolute; right: -0.1em; padding-top: 0.1em; top: auto;height:max-content; background: #F6F8FA; text-decoration: none; border: 0.05em dashed black; width: max-content; z-index:8; }
    
    select.defchoice_2 {
        font-size: 1em;
        max-width: 2em;
        height: auto;
        margin-right:0%;
        background: transparent;
        border: 0px solid transparent;
        background: transparent;
        border: 0px solid white;
        overflow: hidden;
        overflow: hidden;
        border:0px;
        outline:0px;
        -moz-appearance:none; 
        -webkit-appearance:none; 
        appearance:none;
    }
    select.defchoice_2:focus { height:max-content; background: #F6F8FA; text-decoration: none; border: 0.05em dashed black; width: max-content; z-index:8; }
    
    .ct_op { font-family: sans-serif ; }   
    .cb_ottom { font-family: sans-serif; }
     
    .c_side_bar {
      background-color: #f1f1f1;
      background-color: #F6F8FA;
      height: auto;
      float: left;
      overflow: auto;
      width: 100%;
      position: relative;
    }

    .c_side_bar a {  display: block; float: left; color: black; padding: 0.8em; text-decoration: none; }
    .c_side_bar a.c_active {  font-weight: 700; }
    .c_side_bar a:hover:not(.c_active) { background-color: #555; color: white; }
    div.c_con_tent { float: left; width:45%; overflow:hidden;  margin-bottom: 3.5em; }  
    div.c3_con_tent {  margin: auto; width:fit-content;width: 90vw; max-width: 65em;  overflow:hidden;  margin-bottom: 3.5em; }
    div.c3_con_tent form { margin: auto; width:fit-content;width: 90vw; max-width: 65em; overflow:hidden;  }
    div.c2_con_tent {  max-width:45%;  overflow:hidden;  padding: 0.4em 0.8em;  margin-bottom: 3.5em;  }

    .cn_av {
      list-style-type: none;
      text-align: left;
      background-color: black;
      background-color: #802961;
      background-color: #af5b91;
      background-color: #3e3c3c;
      background-color: #3b458e;
      background-color: #282e5b;
      margin: 0;
      min-height:2.7em;
      padding: 0.25em;
      padding-top: 0.60em;
      padding-bottom: 0px;
    }
    .cn_av a { color: black;  color: white;  text-decoration: none;  }
    .cn_av li {  display: inline-block; font-size: 1.2em;  padding: 0.05em; }

    .c4_nav_bar {
      z-index: 6;
      background-color: #F6F8FE;
      position: fixed;
      bottom: 0;
      width: 100%;
      max-width:100em;
      padding: 0.75em 0px;
    }
    .c4_nav_bar p { margin-left: 2em;   text-decoration: none;  font-size: 1.1em; }

    .c_hea_der {
      overflow: hidden;
      background-color: #dae1ec;
      background-color: #edf1f6;
      background-color: white;
      background: url(https://opt2desk.com/header.jpg); 
      background: linear-gradient(181deg, rgba(228, 225, 225, 0), rgba(255, 255, 255, 1)), url(https://opt2desk.com/header.jpg) repeat 0;
      background-image: linear-gradient(181deg, rgba(228, 225, 225, 0), rgba(255, 255, 255, 1)), url(https://opt2desk.com/header.jpg) repeat 0;
      background-size: 100% auto;
      padding: 0.5em;
      padding-top: 1em;
      padding-bottom: 0px;
    }

    .c_hea_der a {
      float: left;
      color: black;
      text-align: center;
      text-decoration: none;
      font-size: 1.1em;
      padding: 11px;
      line-height: 25px;
      border-radius: 4px;
    }
    
     a.c_style { margin-top: 0.1em;margin-bottom: 0.4em;margin-left: 0.1em;margin-right: 0.1em; }
     
     a.a_style_2 {  margin:0;padding:0;font-size:1.0em;vertical-align:baseline;background:transparent;text-decoration: none;;margin-left: 3.0em;margin-right: 0.0em;  }  
     a.a_style_3 { margin:0;padding:0;font-size:1.0em;vertical-align:baseline;background:transparent;text-decoration: none;;margin-left: 0.5em;margin-right: 0.5em;   }
     
     p.p_style {  display: block;margin-top: 0.6em;margin-bottom: 0.6em;margin-left: 0;margin-right: 0; } 
     p.p_style_2 {  display: block;margin-top: 0;margin-bottom: 0;margin-left: 0;margin-right: 0; }
     
     div.p_style_2 {  display: block;margin-top: 0;margin-bottom: 0;margin-left: 0;margin-right: 0;}
     a.c_style { margin-top: 0.1em;margin-bottom: 0.4em;margin-left: 0.1em;margin-right: 0.1em; }
     div.c_style { margin-top: 0.1em;margin-bottom: 0.4em;margin-left: 0.1em;margin-right: 0.1em; }
     
     p.c_style { margin-top: 0.1em;margin-bottom: 0.4em;margin-left: 0.1em;margin-right: 0.1em; }
     
     select.c_style { margin-top: 0.1em;margin-bottom: 0.4em;margin-left: 0.1em;margin-right: 0.1em;  }  
     input.c_style { margin-top: 0.1em;margin-bottom: 0.4em;margin-left: 0.1em;margin-right: 0.1em; }  
     area.c_style { margin-top: 0.1em;margin-bottom: 0.4em;margin-left: 0.1em;margin-right: 0.1em; }   
     button.c_style { margin-top: 0.1em;margin-bottom: 0.4em;margin-left: 0.1em;margin-right: 0.1em; }    
     span.c_style_span { display: inline-block; margin-top: 0.2em;margin-bottom: 0.2em;margin-left: 0.1em;margin-right: 0.1em;font-style:italic  }
     
     a.c_style_span { display: inline-block; margin-top: 0.2em;margin-bottom: 0.2em;margin-left: 0.1em;margin-right: 0.1em;font-style:italic  }
     
    .c_hea_der a.c_lo_go { font-size: 1.5em; font-weight: bold; }
    .c_hea_der a:hover { background-color: #ddd; color: black; }
    
     a.a_style:hover { margin:0;padding:0;font-size:1.0em;vertical-align:baseline;background:transparent;background-color:transparent;text-decoration: none;}
    .c_hea_der a.active {  background-color: dodgerblue;  color: white;   }
    .c3_nav_bar { float: right;  }
    
     a.a_style {   padding:0;margin:0;font-size:1em;  }
     
    
    @media screen and (max-height: 800px) {
       html { font-size: 2.6vh; line-height: 3.1vh; }
       
       .c4_nav_bar { padding: 0px 0px; }
    }
    
    @media screen and (max-height: 600px) {
       html { font-size: 3.5vh; line-height: 4.4vh;   }
    }
    
    @media screen and (max-height: 400px) {
       html { font-size: 4.4vh;   line-height: 5.3vh;  }
    }
     
    
    @media screen and (max-height: 260px) {
       html { font-size: 8.8vh; line-height: 9.7vh;  }
    }  
    
    @media screen and (max-width: 1000px) {  
         .code_style_emb { margin-top: 2%;text-align:justify;margin-left:1%;margin-right:1%; }
    }
    
     @media screen and (max-device-width: 1000px) {  
         .code_style_emb { margin-top: 2%;text-align:justify;margin-left:1%;margin-right:1%; }
    }
    

    @media screen and (max-width: 700px) {  
       html { font-size: 1.9vh;  line-height: 2.5vh; }  
       
       .c_hea_der a.a_bo_ut { padding: 0.25em; margin-top: 0.3em; margin-left: 4em; margin-bottom: 0.9em; }
         
       .c_hea_der a { padding: 0.3em; line-height: 0.62em; border-radius: 0.1em;}
       
      .c4_nav_bar { padding: 0px; padding-right: 0px; }
      
      .c_side_bar { width: 100%; height: auto; position: relative; }

      .c_side_bar a { float: left; }

      div.c_con_tent { margin-bottom: 0px; padding-bottom: 0px; margin-left: 2.5%; min-height: auto; height: auto; padding-left:0; max-width:95%;min-width:95%;  }
      
      div.c3_con_tent {margin-bottom: 0px; padding-bottom: 0px; margin-left: 2.5%; min-height: auto; height: auto; padding-left:0; max-width:95%;min-width:95%;  margin:auto; margin-bottom: 1.75em; }

      div.c2_con_tent { margin-bottom: 0px; padding-bottom: 0px; margin-left: 2.5%; min-height: auto; height: auto; padding-left:0; max-width:95%;min-width:95%;  }
     
     a.a_style {   padding-left:0;padding-right:0;margin:0; padding-top:0.5em;  }
     
       }
        
    @media screen and (max-device-width:700px) {  
       html { font-size: 1.9vh;  line-height: 2.5vh; }  
       
       .c_hea_der a.a_bo_ut { padding: 0.25em; margin-top: 0.3em; margin-left: 4em; margin-bottom: 0.9em; }
         
       .c_hea_der a { padding: 0.3em; line-height: 0.62em; border-radius: 0.1em;}
       
      .c4_nav_bar { padding: 0px; padding-right: 0px; }
      
      .c_side_bar { width: 100%; height: auto; position: relative; }

      .c_side_bar a { float: left; }

      div.c_con_tent { margin-bottom: 0px; padding-bottom: 0px; margin-left: 2.5%; min-height: auto; height: auto; padding-left:0; max-width:95%;min-width:95%;  }
      
      div.c3_con_tent {margin-bottom: 0px; padding-bottom: 0px; margin-left: 2.5%; min-height: auto; height: auto; padding-left:0; max-width:95%;min-width:95%;  margin:auto; margin-bottom: 1.75em; }

      div.c2_con_tent { margin-bottom: 0px; padding-bottom: 0px; margin-left: 2.5%; min-height: auto; height: auto; padding-left:0; max-width:95%;min-width:95%;  }
     
     a.a_style {   padding-left:0;padding-right:0;margin:0; padding-top:0.5em;  }
     
       }
       
    @media screen and (max-height: 600px) {
       html { font-size: 2.4vh; line-height: 2.6vh;   }
    }
    
    @media screen and (max-height: 500px) {
       html { font-size: 2.8vh; line-height: 3.4vh;   }
    }
    
    
    @media screen and (max-height: 400px) {
       html { font-size: 3.5vh;   line-height: 4.4vh;  }
    }
     
    
    @media screen and (max-height: 300px) {
       html { font-size: 4.4vh; line-height: 5.3vh;  }
    }   
    
    
    @media screen and (max-height: 220px) {
       html { font-size: 6.0vh; line-height: 6.6vh;  }
    }