/* Custom styles */
#loader{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: #fff url("../img/831.gif") no-repeat center;
	z-index: 99999;
}
#insideloader{
    width: 100%;
	height: 100vh;
	position: fixed;
	background: #fff url("../img/831.gif") no-repeat center;
	z-index: 99999;
}
.bg-img {
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    
    
}
.dot {
  height: 50px;
  width: 50px;
  background-color: #DCF11A;  
  border-radius: 50%;
  display: inline-block;
}
.dottext {
  padding: 5px;  
  font-weight: 600;
  color: crimson;
}
 
.tooltip-inner {
    max-width: 100% !important;
}

.cus-select {
    border: none;    
    font-size: 12px;
    font-weight: 700;
    
}
.vertical-divider {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: auto;
  height: 50%;
  line-height: 0;
  text-align:center;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.ui-select{width: 100%}
/* This is to remove the arrow of select element in IE */
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
@-moz-document url-prefix(){
	.ui-select{border: 1px solid #CCC; border-radius: 4px; box-sizing: border-box; position: relative; overflow: hidden;}
  .ui-select select { width: 110%; background-position: right 30px center !important; border: none !important;}
}