body, wrapper {
   min-height:100vh;
}
body { 
    background-color: #fff; 
}

body {
    font-family: archiaregular;
}





.flex-fill {
   flex:1 1 auto;
}

@font-face {
    font-family: archiaregular;
    src: url(../font/archia/archia-regular-webfont.69860a55a8a31ae3.ttf);
}
@font-face {
    font-family: archiamedium;
    src: url(../font/archia/archia-medium-webfont.e1eaf84b2da97de7.ttf);
}
@font-face {
    font-family: archiabold;
    src: url(../font/archia/archia-bold-webfont.eac67701b53dc9f6.ttf);
}
@font-face {
    font-family: archiasemibold;
    src: url(../font/archia/archia-semibold-webfont.e771f86846a80824.ttf);
}
* {
    font-family: archiaregular;
}

h1,h2,h3,h4,h5,h6,strong{
	font-family: archiabold;
}

.primary-text{
color: #115b88 !important;
}
.primary-text-2{
color: #125384 !important;
}
.primary{
background-color: #115b88 !important;
}
.border-primary {
    border-color: #115b88 !important;
}
.border-bottom-primary {
    border-bottom: 1px solid #115b88;
}


.brown {
    background-color: #795548 !important;
}
.brown-text {
    color: #795548 !important;
}

.table{
	border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-top:0;
}

.dataTables_length, .dataTables_filter{
	margin-bottom: 15px;
}


.dataTables_info, .dataTables_paginate{
	margin-top: 15px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 18px !important;
}

.icon_img{
	width:32px; 
	height:32px;
	
}

.spacer{
	width:100%;
	height:100px;
}

.card .card-circle {
    width: 7.5rem;
    height: 7.5rem;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
}
.card .card-circle .fas, .card .card-circle .fab, .card .card-circle .far {
    font-size: 4rem;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.white{
    background-color: #fff !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #115b88;
    border-color: #ffffff;
    background-color: #ffffff;
}
.nav-tabs .nav-link {
    background-color: #dff0ff;
}

.progress-bar {
    background-color: #115b88;
}
.text-pink {
    color: #E91E63!important;
}

.toggler-hover:hover {
  color: #115b88;
}

.sidenav-primary .sidenav-item .sidenav-link:hover, .sidenav-primary .sidenav-link:active, .sidenav-primary .sidenav-link:focus {
    color: #115b88;
    background-color: rgba(51, 122, 183,.05);		
}

.sidenav-primary .sidenav-link.active {
    color: #2e6ea4;
}

.btn-primary {
    color: #fff;
    background-color: #115b88;
}

.btn-primary:hover {
    background-color: #367c91;
}

.btn-outline-primary {
    color: #115b88;
    border-color: #115b88;
}
.btn-group-active{
	background-color: #115b88 !important;
    color: #fff !important;
}

/*view-scheme.html*/

tr.trBg {
/*     background-color: #1d5381 !important; */
    background: #30cfd0 !important; 

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgb(48 131 208 / 50%), rgb(51 122 183)) !important; 

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgb(48 131 208 / 50%), rgb(51 122 183)) !important;  
  
  padding: 10px 10px !important;
}

.tblbg {
/*     background-color: #1d5381 !important; */
    background: #30cfd0 !important; 

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to left, rgb(48 131 208 / 50%), rgb(51 122 183)) !important; 

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to left, rgb(48 131 208 / 50%), rgb(51 122 183)) !important;  
}

.cardheader-grad-1 {
/*     background-color: #1d5381 !important; */
    background: #30cfd0 !important; 

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to left, rgb(48 131 208 / 50%), rgb(51 122 183)) !important; 

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to left, rgb(48 131 208 / 50%), rgb(51 122 183)) !important;  
}

/* .carousel-caption > p {
  Prefix required. Even Firefox only supports the -webkit- prefix
  -webkit-text-stroke-width: .25px;
  -webkit-text-stroke-color: #fff;
  text-shadow: 0px 0px 2px #fff;
  color: #115b88;
} */



.flip-card {
  width: 100%;
  min-height: 244px;
  
}

.flip-card-inner {
  position: relative;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  
}

.flip-card:focus {
    outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  backface-visibility: hidden;
  width: 100%;
  min-height: 244px;
  
}

