@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

a.active.focus,a.active:focus,a.focus,a:active.focus,a:active:focus,a:focus,button.active.focus,button.active:focus,button.focus,button:active.focus,button:active:focus,button:focus,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(255,255,255,0)!important;
}
.form-control:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.custom-select:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.custom-control-input:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
*:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}

.close {
	text-shadow:0px 0px 0px #000!important;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #dee2e6;
}

.border-red{
	border-color:crimson!important;
}

.form-control::placeholder { 
            color: #00bfa5;
            opacity: 1; 
}
.form-control:-ms-input-placeholder { 
            color: #00bfa5;
}
.form-control::-ms-input-placeholder { 
            color: #00bfa5;
 }
select.form-control  {
    word-wrap: normal;
    height: 50px!important;
}

::-webkit-input-placeholder {
    color: #eee!important;
    transition: opacity 450ms ease-in-out;
}
:focus::-webkit-input-placeholder {
    opacity: 0.1;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight:600;
}

.rounded-md {
    border-radius: 0.82rem!important;
}
.rounded-lg {
    border-radius: 1.12rem!important;
}

.font-roboto{
	font-family:'Roboto', serif!important;
}
.font-roboto-c{
	font-family:'Roboto Condensed', serif!important;
}
.font-alumni{
	font-family:'Alumni Sans', serif!important;

}

.font-300{
	font-weight:300!important;
}
.font-400{
	font-weight:400!important;
}
.font-500{
	font-weight:500!important;
}
.font-600{
	font-weight:600!important;
}
.font-700{
	font-weight:700!important;
}
hr {
    margin-top: 0.8rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.custom-control-label {
	font-family:'Roboto', serif!important;
	padding-top: 1px;
	font-size:14px;
	color: #555;
}
.custom-control-label a{
	color: #555;
}
.custom-control-label a:hover{
	color: #78a4ca;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #78a4ca;
  background-color: #78a4ca;
  box-shadow:0 0 0px 3px #cee0eb;
}
.password-control {
	position: absolute;
	top: 14px;
	right: 12px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/images/view.svg) 0 0 no-repeat;
	opacity:0.45;
}
.password-control.view {
	background: url(/images/no-view.svg) 0 0 no-repeat;
	opacity:0.45;
}


.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	font-family:'Roboto Condensed', serif!important;
	color:#999;
}
.navbar-nav .nav-link{
	font-size:0.96rem;
	color:#1b5e20;
}
.navbar-nav .nav-link:hover{
	color:#66bb6a;
}
.navbar-nav .nav-link i{
	font-size:0.95rem;
}

.modal-header {
	border:0;
	border-radius:0;
}

.brand span, .model span{
	cursor:pointer;
}
.brand span:hover, .model span:hover{
	opacity:0.6;
}

body {
	font-family:'Roboto', serif;
}

.navbar-toggler {
    position: absolute;
    padding: 0.25rem 0.75rem;
    right: 10px;
	top:14px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0px;
    border-radius: 0;
}

.modal-body h4{
	font-weight:500;
}



@media (max-width: 564px) {
		
	.navbar-brand img{
		width:70%;
	}
}