
          #birth-year,
 #birth-month,
 #birth-date,
 #current-year,
 #current-month,
 #current-date {
     width: 100px;
     padding: 10px;
     
     border-radius: 5px;
     margin-top: 5px;
     margin-right: 10px;
     margin-left: 10px;
     
     border-radius: 10px;
     border: solid #ccc 1px
 }

 #birth-year:focus,
 #birth-month:focus,
 #birth-date:focus,
 #current-year:focus,
 #current-month:focus,
 #current-date:focus {
     border: dashed #007bff 1.5px !important;
     outline: 0
 }

 @media screen and (min-width:900px) {
     #birth-date,
     #current-date {
         margin-left: 230px !important
     }
 }

 @media screen and (min-width:900px) {
     #birth-month,
     #current-month {
         margin-left: 210px !important
     }
 }

 @media screen and (min-width:600px) {
     #birth-year,
     #current-year {
         margin-left: 110px !important
     }
 }

 @media screen and (min-width:600px) {
     #arrow-down-1 {
         margin-left: 150px !important
     }
 }

 @media screen and (min-width:900px) {
     #arrow-down-2 {
         margin-left: 300px !important
     }
 }

 @media screen and (min-width:900px) {
     #arrow-down-3 {
         margin-left: 320px !important
     }
 }

 #toggle-icon:active,
 #culate167:active {
     transform: scale(0.98)
 }

 [name="age-contianer"] {
     max-width: 1200px;
     margin-left: 10px;
margin-right: 10px;
     background: white;
     border: ;
     border-radius: 5px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5)
 }

 [name="age-all-user-div-1"] {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
     background: white;
     border-radius: 5px;
     padding-bottom: 10px
 }

 [name="age-label-div"] {
     width: 96%;
     height: ;
     display: flex;
     background: white;
     border: ;
     border-radius: 10px;
     padding-top: 10px;
     
     margin-left: 5px;
     margin-right: 5px
 }

 [name="age-label-1"] {
     width: 300px;
     height: ;
     background: ;
     border: ;
     text-align: center;
     color: #454746;
     border-radius: 5px;
     margin-top: 10px;
     margin-right: 10px;
     margin-left: 10px;
     
 }

 [name="age-label-2"] {
     width: 300px;
     height: ;
     background: ;
     border: ;
     color: #454746;
     text-align: center;
     border-radius: 5px;
     margin-top: 10px;
     margin-right: 10px;
     margin-left: 10px;
     
 }

 [name="age-label-3"] {
     width: 300px;
     height: 30px;
     background: ;
     border: ;
     text-align: center;
     color: #454746;
     border-radius: 5px;
     margin-top: 10px;
     margin-right: 10px;
     margin-left: 10px;
     
 }

 [name="age-icon-div-1"] {
     width: 96%;
     height: ;
     display: flex;
     background: white;
     border: ;
     border-radius: 10px;
     margin-top: 5px;
     margin-left: 5px;
     margin-right: 5px
 }

 [name="age-icon-1"] {
     
     color: #454746;
     margin-top: 10px;
     margin-left: 40px;
     position:
 }

 [name="age-icon-2"] {
     
     color: #454746;
     margin-top: 10px;
     margin-left: 90px
 }

 [name="age-icon-3"] {
     
     color: #454746;
     margin-top: 10px;
     margin-left: 70px
 }

 [name="age-select-div"] {
     width: 96%;
     
     display: flex;
     background: white;
     
     border-radius: 10px;
     margin-top: ;
     margin-left: 5px;
     margin-right: 5px;
     margin-bottom:
 }

 [name="age-drop-down-div"] {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
     background: white;
     border-radius: 5px
 }

 [name="age-drop-down-div-ins-1"] {
     width: 96%;
     height: 110px;
     display: ;
     padding-top: 30px;
     background: white;
     border-bottom: ;
     border-top: ;
     border: ;
     margin-top: 5px;
     border-radius: 7px;
     margin-left: 5px;
     margin-right: 5px
 }

 [name="age-span-drop-1"] {
     margin-left: 10px;
     margin-top: 5px;
     margin-bottom: 5px;
     padding: 10px;
     margin-left: 10px;
     user-select: none;
     margin-right: ;
     margin-top: 10px;
     background-color: #f5f6fa;
     color: black;
     border: 0;
     padding-top: 10px;
     padding-left: 10px;
     width: 150px;
     border-radius: 10px;
     cursor: ;
     border: solid 1px #ccc;
     
     float: ;
     text-align:
 }



 .age-current-div-label {
     width: 96%;
     height: ;
     display: flex;
     background: white;
     border: ;
     border-radius: 10px;
     margin-top: 5px;
     margin-left: 5px;
     margin-right: 5px
 }

 [name="age-current-label-2"] {
     width: 300px;
     height: ;
     background: ;
     border: ;
     text-align: center;
     color: #454746;
     border-radius: 5px;
     margin-top: 10px;
     margin-right: 10px;
     margin-left: 10px;
     
 }

 [name="age-current-label-3"] {
     width: 300px;
     height: ;
     background: ;
     border: ;
     text-align: center;
     color: #454746;
     border-radius: 5px;
     margin-top: 10px;
     margin-right: 10px;
     margin-left: 10px;
     
 }

 [name="age-current-label-4"] {
     width: 300px;
     height: ;
     background: ;
     border: ;
     text-align: center;
     color: #454746;
     border-radius: 5px;
     margin-top: 10px;
     margin-right: 10px;
     margin-left: 10px;
     
 }

 [name="age-current-icon-div"] {
     width: 96%;
     height: ;
     display: flex;
     background: white;
     border: ;
     border-radius: 10px;
     margin-top: 5px;
     margin-left: 5px;
     margin-right: 5px
 }

 [name="age-current-icon-1"] {
     
     color: #454746;
     margin-top: 10px;
     margin-left: 40px
 }

 [name="age-current-icon-2"] {
     
     color: #454746;
     margin-top: 10px;
     margin-left: 90px
 }

 [name="age-current-icon-3"] {
     
     color: #454746;
     margin-top: 10px;
     margin-left: 70px
 }

 [name="age-current-sele-div"] {
     width: 96%;
     height: ;
     display: flex;
     background: white;
     border: ;
     border: ;
     border-radius: 10px;
     margin-top: 10px;
     margin-left: 5px;
     margin-right: 5px
 }

 [name="age-result-div-1"] {
     min-width: 96%;
     height: ;
     display: ;
     background: white;
     border;
     display: none;
     border-radius: 5px;
     margin-top: 5px;
     margin-left: ;
     margin-right: ;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
     padding-bottom: 5px
 }

 [name="age-result-div-2"] {
     
     color: black;
     border: solid #ccc 1px;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 5px;
     width: ;
     height: ;
     padding-top: 5px;
     padding-left: 10px;
     margin-right: 5px;
     border-radius: 2px;
     margin-left: 5px;
     margin-right: 5px
 }

 [name="age-result-div-3"] {
     
     color: black;
     border: solid #ccc 1px;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 5px;
     width: ;
     height: ;
     padding-top: 5px;
     padding-left: 10px;
     margin-right: 5px;
     border-radius: 2px
 }

 [name="age-result-div-4"] {
     
     color: black;
     border: solid 1px #ccc;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 5px;
     width: ;
     height: ;
     padding-top: 5px;
     padding-left: 10px;
     margin-right: 5px;
     border-radius: 2px;
     margin-left: 5px;
     margin-right: 5px
 }

 [name="age-result-div-5"] {
     
     color: black;
     border: solid #ccc 1px;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 5px;
     width: ;
     height: ;
     padding-top: 5px;
     padding-left: 10px;
     margin-right: 5px;
     border-radius: 2px
 }

 [name="age-result-div-6"] {
     
     color: black;
     border: solid #ccc 1px;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 5px;
     width: ;
     height: ;
     padding-top: 5px;
     padding-left: 10px;
     margin-right: 5px;
     border-radius: 2px
 }

 [name="age-result-div-7"] {
     
     color: black;
     border: solid #ccc 1px;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 5px;
     width: ;
     height: ;
     padding-top: 5px;
     padding-left: 10px;
     margin-right: 5px;
     border-radius: 2px;
     margin-bottom:
 }
