img {
    max-width: 100%;
    height: auto;
}
.navbar .navbar-nav .nav-link {
  font-size: 14px;
  color:#fff;
  line-height: 24px;
}
.timer {
	color: #fff; 
	font-weight: bold;
	font-size: 24px;
}
.stickymenu{
	
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999 !important;
  border-bottom: solid 4px #d9042e;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #d9042e;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.jbox {
  display:flex;  
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  margin:0 auto;
}
@media (max-width: 940px) {
  .jbox {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
  }
}
@media (max-width: 700px) {
  .jbox {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
  }
}
@media (max-width: 425px) {
	.mtmddl{
		display:none!important;
	}
  .jbox {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100% !important;
	margin:2px 15px!important;	
  }
  .box-panel h5{
	  font-size:16px!important;
	  margin-top:5px!important;
  }
  
  
 
}

/* jHover starts here */

.jFloat {
  -webkit-transition: 0.3s transform ease-out;
  transition: 0.3s transform ease-out;
}
.jFloat:hover, .jFloat:focus, .jfloat:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.jBounceIn {
	-webkit-transition: .6s cubic-bezier(.47,2.02,.31,-0.36);
  transition: .6s cubic-bezier(.47,2.02,.31,-0.36);
}
.jBounceIn:hover, .jbounceIn:focus, .jbounceIn:active {
	transform: scale(1.1);
}

.jBounceUp {
  -webkit-transition:margin .3s ease-out;
  -moz-transition:margin .3s ease-out;
  -o-transition:margin .3s ease-out
}
.jBounceUp:hover {
    animation: jBounceUp-frames 1s;
}
@keyframes jBounceUp-frames {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

.jJump {
  -webkit-transition:margin .3s ease-out;
  -moz-transition:margin .3s ease-out;
  -o-transition:margin .3s ease-out
}
.jJump:hover {
    animation: jJump-frames 1s;
}
@keyframes jJump-frames {
	0%, 70%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40%{
		-webkit-transform: translateY(-18px);
		transform: translateY(-18px);
	}
}




li {
  list-style: none;
  /*background-image: url(""../image/userlogin.png"");*/
  background-repeat: no-repeat;
  background-position: left center;
  
}
.usefull-links li a i {
    display: inline-block;
    padding-right: 9px;
    text-align: center;
}
ul.usefull-links {
	padding:0!important;
}

.box-red{
	border:3px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #00a6fb;

	color:#fff;
	padding:5px;
	width:180px;
	text-align: center;
	}
.box-blue{
	border:3px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #0582ca;

	color:#fff;
	width:180px;
	padding:5px;
	text-align: center;
	}
.box-green{
	border:3px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #006494;

	color:#fff;
	width:180px;
	padding:5px;
	text-align: center;
	}
.box-yellow{
	border:3px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #5fa8d3;

	color:#fff;
	width:180px;
	padding:5px;
	text-align: center;
	}
.box-orange{
	border:3px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #003554;
	
	color:#fff;
	width:180px;
	padding:5px;
	text-align: center;
	}
.box-pink{
	border:3px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #051923;

	color:#fff;
	width:180px;
	padding:5px;
	text-align: center;
	}
.pt-4{
	background-color: #EBEBEB;
	padding:10px;
	
}
.pt-3-footer{
	padding:30px 0;
	color:#fff !important;
	
}
.box-red-implink{
	border:5px solid #fff;
	border-radius: 1px;
	background-color: #0582ca;
	color:#fff;
	padding:10px;
	width:100%;
	height:auto;
	text-align: left;
	border-radius: 10px;
	margin-bottom: 10px;
	}
.box-blue-implink{
	border:5px solid #fff;
	border-radius: 1px;
	background-color: #006494;
	color:#fff;
	width:100%;
	height:auto;
	padding:10px;
	text-align: left;
	border-radius: 10px;
	margin-bottom: 10px;
	}
.box-green-implink{
	border:5px solid #fff;
	border-radius: 1px;
	background-color: #5fa8d3;
	color:#fff;
	width:100%;
	height:auto;
	padding:10px;
	text-align: left;
	border-radius: 10px;
	margin-bottom: 10px;
	}
.box-yellow-implink{
	border:5px solid #fff;
	border-radius: 1px;
	background-color: #003554;
	color:#fff;
	width:100%;
	height:auto;
	padding:10px;
	text-align: left;
	border-radius: 10px;
	}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    background: #068494;
    color: #fff;
}
.tab button.active {
    background-color: #0904c7;
    color: #fff;
}
@media screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-link {
    padding: 0 0.5em;
  }
  .navbar .navbar-nav .nav-item:not(:last-child) .nav-link {
   
	
  }
}
/*added*/
.top-menu{
	background-color: #fff !important;	
}

