@import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap');

/* LOGIN / PASSWORD RESET */
body.login
{
	background-color: #84d0f5;
	background-image: url("../files/services-login-background.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

body.login .navbar-light .navbar-brand,
body.login .navbar-light .navbar-brand:hover
{
	font-family: 'Montserrat', sans-serif !important;
	color:#002e5a;
}

body.login h4.card-title
{
	font-family: 'Montserrat', sans-serif !important;
	color:#ed6c7b;
	text-transform:uppercase;
	font-size:10pt;
}

body.login button.submit
{
	background-color:#ed6c7b;
	border-radius:0px;
	border:1px solid #ed6c7b;
}

body.login button.submit:hover
{
	background-color:#d88093;
	border:1px solid #ed6c7b;
}

body.login .form-group:last-child
{
	margin-bottom:0px;
}

body.login hr
{
	width: 35px;
    border: 2px solid #ed6c7b;
    border-radius: 20%;
}

body.login .avatar-lg
{
    width: 20rem;
    margin-top: -103px;
	z-index:0;
	
}

body.login .card {
	z-index: 1;
}

/* OTHER PAGES */

body
{
	background-image: url("../files/services-background.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: rgba(124, 206, 243, 0.1) !important;
}

.webton-dark{
	background-color:#002E5A !important;
}

.webton-light{
	background-color:#7CCEF3 !important;
}

.webton-font{
	font-family: 'Montserrat', sans-serif !important;
	color:#051B3F !important;
}

.sidebar-heading{
	font-family: 'Montserrat', sans-serif !important;
}

.nav-link.dropdown-toggle .pr-img-1,
.nav-link.dropdown-toggle:hover .pr-img-2 {
	display:block;
	background-color:#ed6c7b;
	height:30px;
	width:30px;
}
.nav-link.dropdown-toggle .pr-img-2,
.nav-link.dropdown-toggle:hover .pr-img-1 {
	display:none;
}

.dropdown-toggle:after,
.navbar-toggler i.material-icons{
	color:#ed6c7b;
}

@media (max-width: 768px) {
  .break-flex-sm
  {
    display: block !important;
  }
  
  .media.break-flex-sm .media-left,
  .media.break-flex-sm .media-body,
  .media.break-flex-sm .media-right
  {
	  text-align:center;
  }
}