/*$chev_color: orange;*/
/*$bg_color: #ffffff;*/
/*$chev_height: 60px; //60 good setting*/
/*$chev_sep: 60px; //60 good setting*/
:root {
  --c_color: limegreen;
  --bg_color: white;
  --oc_width: 100px;
  --c_width: (150px + 30px);
  --c_sep: 60px;
  --c_height: 60px;
}

body {
  margin: 0px;
  background-color: var(--bg_color);
}

.col0 {
  left: 0px;
  top: -60px;
  position: absolute;
}

.col1 {
  left: 130px;
  top: -60px;
  position: absolute;
}

.col2 {
  left: 260px;
  top: -60px;
  position: absolute;
}

.col3 {
  left: 390px;
  top: -60px;
  position: absolute;
}

.col4 {
  left: 520px;
  top: -60px;
  position: absolute;
}

.col5 {
  left: 650px;
  top: -60px;
  position: absolute;
}

.col6 {
  left: 780px;
  top: -60px;
  position: absolute;
}

.col7 {
  left: 910px;
  top: -60px;
  position: absolute;
}

.col8 {
  left: 1040px;
  top: -60px;
  position: absolute;
}

.col9 {
  left: 1170px;
  top: -60px;
  position: absolute;
}

.col10 {
  left: 1300px;
  top: -60px;
  position: absolute;
}

.col11 {
  left: 1430px;
  top: -60px;
  position: absolute;
}

.col12 {
  left: 1560px;
  top: -60px;
  position: absolute;
}

.col13 {
  left: 1690px;
  top: -60px;
  position: absolute;
}

.col14 {
  left: 1820px;
  top: -60px;
  position: absolute;
}

.col15 {
  left: 1950px;
  top: -60px;
  position: absolute;
}

.col16 {
  left: 2080px;
  top: -60px;
  position: absolute;
}

.col17 {
  left: 2210px;
  top: -60px;
  position: absolute;
}

.col18 {
  left: 2340px;
  top: -60px;
  position: absolute;
}

.col19 {
  left: 2470px;
  top: -60px;
  position: absolute;
}

.col20 {
  left: 2600px;
  top: -60px;
  position: absolute;
}

.col21 {
  left: 2730px;
  top: -60px;
  position: absolute;
}

.col22 {
  left: 2860px;
  top: -60px;
  position: absolute;
}

.col23 {
  left: 2990px;
  top: -60px;
  position: absolute;
}

.col24 {
  left: 3120px;
  top: -60px;
  position: absolute;
}

.col25 {
  left: 3250px;
  top: -60px;
  position: absolute;
}

.col26 {
  left: 3380px;
  top: -60px;
  position: absolute;
}

.col27 {
  left: 3510px;
  top: -60px;
  position: absolute;
}

.col28 {
  left: 3640px;
  top: -60px;
  position: absolute;
}

.col29 {
  left: 3770px;
  top: -60px;
  position: absolute;
}

.col30 {
  left: 3900px;
  top: -60px;
  position: absolute;
}

.col31 {
  left: 4030px;
  top: -60px;
  position: absolute;
}

.col32 {
  left: 4160px;
  top: -60px;
  position: absolute;
}

.col33 {
  left: 4290px;
  top: -60px;
  position: absolute;
}

.col34 {
  left: 4420px;
  top: -60px;
  position: absolute;
}

.col35 {
  left: 4550px;
  top: -60px;
  position: absolute;
}

.col36 {
  left: 4680px;
  top: -60px;
  position: absolute;
}

.col37 {
  left: 4810px;
  top: -60px;
  position: absolute;
}

.col38 {
  left: 4940px;
  top: -60px;
  position: absolute;
}

.col39 {
  left: 5070px;
  top: -60px;
  position: absolute;
}

.col40 {
  left: 5200px;
  top: -60px;
  position: absolute;
}

.col41 {
  left: 5330px;
  top: -60px;
  position: absolute;
}

.col42 {
  left: 5460px;
  top: -60px;
  position: absolute;
}

.col43 {
  left: 5590px;
  top: -60px;
  position: absolute;
}

.col44 {
  left: 5720px;
  top: -60px;
  position: absolute;
}

.col45 {
  left: 5850px;
  top: -60px;
  position: absolute;
}

.col46 {
  left: 5980px;
  top: -60px;
  position: absolute;
}

.col47 {
  left: 6110px;
  top: -60px;
  position: absolute;
}

.col48 {
  left: 6240px;
  top: -60px;
  position: absolute;
}

.col49 {
  left: 6370px;
  top: -60px;
  position: absolute;
}

.col50 {
  left: 6500px;
  top: -60px;
  position: absolute;
}

.col51 {
  left: 6630px;
  top: -60px;
  position: absolute;
}