.search-bar{
	width: 100px;
}
.search-container button {
  margin-right: 16px;
  background: #016590;
  color: #000;
  border: none;
  cursor: pointer;
}
.search-container button:hover {
  background: #036da4;
}
.logo{
	background: rgba(255,255,255,0.7);
	/*background-color: #e9ecef !important;*/
	padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.right-logo{
	display: block;
}
.right-logo-1, .right-logo-2{
	display: inline;
}
.menubar {
    margin-left: 0px;
    margin-top: 10px;
}
.nav-link:hover{
	color:#D00407 !important;
}
.nav-item.active a {
  background-color: #d9042e !important;
  color: #fff !important;
  
}

.toggler-color{
	background-color: #4267b2;
}
/* Make the image fully responsive */
  .carousel-inner img {
	width: 100%;
	height: 100%;
	/*height: 400px;*/
}
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
}
/*edited*/
.btn-1 {
  position: relative;
  width: 180px;
  top: 25%;
  /*left: 50%;
  left: 26%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%) !important;
  color: #000;
  font-size: 12px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  /*border: 5px solid #fff!important;*/
  border-radius: 12px!important;
  text-align: center;
}
.btn-2 {
  position: relative;
  width: 180px;
  top: 25%;
  /*left: 50%;
  left: 50%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%) !important;
  color: #000;
  font-size: 12px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 12px!important;
  text-align: center;
}
.btn-3 {
  position: relative;
  width: 180px;
  /*top: 50%;*/
  top: 25%;
  /*left: 50%;
  left: 26%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   /*background-color: #fff;*/
   background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;
  color: #000;
  font-size: 12px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 12px!important;
  text-align: center;
}
.btn-4 {
  position: relative;
  width:180px;
  /*top: 50%;*/
  top: 25%;
  /*left: 50%;
  left: 50%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   /*background-color: #fff;*/
  background-image: linear-gradient(to left, #efa65f, #f76a2d) !important;
  color: #000;
  font-size: 12px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 12px!important;
  text-align: center;
}
.table-heading{
	text-align: center;
}
/*.dropdown-position{
	text-align: center;
}*/
.dropdown-1-position{
	float: right;
}
.table-search-button{
	width: 38px;
	height:38px;
	border: none;
	border-radius: 4px;
	background-color: #17a2b8;
    color: #ffffff;
}
.fa-angle-right:before{
	padding-right: 10px;
}
.flex-container{
	display: flex;
}
.twitter-background{
	background-color: #0904c7 !important;
	color: #ffffff !important;
}
.facebook-background{
	background-color: #068494 !important;
	color: #ffffff !important;
}
.copyright {
    background-color: #e9ecef;
    color: #000000;
    width: 100%;
}
@media screen and (max-width: 600px) {
  .search-container {
    float: none;
  }
  .search-container button {
    float: none;
    display: block;
    text-align: left;
  }
  .search-bar{
	  width: 100%;
  }
}
@media screen and (max-width: 2560px) {
.btn-1 {
  position: relative;
  width:180px;
  top: 25%;
  /*left: 50%;
  left: 38%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  font-size: 15px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 12px;
  text-align: center;
}
.btn-3 {
  position: relative;
  width: 180px;
  /*top: 50%;*/
  top: 25%;
  /*left: 50%;
  left: 38%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  font-size: 15px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 12px;
  text-align: center;
}
	
		
	}
@media screen and (max-width: 1440px) {
.btn-1 {
  position: relative;
  width: 180px;
  top: 25%;
  /*left: 50%;
  left: 28%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  font-size: 12px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 12px;
  text-align: center;
}
.btn-3 {
  position: relative;
  width: 180px;
  /*top: 50%;*/
  top: 25%;
  /*left: 50%;
  left: 28%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #000;
  font-size: 12px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 12px;
  text-align: center;
}

.box-panel {
	height: 128px;
}
	
		
	}
@media screen and (max-width: 425px) {
  .right-logo-1, .right-logo-2{
	display: inline;
	width:40px;
	height:40px;
	float:left;
	}

.main-logo{
	display: inline;
	max-width:100%;
	/*width:270px;*/
	height:50px;
	padding-top:8px;
	}
.carousel-inner img {
	width: 100%;
	height: 100%;
	/*height: 150px;*/
	}
.top-menu {
    background-color: #fff !important;
	font-size:12px;
	
}
.search-container {
    float: left;
  }
  .search-container button {
    float: none;
    display: block;
    text-align: left;
  }
  .search-bar{
	  width: 100%;
  }
.nav-link {
    display: block;
    padding: 0rem 0.2rem !important;
}
 

.box-red{
	border:5px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #00a6fb;
	margin-left:5px;
	color:#fff;
	padding:5px;
	width:95%;
	text-align: center;
	}
.box-blue{
	border:5px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #0582ca;
	margin-left:5px;
	color:#fff;
	width:95%;
	padding:5px;
	text-align: center;
	}
.box-green{
	border:5px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #006494;
	margin-left:5px;
	color:#fff;
	width:95%;
	padding:5px;
	text-align: center;
	}
.box-yellow{
	border:5px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #5fa8d3;
	margin-left:5px;
	color:#fff;
	width:95%;
	padding:5px;
	text-align: center;
	}
.box-orange{
	border:5px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #003554;
	margin-left:5px;
	color:#fff;
	width:95%;
	padding:5px;
	text-align: center;
	}
.box-pink{
	border:5px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #003554;
	margin-left:5px;
	color:#fff;
	width:95%;
	padding:5px;
	text-align: center;
	}
.pt-4{
	background-color: #EBEBEB;
	padding:10px;
	
}
.pt-3-footer{
	background-color: #000;
	padding:20px!important;
	color:#fff !important;
	
}
.box-red-implink{
	border:5px solid #fff;
	border-radius: 1px;
	background-color: #0582ca;
	color:#fff;
	padding:5px;
	width:100%;
	text-align: left;
	margin-left:0px;
	}
.box-blue-implink{
	border:5px solid #fff;
	border-radius: 1px;
	background-color: #006494;
	color:#fff;
	width:100%;
	padding:5px;
	text-align: left;
	margin-left:0px;
	}
.box-green-implink{
	border:5px solid #fff;
	border-radius: 1px;
	background-color: #5fa8d3;
	color:#fff;
	width:100%;
	padding:5px;
	text-align: left;
	margin-left:0px;
	}
.box-yellow-implink{
	border:5px solid #fff;
	border-radius: 1px;
	background-color: #003554;
	color:#fff;
	width:100%;
	padding:5px;
	text-align: left;
	margin-left:0px;
	}
.carousel-inner .timer{
	color: #D80508;
	font-weight: 800;
	font-size: 13px;
}
.btn-1 {
  position: relative;
  width: 125px;
  top: 25%;
  /*left: 50%;
  left: 20%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  font-size: 8px;
  padding: 0px 0px;
  border: none;
  cursor: pointer;
  border: 3px solid #ccc;
  border-radius: 5px;
  text-align: center;
}
.btn-2 {
  position: relative;
  width: 120px;
  top: 25%;
  /*left: 50%;
  left: 50%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  font-size: 8px;
  padding: 5px 0px;
  border: none;
  cursor: pointer;
  border: 3px solid #ccc;
  border-radius: 5px;
  text-align: center;
}
.btn-3 {
  position: relative;
  width: 125px;
  /*top: 50%;*/
  top: 25%;
  /*left: 50%;
  left: 20%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  font-size: 8px;
  padding: 5px 0px;
  border: none;
  cursor: pointer;
  border: 3px solid #ccc;
  border-radius: 5px;
  text-align: center;
}
.btn-4 {
  position: relative;
  width: 120px;
  /*top: 50%;*/
  top: 25%;
  /*left: 50%;
  left: 50%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  font-size: 8px;
  padding: 5px 0px;
  border: none;
  cursor: pointer;
  border: 3px solid #ccc;
  border-radius: 5px;
  text-align: center;
}

.box-01{
	border:3px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #03410b;
	 margin-left:6px!important;
	color:#fff;
	padding:5px;
	width:95%!important;
	text-align: center;
	
	}

  .box-02{
    border:3px solid #fff;
    border-radius: 15px 0 15px 0;
    background-color: #3d9959;
     margin-left:6px!important;
    color:#fff;
    padding:5px;
    width:95%!important;
    text-align: center;
    }

    .box-03{
      border:3px solid #fff;
      border-radius: 15px 0 15px 0;
      background-color: #34bea0;
       margin-left:6px!important;
      color:#fff;
      padding:5px;
      width:95%!important;
      text-align: center;
      }

      .box-04{
        border:3px solid #fff;
        border-radius: 15px 0 15px 0;
        background-color: #86fb00;
         margin-left:6px!important;
        color:#fff;
        padding:5px;
        width:95%!important;
        text-align: center;
        }

        .box-05{
          border:3px solid #fff;
          border-radius: 15px 0 15px 0;
          background-color: #00fb21;
          margin-left:6px!important;
          color:#fff;
          padding:5px;
         width:95%!important;
          text-align: center;
          }


.menubar {
    margin-left: 0px;
    margin-top: 10px!important;
}

}


 
.table-background {
	background-color: #EBE9E9;
	border-radius: 12px;
	overflow: hidden;
}
.table {
	border-spacing: 0 0.85rem !important;
}
.table .dropdown {
	display: inline-block;
}
.table td {
	vertical-align: middle;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 5px;
}
.table th {
	vertical-align: middle;
	margin-bottom: 10px;
	border: none;
}
.table thead tr {
	border: none;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: transparent;
}
.table thead th {
	border: none;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: transparent;
}
.table td {
	background: #fff;
	font-size: 13px;
}
.table td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.table td:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.avatar {
	width: 2.75rem;
	height: 2.75rem;
	line-height: 3rem;
	border-radius: 50%;
	display: inline-block;
	background: transparent;
	position: relative;
	text-align: center;
	color: #868e96;
	font-weight: 700;
	vertical-align: bottom;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.avatar-sm {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 0.83333rem;
	line-height: 1.5;
}
.avatar-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.avatar-blue {
	background-color: #c8d9f1;
	color: #467fcf;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
	top: 28px;
	left: 14px;
	border: none;
	box-shadow: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child {
	padding-left: 48px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
	padding-left: 48px;
}
table.dataTable > tbody > tr.child ul.dtr-details {
	width: 100%;
}
table.dataTable > tbody > tr.child span.dtr-title {
	min-width: 50%;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
	padding: 0.75rem 1rem 0.125rem;
}
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
	margin-bottom: 0;
}



 @media (max-width: 576px) {
	 
	 #navbar {
    z-index: 999;
     background-color: #eae6e6!important;
	 padding:10px!important;
	}
 }

 @media (max-width: 667px) {
 
	 #navbar {
    z-index: 999;
   }


 }


 @media (max-width: 767px) {
 div.dataTables_wrapper div.dataTables_paginate ul.pagination {
 -ms-flex-pack: center !important;
 justify-content: center !important;
 margin-top: 1rem;
}
.carousel {
    position: relative;
    margin-top: 0px!important; 
}
#navbar {
    z-index: 999;  
    width: 100%!important;
    border-radius: 8px;
    padding:2px; 
	margin-top:0px;
}

.menubar {
    margin-left: 0px;
    margin-top: 5px;
}

.navbar .navbar-nav .nav-link {
    font-size: 13px;
    color: #fff;
    line-height: 24px;
}

.navbar{
	width: 100%!important; 
	border-radius:8px!important; 
}


.btn-1 {
  width: 150px;
  font-size: 12px;
  padding: 6px 8px;
}

.btn-2 {
  width: 150px;
  font-size: 12px;
  padding: 6px 8px;
}

.btn-3 {
  width: 150px;
  font-size: 12px;
  padding: 6px 8px;
}

.btn-4 {
  width: 150px;
  font-size: 12px;
  padding: 6px 8px;
}

.mtmddl {
    position: absolute;
    bottom: 0%;
    left: 15%!important;
    right: 0;
    text-align: center;
}

.hscroll{
	white-space:nowrap;
    overflow-x:auto;
}


}



.btn-icon {
	background: #fff;
}
.btn-icon .bx {
	font-size: 20px;
}
.btn .bx {
	vertical-align: middle;
	font-size: 20px;
}
.dropdown-menu {
	padding: 0.25rem 0;
}
.dropdown-item {
	padding: 0.5rem 1rem;
}
.badge {
	padding: 0.5em 0.75em;
}
.badge-success-alt {
	background-color: #d7f2c2;
	color: #7bd235;
}
.table a {
	color: #212529;
}
.table a:hover, .table a:focus {
	text-decoration: none;
}
/*table.dataTable {
	margin-top: 12px !important;
}*/
.icon > .bx {
	display: block;
	min-width: 1.5em;
	min-height: 1.5em;
	text-align: center;
	font-size: 1.0625rem;
}
.btn {
	font-size: 0.9375rem;
	font-weight: 500;
	padding: .375rem .75rem;
}

.btn1 {
	padding: 0.2rem 0.5rem!important;
}
.avatar-blue {
	background-color: #c8d9f1;
	color: #467fcf;
}
.avatar-pink {
	background-color: #fcd3e1;
	color: #f66d9b;
}
/* Style the navbar */
#navbar {
  z-index: 999;
  /*background-color: #000;*/
}

/* Navbar links */
#navbar a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-weight:bold;
  text-transform: uppercase;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */


/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    margin-right: 4px !important;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    margin-right: 15px !important;
}

.mtmddl{
	position:absolute;
	bottom:0%;
	left:0;
	right:0;
	text-align:center;	
}
.mr-10{
	margin-right:10px;
}

.table-background {
    background-color: #EBE9E9;
    border-radius: 12px;
	padding:12px;
}
.iconimg{
	position:relative;
	margin-right:10px;
	float:left;
}

.iconimg img{
	max-width:40px;
}
.hdtxt{
	float:left;
	position:relative;
  padding-top: 10px;
}

.hdtxt h5{
	float:left;
	margin-top:6px;
	font-size:18px!important;
}
.table-background1{
	width:100%;
	background:url('../image/bg1.jpg')no-repeat;
	background-size:cover;	
	border-radius:12px;
	 -webkit-box-shadow: 1px 1px 20px -5px rgba(0,0,0,0.56); 
	-moz-box-shadow: 1px 1px 20px -5px rgba(0,0,0,0.56);
	box-shadow: 1px 1px 15px -5px rgba(0,0,0,0.56);
	border:solid 2px #fff;
}

footer{
	position:relative;
	background:url('../image/footer.jpg')no-repeat;
	background-size:cover;	
}
footer h5{
	position:relative;
	margin-bottom: 15px;
}

footer h5:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background-color:#d9042e;
    left: 0;
    bottom: -7px;
}

