@font-face {
    font-family: 'ntBold';
    src: url('../font/ntfont/NT Bold.eot');
    src: url('../font/ntfont/NT Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/ntfont/NT Bold.woff2') format('woff2'),
        url('../font/ntfont/NT Bold.woff') format('woff'),
        url('../font/ntfont/NT Bold.ttf') format('truetype'),
        url('../font/ntfont/NT Bold.svg#promptbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ntReg';
    src: url('../font/ntfont/NT Regular.eot');
    src: url('../font/ntfont/NT Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/ntfont/NT Regular.woff2') format('woff2'),
        url('../font/ntfont/NT Regular.woff') format('woff'),
        url('../font/ntfont/NT Regular.ttf') format('truetype'),
        url('../font/ntfont/NT Regular.svg#promptbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: 'ntReg';
	font-size: 1.2rem;
}
.card{
	border-radius: 1rem;
}
.card-body{
	padding: 0px;
}
.bg-gradient-primary {
    background-color: #53595F;
    background-image: linear-gradient(180deg,#293042 10%,#293042 100%); 
    background-size: cover;
}
.login-main-text{
	color: black;
}
.bg-login-image {
   /*  background-image: url('../img/Mobile login-pana.png'); */
	background-color: #FFD100;
    background-size: 30%;
    background-position: center;
    background-size: cover;
	background-image: unset;
}
form.user .form-control-user{
	font-size: 1.2rem;
}
form.user .btn-user {
    font-size: 1.2rem;

}
.btn-primary {
    color: #FFD100;
    background-color:#293042;
    border-color: #293042;
}
.btn-primary:hover {
    color: #fff;
    background-color: #293042;
    border-color: #293042;
}
.switch-input {
	display: none;

  }
  /* set text */
  .switch-label {
	position: relative;
	display: inline-block;
	left:80px;
	min-width: 112px;
	cursor: pointer;
	font-weight: 500;
	text-align: left;
	margin: 0px;
	padding: 10px 0 16px 100px;

	
  }
  .switch-label:before, .switch-label:after {
	content: "";
	position: absolute;
	margin: 0;
	outline: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: all 0.3s ease;

	/* transform: rotate(90deg); */

  }
  .switch-label:before {
	left: 1px;
	width: 60px;
	height: 20px;
	background-color: #53595F;
	border-radius: 30px;
	/* transform: rotate(90deg); */
  }
  .switch-label:after {
	left: 1px;
	width: 30px;
	height: 30px;
	background-color: rgb(255, 209, 0);
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  }
  .switch-label .toggle--on {
	display: none;
  }
  .switch-label .toggle--off {
	display: inline-block;
  }
  .switch-input:checked + .switch-label:before {
	background-color: #A5D6A7;
  }
  .switch-input:checked + .switch-label:after {
	background-color: #028a0f;
	-webkit-transform: translate(80%, -50%);
	transform: translate(80%, -50%);
	left:8px;
  }
  .switch-input:checked + .switch-label .toggle--on {
	display: inline-block;
  }
  .switch-input:checked + .switch-label .toggle--off {
	display: none;
  }