/* ==== Dash board part end   ==== */

/* ==== Front-end part start  ====  */
/* d1edfb #008080 */
.nav-wrapper{ background:#008080;}
/* e7f0fe #008080*/
.header-top{ background:#008080; display:flex;}
.top-email{}
.social-icon a{ padding-left:10px;}
.nav-wrapper .navbar-nav .nav-link{font-family: 'Titillium Web', sans-serif; color:#000; font-weight: 400;  font-style: normal;  color: #000000; text-decoration: none;     font-size: 16px;
    text-transform: uppercase;}
.nav-wrapper .navbar{ padding-left:0; padding-right:0;}
.nav-wrapper .navbar-dark .navbar-nav .nav-link:focus, .nav-wrapper .navbar-dark .navbar-nav .nav-link:hover{color: rgba(45,84,141,.75);}


/* ==== Front-end part end  ==== */
.body-content{     padding-top: 0px;  position: relative;    z-index: 9;    margin-top: -14px;}
.body-content .container{  -webkit-box-shadow: -1px 6px 8px 0px rgba(0,0,0,0.39);
-moz-box-shadow: -1px 6px 8px 0px rgba(0,0,0,0.39);
box-shadow: -1px 6px 8px 0px rgba(0,0,0,0.39); background:#fff;}

.tab-block ul.nav-tabs li{ width:33.3%; padding: 0px 0;  border-right: solid 1px #eee;}
.tab-block ul.nav-tabs li:last-child{ border-right:none;}

.tab-block ul.nav-tabs li a{ display:block; text-align:center; color: #000; padding: 10px 0;}
.tabl-prt{ border:solid 1px #eee; margin-top:30px;}

.tab-block ul.nav-tabs li a.active{ background:#008080; position:relative;}

.tabl-prt .tab-content>.tab-pane{    padding: 10px 20px;}
.mode-block{ margin:30px 0;}
.mod-txt{ padding-right:8px;}

.tab-block ul.nav-tabs li a.active:after{ content:'';   width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;
    border-top: 10px solid #008080;     position: absolute;    bottom: -10px;    left: 49%;}
a.navbar-brand.logo h4{ font-size:18px; color:#000;     line-height: normal;   padding: 0;
    margin: 0;}

a.navbar-brand.logo span{ color:#000; font-size:13px;     padding-bottom: 15px; display:block;}
select.mdb-select.md-form{border: solid 1px #ced4da;   padding: 6px 0;    border-radius: 2px;}
select.mdb-select.md-form:focus{ outline:none;}

body{background:#AFEEEE;
}
.navbar-dark .navbar-brand.logo{ padding: 11px 0 25px 0;}

/* ==== responsive css start here  ==== */
@media only screen and (min-width: 768px) and (max-width: 1100px) {

}


 @media(min-width:768px) {
.nav-wrapper .bg-dark { background-color: #008080!important;}
.nav-wrapper .navbar-expand-lg ul.navbar-nav li:last-child a.nav-link{ padding-right:0;}


}