body{
 font-family: 'Source Sans Pro', sans-serif;
}
/* Set the size of the div element that contains the map */
#map {
  height: 400px;  /* The height is 400 pixels */
  width: 100%;  /* The width is the width of the web page */
}
.store-map{
  height: 800px !important;
}
.help-block{
	color: red;
}

.hd-header{
	padding-bottom: 25px;
}
div.dataTables_wrapper div.dataTables_length select{
		width: 60px !important;
}

#floating-panel {
	position: absolute;
	top: 10px;
	left: 25%;
	z-index: 5;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
	text-align: center;
	font-family: 'Roboto','sans-serif';
	line-height: 30px;
	padding-left: 10px;
}

.btn-space{
	margin-left:15px;
}

.header-custom{
	margin-left: 40px; 
}
.logo-custom{
	height: 25px; 
}
.genric-logo{
	background: #321fdb; 
	border: 1px solid #321fdb;
	height: 100%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: auto;
    padding: 9px;
}

.custon-genric{
    margin-right: 35px;
    height: 40px;
    width: 40px;
}


@media only screen and (max-width:1024px){
	.card .card-body{
      background: #fff;
      max-width: 1200px;
      overflow-x: hidden;
	}
	#DataTables_Table_0_wrapper .row:nth-child(2){
	  overflow-x: scroll;
      width: 100%;
	}
}
@media only screen and (max-width:767px){
   	.dataTables_paginate .page-link{
       padding: 0.5rem 0.6rem;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
	    justify-content: center !important;
}
}
@media only screen and (max-width:335px){
   	.dataTables_paginate .page-link{
       padding: 0.5rem 0.3rem;
	}
}

.bg-custom-color{
	background-color: #007A3D; 
}
.bg-custom-color button.btn{
	background-color: #0B0F20;
	width: 141px;
	border-radius: 25px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	transition: all 0.5s ease-in-out;
  position: relative;
}
.bg-custom-color button.btn:hover{
  background-color: #007A3D;
  border-color: #007A3D;
  
}
.bg-custom-color .logo-wrap{
	float: right;
    width: 115px;
    margin-top: -18px;
}
.bg-custom-color .logo-wrap img{
    width: 100%;
}
@media only screen and (max-width:538px){
   /*	.c-subheader{
   		flex-wrap: wrap;
   	}
   .c-subheader	.c-header-nav{
   		width: 100%;
   	}
   	.c-main{
   		padding-top: 3rem;
   	}*/
   	.c-header-nav .c-header-nav-link, .c-header-nav .c-header-nav-btn{
   		font-size: 0.675rem;
   	}
   	.breadcrumb-item a{
   		font-size: 0.675rem;
   	}
   		.breadcrumb-item{
   		font-size: 0.675rem;
   	}
   	.breadcrumb{padding: 0.75rem 0rem 0.75rem 1rem;}
   	.c-subheader{
   		align-items: center;
   	}
}
@media only screen and (max-width:375px){
	.bg-custom-color .logo-wrap{
    	margin-top: -25px;
	}
}
.c-icon-xl{
    font-size: 1.3rem;
}
.card-header-actions a img{
	width: 17px;
	margin: 0 6px;
	height: auto;
}
.trash-custom{
	width: 18px;
	vertical-align: top;
}
.c-main{
      background: #E5F1EB;
}
.cil-settings{
  color: #0038A8;
}
.bg-custom-color button.btn{
  -webkit-transition: .6s;
  transition: .6s;
  overflow: hidden;
}
.bg-custom-color button.btn:before{
   content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.bg-custom-color button.btn:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.bg-custom-color button.btn:hover {
    background-color: #007A3D;
}
.bg-custom-color button.btn:hover:before {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
.bg-custom-color button.btn:hover:after {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
a{ 
   color: #0038A8;
}
.card-footer .btn{
  background-color: #0B0F20;
  width: 141px;
  border-radius: 25px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  transition: all 0.5s ease-in-out;
}
.card-footer .btn.btn-primary{
  position: relative;
}
.card-footer .btn.btn-primary{
  -webkit-transition: .6s;
  transition: .6s;
  overflow: hidden;
}
.card-footer .btn.btn-primary:before{
   content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.card-footer .btn.btn-primary:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.card-footer .btn.btn-primary:hover {
    background-color: #D81E05;
    border-color: #D81E05;
}
.card-footer .btn.btn-primary:hover:before {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
.card-footer .btn.btn-primary:hover:after {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}

.card-footer .btn.btn-danger{
  position: relative;
}
.card-footer .btn.btn-danger{
  -webkit-transition: .6s;
  transition: .6s;
  overflow: hidden;
}
.card-footer .btn.btn-danger:before{
   content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.card-footer .btn.btn-danger:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.card-footer .btn.btn-danger:hover {
    background-color: #007A3D;
    border-color: #007A3D;
}
.card-footer .btn.btn-danger:hover:before {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
.card-footer .btn.btn-danger:hover:after {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}

.modal-footer .btn.btn-secondary{
  position: relative;
  width: 65px;
  border-radius: 25px;
   background-color: #0B0F20;
   color: #fff;
}
.modal-footer  .btn.btn-secondary{
  -webkit-transition: .6s;
  transition: .6s;
  overflow: hidden;
}
.modal-footer  .btn.btn-secondary:before{
   content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.modal-footer  .btn.btn-secondary:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.modal-footer  .btn.btn-secondary:hover {
    background-color: #007A3D;
    border-color: #007A3D;
}
.modal-footer  .btn.btn-secondary:hover:before {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
.modal-footer  .btn.btn-secondary:hover:after {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}


.modal-footer  .btn.btn-primary{
  position: relative;
  width: 65px;
  border-radius: 25px;
   background-color: #0B0F20;
   color: #fff;
}
.modal-footer  .btn.btn-primary{
  -webkit-transition: .6s;
  transition: .6s;
  overflow: hidden;
}
.modal-footer  .btn.btn-primary:before{
   content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.modal-footer  .btn.btn-primary:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: translateX(-100px) skewX(-15deg);
          transform: translateX(-100px) skewX(-15deg);
}
.modal-footer  .btn.btn-primary:hover {
    background-color: #007A3D;
    border-color: #007A3D;
}
.modal-footer  .btn.btn-primary:hover:before {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
.modal-footer  .btn.btn-primary:hover:after {
  -webkit-transform: translateX(300px) skewX(-15deg);
          transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
.page-item.active .page-link{
  background-color: #0038A8;
    border-color: #0038A8;
}
..page-link{
  color: #0038A8;
}