.bg-welcome{background-color: #e8e8e8;}
.bg-darkblue{background-color: #483d8b4f;}
#overlay{ position: fixed; top: 0;  bottom: 0; left: 0; right: 0; background: rgb(0, 0, 0,0.6);z-index: 10010; overflow: auto;}
.table96{width: 96%;}
.table98{width: 98%;}
.table96 th{ padding: 4px;}
.table96 td{ padding: 4px;}
.table98 th{ padding: 4px;}
.table98 td{ padding: 4px;}
.showpass { cursor: pointer;  position: absolute;  right: 5px;  top: 10px;}
.pass {float: right;  margin-left: -25px;  margin-top: -25px;  position: relative;  z-index: 2;}
.clslogomax{ width: 100%; height: 100%; }
.modal-header{background-color: #446ab7;}
.modal-title{ font-weight: bold;text-align: center;color: #fff;}
.clstagdisplay{width: 100%;}
.clstagdisplay li{ display: inline-block; border: 1px solid #5dade2; padding-left: 1px; padding-right: 1px; margin-right: 2px; border-radius: 4px;} 
.thankstxt{background-color:#5ac560;  text-align: center;  font-size: 40px;  font-weight: bold;  padding: 50px 50px;  color: #fff;}
.clscallhelp{font-size: 40px;  font-weight: bold;color: #fff; text-align: center;}
.clsmodboody{background: rgb(2,0,36);  background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(67,105,182,1) 0%, rgba(0,212,255,1) 100%);}
.close{color:#fff; background: none; border: none;}
.equal {display: flex;flex-wrap: wrap;}
.clogo{max-width: 70% !important;}
.text-right{text-align: right;}
#popshow{top: -21px;position: relative;}
#addcard{top: -70px;position: relative;}
.cursorrearange{cursor: n-resize; padding:2px 2px !important; background-color:#f2e9c6; border:none;}
.cursormove{cursor: move;}
.onhovershow{display: none;}
.onhover:hover .onhovershow {display: block;}
.onhovershow{position: absolute;right: 0;top: 0;background: rgb(224, 224, 219);padding: 2%;}
.clsedit{color: rgb(192, 190, 190); cursor: pointer;}
.min-h-txtara{min-height: 200px !important;}
.airtitle{background-color:rgba(0, 0, 0, 0.07); margin-left: -9px; margin-right: -9px; margin-bottom: 10px;}
.horizontal-scrollable{overflow-x: scroll;white-space: nowrap;}
.day {display: inline-block; float: none;}
/* Decorations */
.timetablecls{ min-width: 100px;height: 100%; position: relative;box-sizing: content-box;}
.dragArea{min-height: 70vh;}
.modal-mask {position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);display: table;transition: opacity .3s ease;}
.modal-wrapper {display: table-cell;vertical-align: middle;}
.subEevent{position: relative;display: block;
      padding: 0.1rem 1rem;color: #212529;text-decoration: none;
      background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.125);}  
.clstimetable{font-size: 11px;}
/****  floating-Lable style start ****/
.floating-label {position:relative;margin-bottom:20px;}
.floating-select { font-size:14px; padding:4px 4px; display:block; width:100%; height:30px; background-color: transparent; border:none;border-bottom:1px solid #757575;  }
.floating-label label { color: #999;  font-size: 14px;  font-weight: normal;  position: absolute;  pointer-events: none;  left: 5px;  top: 5px;  transition: 0.2s ease all;  -moz-transition: 0.2s ease all;  -webkit-transition: 0.2s ease all;}
.floating-select:focus {  outline:none;  border-bottom:2px solid #5264AE;}
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label { top:-18px; font-size:14px; color:#5264AE;  }
/* active state */
.floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after { width:50%;  }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
/* highlighter */
.highlight { position:absolute; height:50%;width:100%;top:15%;left:0; pointer-events:none; opacity:0.5;  }
/* active state */
.floating-select:focus ~ .highlight { -webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;  }
/* animation */
@-webkit-keyframes inputHighlighter {
from { background:#5264AE; }
to { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
from { background:#5264AE; }
to { width:0; background:transparent; }
}
@keyframes inputHighlighter {
from { background:#5264AE; }
to { width:0; background:transparent; }
}
.isover{touch-action: none;overflow: hidden;position: absolute;pointer-events: auto;padding: 4px 4px;user-select: none;background: #e74c3c;border-radius: 3px;color: #fff;display: flex;height: calc(var(--row-height) - 8px);margin-top: 4px;line-height: calc(var(--row-height) - 18px);will-change: contents;}
.mapboxgl-popup-content h1{ font-size: 18px;}
#map { height: 80vh; }
.rpsubtd {text-overflow: ellipsis;white-space: break-spaces;overflow: hidden;}
.ispos{flex-wrap: wrap;display: flex;flex-direction: column;justify-content: center;z-index: 2;}
.loader{position: absolute;top:0px;right:0px;width:100%;height:100%;background-color:#000;background-size: 50px;background-repeat:no-repeat;background-position:center;z-index:10000000;opacity: 0.7;filter: alpha(opacity=40);}
.sb-sidenav-footer{word-wrap: break-word;}
.bl{background-color: #c9c8c8; list-style: none !important;}
.cl{background-color: #e6e5e5; list-style: none !important;}
.clientstatus{ position: relative; right: 0px; text-align: right;}
.clientstatus p{color: rgb(170, 170, 170);background-color: rgb(242, 242, 242);display: initial; border-radius: 20px; padding: 0px 15px;}
.cursorpointer{cursor: pointer !important;}
.text-gray{color:rgb(119, 119, 119);}
.taskdetails .modal-dialog{max-width: 1000px; max-height: min(100% - 34px, 910px); min-height: min(100% - 34px, 910px); border-radius: 25px; backface-visibility: hidden; transition: all 0.5s ease-out 0s; flex: 0 1 0%;}
.taskdetails .modal-body{padding: 0 0 0 0!important;}
.taskdetails .row{width: 100%;}
.clsname{width: 24px; height: 24px;border-radius: 50%;border: 1px solid rgb(83, 81, 81); margin: 2px;}
.overflow{overflow-y: scroll; height: 93vh;}
.clstaskcomment{background: rgb(248, 248, 248);
 border-radius: 10px 10px 10px 10px;
 padding: 15px 22px 10px;
 position: relative; margin: 10px;}
 .clsusertask{margin-left: -34px;}
 .clstskdesc{ height: 50px;}
 #task-overview{overflow-y: scroll;  height: 500px;}
 .clsscrolx{overflow-x: scroll;}
 .clsfilename{width: 100px;  height: 100px;border-radius: 10px 10px 10px 10px;}