/*
Custom CSS
*/

.card-feature-icon{
padding-top: 77%;
padding-left: 10px;
padding-right: 10px;
}

.image-radius-0{border-radius: 0px;}
.image-radius-10{border-radius: 10px;}
.image-radius-20{border-radius: 20px;}
.image-radius-30{border-radius: 30px;}



html .badge-1 {
	background-color: #9900cc;
}


html .badge-2 {
	background-color: #009999;
}


html .badge-3 {
	background-color: #b7a82e;
}

html .badge-4 {
	background-color: #bf7746;
}

html .badge-5 {
	background-color: #2aa14b;
}

.card-border:after {
	background-color: #04355C;
}

.form-age-pos
{
padding-top: 10px;
}

.border-info-secondary
{
border-color: #04355C;
border-radius: 20px;
max-width: 220px;
}

.tbl-no-line
{
border-color: #04355C;
}



.table > thead > tr > td.no-line,
.table > tbody > tr > td.no-line,
.table > tfoot > tr > td.no-line,
.table > thead > tr > th.no-line,
.table > tbody > tr > th.no-line,
.table > tfoot > tr > th.no-line,
.table > thead > tr.no-line > td,
.table > tbody > tr.no-line > td,
.table > tfoot > tr.no-line > td,
.table > thead > tr.no-line > th,
.table > tbody > tr.no-line > th,
.table > tfoot > tr.no-line > th {
	/*background-color: #212529;*/
	/*color: #FFF;*/
    border-bottom: 0px;
}

.solid-container 
{
    height: 100vh;
}


.cus-ity
{
    
}


.my-SalesWA{
    position:fixed;
    bottom:20px;
    right:20px;
    text-decoration:none; 
    z-index:999;
    padding: 14px 18px;
    font-size: 18px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #199547, #09e85c, #25D366);
    color: white;
    cursor: pointer;
    outline: none;

    /* smooth changing gradient */
    background-size: 300% 300%;
    animation: flow 6s ease infinite, breathe 3s ease-in-out infinite;    
}

.my-SalesWA:hover{
    color:#FFFF00;
    transition: all 0.6s ease-in-out;
}

@keyframes flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes breathe {
  0% { transform: scale(1); box-shadow: 0 0 10px rgba(89,89,89,0.4); }
  50% { transform: scale(1.07); box-shadow: 0 0 20px rgba(89,89,89,0.6); }
  100% { transform: scale(1); box-shadow: 0 0 10px rgba(89,89,89,0.4); }
}