.flip-card-front {
  z-index: 2;
  display: flex;
}

.flip-card-back {
  transform: rotateY(180deg);
  z-index: 1;
  display: flex;
}

@media screen and (max-width: 576px) {
    .flip-card {
    width: 100%;
    min-height: 410px;
	}
	.flip-card-front,
	.flip-card-back {
	  width: 100%;
	  min-height: 410px;
  
	}
}

.mh-308 {
    min-height: 308px;
}

.mh-124 {
    width: 100%;
    min-height: 126px;
}

/* Letter spacing*/
.ls-1{
	letter-spacing: 1px;
}
.ls-2{
	letter-spacing: 2px;
}
/* Letter spacing*/

.card-inactive{
	border-color: rgba(0,0,0,.25) !important;
	color: rgba(0,0,0,.25) !important;
}

.women-component{
	border-color: #ec407a !important;
    color: #ec407a !important;
}

.w-100px{
	min-width: 100px;
}
.w-120px{
	min-width: 120px;
}
.w-140px{
	min-width: 120px;
}

@media screen and (max-width: 992px) {
    .h2 {
    	font-size: calc(.5rem + .9vw) !important;
	}
	.h3 {
	  	font-size: calc(.8rem + .6vw) !important;
	}
}

.ahover:hover{
	color:#fff !important;
	background-color: #115b88;
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 999;
  color: white;
  cursor: pointer;
}

.bg-grey{
	background-color:#eee;
}

.slider-bg {
    background: #fff url(../img/slider-bg.jpg)!important;
    padding-top: 130px!important;
    padding-bottom: 80px!important;
    background-position: center right !important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
}

.bottom-curve{
    background-color:#eee;
    width:100%;
    height:50px;
    border-top-left-radius:50%;
    border-top-right-radius:50%;
    margin-top:-50px;
}
.circle{
	width:200px;
	height:200px;
	margin-left: 100px;
	border-radius:125px;
	border : 5px solid #115b88;
	
}
.seperator
{
	width:200px;
	height:10px;
	background-color:#115b88;
	border-radius:5px;
}
.error{
		color: #dc3545;
}

/* colour theme 2 */
.bg21{
background-color: #4682fa !important;
}
.border-bg21 {
    border-color: #4682fa !important;
}
.bg22{
background-color: #00bc8c !important;
}
.border-bg22 {
    border-color: #00bc8c !important;
}
.bg23{
background-color: #dead0f !important;
}
.border-bg23 {
    border-color: #dead0f !important;
}
.bg24{
background-color: #8d7cfc !important;
}
.border-bg24 {
    border-color: #8d7cfc !important;
}
/* colour theme 2 */

.overlay-2 {
    background-color: rgba(0, 0, 0, 0.2);
}

g {
	outline: none !important; 
}

@media only screen and (min-width: 768px) {
	.px-5px {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
	.small {
		font-size: 75% !important;
		font-weight: 400;
		line-height: 14px !important;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 568px) {
	.col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.small {
	font-size: 75% !important;
	font-weight: 400;
	line-height: 14px !important;
	margin-bottom: 0;
}

.w-140px{
	width:140px;
}

.bg-fr{
	background-color:#00a084;
}
.bg-ar{
	background-color:#00aeef;
}
.bg-pr{
	background-color:#ffc40c;
}
.bg-as{
	background-color:#dd1e47;
}
.navbar-nav > .active{
	background-color:#fff !important;
}

.nav-link:hover{
	background-color:#fff;
}
.w-500{
	position:relative;
	width:500px !important;
}

.loading-backdrop {
    z-index: 0;
}
.spinner-border {
    display: inline-block;
    width: 150px;
    height: 150px;
    vertical-align: text-bottom;
    border: 0em solid !important;
    border-right: 0em solid !important;
    border-radius: 50%;
    -webkit-animation: spinner-border 3s linear infinite;
    animation: spinner-border 3s linear infinite;
    z-index:1066 !important;
}

.table.dataTable {
    border-collapse: collapse !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.goal-icon{
	border: 5px solid #fff;
    border-radius: 45px;
}
.goal-color{
	background-color:#e4233d;
}

@media screen and (min-width: 1280px){
.h-164{
	height:164px;
}}