.datepicker {
  background:#fff url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR7D6LPcFyZF7TfKz-k7CNtVTbcPXwUZPd1Ng&usqp=CAU)  97% 50% no-repeat ;
    background-size: 7%;
}
.datepicker::-webkit-inner-spin-button {
  display: none;
}
.datepicker::-webkit-calendar-picker-indicator {
  opacity: 0;
}
#submitout{
border:0.2vw solid;
width:99.6%;
padding:0.5vw 0;
margin-top:2vw;
display:none;
overflow:hidden;
position:reletive;
height:3vw;
}
.submitload::before {
  content: '';  
  position: absolute;
  width: 2vw;
  height: 2vw;
  margin:0 33%;
  border-radius: 50%;
  border: 0.7vw solid #FFF;
  border-bottom-color: #FF3D00;
  animation: rotation 0.9s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

#register{
width:89%;
height:auto;
display:block;
margin:3vw 5%;
background-color:#004225;
border-top-right-radius:10%;
border-left:1vw dashed White;
border-right:0.5vw solid Yellow;
border-top:0.5vw solid Yellow;
border-bottom:0.5vw solid Yellow;
box-shadow: 0.5vw 0.5vw Red;
}
#register form{
width:90%;
color:gold;
margin:1vw 3vw;
display:block;
}
#register #link{
color:red;
width:80%;
margin:2% 8%;
padding:1%;
display:block;
font-size:2.5vw;
text-align:center;
text-decoration:none;
border:0.1vw solid black;
background-color:pink;
}
#register form img{
display:block;
margin:auto;
width:auto;
height:10vw;
border-radius:50%;
}
#register form fieldset{
width:100%;
border:0.5vw solid Yellow;
border-top-right-radius:20%;
}
#register form legend{
margin-bottom:1vw;
font-size:3vw;
color:#FF0033;
text-align:center;
padding:0.5vw 2%;
border-radius:20%;
background-color:yellow;
}
#register form label{
display:block;
width:38%;
float:left;
margin:0vw 3vw;
padding:0.5vw 1vw;
font-size:2vw;
display: block;

}
#register input[type="text"],input[type="password"],input[type="file"], select{
width: 33%;
display:block;
float:left;
padding:0.5vw 1vw;
font-size:2vw;
outline:none;
margin:1vw 3vw;
border:0.1vw solid;
}
select{
width:35%;
}



/* Calander CSS Style */
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-datepicker{width:15em;display:none; border:0.1vw solid; background-color:green; color:gold}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.1em 0;}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-datepicker-prev-hover{left:1px;}
.ui-datepicker .ui-datepicker-next-hover{right:1px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:48%; font-size:0.9em; margin:0 1%;}
.ui-datepicker table{width:100%;font-size:1em;border-collapse:collapse;}
.ui-datepicker td span,.ui-datepicker td a{display:block; text-align:center;text-decoration:none; background-color:gray; color:white; margin:0.5px;}
.ui-widget-header{border:1px solid #aaa;background-color:gold; overflow:hidden;}
.ui-state-default{border:1px solid gold;background-color:gold;}
.ui-icon{width:18px;height:18px;}
.ui-icon,.ui-widget-content .ui-icon{background-image:url("https://app2023.panjiyakpredeled.in/univer/public/images/ui-icons_222222_256x240.png");}
.ui-icon-circle-triangle-e{background-position:-48px -192px;}
.ui-icon-circle-triangle-w{background-position:-80px -192px;}

#register textarea{
width:81%;
height:15vw;
font-size:2vw;
margin-left:5%;
outline : none;
padding:1%;
border:0.1vw solid;
}

#register input[type=submit] {
background-color:#FF0033;
box-shadow: 0.5vw 0.5vw #33001b;
color: white;
width:30%;
padding:0.8vw 0.5vw;
font-size:2vw;
margin:2vw 35%;
margin-bottom:1vw;
border: 0.1vw solid;
cursor: pointer;
}
#register input:hover[type="submit"] {
background-color:#33001b;
box-shadow: 0.5vw 0.5vw #FF0033;
}
#register input[type="checkbox"]{
width:2vw;
height:2vw;
margin-left:5vw;
margin-right:1vw;
outline:0.1vw solid black;
}
#register form span{
width:100%;
padding:0 2vw;
font-size:2.5vw;
overflow:hidden;
display:block;
}
#register form span a{
color:Red;
}
.devlogout{
text-align:right;
padding-right:5%;
padding-bottom:1%;
}
.devlogout svg{
width:3vw;
height:3vw;
float:right;
}
.devlogout a{
color:white;
font-size:3vw;
text-decoration:none;
}














@media(max-width:800px){
#submitout{
height:6vw;
}
.submitload::before {
  width: 4.5vw;
  height: 4.5vw;
  margin:0 33%;
  border-bottom-color: #FF3D00;
}


#register{
width:85%;
border-left:2vw dashed white;
border-right:1vw solid Yellow;
border-top:1vw solid Yellow;
border-bottom:1vw solid Yellow;
box-shadow: 1vw 1vw Red;
}
#register #link{
font-size:4vw;
border:0.4vw solid black;
}
#register form img{
width:auto;
height:25vw;
}
#register form fieldset{
margin:2vw 0;
border:1vw solid Yellow;
}
#register form legend{
font-size:6vw;
}
#register form label {
width:75%;
float:none;
margin:0vw 5vw;
padding:0.5vw 1vw;
font-size:4.5vw;
}
#register input[type=text],input[type=password], input[type="file"], select{
width: 75%;
padding:0.5vw 2vw;
font-size:4vw;
outline:none;
margin:1vw 5vw;
}
select{
width:80%;
}
#register textarea{
width:77.5%;
height:20vw;
font-size:4vw;
margin-left:7%;
outline : none;
padding:1%;
border:0.1vw solid;
}
#register input[type=submit] {
width:64%;
color: white;
padding:1vw;
font-size:4vw;
margin:2vw 15%;
box-shadow: 1vw 1vw #33001b;
}
#register form span{
width:100%;
font-size:5vw;
overflow:hidden;
display:block;
}
.devlogout svg{
width:8vw;
height:8vw;
}
.devlogout a{
font-size:5vw;
}
#register input[type="checkbox"]{
width:5vw;
height:5vw;
margin-left:5vw;
}
}