/*input[type="date"]::-webkit-datetime-edit, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button {
  color: #fff;
  position: relative;
}
input[type="date"]::-webkit-datetime-edit-year-field{
  position: absolute !important;
  border-left:1px solid #8c8c8c;
  padding: 2px;
  color:#000;
  left: 56px;
}
input[type="date"]::-webkit-datetime-edit-month-field{
  position: absolute !important;
  border-left:1px solid #8c8c8c;
  padding: 2px;
  color:#000;
  left: 26px;
}
input[type="date"]::-webkit-datetime-edit-day-field{
  position: absolute !important;
  color:#000;
  padding: 2px;
  left: 4px; 
}
input[type="date"]::-webkit-datetime-edit-text*/

[contenteditable]:empty:before{
  content: attr(placeholder);
  pointer-events: none;
  display: block;
  color:#bfbfbf;
}

a:focus,textarea:focus{outline:none;}


.inputblock:hover,.inputblock:focus,.inputblock.selected{ border-color: #307529b1 ; color: #307529b1; }
.inputblock{
  background-color: white;
  border: 3px solid lightgray;
  transition: border-color .13s ease-in-out;
  border-radius: 9px;
  user-select:none;
}

.greenblock.selected,.greenblockh:hover,.greenblockf:focus{ border-color: #378633 ; color: #378633; }
.greenblock,.greenblockh,.greenblockf{
  background-color: #7ac1779e;
  border: 3px solid #dcdcdc;
  transition: border-color .13s ease-in-out;
  border-radius: 9px;
  user-select:none;
}

.lgrayblock.selected,.lgrayblock:hover,.lgrayblock:focus{border-color:#757373;color:#5f5d5d;}
.lgrayblock{
  background-color:#c5c5c5;
  border: 3px solid transparent;
  transition: border-color .13s ease-in-out;
  border-radius: 9px;
  user-select:none;
}

.grayblock.selected,.grayblock:hover,.grayblock:focus{border-color:#757373;color:#5f5d5d;}
.grayblock{
  background-color: darkgray;
  border: 3px solid transparent;
  transition: border-color .13s ease-in-out;
  border-radius: 9px;
  user-select:none;
}

.redblock.selected,.redblock:hover,.redblock:focus{border-color: #881919;
  color: #881919;}
.redblock{
  background-color: #f73535;
  border: 3px solid transparent;
  transition: color .13s ease-in-out, border-color .13s ease-in-out;
  border-radius: 9px;
  user-select:none;
}

html{/*scroll-behavior: smooth;*/word-break: normal;}


.scrollbar::-webkit-scrollbar {
  width: 7px;
}

.scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background: #8bd3ff;
  border-radius: 15px;
}

.scrollbar::-webkit-scrollbar-thumb:hover {}

input::-webkit-calendar-picker-indicator {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.scrollbarY::-webkit-scrollbar{ height: 9px; }
.scrollbarY::-webkit-scrollbar-thumb { border-radius: 3px; }
.scrollbarY::-webkit-scrollbar-track { background: #c9d7e3; border-radius: 3px; }



.bghorizon::before{position:absolute;left:50%;transform:translate3d(-50vw, 0, 0);width:100vw;content:"";background:inherit;height:100%;top:0;}

/************************************polater********************************/

.pu{position: unset;}

body{cursor:default; -webkit-tap-highlight-color: transparent;}

a{ user-select: none;}


input::placeholder{color:rgb(204, 204, 204);}


fx{display: flex;}
fxr,fx,.fx{display: flex;flex-direction: row;}
fxc,fy,.fy{display: flex;flex-direction: column;}
fxr,.fxr{display: flex;flex-direction: row-reverse;}
fyr,.fyr{display: flex;flex-direction: column-reverse;}
db{display: block;}
ib{display: inline-block;}
in{display: inline;}
fx,fy,fyr,fxr,.fx,.fy,.fyr,.fxr{display:flex; position: relative; min-width: 0;min-height: 0; box-sizing: border-box;}
.mu{min-width: unset;min-height: unset;}
i.fx,i.fy,i.fxr,i.fyr{ display: flex !important; }

.h{display:none;}
.hi{display:none !important;}


.l19{line-height:19px;}

.fcc{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.cc{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.ccx{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ccy{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.tol{transform-origin: left;}

.z0{z-index: 0;}
.z9{z-index: 9;}
.-z1{z-index: -1;}

.hh{height: 50%;}

.w75{width:75px;}
.w95{width:95px;}
.w99{width:99px;}

.wh{width:50%;}
.wh9{width:9px;height:9px;}
.wh15{width:15px;height:15px;}
.wh11{width:11px;height:11px;}
.wh25{width:25px;height:25px;}
.wh30{width:30px;height:30px;}
.wh50{width:50px;height:50px;}
.wh75{width:75px;height:75px;}
.wh77{width:77px;height:77px;}
.wh100{width:100px;height:100px;}
.wh170{width:170px;height:170px;}
.wh450{width:450px;height:450px;}

.h55{height:55px;}
.w100{width:100px;}


.f27{font-size:27px;}
.f23{font-size:23px;}
.hglow:hover{  background-color:rgb(255 255 255 / 15%);}
.glow{position: relative;}
.glow::before{
  position: absolute;
  display: block;
  content:" ";
  top:0;
  z-index: 1;
  width:100%;
  height: 50%;
  background-color:rgb(255 255 255 / 5%);
}

.darkgreen{color:#273f27;}
.palegreen{color:palegreen;}
.h\:bggreen2:hover{background-color:#6db06d;}
.bggreen3{background-color:#33a333;}
.bgblue2{background-color:#35839c;}
.bgblue3{background-color:#286275;}
.bgblue4{background-color:#36b3dd9f;}
.bgred3{background-color: #dd3636b9;}


.f{position: fixed;}

.fn{font-weight: normal !important;}
.l33{line-height: 33px;}
.cwh{color:wheat;}
.h285{height:285px;}
.w275{width:275px;}
.pt1{padding-top: 1px;}
.pt9{padding-top: 9px;}
.pt11{padding-top: 11px;}
.ts5{text-shadow:0 1px #ffffff69;}
.ts0{text-shadow:none;}
.ts1{text-shadow:0 1px 1px #0000003d;}
.ts2{text-shadow:0 1px 3px #327ba7a3;}
.ts7{text-shadow:-1px 0px 1px #ffffff2e;}
.pl35{padding-left:35px;}

.shd1{box-shadow: 0 -1px 4px -1px rgba(0,0,0,.06), 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06); }
.shd2{box-shadow:11px 0px 3px -7px rgb(0 0 0 / 15%); }
.shd3{box-shadow:11px 0px 3px -7px rgb(0 0 0 / 15%),-11px 0px 3px -7px rgb(0 0 0 / 15%); }
.shdin{box-shadow:inset 1px 5px 5px 0 rgb(0 0 0 / 31%); }
.shdin2{box-shadow:inset 3px 3px 5px -3px; }

.f29{font-size:29px;}
.f13{font-size:13px;}

.ms25{animation-duration: 25ms;}
.ms50{animation-duration: 50ms;}
.ms75{animation-duration: 75ms;}
.ms100{animation-duration: 100ms;}
.ms125{animation-duration: 125ms;}
.ms150{animation-duration: 150ms;}
.ms175{animation-duration: 175ms;}
.ms200{animation-duration: 200ms;}
.ms250{animation-duration: 250ms;}
.ms300{animation-duration: 300ms;}


.pw50{width:50%;flex-shrink: 0;}

.jc{justify-content: center;}
.ac{align-items: center;}


.centerx{justify-content: center;}
.centery{align-items: center;}

.xs{justify-content: flex-start;}
.xc{justify-content: center;}
.xe{justify-content: flex-end;}
.ys{align-items: flex-start;}
.yc{align-items: center;}
.ye{align-items: flex-end;}

.xss{justify-self: flex-start;}
.xcs{justify-self: center;}
.xes{justify-self: flex-end;}
.yss{align-self: flex-start;}
.ycs{align-self: center;}
.yes{align-self: flex-end;}

.xyc{align-items: center;justify-content: center;}


.ns{flex-shrink: 0;}
.ng{flex-grow: 0;}

.fw{flex-wrap: wrap;}
.fwn{flex-wrap: nowrap;}


.pt1{padding-top:1px;}.pt2{padding-top:2px;}.pt3{padding-top:3px;}.pt4{padding-top:4px;}.pt5{padding-top:5px;}.pt6{padding-top:6px;}.pt7{padding-top:7px;}.pt8{padding-top:8px;}.pt9{padding-top:9px;}.pt10{padding-top:10px;}
.pb1{padding-bottom:1px;}.pb2{padding-bottom:2px;}.pb3{padding-bottom:3px;}.pb4{padding-bottom:4px;}.pb5{padding-bottom:5px;}.pb6{padding-bottom:6px;}.pb7{padding-bottom:7px;}.pb8{padding-bottom:8px;}.pb9{padding-bottom:9px;}.pb10{padding-bottom:10px;}
.pr1{padding-right:1px;}.pr2{padding-right:2px;}.pr3{padding-right:3px;}.pr4{padding-right:4px;}.pr5{padding-right:5px;}.pr6{padding-right:6px;}.pr7{padding-right:7px;}.pr8{padding-right:8px;}.pr9{padding-right:9px;}.pr10{padding-right:10px;}
.pl1{padding-left:1px;}.pl2{padding-left:2px;}.pl3{padding-left:3px;}.pl4{padding-left:4px;}.pl5{padding-left:5px;}.pl6{padding-left:6px;}.pl7{padding-left:7px;}.pl8{padding-left:8px;}.pl9{padding-left:9px;}.pl10{padding-left:10px;}

.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt7{margin-top:7px;}.mt8{margin-top:8px;}.mt9{margin-top:9px;}.mt10{margin-top:10px;}
.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb7{margin-bottom:7px;}.mb8{margin-bottom:8px;}.mb9{margin-bottom:9px;}.mb10{margin-bottom:10px;}
.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr3{margin-right:3px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr6{margin-right:6px;}.mr7{margin-right:7px;}.mr8{margin-right:8px;}.mr9{margin-right:9px;}.mr10{margin-right:10px;}
.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}.ml7{margin-left:7px;}.ml8{margin-left:8px;}.ml9{margin-left:9px;}.ml10{margin-left:10px;}