.crl{
	width:65px;
	height:65px;
	line-height:65px;
	border-radius:50%;
	border:solid 2px #fff;
	display:block;
	margin:0 auto;
	padding:12px 4px;
	background-color: #1b509c;
}

.crl img{
	max-width:40px;
	text-align:center;
	display: block;
    margin: 0 auto;
}

.table-heading  {
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #d9042e;
  position:relative;
}

.table-heading::after {
  content: "";
  position: absolute;
  display: block;
  width: 100px;
  height: 2px;
  background: #000000;
  bottom: -9px;
  left:0;
  right:0;
  margin:0 auto;
}

.fb {
    background-color: #3B5998;
    color: #fff;
	width:100%;
}
a.fb {
    background-color: #3B5998;
    color: #fff;
	width:100%;
}
a.fb:hover{
    background-color: #0F0FBC;
    color: #fff;
	width:100%;
}



.twitter {
    background: #55ACEE;
    color: #fff;
	width:100%;
}
a.twitter {
    background-color: #55ACEE;
    color: #fff;
	width:100%;
}
a.twitter:hover{
    background-color: #2D92DF;
    color: #fff;
	width:100%;
}



.soctxt{
	margin-bottom:10px;
}


/* Begin styling the tooltips and pins */

#image-map {
    position: relative;
	margin: 0 auto;
}
#image-map img {
    position: relative;
	/*width:850px!important;
	height:649px!important;*/
}
.pin {
    display: none;
}

