.hand {cursor: pointer;}

.modal-backdrop.fade {
	opacity: 0.3!important;
}

.modal-open .modal {
	    opacity: 1!important;
}

.modal-header {
	padding: 7px 8px!important;
}
.modal-body {
	padding: 7px 8px!important;
}
.modal-body {
	padding: 7px 8px!important;
}
.loader {
   border: 5px solid #f3f3f3;
   border-radius: 50%;
   border-top: 5px solid #00b050;
   width: 30px;
   height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.list-group-item:hover{
	color: #337ab7;
	text-shadow:  0 0 1em #337ab7;
	cursor: pointer;
}
.vertical-scrollable{ 
  overflow-y: auto; 
} 
#tableArea{
  overflow-y: auto;
  border-top:solid ;
  border-width: thin;
  border-color: rgb(212, 212, 212);
  /* padding: 10px 10px 10px 10px; */
  margin: 10px;margin-top: 0px;padding-top: 0px;
  height: 62vh;
  overflow-x: scroll;
  background-color:  rgba(255, 255, 255, 0.945);
  border-radius: 5px;}

#sidenav{
  /* background-color: white; */
  padding: 2% 0% 1% 0px;
  /* border-right-width: thin;
  border-right: solid; */
  border-color: #d4d4d4;
}
#formArea{
  height: 5vh;
  /* overflow-y:hidden; */
  /* border-bottom:solid ;
  border-width: thin;
  border-color: rgb(177, 176, 176); */
  /* padding: 15px 10px 10px 10px; */
}
#form{
  background-color:  rgba(255, 255, 255, 0.945);
}
.col-tab{
  font-size: large;
  overflow: hidden;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 0px;
  border: solid;
  /* border-right:none ; */
  border-radius: 5px;
  border-color: #d4d4d4;
  background-color:rgba(49, 185, 183, 0.5);
  text-align: center;
  height: 10vh;
  font-weight: 350;
  color: white;
}
.col-tab:hover{
  font-size: large;
  overflow: hidden;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 0px;
  border: solid;
  /* border-right:none ; */
  border-radius: 5px;
  border-color: #d4d4d4;
  background-color:rgba(49, 185, 183, 0.5);
  text-align: center;
  height: 10vh;
  font-weight: 350;
  color: white;
  box-shadow: 1px 5px 5px rgba(255, 255, 255, 0.308);
}
.col-tab-selected{
  font-size: large;
  overflow: hidden;
  font-weight: 500;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 0px;
  border: solid;
  /* border-right:none ; */
  border-radius: 5px;
  border-color: #d4d4d4;
  background-color:rgba(44, 187, 185, 0.952);
  text-align: center;
  height: 10vh;
  color: white;
}
.vertical-center {
  min-height: 10vh;
  padding-left: 5%;
  display: inline-flex;
  align-items: center;
}
.vertical-center-form {
  min-height: 1vh;
  /* padding-left: 2vw 5vw 5vw 5vw; */
  display: inline-flex;
  align-items: center;
}
.book{
  /* background-color: rgba(255, 255, 255, 0.486);
  border-radius: 15px;
  padding: 15px; */
}
.formInput{
  width: 15vw;
  text-align: center;
  font-weight: 350;
}
.genericButton{
  background-color: rgb(6, 131, 139);
  width: 15vw;
  color: white;
  padding: 5px;

}
.genericButton:hover{
  background-color: rgb(6, 131, 139);
  width: 10vw;
  color: white;
  padding: 5px;
}
.search-banner{
  width: 100%;
  background-color: rgba(255, 255, 255, 0.945);
  border-radius: 5px;
  padding-left: 10px;
}
/* th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2; */
/* } */
.tableFixHead {
  /* overflow-y: auto; */
  /* height: 67vh; */
}
.tableFixHead thead th {
  position: sticky;
  top: 0;
}
table {
  border-collapse: collapse;
  width: 100%;
}
th,
td {
  padding:10px 7px;
  border: 1px solid #ccc;
  height: 1vh;
}
th {
  background: rgb(32, 32, 32);
  color: white;
}
.notwhite{
  background-color: rgba(255, 255, 255, 0.945);;
}
.example::-webkit-scrollbar {
  display: none;
}
.pag {
	text-align: center;
	/* border: 1px solid green; */
}
.pag ul {
	/* border: 2px solid red; */
	display: inline-block;
	margin: 10px 0;
	padding: 2px;
}
.pag li {
	display: inline-block;
}
.pag li a {
	display: inline-block;
	/* background: #444; */
	/* color: #FFF; */
	/* padding: 5px; */
	/* text-decoration: none; */
}
.upload{
  background: rgb(218, 181, 174);
  color: rgb(179, 34, 34);
}
.upload:hover{
  background: rgb(226, 98, 72);
  color: white;
}
.customCard{
  background-color: rgba(255, 255, 255, 0.479);
  margin: 2vw;
  height: 30vh;
}
.customCard:hover{
  background-color: rgba(255, 255, 255, 0.952);
  margin: 2vw;
  height: 30vh;
}
.headingCard{
  text-align: center;
    padding-top: 2vh;
    font-size: larger;
    font-weight: lighter;

}
.test{
  background-color: #0777f8e7;
}
.ng-modal-overlay {
  /* A dark translucent div that covers the whole screen */
  position:absolute;
  z-index:9999;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000000;
  opacity: 0.8;
  }
  .ng-modal-dialog {
  /* A centered div above the overlay with a box shadow. */
  z-index:10000;
  position: absolute;
  width: 40%; /* Default */

  /* Center the dialog */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);

  background-color: #fff;
  box-shadow: 4px 4px 80px #000;
  }
  .ng-modal-dialog-form {
  /* A centered div above the overlay with a box shadow. */
  z-index:10000;
  position: absolute;
  width: auto; /*Default */

  /* Center the dialog */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);

  background-color: #fff;
  box-shadow: 4px 4px 80px #000;
  }
  .ng-modal-dialog-content {
  padding:10px;
  text-align: center;
  }
  .ng-modal-close {
  position: absolute;
  /* top: 3px; */
  left: 375px;
  /* padding: 5px; */
  cursor: pointer;
  font-size: 120%;
  display: inline-block;
  font-weight: bold;
  font-family: 'arial', 'sans-serif';
  }
  .modalBody{
    /* padding: 10px; */
    left: 6%;
    margin-top: 10px;
    color: black;
}
.inp{
  margin: 2px;
  margin-left: 0;
  padding: 5px;
  border: 1px solid grey;
  border-radius: 5px;
}
.formRow{
  width: 100%;
  vertical-align: middle;
  display: inherit;
}
.readOnly { 
  pointer-events: none;
  background-color: rgb(235, 230, 230);
} 
.spanButton{
  padding: 5px 3px;
  background: rgb(162, 206, 171);
  border-radius: 5px;
}
.activeSpanButton{
  padding: 5px 3px;
  border: 1px solid;
  border-radius: 5px;
}
.chartArea{
  display: block;
  max-height: 144px;
  max-width: 289px;
}
.loader{
  left: 50%;
  top: 50%;
  position: absolute;
}
.inValidInput{
  border-color: #e10a0a;
}
.validInput{
  border-color: #0fc218;
}
.nodata{
  position: absolute;
  color: grey;
  left: 40%;
  top: 50%;
}
.multiselect-button{
  border: 1px solid grey;
  padding: 9px;
  background-color: lightgrey;
  margin-top: 25px;
}
.btn-default {
  padding: 9px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  margin-top: 25px;
  width: 100%;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.modal-noData{
  color: lightslategrey;
  padding-left: 35%;
  padding-top: 15%;
}
.map_devices{
  width: 46vw;
    height: 62vh;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
}
.marker-label-show {font-weight: bold; color: red; background-color: #ffffff; padding: 5px;
  margin-left: 10px!important; border-radius: 8px 8px 8px 0px;}