.wrapper {
    background-color: #222d32;
    background-image: url(../../images/tahsilet-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
}
.sidebar-menu .footer {
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #FFF;
    text-align: center!important;
    width: 100%;
    font-size: 10px;
}
.sidebar-menu .footer img {
    /* filter: invert(1) brightness(100); */
    max-width: 60%;
    margin: 0 auto;
}
.jp-card-container {
	transform:scale(.8)!important;
	} 
label.error {
    font-size: 12px;
    color: #e28d8d;
    position: absolute;
    top: 30px;
    right: 0;
}
#bayiekle label.error {
    position: relative;
    top: 0;
}
.select2-container--default .select2-selection--single {
    border-radius: 0; 
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
span.select2.select2-container.select2-container--default.select2-container--focus {
    width: 100%!important;
}
span.select2.select2-container.select2-container--default.select2-container {
    width: 100%!important;
}
#digerSettingsForm
 .box.box-primary {
    border-top-color: rgba(205, 205, 205, 0.18);
}
button#daterange-btn {
    width: 100%;
}
.callout h4 {
    font-size: 24px;
}
.info-box-number {
    font-size: 24px;
}
img.profile-user-img.img-responsive {
    margin: 0 auto;
    height: 100%;
    border: none;
    width: auto;
    padding: 5%;
}
.imagearea {
    height: 200px;
    overflow: hidden;
}
.urunlist .box-primary {
    box-shadow: 0 0 0 2px #f4f4f4;
}
span.sepetAdet {
    border-radius: 50%;
    background: #be3400;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center;
    position: absolute;
    left: 90px;
    top: 10px;
}
.sozlesmeler li {
    margin: 0 20px;
    float: left;
}
.sozlesmeler {
    
    -: inline-block
}
.main-footer {
    float: left;
    width: 100%;
}
.sozlesmeler li.img {
    /* float: right; */
    margin-left: 150px;
} 
.logo-lg img {
    width: auto;
    margin: 2% auto;
    max-height: 30px;
}
.login-footer {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 1%;
}
.login-footer a {
    color: #c8c8c8;
}
.login-footer .sozlesmeler {
    display: inline-block;
}
.login-footer img {
    text-align: center;
    margin: 50px auto;
}
.dekontolustur {
    width: 100%;
    height: 520px;
    background: #f3f3f3;
    /* border-radius: 25px; */
    padding: 25px;
    overflow: hidden;
}
.firmabilgileri {
    font-size:12px;
    /* background: transparent;
    border-radius: 25px;
    padding: 20px;
     color: #FFF; 
    text-align: right;*/
}
.dekont {
    font-size: 22px;
    margin: 30px 0;
}
.odemeyapan {
    margin-top: 50px;
    border: 2px dotted #bfbfbf;
    padding: 10px;
    /* border-radius: 10px; */
    /* background: #e8e8e8; */
}
.dekontbilgileri {
    margin-top: 50px;
    border: 2px solid #bfbfbf00;
    padding: 10px;
    border-radius: 10px;
}
.aciklama {
    margin-top: 50px;
    border: 2px dotted #bfbfbf;
    padding: 10px;
    /* border-radius: 10px; */
    /* background: #e8e8e8; */
}
.dekonttutari {
    margin-top: 15px;
    /* border: 1px solid #bfbfbf; */
    padding: 10px;
    /* border-radius: 10px; */
    /* background: #e8e8e8; */
}
span.address { 
    display: inline-block;
}
.canvas {
    width: 100%;
    height: 530px;
    display: block;
}
.user-footer div {
    margin: 0 5px;
}
span.logo-lg {
    font-size: 13px;
}
span.sonodemelerinfo {
    float: right;
}
span.sonodemelerinfo .success {
    color: #dff0d8;
}
span.sonodemelerinfo .default {
    color: #f3f3f3;
}
.skin-blue .main-header .logo {
    background: none;
}
.skin-blue .sidebar-menu>li.header {
	background: transparent;
	margin: 0 15px;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    color: #fff;
    background:none;
}
.dekontolustur .logo {
     
}
table td {
    word-break: break-word;
}
.login-footer a:hover {
    color: white;
}
.card-wrapper {
	display:inline-block;	
}

.form-group {
    margin-bottom: 15px;
    position: relative;
}

.eyes {
    float: right;
    position: absolute;
    right: 25px;
    top: 50%;
}
.odemeplani {
    margin-top:10px;
    padding:20px;
}
.odemeplani * {
    font-size:12px !important;
}
.odemeplani b {
    margin-right:20px !important;
}

@media only screen and (max-width: 600px) {
	.sozlesmeler li {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.sozlesmeler li.img {
		margin: 0;
	}
	
	.logo {
		display:none!important;
		}
}