.col52 {
  left: 6760px;
  top: -60px;
  position: absolute;
}

.col53 {
  left: 6890px;
  top: -60px;
  position: absolute;
}

.col54 {
  left: 7020px;
  top: -60px;
  position: absolute;
}

.col55 {
  left: 7150px;
  top: -60px;
  position: absolute;
}

.col56 {
  left: 7280px;
  top: -60px;
  position: absolute;
}

.col57 {
  left: 7410px;
  top: -60px;
  position: absolute;
}

.col58 {
  left: 7540px;
  top: -60px;
  position: absolute;
}

.col59 {
  left: 7670px;
  top: -60px;
  position: absolute;
}

.col60 {
  left: 7800px;
  top: -60px;
  position: absolute;
}

.col61 {
  left: 7930px;
  top: -60px;
  position: absolute;
}

.col62 {
  left: 8060px;
  top: -60px;
  position: absolute;
}

.col63 {
  left: 8190px;
  top: -60px;
  position: absolute;
}

.col64 {
  left: 8320px;
  top: -60px;
  position: absolute;
}

.col65 {
  left: 8450px;
  top: -60px;
  position: absolute;
}

.col66 {
  left: 8580px;
  top: -60px;
  position: absolute;
}

.col67 {
  left: 8710px;
  top: -60px;
  position: absolute;
}

.col68 {
  left: 8840px;
  top: -60px;
  position: absolute;
}

.col69 {
  left: 8970px;
  top: -60px;
  position: absolute;
}

.col70 {
  left: 9100px;
  top: -60px;
  position: absolute;
}

.col71 {
  left: 9230px;
  top: -60px;
  position: absolute;
}

.col72 {
  left: 9360px;
  top: -60px;
  position: absolute;
}

.col73 {
  left: 9490px;
  top: -60px;
  position: absolute;
}

.col74 {
  left: 9620px;
  top: -60px;
  position: absolute;
}

.col75 {
  left: 9750px;
  top: -60px;
  position: absolute;
}

.col76 {
  left: 9880px;
  top: -60px;
  position: absolute;
}

.col77 {
  left: 10010px;
  top: -60px;
  position: absolute;
}

.col78 {
  left: 10140px;
  top: -60px;
  position: absolute;
}

.col79 {
  left: 10270px;
  top: -60px;
  position: absolute;
}

.col80 {
  left: 10400px;
  top: -60px;
  position: absolute;
}

.col81 {
  left: 10530px;
  top: -60px;
  position: absolute;
}

.col82 {
  left: 10660px;
  top: -60px;
  position: absolute;
}

.col83 {
  left: 10790px;
  top: -60px;
  position: absolute;
}

.col84 {
  left: 10920px;
  top: -60px;
  position: absolute;
}

.col85 {
  left: 11050px;
  top: -60px;
  position: absolute;
}

.col86 {
  left: 11180px;
  top: -60px;
  position: absolute;
}

.col87 {
  left: 11310px;
  top: -60px;
  position: absolute;
}

.col88 {
  left: 11440px;
  top: -60px;
  position: absolute;
}

.col89 {
  left: 11570px;
  top: -60px;
  position: absolute;
}

.col90 {
  left: 11700px;
  top: -60px;
  position: absolute;
}

.col91 {
  left: 11830px;
  top: -60px;
  position: absolute;
}

.col92 {
  left: 11960px;
  top: -60px;
  position: absolute;
}

.col93 {
  left: 12090px;
  top: -60px;
  position: absolute;
}

.col94 {
  left: 12220px;
  top: -60px;
  position: absolute;
}

.col95 {
  left: 12350px;
  top: -60px;
  position: absolute;
}

.col96 {
  left: 12480px;
  top: -60px;
  position: absolute;
}

.col97 {
  left: 12610px;
  top: -60px;
  position: absolute;
}

.col98 {
  left: 12740px;
  top: -60px;
  position: absolute;
}

.col99 {
  left: 12870px;
  top: -60px;
  position: absolute;
}

.col100 {
  left: 13000px;
  top: -60px;
  position: absolute;
}

.col101 {
  left: 13130px;
  top: -60px;
  position: absolute;
}

.col102 {
  left: 13260px;
  top: -60px;
  position: absolute;
}

.col103 {
  left: 13390px;
  top: -60px;
  position: absolute;
}

.col104 {
  left: 13520px;
  top: -60px;
  position: absolute;
}

.col105 {
  left: 13650px;
  top: -60px;
  position: absolute;
}

.col106 {
  left: 13780px;
  top: -60px;
  position: absolute;
}

.col107 {
  left: 13910px;
  top: -60px;
  position: absolute;
}

.col108 {
  left: 14040px;
  top: -60px;
  position: absolute;
}

.col109 {
  left: 14170px;
  top: -60px;
  position: absolute;
}

