.customVideoTagClass{float:left;border:2px solid #000;border-radius:5px;width:400px;height:300px;margin:70px 0 0 2px}.customVideoTagClass video{height:inherit;width:inherit}.customVideoTagControlsClass{float:left;border:1px solid #000;border-radius:5px;width:400px;height:300px;margin:70px 0 0 10px}.customVideoTagControlsClass button{cursor:pointer;background-color:coral;border:1px solid orange;border-radius:2px;width:70px;margin:10px 0 1px 15px;padding:5px}.customVideoTagControlsClass input[type=range]{width:377px}.FormValBody{float:left;background-color:azure;padding:10px}.FormValBody input{border-color:#dcdcdc;outline-color:#a9a9a9;padding:5px;font-family:Times New Roman;font-size:18px}.FormValBody input:active{outline-color:#00f}.FormValInputLabel{float:left;width:100px}.FormErrorLabel{color:red;height:17px;padding-left:120px;font-family:Comic Sans MS;font-size:12px}.FormValInputLabelSp{width:393px;margin-top:7px}.labelSeprater{width:133px;display:inline-block}.FormErrorLabelSp{color:red;font-family:Comic Sans MS;font-size:12px}.btnAdd{background-color:buttonface;border:none;margin-top:25px;margin-bottom:15px;margin-left:38%;padding:10px 20px}.btnAdd:hover{cursor:pointer}.ShowTable{float:left;background-color:azure;padding:10px}.ShowTable table,th,td{border-collapse:collapse;border:1px solid #000}.select-parent{width:500px;height:250px;margin-top:69px;margin-left:18%;display:flex}.SelctDiv{width:40%;height:100%}.select-tag{width:100%;height:100%}.select-tag option{margin:5px}.select-btn-div{flex-direction:column;justify-content:center;width:20%;padding:20px;display:flex}.select-btn-div button{margin-bottom:10px}
.divCls{color:#666;outline:none;margin:0;padding:0;font-family:Roboto,Arial,sans-serif;font-size:14px}.h1Cls{margin:0;font-weight:400}.h3Cls{color:#8ebf42;margin:12px 0}.main-block{background:#fff;justify-content:center;align-items:center;display:flex}.formBody{width:100%;padding:20px}fieldset{border:none;border-top:1px solid #8ebf42}.account-details,.personal-details{flex-wrap:wrap;justify-content:space-between;display:flex}.account-details>.divCls,.personal-details>.divCls>.divCls{align-items:center;margin-bottom:10px;display:flex}.account-details>.divCls,.personal-details>.divCls,.inputCls,.labelCls{width:100%}.labelCls{text-align:right;vertical-align:middle;padding:0 5px}.inputCls{vertical-align:middle;padding:5px}.checkbox{margin-bottom:10px}.selectCls,.children,.gender,.bdate-block{width:calc(100% + 26px);padding:5px 0}.selectCls{background:0 0}.gender .inputCls{width:auto}.gender .labelCls{padding:0 5px 0 0}.bdate-block{justify-content:space-between;display:flex}.birthdate select.day{width:49px}.birthdate select.month{width:calc(100% - 94px)}.birthdate .inputCls{width:38px;vertical-align:unset}.checkboxCls .inputCls,.children .inputCls{width:auto;margin:-2px 10px 0 0}.checkbox a{color:#8ebf42}.checkbox a:hover{color:#82b534}.mySubmitBtn{color:#fff;background:#8ebf42;border:none;border-radius:5px;width:100%;margin:10px auto;padding:10px 0;font-size:14px;font-weight:600}.mySubmitBtn:hover{background:#82b534}@media (min-width:568px){.account-details>.divCls,.personal-details>.divCls{width:50%}.labelCls{width:40%}.inputCls{width:60%}.selectCls,.children,.gender,.bdate-block{width:calc(60% + 16px)}}
.App{flex-wrap:wrap;gap:4px;margin:20px;padding:10px;display:flex}.GreenClr{background:#05b20d}.YellowClr{background:#ee3535}.RedClr{background:#ecb90d}.btnshap{text-align:center;border-radius:5px;width:113px;margin:3px;padding:8px}.btnshap:hover{color:#fff}.IconPopup{cursor:pointer;margin-top:8px;margin-left:8px}.SpinnerIcon{cursor:pointer;margin-top:3px;margin-left:3px}
.ToastifyModal{z-index:1;float:right;background-color:#0006;border-radius:11px;width:16%;min-width:318px;height:75px;margin-top:18px;margin-left:23px;margin-right:33px;animation:1s linear FlipToast;position:relative}@keyframes FlipToast{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0%)}}.ToastifyBody{width:inherit;min-width:inherit;height:inherit;min-height:inherit;border-radius:inherit;border:1px solid #888;position:absolute;box-shadow:0 0 10px #0000004d}.ToastifyHeader{border-top-left-radius:11px;border-top-right-radius:11px;width:100%;height:18px;display:flex}.ToastifyHeaderText{border-top-left-radius:11px;width:33%;min-width:104px;height:17px;margin-left:13px;padding:0}.ToastifyHeaderTxt{float:left;padding:1px 17px;font-family:cursive;font-size:10px;font-weight:100;display:block}.ToastifyHeaderIcon{width:10%;height:inherit}.ToastifyHeaderBtn{width:67%;height:inherit;border-top-right-radius:11px;flex-direction:row-reverse;display:flex}.ToastifyBtn{text-align:center;background:0 0;border:none;margin-top:-7px;font-size:24px;font-style:normal;font-weight:600}.ToastifyBtn:hover{cursor:pointer;color:#fff}.ToastifyMessageBody{height:49%;min-height:26px;font-size:13px;overflow-y:hidden}.ToastifyFooter{border-bottom-right-radius:11px;border-bottom-left-radius:11px;flex-direction:column;display:flex}.ToastifyProgressBar{color:#fff;text-align:center;background-color:#eaf0f9;border:1px solid;border-bottom-right-radius:11px;border-bottom-left-radius:11px;height:13px;margin-top:5px;margin-left:0;margin-right:0}.ToastifyProgressBarChild{text-align:center;border:1px solid;border-bottom-right-radius:11px;border-bottom-left-radius:11px;height:13px;font-size:10px}.ToastifyIconPopup{cursor:pointer;margin-top:-2px;margin-left:1px}.ToastifySpinnerIcon{cursor:pointer;border:1px solid #00f;margin-top:3px;margin-left:3px}.ToastifyIconSpin{border-radius:50%;width:9px;height:9px;margin-top:1px;position:absolute}@media (prefers-reduced-motion:no-preference){.ToastifyIconSpin{animation:2s linear infinite ToastifyHeaderIconSpin}}@keyframes ToastifyHeaderIconSpin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}
.PopupBoxModal{z-index:1;background-color:#0006;width:100%;height:100%;padding-top:100px;position:fixed;top:0;left:0;overflow:auto}.PopupBody{background-color:#fefefe;border:1px solid #888;border-radius:11px;width:26%;min-width:233px;height:32%;min-height:300px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0000004d}.PopupHeader{border-top-left-radius:11px;border-top-right-radius:11px;width:100%;height:50px;display:flex}.PopupHeaderText{border-top-left-radius:11px;width:32%;min-width:129px;height:50px}.PopupHeaderTxt{padding:1px 13px;font-family:cursive;font-size:medium;font-weight:300}.PopupHeaderIcon{width:10%;height:50px}.PopupHeaderBtn{border-top-right-radius:11px;flex-direction:row-reverse;width:58%;height:50px;display:flex}.PopupBtn{text-align:center;background:0 0;border:none;margin-top:-16px;font-size:24px;font-style:normal;font-weight:600}.PopupBtn:hover{cursor:pointer;color:#fff}.PopupMessageBody{height:62%;min-height:186px;overflow-y:auto}.PopupFooter{flex-direction:column;display:flex}.okBtn{color:#fff;text-align:center;cursor:pointer;border:none;border-radius:5px;align-self:center;margin-top:-7px;padding:10px 20px;font-size:16px;text-decoration:none}.okBtn:hover{background-color:#45a049}.IconSpin{border-radius:50%;width:30px;height:30px;margin-top:9px;position:absolute}@media (prefers-reduced-motion:no-preference){.IconSpin{animation:2s linear infinite HeaderIconSpin}}@keyframes HeaderIconSpin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}