.tooltip-up, .tooltip-down {
    position: absolute;
    background: url('../../drop.png');
    width: 25px;
    height: 37px;
}

.tooltip-down {
    background-position: 0 -37px;
}

.tooltip1 {
    display: none;
    width: 190px;
    cursor: help;
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 999;
    margin-left: -115px;
    padding:5px;
    color: #000;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(0,0,0,.7);
    background: #A4E1F5;
    background: linear-gradient(top, #fff1d3, #ffdb90);         
}

.tooltip1::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-bottom: 10px solid #A4E1F5;
    border-left: 10px solid transparent;
    border-right : 10px solid transparent;
}

.tooltip-down .tooltip1 {
    bottom: 12px;
    top: auto;
}

.tooltip-down .tooltip1::after {
    bottom: -10px;
    top: auto;
    border-bottom: 0;
    border-top: 10px solid #ffdb90;
}

.tooltip1 h2 {
    font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
    margin: 0 0 10px;
}

.tooltip1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tooltip1 ul li {
	text-align:center;
}

.tooltip1 h3{
	text-align:center!important;
	font-size:14px!important;
	font-weight:bold;
	padding-bottom:0px!important;
	margin-bottom:0px!important;
}

.bdrnew{
	border:solid 4px #fff;
}

.carousel {
    position: relative;
    margin-top: -81px;
}
.white-text{
	color:#fff!important;
}