.col110 {
  left: 14300px;
  top: -60px;
  position: absolute;
}

.col111 {
  left: 14430px;
  top: -60px;
  position: absolute;
}

.col112 {
  left: 14560px;
  top: -60px;
  position: absolute;
}

.col113 {
  left: 14690px;
  top: -60px;
  position: absolute;
}

.col114 {
  left: 14820px;
  top: -60px;
  position: absolute;
}

.col115 {
  left: 14950px;
  top: -60px;
  position: absolute;
}

.col116 {
  left: 15080px;
  top: -60px;
  position: absolute;
}

.col117 {
  left: 15210px;
  top: -60px;
  position: absolute;
}

.col118 {
  left: 15340px;
  top: -60px;
  position: absolute;
}

.col119 {
  left: 15470px;
  top: -60px;
  position: absolute;
}

.col120 {
  left: 15600px;
  top: -60px;
  position: absolute;
}

.col121 {
  left: 15730px;
  top: -60px;
  position: absolute;
}

.col122 {
  left: 15860px;
  top: -60px;
  position: absolute;
}

.col123 {
  left: 15990px;
  top: -60px;
  position: absolute;
}

.col124 {
  left: 16120px;
  top: -60px;
  position: absolute;
}

.col125 {
  left: 16250px;
  top: -60px;
  position: absolute;
}

.col126 {
  left: 16380px;
  top: -60px;
  position: absolute;
}

.col127 {
  left: 16510px;
  top: -60px;
  position: absolute;
}

.col128 {
  left: 16640px;
  top: -60px;
  position: absolute;
}

.col129 {
  left: 16770px;
  top: -60px;
  position: absolute;
}

.col130 {
  left: 16900px;
  top: -60px;
  position: absolute;
}

.col131 {
  left: 17030px;
  top: -60px;
  position: absolute;
}

.col132 {
  left: 17160px;
  top: -60px;
  position: absolute;
}

.col133 {
  left: 17290px;
  top: -60px;
  position: absolute;
}

.col134 {
  left: 17420px;
  top: -60px;
  position: absolute;
}

.col135 {
  left: 17550px;
  top: -60px;
  position: absolute;
}

.col136 {
  left: 17680px;
  top: -60px;
  position: absolute;
}

.col137 {
  left: 17810px;
  top: -60px;
  position: absolute;
}

.col138 {
  left: 17940px;
  top: -60px;
  position: absolute;
}

.col139 {
  left: 18070px;
  top: -60px;
  position: absolute;
}

.col140 {
  left: 18200px;
  top: -60px;
  position: absolute;
}

.col141 {
  left: 18330px;
  top: -60px;
  position: absolute;
}

.col142 {
  left: 18460px;
  top: -60px;
  position: absolute;
}

.col143 {
  left: 18590px;
  top: -60px;
  position: absolute;
}

.col144 {
  left: 18720px;
  top: -60px;
  position: absolute;
}

.col145 {
  left: 18850px;
  top: -60px;
  position: absolute;
}

.col146 {
  left: 18980px;
  top: -60px;
  position: absolute;
}

.col147 {
  left: 19110px;
  top: -60px;
  position: absolute;
}

.col148 {
  left: 19240px;
  top: -60px;
  position: absolute;
}

.col149 {
  left: 19370px;
  top: -60px;
  position: absolute;
}

.col150 {
  left: 19500px;
  top: -60px;
  position: absolute;
}

.col151 {
  left: 19630px;
  top: -60px;
  position: absolute;
}

.col152 {
  left: 19760px;
  top: -60px;
  position: absolute;
}

.col153 {
  left: 19890px;
  top: -60px;
  position: absolute;
}

.col154 {
  left: 20020px;
  top: -60px;
  position: absolute;
}

.col155 {
  left: 20150px;
  top: -60px;
  position: absolute;
}

.col156 {
  left: 20280px;
  top: -60px;
  position: absolute;
}

.col157 {
  left: 20410px;
  top: -60px;
  position: absolute;
}

.col158 {
  left: 20540px;
  top: -60px;
  position: absolute;
}

.col159 {
  left: 20670px;
  top: -60px;
  position: absolute;
}

.col160 {
  left: 20800px;
  top: -60px;
  position: absolute;
}

.col161 {
  left: 20930px;
  top: -60px;
  position: absolute;
}

.col162 {
  left: 21060px;
  top: -60px;
  position: absolute;
}

.col163 {
  left: 21190px;
  top: -60px;
  position: absolute;
}

.col164 {
  left: 21320px;
  top: -60px;
  position: absolute;
}

.col165 {
  left: 21450px;
  top: -60px;
  position: absolute;
}

.col166 {
  left: 21580px;
  top: -60px;
  position: absolute;
}

