/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 0rem;
  padding-bottom: 0rem;
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  /*height: 32rem;*/height: auto;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
.bg-style {background: linear-gradient(45deg, #167697, #004dad); padding: 10px 0;}
.tabledesign p{ padding:0; margin:0;}
.tabledesign p a{ padding:0; margin:0; color:#0a60a3;}
.tabledesign table td{ font-size:13px;}
.tabledesign table th{font-size:11px; text-transform:uppercase;}
.tabledesign .overflow-auto{ height:775px;}
.carousel-caption h1 {font-size: 67px;text-transform: uppercase;font-weight: 700;}
.carousel-caption {position: relative;right: 0%;bottom: 20px;left: 0%;padding-top: 140px; padding-bottom: 20px;color: #fff;text-align: center;}
.marketing-desgn{ padding:30px 0;}
#myCarousel{/*background: linear-gradient(45deg, #177396, #0cc1b3);*/background: linear-gradient(174deg, #28a745, #0f7699);	}
#dtBasicExample_paginate {padding: 15px 0;}
.tabledesign input{ border:none;outline: none;background: transparent;}
.dataTables_filter label{border-bottom: 1px #ccc solid;}
.tabledesign select {border: 1px #ccc solid;outline: none; padding: 5px 10px; border-radius: 6px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff;
    background-color: #4285f4;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.jumbotron-fluid {padding-right: 20px;padding-left: 20px;border-radius: 0;}
footer{padding: 10px 0;background: #333;}
footer p {line-height: 43px; margin: 0;padding: 0;color:#fff;}
footer p a {color:#fff;}


nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}
.tab-content{
  	background: #f6f6f6;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #e74c3c;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}
.nav-tabs.mathboots .nav-item.show .nav-link, .nav-tabs.mathboots .nav-link.active {
    color: #fff;
    background-color: #fff;
    border-color: #007bff #dee2e6 #fff;
    background: #007bff!important;
font-weight: bold;
    font-size: 22px;
}
.nav-tabs.mathboots {
    text-align: center;
    display: block;
}
.nav-tabs.mathboots .nav-link {
    font-weight: bold;
    font-size: 22px;
}
.nav-tabs.mathboots .nav-item {
    margin-bottom: -1px;
    display: inline-block;
}
.tab-content.mathboots {
    background: #fff;
    line-height: 25px;
    border: 0px solid #ddd;
    border-top: 5px solid #007bff;
    border-bottom: 5px solid #007bff;
    padding: 30px 10px;
}
.tab-pane.mathboots {
    padding: 20px 10px;
    background: #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    background: #e74c3c!important;
}
.tab-pane{ padding:20px 10px;background: #f6f6f6;}
table.dataTable thead th, table.dataTable thead td {padding: 10px 10px;border-bottom: 1px solid #111;}
.btn {font-size: 14px;}
table.dataTable thead th{padding: 10px 8px!important; border-bottom: 1px solid #dee2e6!important; background: #fff;}
.carousel-caption .btn {font-size: 20px;}
.add-service{color:#fff; font-size:16px;}
.classes-details p{margin: 7px 0 0 0px; padding:0;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}
.regst .form-group{ margin-bottom:0px;}
 .regst{   background: #f6f6f6;
    padding: 20px;    margin-bottom: 10px;
 }

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  /*.featurette-heading {
    margin-top: 7rem;
  }*/
 
}
@media screen and (max-width: 736px) {
 .carousel-caption h1 {font-size: 30px;text-transform: uppercase;}	
.carousel-caption {
    padding-top: 80px;
    padding-bottom: 20px;
}	
	
}