/* CSS Document

azulclaro: #a2cbdd;
azulfuerte: #80c0e7;

 */

body{ 
  background-color:#a2cbdd; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px;
  /*
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  height: 100vh;
  overflow: hidden;
  */
 filter: drop-shadow(0 0 10px white); /* https://caniuse.com/?search=drop-shadow()*/
  /*filter: drop-shadow(0 0.2rem 0.25rem rgba(0.8, 0.8, 0.8, 0.8));*/
}
/*
@supports (filter: drop-shadow(0 0 10px white); ) {
  body{
    filter: drop-shadow(0 0 10px white); 
  }
}*/

div{ overflow:hidden;}

a{ color:#004cc1; text-decoration:none;}
/*a{ color:#32cfc7; text-decoration:none;}*/
a:hover{ color:#7e32cf;}

.liststyleone {
  list-style: square inside;
}

html,
body,
.section-images {
  height: 80%;
  margin: 1em;
}
.section-notes {
  color:#222222;
}

.section-images {
  margin: auto 2em;
  text-align: center;
}

.imgautosize {
  display: block;
  cursor: pointer;
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 80%;
  margin: 20px auto;
}

.divstyleA {
  width:90%; vertical-align: middle; text-align: center;  /*border: 2px dashed #f69c55; */
}

.divstyleB {
  min-width:45%; min-height:265px; float:left;  border: 1px solid #ccc!important; border-radius: 16px; padding: 10px;
}
.divstyleC {
  min-width:90%; float:left; border: 1px solid #ccc!important; border-radius: 16px; padding: 10px;
}

.divstyleD {
  display: block; width: 85%; margin:auto; padding:20px; /*border:1px dashed #00aa00; */
}
.divstyleE {
  display: none; width: 85%; margin:auto; /*border:1px dashed #f69c55; */
}
.divstyleF {
  /*border: 1px solid #ccc!important; border-radius: 16px; padding: 1px;*/
}

.divstyleG {
  display: none; width: 100%; margin:auto; /*border:1px dashed #f69c55; */
}

form#add-new-task label{
	width: 80px;
	display: inline-block;
	margin-right: 10px;
}
form#add-new-task input{
	width: 150px;
	margin-right: 10px;
}

form#add-new-task :required {
	border-color: #11b8ff;
	-webkit-box-shadow: 0 0 5px rgba(17, 184, 255, .75);
	-moz-box-shadow: 0 0 5px rgba(17, 184, 255, .75);
	-o-box-shadow: 0 0 5px rgba(17, 184, 255, .75);
	-ms-box-shadow: 0 0 5px rgba(17, 184, 255, .75);
	box-shadow: 0 0 5px rgba(17, 184, 255, .75);
}

table {
	width: 100%;
}

table, tr, td, thead, tfoot, colgroup, col, caption {
	margin: 0px;
	border-spacing: 0px;
}
table {
	border: 1px solid #333333;
}
table thead tr {
	background-color: #d3edf8;
}
table tbody tr td:last-child, table thead tr th:last-child, table tfoot tr th:last-child {
	text-align: right;
}
table tfoot tr th:first-child {
	text-align: left;
	background-color: #ffffff;
	border-right: 1px solid #333333;
}
table tbody tr td, table tbody tr th, table thead tr th, table thead tr td {
	border-bottom: 1px solid #333333;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid #333333;
}
table tbody tr td:last-child, table tbody tr th:last-child, table thead tr th:last-child {
	border-right: 0px;
}
table colgroup col:first-child {
	background-color: #e3edf8;
}
table thead tr th, table tbody tr td {
	padding: 4px 7px 2px;
}
table tbody tr:nth-child(even){
	background-color: #ececec;
}
table tbody tr:nth-child(od){
	background-color: #ffffff;
}
.wrap{
    display: flex;
    flex-direction: row;
}
.section-countdown{
	display: flex;	
	flex-direction: row;
	align-items: center;
    justify-content: center;
    /*border: 1px solid #FFFF00;*/
	color:black;
}

.timerlement{
	text-align:center;
	float:left;
    background-color: #a2cbdd;
    padding: 0.2em 16px;
	margin: 0 5px 0px 5px; /*left and right margins*/
    font-size: 22px;
	border-radius: 0.7em;
    border-top: 1px solid #80c0e7;
    border-right: 1px solid #80c0e7;
    border-bottom: 1px solid #80c0e7;
    border-left: 1px solid #80c0e7;
	min-width: 3.5em;
	max-width: 20%;
	
}
.timerelementtag{
	font-size: 14px;
}

h3{
    color:lightseagreen;
}


.highlightstyle {
  box-sizing: border-box;
  font-family: "Red Hat Text", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  /*text-transform: uppercase;*/
}


/*SNOW CODE*/
/*
body {
  height: 100vh;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  overflow: hidden;
  filter: drop-shadow(0 0 10px white);
}
*/
@function random_range($min, $max) {
  $rand: random();
  $random_range: $min + floor($rand * (($max - $min) + 1));
  @return $random_range;
}

.snow {
  $total: 10;
  display:none;
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;

  @for $i from 1 through $total {
    $random-x: random(1000000) * 0.0001vw;
    $random-offset: random_range(-100000, 100000) * 0.0001vw;
    $random-x-end: $random-x + $random-offset;
    $random-x-end-yoyo: $random-x + ($random-offset / 2);
    $random-yoyo-time: random_range(30000, 80000) / 100000;
    $random-yoyo-y: $random-yoyo-time * 100vh;
    $random-scale: random(10000) * 0.0001;
    $fall-duration: random_range(10, 30) * 1s;
    $fall-delay: random(30) * -1s;

    &:nth-child(#{$i}) {
      opacity: random(10000) * 0.0001;
      transform: translate($random-x, -10px) scale($random-scale);
      animation: fall-#{$i} $fall-duration $fall-delay linear infinite;
    }

    @keyframes fall-#{$i} {
      #{percentage($random-yoyo-time)} {
        transform: translate($random-x-end, $random-yoyo-y) scale($random-scale);
      }

      to {
        transform: translate($random-x-end-yoyo, 100vh) scale($random-scale);
      }
    }
  }
}

.pw_prompt {
    position:fixed;
    left: 50%;
    top:50%;
    margin-left:-100px;
    padding:15px;
    width:200px;
    border:1px solid black;
}
.pw_prompt label {
    display:block; 
    margin-bottom:5px;
}
.pw_prompt input {
    margin-bottom:10px;
}