.col167 {
  left: 21710px;
  top: -60px;
  position: absolute;
}

.col168 {
  left: 21840px;
  top: -60px;
  position: absolute;
}

.col169 {
  left: 21970px;
  top: -60px;
  position: absolute;
}

.col170 {
  left: 22100px;
  top: -60px;
  position: absolute;
}

.col171 {
  left: 22230px;
  top: -60px;
  position: absolute;
}

.col172 {
  left: 22360px;
  top: -60px;
  position: absolute;
}

.col173 {
  left: 22490px;
  top: -60px;
  position: absolute;
}

.col174 {
  left: 22620px;
  top: -60px;
  position: absolute;
}

.col175 {
  left: 22750px;
  top: -60px;
  position: absolute;
}

.col176 {
  left: 22880px;
  top: -60px;
  position: absolute;
}

.col177 {
  left: 23010px;
  top: -60px;
  position: absolute;
}

.col178 {
  left: 23140px;
  top: -60px;
  position: absolute;
}

.col179 {
  left: 23270px;
  top: -60px;
  position: absolute;
}

.col180 {
  left: 23400px;
  top: -60px;
  position: absolute;
}

.col181 {
  left: 23530px;
  top: -60px;
  position: absolute;
}

.col182 {
  left: 23660px;
  top: -60px;
  position: absolute;
}

.col183 {
  left: 23790px;
  top: -60px;
  position: absolute;
}

.col184 {
  left: 23920px;
  top: -60px;
  position: absolute;
}

.col185 {
  left: 24050px;
  top: -60px;
  position: absolute;
}

.col186 {
  left: 24180px;
  top: -60px;
  position: absolute;
}

.col187 {
  left: 24310px;
  top: -60px;
  position: absolute;
}

.col188 {
  left: 24440px;
  top: -60px;
  position: absolute;
}

.col189 {
  left: 24570px;
  top: -60px;
  position: absolute;
}

.col190 {
  left: 24700px;
  top: -60px;
  position: absolute;
}

.col191 {
  left: 24830px;
  top: -60px;
  position: absolute;
}

.col192 {
  left: 24960px;
  top: -60px;
  position: absolute;
}

.col193 {
  left: 25090px;
  top: -60px;
  position: absolute;
}

.col194 {
  left: 25220px;
  top: -60px;
  position: absolute;
}

.col195 {
  left: 25350px;
  top: -60px;
  position: absolute;
}

.col196 {
  left: 25480px;
  top: -60px;
  position: absolute;
}

.col197 {
  left: 25610px;
  top: -60px;
  position: absolute;
}

.col198 {
  left: 25740px;
  top: -60px;
  position: absolute;
}

.col199 {
  left: 25870px;
  top: -60px;
  position: absolute;
}

.col200 {
  left: 26000px;
  top: -60px;
  position: absolute;
}

.chevron {
  content: '';
  position: relative;
  text-align: center;
  padding: 15px;
  /*Distance between each vertical */
  /*margin-bottom: $chev_sep;*/
  margin-bottom: var(--c_sep);
  /*Overall height of the bars*/
  /*height: $chev_height;*/
  height: var(--c_height);
  /*Overall width of the bars*/
  /*width: $ochev_width;*/
  /*width: $ochev_width;*/
  width: var(--oc_width);
}

.chevron:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  height: 100%;
  width: 51%;
  /*color of before bar*/
  background: var(--c_color);
  -webkit-transform: skew(0deg, 45deg);
  -moz-transform: skew(0deg, 45deg);
  -ms-transform: skew(0deg, 45deg);
  -o-transform: skew(0deg, 45deg);
  transform: skew(0deg, 45deg);
}

.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  /*May have to adjust space between before and after*/
  right: -1px;
  height: 100%;
  width: 50%;
  /*color of after bar*/
  /*background: $chev_color;*/
  background: var(--c_color);
  -webkit-transform: skew(0deg, -45deg);
  -moz-transform: skew(0deg, -45deg);
  -ms-transform: skew(0deg, -45deg);
  -o-transform: skew(0deg, -45deg);
  transform: skew(0deg, -45deg);
}

#myBtn {
  position: absolute;
  z-index: 99999;
  left: 0px;
  top: 0px;
  background-color: black;
  color: white;
  font-family: arial;
  border-radius: 0px 0px 10px 10px;
}

#capture {
  position: absolute;
  z-index: 99999;
  left: 55px;
  top: 0px;
  background-color: black;
  color: white;
  font-family: arial;
  border-radius: 0px 0px 10px 10px;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */  
}

/* Modal Content/Box */
.modal-content {
  box-shadow: 5px 5px;
  border-radius: 10px;
  background-color: lightgray;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 10%;
  /* 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;
}

.chevrons {
  position: absolute;
  margin-top:100px;
}