html{
	padding: 0!important;
	margin: 0!important; 
	height: 100%!important;	
}

body{
	margin: 0;
	padding: 0;
	background-image: linear-gradient(#F1F1F1, #FFFFFF);
	background-color: #000!important;
	background-image: url('../../assets/img/background.png')!important;
	background-size: cover!important;
	background-position: 0px calc(100% - 0px)!important;
	height: 100%;
	width: 100%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(68,62,62,0.3)!important;
	opacity: 0.5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(68,62,62,0.3)!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(68,62,62,0.3)!important;
}


/********** Start : Custom Style ********************/

.appbar{
	background-color: rgba(255,255,255,0.3);
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
	height: 50px!important;
	z-index: 10;
}
.appbar.search{
	width: 100%!important;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.3);
	height: 50px!important;
}
.appbar .leading{
	text-align: left!important;
	padding: 0!important;
}
.appbar .leading img{
	 max-height: 52px!important;
}
.appbar .title{
	padding: 15px 10px;
}
.appbar.actions{
	padding: 15px 10px;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.fixed{
	position: fixed;
}
.btn.radius,
.radius
{
	border-radius: 30px!important;
}

.no-border {
	border: 0 !important;
}

/* 2. satırda yazıyı keser yanına ... ekler  */
.two-row-text{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}

/* 1. satırda yazıyı keser yanına ... ekler  */
.one-row-text{
	clear: both;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
	word-wrap: nowrap;
}

.live_search_input:focus{
	border-radius: 30px 30px 0px 0px!important;
	box-shadow: unset!important;
}
.line_search{
	position: absolute;
	min-height:210px!important;
	height:-webkit-fill-available;
	max-height: 100px;
	border-radius: 0 0 30px 30px;
	padding: 5px 10px;
	width: 100%;
	top: 40px;
	z-index:10!important;
	background-color: #FFF!important;
}

.hero .hero_title{
	font-size: 37px!important;
	line-height: 2rem;
	font-weight: 700;
}

.hero .hero_sub_title{
	font-size: 19px!important;
	font-weight: 300;
}
.firstname ul li.caption,
.surname ul li.caption{
	text-align: center!important;
	height: 40px!important;
	color:rgb(220,53,69)!important;
	list-style: none!important;
	background-color: rgba(0,0,0,0)!important;
}

.firstname ul li,
.surname ul li{
	text-indent: 10px;
	border-bottom:1px solid rgba(0,0,0,0.1)!important;
	font-size: 1rem!important;
}
.firstname ul li:nth-child(2n+2),
.surname ul li:nth-child(2n+2){
	background-color:rgba(0,0,0,0.02)!important;
}

/* OTP CONFİRM */
	input.otp_confirm{
		text-indent: 0!important;
		font-size:2rem;
		text-align: center;
		font-weight: bolder;
		height: 5rem!important;
		border-radius: 20px!important;
	}
	input.otp_confirm::-webkit-outer-spin-button,
	input.otp_confirm::-webkit-inner-spin-button {
	  -webkit-appearance: none!important;
	  margin: 0;
	}
	/* Firefox */
	input[type=number].otp_confirm{
	  -moz-appearance: textfield;
	}


.dashboard_body{
	background-image: unset!important;
	background-color: #F9F9F9!important;
}

.dashboard_body #search_button,
.dashboard_body #search,
.dashboard_body #datetime{
	height: 40px!important;
	margin: 5px 0 0 0;
}

.dashboard_body #datetime{
	font-size: 20px;
}

.dashboard_body #search{
	transition: all 400ms;
	text-indent: 40px!important;
	background-image: url(../img/feather-search@2x.png);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 10px 10px;
}
.dashboard_body #search:focus{
	background-position: -100px 10px;
	text-indent: 10px!important;
}


.dashboard_body .BottomNavigationBar{ 
	position: fixed;
	bottom:0px;
	height: 60px!important;
	min-width:100%!important;
	width: 100%important;
	background-color: rgba(245,245,245,1)!important;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
}

.dashboard_body .BottomNavigationBar .list-group{
		height: 100%!important;
		line-height: 15px!important;
}

.dashboard_body .BottomNavigationBar .list-group .list-group-item{
		border-radius: 0!important;
		background-color: none!important;
		text-align: center;
		height: 100%!important;
		font-size: 11px;
		color: rgba(68,62,62,1);
		padding: 5px 0;
		border-right: 1px solid rgba(68,62,62,0.1);
}
.dashboard_body .BottomNavigationBar .list-group .list-group-item a{
		color: rgba(68,62,62,1);
		text-decoration: unset;
}

.dashboard_body .BottomNavigationBar .list-group .list-group-item.actives{
		color: #ffc107 !important;
		border-right: 1px solid rgba(68,62,62,0.1);
}

/* Tüm resimleri arkasına loader yükle  */
img.lazy-load{
   background-image: url('../img/loader-flight.gif');
   background-size: 80px;
   background-color: #F9F9F9;
   background-repeat: no-repeat;
   background-position: center;
   *filter: grayscale(100%);
}

