:root { --app-master-color: #a7110c}
*::-webkit-scrollbar { width: 8px; background-color: #f2f2f2; }

*::-webkit-scrollbar-thumb { background-color: var( --app-master-color); }

@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons-Regular.eot); src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); }

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */ text-rendering: optimizeLegibility; /* Support for Safari and Chrome. */ -moz-osx-font-smoothing: grayscale; /* Support for Firefox. */ font-feature-settings: 'liga'; /* Support for IE. */ }

/*-----------------
	2. Framework7 Icons Font
-----------------------*/
.loaderajaxform { display: none }
@font-face { font-family: 'Framework7 Icons'; font-style: normal; font-weight: 400; src: url("../fonts/Framework7Icons-Regular.eot"); src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"), url("../fonts/Framework7Icons-Regular.woff") format("woff"), url("../fonts/Framework7Icons-Regular.ttf") format("truetype"); }

.account-form { max-width: 435px; margin: auto auto }

.f7-icons { font-family: 'Framework7 Icons'; font-weight: normal; font-style: normal; font-size: 25px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; font-feature-settings: "liga"; text-align: center; }

.mnytab2 input { height: 28px !important; }

.mnytab2 i { bottom: 33% !important; font-size: 15px; }

.bx-shdw { box-shadow: 0px 0px 1px black; }

.inset2 .item-input-wrap input::placeholder { color: black; }

.inset2 .item-input-wrap input:focus { border-bottom: none !important; }

.inset2 .item-input-focused { border: 2px solid #d84545; }

.paymentloader { display: none; position: fixed; left: 0px; right: 0; bottom: 0; top: 0; background-image: url(/images/loader_buy.gif); background-position: center center; z-index: 10009; background-repeat: no-repeat; background-color: #fff; background-color: rgba(255, 255, 255, 0.72); }

.teslimat2 .icon-radio:after { background: #eaeaea !important; border-radius: 50%; color: #2147e2 !important; }

.teslimat2 .icon-radio:after { opacity: 1 }

.fatura2 .icon-radio:after { background: #eaeaea !important; border-radius: 50%; color: #2147e2 !important; }

.fatura2 .icon-radio:after { opacity: 1 }

.myRadiobtn .icon-radio { border: 1px solid #e5e5e5; }

.myRadiobtn .icon-radio:after { background: var( --app-master-color); border-radius: 50%; color: white; }

.myRadiobtn .accordion-item { box-shadow: 0px 0px 1px black; }

.odemehata { display: none; padding: 15px 15px; }


.kredikartiozelindirimemty { line-height: 25px; padding: 1px 0px 10px 0; }

.sipHaveleTutar { color: #445566; font-size: 16px; padding-left: 8px; }

.cart-style { width: 100%; font-size: 12px; text-align: left; border-collapse: collapse; margin-bottom: 5px; border: 1px solid #eee; }

.cart-style tr.titlecart { text-align: left; }

.cart-style th.selected { width: 30px; }

.cart-style th.credit { text-align: left; }

.cart-style th.installment { text-align: right; }

.cart-style td.installment { text-align: right; }

.cart-style th.totalprice { text-align: right; }

.cart-style td.totalprice { text-align: right; }

.cart-style th { font-size: 14px; font-weight: 400; color: #666; padding: 12px 15px; border: 0; line-height: 27px; }

.cart-style tr.selected { background-color: #eee; }


.cart-style tr.selected td { VERTICAL-ALIGN: middle; border-top: 1px solid #ccc; padding: 8px 15px; }

.cart-style tr.selected td { color: #1e62ad; font-weight: bold; }

.cart-style td { color: #505152; padding: 8px 15px; border: 0; border-top: 1px solid #ccc; }

.secure3dlist2 input[type=radio]:checked ~ .check { border: 5px solid #4ba0bb; }

.secure3dlist2 .check { display: block; position: relative; border: 5px solid #AAAAAA; border-radius: 100%; height: 25px; width: 25px; /* top: 8px; */ /* left: 16px; */ z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }

.secure3dlist2 input[type=radio]:checked ~ .check::before { background: #39c7f4; }

.secure3dlist2 .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 11px; width: 11px; top: 2px; left: 2px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }


.secure3dlist2 input[type=radio] { position: absolute; visibility: hidden; top: 0; }

.secure3dlist2 { position: relative; }


.btn_cart_panel { display: none; }

.mRight5 { margin-right: 5px; }

#sonuc { background-color: #e8c7dd; }

.cardNoBank { border: 2px green solid !important; border-radius: 4px !important; text-align: center; color: #333; font-size: 14px; height: 40px; }

#erdisplaynone { display: none; position: absolute; right: 15px; }

.color-yesiln { color: #7b780c }

.sale-option-item .sale-item-radio { position: absolute; top: 0; z-index: 1; opacity: 0; }

.sale-option-item.checked .option-price-label { border: 2px solid #9e3838; box-shadow: 1px 1px 8px #767676; }

.sale-option-name { width: 100%; height: 20px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; color: #000; text-align: left; line-height: 1.2em; max-width: 100%; font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-weight: 600; }

.sale-option-price { color: #8f8c30; font-weight: 500; font-size: 16px; }

.option-price-label { width: auto !important; height: 58px !important; display: block; border: 2px solid #afb39d; box-shadow: 1px 1px 8px #767676; padding: 4px; background-color: #FFF; cursor: pointer; -webkit-transition: all,.5s,ease-in; -moz-transition: all,.5s,ease-in; -o-transition: all,.5s,ease-in; transition: all,.5s,ease-in; min-width: 151px; padding: 5px 10px; position: relative; z-index: 2; }

.varyantVarBtn { position: absolute; right: 15px; bottom: 12px; background: #676767; padding: 5px; border-radius: 5px; color: white; }

.divSecenkGrup { width: 100%; min-height: 55px; border: 1px dotted #DFDFDF; padding: 0 0 4px; position: relative; margin: 0 0 10px; }

#pnlUrunSecenekleri2 dl { overflow: hidden; display: block; margin: 0; }

#pnlUrunSecenekleri2 dt { float: none; padding: 3px 10px 0; color: #999; line-height: 13px; word-wrap: break-word; line-height: 37px; vertical-align: middle; /*background-color: #f5f5f5;*/ display: block; font-weight: 700; }

.productattr-checkbox li { float: left; position: relative; padding: 0 5px; margin: 0 -2px 7px 0; }

.DivSecenek { margin: 0; line-height: 38px; border: 2px solid #24242424; background-color: #dcdcdc; overflow: hidden; position: relative; height: 40px; padding: 0 14px !important; display: block; float: none; min-width: 71px; text-align: center; }

.DivSecenek.checked { background-color: var( --app-master-color); color: white; }

.DivSecenek label { font-weight: 700; padding: 0 5px !important; cursor: pointer !important; color: #231f20; float: none !important; width: auto !important; line-height: 38px !important; margin: 0; text-align: center; }

.DivSecenek.checked label { background-color: var( --app-master-color); color: white; }

.DivSecenek input[type=radio] { background-color: var( --app-master-color); color: white; position: absolute; z-index: 0; visibility: hidden; }

.secenek-error { margin-top: 4px; margin-bottom: 10px; background: #e86a6f; border: 1px solid #e86a6f; display: none; text-align: left; position: relative; padding: 8px 0 8px 5px; color: #7B3C17; }

.secenek-title { font-weight: 400 !important; padding: 0; float: left; padding-top: 6px; font-size: 16px; color: #3c3c3c !important; text-shadow: 0 1px 0 #fff; cursor: pointer; border-bottom: 1px solid #E8E8E8; font-weight: bold !important; }

#pnlUrunSecenekleri2 dd { padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 11px 0 0 2px; }

.productattr-checkbox { margin: 0; padding: 0; margin-left: -6px; }

.kmpanyaliFiyattab { display: inline-block; padding-block: 3px; background: red; color: white; /* border-top-left-radius: 20px; */ /* border-bottom-right-radius: 20px; */ font-size: 13px; font-weight: 500; padding: 2px 5px; margin-right: 5px; }

.ipercentspecial { display: inline-block; padding-block: 3px; background: #16982b; color: white; /* border-top-left-radius: 20px; */ /* border-bottom-right-radius: 20px; */ font-size: 13px; font-weight: 500; padding: 2px 5px; }

.kmpanyaliFiyattab2 { padding: 7px; background: red; color: white; border-top-left-radius: 20px; border-bottom-right-radius: 20px; font-size: 13px; font-weight: 500; position: absolute; top: 0; right: 0; z-index: 99999; margin: 3px; }

.kmpanyaliFiyattab3 { padding-inline: 10px; padding-block: 5px; background: red; color: white; font-size: 14px; font-weight: 500; position: absolute; bottom: 0; right: 0; z-index: 99999; margin: 3px; border-radius: 8px; }

.searchmarkalar:focus { border-bottom: none !important; }

#cccarttype { width: 85px; height: 45px; text-indent: -9000px; position: absolute; top: 0; right: 0; }

.mastercard { background-image: url(/images/siparis/ccarticon.png); background-repeat: no-repeat; background-position: 0 -570px; text-indent: -1000px; }

.amex { background-image: url(/images/siparis/ccarticon.png); background-repeat: no-repeat; background-position: 0 -667px; text-indent: -1000px; }

.visa { background-image: url(/images/siparis/ccarticon.png); background-repeat: no-repeat; background-position: 0 -618px; text-indent: -1000px; }

.cccartname { width: 89px; height: 42px; display: inline; position: absolute; RIGHT: 88px; background-repeat: no-repeat; TOP: 0; }

.cccartname.Axess { background-position: 1px -237px; /*background-size:*/ background-image: url(/images/siparis/ccarticon.png); background-repeat: no-repeat; }

.cccartname.Maximum { background-image: url(/images/siparis/ccarticon.png); background-position: 0px -332px; }

.cccartname.Bonus { background-image: url(/images/siparis/ccarticon.png); background-position: 3px -188px; }

.cccartname.World { background-image: url(/images/siparis/ccarticon.png); background-position: 3px -142px; }

.cccartname.Cardfinans { background-image: url(/images/siparis/ccarticon.png); background-position: 3px -285px; /*background-size:*/ }

.cccartname.CardFinans { background-image: url(/images/siparis/ccarticon.png); background-position: 3px -285px; /*background-size:*/ }

.cccartname.Paraf { background-image: url(/images/siparis/ccarticon.png); background-position: 3px -379px; /*background-size:*/ }

.cccartname.Advantage { background-image: url(/images/siparis/ccarticon.png); background-position: 3px -47px; /*background-size:*/ }

.box-taksitsecenek { box-shadow: -5px 4px 10px #eee; margin-top: -29px; }

.installment_title { font-weight: 400; font-size: 15px; margin: 5px 0 0px; color: #27bbd9; border-bottom: 1px solid #ccc; padding: 15px 0; }

.installmentmsg { margin-top: 1px; margin-bottom: 10px; }

.installmentHeader-logo { position: relative; top: 0; right: 0; display: inline-block; width: 530px; height: 50px; background-size: contain; width: 100%; }

.iyzigoode { display: flex; align-content: center; padding: 15px; }

.my-card-ico { color: white; position: relative; }

.my-card-ico i { font-size: 22px; }

.my-card-ico span { font-size: 14px; position: absolute; top: 18px; left: -30px; background: red; padding: 3px; border-radius: 0; display: flex; justify-content: center; min-width: 24px; line-height: 1.2em; height: auto; }

.nohvr:hover { color: var( --app-master-color) !important; background: #f1f1f1 !important; font-weight: 700 }

.product-sip-detay { width: 100% !important; }

.product-sip-detay .item-subtitle { padding-top: 5px; }

.product-sip-detay .price-tab { font-weight: 600; font-size: 15px; }

.border-4-grey { border-left: 1px solid #adadad; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; }

.loadd-3wrapper { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 498; background-color: rgb(255 255 255 / 49%); display: flex; align-content: center; justify-content: center; align-items: center; }

.load-2 { position: absolute; top: 50%; left: 50%; z-index: 499; margin-top: -15px; }

.searchccustomer:focus { border-bottom: none !important }

.loader22 { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db; width: 30px; height: 30px; -webkit-animation: spin22 1s linear infinite; /* Safari */ animation: spin22 1s linear infinite; }

@-webkit-keyframes spin22 {
 0% { -webkit-transform: rotate(0deg); }

 100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin22 {
 0% { transform: rotate(0deg); }

 100% { transform: rotate(360deg); }
}

.frm-err { border: 1px solid #f50909 !important; border-radius: 5px; }

.frm-scss { border: 2px solid #1dee2e !important; }

.ln-h23 { line-height: 23px !important; }

.button.tooltip-init { display: inline-block; text-transform: lowercase; margin-top: -7px; margin-left: 5px; }

.odeme-type .type-select { font-size: 15px; padding: 8px; margin: 0; color: #27bbd9; }

.odeme-type .type-select i { font-size: 11px; }

.odeme-type .icon-radio { border: 1px solid #e5e5e5; }

.odeme-type .icon-radio:after { background: #3fa92c; border-radius: 50%; color: white !important }

.odeme-type .item-inner span { font-weight: 600; }

.type-select2 { font-size: 15px; padding: 8px; margin: 0; color: #27bbd9; }

.type-select2 i { font-size: 11px; }

.fltr-lbl { font-size: 19px; font-weight: 700; letter-spacing: 1px; margin: 0; }

.cardNoBank { padding-inline: 5px !important }

.nt-3 { font-size: 20px; font-weight: 800 }

.color-blc { color: black !important }

.flter-tab-1 { position: absolute; top: 0; right: 3px; height: 100%; width: 23%; display: flex; justify-content: space-around; align-items: center; z-index: 32; }

.flter-tab-1 .fas-i { font-size: 22px; padding: 6px; }

.flter-tab-1 .fas-1 { font-size: 22px; color: var( --app-master-color); background: #e9e9e9; padding: 6px; border-radius: 7px; }

.lttr-space-1 { letter-spacing: 1px; }

.p-space-1 { line-height: 20px; font-size: 16px; letter-spacing: 1px; }

.height-auto { height: auto !important }

.demo-swiper .swiper-slide { font-size: 25px; font-weight: 300; display: flex; justify-content: center; align-items: center; background: #fff; color: #000; }

.demo-swiper .swiper-slide { box-sizing: border-box; border: 1px solid #ddd; background: #fff; }

.demo-swiper { margin: 0px 0 35px; font-size: 18px; height: 120px; }

.stok-pro:not(:last-child) { border-bottom: 1px solid #e5e5e5; }

.stok-pro .col-15 i { font-size: 22px; }

.stok-pro i { color: black; }

.stok-pro .pro-code i { font-size: 14px; padding-right: 5px; padding-left: 0 }

.stok-pro .pro-code { color: #8f8c30; font-weight: 500; font-size: 14px; }

.stok-pro .pro-price { color: #8f8c30; font-weight: 500; font-size: 17px; }

.stok-pro .pf-16 { padding-bottom: 5px; font-size: 15px; font-weight: 500; color: #000000; }

.prosearch:focus { border-bottom: none !important; }


.adet-pro { position: relative; width: 20%; margin-right: 15px; }

.adet-baslik { left: 10px; position: absolute; background: white; top: -10px; padding-inline: 5px; font-size: 14px; color: #3152cd; font-weight: 500; }

.adet-inpt { border: 1px solid #afafaf; border-radius: 7px; }

.adet-inpt input { text-align: center }

.adet-inpt .input-focused { border-bottom: none !important; }

.bg-redd { background-color: #cf322a !important }

.nowrap { white-space: nowrap !important }

.siparis-tbl td { padding-block: 10px; }

.my-font-16 { font-size: 16px !important }

.my-font-11 { font-size: 11px !important }

.my-check-l { margin-right: 2%; }

.my-check-l i { font-size: 35px; }

.my-detail-s li input[type=text]:focus { border-bottom: none; }

.my-detail-s li .item-input-wrap { padding-block: 10px; padding-left: 6%; }


.ios .subnavbar .searchbarcard { background-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }

.searchbarcard { --f7-link-highlight-color: var(--f7-link-highlight-black); width: 100%; position: relative; z-index: 200; height: var(--f7-searchbar-height); background-image: var(--f7-searchbar-bg-image,var(--f7-bars-bg-image)); background-color: var(--f7-searchbar-bg-color,var(--f7-bars-bg-color)); }

.searchbarcard .searchbar-input-wrap { flex-shrink: 1; width: 100%; height: var(--f7-searchbar-input-height); position: relative; }

.ios .searchbarcard .input-clear-button { z-index: 40; right: 7px; }

.searchbarcard .input-clear-button { color: var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color)); }

.ios .searchbarcard input[type=search], .ios .searchbar input[type=text] { z-index: 30; }

.searchbarcard input[type=search], .searchbarcard input[type=text] { box-sizing: border-box; width: 100%; height: 100%; display: block; border: var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; font-weight: 400; color: var(--f7-searchbar-input-text-color); font-size: var(--f7-searchbar-input-font-size); background-color: var(--f7-searchbar-input-bg-color); border-radius: var(--f7-searchbar-input-border-radius); position: relative; padding: 0; padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px)); padding-right: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px)); }

.demo-list-icon { background: #ebebeb; display: block; position: relative; }


.ios .demo-list-icon { width: 29px; height: 29px; border-radius: 6px; box-sizing: border-box; }


.money-tab i { position: absolute; left: 3%; bottom: 39%; }

.moneyLabel span { font-size: 16px; font-weight: 600; color: #cb1c1c; }

.add-btn-1 i { margin-right: 5px; font-size: 15px; }

.card-bar-1 { border-top: 2px solid #e3e3e3; }

.bg-green-1 { background: #f5f5f5 !important; }

.card-bar-1 i { font-size: 17px; }

.card-bar-1 .right i { margin-inline: 10px }

.card-bar-1 i span { margin: 5px; font-size: 14px; }

.color-yellw { color: #ffcc00 !important; }

.fontW600 { font-weight: 600; }

.color-blu { color: #007aff !important; }

.color-gren { color: #319d43 !important; }

.color-redd { color: #d31414 !important; }

.color-gri { color: #4e4e4e !important }

.xx-pop-on .popover-angle { display: none; }

.xx-pop-on .pop-entry-1 { border-radius: 4px; }

.f-weight-700 { font-weight: 700 !important; }

.fs-12-label .item-floating-label { font-size: 12px !important }

.fs-12-label .item-media i { font-size: 19px; background-color: #8d8d8d; color: #fff; padding: 6px; border-radius: 3px; min-width: 35px; height: auto; display: flex; justify-content: center; }

.appear-auto { appearance: auto !important; }

.qrpopupclose { position: absolute; top: 0; right: 0; color: white; /* padding: 5px; */ background: red; border-radius: 3px; width: 20px; height: 22px; display: flex; justify-content: center; align-items: center; }

#html5-qrcode-anchor-scan-type-change { color: black; margin-top: 5px; }

#html5-qrcode-button-camera-start { width: 50%; border: none; padding: 3px; background: #3b66ec; color: white; box-shadow: 0px 2px 3px black; }

#html5-qrcode-button-camera-stop { width: 50%; border: none; padding: 3px; background: #f32f2f; color: white; box-shadow: 0px 2px 3px #261616; }

.dis-nn { display: none; }

.dis-nnimport { display: none !important; }

.dis-bl { display: block; }

.avatar-fff .avatar { background-color: #ffffff; }

.newt_area { background: #fff; border: 2px solid #e7e7e7; border-radius: 5px; color: #4e4e4e !important; display: block; font-size: 14px !important; font-weight: 500; overflow: hidden; padding: 7px 15px 0px !important; width: 100%; }

.newt_area::placeholder { color: #7c7c7c; }

.my-form-1 input { color: #4e4e4e !important; font-weight: 500 !important; }

.n-tble-1 td { padding: 12px 8px !important; }

.n-tble-1 p { padding-inline: 8px !important; }

.nw-pop-1 .list .list-button:after { background-color: #e7e7e7 !important; }

.bf-new:before { right: 6px !important; }

.before-none:before { display: none !important; }

.filtr-tum { color: black; border: 2px solid #19ade3; padding: 5px 10px; /* box-shadow: inset 0px 0px 4px #0035ff; */ border-radius: 7px; font-size: 14px; font-weight: 600; }

@media (max-width: 767px) {
 .item-c-1 { width: 92% !important; }
}

.item-c-1 { margin-top: -21px; width: 98%; }

.pop-new-1 { position: initial !important; }

.pop-new-1 .action-icon { padding-top: 5px !important; color: #ff9500 !important }

.filtr-menuler { display: flex; justify-content: space-between; padding: 12px 15px 0px 15px; align-items: center; }

.pop-entry-1 {justify-content: flex-start;display: flex;align-items: center;align-content: center;padding-inline: 10px;background: #4c4c4c;}

.pop-p-1 { padding: 6px; color: #ffffff; font-size: 17px; margin: 6px; }

html, body { height: 100%; }

* { box-sizing: border-box; }

a:focus { outline: 0px solid; }

img { max-width: 100%; height: auto; }

.iyzigoode img { max-width: 300px; width: 100% }

.installmentHeader-logo img { max-width: 600px; width: 100% }

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; }

a { text-decoration: none; color: #777 }

a:hover { color: var( --app-master-color); text-decoration: none; }

a:active, a:hover { outline: 0 none; }

p { margin: 0 0 1em; }

ul { list-style: none; margin: 0; padding: 0; }

.clear { clear: both; }

.text-center { text-align: center; }

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus { border-bottom: 1px solid var( --app-master-color); }

.custom-form input[disabled], .custom-form input[readonly] { background-color: #eee; }

.text-success { color: #55ce63 !important; }

.text-danger { color: #f62d51 !important; }

.text-primary { color: #ff9b44 !important; }

.text-warning { color: #ffbc34 !important; }

.text-info { color: #009efb !important; }

.rounded { border-radius: 50%; }

.card-box { background-color: #fff; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-bottom: 15px; overflow: hidden; padding: 15px; }

.text-muted { color: #777 !important; }

.m-b-15 { margin-bottom: 15px !important; }

.m-b-0 { margin-bottom: 0 !important; }

.m-b-5 { margin-bottom: 5px !important; }

.m-t-0 { margin-top: 0 !important; }

.m-t-5 { margin-top: 5px !important; }

.m-t-10 { margin-top: 10px !important; }

.ios .list input[type="date"],
.ios .list input[type="datetime-local"],
.ios .list input[type="email"],
.ios .list input[type="number"],
.ios .list input[type="password"],
.ios .list input[type="search"],
.ios .list input[type="tel"],
.ios .list input[type="text"],
.ios .list input[type="time"],
.ios .list input[type="url"],
.ios .list select { color: #333; font-size: 14px; height: 40px; }

.ios .list input[type="file"] { box-sizing: border-box; padding: 10px; width: 100%; }

.ios .list ul:before { background-color: #e7e7e7; }

.ios .list ul:after { background-color: #e7e7e7; }

.ios .list .item-inner:after { background-color: #e7e7e7; }

.ios .block-strong:before { background-color: #e7e7e7; }

.ios .block-strong:after { background-color: #e7e7e7; }

.ios .links-list a:after { background-color: #e7e7e7; }

.ios .subnavbar:after { background-color: #e7e7e7; }

.ios .swipeout-actions-left > a.color-red,
.ios .swipeout-actions-left > button.color-red,
.ios .swipeout-actions-left > div.color-red,
.ios .swipeout-actions-left > span.color-red,
.ios .swipeout-actions-right > a.color-red,
.ios .swipeout-actions-right > button.color-red,
.ios .swipeout-actions-right > div.color-red,
.ios .swipeout-actions-right > span.color-red { background-color: #ff5858; }

.ios .button.active-state { background: var( --app-master-color); }

/*-----------------
	4. Left Panel
-----------------------*/

.panel-left {background-color: #4c4b4b;overflow-y: auto;overflow-x: hidden;}

.panel-left .block { margin: 0; padding: 0; }

.side-menu ul li { color: #fff; font-size: 14px; position: relative; }

.side-menu ul li a { color: #fff; font-size: 14px; position: relative; justify-content: space-between; min-height: 44px; padding-left: 15px; text-align: center; align-items: center; box-sizing: border-box; display: flex; flex-shrink: 0; flex-wrap: nowrap; }

.side-menu ul li:not(:last-child) a { border-bottom: 1px solid #ffffff24; }

.side-menu ul li a:hover { background: #555; }

.side-menu ul { font-size: 14px; list-style-type: none; margin: 0; padding: 0; position: relative; }

.side-menu li a { color: #888; display: block; font-size: 14px; height: auto; line-height: 40px; min-height: 40px; padding: 0 15px; }

.side-menu li a > .badge { margin-top: 10px; color: #fff; font-weight: 700; }

.side-menu li a i { font-size: 16px; margin-left: 10px; margin-right: 10px; }

.side-menu li.active a { color: #00bf6f; background-color: #f3f3f3; }

.side-menu ul ul a.active { color: #00bf6f; text-decoration: underline; }

.side-menu ul ul a { padding: 0 0 0 40px; }

.side-menu ul ul ul a { padding-left: 60px; }

.side-menu ul ul ul ul a { padding-left: 100px; }

.side-menu > ul > li { position: relative; }

.side-menu .menu-arrow { -webkit-transition: -webkit-transform 0.15s; -o-transition: -o-transform 0.15s; transition: transform .15s; display: inline-block; font-family: "Font Awesome 5 Free"; text-rendering: auto; line-height: 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); bottom: 0; color: #fff; font-size: 12px; position: absolute; right: 0; text-align: center; top: 1px; width: 36px; padding: 0; font-weight: 900; }

.side-menu .menu-arrow:before { content: "\f054"; }

.side-menu li a.subdrop .menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.searchbar-inner { background: #fff; }

.ios .searchbar:after { background-color: #e7e7e7; }

/*-----------------
	5. Header
-----------------------*/

.navbar:after { opacity: 0; }

.navbar-inner {background: #000000;}

.navbar a { color: #fff; }

.navbar { height: 60px; }

.ios .navbar { height: 60px; }

.navbar img {margin-top: 4px;max-width: 66px;}

.ios .navbar a.link { height: 60px; line-height: 60px; }

.back.link i { font-size: 20px; }

.page { background: #fafafa; }

.ios .page { background: #fafafa; }

.popover { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 4px !important; width: 200px; }

.calendar-popover { width: 320px; }

.ios .popover .list:first-child:last-child li:first-child:last-child,
.ios .popover .list:first-child:last-child li:first-child:last-child a,
.ios .popover .list:first-child:last-child li:first-child:last-child > label,
.ios .popover .list:first-child:last-child ul { border-radius: 4px; }

.ios .popover .list:first-child li:first-child,
.ios .popover .list:first-child li:first-child a,
.ios .popover .list:first-child li:first-child > label { border-radius: 4px 4px 0 0; }

.ios .popover .list:last-child li:last-child,
.ios .popover .list:last-child li:last-child a,
.ios .popover .list:last-child li:last-child > label { border-radius: 0 0 4px 4px; }

.popover .list .list-button:after { background-color: #ededed; }

.popover .list .list-button { color: #333; font-size: 14px; line-height: 40px; }

.ios .navbar ~ .page-content,
.ios .navbar ~ *:not(.no-navbar) .page-content { padding-top: 60px; }

.ios .navbar .title { color: #fff; }

/*-----------------
	6. Dashboard
-----------------------*/

.app-start { height: 100%; }

.dash-widget { background: #fff; border: 1px solid #e7e7e7; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 4px; margin-bottom: 12px; overflow: hidden; padding: 10px; text-align: center; }

.dash-widget-icon i { background-color: var( --app-master-color); border: 1px solid var( --app-master-color); border-radius: 50%; color: #fff; font-size: 19px; height: 40px; line-height: 39px; text-align: center; width: 40px; }

.dash-widget-info { margin-top: 13px; }

.dash-widget-info h4 { color: #333 !important; font-size: 18px; margin: 0; }

.dash-widget-info p { color: #333; font-size: 16px; margin: 0; }

.chart-box { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px; overflow: hidden; padding: 15px; position: relative; text-align: center; }

/*-----------------
	7. Login / Register
-----------------------*/

.account-page { display: table; width: 100%; height: 100%; }

.account-inner { display: table-row; height: 100%; }

.account-center { display: table-cell; vertical-align: middle; }

.account-content { padding: 15px; }

.account-logo { text-align: center; margin-bottom: 20px; }

.account-logo > img { max-height: 100px; }

.account-title { margin-bottom: 20px; }

.account-title > h3 { font-size: 18px; font-weight: bold; margin: 0; text-align: center; text-transform: uppercase; }

.account-title > p { margin: 15px 0 0; }

.input-list { margin-bottom: 20px; overflow: hidden; }

.account-content .input-list > input { background: #fff; border: 2px solid #e7e7e7; border-radius: 5px; color: #000; display: block; font-size: 14px; font-weight: bold; height: 46px; overflow: hidden; padding: 0 15px; width: 100%; }

.account-content .input-list > a { color: #222; float: right; }

.account-form .button { background-color: var( --app-master-color); border-color: var( --app-master-color); color: #fff; font-weight: bold; text-transform: uppercase; padding: 21px 5px; }

.account-content a { color: #222; font-weight: bold; }

.account-btn { font-size: 14px !important; }

/*-----------------
	8. Walkthrough
-----------------------*/

.walkthrough-title { font-size: 20px; margin-bottom: 10px; }

.walkthrough-img { margin-bottom: 15px; }

.walkthrough-img img { display: inline-block; height: 100px; width: auto; }

.walkthrough-text { color: #212121; font-size: 14px; padding: 0 15px; }

.walkthrough-actions { bottom: 0; box-sizing: border-box; left: 0; margin-bottom: 15px; padding: 0 15px; position: absolute; width: 100%; z-index: 50; }

.walkthrough { height: 100%; }

.walkthrough-container { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: flex-start; text-align: center; }

.walkthrough .swiper-slide { box-sizing: border-box; padding: 16px; }

.walkthrough .swiper-pagination { bottom: 80px; }

.ios .button.button-fill, .ios .button.button-fill-ios { background: var( --app-master-color); }

.ios .swiper-pagination-bullet-active { background: var( --app-master-color); }

/*-----------------
	9. Leave
-----------------------*/

.ios .list { font-size: 16px; }

.ios .list.custom-form { margin: 15px 0; }

.ios .page-content > .list { margin: 15px 0; /* PADDING: 20PX; */ }

.ios .list .item-subtitle.leave-type { font-size: 13px; margin-top: 5px; }

.ios .list .item-text.leave-days { font-size: 12px; }

.ios .leave-list .badge { border-radius: 4px; font-size: 11px; height: 18px; line-height: 18px; min-width: 76px; padding: 0 10px; }

.ios .leave-list.list .item-after { font-size: 12px; font-weight: bold; }

.ios .list.leave-list .item-inner:after { background: transparent; }

.ios .list.leave-list ul { background: transparent; border: 0; }

.list.leave-list li { background-color: #fff; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px; }

.list.leave-list li:last-child { margin-bottom: 0; }

.leave-info { margin-top: 5px; }

.leave-type { float: left; font-size: 12px; }

.leave-status { float: right; }

.list-title { display: inline-block; font-size: 15px; font-weight: 600; margin-bottom: 5px; }

/*-----------------
	10. Leave View
-----------------------*/

.leave-reason .sub-title { font-size: 12px; margin-top: 10px; }

.leave-reason p { font-size: 12px; margin: 0; }

/*-----------------
	11. Employees
-----------------------*/

.user-list .user-role { color: #777; font-size: 12px !important; }

.avatar { background-color: #aaa; border-radius: 50%; color: #fff; display: inline-block; font-weight: 500; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; white-space: nowrap; }

.widget { background-color: #fff; border: 1px solid #e7e7e7; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px; padding: 15px; position: relative; text-align: center; }

.profile-img { margin-bottom: 10px; }

.profile-img .avatar { color: #fff; font-size: 20px; height: 50px; line-height: 50px; margin: 0; width: 50px; }

.user-name { color: #333; margin: 0; line-height: 14px; }

.text-ellipsis { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.widget .user-name > a { color: #333; }

.user-role { color: #777; font-size: 12px; line-height: 12px; margin-top: 5px; }

.toolbar a.link { height: 60px; line-height: 60px; }

/*-----------------
	12. Chat
-----------------------*/

.chats { padding: 15px; }

.chat-body { display: block; margin: 10px 0 0; overflow: hidden; }

.chat-body:first-child { margin-top: 0; }

.chat-bubble { display: block; width: 100%; float: left; margin-bottom: 10px; }

.chat-content > p { margin-bottom: 0; word-wrap: break-word; font-size: 12px; }

.chat-time { color: rgba(0, 0, 0, 0.5); display: block; font-size: 11px; }

.chat-avatar { float: right; }

.chat-avatar .avatar { line-height: 24px; height: 24px; width: 24px; }

.chat-left .chat-avatar { float: left; }

.chat-left .chat-body { margin-right: 0; margin-left: 30px; }

.chat-left .chat-content { color: #888; float: left; position: relative; }

.avatar:hover { color: #fff; }

.avatar > img { width: 100%; display: block; }

.chat-left .chat-time { color: #a3afb7; }

.attach-list { color: #adb7be; padding: 5px 0 0; line-height: 24px; margin: 0; list-style: none; }

.attach-list i { margin-right: 3px; font-size: 16px; }

.attach-list a { font-size: 12px; word-wrap: break-word; }

.edit-btn { border-radius: 40px; height: 36px; position: absolute; right: 15px; top: 15px; width: 36px; }

.files-icon { background-color: #f3f7f9; border: 1px solid #e4eaec; border-radius: 4px; display: inline-block; height: 38px; line-height: 38px; text-align: center; width: 38px; }

.files-icon i { color: #76838f; font-size: 20px; }

.list.chat-list .item-inner:after { background: transparent; }

.list.chat-list ul { background: transparent; border: 0; }

.list.chat-list li { background-color: #fff; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px; }

.list.chat-list li:last-child { margin-bottom: 0; }

.chat-list.media-list .item-media img { border-radius: 50%; }

.profile-action { position: absolute; right: 5px; text-align: right; top: 10px; }

.action-icon { color: #777 !important; display: inline-block; font-size: 16px; padding: 0 10px; }

.ios .message-received .message-bubble { padding-left: 15px; }

.ios .message-sent .message-bubble { padding-right: 15px; }

/*-----------------
	13. Projects
-----------------------*/

.ios .list.project-list .item-inner:after { background: transparent; }

.ios .list.project-list ul { background: transparent; border: 0; }

.list.project-list li { background-color: #fff; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px; }

.list.project-list li:last-child { margin-bottom: 0; }

.ios .list.project-list ul:before, .ios .list.project-list ul:after { background: transparent; }

.project-list .progressbar { margin-top: 5px; }

.ios .message-bubble { font-size: 14px; line-height: 1.4; }

.ios .page-content > .block { margin: 15px 0; }

.custom-form ul { border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding-top: 7px; padding-bottom: 15px; }

.custom-form.list input { border: 1px solid #e7e7e7; padding: 0 10px; font-size: 14px; background-color: transparent; }

.custom-form.list select { border: 1px solid #e7e7e7; padding: 0 10px; font-size: 14px; appearance: unset !important; }

.custom-form.list textarea { border: 1px solid #e7e7e7; padding: 10px; font-size: 14px; }

.custom-form.list .item-title { margin-bottom: 10px; font-weight: bold; }

.custom-form.list .item-inner:after { background-color: transparent; }

.custom-form.list .input-clear-button:after { left: -5px; }

.ios .item-input-wrap .input-clear-button { top: 20px; }

.project-mem { margin-top: 15px; }

.pro-info { color: #909090; font-size: 12px; margin-top: 15px; }

.pro-left { float: left; }

.pro-info a { color: #909090; margin-right: 5px; }

.pro-info a:last-child { margin-right: 0; }

.pro-info i { color: #777; font-size: 12px; margin-right: 5px; }

.pro-right { float: right; }

.clearfix:before, .clearfix:after { display: table; content: " "; }

.clearfix:after { clear: both; }

.attach-icon { margin-right: 10px; }

.sub-title { color: #333; font-weight: bold; }

.team-members { display: flex; list-style: none; margin-bottom: 0; padding: 0; }

.team-members li { float: left; }

.team-members li:first-child a { margin-left: 0; }

.team-members a { border: 2px solid #fff; border-radius: 100%; display: block; height: 30px; overflow: hidden; width: 30px; }

.team-members .all-users { line-height: 36px; opacity: 0.8; }

.all-users { background-color: var( --app-master-color); color: #fff !important; font-size: 10px; font-weight: 800; line-height: 30px !important; text-align: center; }

.team-members img { width: 100%; }

.project-title { font-size: 16px; margin: 0 0 5px; }

.project-title > h5 { font-size: 16px; margin-bottom: 0; margin-top: 0; }

.project-title > a { color: #333; }

.project-box { position: relative; margin-bottom: 0; }

.progress-count { color: var( --app-master-color); float: right; font-weight: bold; }

.project-view { padding: 15px 0; }

.due-date { color: var( --app-master-color); }

.ios .progressbar.color-purple span { background: var( --app-master-color); }

.ios .swipeout-actions-left > a,
.ios .swipeout-actions-left > button,
.ios .swipeout-actions-left > div,
.ios .swipeout-actions-left > span,
.ios .swipeout-actions-right > a,
.ios .swipeout-actions-right > button,
.ios .swipeout-actions-right > div,
.ios .swipeout-actions-right > span { color: #fff; padding: 0 15px; font-size: 16px; }

.file-uploader { color: var( --app-master-color); font-size: 12px; font-weight: bold; text-decoration: underline; }

.upload-time { color: #8e8e93; font-size: 12px; }

.file-size { font-size: 12px !important; }

.ios .media-list .item-title, .ios li.media-item .item-title { font-size: 15px; }

.files-icon { background-color: #e4e5e7; border: 1px solid #d4d5d7; border-radius: 4px; display: inline-block; height: 38px; line-height: 38px; text-align: center; width: 38px; }

.files-icon i { color: #777b8f; font-size: 20px; }

.assigned-user { height: 20px; line-height: 20px; width: 20px; }

.add-task-link { color: #777 !important; }

.task-textarea > textarea { background-color: #fff; border: none; box-sizing: border-box; color: #444; font-size: 15px; height: 150px; margin: 0; padding: 5px; resize: none; width: 100%; }

.task-upload-action { background-color: #ececec; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; height: 40px; list-style: none; margin: -5px 0 0; padding: 0; width: 100%; display: flex !important; flex-direction: row; }

.task-upload-action li { color: #777; height: 100%; line-height: 50px !important; text-align: center; width: 50px; }

.task-upload-action li i { color: #999 !important; }

.add-person { background-color: #e4e5e7; border-radius: 3px; display: inline-block; padding: 7px 10px; }

.due-icon { background-color: #e4e5e7; border-radius: 3px; display: inline-block; padding: 7px 10px; }

.task-view-content { padding-bottom: 50px; }

.ios .navbar.two-action .right a.icon-only { justify-content: center; width: 20px; }

.list.task-list .item-content { color: #333; font-size: 14px; }

.complete-btn { background: #35ba67 !important; border: 1px solid #2fa65c !important; color: #fff !important; }

.action-circle.complete-btn .material-icons { color: #fff !important; }

.desc-cont { margin: 5px 0 0; }

.calendar-month-selector i.icon.icon-prev:before,
.calendar-month-selector i.icon.icon-next:before,
.calendar-year-selector i.icon.icon-prev:before,
.calendar-year-selector i.icon.icon-next:before,
.calendar i.icon.icon-back:before,
.calendar i.icon.icon-forward:before { display: none; }

.custom-select-status { padding: 0 !important; }

.smart-select.active-state { background-color: transparent !important; }

.custom-select-status.active-state { background-color: transparent; }

.custom-select-status .item-inner { border: 1px solid #e7e7e7; height: 40px; padding: 8px !important; min-height: inherit; }

.custom-select-status .item-inner:before { display: none !important; }

.list .item-title { font-size: 12px; }

.custom-select-status .item-after { max-width: 100%; width: 100%; font-size: 14px; position: relative; top: -7px; color: #333; }

/*-----------------
	14. Task
-----------------------*/

.followers-add { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; box-sizing: border-box; color: #ccc !important; display: inline-block; font-size: 2px !important; height: 24px; line-height: 24px; text-align: center; width: 24px; }

.followers-add:hover { border: 1px solid #8c8c8c; color: #8c8c8c; }

.followers-add > i { box-sizing: border-box; color: #ccc !important; font-size: 18px !important; line-height: 22px; margin: 0 !important; }

.completed-task-msg { margin-bottom: 30px; margin-left: 30px; }

.file-attached { color: #333; font-size: 12px; }

.file-attached i { font-size: 12px; }

.task-attach-img > img { border: 1px solid #eaeaea; max-width: 100%; }

.attach-img-download { margin-bottom: 5px; }

.task-chat-user { color: #333; font-size: 13px; }

.task-time { color: #a3afb7; display: inline-block; font-size: 11px; }

.task-success { color: #55ce63; font-size: 13px; }

.task-success a { color: #55ce63; }

.task-assign { float: left; margin-bottom: 10px; width: 100%; }

.assign-title { float: left; margin-right: 10px; margin-top: 5px; }

.task-assign > a { box-sizing: border-box; float: left; }

.task-followers { display: flex; }

.task-followers .avatar { height: 24px; line-height: 24px; margin-right: 5px; width: 24px; }

.followers-title { margin: 2px 10px 0 0; font-weight: bold; }

.task-information { color: #95a1a9; font-size: 11px; line-height: 17px; min-width: 1px; }

.task-info-line { overflow-wrap: break-word; }

.task-user { color: #666 !important; font-weight: bold; }

.task-information .task-time { display: inline-block; padding-left: 10px; }

.action-circle { background: transparent; border: 1px solid #ccc; border-radius: 100%; height: 20px; width: 20px; display: inline-block; text-align: center; cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

.action-circle .material-icons { color: #ccc; font-size: 18px; vertical-align: -3px; }

.action-circle.completed { background: #35BA67; border: 1px solid #2fa65c; }

.action-circle.completed .material-icons { color: #fff; }

.action-circle .material-icons { font-size: 16px; vertical-align: -4px; }

.ios .messages, .ios .messages-content { background: #f3f3f3; }

.ios .message-received .message-bubble { background: #fff; border: 1px solid #eaeaea; color: #333; }

.ios .message-sent .message-bubble { background: #34444c; color: #fff; }

.toolbar a.link { color: #333; font-size: 15px; }

.ios .message-avatar { height: 29px; margin-right: 10px; width: 29px; }

.ios .messages { padding-bottom: 44px; }

.list.task-list { margin: 15px 0; }

.list.files-list { margin: 15px 0; }

.ios .subnavbar.task-subnavbar { margin: 0; padding: 0; }

/*-----------------
	15. Task View
-----------------------*/

.task-user-list { margin-top: 15px; }

.taskuser-img { height: 32px; position: absolute; width: 32px; }

.task-user-cont { position: relative; }

.taskuser-info { padding: 0 0 0 42px; }

.taskuser-img .avatar { background-color: #aaa; border-radius: 50%; color: #fff; display: inline-block; font-weight: 500; height: 32px; line-height: 32px; margin: 0 10px 0 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; white-space: nowrap; width: 32px; }

.taskuser-info .user-name { color: #333; }

.taskuser-info .designation { color: #9e9e9e; font-size: 12px; }

.task-user-list li { background-color: #fff; border-bottom: 1px solid #e7e7e7; border-radius: inherit; border-top: 1px solid #e7e7e7; margin-bottom: -1px; padding: 10px; }

/*-----------------
	16. Users
-----------------------*/

.ios .list.user-list .item-inner:after { background: transparent; }

.ios .list.user-list ul { background: transparent; border: 0; }

.list.user-list li { background-color: #fff; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px; }

.list.user-list li:last-child { margin-bottom: 0; }

/*-----------------
	17. Email View
-----------------------*/

.mail-title { font-weight: 600; margin-bottom: 5px; }

.sender-img { float: left; margin-right: 10px; width: 40px; }

.receiver-details { float: left; }

.sender-name { display: block; }

.receiver-name { color: #777; }

.sender-info { display: flex; }

.mailview-header { border-bottom: 1px solid #e7e7e7; margin-bottom: 10px; padding-bottom: 10px; }

.mail-time { font-size: 12px; font-weight: bold; }

.attach-file { color: #777; padding: 10px; text-align: center; }

.attach-file > i { line-height: 70px; font-size: 40px; }

.attach-info { background-color: #f4f4f4; padding: 10px; }

.attach-filename { color: #777 !important; display: block; font-size: 12px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.attach-fileize { font-size: 12px; font-weight: bold; }

.mail-attachments a { color: #777 !important; font-size: 12px; font-weight: bold; }

.mailview-inner { font-size: 14px; }

.attachment-list { border: 1px solid #e7e7e7; margin-bottom: 15px; }

.toolbar.messagebar { box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.08); }

.mail-textarea { background-color: #fff; border: none; box-sizing: border-box; color: #444; font-size: 15px; height: 150px; margin: 0; padding: 5px; resize: none; width: 100%; }

.ios .segmented .button { border-color: var( --app-master-color); color: var( --app-master-color); }

.ios .button.button-active, .ios .button.tab-link-active { background: var( --app-master-color); color: #fff; }

.ios .subnavbar { background: #fff; }

.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content,
.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content,
.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content,
.ios .page-with-subnavbar .navbar ~ .page-content { padding-top: 104PX; }

.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, .ios .navbar ~ .subnavbar { top: 60px; }

/*-----------------
	18. Profile
-----------------------*/

.profile-header { background: var( --app-master-color); color: #fff; /*padding: 15px;*/ position: relative; }

/*    .profile-header .pro-img-box {
        background: transparent;
        height: 100px;
        margin: 0 auto;
        text-align: center;
        width: 100px;
        position: relative;
    }*/
.profile-header .pro-img-box { background: white; height: auto; margin: 0 auto; text-align: center; width: 100%; position: relative; overflow-x: hidden; }

/*        .profile-header .pro-img-box > img {
            background: #fff;
            border-radius: 50%;
            height: 100px;
            width: 100px;
        }*/
.profile-header .pro-img-box > img { background: #fff; /* border-radius: 50%; */ height: 250px; width: auto; }

.profile-header .pro-user-det { margin-top: 15px; text-align: center; }

.profile-name { font-size: 18px; font-weight: bold; }

.profile-designation { font-size: 12px; }

.ios .toolbar.toolbar-border:before { display: none; }

.toolbar.toolbar-border a { border-bottom: 2px solid transparent; font-size: 16px; }

.tabbar.toolbar-border a.tab-link-active { border-color: var( --app-master-color); color: var( --app-master-color); font-size: 16px; }

.toolbar.toolbar-border { background: #fff; }

.toolbar.toolbar-border .toolbar-inner { border-bottom: 1px solid #e7e7e7; padding: 0; }

.experience-box { position: relative; }

.experience-list { list-style: none; margin: 0; padding: 0; position: relative; }

.experience-list > li { position: relative; }

.experience-list > li:last-child .experience-content { margin-bottom: 0; }

.experience-user .avatar { height: 32px; line-height: 32px; margin: 0; width: 32px; }

.experience-list > li .experience-user { background: #fff; height: 10px; left: 0; margin: 0; padding: 0; position: absolute; top: 4px; width: 10px; }

.experience-list > li .experience-content { margin: 0 0 15px 20px; padding: 0; position: relative; }

.experience-list > li .experience-content .timeline-content { color: #9e9e9e; }

.experience-list > li .experience-content .timeline-content span.name { color: #616161; font-weight: bold; }

.experience-list > li .time { color: #bdbdbd; display: block; font-size: 12px; line-height: 1.35; }

.before-circle { background-color: var( --app-master-color); border-radius: 50%; height: 10px; width: 10px; }

.skills > span { background-color: #fff; border: 1px solid #e7e7e7; border-radius: 500px; display: inline-block; font-size: 14px; margin-bottom: 10px; padding: 3px 12px; text-align: center; }

.pro-img-upload { background: rgba(33, 33, 33, 0.5) url("../img/upload-icon.png") no-repeat scroll center center / 16px auto; border: none; border-radius: 50%; height: 28px; padding: 4px; position: absolute; right: 0; top: 0; width: 28px; }

.pro-img-upload input.upload { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 5px; position: absolute; right: -3px; top: -3px; }

.footer-fixed { background: #fff; bottom: 0; box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.08); box-sizing: border-box; padding: 15px; position: fixed; width: 100%; z-index: 500; left: 0; right: 0; }

.profile-title { padding: 0 15px; }

.button-green { background-color: #4baf4f; border-color: #4baf4f !important; color: #fff !important; }

.button-red { background-color: #fa424a; border-color: #fa424a !important; color: #fff !important; }

.button-purple { background-color: var( --app-master-color); border-color: var( --app-master-color) !important; color: #fff !important; }

.add-more { padding: 15px 0; }

.add-more-btn { background-color: var( --app-master-color); border-radius: 4px; color: #fff !important; display: inline-block; font-size: 14px; padding: 5px 10px; }

.profile-tabs > .tab > .list { margin: 15px 0; }

.profile-tabs > .tab > .block { margin: 15px 0; }

.address-block { margin: 15px 0 !important; }

.skills-block { margin: 0 !important; }

.ios #pro_overview .list { font-size: 14px; }

/*-----------------
	19. Clients
-----------------------*/

.client-name { color: #666; font-size: 12px; font-weight: bold; }

.user-cate { font-size: 12px; font-weight: bold; }

/*-----------------
	20. Invoices
-----------------------*/

.inv-status { float: right; }

.inv-client { float: left; font-size: 12px; }

.ios .media-list.inv-list .item-link .item-title-row { padding: 0; background: transparent; }

.inv-amount { color: #000 !important; font-size: 14px !important; font-weight: bold; }

.ios .list.inv-list .item-inner:after { background: transparent; }

.ios .list.inv-list ul { background: transparent; border: 0; }

.list.inv-list li { background-color: #fff; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px; }

.list.inv-list li:last-child { margin-bottom: 0; }

.ios .list.inv-list ul:before, .ios .list.inv-list ul:after { background: transparent !important; }

.ios .inv-list .badge { border-radius: 4px; font-size: 11px; font-weight: bold; height: 18px; line-height: 18px; min-width: 76px; padding: 0 10px; }

table.inv-table { border-collapse: collapse; border-spacing: 0; width: 100%; font-size: 12px; }

table.inv-table tr td, table tr th { border: 1px solid #ccc; border-collapse: collapse; padding: 4px; }

.inv-table thead tr th { border: none; }

.inv-table tfoot tr td { border: none; text-align: right; }

.inv-section { font-size: 14px; }

.invoice-details h5 { text-align: right; }

.invoice-details h5 span { color: #777; font-size: 12px; font-weight: normal; display: block }

.inv-logo { margin-bottom: 15px; text-align: center; }

.inv-logo img { width: 80px; }

.invoice-info p { font-size: 12px; margin: 0; }

.inv-receiver { font-size: 12px; margin-bottom: 10px; }

.add-item { background-color: var( --app-master-color); border-radius: 3px; color: #fff !important; display: flex; font-size: 12px; font-weight: bold; justify-content: end; padding: 5px 10px; margin-right: 10px; }

.add-item i { font-size: 16px; margin-right: 5px; }

.remove-item { background-color: #d42129; border-radius: 3px; color: #fff !important; display: flex; font-size: 12px; font-weight: bold; padding: 5px; }

.remove-item i { font-size: 16px; }

.inv-total-table { width: 100%; }

.discount-input { float: right; height: 30px !important; width: 100px !important; }

.items-action { justify-content: start !important; }

.ios .salary-list .badge { border-radius: 4px; font-size: 11px; height: 18px; line-height: 18px; min-width: 76px; padding: 0 10px; color: #fff !important; }

.ios .salary-list.list .item-after { font-size: 12px; font-weight: bold; }

.ios .list.salary-list .item-inner:after { background: transparent; }

.ios .list.salary-list ul { background: transparent; border: 0; }

.list.salary-list li { background-color: #fff; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px; }

.list.salary-list li:last-child { margin-bottom: 0; }

.table-bordered { border: 1px solid #ddd; margin-bottom: 20px; max-width: 100%; width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 12px; }

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th { border: 1px solid #ddd; padding: 8px; }

.pull-right { float: right; }

.salary-amount { font-size: 12px; }

/*-----------------
	21. Department
-----------------------*/
.dept-row .col-100:last-child .widget { margin-bottom: 0; }

.dept-widget { text-align: left; }

/*-----------------
	22. Voice Call
-----------------------*/

.call-wrapper { bottom: 0; left: 0; overflow: auto; padding-bottom: inherit; padding-top: inherit; position: absolute; right: 0; top: 0; }

.call-inner { display: table; height: 100%; table-layout: fixed; width: 100%; }

.call-view { display: table-cell; height: 100%; float: none; padding: 0; position: static; vertical-align: top; }

.call-window { display: table; height: 100%; table-layout: fixed; width: 100%; background-color: #f5f5f5; }

.call-userinfo { float: left; }

.call-contents { display: table-row; height: 100%; }

.call-content-wrap { height: 100%; position: relative; width: 100%; }

.voice-call-avatar { flex-direction: column; display: flex; align-items: center; justify-content: center; flex: 2; }

.voice-call-avatar .call-avatar { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100%; height: 100px; margin: 15px; padding: 3px; width: 100px; }

.call-duration { color: #fff; display: block; font-size: 12px; }

.voice-call-avatar .call-timing-count { padding: 5px; }

.voice-call-avatar .username { font-size: 18px; font-weight: bold; line-height: 18px; }

.call-icons { bottom: 0; left: 0; padding: 15px; position: absolute; right: 0; text-align: center; z-index: 99; }

.call-icons .call-items { border-radius: 5px; padding: 0; margin: 0; list-style: none; display: inline-flex; }

.call-icons .call-items .call-item { display: inline-block; text-align: center; margin-right: 5px; }

.call-icons .call-items .call-item:last-child { margin-right: 0; }

.call-icons .call-items .call-item a { background-color: rgba(0, 0, 0, 0.38); border-radius: 50px; color: #fff; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; width: 40px; }

.call-icons .call-items .call-item a i { width: 18px; height: 18px; font-size: 16px; line-height: 40px; }

.user-video { bottom: 0; left: 0; overflow: auto; position: absolute; right: 0; top: 0; z-index: 10; }

.user-video img { width: auto; max-width: 100%; height: auto; max-height: 100%; display: block; margin: 0 auto; width: 100%; }

.font-small { font-size: 14px !important; }

.user-video video { width: auto; max-width: 100%; height: auto; max-height: 100%; display: block; margin: 0 auto; }

.my-video { bottom: 60px; position: absolute; right: 10px; z-index: 99; }

.my-video ul { margin: 0; padding: 0; list-style: none; }

.my-video ul li { float: left; margin-right: 10px; width: 50px; }

.my-video ul li img { border: 3px solid rgba(255, 255, 255, 0.5); border-radius: 6px; }

.call-users { position: absolute; z-index: 99; bottom: 70px; right: 20px; }

.call-users ul { margin: 0; padding: 0; list-style: none; }

.call-users ul li { float: left; width: 50px; margin-left: 10px; }

.call-users ul li a { display: inline-block; }

.call-users ul li img { border-radius: 6px; padding: 2px; background-color: #fff; border: 1px solid rgba(0,0,0,0.1); }

.call-mute { background-color: rgba(0, 0, 0, 0.5); border: 3px solid transparent; border-radius: 6px; color: #fff; display: none; font-size: 20px; height: 50px; line-height: 50px; position: absolute; text-align: center; top: 0; width: 50px; }

.call-users ul li a:hover .call-mute { display: block; }

.user-details { background-color: rgba(0, 0, 0, 0.1); padding: 10px; position: relative; z-index: 99; }

.call-icons .call-items .call-item.end_call a { background-color: #f06060; color: #fff; }

.call-icons .call-items .call-item.end_call a i { line-height: 17px; margin-top: 11px; }

.user-img { float: left; margin-right: 5px; }

.user-img img { border-radius: 50%; display: flex; height: 30px; width: 30px; }

.call-username { color: #fff; display: block; font-size: 14px; font-weight: bold; line-height: 14px; }

.chat-link { color: #fff; float: right; font-size: 22px; }

.chat-link a { color: #fff; }

/*-----------------
	23. Incoming Call
-----------------------*/

.incoming-wrapper .call-view { background-color: #fff; padding: 15px; }

.incoming-wrapper .call-window { background-color: #fff; }

.incoming-wrapper .call-icons .call-items .call-item a { border-radius: 60px; font-size: 16px; height: 60px; line-height: 60px; width: 60px; }

.incoming-wrapper .call-icons .call-items .call-item.end_call a { background-color: #f06060; color: #fff; }

.incoming-wrapper .call-icons .call-items .call-item.start_call a { background-color: #55ce63; color: #fff; }

.incoming-wrapper .call-icons .call-items .call-item a i { font-size: 24px; height: auto; line-height: 60px; margin: 0; width: auto; }

.incoming-wrapper .call-icons .call-items .call-item { margin-right: 30px; }

.incoming-wrapper .call-icons .call-items .call-item:last-child { margin-right: 0; }

.incoming-title { margin-bottom: 0; }

/*-----------------
	24. Notification
-----------------------*/

.list .item-title.noti-title { color: #616161; font-size: 13px; overflow: inherit; text-overflow: inherit; white-space: inherit; }

.noti-text { color: #9e9e9e; }

/*-----------------
	25. Settings
-----------------------*/

.ios .list.settings-list { font-size: 14px; }

.ios .salary-content .block-title { margin: 0 15px; }

/*-----------------
	26. Email Settings
-----------------------*/

.ios .toggle input[type="checkbox"]:checked + .toggle-icon { background: var( --app-master-color); }

/*-----------------
	27. Invoice Settings
-----------------------*/

.invoice-logo img { max-height: 40px; }

.assets-list .item-title .list-title { width: 100%; display: block; margin-bottom: 0; }

.assets-list .item-title .list-title + .list-title { margin-top: 0px; margin-bottom: 7px; }

.assets-list .item-footer + .item-footer { margin-top: 5px; }

/*-----------------
	28. Attendance
-----------------------*/

.punch-head { margin-bottom: 20px; }

.attendance-title { font-size: 16px; margin: 0; text-align: center; }

.punch-day { color: #777; text-align: center; }

.punch-widget { background: #f9f9f9; border: 1px solid #e7e7e7; border-radius: 4px; margin-bottom: 15px; overflow: hidden; padding: 15px; text-align: center; }

.punch-widget h4 { color: #333; font-size: 15px; margin: 0; }

.punch-widget p { color: #777; font-size: 13px; margin: 0; }

.hours-title { font-size: 16px; margin-bottom: 20px; }

.hours-title span { color: var( --app-master-color); }

.punch-in { color: #777; font-weight: 600; margin-right: 10px; }

.punch-out { color: #777; font-weight: 600; }

/*-----------------
	29. Calendar
-----------------------*/
.productdetail-title { font-size: 11px !important }

.ios .calendar-day.calendar-day-selected .calendar-day-number { background: var( --app-master-color); }

i.icon.icon-back, i.icon.icon-forward, i.icon.icon-prev, i.icon.icon-next { background: transparent; color: var( --app-master-color); font-family: "FontAwesome"; font-size: 30px; font-style: normal; font-variant: normal; font-weight: normal; height: auto; text-transform: none; }

i.icon.icon-back::before, i.icon.icon-forward::before, i.icon.icon-prev::before { content: "\f104"; }

i.icon.icon-forward::before, i.icon.icon-next::before { content: "\f105"; }

.event-date { color: var( --app-master-color); font-weight: bold; }

.ios .calendar-page .page-content > .list { margin: 0; }

.ios .list #calendar-events .item-content { padding-left: 30px; }

#calendar-events .event-color { border-radius: 100%; height: 8px; left: 10px; position: absolute; top: 50%; transform: translateY(-50%); width: 8px; }

.swipe-handler { background: 0 0; height: 16px; position: absolute; left: 0; width: 100%; top: 0; background: #fff; cursor: pointer; z-index: 10; }

.swipe-handler:after { content: ''; width: 36px; height: 6px; position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -3px; border-radius: 3px; background: #666; }

.popup-swipe-to-close { --f7-popup-border-radius: 15px 15px 0 0; --f7-popup-tablet-border-radius: 15px; --f7-block-strong-border-color: transparent; height: calc(100% - var(--f7-navbar-height) - var(--f7-safe-area-top)); top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); }


.popup-swipe-to-close .swipe-handler { background: var(--f7-page-bg-color) }

.popup-swipe-to-close .page-content { padding-top: 16px }

.max-width-200 { max-width: 200px }

.width-200 { width: 200px }

.width-180 { width: 180px }

.fyt-total { font-weight: bold; }

.fyt-detail-label { position: relative; text-align: right; padding-right: 10px; display: block; max-width: 200px; }

.fyt-detail-label:before { content: ":"; position: absolute; left: 0; }

.spt_deya_resim { max-width: 150px; height: 150px; margin: auto; width: 300px; overflow: hidden; }

.spt_deya_resim img { height: 100% !important; }

#prolistTypeChangebtn { background: white; margin-inline: 10px; padding: 7px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var( --app-master-color); }

.grid-liste-view { display: flex; flex-flow: row wrap; }

.grid-liste-view li { flex: 45%; margin: 5px }

.grid-liste-view .item-title-row { justify-content: center; }

.grid-liste-view .item-inner { text-align: center; display: block !important; }

.grid-liste-view .adet-pro { position: absolute !important; bottom: 8px !important; right: 8px !important; margin: unset; }

.grid-liste-view .adet-pro input { height: 33px !important }

.grid-liste-view .varyantVarBtn { right: 2px; bottom: 6px; padding: 3px; font-size: 10px; width: 78px; top: 6px; bottom: unset; padding: 3px; }

.font-bold { font-weight: bold !important }

.color-red { color: red !important }

.title-epay-amount { font-weight: bold !important; color: red !important; margin-top: 4px }

.marka-list-carousel { background-color: #fff; display: block; height: 56px; overflow: auto; padding: 11px 22px 5px 11px; -webkit-transition: top .3s; -o-transition: top .3s; transition: top .3s; width: 100%; white-space: nowrap; z-index: 9; -ms-overflow-style: none; scrollbar-width: none; position: absolute; top: 100px; left: 0; right: 0; }

.marka-list-carousel .button { border-left: var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color)) !important; display: initial; margin-left: 5px; padding: 4px; }

.my-stepQty { position: absolute; right: 10px; bottom: 5px; }

.urunmarkamodel { padding-top: 22px; padding-left: 15px; }

.urunmarkamodel h3 { }

.urunmarkamodel .urunmarkamodel-list { display: block; width: 100%; }

.styled-table { border-collapse: collapse; margin: 25px 0; font-size: 0.9em; font-family: sans-serif; min-width: 300px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); width: 100%; }

.styled-table thead tr { background-color: #009879; color: #ffffff; text-align: left; }

.styled-table th,
.styled-table td { padding: 12px 15px; }

.styled-table tbody tr { border-bottom: 1px solid #dddddd; }

.styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; }

.styled-table tbody tr:last-of-type { border-bottom: 2px solid #009879; }

.styled-table tbody tr.active-row { font-weight: bold; color: #009879; }

#quantity_wanted_p { margin-right: 30px }

.stepper-product-list { padding: 0 0; display: flex; align-content: center; align-items: center; justify-content: center; }

.stepper-product-list .stepper { padding: 0 10px; flex-direction: column; border-radius: 0 !important; display: flex; justify-content: center; align-items: center; }

.stepper-product-list .stepper-button-minus, .stepper-product-list .stepper-button-plus { height: 26px; border-radius: 0 !important; width: 100%; background-color: var( --app-master-color); border: #000; }

.stepper-product-list .stepper input { border: 1px solid var( --app-master-color); width: 45px; height: 32px !important; }

.stepper-product-list .stepper-input-wrap { border: 1px solid var( --app-master-color); }

.item-subtitle2 { position: relative; font-size: var(--f7-list-item-subtitle-font-size); font-weight: var(--f7-list-item-subtitle-font-weight); color: var(--f7-list-item-subtitle-text-color); line-height: var(--f7-list-item-subtitle-line-height); }

.item-subtitle2 span { font-size: 12px }

.label-summary { min-width: 184px; text-align: left; position: relative; }

.label-summary:after { position: absolute; content: ":"; right: 0; }

.label-summary-price { text-align: right }

.ordertotalTable { margin-top: 5px; }

.ordertotalTable tr.c_totline td #Discount { border-right: 0 !important; text-align: right; }

.ordertotalTable td .currencyBox { width: 50%; height: 32px; float: left; border: 1px solid #dadada; border-left: 0; box-sizing: border-box; position: relative; }

.ordertotalTable td div.totcell { background-color: #fff; border: 1px solid #dadada; line-height: 31px; height: 32px; position: relative; display: flex; flex-direction: row; width: 100%; flex: 0 0 100%; }

.ordertotalTable td .totcell .totcell-l { display: flex; text-align: right; flex-grow: 2; }

.ordertotalTable td .totcell input.totcell-l { border: 0; height: 30px; }

.ordertotalTable td .totcell .totcell-r { right: 0; width: 32px; display: inline-block; text-align: left; margin-left: 10px; position: absolute; z-index: 1; }

table.ordertotalTable td { vertical-align: middle; padding: 2px 5px; border-bottom: 1px dotted #ccc; }

.discountcell2 { width: 78px; display: flex; flex-grow: 0; }

.discountcellpercent2 { display: block; width: 80px; height: 39px; }

.discountcellpercent2 input { width: 80px; text-align: center; padding: 6px 5px; display: block; width: 100%; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #000; background-color: #fff; background-image: none; border: 1px solid #767676; border-radius: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline: 0 !important; box-shadow: none !important; height: 39px; }

.discountcellsymbol2 { position: absolute; display: block; width: 21px; text-align: center; height: 23px; background-color: #fbfbfb; left: 2px; top: 5px; overflow: hidden; }

.totcell-l-input input { text-align: right; width: calc(100% - 102px); float: right; display: block; width: 100%; padding: 6px 38px 6px 12px; font-size: 13px; line-height: 1.42857143; color: #000; background-color: #fff; background-image: none; border: 1px solid #767676; border-radius: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline: 0 !important; box-shadow: none !important; height: 39px; }

#tblParaPuan { background-color: #f9f9f9 !important; margin: 0 !important; border: 0; }

#tblParaPuan td { vertical-align: middle; border-right: 0; }

.parapuandeger { padding: 10px !important; }

.parapuandegerdiger { line-height: 29px; border-bottom: 1px dotted #CCC; height: 29px; vertical-align: middle; padding: 5px !important; width: 91px; }

.titleparapuankullanim { padding: 0 10px; height: 24px; line-height: 24px; color: #d9534f; font-weight: bold; }

.kullanilabilirtutar { width: 120px; height: 24px; position: relative; float: left; display: block; padding-left: 10px; padding-right: 10px; padding-top: 6px; line-height: 24px; }

.deger-kalan { min-width: 40px; padding-right: 5px; height: 35px; display: block; line-height: 35px; color: #000; }

.deger-kulanilan { min-width: 40px; height: 35px; display: block; line-height: 35px; color: #d9534f; text-align: right; font-weight: bold; }

.spanParapuan { color: #000000; font-weight: bold; text-align: right; width: auto; }

.spanDegerkullanilan { color: #48cb1b; font-weight: bold; text-align: center; text-align: right; }

#buyprocess { }

.buyprocesscontent { display: flex; justify-content: space-between; align-content: space-around; align-items: stretch; padding: 0; margin: 0; padding: 0 10px }

.fiyatkayitcontent { display: flex; justify-content: center; align-items: center; }

.fiyatkayittext { font-weight: bold }

#musteripopmenu { }

#musteripopmenu li { }

#musteripopmenu li a { text-align: left; line-height: 53px; font-size: 14px; }

#musteripopmenu li a i {padding: 5px 14px 5px 0px;color: #f7b134;width: 30px;text-align: center;font-size: 16px;}

.musteri-actiontitle { }

.musteri-actiontitle i { color: #fff; font-size: 23px; }

.musteri-actiontitle p { }

#musterifiyatlistesi { border-radius: 0 !important }

.grid.grid-gap { gap: 16px; }

.grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }

.grid { display: grid; }

/*---------------*/


.before-active-ico i { text-align: center; display: block; position: absolute; top: 50% !important; font-size: 14px; pointer-events: none; right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); content: var(--f7-accordion-chevron-icon-down); width: 14px; height: 8px; margin-top: -4px; line-height: 8px; }

.new-2-pay li.item-input-outline:first-child::after, .new-2-pay li:first-child > .item-input-outline::after { top: 16px; }


li.item-input-outline:first-child { padding-top: 16px; }

.new-2-pay .item-input-outline .item-content, .new-2-pay .item-input-outline.item-content { padding-top: 8px; padding-bottom: 8px; margin-left: 16px; margin-right: 16px; }

.new-2-pay .item-input-outline.item-content::after { content: ''; position: absolute; left: 0; right: 0; top: 8px; bottom: 8px; border: 1px solid var(--f7-input-outline-border-color); border-radius: var(--f7-input-outline-border-radius); pointer-events: none; box-sizing: border-box; transition-duration: .2s; }

.new-2-pay .item-input-outline .item-input-wrap:after { display: none; }

.new-2-pay .f7-icons { width: 28px; height: 28px; border-radius: 6px; box-sizing: border-box; }

.new-2-pay .item-input-outline.item-content .item-inner { display: block; padding-top: 0px; padding-bottom: 0px; }

.new-2-pay .item-input-outline.item-content .item-floating-label { transform: scale(calc(16 / 12)) translateY(calc(16px)); }

.new-2-pay .item-input-outline.item-content .item-floating-label, .new-2-pay .item-input-outline.item-content .item-label { display: inline-flex; margin: -8px -4px -4px; top: -4px; }

.new-2-pay .item-input-outline.item-content .item-input-wrap { margin-top: -22px; }

.list .item-input-focused .item-floating-label, .list .item-input-with-value .item-floating-label { transform: scale(1) translateY(0) !important; }

.brder-2 { border: 1px solid var(--f7-input-outline-border-color); border-radius: var(--f7-input-outline-border-radius); }

.item-input-focused .brder-2 { border: 1px solid var( --app-master-color); }

.item-input-focused .brder-2 .input-focused { border-bottom: 0px !important; }

.new-ttle { font-size: 16px; color: #3c3c3c; background: var( --app-master-color)24; padding: 10px; margin: 2px; margin-bottom: -5px; padding-left: 15px; }

.cari-ziyaret-secimi:before { font-family: framework7-core-icons; font-weight: 400; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; text-align: center; display: block; width: 100%; height: 100%; font-size: 20px; position: absolute; top: 50%; width: 8px; height: 14px; margin-top: -7px; font-size: var(--f7-list-chevron-icon-font-size); line-height: 14px; color: var(--f7-list-chevron-icon-color); pointer-events: none; right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); content: var(--f7-list-chevron-icon-right); }

.smart-select-sheet .toolbar a.link:before { content: 'Kapat'; font-size: 15px; }

.smart-select-sheet .toolbar a.sheet-close { font-size: 0px; }

.cari-rota-li { margin: 5px 4px; background: #aeaeae17; border: 1px solid #00000012; border-radius: 6px; }

#kb-section { display: flex; justify-content: flex-start; align-items: center; margin: 5px 15px; background: #efefef; padding: 10px; color: black; }

#kb-section * { border-radius: 15px; padding: 5px; }

#kasatahsilat-bankalar, #kasatahsilat-kasalar { margin: 0px 0px 10px 0px; background: #efefef; padding: 3px; color: black; width: 48%; }

#kasatahsilat-bankalar *, #kasatahsilat-kasalar * { border-radius: 15px; padding: 5px; }

#masraf-select { margin: 0px 0px 15px 0px; background: #e2ecff; padding: 5px; color: #1a44b7; width: 100%; border-color: #0f3a99; }

#masraf-select * { border-radius: 15px; padding: 5px; }

.tahsilat-p-name h2 { font-size: 22px; color: #2145cb; font-weight: 500; }

.tahsilat-p-logo { max-width: 80px; }

.tahsilat-p-logo img { padding: 10px; background: #eaeaea; width: auto; height: auto; }

.tahsilat-p-info span { display: block; max-width: 100px; font-weight: 600; padding: 5px 0px 5px 1px; }

.tahsilat-p-info div { padding: 10px; max-width: 50%; }

.tahsilat-p-info { align-items: initial; align-content: center; font-size: 12px; padding-top: 50px; }

.iadeinput { display: inline-block !important; MAX-WIDTH: 300PX !important; WIDTH: 183px !important; TEXT-ALIGN: right !important; padding: 5px !important; font-weight: bold; }

#map-canvas { width: 100%; max-width: 600px; height: 400px; position: relative; }

.map-canvas2 { width: 100%; max-width: 600px; height: 400px; position: relative; }

.controls { margin-top: 10px; border: 1px solid transparent; border-radius: 2px 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #dadada; line-height: 18px; height: 32px; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }

.totcell-t-input input { width: calc(100% - 102px); float: right; display: block; width: 100%; padding: 6px 6px !important; font-size: 13px; line-height: 1.42857143; color: #000; background-color: #fff; background-image: none; border: 1px solid #767676; border-radius: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline: 0 !important; box-shadow: none !important; }

.totcell-t-input select { width: calc(100% - 102px); float: right; display: block; width: 100%; padding: 6px 6px !important; font-size: 13px; line-height: 1.42857143; color: #000; background-color: #fff; background-image: none; border: 1px solid #767676; border-radius: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline: 0 !important; box-shadow: none !important; }

.totcell-t-input textarea { padding: 6px 6px !important; font-size: 13px; line-height: 1.42857143; color: #000; background-color: #fff; background-image: none; border: 1px solid #767676; border-radius: 0 !important; }

#pac-input { min-width: 80px; background-color: #fff; font-family: Roboto; font-size: 15px; font-weight: 300; padding: 0 11px 0 13px; text-overflow: ellipsis; width: 120px !important; left: 10px !important; top: 55px !important; }

.row-intable { display: flex; justify-content: space-between; align-items: center; --f7-cols-per-row: 1; align-content: center; flex-wrap: wrap; }

.label-eth-title { display: flex; justify-content: space-between; }

.p-t-b { padding: 5px 0px !important }

.button.button-fill:hover { color: #fff !important }

#eodemkartno { letter-spacing: 4px !important; font-size: 15px !important; border-radius: 0 !important; }

.ccintput { font-size: 15px !important; border-radius: 0 !important }

.ccselect { font-size: 15px !important; border-radius: 0 !important }

.item-input-outline1 .item-inner { justify-content: flex-start !important }

.epaymentpage .toolbar.toolbar-border a { font-size: 14px; }

/*son eklediklerim*/

.my-finans-table .dash-widget { margin-bottom: 10px; padding: 9px; }
.my-finans-table .dash-widget-icon i { font-size: 15px; height: 30px; line-height: 30px; width: 30px; }
.my-finans-table .dash-widget-info { margin-top: 10px; }
.my-finans-table .dash-widget-info p { font-size: 14px; }
.cursorpointer { cursor: pointer !important }
.header-with-check { }
.header-with-check .title-with-check { font-weight: bold; }
.page-form-content .item-inner { justify-content: center !important; }
.page-form-content .item-inner .item-input-wrap { justify-content: center !important; }
.ulheader { padding: 2px 0; }
.mobilordersubtotal { display: flex; justify-content: flex-end; }
.mobilordersubtotal .mobilordersubtotal-title { text-align: right; padding-right: 8px }
.mobilordersubtotal .mobilordersubtotal-value { position: relative; padding-left: 5px; min-width: 83px; }
.mobilordersubtotal-value:before { content: ":"; position: absolute; left: -7px; }
.mobilordersubtotal .mobilordersubtotal-icon { }
.colortotalblue { color: var( --app-master-color) !important }
.apmobilloaderclose { position: fixed; top: 10px; right: 15px; display: none; width: 40px; z-index: 999999 }

@media only screen and (min-width: 1150px) {
 .apmobilloaderclose { display: block }
}

.txt-left-table .numeric-cell { text-align: right !important; }
.txt-left-table .text-cell { text-align: left !important; }
.loadd-2wrapper { position: fixed; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; /*background-color: rgb(131 138 188 / 38%);*/ z-index: 9999; }
#html5-qrcode-button-camera-permission { height: 35px; max-width: 252px; background-color: blue; color: #fff; border: 0; box-shadow: 1px 1px 1px #ccc; }
#qr-reader__dashboard_section_csr { margin: 15px 0 }
#html5-qrcode-button-camera-stop { width: 50%; border: none; padding: 3px; background: #f32f2f; color: white; box-shadow: 0px 2px 3px #261616; height: 35px; margin-top: 20px }

#html5-qrcode-button-camera-start { width: 50%; border: none; padding: 3px; background: #3b66ec; color: white; box-shadow: 0px 2px 3px black; height: 35px; margin-top: 20px }
.kb-section { display: flex; justify-content: flex-start; align-items: center; margin: 5px 10px; background: #efefef; color: black; padding: 5px 5px; }
.kb-section input { padding: 5px; }
.kb-section-filter-btn { display: flex; justify-content: flex-start; align-items: center; color: black; padding: 5px 5px; }
.kb-section-filter-btn .btn { }
.tumurunler-top-content { padding-top: 148px !important }

@keyframes androidWebViewCameraFix {
 0% { opacity: .2; }
 50% { opacity: .1; }
 100% { opacity: .2; }
}

.qrScan__androidWebViewCameraFix { width: 1px; height: 1px; animation: androidWebViewCameraFix 1s infinite; background-color: black; }
.rotaziyretok { color: var( --app-master-color); padding: 0; font-size: 15px; border-radius: 10px; min-width: 71px; margin: 0; font-weight: bold; text-align: left; }
.rotaziyretok span { }
.rotaziyretok i { margin-right: 5px; }
.rotaziyretnot { color: #de4242; padding: 0; font-size: 15px; border-radius: 10px; min-width: 71px; text-align: left; margin: 0; font-weight: bold; }
.rotaziyretnot span { }
.rotaziyretnot i { }
.ugrama-durumu { margin-top: 10px }
.sorted-rota-cari-list .sortable-handler { width: 50px; }
.order-list-wait-onay { font-weight: bold !important; color: white !important; display: flex !important; align-content: center; justify-content: flex-start; align-items: center; background-color: var( --app-master-color); max-width: 146px; padding: 5px; font-size: 12px !important; border-radius: 14px; }
.order-list-wait-onay i { color: white; font-size: 17px; margin-right: 8px; }
.inv-client label { position: relative; margin-right: 8px; padding-right: 5px; min-width: 95px; display: inline-block; color: var( --app-master-color); font-weight: 500; }
.inv-client label:after { position: absolute; content: ":"; right: -3px }
.menu-user-info {background: #313338;color: #fff;padding: 10px 15px;position: relative;}
.menu-user-info-name { font-size: 16px; font-weight: bold; text-align: center; }
.menu-user-info-pic { display: flex; align-content: center; align-items: center; justify-content: center; padding: 7px 8px 14px; }
.menu-user-info-pic img { width: 50px; border-radius: 50%; }
.menu-user-info-code { text-align: center; font-size: 13px }
.item-image-wrap img { width: 100% }
.notlistaciklama-text { padding: 10px 8px; margin-top: 8px; border: 1px solid #d8d8d8; }
.notlistaciklama label { font-weight: bold !important; font-size: 13px; color: var( --app-master-color); }
.color-white { color: white !important }
.item-content-not { display: flex; justify-content: space-between; box-sizing: border-box; align-items: center; min-height: calc(var(--f7-list-item-min-height) - var(--menu-list-offset)); padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset)); width: 100%; flex: 0 0 100%; padding-top: 12px; position: relative; }
.item-not { width: 100%; display: block; flex: 0 0 100%; position: relative; }
.item-not-title { min-width: 0; flex-shrink: 1; white-space: var(--f7-list-item-title-white-space); position: relative; overflow: hidden; text-overflow: ellipsis; max-width: 100%; font-weight: var(--f7-list-item-title-font-weight); line-height: var(--f7-list-item-title-line-height); font-size: 13px; color: var( --app-master-color); }
.item-not-after { padding-top: 10px; font-size: 14px; padding-bottom: 13px; padding-right: 15px; }
.item-content-images { display: flex; justify-content: space-between; box-sizing: border-box; align-items: center; min-height: calc(var(--f7-list-item-min-height) - var(--menu-list-offset)); width: 100%; flex: 0 0 100%; padding: 14px; }
.item-iamges-inner { width: 100%; }
.item-iamges-inner label { }
.notlistaciklama-resim-list { padding-top: 17px; padding-bottom: 17px; }
.not-resim-item { }
.item-inner-border:after { content: ''; position: absolute; background-color: var(--f7-list-item-border-color); display: block; z-index: 15; top: auto; right: auto; bottom: 0; left: 0; height: 1px; width: 100%; transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); }
.table-button-action { display: flex; align-content: center; justify-content: center; padding: 10px; }
.image-inner-gallery { padding: 15px }
.image-inner-gallery a { display: block; text-align: center; }
.image-inner-gallery img { width: 100%; max-width: 140px; }
.not-resim-item a { display: block; text-align: center; }
.not-resim-item { width: 100%; }
.datayokmesaj { padding: 20px; display: flex; text-align: center; align-content: center; font-size: 16px; font-weight: bold; }
.myproductListAll .product_quantity_up3 { margin-bottom: 20px; width: 45px; height: 40px; }
.myproductListAll .product_quantity_down3 { margin-top: 20px; width: 45px; height: 40px; }
.urun-liste-resim { min-height: 135px; margin-right: 15px !important; display: flex; align-content: center; align-items: center; justify-content: center; }
.popover.musteri-action.modal-in { overflow-y: auto; width: 75% !important; display: block !important; position: fixed !important; right: 0px !important; height: 100vh !important; top: 5px; left: auto !important; }
.grid-liste-view .profile-img .avatar { width: 100%; height: 100%; border-radius: 0; }
@media (min-width: 769px) {

 .grid-liste-view li { flex: 30%; margin: 5px; }
}
.risbaremetresi { position: absolute; right: 10px; width: 120px; height: 21px; bottom: 6px; }
.progressbarcari { width: 100%; display: flex; background-color: #5d6172; height: 100%; border-radius: 15px; overflow: hidden; font-size: 13px; }
.progressbarcari-line { }
.progressbarcari-value { position: absolute; left: 50%; color: #fff; margin-left: -14px; }
/*%30*/
.progressbarcari-30 { background-color: #26dd11 }
/*%50*/
.progressbarcari-50 { background-color: #25c613 }
.progressbarcari-60 { background-color: #cf5e13 }
.progressbarcari-80 { background-color: #ea660c; }
.progressbarcari-90 { background-color: #f32222 }
.progressbarcari-90 { background-color: #d51d1d }
.progressbarcari-100 { background-color: #c21818 }
.filterselect { padding-left: 0; margin-right: 14px !important; position: relative; width: 100%; margin-left: -6px; }
.dashboard-area-link { position: relative }
.badgecountmenu {position: absolute;right: 15px;top: 15px;background-color: var( --app-master-color);color: #fff;padding: 5px 11px;border-radius: 11px;z-index: 1;max-width: 39px;}
.scroll-auto { overflow: auto !important }
.barcodereader-seri-box { display: flex; padding: 15px; align-content: center; justify-content: center; align-items: center; background-color: #f1f1f1; font-size: 15px; font-weight: bold; margin-top: 15px; margin-right: 15px; margin-left: 15px; }
.barcodereader-seri-box label { margin-right: 10px }
.barcodereader-seri-box span { }
.fancybox-opened,.fancybox-inner{min-height:530px!important}
.product-pm-list .item-content, .product-pm-list.item-content {display: flex;/* flex-direction: column; */}
.vfilterlist_varyant ul { background-color: #fbf9f9; }
.vfilterlist_varyant ul li { border-bottom: 1px solid #cccc; border-bottom-style: dashed; }
.vfilterlist_varyant ul li label { }
.vfilterlist_varyant ul li span { }
.vfilterlist_varyant ul li .category-list-box { display: flex; align-items: center; gap: 8px; width: 100%; padding: 3px; }
.vfilterlist_varyant ul li input { flex: 0 0 auto; }

.vfilterlist_varyant ul li label { flex: 1; width: 100%; display: block; cursor: pointer; }
.product-filter-popup-heaer { position: sticky; top: 0; z-index: 50; background: #fff; padding-bottom: 9px; padding-top: 9px; border-bottom: 1px solid #ccc; box-shadow: 1px 1px -2px #ccc; margin-left: -15px; margin-right: -15px; }
.popup-product-filter .block-filter-first { margin-top: 0; }
.popup-product-filter { }
.popup-product-filter .accordion-list { margin-top: 19px; }
.popup-product-filter .fltrmarkam { padding: 11px; /* width: 58px; */ background-color: #f5f5f5; margin-right: 7px; color: #007aff; gap: 7px; }
.fltrmarkam-clear { padding: 11px; /* width: 58px; */ background-color: #f5f5f5; margin-right: 7px; color: #ff0000; gap: 7px; }
.btn-product-filter-open{}