/*********************************************************************************************************************/
/* FORM */
/*********************************************************************************************************************/
form input[type="submit"], form input[type="text"], form input[type="email"], form input[type="time"], form input[type="password"], form input[type="date"], form input[type="datetime"], form input[type="number"], select, form textarea {margin:0; padding:0.7vw 1vw; width:calc(100% - 1vw); font-family:"Roboto-Regular", sans-serif; font-size:0.8vw; color:#5C6270; background-color:#FFFFFF; border-radius:0.3vw; border:solid 0.05vw #5C6270;}
form input[type="submit"] {margin:auto; width:20vw; font-size:0.8vw; cursor:pointer;}
form input[type="submit"].blue {background-color:#0C68BE; color:#FFFFFF; border:none;}
form input[type="submit"].pink {background-color:#83004C; color:#FFFFFF; border:none;}
form input[type="submit"].green {background-color:#4C9700; color:#FFFFFF; border:none;}
form input[type="submit"].orange {background-color:#F39933; color:#FFFFFF; border:none;}
form input[type="submit"].red {background-color:#AA0404; color:#FFFFFF; border:none;}

form select.small {width:4vw !important;}
form input[type="text"].small {margin-left:0.5vw; width:2vw !important;}
form input[type="text"].medium {margin-left:0.5vw; width:6.5vw !important;}

form div.relative {position:relative; margin-bottom:0.5vw;}
form div.relative add, form div.relative delete {position:absolute; top:0.7vw; right:-1.5vw; cursor:pointer;}

form>div, form>addupdate>div {position:relative; padding-bottom:0.5vw; display:table; margin:auto; width:calc(100% - 0.2vw);}
form>div>i, form>div>addupdate>i {position:absolute; top:0.7vw; right:-1.5vw;}
form>div>i.pointer, form>div>addupdate>i.pointer {cursor:pointer;}
form>div.small, form>addupdate>div.small {margin:auto; width:20vw;}
form>div.small p:first-of-type, form>addupdate>div.small p:first-of-type {width:7vw;}
form>div.medium, form>addupdate>div.medium {margin:auto; width:40vw;}
form>div.medium p:first-of-type, form>addupdate>div.medium p:first-of-type {width:20vw;}
form>div.medium select, form>addupdate>div.medium select {width:calc(100% + 1.1vw); height:2.5vw;}
form>div.medium zoneRefresh input[type="text"] {width:calc(100% + 5.4vw);}
form>div p, form>addupdate>div p {display:table-cell; padding-right:1vw; text-align:right; vertical-align:middle;}
form>div p:first-of-type, form>addupdate>div p:first-of-type {padding-top:0.6vw; vertical-align:top;}
form>div p span, form>addupdate>div p span {display:block; font-size:0.8vw; font-style:italic;}
form>div p infos, form>addupdate>div p infos {display:block; margin-top:0.5vw; padding:0.5vw; width:100%; font-size:0.8vw; text-align:left; background-color:#F2F2F2; border-radius:0.3vw;}
form>open, form>addupdate>open {margin:auto; width:30vw;}
form hr {margin:1vw auto; height:0.1vw;}

select {height:2vw;}
select.center {display:block; margin:auto;}
select.small {width:20vw;}

@media screen and (max-width:1024px){
	modal form{display: flex; flex-direction: column; justify-content: center; align-items: center;gap:1vw;}
	modal form>div.medium {width: 70vw;}
	modal form>div.medium:first-of-type i:before{position: absolute; top: -1.5vw;right: 1vw;}
	modal form>div.medium p:first-of-type{width: 20vw;}
	modal form input[type="text"], modal form input[type="passsword"], modal form textarea{font-size: 1.8vw;}
	modal form input[type="submit"].blue {width: 60%; font-size: 2.3vw;}
	form>div.small p{display:block; width: 100% !important; text-align: left; margin-bottom: 2px;}
	form>div.small{width: 70%;}
	form>div>i{top:2.7vw; right:-2.9vw;}
	form input[type="text"], form input[type="password"]{font-size:1.3vw;}
	form input[type="submit"].blue{width: 50%; font-size: 1.3vw;}
	form textarea{font-size: 1.2vw;}
}

@media screen and (max-width:780px){
	body{font-size: 4vw;}
	form>div>i {top:5.7vw; right:-5.5vw;}
	form input[type="text"], form input[type="password"]{ font-size:2.5vw;padding: 1vw;}
	form input[type="submit"].blue{ font-size:2.5vw}
	
	modal form{gap:3vw;margin-bottom: 2vw;}
	modal form>div.medium{width:80vw;}
	modal form>div.medium p:first-of-type{width: 80vw;text-align: center;}
	modal form>div.medium:first-of-type i:before{ top: -0.5vw;right: 1.5vw;}
	modal form input[type="text"], modal form input[type="passsword"], modal form textarea{font-size: 3vw;}
	modal form input[type="submit"].blue {width: 80%; font-size: 3.3vw;}
	modal form>div{padding-bottom: 3.5vw;}
	modal form>div p{display: block;}
	modal form>div p span{font-size: 2.8vw;}
}