.hero_slider img{
	background-color: rgba(0,0,0,0.1);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100px;
	min-height: 180px;
}
.fs-7{
	font-size: 13px!important;
}
.fs-8{
	font-size: 11px!important;
}
.persons .list-group-item .input-group .name{
	padding: 15px;
}
.persons .list-group-item .input-group button{
	padding: 0 30px!important;
}
.tabs li{
	white-space: nowrap!important;
}
.tabs li.list-group-item.actives{
	background-color: #5CB85C;
	color: #FFF!important;
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
}
.scroll-x{
	overflow-x: scroll;
  -webkit-overflow-scrolling-x: touch;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/********** End : Custom Style ********************/



/********** Start : Form Style ********************/
input[type='text'],
input[type='email'],
input[type='password'],
input[type='submit'],
input[type='date'],
select,
a.button,
button:not(.swal2-confirm)
{
	transition: all 1000ms;
	-webkit-padding: 40px!important;
	-moz-padding: 40px!important;
	padding: 0 20px!important;
	border-radius: 25px!important;
	border: unset!important;
	height: 50px!important;
	outline: unset!important;
	box-shadow: 0 0 20px 0px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}

input[type='text'],
input[type='email'],
input[type='password']{
	text-shadow: 1px 1px 10px rgba(0,0,0,0.0);
	text-indent: 25px!important;
}

input[type='date']{
	background-image: url("../../assets/svg/icon-date.svg");
	background-repeat: no-repeat;
	background-position: 15px 14px;
	background-size: 15px;
	padding:0 0 0 30px!important;
	text-shadow: unset!important;
}

input:not(button)
{
	text-indent: 10px!important;
}
input:focus
{
	box-shadow:0 0 0px 5px rgba(240, 173, 78, 0.6)!important;
}

button.arrow-next{
	width: 100px;	
	background-image: url("../../assets/img/arrow-next.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 30px) center;
}

select{
	text-align-last: center;
	overflow: hidden;
	padding: 0 0 0 10px!important;
	text-overflow: '';
	width: 100px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #FFF!important;
	color: #FFF!important;
	padding: 2px 2px 2px 2px;
	background: transparent url("../../assets/img/arrow_down.png") no-repeat calc(100% - 30px) center;
}
.bg-transparent{
	background-color: rgba(0,0,0,0.3)!important;
}

a.input-group-text{
	border-radius: 100px!important;
}
.input-group input{
	border-radius: 100px 0 0 100px!important;
}
.input-group input.rounded-0{
	border-radius:0px 0px 0px 0px!important;
}
.input-group span,
.input-group [type='button']{
	border: 0;
	text-decoration: none;
	border-radius:0  100px 100px 0!important;
	padding: 10px!important;
}
}

.outline-light{
	background-color: unset!important;
	border: 1px solid #F9F9F9!important;
	color: #FFF!important;
}
/********** End : Form Style ********************/



/********** Start : Border Style ********************/
/* İçerik açıklamaları sol taraf beyaz olsun. */
.border-left{
	min-height: 30px;
	padding-left: 5px;
	font-weight: 200;
}

.border-left.border-warning{
	border-left: 3px solid #ffca2c;
}

.border-left.border-light{
	border-left: 3px solid #FFF;
}

.border-left.border-dark{
	border-left: 3px solid #443E3E;
}
.border-left.border-success{
	border-left: 3px solid #157347;
}

/********** End : Border Style ********************/



/********** Start : Overwrite Style ********************/
.h-100{
	height: calc(100% - 30px)!important;
}
.btn-warning{
	color: #F9F9F9;
}
.btn-warning:visited,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:active{
	color: #F9F9F9!important;
}
.text-success{
	color: #5CB85C!important;
}
.bg-success{
	background-color: #5CB85C!important;
}
.btn-success{
	background-color: #5CB85C!important;
}

.text-dark{
	color: #443E3E!important;
}
.text-dark-100{
	color: rgba(68,62,62,.5)!important;
}
.rounded-left{
	border-radius: 100px 0 0 100px!important;
}
.rounded-right{
	border-radius: 0 100px 100px 0!important;
}


/********** End : Overwrite Style ********************/

/********** Start : Sweet Alert 2 Custom Style ********************/

.swal2-styled{
	box-shadow: 0 0 0px 5px rgba(0,0,0,0.05)!important;
	border-radius: 100px!important;
}

/* Confirm Button */
.swal2-styled.swal2-confirm{
	background-color:#5CB85C!important;
}
.swal2-styled.swal2-confirm:hover{
	box-shadow: 0 0 0px 5px rgba(92,184,92,0.3)!important;
}

/* Cancel Button */
.swal2-styled.swal2-cancel{
	background-color:rgba(220,53,69,1)!important;
	padding: 0 20px!important;
}
.swal2-styled.swal2-cancel:hover{
	box-shadow: 0 0 0px 5px rgba(220,53,69,0.3)!important;
}

/* Close Button */
.swal2-close{
	box-shadow: unset!important;
	text-shadow: unset!important;
}


/********** End   : Sweet Alert 2 Custom Style ********************/

/********** Start : Slick Custom Style ********************/
.slick-dots li{
	margin: 5px!important;
	width: 12px!important;
	height: 12px!important;
}
.slick-dots button{
	background-color: #FFF!important;
	height: 10px!important;
	width: 10px!important;
	padding: 6px!important;
}
.slick-dots li button::before {
	font-size: 15px!important;
	width: 15px!important;
	line-height: 15px!important;
	color: #000!important;
}
/********** End   : Slick Custom Style ********************/




/********** Start : Background Image Gallery ********************/
.crossfade > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -10!important;
}

.crossfade > figure:nth-child(1) { background-image: url('https://unsplash.it/1925/950?image=1004'); }

.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('https://unsplash.it/1925/950?image=1003');
}

.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('https://unsplash.it/1925/950?image=1002');
}

.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('https://unsplash.it/1925/950?image=1001');
}

.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('https://unsplash.it/1925/950?image=1000');
}


@keyframes 
imageAnimation {
	0% {
		animation-timing-function: ease-in;
 		opacity: 0;
	}
	8% {
		animation-timing-function: ease-out;
		opacity: 1;
	}
	17% {
		opacity: 1
	}
	25%{
		opacity: 0
	}
	100%{
		opacity: 0
	}
}

/********** End : Background Image Gallery ********************/