.front-face {

 background: #0000 url("https://i.ibb.co/7JdHgJCq/mobil-orta.png") center center no-repeat;

 background-size: contain;

 width: 460px;

 min-height: 320px;

 padding: 55px 70px;

 border-radius: 42px;

 position: relative;

 align-items: center;

 justify-content: center;

 text-align: center;

 overflow: hidden;

 box-shadow: none

}
 
.front-face img {

 width: 70%

}
 
@media (max-width: 768px) {

 .front-face {
  background-size: cover;
  top: -50px !important;
margin-top: 100px !important;
 }
 
 .front-face img {
  margin-top: 30px !important;
 }
}


body{ margin-top: 0 !important }
.login-form .top{ background: #282828 !important; }
.login-form .top h2{ color: #ccc }
.login-form .top .btn-close{ filter: brightness(0.9) !important }
#kayanYaziContainer,#btnLogin{ background: #c4a441 }
.subbanner { background: #f9a825 !important; }
.dx-popup-wrapper > .dx-overlay-content,
.dx-calendar,
.dx-datagrid,
.login-form .bottom,
.content-card { background: #282828 !important; }
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { border-bottom: 2px solid #f9a825 }
.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar-navigator .dx-button,
.dx-datagrid .dx-datagrid-table .dx-header-row > td {
	color: #ebb058 !important;
}
.btn-primary {
	color: #fff;
	background-color: #f9a825;
	border-color: #f9a825;
}
.dx-calendar-cell.dx-calendar-selected-date span,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span,
.dx-calendar .dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
	background: #f9a825 !important;
}
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active {
	background: #f9a825c2 !important;
	border-color: #f9a825c2;
}
#divLoginFormMain > div::after {
	content: "Giriş Yapmak İçin Tıklayınız";
	display: block;
	color: #fff;
	padding: 10px;
}
#ctl00 > div.top > img { display: none; }
#ctl00 > div.top::after {
	content: "";
	display: block;
	width: 200px;
	height: 100px;
	background: url("https://i.imgur.com/UCDPyeB.png") no-repeat center center;
	background-size: cover;
	z-index: 9999;
	position: relative;
	margin: auto
}
.navbar { background: #212121 }
.navbar .footer .info,
.navbar .head { background: #282828; }
.cmdBtn { background: #3f3f3f; border: 1px solid #D7B02B; }
.navbar .content ul li.active,
.navbar .head .profile-img { background: #D7B02B !important }
.text-orange { color: #decc8f !important }
.text-orange-dark { color: #D7B02B !important }


@media screen and (max-width: 768px) {
    body {
        background-image: url('/serassets/img/35_bgcanlispinM.jpg') !important;
    }
}