/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #444;
  font-family: "Open Sans", sans-serif; 
  line-height: 22px;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  font-size:15px;
  margin:0px;
  padding:0px;
}
.border-info {
    border-color: #17a2b8!important;
}

a {
  color: #50d8af;
  transition: 0.5s;
  font-family: "Montserrat", sans-serif;
  line-height: 26px;
  font-weight: 600;
  font-style: normal;
}

a:hover, a:active, a:focus {
  color: #51d8af;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Play', sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #50d8af;
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: #50d8af;
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #0c2e8a;
  color: #fff;
}
.tcontainer,.card border-info{font-family: 'Lato', sans-serif;}
.nav-link {
    display: block;
    padding: .6rem 0.4rem !important;
}
.tabcardheader{
    padding:.75rem 1.25rem;
    margin-bottom:0;
    background-color:rgba(0,0,0,0);
    border-bottom:1px solid rgba(0,0,0,.125);
    text-align: left;
}

.tabcontainer{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
    background-image:url(../img/Main.png);     
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity:0.9;
    height: 350px; 
    
}
@media (min-width:576px)
{.tabcontainer{max-width:540px;font-size:4px;}}
@media (min-width:768px)
{.tabcontainer{max-width:720px}}
@media (min-width:992px)
{.tabcontainer{max-width:960px}}
@media (min-width:1200px)
{.tabcontainer{max-width:1140px}}

/* Result Part */
.tcontainer{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;  
    opacity:0.9;
    text-align: left;
    }
@media (min-width:576px)
{.tcontainer{max-width:540px}}
@media (min-width:768px)
{.tcontainer{max-width:720px}}
@media (min-width:992px)
{.tcontainer{max-width:960px}}
@media (min-width:1200px)
{.tcontainer{max-width:1140px}}




/* Result Table Part */

.table td, .table th {
    padding: 9px;
    vertical-align: top;
    border-top: 1px solid #fff !important;
    text-align: left;
}


@media only screen and (max-width: 640px) {
	
	body{font-size:12px;}
	#sresult table td:nth-child(2){display: none;}
	#sresult table th:nth-child(2){display: none;}
	#sresult table td:nth-child(1)
	#sresult table th:nth-child(1)
        #sresult table td:nth-child(3)
	#sresult table th:nth-child(3)
        #sresult table td:nth-child(4)
	#sresult table th:nth-child(4)
	
        
}
@media only screen and (max-width: 340px) {
	
	#payment{font-size:8px;}
	.dues{font-size:10px;}
	#sresult table td:nth-child(2){display: none;}
	#sresult table th:nth-child(2){display: none;}
	#sresult table td:nth-child(1)
	#sresult table th:nth-child(1)
        #sresult table td:nth-child(3)
	#sresult table th:nth-child(3)
        #sresult table td:nth-child(4)
	#sresult table th:nth-child(4)
	
        
}