.container {height: 100%;width: 100%;display: grid;justify-content: space-around;place-items: center;margin: 0;padding: 1%;min-width: 100%;}
section {width:100%;display: flex;}
.row {align-items: center;text-align: center;height: 100%;width: 100%;}
.s-one {width: 100%;min-width: 100%;}
.s-two {width: 100%;}
@media all and (max-width: 1023px) {.dot {  display: none;}}
.footer {display: flex;justify-content: space-around;}
.content-a {text-align: center;width: 100%;}
a {color: #C55A11;}
a:hover {text-decoration: underline;color: #C55A11;}
#email {color: #C55A11;}
#email:hover {font-style: italic;text-decoration: underline;}
#myBtn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;font-size: 18px;border: none;outline: none;background-color:  #C55A11;color:  white;cursor: pointer;padding: 15px;border-radius: 50%;transition: all 0.5s;}
#myBtn:hover {background-color: white;color:  #C55A11;border: 1px solid  #C55A11;}
ol, ul {list-style: none;}
span {margin: 0;padding: 0;border: 0;max-width: 250px;font-size: 9px;font: inherit;vertical-align: baseline;}
.hold {display: flex;justify-content: space-around;width: 100%;}
.details {}
.round_an {display: grid;}
.horViewer {display: flex;justify-content: center;}
.itemViewer {font-family: Arial, sans-serif;display: flex;justify-content: center;align-items: center;margin: 0;}
.progress-circle {position: relative;width: 150px;height: 150px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: conic-gradient(#e0e0e0 360deg, #e0e0e0 0deg);}
.progress-circle::before {content: '';position: absolute;width: 130px;height: 130px;background: white;border-radius: 50%;}
.percentage-text {position: relative;font-size: 1em;font-weight: bold;color: #333;z-index: 10;}
b {color: #00dd77;}
#waitdiv {position: fixed;top: 10px;left: 10px;z-index: 99;}
#waitP {font-size: 2rem; font-weight: bold;}
.swipeBTN {border-radius: 50%;width: 75px;height: 75px;border: 1px solid rgb(20,200,150);transition: 0.2s;margin: 0 5px;
  font-size: 1rem;font-weight: bold;
}
.swipeBTN:hover {border: 1px solid rgb(200,150,20);background: rgb(20,200,150);color: white;cursor: pointer;}
#swipeview {display: block;}
.nbrEL {display: flex;justify-content: center;place-items:center;}
.view {margin: 4px 0;}
table {font-family: arial;border-collapse: collapse;width: 100%;font-size: 0.9rem;}
tr:nth-child(even) {background-color: #bbbbbb;}
td, th {border: 0.1rem solid #dddddd;text-align: center;word-wrap: break-word;padding: 0;padding: 0.2rem;height: 2rem;min-width: 7rem;text-align: center;}
.Cal_Cls {font-weight: bold;background: transparent;border: none;transition: 0.2s;}
.Cal_Cls:hover {color: red;}
.cal_vi {position: fixed;top:0;left: 0;width: 100%;height: 100%;overflow: auto;
  background: rgba(125,125,125,0.2);backdrop-filter:blur(12px);z-index: 80;
}
.calviv {max-width: 100%;display: grid;}
.seveghit {display: grid;height: 258px;overflow-y: scroll;}
.daysH {display: grid;}
.dayHSR {display: flex; border: 1px solid rgb(20,200,150); border-radius: 15px; margin: 3px 0;min-width: 400px;min-height: 80px;}
.dayHSRST {display: flex; border: 1px solid rgb(20, 250,20); border-radius: 15px; margin: 3px 0;min-width: 400px;min-height: 80px;
  background-color: rgba(20, 250,20, 0.2);
}
.nDsv {display: grid;width: 25%;place-items:center;}
.nDsvp {font-weight: bold;}
.brdr {border: 1px solid red;}
.nDsvSR {display: grid;width: 74%;justify-content: flex-start;place-items:center;text-align: left;}
.nDsvSRp {text-align: left;}
.notificatins{position: fixed;padding: 20px;border-radius: 20px;border: 1px solid rgba(155,155,155,0.6);background: rgba(155,155,155,0.4);backdrop-filter:blur(15px);z-index: 20;display: grid;padding-top: 15px;top: 20px;right: -270px;min-width: 150px;max-width: 250px;}
.notificatinsf{position: fixed;padding: 20px;border-radius: 20px;border: 1px solid rgba(155,155,155,0.6);background: rgba(155,155,155,0.4);backdrop-filter:blur(15px);z-index: 20;display: grid;padding-top: 15px;top: -270px;right: 50%;min-width: 150px;transform: translateX(50%);}
.notifyclosy{background: transparent;font-weight: bolder;font-size: 20px;color: black;transition: 0.2s;position: absolute;top: 10px;left: 10px;cursor: pointer;border: none;}
.notifyclosy:hover{color: red;}
.notifytitle{color: rgb(100,100,100);font-weight: bold;font-size: 18px;text-align: center;margin:  20px 0 5px 0;}
.notifycontnt{margin:  5px 0 5px 0;}
.clsbtn {border: none;background: transparent;z-index: 109;font-size: 22px;font-weight: bold;position: absolute;top: 20px;right: 20px;transform: translate(-50%, -50%);transition: 0.2s;}
.clsbtn:hover {color: red;cursor: pointer;}
.diaghead {display: grid;place-items:center;position: relative;width: 100%;}
.diaghead p {}
.condiv {width: 70%;height: 70%;background: rgb(240,240,240);border-radius: 20px;position: absolute;top:50%;left:50%;
  transform: translate(-50%, -50%);padding: 20px;place-items:center;max-width: 70%;max-height: 70%;
}
.hdiv {height: 80%;max-height: 80%;width: 100%;overflow: auto;display: flex;flex-direction: column;justify-content: space-around;}
.hdiv > div  {margin: 10px 0px;}
.hdiv p {margin: 1px 3px;font-size: 20px;}
.bgdiv {position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(50,50,50,0.2);backdrop-filter:blur(15px);z-index: 90;}
.submitBtn {padding: 5px 20px;margin: 3px;font-size: 19px;border-radius: 5px; border: 1px solid #C55A11;color: #C55A11;transition: 0.2s;}
.submitBtn:hover {background:#C55A11 ;border: 1px solid #C55A11;color: white;}
.diagrow {display: flex;place-items:center;justify-content: center;width: 100%;}
.diagrowPro {display: flex;place-items:center;justify-content: space-around;margin: 2px;width: 100%;}
.diagrow input, .diagrow select {border-radius: 5px; border: 1px solid #C55A11;font-size: 20px;text-align: center;}
.diagcol {display: flex;flex-direction: column;place-items:center;justify-content: center;width: 100%;}
.interViews {display: flex; justify-content: space-around;width: 50%;}
.interViewsMax {display: flex; justify-content: center;width: 100%;}
.switch {position: relative;display: inline-block;width: 60px;height: 20px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 2.4px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(39px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
#historyBtn {border-radius: 10px; border: 1px dashed rgb(200,150,20);transition: 0.2s;padding: 5px 10px;font-weight: bold;font-size: 20px;}
#historyBtn:hover {border: 1px solid rgb(200,150,20);color:white;background: rgb(200,150,20);}
.switchFS {position: relative;display: inline-block;width: 45px;height: 45px;}
.switchFS input {;width: 0;height: 0;}
.switchFS span {display: grid;text-align: center;place-items:center;}
.sliderFS {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
input:checked + .sliderFS {background-color: #2196F3;}
input:focus + .sliderFS {box-shadow: 0 0 1px #2196F3;}
.sliderFS.roundFS {border-radius: 50%;}
.quikmn {position: relative;height: 410px;display: block;}
.sbdv, .lsbdv, .fsbdv {position: relative;width: 100%;height: 100%;border-radius: 50%;}
.lsUbdv {z-index: 101;}
.sUbdv {z-index: 102;}
.sUbdv, .lsUbdv, .fsUbdv {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.fsUbdv {width: 430px;height: 430px;border-radius: 50%;background: rgba(20,200,150,0.2);}
.lsUbdv {width: 270px;height: 270px;border-radius: 50%;background: rgba(200,150,20,0.2);}
.sUbdv {width: 120px;height: 120px;border-radius: 50%;background: rgba(150,20,200,0.2);}
.diagheadX {display: grid;place-items:center;position: relative;width: 100%;height: 90%;}
#Quickbtn {border-radius: 10px; border: 1px dashed rgb(20,200,150);transition: 0.2s;padding: 5px 10px;font-weight: bold;}
#Quickbtn:hover {border: 1px solid rgb(20,200,150);color:white;background: rgb(20,200,150);}
.dark_mode {background-color: #212121;color: #fefefe;}
.dark_mode .clsbtn {border: none;background: transparent;color: white;z-index: 109;font-size: 22px;font-weight: bold;position: absolute;top: 20px;right: 20px;transform: translate(-50%, -50%);transition: 0.2s;}
.dark_mode .clsbtn:hover {color: red;cursor: pointer;}
.notifBtn input {border-radius: 10px; border: 1px dashed rgb(20,200,150);transition: 0.2s;padding: 5px 10px;font-weight: bold;}
.notifBtn input:hover {border: 1px solid rgb(20,200,150);color:white;background: rgb(20,200,150);}