/* (~/^) Alp */ @charset "utf-8"; @font-face { font-family: 'got'; src: url('fonts/GothamNarrow-Light.eot'); src: url('fonts/GothamNarrow-Light.eot?#iefix') format('embedded-opentype'), url('fonts/GothamNarrow-Light.woff2') format('woff2'), url('fonts/GothamNarrow-Light.woff') format('woff'), url('fonts/GothamNarrow-Light.ttf') format('truetype'), url('fonts/GothamNarrow-Light.svg#GothamNarrow-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'got'; src: url('fonts/GothamNarrow-LightItalic.eot'); src: url('fonts/GothamNarrow-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/GothamNarrow-LightItalic.woff2') format('woff2'), url('fonts/GothamNarrow-LightItalic.woff') format('woff'), url('fonts/GothamNarrow-LightItalic.ttf') format('truetype'), url('fonts/GothamNarrow-LightItalic.svg#GothamNarrow-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'got'; src: url('fonts/GothamNarrow-Book.eot'); src: url('fonts/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'), url('fonts/GothamNarrow-Book.woff2') format('woff2'), url('fonts/GothamNarrow-Book.woff') format('woff'), url('fonts/GothamNarrow-Book.ttf') format('truetype'), url('fonts/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'got'; src: url('fonts/GothamNarrow-BookItalic.eot'); src: url('fonts/GothamNarrow-BookItalic.eot?#iefix') format('embedded-opentype'), url('fonts/GothamNarrow-BookItalic.woff2') format('woff2'), url('fonts/GothamNarrow-BookItalic.woff') format('woff'), url('fonts/GothamNarrow-BookItalic.ttf') format('truetype'), url('fonts/GothamNarrow-BookItalic.svg#GothamNarrow-BookItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'got'; src: url('fonts/GothamNarrow-Medium.eot'); src: url('fonts/GothamNarrow-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/GothamNarrow-Medium.woff2') format('woff2'), url('fonts/GothamNarrow-Medium.woff') format('woff'), url('fonts/GothamNarrow-Medium.ttf') format('truetype'), url('fonts/GothamNarrow-Medium.svg#GothamNarrow-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'got'; src: url('fonts/GothamNarrow-MediumItalic.eot'); src: url('fonts/GothamNarrow-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/GothamNarrow-MediumItalic.woff2') format('woff2'), url('fonts/GothamNarrow-MediumItalic.woff') format('woff'), url('fonts/GothamNarrow-MediumItalic.ttf') format('truetype'), url('fonts/GothamNarrow-MediumItalic.svg#GothamNarrow-MediumItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'got'; src: url('fonts/GothamNarrow-Bold.eot'); src: url('fonts/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/GothamNarrow-Bold.woff2') format('woff2'), url('fonts/GothamNarrow-Bold.woff') format('woff'), url('fonts/GothamNarrow-Bold.ttf') format('truetype'), url('fonts/GothamNarrow-Bold.svg#GothamNarrow-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'got'; src: url('fonts/GothamNarrow-BoldItalic.eot'); src: url('fonts/GothamNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/GothamNarrow-BoldItalic.woff2') format('woff2'), url('fonts/GothamNarrow-BoldItalic.woff') format('woff'), url('fonts/GothamNarrow-BoldItalic.ttf') format('truetype'), url('fonts/GothamNarrow-BoldItalic.svg#GothamNarrow-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } .uxControl, .select2-container--default .select2-selection--single .select2-selection__arrow b, .uxControl .solBar, .uxControl .sepetim ul > li .fadet .artir, .uxControl .sepetim ul > li .fadet .sil, .uxControl .adresEkle a, .uxControl .profilMedya.genelListe li .hover, .uxControl .yMenu ul li a, .uxControl .adresListesi ul li .islemi a, .uxControl .slot .uxBaslik.menusu .yMac span, .yeniAdres a { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; } .uxControl, .uxControl input, .uxControl textarea, button {/* font-family: 'got'; */letter-spacing: 1px;} .uxControl a, .uxControl a img { border: none; text-decoration: none; } .uxControl p, .uxControl h1, .uxControl h2, .uxControl h3, .uxControl h4, .uxControl h5, .uxControl h6, .uxControl strong, .uxControl b, .uxControl span { padding: 0px; margin: 0px; font-weight: 400; } .uxControl * { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; } .uxControl strong, .uxControl b { font-weight: bold; } .header.Uhead .alt { display: none; } .uxControl .solBar { width: 220px; float: left; box-sizing: border-box; } .uxControl .sagBar { width: calc(100% - 260px); float: right; box-sizing: border-box; } .uxControl { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0; z-index: 240; } .uxControl .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 50px 0; } .uxControl .slot.uxHead { top: 0; } .uxControl .slot.topHead { margin-top: 20px; } .uxControl .slot.mT { margin-top: 50px; } .uxControl .slot.mB { margin-bottom: 0; } .uxControl .slot.mB + div[data-display="false"] { margin-top: 40px; } .uxControl .slot:last-child { margin-bottom: 0px; } .uxControl .slot[data-display="false"] { display: none; overflow: inherit !important; } .uxControl .yazi { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 18px; color: #3c3c3b; letter-spacing: 0px; margin-bottom: 20px; } /*Sıfırlama*/ .uxControl .yazi h1, .uxControl .yazi h2, .uxControl .yazi h3, .uxControl .yazi h4, .uxControl .yazi h5, .uxControl .yazi h6 { /*width: 100%; float: left; margin-bottom: 12px;*/ margin-bottom: 5px; } .uxControl .yazi h1 { font-size: 18px; font-weight: 400; color: #000; } .uxControl .yazi h2 { font-size: 18px; color: #000; } .uxControl .yazi h3 { font-size: 18px; font-weight: 400; color: #000; } .uxControl .yazi h4, .uxControl .yazi h5, .uxControl .yazi h6 { font-size: 17px; font-weight: 400; color: #000; } .uxControl .yazi img { max-width: 100%; width: auto; height: auto; } .uxControl .yazi table { width: 100% !important; float: left; table-layout: fixed; font-size: 15px; line-height: 18px; } .uxControl .yazi table .resim { width: 100%; float: left; } .uxControl .yazi table .yazi { width: 100%; float: left; } .uxControl .yazi table .resim a, .uxControl .yazi table .resim img { width: 100%; float: left; } .uxControl .yazi thead, .uxControl .yazi tbody, .uxControl .yazi th, .uxControl .yazi td, .uxControl .yazi tr { box-sizing: border-box; position: relative; } .uxControl .yazi table thead { border-bottom: solid 1px #cfcfcf; } .uxControl .yazi table thead th { padding-bottom: 16px !important; } .uxControl .yazi table thead th, .uxControl .yazi table tbody td { padding: 13px 16px; } .uxControl .yazi table tr { border-bottom: solid 1px #e8e8e8; } .uxControl .yazi table tr:last-child { border-bottom: 0px; } .uxControl .yazi table tr td { text-align: center; font-size: 12px; border-right: solid 1px #e8e8e8; } .uxControl .yazi table tr td:last-child { border-right: none; } .uxControl .yazi table a { width: 100%; float: left; color: #454545; text-decoration: underline; } .uxControl .yazi table a.enri { color: #36b4e5; font-weight: bold; text-decoration: underline; } .uxControl .yazi table td:before, .uxControl .yazi table th:before { content: attr(data-baslik)""; display: none; } .uxControl .yazi table.doTab a { text-decoration: underline; } .uxControl .yazi ul, .uxControl .yazi ol { margin: 0; padding: 0px 0px 0px 30px; } .uxControl .yazi ul, .uxControl .yazi ul li { list-style: disc !important; margin: 0; table-layout: inherit !important; } .uxControl .yazi ul li { display: list-item; } .uxControl .yazi ol li, .uxControl .yazi ol { list-style: decimal; } .uxControl .yazi ol li { padding: 0px 3px; } .uxControl .yazi ul li { padding: 0px 3px; } .uxControl .slot.bg { padding: 19px 0; margin: 0 0 30px 0; border-top: solid 1px #f65d43; /* border-bottom: solid 1px #f65d43; */ /* background: #f5f5f5; */ box-shadow: 0px 3px 6px #0000001c; } .uxControl .slot.border { border-bottom: solid 1px #e8e8e8; } .uxControl .slot.dashed { border: dashed 1px #dcdcdc; border-radius: 5px; padding: 0 20px 40px 20px; } .uxControl .slot.dashed.yesil { border-color: #f65d43; } .uxControl .sagKisim .slot.dashed { padding-bottom: 0px; } .uxControl .slot.dashed:before, .uxControl .slot.dashed:after { content: ""; width: 1px; height: calc(100% - 70px); position: absolute; top: 35px; background: #fff; z-index: 45; } .uxControl .slot.dashed:before { left: -1px; } .uxControl .slot.dashed:after { right: -1px; } .uxControl .slot.dashed .uxBaslik { margin: -10px 0 27px 0; } .uxControl .slot.dashed .uxBaslik.menusu { margin-bottom: 52px; } .uxControl .slot.dashed .uxBaslik h1, .uxControl .slot.dashed .uxBaslik h2, .uxControl .slot.dashed .uxBaslik h3, .uxControl .slot.dashed .uxBaslik h4, .uxControl .slot.dashed .uxBaslik h5, .uxControl .slot.dashed .uxBaslik h6 { padding: 0 20px; background: #fff; } .uxControl .slot.dashed.yesil .uxBaslik h1, .uxControl .slot.dashed.yesil .uxBaslik h2, .uxControl .slot.dashed.yesil .uxBaslik h3, .uxControl .slot.dashed.yesil .uxBaslik h4, .uxControl .slot.dashed.yesil .uxBaslik h5, .uxControl .slot.dashed.yesil .uxBaslik h6, .uxControl .slot.dashed.yesil .uxBaslik h1 a, .uxControl .slot.dashed.yesil .uxBaslik h2 a, .uxControl .slot.dashed.yesil .uxBaslik h3 a, .uxControl .slot.dashed.yesil .uxBaslik h4 a, .uxControl .slot.dashed.yesil .uxBaslik h5 a, .uxControl .slot.dashed.yesil .uxBaslik h6 { color: #f65d43; } .uxControl .slot .uxBaslik.menusu .yMac { width: 30px; height: 30px; right: 10px; top: -6px; position: absolute; background: #fff; z-index: 999; border: dashed 1px #f65d43; border-radius: 100%; display: none; } .uxControl .slot .uxBaslik.menusu .yMac span { width: 18px; height: 1px; position: absolute; left: calc(50% - 9px); top: calc(50% - 1px); background: #f65d43; } .uxControl .slot .uxBaslik.menusu .yMac:before, .uxControl .slot .uxBaslik.menusu .yMac:after { content: ""; width: 12px; height: 1px; position: absolute; left: calc(50% - 6px); background: #f65d43; } .uxControl .slot .uxBaslik.menusu .yMac:before { top: 7px; } .uxControl .slot .uxBaslik.menusu .yMac:after { bottom: 8px; } .uxControl .slot .uxBaslik.menusu .yMac.active span { opacity: 0; } .uxControl .slot .uxBaslik.menusu .yMac.active:before, .uxControl .slot .uxBaslik.menusu .yMac.active:after { width: 22px; left: calc(50% - 11px); transform-origin: center; } .uxControl .slot .uxBaslik.menusu .yMac.active:before { top: calc(50% - 1px); transform: rotate(-45deg); } .uxControl .slot .uxBaslik.menusu .yMac.active:after { top: calc(50% - 1px); transform: rotate(45deg); } .uxControl .slot.dashed.middle { padding: 0 20px 20px 20px; } .uxControl .slot.dashed.middle .uxBaslik { margin: -8.5px 0 27px 0; } .uxControl .slot.dashed.middle:after, .uxControl .slot.dashed.middle:before { display: none; } .uxControl .slot.dashed.middle .uxBaslik h1 a, .uxControl .slot.dashed.middle .uxBaslik h2 a, .uxControl .slot.dashed.middle .uxBaslik h3 a, .uxControl .slot.dashed.middle .uxBaslik h4 a, .uxControl .slot.dashed.middle .uxBaslik h5 a, .uxControl .slot.dashed.middle .uxBaslik h6 a, .uxControl .slot.dashed.middle .uxBaslik strong a, .uxControl .slot.dashed.middle .uxBaslik h1, .uxControl .slot.dashed.middle .uxBaslik h2, .uxControl .slot.dashed.middle .uxBaslik h3, .uxControl .slot.dashed.middle .uxBaslik h4, .uxControl .slot.dashed.middle .uxBaslik h5, .uxControl .slot.dashed.middle .uxBaslik h6, .uxControl .slot.dashed.middle .uxBaslik strong { font-size: 17px; line-height: 17px; } .uxControl .solKisim { width: calc(100% - 400px); float: left; position: relative; box-sizing: border-box; } .uxControl .sagKisim { width: 370px; float: right; position: relative; box-sizing: border-box; } .uxControl .sagKisim.scActive { position: static; } .uxControl .sagKisim .uKapsa { width: 370px; float: left; position: relative; } .uxControl .sagKisim.scFix .uKapsa, .uxControl.scFixed .sagKisim .uKapsa { position: fixed; top: 20px; } .uxControl .sagKisim.scAbsolute .uKapsa, .uxControl.scAbsolute .sagKisim .uKapsa { position: absolute; bottom: 0; right: 0; top: inherit; } .uxControl .linkAgacim { width: auto; float: right; position: relative; margin: 7px 0 0 0; } .uxControl .linkAgacim a { width: auto; float: left; position: relative; font-size: 12px; line-height: 12px; font-weight: 500; color: #505050; margin: 0 6px 0 0; padding: 0 14px 0 0; } .uxControl .linkAgacim a:last-child { margin-right: 0px; padding-right: 0px; } .uxControl .linkAgacim a:after { content: ">"; width: auto; position: absolute; right: 0px; top: 0px; } .uxControl .linkAgacim a:last-child:after { display: none; } .uxControl .linkAgacim a.dActive {opacity: 0.4;pointer-events: none;} .uxGnBaslik { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0; padding: 0; } .uxGnBaslik h1, .uxGnBaslik h2, .uxGnBaslik h3, .uxGnBaslik h4, .uxGnBaslik h5, .uxGnBaslik h6, .uxGnBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; float: left; position: relative; z-index: 5; } .uxGnBaslik h1 a, .uxGnBaslik h2 a, .uxGnBaslik h3 a, .uxGnBaslik h4 a, .uxGnBaslik h5 a, .uxGnBaslik h6 a, .uxGnBaslik strong a { width: 100%; text-align: left; float: left; } .uxGnBaslik h1 a, .uxGnBaslik h2 a, .uxGnBaslik h3 a, .uxGnBaslik h4 a, .uxGnBaslik h5 a, .uxGnBaslik h6 a, .uxGnBaslik strong a, .uxGnBaslik h1, .uxGnBaslik h2, .uxGnBaslik h3, .uxGnBaslik h4, .uxGnBaslik h5, .uxGnBaslik h6, .uxGnBaslik strong { font-size: 26px; color: #505050; line-height: 25px; font-weight: 400; } .uxBaslik { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; margin: 0 0 30px 0; } .uxBaslik h1, .uxBaslik h2, .uxBaslik h3, .uxBaslik h4, .uxBaslik h5, .uxBaslik h6, .uxBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; float: none; display: inline-table; vertical-align: text-bottom; position: relative; z-index: 5; } .uxBaslik h1 a, .uxBaslik h2 a, .uxBaslik h3 a, .uxBaslik h4 a, .uxBaslik h5 a, .uxBaslik h6 a, .uxBaslik strong a { width: 100%; text-align: left; float: left; } .uxBaslik h1 a, .uxBaslik h2 a, .uxBaslik h3 a, .uxBaslik h4 a, .uxBaslik h5 a, .uxBaslik h6 a, .uxBaslik strong a, .uxBaslik h1, .uxBaslik h2, .uxBaslik h3, .uxBaslik h4, .uxBaslik h5, .uxBaslik h6, .uxBaslik strong { font-size: 20px; line-height: 20px; color: #505050; font-weight: 400; } .uxBaslik.yesil h1 a, .uxBaslik.yesil h2 a, .uxBaslik.yesil h3 a, .uxBaslik.yesil h4 a, .uxBaslik.yesil h5 a, .uxBaslik.yesil h6 a, .uxBaslik.yesil strong a, .uxBaslik.yesil h1, .uxBaslik.yesil h2, .uxBaslik.yesil h3, .uxBaslik.yesil h4, .uxBaslik.yesil h5, .uxBaslik.yesil h6, .uxBaslik.yesil strong { color: #f65d43; } .uxBaslik .yeniAdres { width: auto; display: inline-table; vertical-align: top; position: relative; margin: -7px 0 0 20px; } .uxBaslik .yeniAdres a { width: auto; float: left; position: relative; font-size: 13px; line-height: 13px; color: #fff; background: #01babd; padding: 6px 10px; border-radius: 4px; } .uxBaslik .yeniAdres a.active { background: #f65d43; } /* .uxControl .artir { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 15px 0; } .uxControl .artir .dInpt { width: 54px; float: none; display: inline-table; vertical-align: top; vertical-align: middle; text-align: center; } .uxControl .artir .dInpt label { width: 100%; float: left; font-size: 11px; line-height: 11px; color: #353535; margin: 2px 0 0 0; } .uxControl .artir .dInpt span { width: 100%; float: left; text-align: center; font-size: 12px; line-height: 12px; color: #3c3c3c; margin-top: 3px; } .uxControl .artir .dLa { width: 30px; display: table-cell; vertical-align: middle; } .uxControl .artir a { width: 10px; height: 10px; float: none; display: inline-table; vertical-align: top; margin-top: 5px; box-sizing: border-box; background-repeat: no-repeat; background-position: center; } .uxControl .artir a:last-child { border-bottom: 0; } .uxControl .artir a.eksi { background-image: url(images/eksi-syh.svg); } .uxControl .artir a.arti { background-image: url(images/arti2-syh.svg); } .uxControl .artir a.eksi:active, .uxControl .artir a.arti:active { background-color: #e1e1e4; } .uxControl .adet {width: 100%;box-sizing: border-box;float: left;background: none;font-size: 20px;line-height: 18px;color: #454545;text-align: center;margin-top: 2px;} .uxControl .adet .uxControl .uyari { width: 183px; position: absolute; padding: 10px 15px; font-family: arial; font-size: 12px; text-align: center; margin-top: -42px; left: -1px; color: #fff; border-radius: 3px; background: rgba(169, 19, 19, 0.8); display: none; -webkit-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); -moz-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); z-index: 9999; } .uxControl .artir .uyari span { font-weight: bold; } */ .uxControl .artir { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border-radius: 45px; /* background: #ebebeb; */ /* padding: 7px 18px; */ margin: 0 0 17px 0; } .uxControl .artir a { width: 12px; height: 12px; float: left; position: relative; background-size: contain; background-position: center; background-repeat: no-repeat; } .uxControl .artir a.eksi { background-image: url(images/eksi-syh.svg); } .uxControl .artir a.arti { background-image: url(images/arti2-syh.svg); } .uxControl .artir .deger { width: 60px; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; font-size: 19px; line-height: 20px; font-weight: bold; color: #474747; text-align: center; } .uxControl .artir .deger .adet { width: 100%; float: left; font-size: 17px; line-height: 14px; font-weight: 500; text-align: center; color: #454545; margin: 0 0 3px 0; } .uxControl .artir .deger .miktar { font-size: 12px; line-height: 12px; font-weight: 400; text-transform: lowercase; color: #353434; } .uxControl .sepetim { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; } .uxControl .sepetim ul { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .sepetim ul > li { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 40px 0; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; } .uxControl .sepetim ul > li:last-child { margin-bottom: 0; } .uxControl .sepetim ul > li > div { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .uxControl .sepetim ul > li .resmi { width: 150px; height: 150px; border: dashed 1px #dcdcdc; border-radius: 4px; } .uxControl .sepetim ul > li .resmi a, .uxControl .sepetim ul > li .resmi img { width: 100%; float: left; position: relative; } .uxControl .sepetim ul > li .resmi a { height: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .uxControl .sepetim ul > li .resmi img { max-width: calc(100% - 40px); max-height: calc(100% - 40px); width: auto; height: auto; } .uxControl .sepetim ul > li .bilgiler { width: calc(100% - 274px); } .uxControl .sepetim ul > li .bilgiler h6 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 20px; font-weight: 500; color: #505050; margin: 0 0 10px 0; padding: 0 15px; } .uxControl .sepetim ul > li .bilgiler .not { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 16px; color: #969696; margin: 0 0 10px 0; padding: 0 15px; } .uxControl .sepetim ul > li .bilgiler .secenek { width: 100%; float: left; position: relative; border-top: dashed 1px #dcdcdc; padding: 10px 15px 0 15px; box-sizing: border-box; } .uxControl .sepetim ul > li .bilgiler .secenek > div { width: auto; float: left; font-size: 13px; line-height: 17px; color: #969696; margin: 0 15px 0px 0; } .uxControl .sepetim ul > li .bilgiler .secenek > div strong { font-weight: 500; } .uxControl .sepetim ul > li .bilgiler .secenek > div strong:after { content: ": "; } .uxControl .sepetim ul > li .fadet { width: 124px; border: dashed 1px #dcdcdc; border-radius: 4px; text-align: center; padding: 10px 0; position: relative; } .uxControl .sepetim ul > li .fadet .artir, .uxControl .sepetim ul > li .fadet .sil { min-height: initial; } .uxControl .sepetim ul > li:hover .fadet .artir, .uxControl .sepetim ul > li:hover .fadet .sil { opacity: 1; } .uxControl .sepetim ul > li .fadet .adeti { width: 100%; float: left; } .uxControl .sepetim ul > li .fadet .adeti select { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .sepetim ul > li .fadet .fiyati { width: 100%; float: left; position: relative; margin: 0 0 15px 0; } .uxControl .sepetim ul > li .fadet .fiyati > div { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 13px; color: #969696; text-decoration: line-through; } .uxControl .sepetim ul > li .fadet .fiyati > div:last-child { font-size: 18px; line-height: 18px; text-decoration: none; color: #505050; } .uxControl .sepetim ul > li .fadet .sil { width: 26px; height: 26px; position: absolute; /* left: -13px; */ bottom: -13px; background: #f65e44; border-radius: 100%; z-index: 90; font-size: 14px; line-height: 14px; font-weight: 900; color: #fff; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; min-height: inherit; letter-spacing: 0; padding-left: 1px; } .uxControl .sepetim ul > li .fadet .sil:after { content: "X"; } .uxControl .alisOzet .slot { margin-bottom: 25px; } .uxControl .alisOzet .fiyatDetay { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .alisOzet .fiyatDetay ul { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .alisOzet .fiyatDetay ul li { width: 100%; float: left; position: relative; box-sizing: border-box; color: #6f6f6f; border-radius: 5px; border-bottom: dashed 1px #dedede; padding: 0 12px 10px 12px; margin: 0 0 10px 0; } .uxControl .alisOzet .fiyatDetay ul li:last-child { margin-bottom: 0; } .uxControl .alisOzet .fiyatDetay ul li .solK { width: auto; float: left; position: relative; font-size: 14px; line-height: 14px; margin: 2px 0 00; } .uxControl .alisOzet .fiyatDetay ul li .sagK { width: auto; float: right; position: relative; font-size: 18px; line-height: 18px; } .uxControl .alisOzet .kuponEkle { width: 100%; float: left; position: relative; box-sizing: border-box; border: dashed 1px #f65d43; border-radius: 5px; padding: 14px; display: table; table-layout: fixed; } .uxControl .alisOzet .kuponEkle .slt { width: 100%; display: table-cell; vertical-align: middle; } .uxControl .alisOzet .kuponEkle .slt.sub { width: 40px; } .uxControl .alisOzet .kuponEkle .slt.kuponWrp { padding-left: 10px; width: 90px; } .uxControl .alisOzet .kuponEkle .slt.kuponWrp a { width: 100%; float: left; position: relative; font-size: 14px; line-height: 14px; color: #f65d43; border: dashed 1px #f65d43; background: none; padding: 8px 10px; border-radius: 5px; box-sizing: border-box; } .uxControl .alisOzet .kuponEkle input[type="text"] { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 23px; line-height: 30px; font-weight: 300; color: #353535; height: 32px; padding: 0 10px 0 0; } .uxControl .alisOzet .kuponEkle input[type="submit"], .uxControl .alisOzet .kuponEkle input[type="button"] { width: 100%; float: left; height: 32px; position: relative; font-size: 14px; line-height: 14px; color: #f65d43; border: dashed 1px #f65d43; background: none; padding: 8px 10px; border-radius: 5px; cursor: pointer; background: url(images/rony2.svg) no-repeat center; } .uxControl .alisOzet .genelToplam { width: 100%; float: left; position: relative; text-align: center; border-top: dashed 1px #f65d43; border-bottom: dashed 1px #f65d43; border-radius: 5px; padding: 14px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } .uxControl .alisOzet .genelToplam strong { font-size: 14px; line-height: 14px; font-weight: 500; color: #f65d43; } .uxControl .alisOzet .genelToplam span { font-size: 18px; line-height: 18px; font-weight: 500; color: #454545; margin: 0 0 0 5px; } .uxControl .alisOzet .devamEt { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 -24px 0; } .uxControl .alisOzet .devamEt a, .uxControl .alisOzet .devamEt button { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; font-weight: 500; color: #fff; background: #f65d43; text-align: center; border-radius: 5px; padding: 16px 0; } .uxControl .alisOzet .devamEt a:after, .uxControl .alisOzet .devamEt button:after { content: ""; width: 26px; height: 8px; display: inline-table; vertical-align: top; background: url(images/dvm.svg); margin: 3px 0 0 12px; } .uxControl .alisOzet .devamEt.tamamla a:after { display: none; } .uxControl .alisOzet .teslimati ul { width: 100%; float: left; position: relative; } .uxControl .alisOzet .teslimati ul li { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 18px; color: #6f6f6f; margin: 0 0 10px 0; } .uxControl .alisOzet .teslimati ul li:last-child { margin-bottom: 0; } .uxControl .alisOzet .teslimati ul li .solK { width: 100px; float: left; position: relative; font-weight: 500; } .uxControl .alisOzet .teslimati ul li .solK:after { content: ":"; } .uxControl .alisOzet .teslimati ul li .sagK { width: calc(100% - 110px); float: right; position: relative; } .uxControl .adresBilgisi .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; margin: 0 0 42px 0; } .uxControl .adresBilgisi .kapsa:last-child { margin-bottom: 0px; } .uxControl .adresBilgisi .kapsa .adresGoster { width: 100%; display: table-cell; vertical-align: top; box-sizing: border-box; border: dashed 1px #dddddd; border-radius: 5px; padding: 0; } .uxControl .adresBilgisi .kapsa .adresGoster h3 { width: auto; float: left; position: relative; margin: -8px 20px 0 20px; padding: 0 20px; font-size: 16px; line-height: 16px; color: #505050; background: #fff; } .uxControl .adresBilgisi .kapsa .adresGoster:before, .uxControl .adresBilgisi .kapsa .adresGoster:after { content: ""; width: 1px; height: calc(100% - 118px); position: absolute; top: 24px; background: #fff; z-index: 45; } .uxControl .adresBilgisi .kapsa .adresGoster:before { left: 0; } .uxControl .adresBilgisi .kapsa .adresGoster:after { right: -1px; } .uxControl .adresBilgisi .kapsa .adresGoster .secili { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 18px 20px 49px 20px; cursor: pointer; z-index: 45; } .uxControl .adresBilgisi .kapsa .adresGoster .secili h6 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 17px; line-height: 17px; color: #777777; margin: 0 0 10px 0; } .uxControl .adresBilgisi .kapsa .adresGoster .secili .adresi { width: 100%; float: left; position: relative; font-size: 14px; line-height: 19px; color: #777777; margin: 0 0 7px 0; } .uxControl .adresBilgisi .kapsa .adresGoster .secili .teslim { width: 100%; float: left; position: relative; font-size: 13px; line-height: 13px; color: #777777; margin: 0 0 15px 0; } .uxControl .adresBilgisi .kapsa .adresGoster .secili .teslim strong { font-weight: 500; } .uxControl .adresBilgisi .kapsa .adresGoster .secili .teslim strong:after { content: ": "; } .uxControl .adresBilgisi .kapsa .adresGoster .secili .islemi { width: 100%; float: left; position: relative; } .uxControl .adresBilgisi .kapsa .adresGoster .secili .islemi a { width: auto; float: left; position: relative; box-sizing: border-box; margin: 0 15px 0 0; font-size: 13px; line-height: 13px; color: #777777; border: solid 1px #dddddd; border-radius: 5px; padding: 6px 10px 6px 26px; } .uxControl .adresBilgisi .kapsa .adresGoster .secili .islemi a:before { content: ""; width: 10px; height: 100%; position: absolute; left: 10px; top: 0px; background-repeat: no-repeat; background-position: center; } .uxControl .adresBilgisi .kapsa .adresGoster .secili .islemi a.duzenle:before { background-image: url(images/duzen.svg); } .uxControl .adresBilgisi .kapsa .adresGoster .secili .islemi a.sil:before { background-image: url(images/sil.svg); } .uxControl .adresBilgisi .kapsa .adresGoster .secili:before { content: attr(data-text); width: auto; position: absolute; left: 50%; bottom: 12px; transform: translate(-50%, 0); background: url(images/asag.svg) no-repeat right center; font-size: 13px; line-height: 13px; color: #454545; padding: 0 18px 0 0; } .uxControl .adresBilgisi .kapsa .adresGoster .secili.active:before { background-image: url(images/yuka.svg); } .uxControl .adresBilgisi .kapsa .adresGoster .secili:after { content: ""; width: 100%; height: 36px; position: absolute; left: 0px; bottom: 0px; background: #fafafa; z-index: -1; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .uxControl .adresBilgisi .kapsa .adresGoster .listem {width: calc(100% - 220px);height: auto;position: absolute;left: 0px;top: 203px;display: none;background: #fff;z-index: 99999999;border: dashed 1px #f65d43;border-radius: 5px;padding: 0 0 28px 0;box-shadow: 0px 0px 19px rgb(0 0 0 / 16%);} .uxControl .adresBilgisi .kapsa .adresGoster .listem:before, .uxControl .adresBilgisi .kapsa .adresGoster .listem:after { content: ""; width: 1px; height: calc(100% - 90px); position: absolute; top: 67px; background: #fff; z-index: 45; } .uxControl .adresBilgisi .kapsa .adresGoster .listem:before { left: -1px; } .uxControl .adresBilgisi .kapsa .adresGoster .listem:after { right: -1px; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .arama { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 20px 20px; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .arama input[type="text"] { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 13px; color: #777777; border: dashed 1px #d8d8d8; border-radius: 5px; padding: 12px 15px; } .uxControl .adresBilgisi .kapsa .adresGoster .listem ul { width: 100%; max-height: 233px; float: left; position: relative; box-sizing: border-box; padding: 0 22px 0 31px; overflow: hidden; right: -2px; z-index: 46; } .uxControl .adresBilgisi .kapsa .adresGoster .listem ul li { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 22px 0; cursor: pointer; } .uxControl .adresBilgisi .kapsa .adresGoster .listem ul li:last-child, .uxControl .adresBilgisi .kapsa .adresGoster .listem ul li:nth-last-child(3) { margin-bottom: 0; } .uxControl .adresBilgisi .kapsa .adresGoster .listem h6 { width: 100%; float: left; position: relative; font-weight: 500; box-sizing: border-box; font-size: 15px; line-height: 16px; color: #777777; margin: 0 0 10px 0; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .adresi { width: 100%; float: left; position: relative; font-size: 13px; line-height: 17px; color: #777777; margin: 0 0 7px 0; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .teslim { width: 100%; float: left; position: relative; font-size: 13px; line-height: 13px; color: #777777; margin: 0 0 15px 0; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .teslim strong { font-weight: 500; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .teslim strong:after { content: ": "; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .islemi { width: 100%; float: left; position: relative; display: none; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .islemi a { width: auto; float: left; position: relative; box-sizing: border-box; margin: 0 15px 0 0; font-size: 13px; line-height: 13px; color: #777777; border: solid 1px #dddddd; border-radius: 5px; padding: 6px 10px 6px 26px; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .islemi a:before { content: ""; width: 10px; height: 100%; position: absolute; left: 10px; top: 0px; background-repeat: no-repeat; background-position: center; } .uxControl .adresBilgisi .kapsa .adresGoster .listem .islemi a.duzenle:before { background-image: url(images/duzen.svg); } .uxControl .adresBilgisi .kapsa .adresGoster .listem .islemi a.sil:before { background-image: url(images/sil.svg); } .uxControl .adresBilgisi .kapsa .adresEkle { width: 220px; display: table-cell; vertical-align: middle; position: relative; box-sizing: border-box; padding: 0 0 0 20px; text-align: center; } .uxControl .adresBilgisi .kapsa .adresEkle:after { content: ""; width: calc(100% - 20px); height: 100%; position: absolute; top: 0; right: 0; border: dashed 1px #f65d43; border-radius: 5px; z-index: -1; } .uxControl .adresBilgisi .kapsa .adresEkle a {width: auto;display: inline-table;position: relative;vertical-align: text-bottom;text-align: left;background: url(images/arti3.svg) no-repeat left center;font-size: 16px;line-height: 19px;color: #777777;padding: 20px 0 20px 35px;background-size: 21px;} .uxControl .adresBilgisi .kapsa .adresEkle a.active { color: #f65d43; background-image: url(images/eksi3.svg); } .uxControl .adresBilgisi .kapsa .adresEkle a strong { font-weight: 500; } .uxControl .slot.adresEkle .genelForm ul li.gizle { display: none; } .uxControl .kargoSecim { width: 100%; float: left; box-sizing: border-box; } .uxControl .kargoSecim .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 30px; } .uxControl .kargoSecim .kapsa:last-child { margin-bottom: 0; } .uxControl .kargoSecim .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; } .uxControl .kargoSecim .kapsa input[type="radio"] + label { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; border: dashed 1px #dddddd; border-radius: 5px; padding: 20px 25px 20px 65px; cursor: pointer; } .uxControl .kargoSecim .kapsa input[type="radio"]:checked + label { border-color: #f65d43; } .uxControl .kargoSecim .kapsa input[type="radio"] + label:before { content: ""; width: 20px; height: 20px; position: absolute; left: 25px; top: calc(50% - 10px); box-sizing: border-box; background-color: #fff; border: solid 1px #dddddd; border-radius: 100%; } .uxControl .kargoSecim .kapsa input[type="radio"]:checked + label:before { background-color: #f65d43; border-color: #f65d43; } .uxControl .kargoSecim .kapsa input[type="radio"] + label + label.error { display: block; } .uxControl .kargoSecim .kapsa label > span { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; } .uxControl .kargoSecim .kapsa label .resmi { width: 70px; overflow: hidden; border: dashed 1px #dddddd; border-radius: 5px; padding: 4px; } .uxControl .kargoSecim .kapsa label .resmi img { width: 100%; float: left; position: relative; } .uxControl .kargoSecim .kapsa label .bilgisi { width: 100%; padding: 0 0 0 20px; } .uxControl .kargoSecim .kapsa label .bilgisi strong { color: #d10d0d; font-weight: 400 !important; } .uxControl .kargoSecim .kapsa label .bilgisi p { margin-bottom: 10px; } .uxControl .kargoSecim .kapsa label .bilgisi b { width: 100%; float: left; font-size: 20px; line-height: 20px; font-weight: 500; color: #454545; } .uxControl .kargoSecim .kapsa label .bilgisi i { width: 100%; float: left; font-size: 14px; line-height: 17px; font-weight: 300; color: #777777; margin: 4px 0 0 0; } .uxControl .kargoSecim .kapsa label .fiyati { width: 90px; font-size: 25px; line-height: 25px; font-weight: 300; text-align: right; } .uxControl .kargoSecim .kapsa label .fiyati:after { font-size: 20px; } .uxControl .uxForm { width: 100%; float: left; position: relative; box-sizing: border-box; padding-top: 10px; } .uxControl .uxForm ul { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .uxForm ul li { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 30px 0; } .uxControl .uxForm ul li:last-child { margin-bottom: 0; } .uxControl .uxForm ul li.nB { margin-bottom: 0; } .uxControl .uxForm ul li .kps > label { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #292929; background: #fff; margin: -7.5px 0 4px 20px; padding: 0 15px; } .uxControl .uxForm ul li .slt { width: 100%; float: left; position: relative; } .uxControl .uxForm ul li strong { width: 100%; float: left; position: relative; font-size: 15px; line-height: 15px; color: #292929; font-weight: 500; } .uxControl .uxForm ul li strong + div { margin: 24px 0 0 0; } .uxControl .uxForm ul li input, .uxControl .uxForm ul li select, .uxControl .uxForm ul li textarea { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .uxForm ul li select { width: calc(100% + 2px); left: -1px; } .uxControl .uxForm ul li input[type="text"], .uxControl .uxForm ul li input[type="password"], .uxControl .uxForm ul li input[type="email"], .uxControl .uxForm ul li input[type="date"], .uxControl .uxForm ul li input[type="month"], .uxControl .uxForm ul li input[type="number"], .uxControl .uxForm ul li input[type="tel"], .uxControl .uxForm ul li input[type="time"], .uxControl .uxForm ul li input[type="week"] { height: 32px; } .uxControl .uxForm ul li input[type="submit"], .uxControl .uxForm ul li input[type="button"], .uxControl .uxForm ul li button { font-size: 17px; line-height: 17px; font-weight: 300; color: #fff; background: #505050; border-radius: 4px; padding: 13px 100px; cursor: pointer; } .uxControl .uxForm ul li input[type="submit"].tam, .uxControl .uxForm ul li input[type="button"].tam, .uxControl .uxForm ul li button.tam { padding: 19px 0; } .uxControl .uxForm ul li input[type="submit"].yesil, .uxControl .uxForm ul li input[type="button"].yesil, .uxControl .uxForm ul li button.yesil { background-color: #f65d43; } .uxControl .uxForm ul li textarea { resize: none; height: 100px; } .uxControl .uxForm ul li input[type="submit"].auto, .uxControl .uxForm ul li input[type="button"].auto, .uxControl .uxForm ul li button.auto { width: auto; } .uxControl .uxForm ul li input[type="submit"].sag, .uxControl .uxForm ul li input[type="button"].sag, .uxControl .uxForm ul li button.sag { float: right; } .uxControl .uxForm ul li input[type="text"], .uxControl .uxForm ul li input[type="email"], .uxControl .uxForm ul li input[type="date"], .uxControl .uxForm ul li input[type="month"], .uxControl .uxForm ul li input[type="number"], .uxControl .uxForm ul li input[type="tel"], .uxControl .uxForm ul li input[type="time"], .uxControl .uxForm ul li input[type="week"], .uxControl .uxForm ul li input[type="password"], .uxControl .uxForm ul li textarea { font-size: 22px; line-height: 22px; font-weight: 300; color: #828282; padding: 3px 20px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: none; -webkit-text-fill-color: #828282; box-shadow: 0 0 0px 1000px #fff inset; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s; font-size: 22px; line-height: 22px; font-weight: 300; color: #828282; } .uxControl .uxForm ul li input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; } .uxControl .uxForm ul li input[type="checkbox"]:disabled { cursor: not-allowed; } .uxControl .uxForm ul li input[type="checkbox"]:disabled:checked + label:after { color: #999; } .uxControl .uxForm ul li input[type="checkbox"]:disabled + label { cursor: not-allowed; } .uxControl .uxForm ul li input[type="checkbox"]:disabled + label:before { background-color: #eee; } .uxControl .uxForm ul li input[type="checkbox"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 7px 0 8px 22px !important; margin-top: 0; font-size: 17px; line-height: 17px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0; } .uxControl .uxForm ul li input[type="checkbox"] + label a { text-decoration: underline; color: #828282; } .uxControl .uxForm ul li input[type="checkbox"] + label:before { content: ''; position: absolute; top: calc(50% - 9px); left: 0; width: 16px; height: 16px; display: inline-block; background: url(images/arti2-byz.svg) no-repeat center center #fff; background-size: auto auto; border: solid 1px #353535; box-sizing: border-box; border-radius: 0; } .uxControl .uxForm ul li input[type="checkbox"]:checked + label:before { background-color: #f65d43; border-color: #f65d43 !important; } .uxControl .uxForm ul li input[type="checkbox"] + label + label.error { display: block; } .uxControl .uxForm ul li input[type="checkbox"].mini + label { font-size: 12px; line-height: 12px; font-weight: 500; padding: 3px 0 0px 22px !important; } .uxControl .uxForm ul li input[type="checkbox"].mini + label a { margin-top: -1px; display: inline-table; vertical-align: top; } .uxControl .uxForm ul li input[type="checkbox"].opak + label:before { border-color: #dddddd; } .uxControl .uxForm ul li input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; } .uxControl .uxForm ul li input[type="radio"]:checked + label:before { background-color: #f65d43; border-color: #f65d43; } .uxControl .uxForm ul li input[type="radio"]:disabled { cursor: not-allowed; } .uxControl .uxForm ul li input[type="radio"]:disabled:checked + label:after { color: #999; } .uxControl .uxForm ul li input[type="radio"]:disabled + label { cursor: not-allowed; } .uxControl .uxForm ul li input[type="radio"]:disabled + label:before { background-color: #eee; } .uxControl .uxForm ul li input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 8px 0 7px 22px !important; margin-top: 0; font-size: 17px; line-height: 17px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0; } .uxControl .uxForm ul li input[type="radio"] + label:before { content: ''; position: absolute; top: calc(50% - 9px); left: 0; width: 16px; height: 16px; display: inline-block; background-color: #FFFFFF; border: solid 1px #353535; box-sizing: border-box; border-radius: 100%; } .uxControl .uxForm ul li input[type="radio"] + label + label.error { display: block; } .uxControl .uxForm ul li .select2 > .selection { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0 20px; } .uxControl .uxForm ul li .select2-container--default .select2-selection--single { border: none; padding: 0; background: none; border-radius: inherit; } .uxControl .uxForm ul li .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 20px; line-height: 22px; font-weight: 300; color: #828282; padding: 5px 15px 5px 0; text-align: left; } .uxControl .uxForm ul li .select2-container--default .select2-selection--single .select2-selection__arrow { width: 9px; height: 100%; right: 0; top: 0; } .uxControl .uxForm ul li .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 20px; background: url(images/asag.svg) no-repeat center; } .uxControl .uxForm ul li .sifreUnuttum { width: auto; float: right; text-decoration: underline; margin-top: 7px; font-size: 17px; line-height: 17px; font-weight: 300; color: #525252; } .uxControl .uxForm ul li .kps { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .uxForm ul li .kps.dashed { border: dashed 1px #dddddd; border-radius: 5px; padding: 0 0px 10px 0px; } .uxControl .uxForm ul li .kps.dashed.hata { border-color: #c00; } .uxControl .uxForm ul li .kps.dashed.hata label { color: #c00; } .uxControl .uxForm ul li .kps.dashed label.hatasi { width: auto; max-width: 100%; position: absolute; left: 0; bottom: -7px; background: #fff; font-size: 15px; line-height: 15px; color: #c00; padding: 0 15px; margin-left: 15px; } .uxControl .uxForm ul li .kps.dashed.onay { border-color: #f65d43; } .uxControl .uxForm ul li .kps.dashed.onay label { color: #f65d43; } .uxControl .uxForm ul li .kps.dashed.onay .hatasi { color: #f65d43; } .uxControl .uxForm ul li .serbest .kps { width: auto !important; margin: 0 0px 0px 20px !important; } .uxControl .uxForm ul li .serbest .kps:last-child { margin-right: 0; } .uxControl .uxForm ul li.tekLi { width: 100% !important; margin-right: 0 !important; } .uxControl .uxForm ul li.ikiLi .kps, .uxControl .uxForm ul li .ikiLi .kps { width: calc(50% - 12px); margin-right: 24px; } .uxControl .uxForm ul li.ikiLi > .kps:nth-child(2n), .uxControl .uxForm ul li .ikiLi > .kps:nth-child(2n) { margin-right: 0; } .uxControl .uxForm ul li .ikiLi.noMr .kps { width: 50%; margin-right: 0; } .uxControl .uxForm ul li.ucLu .kps, .uxControl .uxForm ul li .ucLu .kps { width: calc(33.33% - 16px); margin-right: 24px; } .uxControl .uxForm ul li.ucLu .kps:nth-child(3n), .uxControl .uxForm ul li .ucLu .kps:nth-child(3n) { margin-right: 0; } .uxControl .uxForm ul li.dortLu .kps , .uxControl .uxForm ul li .dortLu .kps{ width: calc(25% - 18px); margin-right: 24px; } .uxControl .uxForm ul li.dortLu .kps:nth-child(4n), .uxControl .uxForm ul li .dortLu .kps:nth-child(4n) { margin-right: 0; } .uxControl .uxForm ul li.uceBir > .kps { width: calc(66.66% - 16px); margin-right: 24px; } .uxControl .uxForm ul li.uceBir > .kps:nth-child(2) { width: calc(33.34% - 8px); margin-right: 0; } .uxControl .uxForm ul li .kps .slt { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .uxForm.ikiLi ul li { width: calc(50% - 12px); margin-right: 24px; } .uxControl .uxForm.ikiLi ul li:nth-child(2n) { margin-right: 0px; } .uxControl .uxForm.ucLu ul li { width: calc(33.33% - 16px); margin-right: 24px; } .uxControl .uxForm.ucLu ul li:nth-child(3n) { margin-right: 0px; } .uxControl .uxForm.dortLu ul li { width: calc(25% - 18px ); margin-right: 24px; } .uxControl .uxForm.dortLu ul li:nth-child(4n) { margin-right: 0px; } .uxControl .uxForm.besLi ul li { width: calc(20% - 20px); margin-right: 25px; } .uxControl .uxForm.besLi ul li:nth-child(5n) { margin-right: 0px; } .uxControl .uxForm.sozlesme { margin-top: 40px; } .uxControl .uxForm.sozlesme ul li .yazi { font-size: 12px; line-height: 18px; padding: 9px 20px 9px 20px; margin-bottom: 0; } .uxControl .uxForm.sozlesme ul li .yazi a { color: #f65d43; } .uxControl .uxForm.sozlesme ul li input[type="submit"].yesil, .uxControl .uxForm.sozlesme ul li input[type="button"].yesil, .uxControl .uxForm.sozlesme ul li button.yesil { margin: 16px 0 0 0; } .uxControl .uxForm .BariKapat a { text-align: center; width: 100%; float: right; font-size: 17px; line-height: 17px; font-weight: 300; color: #fff; background: #d45656; border-radius: 4px; padding: 13px 100px; cursor: pointer; box-sizing: border-box; } .uxControl .uxForm .yeniAdresKapat a { text-align: center; width: 100%; float: right; font-size: 17px; line-height: 17px; font-weight: 300; color: #fff; background: #d45656; border-radius: 4px; padding: 19px 100px; cursor: pointer; box-sizing: border-box; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; -webkit-appearance: none; margin: 0; } input[type=number] { appearance: none; -moz-appearance: textfield; -o-appearance: none; } .uxControl .uxTab { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .uxTab .uxTabMenu { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 43px 0; } .uxControl .uxTab .uxTabMenu .tbAc { display: none; } .uxControl .uxTab .uxTabMenu ul { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .uxTab .uxTabMenu ul li { width: auto; float: left; position: relative; box-sizing: border-box; margin-right: 20px; } .uxControl .uxTab .uxTabMenu.ucLu ul li { width: calc(33.33% - 14px); margin-right: 21px; text-align: center; } .uxControl .uxTab .uxTabMenu.ucLu ul li:nth-child(3n) { margin-right: 0; } .uxControl .uxTab .uxTabMenu ul li a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 17px; line-height: 17px; color: #505050; border-bottom: solid 3px #dddddd; padding: 0px 20px 8px 20px; } .uxControl .uxTab .uxTabMenu ul li a:after { content: ""; width: 14px; height: 8px; position: absolute; left: calc(50% - 7px); bottom: -11px; /* background: url(images/ucgn.svg) no-repeat center; */ opacity: 0; } .uxControl .uxTab .uxTabMenu ul li a.active { border-color: #bcbcbc; color: #f65d43; } .uxControl .uxTab .uxTabMenu ul li a.active:after { opacity: 1; } .uxControl .uxTab .icKisim { width: 100%; float: left; position: relative; min-height: 150px; } .uxControl .uxTab .icKisim .ick { width: 100%; float: left; position: absolute; left: 0px; top: 0px; display: none; padding: 0; box-sizing: border-box; } .uxControl .uxTab .icKisim .ick h3.tabi { width: 100%; float: left; position: relative; display: inherit; font-size: 15px; line-height: 18px; color: #000; margin-bottom: 9px; background: #f9f9f9; padding: 13px 20px; cursor: pointer; box-sizing: border-box; display: none; } .uxControl .uxTab .icKisim .ick h3.tabi.active { background-color: #eaeaea; } .uxControl .uxTab .icKisim .ick h3.tabi:after { content: ""; width: 8px; height: 100%; vertical-align: middle; background-image: url(images/arti2-syh.svg); float: right; position: absolute; right: 10px; top: 0; background-size: 7px 7px; background-position: center center; background-repeat: no-repeat; } .uxControl .uxTab .icKisim .ick h3.tabi.active:after { background-image: url(images/eksi-syh.svg); transform: rotate(180deg); } .uxControl .uxTab .icKisim .ick .mTab { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0; } .uxControl .odemeBilgi { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .odemeBilgi .satisSozleme { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .odemeBilgi .slot.dashed.middle.satisSozleme { padding: 0 0px 20px 20px; } .uxControl .odemeBilgi .slot.dashed.middle.satisSozleme:after { content: ""; width: 1px; height: calc(100% - 40px); position: absolute; top: 20px; background: #fff; z-index: 45; display: inherit; } .uxControl .odemeBilgi .satisSozleme .yazi { width: 100%; max-height: 209px; overflow: hidden; float: left; position: relative; box-sizing: border-box; padding-right: 20px; margin: 0px 0 15px 2px; z-index: 150; font-size: 12px; line-height: 16px; } .uxControl .kkMarka { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .kkMarka .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .kkMarka .kapsa:last-child { margin-bottom: 0px; } .uxControl .kkMarka .kapsa label .baslik { width: auto; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; font-size: 14px; line-height: 14px; color: #505050; background: #fff; padding: 0 10px; margin: -7px 0 0 0; } .uxControl .kkMarka .kapsa label .resmi { width: 100%; float: left; position: relative; box-sizing: border-box; overflow: hidden; } .uxControl .kkMarka .kapsa label .resmi img { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .kkMarka .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; } .uxControl .kkMarka .kapsa input[type="radio"] + label { width: 100%; float: left; position: relative; box-sizing: border-box; border: dashed 1px #dddddd; border-radius: 5px; cursor: pointer; } .uxControl .kkMarka .kapsa input[type="radio"]:checked + label { border-color: #f65d43; } .uxControl .kkMarka .kapsa input[type="radio"] + label:before { content: ""; width: 16px; height: 16px; position: absolute; left: calc(50% - 8px); bottom: -8px; box-sizing: border-box; background-color: #fff; border: solid 1px #353535; border-radius: 100%; z-index: 40; } .uxControl .kkMarka .kapsa input[type="radio"] + label:after { content: ""; width: 28px; height: 16px; position: absolute; left: calc(50% - 14px); bottom: -8px; background: #fff; z-index: 4; } .uxControl .kkMarka .kapsa input[type="radio"]:checked + label:before { background-color: #f65d43; border-color: #f65d43; } .uxControl .kkMarka .kapsa input[type="radio"] + label + label.error { display: block; } .uxControl .kkMarka.besLi .kapsa { width: calc(20% - 12px); margin-right: 15px; margin-bottom: 8px; } .uxControl .kkMarka.besLi .kapsa:nth-child(5n) { margin-right: 0px; } .uxControl .taksitSec { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .taksitSec .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .taksitSec .kapsa:last-child { margin-bottom: 0px; } .uxControl .taksitSec .kapsa label .baslik { width: auto; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: -8px; font-size: 14px; line-height: 14px; color: #505050; background: #fff; padding: 0 10px; } .uxControl .taksitSec .kapsa label .baslik:before { content: ""; width: 16px; height: 16px; display: inline-table; vertical-align: text-bottom; box-sizing: border-box; background: #fff; border: solid 1px #353535; border-radius: 100%; z-index: 40; margin-right: 10px; } .uxControl .taksitSec .kapsa label .taksit { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .taksitSec .kapsa label .taksit > span { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 15px 0; } .uxControl .taksitSec .kapsa label .taksit > span:last-child { margin-bottom: 0px; } .uxControl .taksitSec .kapsa label .taksit > span b { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; font-weight: 400; color: #454545; margin: 0 0 4px 0; } .uxControl .taksitSec .kapsa label .taksit > span span { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 20px; line-height: 20px; font-weight: 300; color: #454545; } .uxControl .taksitSec .kapsa label .taksit > span span i { font-style: normal; font-size: 14px; line-height: 14px; } .uxControl .taksitSec .kapsa label .taksit > span span i:after { font-size: 13px; font-weight: 300; padding-left: 1px; } .uxControl .taksitSec .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; } .uxControl .taksitSec .kapsa input[type="radio"] + label { width: 100%; float: left; position: relative; box-sizing: border-box; border: dashed 1px #dddddd; border-radius: 5px; cursor: pointer; text-align: center; padding: 20px 20px 30px 20px; } .uxControl .taksitSec .kapsa input[type="radio"]:checked + label { border-color: #f65d43; } .uxControl .taksitSec .kapsa input[type="radio"]:checked + label .baslik:before { background-color: #f65d43; border-color: #f65d43; } .uxControl .taksitSec .kapsa input[type="radio"] + label + label.error { display: block; } .uxControl .taksitSec.ucLu .kapsa { width: calc(33.33% - 10px); margin-right: 15px; margin-bottom: 27px; } .uxControl .taksitSec.ucLu .kapsa:nth-child(3n) { margin-right: 0px; } .uxControl .bankaSecim { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .bankaSecim .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 30px; } .uxControl .bankaSecim .kapsa:last-child { margin-bottom: 0; } .uxControl .bankaSecim .kapsa input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; } .uxControl .bankaSecim .kapsa input[type="radio"] + label { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; border: dashed 1px #dddddd; border-radius: 5px; padding: 20px 25px 20px 65px; cursor: pointer; } .uxControl .bankaSecim .kapsa input[type="radio"]:checked + label { border-color: #f65d43; } .uxControl .bankaSecim .kapsa input[type="radio"] + label:before { content: ""; width: 20px; height: 20px; position: absolute; left: 25px; top: calc(50% - 10px); box-sizing: border-box; background-color: #fff; border: solid 1px #dddddd; border-radius: 100%; } .uxControl .bankaSecim .kapsa input[type="radio"]:checked + label:before { background-color: #f65d43; border-color: #f65d43; } .uxControl .bankaSecim .kapsa input[type="radio"] + label + label.error { display: block; } .uxControl .bankaSecim .kapsa label .baslik { width: auto; position: absolute; left: 0; top: -8px; font-size: 16px; line-height: 16px; color: #505050; background: #fff; padding: 0 10px; margin: 0 0 0 20px; } .uxControl .bankaSecim .kapsa label > span { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; color: #505050; } .uxControl .bankaSecim .kapsa label > span b { width: 100%; float: left; position: relative; font-size: 16px; line-height: 17px; font-weight: 400; color: #454545; margin: 0 0 4px 0; } .uxControl .bankaSecim .kapsa label > span i { width: 100%; float: left; font-size: 15px; line-height: 18px; font-weight: 300; color: #505050; font-style: normal; margin: 0 0 4px 0; } .uxControl .bankaSecim .kapsa label > span .bilgisi { width: 100%; float: left; position: relative; font-size: 14px; line-height: 18px; font-weight: 300; } .uxControl .bankaSecim .kapsa label .resmi { width: 70px; overflow: hidden; border: dashed 1px #e6e6e6; border-radius: 5px; padding: 4px; } .uxControl .bankaSecim .kapsa label .resmi img { width: 100%; float: left; position: relative; } .uxControl .bankaSecim .kapsa label .iban { width: 100%; padding: 0 20px; } .uxControl .bankaSecim .kapsa label .iban .bilgisi { font-size: 17px; line-height: 20px; font-weight: 300; } .uxControl .bankaSecim .kapsa label .hesap { width: 186px; } .uxControl .girisYap { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .girisYap > .slot { width: calc(50% - 15px); margin-right: 30px; } .uxControl .girisYap > .slot:nth-child(2n) { margin-right: 0px; } .uxControl .girisYap > .slot.dashed { padding-bottom: 20px; } .uxControl .girisYap.sifreUnuttum { display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;} .uxControl .girisYap.sifreUnuttum > .slot { width: 500px;margin: 0;} .uxControl .yMenu { width: auto; float: right; position: relative; box-sizing: border-box; position: absolute; right: 0; top: -8px; background: #fff; padding: 0 0px 0 20px; border-radius: 40px; } .uxControl .yMenu ul { width: auto; float: right; position: relative; box-sizing: border-box; } .uxControl .yMenu ul li { width: auto; float: left; position: relative; margin: 0 7px 0px 0; } .uxControl .yMenu ul li:last-child { margin-right: 0; } .uxControl .yMenu ul li a { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 14px; color: #757575; border: dashed 1px #bbbbbb; border-radius: 6px; padding: 10px 10px; } .uxControl .yMenu ul li a:hover { color: #f65d43; } .uxControl .yMenu ul li a:before { content: ""; height: 100%; position: absolute; left: 10px; top: 0px; background-repeat: no-repeat; background-position: left center; } .uxControl .yMenu ul li.active a { background-color: #f65d43; color: #fff; border-color: #f65d43; } .uxControl .yMenu ul li a.kisisel { padding-left: 35px; } .uxControl .yMenu ul li a.kisisel:before { width: 17px; background-image: url(images/kisic.svg); } .uxControl .yMenu ul li.active a.kisisel:before { background-image: url(images/kisic2.svg); } .uxControl .yMenu ul li a.adres { padding-left: 35px; } .uxControl .yMenu ul li a.adres:before { width: 17px; background-image: url(images/adresic.svg); } .uxControl .yMenu ul li.active a.adres:before { background-image: url(images/adresic2.svg); } .uxControl .yMenu ul li a.favori { padding-left: 39px; } .uxControl .yMenu ul li a.favori:before { width: 20px; background-image: url(images/favic.svg); } .uxControl .yMenu ul li.active a.favori:before { background-image: url(images/favic2.svg); } .uxControl .yMenu ul li a.siparis { padding-left: 36px; } .uxControl .yMenu ul li a.siparis:before { width: 18px; background-image: url(images/sipic.svg); } .uxControl .yMenu ul li.active a.siparis:before { background-image: url(images/sipic2.svg); } .uxControl .yMenu ul li a.bildirim { padding-left: 37px; } .uxControl .yMenu ul li a.bildirim span { width: 26px; height: 26px; border-radius: 100%; position: absolute; right: -8px; top: -17px; font-size: 12px; line-height: 12px; text-align: center; color: #fff; background: #d45656; padding-top: 6px; box-sizing: border-box; border: solid 2px #fff; } .uxControl .yMenu ul li a.bildirim:before { width: 18px; background-image: url(images/yoric.svg); } .uxControl .yMenu ul li.active a.bildirim:before { background-image: url(images/yoric2.svg); } .uxControl .yMenu ul li a.sss { padding-left: 37px; } .uxControl .yMenu ul li a.sss:before { width: 18px; background-image: url(images/yoric.svg); } .uxControl .yMenu ul li.active a.sss:before { background-image: url(images/yoric2.svg); } .uxControl .yMenu ul li a.daha { width: 45px; height: 36px; } .uxControl .yMenu ul li a.daha:before { width: 100%; background-image: url(images/dvmic.svg); } .uxControl .yMenu ul li a.daha.active:before { background-image: url(images/dvmic2.svg); } .uxControl .yMenu ul li a.daha.active { border-color: #f65d43; } .uxControl .yMenu > ul > li.mbKont { display: none; } .uxControl .yMenu ul li a.cihaz { padding-left: 35px; } .uxControl .yMenu ul li a.cihaz:before { width: 17px; background-image: url(images/telsec.svg); } .uxControl .yMenu ul li.active a.cihaz:before { background-image: url(images/telsec2.svg); } .uxControl .yMenu ul li.sub ul { width: 170px; position: absolute; right: 0; top: 44px; background: #fff; border: dashed 1px #bbbbbb; border-radius: 5px; padding: 13px 13px; z-index: 999; display: none; } .uxControl .yMenu ul li.sub ul li { width: 100%; float: left; position: relative; margin: 0 0 6px 0; } .uxControl .yMenu ul li.sub ul li:last-child { margin-bottom: 0px; } .uxControl .yMenu ul li.sub ul li a { width: 100%; float: left; padding: 0px; border-radius: 0px; border: none; text-align: right; } .uxControl .profilMedya.genelListe li { padding: 0px; text-align: center; border: dashed 1px #dddddd; border-radius: 9px; } .uxControl .profilMedya.genelListe li .resim { overflow: hidden; border-radius: 8px; } .uxControl .profilMedya.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; z-index: 40; background: rgba(0, 0, 0, 0.60); opacity: 0; } .uxControl .profilMedya.genelListe li:before { content: ""; width: 16px; height: 16px; position: absolute; left: calc(50% - 8px); bottom: -8px; background: #f65d43; z-index: 80; border-radius: 100%; opacity: 0; } .uxControl .profilMedya.genelListe li.active:before, .uxControl .profilMedya.genelListe li.active:after { opacity: 1; } .uxControl .profilMedya.genelListe li.active { border-color: #f65d43; } .uxControl .profilMedya.genelListe li:after { content: ""; width: 30px; height: 1px; position: absolute; left: calc(50% - 15px); bottom: -1px; background: #fff; z-index: 79; opacity: 0; } .uxControl .profilMedya.genelListe li .hover { width: 100%; height: 100%; position: absolute; left: 0px; top: 0; z-index: 60; box-sizing: border-box; padding: 20px 20px; display: table; table-layout: fixed; opacity: 0; } .uxControl .profilMedya.genelListe li .hover .kapsa { width: 100%; display: table-cell; vertical-align: middle; } .uxControl .profilMedya.genelListe li .hover a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 13px; color: #fff; border-width: 1px; border-style: solid; margin-bottom: 4px; border-radius: 4px; padding: 4px 10px; } .uxControl .profilMedya.genelListe li .hover a:last-child { margin-bottom: 0px; } .uxControl .profilMedya.genelListe li .hover a.profil { border-color: #d0e8a6; padding: 19px 0; } .uxControl .profilMedya.genelListe li .hover a.profil span { width: 100%; float: left; margin-bottom: 4px; } .uxControl .profilMedya.genelListe li .hover a.guncelle { border-color: #e0c68e; } .uxControl .profilMedya.genelListe li .hover a.sil { border-color: #d48e8e; } .uxControl .profilMedya.genelListe li.ekle a { display: table; table-layout: fixed; width: 100%; height: 100%; position: absolute; left: 0px; top: 0; } .uxControl .profilMedya.genelListe li.ekle a h6 { width: 100%; display: table-cell; vertical-align: middle; float: none; font-size: 13px; line-height: 20px; color: #afafaf; } .uxControl .profilMedya.genelListe.altiLi li { width: calc(16.66% - 20px); height: 168px; margin-right: 24px; margin-bottom: 24px; cursor: pointer; } .uxControl .profilMedya.genelListe.altiLi li:nth-child(6n) { margin-right: 0px; } .uxControl .profilMedya.genelListe.altiLi li:hover .hover, .uxControl .profilMedya.genelListe.altiLi li:hover .resim:after { opacity: 1; } .uxControl .adresListesi { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .adresListesi ul { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .adresListesi ul li { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .adresListesi ul li { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0 20px 20px 20px; border: dashed 1px #dddddd; border-radius: 5px; margin: 0 0 30px 0; } .uxControl .adresListesi ul li:last-child { margin-bottom: 0; } .uxControl .adresListesi ul li h6 { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; color: #505050; margin: -8px 0 10px 0; padding: 0 20px; background: #fff; } .uxControl .adresListesi ul li .adresi { width: 100%; float: left; position: relative; font-size: 15px; line-height: 18px; color: #777777; margin: 0 0 19px 0; } .uxControl .adresListesi ul li .teslim { width: 100%; float: left; position: relative; font-size: 13px; line-height: 13px; color: #777777; margin: 0 0 15px 0; } .uxControl .adresListesi ul li .teslim strong { font-weight: 500; } .uxControl .adresListesi ul li .teslim strong:after { content: ": "; } .uxControl .adresListesi ul li .islemi { width: 100%; float: left; position: relative; } .uxControl .adresListesi ul li .islemi a { width: auto; float: left; position: relative; box-sizing: border-box; margin: 0 15px 0 0; font-size: 13px; line-height: 13px; color: #777777; border: solid 1px #dddddd; border-radius: 5px; padding: 6px 10px 6px 26px; } .uxControl .adresListesi ul li .islemi a.active { border-color: #f65d43; color: #f65d43; } .uxControl .adresListesi ul li .islemi a:before { content: ""; width: 10px; height: 100%; position: absolute; left: 10px; top: 0px; background-repeat: no-repeat; background-position: center; } .uxControl .adresListesi ul li .islemi a.duzenle:before { background-image: url(images/duzen.svg); } .uxControl .adresListesi ul li .islemi a.sil:before { background-image: url(images/sil.svg); } .uxControl .favoriListe { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .favoriListe ul { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .favoriListe ul > li { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; margin: 0 0 40px 0; } .uxControl .favoriListe ul > li:last-child { margin-bottom: 0; } .uxControl .favoriListe ul > li > div { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; } .uxControl .favoriListe ul > li .resmi { width: 70px; border: dashed 1px #dcdcdc; border-radius: 4px; } .uxControl .favoriListe ul > li .resmi a, .uxControl .favoriListe ul > li .resmi img { width: 100%; float: left; position: relative; } .uxControl .favoriListe ul > li .bilgiler { width: 100%; } .uxControl .favoriListe ul > li .bilgiler h6 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 20px; font-weight: 500; color: #505050; margin: 0 0 10px 0; padding: 0 15px; } .uxControl .favoriListe ul > li .bilgiler .not { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 16px; color: #969696; margin: 0 0 10px 0; padding: 0 15px; } .uxControl .favoriListe ul > li .bilgiler .secenek { width: 100%; float: left; position: relative; /* border-top: dashed 1px #dcdcdc; */ padding: 0px 15px 0 15px; box-sizing: border-box; } .uxControl .favoriListe ul > li .bilgiler .secenek > div { width: auto; float: left; font-size: 13px; line-height: 17px; color: #969696; margin: 0 15px 0px 0; } .uxControl .favoriListe ul > li .bilgiler .secenek > div strong { font-weight: 500; } .uxControl .favoriListe ul > li .bilgiler .secenek > div strong:after { content: ": "; } .uxControl .favoriListe ul > li .fiyati { width: 180px; position: relative; margin: 0 0 15px 0; text-align: center; border-radius: 4px; } .uxControl .favoriListe ul > li .fiyati > div { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 15px; margin: 0 0 4px 0; color: #969696; text-decoration: line-through; } .uxControl .favoriListe ul > li .fiyati > div:after { font-size: 12px; } .uxControl .favoriListe ul > li .fiyati > div:last-child { font-size: 24px; line-height: 24px; text-decoration: none; color: #252525; margin-bottom: 0; } .uxControl .favoriListe ul > li .fiyati > div:last-child:after { font-size: 17px; } .uxControl .favoriListe ul > li .kaldir { width: 80px; } .uxControl .favoriListe ul > li .kaldir .sil { width: auto; display: inline-table; vertical-align: text-bottom; font-size: 13px; line-height: 13px; color: #999999; background: url(images/sil.svg) no-repeat 15px center; border: dashed 1px #dddddd; padding: 7px 15px 6px 31px; border-radius: 5px; } .uxControl .siparisGoster { width: 100%; float: left; position: relative; box-sizing: border-box; } .uxControl .siparisGoster .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 0px 0; } .uxControl .siparisGoster .kapsa .onGosterim { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; cursor: pointer; padding-bottom: 25px; margin-bottom: 25px; border-bottom: dashed 1px #dcdcdc; z-index: 40; } .uxControl .siparisGoster .kapsa .onGosterim:after { content: ""; width: 10px; height: 6px; position: absolute; right: -39px; top: 21px; background: url(images/asag.svg) no-repeat center; } .uxControl .siparisGoster .kapsa .onGosterim.active:after { transform: rotate(180deg); } .uxControl .siparisGoster .kapsa .onGosterim > div { width: 100%; display: table-cell; vertical-align: middle; } .uxControl .siparisGoster .kapsa .onGosterim > div strong { width: 100%; float: left; font-size: 15px; line-height: 15px; font-weight: 300; color: #353535; margin: 0 0 3px 0; } .uxControl .siparisGoster .kapsa .onGosterim > div p { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; color: #454545; } .uxControl .siparisGoster .kapsa .onGosterim .siparisNo { width: 183px; } .uxControl .siparisGoster .kapsa .onGosterim .tarihi { width: 183px; } .uxControl .siparisGoster .kapsa .onGosterim .saati { width: 89px; } .uxControl .siparisGoster .kapsa .onGosterim .durumu { width: 180px; } .uxControl .siparisGoster .kapsa .onGosterim .durumu > div { width: 100%; float: left; position: relative; box-sizing: border-box; background-repeat: no-repeat; background-position: left center; font-size: 16px; line-height: 16px; padding: 4px 0 4px 33px; } .uxControl .siparisGoster .kapsa .onGosterim .durumu > .onayBekliyor { background-image: url(images/obekle.svg); color: #f8b83a; } .uxControl .siparisGoster .kapsa .onGosterim .durumu > .onaylandi {background-image: url(images/onay.svg);color: #9cc15c;} .uxControl .siparisGoster .kapsa .onGosterim .durumu > .tamamlandi { background-image: url(images/tamam.svg); color: #9cc15c; } .uxControl .siparisGoster .kapsa .onGosterim .durumu > .iptalEdildi { background-image: url(images/iptal.svg); color: #d35656; } .uxControl .siparisGoster .kapsa .onGosterim .durumu > .iade { background-image: url(images/iade.svg); color: #353535; } .uxControl .siparisGoster .kapsa .onGosterim .kargoDurum a.kargo { width: auto; float: left; box-sizing: border-box; margin-right: 12px; background-repeat: no-repeat; background-position: 10px center; font-size: 13px; line-height: 13px; color: #454545; border: dashed 1px #e0e0e0; border-radius: 4px; padding: 12px 0; background-image: url(images/kargotalp.svg); padding: 12px 20px 12px 44px; margin: 0; } .uxControl .siparisGoster .kapsa .onGosterim .kargoDurum span { width: auto; float: left; font-size: 13px; line-height: 13px; color: #454545; } .uxControl .siparisGoster .kapsa .onGosterim .odeme { text-align: right; width: 230px; } .uxControl .siparisGoster .kapsa .onGosterim .odeme .fiyati { width: 100%; float: left; position: relative; font-size: 22px; line-height: 22px; color: #252525; } .uxControl .siparisGoster .kapsa .onGosterim .odeme .fiyati span { font-size: 16px; } .uxControl .siparisGoster .kapsa .onGosterim .odeme .fiyati span:after { font-size: 14px; } .uxControl .siparisGoster .kapsa .onGosterim .odeme .turu { width: 100%; float: left; position: relative; font-size: 13px; line-height: 13px; font-weight: 300; color: #353535; } .uxControl .siparisGoster .kapsa .siparisDetayi {width: 100%;float: left;position: relative;box-sizing: border-box;padding: 10px 10px 25px 10px;margin-top: 0;display: none;border-bottom: dashed 1px #dcdcdc;margin-bottom: 25px;} .uxControl .siparisGoster .kapsa .siparisDetayi > ul {width: 100%;float: left;position: relative;box-sizing: border-box;border: dashed 1px #f9f9f9;border-radius: 6px;box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 19%);} .uxControl .siparisGoster .kapsa .siparisDetayi > ul > li {width: 100%;float: left;position: relative;box-sizing: border-box;padding: 20px 20px;display: flex;flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: space-between;border-bottom: dashed 1px #d8d8d8;} .uxControl .siparisGoster .kapsa .siparisDetayi > ul > li:last-child {margin-bottom: 0;border-bottom: none;} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK {width: 50%;float: left;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;padding: 20px 20px 20px 10px;box-sizing: border-box;} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .resmi {width: 121px;height: 130px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;border: dashed 1px #e0e0e0;box-sizing: border-box;border-radius: 5px;overflow: hidden;} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .resmi a, .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .resmi img {max-width: calc(100% - 30px);max-height: calc(100% - 30px);} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi { width: calc(100% - 132px); display: inline-table; vertical-align: middle; table-layout: fixed; position: relative; box-sizing: border-box; padding: 0 0 0 20px; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi h6 {width: 100%;float: left;position: relative;box-sizing: border-box;font-size: 14px;line-height: 18px;font-weight: 500;color: #292929;margin: 0 0 10px 0;} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .secenek { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 10px 0; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .secenek > div {width: auto;float: left;position: relative;box-sizing: border-box;font-size: 12px;line-height: 17px;color: #292929;margin: 0 15px 7px 0;} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .secenek > div:last-child { margin-right: 0; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .secenek > div strong { font-weight: 500; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .secenek > div strong:after { content: ": "; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .secenek > .adet {font-size: 14px;} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .fiyati {width: 100%;float: left;position: relative;box-sizing: border-box;font-size: 20px;line-height: 20px;color: #f65d43;letter-spacing: 2.1px;} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .fiyati span { font-size: 15px; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .solK .bilgisi .fiyati span:after { font-size: 13px; padding-left: 1px; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK {width: 50%;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;/* background: #fcfcfc; */color: #353535;padding: 20px 30px;border-radius: 6px;box-sizing: border-box;} .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK > div { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 13px 0; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK > div:last-child { margin-bottom: 0; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK > div strong { font-size: 13px; line-height: 13px; font-weight: 500; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK > div strong:after { content: ":"; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK > div span { font-size: 13px; line-height: 13px; font-weight: 500; color: #353535; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .teslim strong { width: 100%; float: left; margin: 0 0 4px 0; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .teslim span { width: 100%; float: left; font-size: 16px; line-height: 16px; font-weight: 500; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .durumu span { text-decoration: underline; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .islem { margin-top: 8px; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .islem a { width: calc(50% - 8px); float: left; box-sizing: border-box; margin-right: 12px; background-repeat: no-repeat; background-position: center 18px; font-size: 13px; line-height: 13px; color: #454545; border: dashed 1px #e0e0e0; border-radius: 4px; padding: 48px 0 22px 0; text-align: center; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .islem a:nth-child(2n) { margin-right: 0px; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .islem a.kargo { background-image: url(images/kargotalp.svg); padding-left: 44px; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .islem a.iade { background-image: url(images/iadetalp.svg); } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK .islem a.mesaj { background-image: url(images/msjgn.svg); } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK.onayBekliyor { color: #f8b83a; border: dashed 1px #5bc5f2; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK.onaylandi { color: #f65d43; border: dashed 1px #f65d43; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK.kargoda { border: dashed 1px #5bc5f2; color:#5bc5f2 } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK.tamamlandi { color: #f65d43; border: dashed 1px #f65d43; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK.iptalEdildi .iptal { width: 100%; float: left; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK.iptalEdildi .iptal strong { width: 100%; float: left; font-size: 15px; line-height: 15px; font-weight: 500; color: #d24d4e; margin: 0 0 12px 0; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK.iptalEdildi .iptal strong:after { display: none; } .uxControl .siparisGoster .kapsa .siparisDetayi ul li .sagK.iptalEdildi .iptal .yazisi { width: 100%; float: left; font-size: 12px; line-height: 14px; color: #353535; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar {width: 100%;float: left;position: relative;box-sizing: border-box;display: table;table-layout: fixed;padding: 20px 20px;border: dashed 1px #f9f9f9;border-radius: 6px;box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 19%);margin: 0px 0px 30px 0;} .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .baslik {width: 100%;float: left;position: relative;box-sizing: border-box;font-size: 20px;line-height: 20px;font-weight: 500;color: #f65d43;margin: 0 0 23px 0;} .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK { width: 50%; display: table-cell; vertical-align: top; padding: 20px 20px 20px 10px; box-sizing: border-box; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .kapsul { width: 100%; float: left; margin-bottom: 28px; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .kapsul > div { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 10px 0; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .kapsul > div:last-child { margin-bottom: 0px; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .kapsul > div strong {width: 100%;float: left;font-size: 14px;line-height: 14px;font-weight: 500;color: #464646;margin: 0 0 3px 0;} .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .kapsul > div .yazisi { width: 100%; float: left; font-size: 14px; line-height: 18px; color: #353535; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .kapsul .irtibat { margin-bottom: 32px; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .linkLer { width: 100%; float: left; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .linkLer a { width: auto; float: left; font-size: 13px; line-height: 13px; color: #454545; border-right: solid 1px #353535; text-decoration: underline; margin: 0 10px 0 0; padding: 0 10px 0 0; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .solK .linkLer a:last-child { margin-right: 0px; padding-right: 0px; border-right: none; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK {width: 50%;display: table-cell;vertical-align: top;background: #f5f5f5;padding: 20px 30px;border-radius: 6px;box-sizing: border-box;} .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .bilgi { width: 100%; float: left; position: relative; font-size: 14px; line-height: 18px; color: #353535; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .bilgi strong { font-weight: 500; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .bilgi strong:after { content: " :"; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .bilgi span { font-style: italic; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay { width: 100%; float: left; margin: 30px 0 0 0; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul { width: 100%; float: left; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul li { width: 100%; float: left; border-bottom: dashed 1px #e0e0e0; font-size: 14px; line-height: 14px; color: #353535; padding: 0 0 12px 0px; margin: 0 0 12px 0px; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul li:last-child { padding-bottom: 0; margin-bottom: 0px; border-bottom: none; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul li .sol {width: 160px;float: left;margin: 3.5px 0 0 0;letter-spacing: 0;} .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul li .sag { width: auto; float: right; font-size: 20px; line-height: 20px; letter-spacing: 1px; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul li .sag span {font-size: 15px;line-height: 15px;} .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul li .sag span:after { font-size: 13px; padding-left: 1px; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul li.genelToplam .sol { font-size: 16px; line-height: 16px; font-weight: 500; color: #f65d43; margin-top: 2px; } .uxControl .siparisGoster .kapsa .siparisDetayi .ayrintilar .sagK .fiyatDetay ul li.genelToplam .sag { color: #f65d43; } .uxControl .bildirimList.genelListe a.yorAc { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 15px; font-weight: 600; color: #454545; text-align: center; background: #fbfbfb; border: solid 1px #454545; border-radius: 14px; padding: 17px 20px; margin: 0 0 40px 0; } .uxControl .bildirimList.genelListe li { width: 100%; padding: 0; margin: 0 0 40px 0; } .uxControl .bildirimList.genelListe li:last-child { margin-bottom: 0; } .uxControl .bildirimList.genelListe li .solK { width: 50px; height: 50px; float: left; display: table; table-layout: fixed; box-sizing: border-box; border: dashed 1px #dddddd; text-align: center; border-radius: 5px; background-position: center; background-repeat: no-repeat; } .uxControl .bildirimList.genelListe li .solK span { width: 100%; float: none; display: table-cell; vertical-align: middle; box-sizing: border-box; font-size: 15px; line-height: 15px; color: #454545; } .uxControl .bildirimList.genelListe li .kapsa { width: calc(100% - 70px); float: right; position: relative; box-sizing: border-box; padding: 0 20px 20px 20px; border: dashed 1px #dddddd; border-radius: 5px; } .uxControl .bildirimList.genelListe li h6 { width: auto; font-size: 16px; line-height: 16px; font-weight: 500; color: #f65d43; margin: -8px 0 10px 0; padding: 0 20px; background: #fff; } .uxControl .bildirimList.genelListe li .yazi { width: 100%; float: left; position: relative; margin: 0 0 8px 0; font-size: 14px; line-height: 17px; color: #777777; } .uxControl .bildirimList.genelListe li .dty { width: 100%; float: left; position: relative; font-size: 11px; line-height: 11px; color: #353535; } .uxControl .bildirimList.genelListe li.kampanya .solK { background-image: url(images/yld.svg); /* border-color:#fab102 */ } .uxControl .bildirimList.genelListe li.kampanya h6 { color: #fab102; } .uxControl .bildirimList.genelListe li.onayBekliyor .solK { background-image: url(images/obekle.svg); } .uxControl .bildirimList.genelListe li.onayBekliyor h6 { color: #f65d43; } .uxControl .bildirimList.genelListe li.onaylandi .solK { background-image: url(images/onay.svg); } .uxControl .bildirimList.genelListe li.onaylandi h6 { color: #f65d43; } .uxControl .bildirimList.genelListe li.tamamlandi .solK { background-image: url(images/tamam.svg); } .uxControl .bildirimList.genelListe li.tamamlandi h6 { color: #f65d43; } .uxControl .bildirimList.genelListe li.iptalEdildi .solK { background-image: url(images/iptal.svg); } .uxControl .bildirimList.genelListe li.iptalEdildi h6 { color: #d35656; } .uxControl .bildirimList.genelListe li.iade .solK { background-image: url(images/iade.svg); } .uxControl .bildirimList.genelListe li.iade h6 { color: #353535; } .uxControl .bildirimList.genelListe li.okundu { opacity: 0.4; } .uxControl .bildirimList.genelListe li.okundu:hover { opacity: 1; } .uxControl .soruCevap.genelListe { margin-top: -20px; margin-bottom: 14px; } .uxControl .soruCevap.genelListe li { width: 100%; float: left; padding: 16px 8px 3px 43px; position: relative; cursor: pointer; margin-bottom: 10px; border-top: dashed 1px #e1e1e1; background: #fff; } .uxControl .soruCevap.genelListe li:first-child { border-top: 0px; } .uxControl .soruCevap.genelListe li:last-child { margin-bottom: 0px; } .uxControl .soruCevap.genelListe li:after { content: ""; width: 22px; height: 22px; left: 10px; top: 14px; position: absolute; background-repeat: no-repeat; background-position: center center; background-image: url(images/arti2-byz.svg); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; background-color: #f65d43; /* border-radius: 100%; */ } .uxControl .soruCevap.genelListe li.active:after { background-image: url(images/eksi-byz.svg); } .uxControl .soruCevap.genelListe li h6 { width: 100%; float: left; margin-bottom: 3px; margin-top: 1px; border: none; font-size: 15px; color: #545454; line-height: 16px; font-weight: 500; } .uxControl .soruCevap.genelListe li .yazi { width: 100%; float: left; display: none; transition: none; font-size: 13px; color: #6a6a6a; line-height: 17px; margin: 5px 0 0 0; } .kayitliCihaz { width: 100%; float: left; position: relative; box-sizing: border-box; } .kayitliCihaz .uBaslik { width: 100%; float: left; position: relative; margin: 0 0 31px 0; } .kayitliCihaz .uBaslik h3 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 24px; line-height: 24px; color: #f65d43; } .kayitliCihaz .solK { width: calc(50% - 35px); float: left; position: relative; } .kayitliCihaz .solK .secimi { width: 100%; float: left; position: relative; box-sizing: border-box; } .kayitliCihaz .solK .secimi .baslik { width: 100%; float: left; position: relative; /* display: table; */ /* table-layout: fixed; */ box-sizing: border-box; padding: 13px 20px; cursor: pointer; } .kayitliCihaz .solK .secimi .baslik:after { content: ""; width: 25px; height: 100%; position: absolute; right: 20px; top: 0; background: url(images/asag2.svg) no-repeat center center; } .kayitliCihaz .solK .secimi .baslik.active:after { transform: rotate(180deg); } .kayitliCihaz .solK .secimi .baslik .resmi { width: 80px; float: none; display: inline-table; vertical-align: middle; border: dashed 1px #f5f5f5; border-radius: 5px; box-sizing: border-box; padding: 4px; } .kayitliCihaz .solK .secimi .baslik .resmi img { width: 100%; float: left; } .kayitliCihaz .solK .secimi .baslik h6 { width: auto; display: inline-table; vertical-align: middle; max-width: calc(100% - 80px); padding-left: 20px; font-size: 23px; line-height: 23px; color: #353535; } .kayitliCihaz .solK .secimi .baslik.active { z-index: 101; } .kayitliCihaz .solK .secimi .baslik:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; bottom: -1px; z-index: 15; background: #fff; } .kayitliCihaz .solK .secimi .kapsa { width: 100%; top: 113px; border-radius: 0; border-top: solid 1px #ececec; padding: 20px 20px; box-sizing: border-box; position: absolute; left: 0px; background: #fff; padding: 17px 20px 24px 20px; z-index: 100; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.13); border-radius: 3px; display: none; } .kayitliCihaz .solK .secimi .kapsa .aramaYap { width: 100%; float: left; } .kayitliCihaz .solK .secimi .kapsa .aramaYap input[type="text"] { width: 100%; float: left; background-color: #fff; box-sizing: border-box; font-size: 13px; color: #3f3f3f; padding: 7px 13px; background-repeat: no-repeat; background-position: 93% center; border: solid 1px #e8e8e8; border-radius: 5px; } .kayitliCihaz .solK .secimi ul { max-height: 370px; padding: 3px 10px; margin: 27px 0 0 0; overflow: hidden; } .kayitliCihaz .solK .secimi ul li { border-right: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin: 0; } .kayitliCihaz .solK .secimi ul li.radio label { text-align: center; padding: 0; margin: 0; padding: 19px 10px !important; width: 100%; } .kayitliCihaz .solK .secimi ul li.radio label:before { display: none; } .kayitliCihaz .solK .secimi ul li.radio input[type="radio"]:checked + label:after { opacity: 1; } .kayitliCihaz .solK .secimi ul li.radio input[type="radio"] + label:after { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; left: -1px; top: -1px; box-sizing: border-box; border: solid 1px #36b4e5; border-radius: 0; background: 0; opacity: 0; } .kayitliCihaz .solK .secimi ul li .resmi { width: 100%; float: left; margin: 0 0 10px 0; position: relative; } .kayitliCihaz .solK .secimi ul li .resmi img { width: 100%; height: auto; float: left; } .kayitliCihaz .solK .secimi ul li i { width: 100%; float: left; font-size: 13px; line-height: 15px; color: #7b7b7b; font-style: normal; } .kayitliCihaz .solK .secimi ul.modelSec li i { min-height: 45px; } .kayitliCihaz .solK .secimi ul.markaSec li { width: 20% !important; border-bottom: solid 1px #e4e4e4; margin: 0 !important; } .kayitliCihaz .solK .secimi ul.markaSec li:nth-child(5n) { border-right-color: transparent; } .kayitliCihaz .solK .secimi ul li.markaSec { height: 56px; } .kayitliCihaz .solK .secimi ul li .resmi { position: relative; margin: 0 0 11px 0; height: 56px; } .kayitliCihaz .solK .secimi ul li .resmi img { max-width: calc(100% - 0px); max-height: calc(100% - 0px); width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .kayitliCihaz .solK .secimi ul.modelSec li { width: 33.33% !important; margin: 0 !important; } .kayitliCihaz .solK .secimi ul.modelSec li:nth-child(3n) { border-right-color: transparent; } .kayitliCihaz .sagK { width: calc(50% - 35px); float: right; position: relative; } .kayitliCihaz .sagK ul { width: 100%; float: left; position: relative; box-sizing: border-box; } .kayitliCihaz .sagK ul li { width: 100%; float: left; border: dashed 1px #dddddd; border-radius: 5px; padding: 0 0px 10px 0px; box-sizing: border-box; margin-bottom: 30px; } .kayitliCihaz .sagK ul li:last-child { margin-bottom: 0; } .kayitliCihaz .sagK ul li h4 { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #505050; background: #fff; margin: -7.5px 0 4px 20px; padding: 0 15px; } .kayitliCihaz .sagK ul li .kps { width: 100%; float: left; position: relative; box-sizing: border-box; display: table; table-layout: fixed; padding: 10px 20px; } .kayitliCihaz .sagK ul li .kps > div { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; position: relative; } .kayitliCihaz .sagK ul li .kps .resmi { width: 80px; border: dashed 1px #f5f5f5; border-radius: 5px; box-sizing: border-box; padding: 4px; } .kayitliCihaz .sagK ul li .kps .resmi img { width: 100%; float: left; position: relative; box-sizing: border-box; } .kayitliCihaz .sagK ul li .kps .cihazi { padding-left: 20px; } .kayitliCihaz .sagK ul li .kps .cihazi strong { width: 100%; float: left; font-size: 16px; line-height: 16px; font-weight: 400; color: #353535; } .kayitliCihaz .sagK ul li .kps .cihazi span { width: 100%; float: left; font-size: 15px; line-height: 20px; font-weight: 400; color: #353535; margin: 3px 0 0 0; } .kayitliCihaz .sagK ul li .kps .secenek { width: 165px; } .kayitliCihaz .sagK ul li .kps .secenek .islemi { width: auto; float: right; } .kayitliCihaz .sagK ul li .kps .secenek .islemi a { width: auto; float: left; position: relative; box-sizing: border-box; margin: 0 15px 0 0; font-size: 13px; line-height: 13px; color: #777777; border: dashed 1px #dddddd; border-radius: 5px; padding: 6px 10px 6px 26px; } .kayitliCihaz .sagK ul li .kps .secenek .islemi a:last-child { margin-right: 0; } .kayitliCihaz .sagK ul li .kps .secenek .islemi a:before { content: ""; width: 10px; height: 100%; position: absolute; left: 10px; top: 0px; background-repeat: no-repeat; background-position: center; } .kayitliCihaz .sagK ul li .kps .secenek .islemi a.duzenle:before { background-image: url(images/duzen.svg); } .kayitliCihaz .sagK ul li .kps .secenek .islemi a.sil:before { background-image: url(images/sil.svg); } .yeniAdres { width: 100%; float: left; position: relative; box-sizing: border-box; } .yeniAdres a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 15px; font-weight: 600; color: #f65d43; text-align: center; border-width: 1px; border-style: dashed; border-color: #f65d43; border-image: initial; border-radius: 14px; padding: 17px 20px; margin: 0px 0px 40px; } .yeniAdres a.active { border-color: #00b9bd; color: #00b9bd; } .uxControl .sGuncelle button { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; font-weight: 500; color: #fff; background: #f65d43; text-align: center; border-radius: 5px; padding: 16px 50px; }