body {
	width: 100%;
	height: 100%;
	text-align: left;
	font-family: Outfit, sans-serif;
        color: #6b7290;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px;
	overflow-x: hidden;
        background: #fff !important;
}


.container {
 	max-width: 1200px;
 	border: 0px;
 	margin: 0px auto;
 	position: relative;
}


.lightBlue {
	background: #dbe9f7;
}

.red {
	background: #ff0060;
}

.blue {
	background: #00a2ff;
}

.green {
	background: #00ff9c;
}

:focus {
	outline: none !important;
}


                                                                      /*****************
                                                                      // -----------------
                                                                      // LOGIN PAGE
                                                                      // _________________
                                                                      // *****************/


.lightGreyBg {
        background: #f7fafc;
}

.darkBlueBg {
    background: url(../images/login-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.loginLogo {
	width: 200px;
	margin: 0px auto;
	display: block;
}





                                                                      /*****************
                                                                      // -----------------
                                                                      // HEADER ELEMENTS
                                                                      // _________________
                                                                      // *****************/
header {
    top: 64px;
    z-index: 1;
    position: fixed;
    width: 100%;
}




.topHeaderBar {
  top: 0px;
  z-index: 100;
  position: fixed;
  width: 100%;
  background: #fff;
}
/*
.subheaderBar {
    position: fixed;
    top: 60px;
    left: 0;
}

*/




#bootstrapHeaderSearch .search-bar {
    min-width: 360px;
    padding: 14px 0px 0px 0px !important;

}

@media (max-width: 1199px) {
  #bootstrapHeaderSearch .search-bar {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 20px;
    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
    background: white;
    z-index: 9999;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
  }
  #bootstrapHeaderSearch .search-bar-show {
    top: 60px;
    visibility: visible;
    opacity: 1;
  }
}

#bootstrapHeaderSearch .search-form {
  width: 100%;
}

#bootstrapHeaderSearch .search-form input {
  border: 0;
  font-size: 14px;
  color: #012970;
  border: 1px solid rgba(1, 41, 112, 0.2);
  padding: 7px 38px 7px 8px;
  border-radius: 3px;
  transition: 0.3s;
  width: 100%;
}

#bootstrapHeaderSearch .search-form input:focus, .header .search-form input:hover {
  outline: none;
  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
  border: 1px solid rgba(1, 41, 112, 0.3);
}

#bootstrapHeaderSearch .search-form button {
  border: 0;
  padding: 0;
  margin-left: -30px;
  background: none;
}

#bootstrapHeaderSearch .search-form button i {
  color: #012970;
}













                                                                      /*****************
                                                                      // -----------------
                                                                      // MAIN BG COLOR
                                                                      // _________________
                                                                      // *****************/


.mainBg {
        margin-top: 130px;
        background: #eff7f9;
}





                                                                      /*****************
                                                                      // -----------------
                                                                      // OPERATOR ELEMENTS
                                                                      // _________________
                                                                      // *****************/
.opHeader {
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
}




                                                                      /*****************
                                                                      // -----------------
                                                                      // TO STOP SIDEBAR OVERLAPPING CONTENT
                                                                      // _________________
                                                                      // *****************/
.overlap {
        margin-left: 310px;
}


















								      /*****************
								      // -----------------
								      // FOOTER AREA
								      // _________________
								      // *****************/


.footer {
	font-size: 13px;
}

a {
	font-weight: 600;
	color: #1eda90;
	text-decoration: none;
}