.hscroll{
	position: relative;
}

.tableFixHead {
  overflow: auto;
  height: 100px;
}

.tableFixHead thead th {
  position: sticky;
  top: 0;
}
.table-sticky{
	position: relative;
}

.tableFixHead.table-sticky table thead tr th{
	top: 0px;
	position: sticky!important;
}

#fixTable {
	position: relative;

}

#fixTable.table thead {
	top: 0px;
	position: sticky!important;
}
.tweet{
	position:relative;
}

.tweet svg{
	position:relative;
	width:20px!important;
}

.tweetftr{
	position:relative;
}

.tweetftr svg{
	position:relative;
	width:16px!important;
	padding-bottom:4px;
	margin-left:10px;
}

.modal{
	top:30%!important;	
}

.box-01{
	border:3px solid #fff;
	border-radius: 15px 0 15px 0;
	background-color: #03410b;
	margin-left:0px;
	color:#fff;
	padding:5px;
	width:180px;
	text-align: center;
	}

  .box-02{
    border:3px solid #fff;
    border-radius: 15px 0 15px 0;
    background-color: #3d9959;
    margin-left:0px;
    color:#fff;
    padding:5px;
    width:180px;
    text-align: center;
    }

    .box-03{
      border:3px solid #fff;
      border-radius: 15px 0 15px 0;
      background-color: #34bea0;
      margin-left:0px;
      color:#fff;
      padding:5px;
      width:180px;
      text-align: center;
      }

      .box-04{
        border:3px solid #fff;
        border-radius: 15px 0 15px 0;
        background-color: #86fb00;
        margin-left:0px;
        color:#fff;
        padding:5px;
        width:180px;
        text-align: center;
        }

        .box-05{
          border:3px solid #fff;
          border-radius: 15px 0 15px 0;
          background-color: #00fb21;
          margin-left:0px;
          color:#fff;
          padding:5px;
          width:180px;
          text-align: center;
          }