#window_main { background: white; width: 100%; max-width: 1200px; padding: 0px 0px 20px 0px; margin: 0 auto; text-align: center; border: 2px solid #181c2e; border-radius: 7px; }
#window_main8 { background: white; width: 100%; max-width: 760px; padding: 0px 10px 20px 10px; margin: 0 auto; text-align: center; border: 2px solid #181c2e; border-radius: 7px;   }

#window_main8alt { background: white; width: 100%; max-width: 800px; padding: 0px 10px 20px 10px; margin: 0 auto; text-align: center; border: 2px solid #181c2e; border-radius: 7px;   }

.window_main_full { background: white; width: 98%; min-height: 750px;padding: 0px 0px 20px 0px; margin: 0 auto; border: 2px solid #181c2e; border-radius: 7px;  }

.window_main { background: white; width: 100%; max-width: 1200px; padding: 0px 0px 20px 0px; margin: 0 auto; text-align: center; border: 2px solid #181c2e; border-radius: 7px; margin-top: 25px;  }
.window_main8 { background: white; width: 100%; max-width: 760px; padding: 0px 10px 20px 10px; margin: 0 auto; text-align: center; border: 2px solid #181c2e; border-radius: 7px; margin-top: 25px; }

.window_full { background: white; width: 100%;  padding: 0px 0px 20px 0px; margin: 0 auto; text-align: center; border: 2px solid #181c2e; border-radius: 7px; margin-top: 25px;  }

#count_to_print { display: inline-block;}

.title1a { display: inline-block; float: left; background: #181c2e; padding:  5px 25px 5px 25px; border: 2px solid #181c2e;  border-top-left-radius: 5px; border-left: 0px; border-top: 0px; color: white; font-family: 'Inter'; font-weight: 600; font-size: 26px; }

.title2a { display: inline-block; float: left; background: none; padding:  5px 25px 5px 25px; border: 2px solid #181c2e;  border-top-left-radius: 5px; border-left: 0px; border-top: 0px; color: white; font-family: 'Inter'; font-weight: 600; font-size: 26px; color: #bd1010; }

.title1b { padding:  6px 10px 4px 10px; float: left; font-family: 'Inter'; font-weight: 600; font-size: 26px; color: #bd1010; }

.title1c { display: inline-block; float: left; background: none; padding:  5px 25px 5px 25px; border: 2px solid #181c2e;  border-bottom-left-radius: 5px; border-right: 0px; border-top: 0px; color: black; font-family: 'Inter'; font-weight: 600; font-size: 26px; }

.title_brk { display: inline-block; width: 100%; background: none; }


input[type="time"]::-webkit-calendar-picker-indicator {
   filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg);
}






body { margin: 0; }


.cn-main { position: relative; margin-top: 1px; width: 100%; height: 100vh; }

.header { top: 0; width: 100%; height: 100px; display: inline-block; border-bottom: 2px solid #dbdbdb; text-align: left; padding-left: 0px; margin: 0px; background: #181c2e; }

.header2 { top: 0; width: 100%; height: 45px; display: inline-block; border-bottom: 2px solid #dbdbdb; text-align: left; padding-left: 0px; margin: 0px; background: #181c2e; }

.header-img { padding-left: 0px; display: inline-block; float: left; }

.cn-left { display: block; border: solid 0px gray; margin-left: 1px; margin-top: 10px; width: 225px; float: left; background: gray; min-height: 100%; }

.cn-right { display: block; border: solid 0px  gray; margin-right: 1px; margin-top: 10px; width: 225px; float: right; background: gray; min-height: 100%; }

.cn-mid { width: 100%; display: block; border: solid 2px none; margin: 10px 0px 5px 0px; min-height: 750px; text-align: center; }

.cn-mid_mobile { text-align: center; display: none; background: #2e3f69; width: 100%; min-height: 750px; }

.footer { position: absolute; text-align: center; border: solid 0px gray; margin: 0px 0px 0px 1px; padding: 40px; background: #292929; font-style: italic; }

.clear { clear: both; }




.brk10 { display: inline-block; width: 98%; padding: 5px; }

.brk10-line { display: inline-block; width: 97%; height: 3px; margin-bottom: 3px; background: #292929; margin-left: 7px; }

.br1 { background: #164473; }
.br2 { background: #475869; }

.cn-mid2 { width: 100%; max-width: 600px; display: block; margin: 0 auto; padding-top: 25px; min-height: 750px; text-align: center; }

.cn-left2 { display: none; margin-top: 10px; width: 225px; float: left; background: #292929; min-height: 600px; border-top-right-radius: 3px; border-bottom-right-radius: 5px; border-right: 1px solid white; border-bottom: 1px solid white; border-top: 1px solid white; }

.cn-left3 { display: none; }

.cn-midx { width: 100%; max-width: 1200px; display: block; margin: 0 auto; padding-top: 25px; min-height: 750px; text-align: center; }

.dark_gray { background: #292929; } .red { background: #bd1010; } .forest { background: #497552; } .darkblue { background: #181c2e; } .gold { background: #fac83e; } .blue { background: #41488c; } .green { background: #279c46;} .webwhite { background: #ffffff; }

.graygrad {  background: radial-gradient(circle at 50% 50%, rgba(132, 132, 132, 1) 7%, rgba(132, 132, 131, 1) 21%, rgba(132, 132, 131, 1) 33%, rgba(132, 132, 132, 1) 44%, rgba(141, 141, 141, 1) 72%, rgba(129, 129, 129, 1) 100%);
} 

.lgraygrad { background: radial-gradient(circle at 50% 50%, rgba(220, 219, 216, 1) 7%, rgba(235, 233, 231, 1) 19%, rgba(217, 215, 210, 1) 33%, rgba(211, 209, 204, 1) 44%, rgba(226, 223, 217, 1) 72%, rgba(232, 229, 226, 1) 100%); } 

.yelgrad { background: radial-gradient(circle at 50% 50%, rgba(248, 250, 14, 1) 7%, rgba(248, 253, 5, 1) 23%, rgba(245, 247, 10, 1) 33%, rgba(235, 247, 12, 1) 44%, rgba(248, 250, 3, 1) 72%, rgba(253, 247, 1, 1) 100%); }

.cn-mid3 { width: 100%; display: block; margin: 0 auto; padding-top: 25px; min-height: 750px; text-align: center; }

.cn-mid4 { width: 100%; display: inline-block; margin: 0 auto; padding-top: 15px; min-height: 750px; text-align: center; }


@media screen and ( min-width: 1000px ) {


 .cn-mid2 {  } 

 
 }
 @media screen and ( min-width: 1100px ) {

 .cn-left2 { display: block; }
 
 .logo_header { width: 180px; height: 85px; margin-top: 4px; }
 
 }
@media screen and ( max-width: 1600px ) {



 .logo_header { width: 180px; height: 85px; margin-top: 4px; }
 
 }


@media screen and ( max-width: 600px ) {


.cn-left2 { display: none; }
.logo_header { width: 120px; height: 70px;  margin-top: 15px; }
 
 }