/* your styles go here */
@media only screen {
	body {
		padding-top: 104px;
	}
}
.bg-mcn {
  background-color: #0c56ab !important;
}

.btn-action {
    color: #000000!important;
    border-color: #f77300;
    background-color: #f77300!important;
}

.card-header {cursor: pointer;}
.card-body img {max-width: 100%;}

.auto-margin {
	margin-left: auto;
	margin-right: auto;
}

.sticky-offset {
    top: 105px !important;
}

.fixed-scroll-200{
    height:200px;
    overflow-y:auto;
  }
.fixed-scroll-400{
    height:400px;
    overflow-y:auto;
  }
.fixed-scroll-600{
    height:600px;
    overflow-y:auto;
  }
.fixed-scroll-800{
    height:800px;
    overflow-y:auto;
  }


.form-label{
	color: #434345;
	font-weight: 550;
}

.tooltip-inner {
	max-width: 400px !important;
}

@media (max-width: 600px) {
    .container {
      padding:0;
      padding-left: 5px;
      padding-right: 5px;
      margin:0;
    }

    body {
      padding:0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    }
}

.bg-cover a {color: #fff}

  
.bg-b-50 {
	background-position: bottom -50px right 0px;
}
.bg-b-100 {
	background-position: bottom -100px right 0px;
}
.bg-b-150 {
	background-position: bottom -150px right 0px;
}
.bg-b-200 {
	background-position: bottom -200px right 0px;
}
.bg-b-250 {
	background-position: bottom -250px right 0px;
}
.bg-b-300 {
	background-position: bottom -300px right 0px;
}
.bg-b-350 {
	background-position: bottom -350px right 0px;
}
.bg-b-400 {
	background-position: bottom -400px right 0px;
}
.bg-b-450 {
	background-position: bottom -450px right 0px;
}
.bg-b-500 {
	background-position: bottom -500px right 0px;
}

.bg-t-50 {
	background-position: top -50px right 0px;
}
.bg-t-100 {
	background-position: top -100px right 0px;
}
.bg-t-150 {
	background-position: top -150px right 0px;
}
.bg-t-200 {
	background-position: top -200px right 0px;
}
.bg-t-250 {
	background-position: top -250px right 0px;
}
.bg-t-300 {
	background-position: top -300px right 0px;
}
.bg-t-350 {
	background-position: top -350px right 0px;
}
.bg-t-400 {
	background-position: top -400px right 0px;
}
.bg-t-450 {
	background-position: top -450px right 0px;
}
.bg-t-500 {
	background-position: top -500px right 0px;
}






@supports (-webkit-touch-callout: none) { 
	.bg-b-50 {
		background-position: unset;
	}
	.bg-b-100 {
		background-position: unset;
	}
	.bg-b-150 {
		background-position: unset;
	}
	.bg-b-200 {
		background-position: unset;
	}
	.bg-b-250 {
		background-position: unset;
	}
	.bg-b-300 {
		background-position: unset;
	}
	.bg-b-350 {
		background-position: unset;
	}
	.bg-b-400 {
		background-position: unset;
	}
	.bg-b-450 {
		background-position: unset;
	}
	.bg-b-500 {
		background-position: unset;
	}

	.bg-t-50 {
		background-position: unset;
	}
	.bg-t-100 {
		background-position: unset;
	}
	.bg-t-150 {
		background-position: unset;
	}
	.bg-t-200 {
		background-position: unset;
	}
	.bg-t-250 {
		background-position: unset;
	}
	.bg-t-300 {
		background-position: unset;
	}
	.bg-t-350 {
		background-position: unset;
	}
	.bg-t-400 {
		background-position-y: unset;
	}
	.bg-t-450 {
		background-position: unset;
	}
	.bg-t-500 {
		background-position-y: unset;
	}
	
}

.login-form {
    width: 340px;
    margin: 50px auto;
    font-size: 15px;
}
.login-form form {
    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 30%);
    padding: 30px;
}