@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

* {box-sizing: border-box;}
body {font-family: "Lato"; font-size:14px; margin:0px; padding:0px; background:whitesmoke;  color:#434343; height:100%; overflow: hidden;}
.centerdv{display: flex;justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;}
.shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.head{font-family: "Roboto";font-size:14px; font-weight:600;padding:5px 7px;}
input:focus, textarea:focus, select:focus{outline: none;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.loginbtn{width:100px; height:100%; background-color: seagreen; font-size: 14px; color:white; cursor: pointer;position: relative;}
.docblock{display:flex;height:200px;margin-bottom: 20px;border:1px solid lightgray; border-radius:15px;overflow: hidden;}
.docblockdocpic{width:200px; border-right:1px solid lightgray; }
table{border-collapse: collapse;font-size:10px;}
table td,th {padding:3px;cursor:pointer;position: relative;}
tr:nth-child(even) {background: rgba(240,240,240)}
tr:nth-child(odd) {background: #FFF}
.deptlbl{width:120px; height:120px; border:1px solid gray;display: inline-block;margin:10px;padding:5px;}
input[type=text],input[type=password],input[type=number], select {width: 100%;padding: 6px 10px;margin: 5px 0;display: inline-block;border: 1px solid gray;border-radius: 4px;box-sizing: border-box;font-size: 16px;}
.cross{position:absolute;backgrounds:white;height:30px; width:30px;border-radius:50%;top:0px;right:0px;cursor:pointer}
.submenubox{display:none; width:300px; heights:120px; position:absolute;background: white;left:0; top:60px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;z-index: 10000;}
.menuboxbtn{padding:15px;border-bottom:1px solid gray;}
.container{opacity:1; display: flex;justify-content: center;align-items: center;flex-direction:column; margin:auto; width:100%; height:90%; overflow:hidden;position: relative;}
.slider-wrapper {width: 100%;height:100%;overflow: hidden;}
.inner-wrapper {width: 300%; height: 100%; position: relative; margin-left:-100%;}
.slide {width: calc(100%/3); height: 100%;displays: flex;justify-content: center;float: left;position:relative;}
.slide + .slide {margin-left:0%;}
.slide_det{background: rgba(255,255,255,.9); padding:50px; height:350px; width:300px;position:absolute; top:calc(60% - 180px);left:150px;}
.clickable{cursor:pointer;font-weight:700; color:steelblue}
.clickable:hover{color:orangered;}
.clickableblack{cursor:pointer; color:black}
.clickableblack:hover{color:orangered; font-weight:600;}

.car_butt{height:100px; width:50px; background: rgba(255,255,255,.5); position:absolute; top:calc(50% - 50px);z-index: 1;font-size: 40px; display:none;}
.next{border-top-left-radius:50px; border-bottom-left-radius:50px; right:0;}
.prev{border-top-right-radius:50px; border-bottom-right-radius:50px; left:0;}

.scroll{overflow: hidden; overflow-y: scroll; overflow: overlay; }
.scroll::-webkit-scrollbar { width: 15px;}
.scroll::-webkit-scrollbar-track { border-radius: 7px;animation-duration: .5;visibility: hidden;}
.scroll::-webkit-scrollbar-thumb {border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7); box-shadow: inset 0 0 6px rgba(0,0,0,0.7); border:4px solid transparent;}
.scroll:hover::-webkit-scrollbar-track {background-color: transparent; }
.scroll:hover::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }   
.noscrollbar::-webkit-scrollbar { display: none; }
.noscrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.btndv{background: seagreen; color:white;padding:10px;cursor: pointer;}
.body_container{width:100%; max-width:1400px; position: relative; margin: auto;}
.menu_btn{font-size:14px;height:100%;cursor: pointer; width:14%;transition: 1s;}
.menu_btn:hover{color:green; border-bottom:2px solid green;}
.roundcorner_tag{height:60px; border-radius:30px; overflow: hidden; border:2px solid gray; background-color: seagreen; color:whitesmoke; font-size:20px; font-weight:700; width:400px; margin: auto; margin-top:-30px;position: relative; z-index: 2;}
.facility_box_wrapper{display: flex; height:180px; margin-top:15px; margin-bottom:15px;}
.facility_box{width:14%; height:100%;cursor:pointer;transition: 1s;}
.facility_box:hover{color:green;}
.facility_box_icon{height:100px; width:100px; border-radius:50%; border:2px solid gray;font-size:40px;transition: 1s;}
.facility_box_icon:hover{font-size:50px;}
.deptbtn{padding: 15px 20px;border-bottom:1px solid lightgray;font-size: 14px;cursor:pointer;transition: 1s;}
.actbtn{background:seagreen;color:white;}
.deptbtn:hover{background:seagreen;color:white;}
.overlayblock{position: fixed; width:100%; height:100%; z-index: 2; background: rgba(0,0,0,0);top:0px; left:0px;}
.overlay_inner{width:400px; min-height:500px;background: whitesmoke;border-radius:5px;border:5px solid lightgray;position: relative;}