.satinAlBlockPage { width:100%; height:100%; position: fixed; overflow:hidden;}
.satin-al .satinal .contain.block::before { position:absolute; z-index:99; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:rgba(255, 255, 255, 0.85); content:''; display:block;}

.satin-al { width:100%; height:100%; height:100vh; position:fixed; top:0; left:0; z-index:9999; display:none;}
.satin-al::before { position:absolute; width:100%; height:100%; height:100vh; z-index:1; top:0; left:0; background-color:rgba(28, 62, 74, 0.73); content:''; display:block;}
.satin-al .satinal .mb-0 { margin-bottom:0px !important}
.satin-al .satinal { width:600px; background-color:#fff; position:fixed; height:90%; top:5%; z-index:2; left:0; right:0; display:block; margin:0 auto;}
.satin-al .satinal .close-quest { width:100%; position:absolute; top:0; left:0; background-color:#fff; z-index:9999; box-shadow:0 1px 1px 0 rgba(0,0,0,.2); display:none;}
.satin-al .satinal .close-quest .text {padding: 18px 48px 10px;color:#555;font-size:16px;text-align:center;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.06);}
.satin-al .satinal .close-quest .text h2{font-weight:bold;font-size: 35px;margin-bottom: 10px;}
.satin-al .satinal .close-quest .buttons { text-align:center;}
.satin-al .satinal .close-quest .buttons a {display:inline-block;padding: 8px 20px;margin: 16px 11%;box-shadow:0 1px 1px 0 rgba(0,0,0,.2);}
.satin-al .satinal .close-quest .buttons a.kapat {background-color:#ea7171; color:#fff;}
.satin-al .satinal .close-quest .buttons a.kapat:hover {background-color:#f19f9f;}

.loading { width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(255, 255, 255, 0.91); z-index:9998; box-shadow:0 1px 1px 0 rgba(0,0,0,.2);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center;}
.loader,.loader:after,.loader:before{background:rgba(0,0,0,.2);-webkit-animation:loader 1s infinite ease-in-out;animation:loader 1s infinite ease-in-out;width:3px;height:15px}.loader:after,.loader:before{position:absolute;top:0;content:''}.loader:before{left:-6px;-webkit-animation-delay:-.32s;animation-delay:-.32s}.animt{height:30px;margin:0 auto;display:table}
.loader{text-indent:-999999px;display:inline-block;position:relative;vertical-align:middle;font-size:16px;font-size:1rem;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after{left:6px}@-webkit-keyframes loader{0%,100%,80%{box-shadow:0 0 rgba(0,0,0,.2);height:15px}40%{box-shadow:0 -5px rgba(0,0,0,.2);height:21px}}@keyframes loader{0%,100%,80%{box-shadow:0 0 rgba(0,0,0,.2);height:15px}40%{box-shadow:0 -5px rgba(0,0,0,.2);height:21px}}

.satin-al .satinal .contain { width:100%; position:relative; height:100%; font-family: 'Poppins', sans-serif !important;overflow:hidden; overflow-x:hidden; }

.satin-al .satinal .contain .title { width:100%; background-color:#ea7171; padding:10px 10px; color:#fff; font-family: 'Poppins', sans-serif !important;display:table; font-weight:bold; position:relative;}
.satin-al .satinal .contain .title .total { float:right; margin-right:80px; font-size:16px; letter-spacing:0.4px;}
.satin-al .satinal .contain .title .total span {letter-spacing:normal; font-size:11px; margin-left:10px}
.satin-al .satinal .contain .title .total total { display:inline-block; animation-delay:0.2s; -moz-animation-delay:0.2s; -ms-animation-delay:0.2s; -o-animation-delay:0.2s;}

.satin-al .satinal .contain .title .close-btn { float:right;}
.satin-al .satinal .contain .title .close-btn a {background-color:#fff;padding: 0px 5px;border-radius: 5px;color:#555;line-height: 1px;opacity: 0.8; font-size:13px}
.satin-al .satinal .contain .title .close-btn a i { margin-left:1px;}

.satin-al .satinal .contain .content { padding:10px 20px 0px 20px; width:100%;position:relative; height:calc(100% - 109px); overflow-x:auto;}
.satin-al .satinal .contain .content .satinTab .tbm { display:none; position:relative; height:100%}
.satin-al .satinal .contain .content .satinTab .tbm:first-child { display:block;}
.satin-al .satinal .contain .content .bolum { width:100%; margin-bottom:50px; display:table;}
.satin-al .satinal .contain .content .bolum h5 { font-family: 'Poppins', sans-serif !important; margin-bottom:20px; letter-spacing:0; font-size:18px; color:#686a68; font-weight:bold;}


.satin-al .satinal .contain .content .bolum .selector-1 { text-align:center; margin-bottom:20px}

.satin-al .satinal .contain .content .bolum .selector-1 .baslik{ width:100%; background-color:#ea7171; padding:5px 6px; border-top-left-radius:7px;border-top-right-radius:7px; color:#fff; font-weight:bold;}
.satin-al .satinal .contain .content .bolum .selector-1 .comp { padding:10px 20px; background-color:#e4e6ec; color:#ea7171; font-size:13px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;}
.satin-al .satinal .contain .content .bolum .selector-1 .comp .text span { font-size:19px; font-weight:bold;}
.satin-al .satinal .contain .content .bolum .selector-1 .comp .input-coll { width:100%; margin-top:10px;position:relative;}
.satin-al .satinal .contain .content .bolum .selector-1 .comp .input-coll label { display:inline;}
.satin-al .satinal .contain .content .bolum .selector-1.noTitle .comp{ height:125px; border-radius:7px; padding-top:32px;}
.satin-al .satinal .contain .content .bolum .selector-1.modul4 .baslik{ font-size:13px;}


.satin-al .satinal .contain .content .bolum .selector-2 { max-width:210px; padding:4px 10px; border-radius:7px; background-color:#ea7171; color:#fff;}
.satin-al .satinal .contain .content .bolum .selector-2 ul { list-style:none; text-align:center;}
.satin-al .satinal .contain .content .bolum .selector-2 ul li { display:inline-block; padding:0 10px;}
.satin-al .satinal .contain .content .bolum .selector-2 ul li.opc { opacity:0.4}
.satin-al .satinal .contain .content .bolum .selector-2 ul li.sc-1 { margin-right:10px; cursor:pointer}
.satin-al .satinal .contain .content .bolum .selector-2 ul li.sc-2 { margin-left:10px; cursor:pointer}


.satin-al .satinal .contain .content .bolum .selector-3 ul { list-style:none;}
.satin-al .satinal .contain .content .bolum .selector-3 ul li{float:left;margin-right:10px;margin-bottom:10px;font-size: 14px;padding: 7px 11px;color:#87898c;background-color:#e4e6ec;font-weight:bold;}
.satin-al .satinal .contain .content .bolum .selector-3 ul li:hover, .satin-al .satinal .contain .content .bolum .selector-3 ul li.active { background-color:#ea7171; color:#fff;}

.satin-al .satinal .contain .content .bolum .selector-3 .input-coll { float:right; margin-left:10px;position:relative;}
.satin-al .satinal .contain .content .bolum .selector-3 .input-coll label { display:inline; padding-left:22px;}
.satin-al .satinal .contain .content .bolum .selector-3 .input-coll label:after {font-size: 1.2em;}

.satin-al .satinal .contain .footer {width:100%; padding:10px; min-height:50px; border-top:3px solid #e4e6ec;display: table; }
.satin-al .satinal .contain .footer .total { min-height:50px; line-height:50px; font-weight:bold;font-size:16px; letter-spacing:0.4px; float:left; width:50%; color:#ea7171;}
.satin-al .satinal .contain .footer .total total { display:inline-block; animation-delay:0.2s; -moz-animation-delay:0.2s; -ms-animation-delay:0.2s; -o-animation-delay:0.2s;}
.satin-al .satinal .contain .footer .total span {letter-spacing:normal; font-size:11px; margin-left:10px}


.satin-al .satinal .contain .footer .buttonsGrp { float:right;display: flex;align-items: flex-end;justify-content: flex-end; width:50%;}
.satin-al .satinal .contain .footer .buttonsGrp .devamBtn{display:inline-block;font-weight:700;font-size: 14px;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color: #ff5d5d;color:#fff;border:none;border-radius:3px;padding:0;cursor:pointer;-webkit-box-shadow: 0 2px 0 0 #c54646;box-shadow: 0 2px 0 0 #c54646;/* height:44px; */outline:0;padding: 6px 14px;float:right;/* margin-right:30px; */}

.satin-al .satinal .contain .footer .buttonsGrp .geriBtn{display:inline-block;font-weight:700;font-size: 14px;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color: #4BBBE2;color:#fff;border:none;border-radius:3px;padding:0;cursor:pointer;-webkit-box-shadow: 0 2px 0 0 #3893b3;box-shadow: 0 2px 0 0 #3893b3;/* height:44px; */outline:0;padding: 6px 14px;float:left;margin-left:30px;display:none;}

.satin-al .satinal .contain label { color:#737373}


.satin-al .satinal .contain .content .cc-bolum { padding:20px; background-color:#eee; margin-top:20px; font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
.satin-al .satinal .contain .content .cc-bolum .cc-container { width:350px; margin:0 auto; display:table;}
.satin-al .satinal .contain .content .cc-bolum .cc-container input { background-color:#fff; border:1px solid #cccccc; padding:10px; font-size:15px; margin-bottom:10px;width:100%;height:34px;}

.satin-al .satinal .contain .content .cc-bolum .cc-container button{width:100%;height:34px;-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-style:solid;border-width:0;cursor:pointer;font-weight:bold;line-height:normal;margin:0 0 1.25rem;position:relative;text-align:center;text-decoration:none;display:inline-block;padding:1rem 2rem 1.0625rem;font-size:13px;background-color:#15c158;border-color:#009537;color:#FFF;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;} .satin-al .satinal .contain .content .cc-bolum .cc-container button:focus, .satin-al .satinal .contain .content .cc-bolum .cc-container button:hover{background-color:#14af50;color:#FFF}

.satin-al .satinal .contain .content .cc-bolum .cc-container .card-wrapper { margin-bottom:20px}
.satin-al .satinal .contain .content .cc-bolum .cc-container .row { margin-left:0; margin-right:0}
.satin-al .satinal .contain .content .cc-bolum .cc-container .col { padding-left:0; padding-right:0;}

.satin-al .satinal .contain .content .cc-blm h3 { font-weight:bold; font-size:24px; margin-bottom:15px; color:#3fb572; text-align:center;}
.satin-al .satinal .contain .content .cc-blm { padding:20px; background-color:#eee; margin-top:20px; font-family:"Open Sans",sans-serif; display:none;}
.satin-al .satinal .contain .content .cc-blm p { margin-bottom:10px; color:#5f5f5f; font-size:14px;}
.satin-al .satinal .contain .content .cc-blm .sipNO { font-size:18px;}
.satin-al .satinal .contain .content .cc-blm .sipNO span {color: #ea7171;letter-spacing: 2px;font-weight:  bold;}

.satin-al .satinal .contain .content .havale-bolum { padding:20px; background-color:#eee; margin-top:20px; font-family:"Open Sans",sans-serif;}
.satin-al .satinal .contain .content .havale-bolum p { margin-bottom:10px; color:#5f5f5f; font-size:14px;}
.satin-al .satinal .contain .content .havale-bolum .sipNO { font-size:18px;}
.satin-al .satinal .contain .content .havale-bolum .sipNO span {color: #ea7171;letter-spacing: 2px;font-weight:  bold;}
.satin-al .satinal .contain .content .havale-bolum .tutar { font-weight:bold; font-size:18px;}
.satin-al .satinal .contain .content .havale-bolum a { color:#4bbbe2;}
.satin-al .satinal .contain .content .havale-bolum .btn.tamamla {width:  100%;font-size:  18px;font-weight: bold;color: #fff;background-color: #19ad7b;}


[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;left:-9999px;top:0}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label{position:relative;padding-left:1.95em;cursor:pointer}[type=checkbox]:checked+label:before,[type=checkbox]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:22px;height:22px;background:#fff;border-radius:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}[type=checkbox]:checked+label:after,[type=checkbox]:not(:checked)+label:after{content:'\2713';position:absolute;top:.2em;left:.275em;font-size:1.4em;line-height:.8;color:#686a68;transition:all .2s;font-family:Helvetica,Arial,sans-serif}[type=checkbox]:not(:checked)+label:after{opacity:0;transform:scale(0)}[type=checkbox]:checked+label:after{opacity:1;transform:scale(1)}[type=checkbox]:disabled:checked+label:before,[type=checkbox]:disabled:not(:checked)+label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}[type=checkbox]:disabled:checked+label:after{color:#999}[type=checkbox]:disabled+label{color:#aaa}[type=checkbox]:checked:focus+label:before,[type=checkbox]:not(:checked):focus+label:before{border:2px solid #ccc}label:hover:before{border:2px solid #ccc!important}


[type=radio]:checked,[type=radio]:not(:checked){position:absolute;left:-9999px;top:0}[type=radio]:checked+label,[type=radio]:not(:checked)+label{position:relative;padding-left:1.95em;cursor:pointer}[type=radio]:checked+label:before,[type=radio]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:22px;height:22px;background:#fff;border-radius:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}[type=radio]:checked+label:after,[type=radio]:not(:checked)+label:after{content:'\2713';position:absolute;top:.2em;left:.275em;font-size:1.4em;line-height:.8;color:#686a68;transition:all .2s;font-family:Helvetica,Arial,sans-serif}[type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0)}[type=radio]:checked+label:after{opacity:1;transform:scale(1)}[type=radio]:disabled:checked+label:before,[type=radio]:disabled:not(:checked)+label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}[type=radio]:disabled:checked+label:after{color:#999}[type=radio]:disabled+label{color:#aaa}[type=radio]:checked:focus+label:before,[type=radio]:not(:checked):focus+label:before{border:2px solid #ccc}label:hover:before{border:2px solid #ccc!important}



.ccOdeme .cc-bolum { padding:20px; background-color:#eee; font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
.ccOdeme .cc-bolum .cc-container { width:350px; margin:0 auto; display:table;}
.ccOdeme .cc-bolum .cc-container input { background-color:#fff; border:1px solid #cccccc; padding:10px; font-size:15px; margin-bottom:10px;width:100%;height:34px;}

.ccOdeme .cc-bolum .cc-container button{width:100%;height:34px;-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-style:solid;border-width:0;cursor:pointer;font-weight:bold;line-height:normal;margin:0 0 1.25rem;position:relative;text-align:center;text-decoration:none;display:inline-block;padding:1rem 2rem 1.0625rem;font-size:13px;background-color:#15c158;border-color:#009537;color:#FFF;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;} .ccOdeme .cc-bolum .cc-container button:focus, .ccOdeme .cc-bolum .cc-container button:hover{background-color:#14af50;color:#FFF}

.ccOdeme .cc-bolum .cc-container .card-wrapper { margin-bottom:20px}
.ccOdeme .cc-container .row { margin-left:0; margin-right:0}
.ccOdeme .cc-container .col { padding-left:0; padding-right:0;}


.hata{font-size:1em;width:350px;margin:15px auto;text-align:center;color:#2d3434;background-color:#f4e192;padding:8px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.basarili{font-size:1em;width:350px;margin:15px auto;text-align:center;color:#2d3434;background-color:#62d191;padding:8px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.3dSecure { visibility:hidden; display:none; opacity:0; height:0px;}

@media screen and (max-width:768px) {
	
	.satin-al .satinal { width:100%; height:100%; top:0;}
	.satin-al .satinal .contain .content { height:calc(100% - 110px)}
	
	
	.satin-al .satinal .contain .footer .buttonsGrp {width: 60%;}
	.satin-al .satinal .contain .footer .buttonsGrp .devamBtn{font-size: 12px;padding: 3px 8px;float:right;}
	.satin-al .satinal .contain .footer .buttonsGrp .geriBtn{font-size: 12px;padding: 3px 8px;float:left;margin-left: 10px;}


	.satin-al .satinal .contain .footer .total {line-height: 22px;text-align:center;font-size: 15px;width: 40%;}
	.satin-al .satinal .contain .footer .total span {font-size: 11px; margin-left:10px; display:  table;width: 100%;}

	
}





@media screen and (max-width:430px) {

	.satin-al .satinal .contain .content .cc-bolum .cc-container .card-wrapper { display:none;}
	
}