@font-face {
  font-family: 'function_probook';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/function_probook.eot');
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),
       url('../fonts/function_probook.eot?#iefix') format('embedded-opentype'),
       url('../fonts/function_probook.woff2') format('woff2'),
       url('../fonts/function_probook.woff') format('woff'),
       url('../fonts/function_probook.ttf') format('truetype'),
       url('../fonts/function_probook.svg#SourceSansPro') format('svg');
}

@font-face {
  font-family: 'function_promedium';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/function_promedium.eot');
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),
       url('../fonts/function_promedium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/function_promedium.woff2') format('woff2'),
       url('../fonts/function_promedium.woff') format('woff'),
       url('../fonts/function_promedium.ttf') format('truetype'),
       url('../fonts/function_promedium.svg#SourceSansPro') format('svg');
}

body {font-family: "function_probook",sans-serif!important; font-weight: 400!important; font-size: 16px!important;}
*{margin:0;padding:0;border:0;background:0;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:auto}

@font-face{src:url("../fonts/roboto-regular-webfont.woff2") format("woff2"),url("../fonts/roboto-regular-webfont.woff") format("woff"),url("../fonts/roboto-regular-webfont.ttf") format("truetype");-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-display:swap}


.ats-form-baslik{margin-bottom:1.25rem;padding-bottom:1.25rem;font-size:1.25rem;font-weight:400;border-bottom:solid 1px #e1e1e1}
.ats-form-group{display:flex;flex-direction:column;margin-bottom:1.25rem}

.ats-form-group{position:relative;display:flex;flex-direction:column;margin-bottom:1.25rem}
.ats-form-group.yildiz::after{content:"*";position:absolute;font-size:1.375rem;color:#e90808;top:3px;right:7px}
.ats-form-groupicon{position:relative;display:flex;align-items:center;margin-bottom:1.25rem}
.ats-form-groupicon.metinalani{align-items:flex-start}
.ats-form-groupicon.metinalani .ats-form-icon{margin-top:13px}
.ats-form-groupicon .ats-textbox,.ats-form-groupicon .ats-form-label{padding-left:2.6rem}
.ats-form-groupicon.yildiz::after{content:"*";position:absolute;font-size:1.375rem;color:#e90808;top:3px;right:7px}

.ats-form-icon{position:absolute;margin-left:.4rem;font-size:1.95rem;color:#c3c3c3}
.ats-form-label{ font-size:1.265rem; position:absolute;top:calc(100% - 31px);padding-left:.9375rem;transition:all 200ms;opacity:.5}
.ats-form-label.metinalani{top:.9375rem}


.ats-textbox{width:100%;height:53px;padding:0 .9375rem;border:1px solid #bcbfc2;background-color:#fff;color:#9b9b9b;font-size:1.1rem;border-radius:4px;-moz-appearance:none;-webkit-appearance:none}
.ats-textbox.-creditCard{letter-spacing:5px;}
.ats-textbox.metinalani{height:auto;padding-top:.9375rem}
.ats-textbox.-error{border:1px solid #ff0000}
.ats-textbox.-success{border:1px solid #1bae11}
.ats-textbox:focus{border-color:#0e0e0e;outline:0}
.ats-textbox::placeholder{color:#9b9b9b}


.ats-select{position:relative;width:100%;background:#fff}
.ats-select .-errorMesage{padding-top:.3125rem;margin-top:0;background:#f7f7f7}
.ats-select::after{font-family: 'LineAwesome';content: '\f110';position:absolute;font-size:1.25rem}
.ats-select-control{ position:relative;z-index:1;width:100%;border:2px solid #bcbfc2;background:transparent;color:#9b9b9b;border-radius:4px;box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}
.ats-select-control:select:focus{outline:0}
.ats-select-control.-error{border:1px solid #e90808 !important}
.ats-select-control.-error{border:1px solid #ff0000}
.ats-select-control.-success{border:1px solid #1bae11 !important}
.ats-select-control:invalid{color:#9b9b9b;}

.ats-select.-medium{background-color:#fff}
.ats-select.-medium .ats-select-control{height:43px;padding:.625rem 1.875rem .625rem .625rem;border:1px solid #bcbfc2;font-size:1.265rem}
.ats-select.-medium .ats-select-control option{color:#0e0e0e;}
.ats-select.-medium .ats-select-control:invalid{color:#9b9b9b;}
.ats-select.-medium .ats-select-control:focus{border-color:#0e0e0e}
.ats-select.-medium::after{top:.9375rem;right:.9375rem}

.ats-textbox:focus+.ats-form-label,.ats-textbox:valid+.ats-form-label{font-size:.6875rem;transform:translate3d(0,-150%,0);opacity:1;background:#fff;margin-left:15px;padding:0px 5px}
.ats-textbox:valid ~ i{color:#1bae12}
.ats-textbox.metinalani:focus+.ats-form-label,.ats-textbox.metinalani:valid+.ats-form-label{transform:translate3d(0,-150%,0)}

.ats-form-message{display:flex; font-size:14px;color:#e90808;margin-bottom:.9375rem;margin-top:-15px}

.ats-checkbox{display:flex;color:#000;font-size:16px;user-select:none;position:relative}
.ats-checkbox.yildiz::after{content:"*";position:absolute;font-size:1rem;color:#e90808;top:-10px;right:0}
.ats-checkbox-input{display:none}
.ats-checkbox-input:checked ~ .ats-checkbox-label::before{display:block}
.ats-checkbox-input:checked ~ .ats-checkbox-label::after{display:block;border-color:#1bae11}
.ats-checkbox-label{padding-top:4px;position:relative;padding-left:1.875rem;cursor:pointer}
.ats-checkbox-label::after{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #bcbfc2;border-radius:4px}
.ats-checkbox-label::before{font-family: 'LineAwesome';content: '\f17b';position:absolute;z-index:1;top:2px;left:2px;display:none;width:10px;height:10px;color:#1bae11;font-weight: 900;font-size:.9775rem}

input[aria-invalid="true"] {border-color: red;}
textarea[aria-invalid="true"] { border-color: red;}
select[aria-invalid="true"] { border-color: red!important;}

.ats-checkbox-label-satinal{padding-top:4px;position:relative;padding-left:0.675rem;cursor:pointer}



.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:table;transition:opacity .3s ease;z-index:9}
.modal-wrapper{display:table-cell;vertical-align:middle}
.modal-container{background:#fff;width:800px;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,0.33);transition:all .3s ease;margin:0 auto;padding:0}
@media(max-width:991px){.modal-container{width:90%}}
.modal-header{padding:.9375rem;display:flex;justify-content:space-between}
.modal-body{overflow-y:auto;max-height:400px;-webkit-overflow-scrolling:touch;padding:.9375rem}
.modal-body::-webkit-scrollbar-track{background-color:#eee;border-radius:6px}.modal-body::-webkit-scrollbar{width:10px;background-color:#eee;border-radius:6px}
.modal-body::-webkit-scrollbar-thumb{background-color:#0e0e0e}
.modal-footer{padding:.9375rem}.modal-enter,.modal-leave{opacity:0}
.modal-enter .modal-container,.modal-leave .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}
.modal h3{font-size:22px;}
.modal button{cursor:pointer;}
.modal .modclose{margin: -1rem -1rem -1rem auto;float:left;}
.modal .modclose:before{font-family: 'LineAwesome';content: '\f342';font-size:2.1rem;color:#F20000;}

.modal .close{margin: -1rem -1rem -1rem auto;float:left;}
.modal .close:before{font-family: 'LineAwesome';content: '\f342';font-size:2.1rem;color:#F20000;}



.ats-radio{display:flex;color:#000;font-size:.875rem;user-select:none;position:relative}
.ats-radio.yildiz::after{content:"*";position:absolute;font-size:1.375rem;color:#e90808;top:-10px;right:0}
.ats-radio-input{display:none}
.ats-radio-input:checked ~ .ats-radio-label::before{display:block}
.ats-radio-input:checked ~ .ats-radio-label::after{border-color:#f18a01;display:block}
.ats-radio-label{position:relative;padding-top:4px;padding-left:1.7rem;font-size:16px;cursor:pointer}
.ats-radio-label::after{content:"";position:absolute;top:0px;left:0;width:22px;height:22px;border:1px solid #9d9d9d;border-radius:50%}
.ats-radio-label::before{content:"";position:absolute;z-index:1;top:6px;left:6px;display:none;width:10px;height:10px;background-color:#f18a01;border-radius:50%}


.ats-button{border-radius:30px;cursor:pointer}
.ats-button.-green{background-color:#1bae11;color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2)}
.ats-button.-green:hover{background-color:#1cb712}
.ats-button.-medium{font-size:.875rem;padding:.625rem .9375rem}
.ats-button.-medium::after{margin-left:.625rem}

/*# sipariş adımları bar*/
.ats-bar{position:relative;padding:0;margin:0;text-align:center;text-decoration:none}.ats-bar a{text-decoration:none}
.ats-bar:after,.ats-bar:before{transition:width .6s ease;animation:progress-bar-stripes 1s linear infinite;background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;background-color:#ccd5db;position:absolute;top:18px;z-index:0;width:50%;height:7px;content:""}
.ats-bar:before{left:0}.ats-bar:after{right:0}.ats-bar:first-child:before,.ats-bar:last-child:after{display:none!important}
.ats-bar-icon,.ats-bar-number{position:relative;z-index:1;display:inline-block;width:40px;height:40px;line-height:32px;color:#fff;text-align:center;background:#bac5cd;border:2px solid #bac5cd;border-radius:50%}.ats-bar-number{font-size:18px}.ats-bar-icon{font-size:18px}.ats-bar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-top:.3em;margin-bottom:0;font-size:16px;color:#526069}
.ats-bar.active:after,.ats-bar.active:before,.ats-bar.current:after,.ats-bar.current:before{background-color:#2eb85c!important;transition:width .6s ease;animation:progress-bar-stripes 1s linear infinite;background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}
@keyframes progress-bar-stripes{0%{background-position:1rem 0}100%{background-position:0 0}}.ats-bar.active .ats-bar-icon,.ats-bar.active .ats-bar-number,.ats-bar.current .ats-bar-icon,.ats-bar.current .ats-bar-number{background-color:#58b93e;border-color:#58b93e;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}.atlas-lg-bar .ats-bar:after,.atlas-lg-bar .ats-bar:before{top:20px}.atlas-lg-bar .ats-bar-title{font-size:16px}.atlas-lg-bar .ats-bar-icon,.atlas-lg-bar .ats-bar-number{width:40px;height:40px;line-height:36px}.atlas-lg-bar .ats-bar-icon{font-size:20px;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}.atlas-lg-bar .ats-bar-number{font-size:20px}.atlas-lg-bar .hover:hover{background-color:#fabd02!important;border-color:#fabd02!important}.atlas-lg-bar .ats-bar-icon{-webkit-transition:all .3s ease 0s}@media(max-width:768px){.atlas-lg-bar .ats-bar-title{font-size:13px}.atlas-lg-bar .ats-bar-icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.ats-bar.active .ats-bar-icon,.ats-bar.active .ats-bar-number,.ats-bar.current .ats-bar-icon,.ats-bar.current .ats-bar-number{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}









/*################## DİĞER KODLAMALAR #################*/

.bgsatinal{background:#fff;}
.bgats{background-color:#fff!important;
padding: 12px 0;
    border-bottom: 2px solid #edf1f2;

}


.order .note {
    background: #f2f2f2;
    background: -moz-linear-gradient(-45deg, #f2f2f2 0, #f2f2f2 5%, #ed2c7a 5%, #ed2c7a 10%, #f2f2f2 10%, #f2f2f2 15%, #28a745 15%, #28a745 20%, #f2f2f2 20%, #f2f2f2 25%, #ed2c7a 25%, #ed2c7a 30%, #f2f2f2 30%, #f2f2f2 35%, #28a745 35%, #28a745 40%, #f2f2f2 40%, #f2f2f2 45%, #ed2c7a 45%, #ed2c7a 50%, #f2f2f2 50%, #f2f2f2 55%, #28a745 55%, #28a745 60%, #f2f2f2 60%, #f2f2f2 65%, #ed2c7a 65%, #ed2c7a 70%, #f2f2f2 70%, #f2f2f2 75%, #28a745 75%, #28a745 80%, #f2f2f2 80%, #f2f2f2 85%, #ed2c7a 85%, #ed2c7a 90%, #f2f2f2 90%, #f2f2f2 95%, #28a745 95%, #28a745 100%);
    background: -webkit-linear-gradient(-45deg, #f2f2f2 0, #f2f2f2 5%, #ed2c7a 5%, #ed2c7a 10%, #f2f2f2 10%, #f2f2f2 15%, #28a745 15%, #28a745 20%, #f2f2f2 20%, #f2f2f2 25%, #ed2c7a 25%, #ed2c7a 30%, #f2f2f2 30%, #f2f2f2 35%, #28a745 35%, #28a745 40%, #f2f2f2 40%, #f2f2f2 45%, #ed2c7a 45%, #ed2c7a 50%, #f2f2f2 50%, #f2f2f2 55%, #28a745 55%, #28a745 60%, #f2f2f2 60%, #f2f2f2 65%, #ed2c7a 65%, #ed2c7a 70%, #f2f2f2 70%, #f2f2f2 75%, #28a745 75%, #28a745 80%, #f2f2f2 80%, #f2f2f2 85%, #ed2c7a 85%, #ed2c7a 90%, #f2f2f2 90%, #f2f2f2 95%, #28a745 95%, #28a745 100%);

    background: linear-gradient(135deg, #f2f2f2 0, #f2f2f2 5%, #db81a5 5%, #db81a5 10%, #f2f2f2 10%, #f2f2f2 15%, #0c61b8 15%, #0c61b8 20%, #f2f2f2 20%, #f2f2f2 25%, #db81a5 25%, #db81a5 30%, #f2f2f2 30%, #f2f2f2 35%, #0c61b8 35%, #0c61b8 40%, #f2f2f2 40%, #f2f2f2 45%, #db81a5 45%, #db81a5 50%, #f2f2f2 50%, #f2f2f2 55%, #0c61b8 55%, #0c61b8 60%, #f2f2f2 60%, #f2f2f2 65%, #db81a5 65%, #db81a5 70%, #f2f2f2 70%, #f2f2f2 75%, #0c61b8 75%, #0c61b8 80%, #f2f2f2 80%, #f2f2f2 85%, #db81a5 85%, #db81a5 90%, #f2f2f2 90%, #f2f2f2 95%, #0c61b8 95%, #0c61b8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=1);
    margin: 0 auto;
    padding: 10px;
width: 100%;
}

.order .note textarea {
    background-image: linear-gradient(#f2f2f2 2%, #fff 2%);
    background-size: 100% 30px;
    box-shadow: none;
    line-height: 2;
height: 100px!important;
}

.order .note input[type=text] {
    border: none;
    border-bottom: #f2f2f2 solid 1px;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    height: 34px!important
}

.order .nav-pills .nav-link {
    background-color: #fff;
    background-position: center 0;
    background-repeat: no-repeat;
    border: 1px solid #bfc1c6;
    color: #737882;
    height: 100px;
    padding-top: 70px;
    position: relative;
    text-align: center;
    width: 160px;
font-size:16px;
 padding-left: 0px;
 padding-right: 0px;

}
@media (max-width:600px){
.order .nav-pills .nav-link {width: 120px!important;}
}
.order .nav-pills .nav-link:after,
.order .nav-pills .nav-link:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    transition: all .3s ease-in-out
}

.order .nav-pills .nav-link.sender {
    background-image: url(../images/gonderici.png)
}

.order .nav-pills .nav-link.invoice {
    background-image: url(../images/fatura.png)
}

.order .nav-pills .nav-link.Kredi-Kart {
    background-image: url(../images/kredikart.png)
}

.order .nav-pills .nav-link.Havale {
    background-image: url(../images/havale.png)
}

.order .nav-pills .nav-link.Paytr {
    background-image: url(../images/paytr.png)
}

.order .nav-pills .nav-link.active,
.order .nav-pills .nav-link:hover {
    background-color: #e3e5eb;
    background-position: center -100px;
    border-color: #ed2c7a;
    color: #6c757d
}

.order .nav-pills .nav-link:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ed2c7a;
    left: calc(50% - 6px);
    bottom: -25px
}

.order .nav-pills .nav-link:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    left: calc(50% - 5px);
    bottom: -26px
}

.order .nav-pills .nav-link.active:before {
    bottom: -17px;
    opacity: 1
}

.order .nav-pills .nav-link.active:after {
    bottom: -18px;
    opacity: 1
}



.order .ccv2-goster {
    border: #e3e5eb solid 2px;
    border-radius: 100%;
    color: #e3e5eb;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 24px;
    line-height: 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    width: 24px
}

.order .ccv2-goster:hover {
    border-color: #6c757d;
    color: #6c757d
}

.order .ccv2-goster span {
    background-color: #fff;
    border: #e3e5eb solid 2px;
    border-radius: 1rem;
    display: block;
    padding: .25rem;
    position: absolute;
    left: 100%;
    bottom: 50%;
    transform: scale(0);
    transition: all .3s;
    z-index: 2
}

.order .ccv2-goster:hover span {
    transform: scale(1)
}

footer:after,
footer:before {
    content: '';
    height: 5px;
    width: 50%;
    position: absolute;
    bottom: 0
}

.my-cart .list-group-flush .list-group-item,
.order .list-group-flush .list-group-item {
    border: 1px solid rgba(0, 0, 0, .15);
    padding-left: .75rem;
    padding-right: .75rem
}

.my-cart .list-group-flush:last-child .list-group-item:last-child,
.order .list-group-flush:last-child .list-group-item:last-child {
    border: 1px solid rgba(0, 0, 0, .25)
}

.order .alert {
    font-size: 14px
}

.transaction-result .jumbotron {
    margin-top: 2rem
}

.transaction-result .jumbotron span {
    font-size: 96px;
    margin-bottom: 2rem
}
.jumbotron {
background:#fff!important;
}

.card-body{ padding-right: 13px; padding-left: 13px}
.h4 .border-bottom{border-color:#FF0000!important;} 








@media(max-width:575.98px){
.on-mobile{display:block!important}
.off-mobile{display:none!important}
}


.sepetbox{border: 2px solid #edf1f2; padding:1rem 1.2rem;background:#fff;border-radius:.2rem;font-size:14px;line-height:16px}
.sepetbox .font5{font-size:16px;color:#000}.sepetbox .font2{color:#4eae3d}.sepetbox .font2 span{color:#000}
.sepetbox .sepetbtn{font-size:15px;padding:2px 6px 2px 6px}.sepetbox .font3 span{font-size:18px}.sepetbox .font3 h3{font-size:28px;padding-top:5px;color:#f59000}.sepetbox .font4 span{color:#4eae3d;font-size:15px}
.sepbaslik{font-size:25px;font-weight:400!important;margin-bottom:5px;margin-top:-7px}


.sepbaslik i{font-size:35px;float:left;color:#51b549}
.font6 i{font-size:24px;color:#fff}

@media(min-width:0) and (max-width:1023px){.font6 i{font-size:18px;color:#fff}}.font7{font-size:14px}


@media(max-width:768px){
.sepetbox{font-size:14px; line-height:15px}
.sepetbox .font5{font-size:14px;}
.sepetbox .font4 span{font-size:14px}
.sepetbox .font3 h3{font-size:25px;}
.sepetbox .font3 span{font-size:19px}
}

.Kupon-Gosteri .list-group-item{background:#eaf4ff;border:1px solid #BADBFC!important}
.Kupon-Gosteri .close{background:#d50000;color:#fff;margin-top:12px}
.Kupon-Gosteri .text-success{color:#fc7700!important;font-size:1rem;}
.button4{background-color: #1bae11!important;}
.button4:hover{background-color: #b0239e!important;}

#agonderilecekyeraciklama::placeholder {padding-left: .6rem; color: #212529; font-size: .965rem; font-weight: 400; opacity: .5;}




.form-box-ats .card  {
 font-size: 13px;
}
.form-box-ats .card  .font11{
 font-size: 27px;
font-weight: 600;
}

.card-input-element5555:checked+.card:hover {
background-color: #F20000 ;
}

.form-box-ats .card .card-body:hover {
background-color: #F2F2F2 ;
}


.card-input-element:checked+.card::after {
font-family: 'LineAwesome';
content: '\f17b';
  color: #2D96FF;
 font-style: normal;
  font-weight: 900;
  font-size: 40px;
  -webkit-animation-name: fadeInCheckbox;
  animation-name: fadeInCheckbox;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position:absolute;
right:0px;
top:7px;
}



.card-input-element:checked+.card {
border:1px solid #2D96FF;
background-color: #F9F9F9;
-moz-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;
}




.form-box-ats .card {
border-radius:0;
}
.form-box-ats label {
    width: 100%;
}

.card-input-element {
    display: none;
}

.card-input {
    margin: 0px;
    padding: 0px;
}

.card-input:hover {
    cursor: pointer;
}

.form-box-ats .card .button-card{transition:all .5s linear;}


@-webkit-keyframes fadeInCheckbox {
  from {
    opacity: 0;
    -webkit-transform: rotateZ(-30deg);
  }
  to {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
  }
}

@keyframes fadeInCheckbox {
  from {
    opacity: 0;
    transform: rotateZ(-30deg);
  }
  to {
    opacity: 1;
    transform: rotateZ(0deg);
  }
}





.ribbon span, a.cardribbon .ribbon span { text-transform: uppercase; color: #fff; }

a.cardribbon .ribbon {
    position: absolute;
    right: 0;
    bottom:0;
    z-index: -0;
    overflow: hidden;
    width: 50px;
    height: 50px;
    text-align: right;
   cursor: pointer;
}

    a.cardribbon .ribbon span {
        font-size: 11px;
 font-weight: 600;
        text-align:center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 122px;
        display: block;
        position: absolute;
        bottom:6px;
        right: -45px
    }

a.cardribbon .ribbon .ribrenk3{ background: #64B1FF!important; }
a.cardribbon.opportunity .ribbon span:after, a.cardribbon.opportunity .ribbon span:before, a.cardribbon.reduced .ribbon span:after, a.cardribbon.reduced .ribbon span:before { display: none }

a.cardribbon .ribbon .ribrenk3{ background: #64B1FF!important; }

/* satinal.php tab */
#satinaltab .nav-link{color: #000!important; margin-right:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#satinaltab i{ font-size: 30px; color: #f89406!important;}
@media(max-width:768px){
#satinaltab li{ width: 100%;}
#satinaltab .nav-link{ margin-right:0px;}
}

 #myTabContent .btn{
color: #fff;
text-decoration: none;
 font-size: 16px!important;
 font-weight:500;
    }


.btn-siparis2,.btn-siparis2:hover{color:#fff}
.btn-siparis2{background-color:#51b549;border-color:#ed2c7a}
.btn-siparis2.focus,.btn-siparis2:focus{-webkit-box-shadow:0 0 0 .2rem rgba(237,44,122,.2);-moz-box-shadow:0 0 0 .2rem rgba(237,44,122,.2);box-shadow:0 0 0 .2rem rgba(237,44,122,.2)}


@media (min-width:993px) and (max-width:999999px){ 
.siparis2-border-right {border-right: 2px solid #dee2e6!important;}
}

.icon-left-arrow:before {
    content: "\E926";
}
.order-back-button{
    vertical-align: baseline;
    font-size: .85rem;
    margin-right: 5px;
}


.icon-right-arrow:before {
    content: "\E925";
}


.icon-profile:before {
    content: "\E626";
}

.ats-form-icon.active{color:#51b549}