.e-grid .e-groupdroparea{
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#005281),color-stop(100%,#005281)) !important;
}


a {
    color: #fff;
    text-decoration: none;
}

.gun-top
{
background-color: #212D41 !important;
    padding-left: 10px;
	animation-name: fadeAnimation;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeAnimation;
  -webkit-animation-duration: .7s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: fadeAnimation;
  -moz-animation-duration: .7s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
@-webkit-keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
.gunpnl
{
color: #FFF !important;
background-color: #005281 !important;
border-color: #005281 !important;
font-weight:bold;
}
input.e-input, input[type="text"].e-input, .e-input.e-placeholder
{
border-left: 1px solid #3DB3FC !important;
}
label
{
font-weight:500 !important;
}
.navbar-static-top{
/* position:fixed;
width:100%; */
}
.form-control{ border-left:1px solid #3DB3FC !important;}

time.icon
{
  font-size: 12px; /* change icon size */
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #fff;
  margin: 0em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.2em 0;
  color: #fff;
background-color: #DB8D10;
border-bottom: 1px dashed #A26606;
box-shadow: 0 2px 0 #BF760E;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon span
{
      width: 100%;
    font-size: 18px;
    letter-spacing: -0.05em;
    padding-top: 25px;
    color: #2f2f2f;
}

time.icon1
{
  font-size: 12px; /* change icon size */
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #fff;
  margin: 0em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon1 *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon1 strong
{
  position: absolute;
  top: 0;
  padding: 0.2em 0;
  color: #fff;
    background-color: #009651;
    border-bottom: 1px dashed #057140;
    box-shadow: 0 2px 0 #09AD09;
}

time.icon1 em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon1 span
{
      width: 100%;
    font-size: 18px;
    letter-spacing: -0.05em;
    padding-top: 25px;
    color: #2f2f2f;
}
time.icon2
{
  font-size: 12px; /* change icon size */
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #fff;
  margin: 0em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon2 *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon2 strong
{
  position: absolute;
  top: 0;
  padding: 0.2em 0;
  color: #fff;
    background-color: #DD5F4C;
    border-bottom: 1px dashed #9E3734;
    box-shadow: 0 2px 0 #DD5F4C;
}

time.icon2 em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon2 span
{
      width: 100%;
    font-size: 18px;
    letter-spacing: -0.05em;
    padding-top: 25px;
    color: #2f2f2f;
}
time.icon3
{
  font-size: 12px; /* change icon size */
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #fff;
  margin: 0em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon3 *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon3 strong
{
  position: absolute;
  top: 0;
  padding: 0.2em 28px 0px 0px;
  color: #fff;
    background-color: #00ADD8;
    border-bottom: 1px dashed #0D809C;
    box-shadow: 0 2px 0 #00ADD8;
}

time.icon3 em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon3 span
{
      width: 100%;
    font-size: 18px;
    letter-spacing: -0.05em;
    padding-top: 25px;
    color: #2f2f2f;
}

.cal-day
{
	background-color: transparent !important;    
    padding-left: 30px !important;
}
.gicn
{
color: #DB8D10;
position: absolute;
top: 23px;

}
.gicn1
{
color:#009651;
position: absolute;
top: 23px;

}
.gicn2
{
color: #DD5F4C;
position: absolute;
top: 23px;

}
.gicn3
{
color: #00ADD8;
position: absolute;
top: 23px;

}
.e-grid tr.e-hover
{
	background:rgb(0, 82, 129) !important;
	color:#fff !important;
}
.e-scrollbar .e-hhandle:hover
{
background:rgb(0, 82, 129) !important;
	
}
.e-pager .e-currentitem, .e-pager .e-currentitem:hover{
background:rgb(0, 82, 129) !important;	
}
.dashfootr
{
	background-color: #00add8 !important;
    border-top: 1px solid #00ADD8 !important;
	color:#fff;
}
.dashfootr1
{
	background-color: #009651 !important;
    border-top: 1px solid #009651 !important;
	color:#fff;
}
.dashfootr2
{
	background-color: #db8d10 !important;
    border-top: 1px solid #db8d10 !important;
	color:#fff;
}
@media (max-width: 767px){
	
	.mobile-scroll
	{
		 width: 100%; 
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 25px;
	}
	
	
}