/*!
 * # Semantic UI 2.1.6 - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.label{display:inline-block;line-height:1;vertical-align:baseline;margin:0 .14285714em;background-color:#E8E8E8;background-image:none;padding:.5833em .833em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border:0 solid transparent;border-radius:.28571429rem;-webkit-transition:background .1s ease;-moz-transition:background .1s ease;transition:background .1s ease}.ui.label:first-child{margin-right:0}.ui.label:last-child{margin-left:0}a.ui.label{cursor:pointer}.ui.label>a{cursor:pointer;color:inherit;opacity:.5;-webkit-transition:.1s opacity ease;-moz-transition:.1s opacity ease;transition:.1s opacity ease}.ui.label>a:hover{opacity:1}.ui.label>img{width:auto!important;vertical-align:middle;height:2.1666em!important}.ui.label>.icon{width:auto;margin:0 0 0 .75em}.ui.label>.detail{display:inline-block;vertical-align:top;font-weight:700;margin-right:1em;opacity:.8}.ui.label>.detail .icon{margin:0 0 0 .25em}.ui.label>.close.icon,.ui.label>.delete.icon{cursor:pointer;margin-left:0;margin-right:.5em;font-size:.92857143em;opacity:.5;-webkit-transition:background .1s ease;-moz-transition:background .1s ease;transition:background .1s ease}.ui.label>.delete.icon:hover{opacity:1}.ui.labels>.label{margin:0 0 .5em .5em}.ui.header>.ui.label{margin-top:-.29165em}.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label{border-top-right-radius:0}.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label{border-top-left-radius:0}.ui.top.attached.segment>.ui.bottom.left.attached.label{border-bottom-right-radius:0}.ui.top.attached.segment>.ui.bottom.right.attached.label{border-bottom-left-radius:0}.ui.top.attached.label:first-child+:not(.attached){margin-top:2rem!important}.ui.bottom.attached.label:first-child~:last-child:not(.attached){margin-top:0;margin-bottom:2rem!important}.ui.image.label{width:auto!important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:none;background:#E8E8E8;padding:.5833em .5em .5833em .833em;border-radius:.28571429rem;-webkit-box-shadow:none;box-shadow:none}.ui.image.label img{display:inline-block;vertical-align:top;height:2.1666em;margin:-.5833em -.5em -.5833em .5em;border-radius:0 .28571429rem .28571429rem 0}.ui.image.label .detail{background:rgba(0,0,0,.1);margin:-.5833em .5em -.5833em -.833em;padding:.5833em .833em;border-radius:.28571429rem 0 0 .28571429rem}.ui.tag.label,.ui.tag.labels .label{margin-right:1em;position:relative;padding-right:1.5em;padding-left:1.5em;border-radius:.28571429rem 0 0 .28571429rem;-webkit-transition:none;-moz-transition:none;transition:none}.ui.tag.label:before,.ui.tag.labels .label:before{position:absolute;-webkit-transform:translateY(-50%) translateX(-50%) rotate(-45deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(-45deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(-45deg);transform:translateY(-50%) translateX(-50%) rotate(-45deg);top:50%;left:100%;content:'';background-color:inherit;background-image:none;width:1.56em;height:1.56em;-webkit-transition:none;-moz-transition:none;transition:none}.ui.tag.label:after,.ui.tag.labels .label:after{position:absolute;content:'';top:50%;right:-.25em;margin-top:-.25em;background-color:#FFF!important;width:.5em;height:.5em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);border-radius:500rem}.ui.corner.label{position:absolute;top:0;left:0;margin:0;padding:0;text-align:center;border-color:#E8E8E8;width:4em;height:4em;z-index:1;-webkit-transition:border-color .1s ease;-moz-transition:border-color .1s ease;transition:border-color .1s ease;background-color:transparent!important}.ui.corner.label:after{position:absolute;content:"";left:0;top:0;z-index:-1;width:0;height:0;background-color:transparent!important;border-top:0 solid transparent;border-left:4em solid transparent;border-bottom:4em solid transparent;border-right:0 solid transparent;border-left-color:inherit;-webkit-transition:border-color .1s ease;-moz-transition:border-color .1s ease;transition:border-color .1s ease}.ui.corner.label .icon{cursor:default;position:relative;top:.64285714em;right:.78571429em;font-size:1.14285714em;margin:0}.ui.left.corner.label,.ui.left.corner.label:after{left:auto;right:0}.ui.left.corner.label:after{border-top:4em solid transparent;border-left:4em solid transparent;border-bottom:0 solid transparent;border-right:0 solid transparent;border-top-color:inherit}.ui.left.corner.label .icon{right:-.78571429em}.ui.segment>.ui.corner.label{top:-1px;left:-1px}.ui.segment>.ui.left.corner.label{left:auto;right:-1px}.ui.ribbon.label{position:relative;margin:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border-radius:.28571429rem 0 0 .28571429rem;border-color:rgba(0,0,0,.15)}.ui.ribbon.label:after{position:absolute;content:'';top:100%;right:0;background-color:transparent!important;border-style:solid;border-width:0 0 1.2em 1.2em;border-color:transparent;border-left-color:inherit;width:0;height:0}.ui.ribbon.label{right:-webkit-calc(-1rem - 1.2em);right:-moz-calc(-1rem - 1.2em);right:calc(-1rem - 1.2em);margin-left:-1.2em;padding-right:-webkit-calc(1rem + 1.2em);padding-right:-moz-calc(1rem + 1.2em);padding-right:calc(1rem + 1.2em);padding-left:1.2em}.ui[class*="right ribbon"].label{right:-webkit-calc(100% + 1rem + 1.2em);right:-moz-calc(100% + 1rem + 1.2em);right:calc(100% + 1rem + 1.2em);padding-right:1.2em;padding-left:-webkit-calc(1rem + 1.2em);padding-left:-moz-calc(1rem + 1.2em);padding-left:calc(1rem + 1.2em);text-align:right;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);border-radius:0 .28571429rem .28571429rem 0}.ui[class*="right ribbon"].label:after{right:auto;left:0;border-style:solid;border-width:1.2em 0 0 1.2em;border-color:transparent;border-top-color:inherit}.ui.card .image>.ribbon.label,.ui.image>.ribbon.label{position:absolute;top:1rem}.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label{right:-webkit-calc(.05rem - 1.2em);right:-moz-calc(.05rem - 1.2em);right:calc(.05rem - 1.2em)}.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label{right:-webkit-calc(100% + -.05rem + 1.2em);right:-moz-calc(100% + -.05rem + 1.2em);right:calc(100% + -.05rem + 1.2em);padding-right:.833em}.ui.table td>.ui.ribbon.label{right:-webkit-calc(-.71428571em - 1.2em);right:-moz-calc(-.71428571em - 1.2em);right:calc(-.71428571em - 1.2em)}.ui.table td>.ui[class*="right ribbon"].label{right:-webkit-calc(100% + .71428571em + 1.2em);right:-moz-calc(100% + .71428571em + 1.2em);right:calc(100% + .71428571em + 1.2em);padding-right:.833em}.ui.attached.label,.ui[class*="top attached"].label{width:100%;position:absolute;margin:0;top:0;right:0;padding:.75em 1em;border-radius:.21428571rem .21428571rem 0 0}.ui[class*="bottom attached"].label{top:auto;bottom:0;border-radius:0 0 .21428571rem .21428571rem}.ui[class*="top left attached"].label{width:auto;margin-top:0!important;border-radius:0 .21428571rem 0 .28571429rem}.ui[class*="top right attached"].label{width:auto;right:auto;left:0;border-radius:.21428571rem 0 .28571429rem}.ui[class*="bottom left attached"].label{width:auto;top:auto;bottom:0;border-radius:.28571429rem 0 .21428571rem}.ui[class*="bottom right attached"].label{top:auto;bottom:0;right:auto;left:0;width:auto;border-radius:0 .28571429rem 0 .21428571rem}.ui.label.disabled{opacity:.5}a.ui.label:hover,a.ui.labels .label:hover{background-color:#E0E0E0;border-color:#E0E0E0;background-image:none;color:rgba(0,0,0,.8)}.ui.labels a.label:hover:before,a.ui.label:hover:before{color:rgba(0,0,0,.8)}.ui.active.label{background-color:#D0D0D0;border-color:#D0D0D0;background-image:none;color:rgba(0,0,0,.95)}.ui.active.label:before{background-color:#D0D0D0;background-image:none;color:rgba(0,0,0,.95)}a.ui.active.label:hover,a.ui.labels .active.label:hover{background-color:#C8C8C8;border-color:#C8C8C8;background-image:none;color:rgba(0,0,0,.95)}.ui.labels a.active.label:ActiveHover:before,a.ui.active.label:ActiveHover:before{background-color:#C8C8C8;background-image:none;color:rgba(0,0,0,.95)}.ui.label.visible,.ui.labels.visible .label{display:inline-block!important}.ui.label.hidden,.ui.labels.hidden .label{display:none!important}.ui.red.label,.ui.red.labels .label{background-color:#f16321!important;border-color:#f16321!important;color:#FFF!important}.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#d0561e!important;border-color:#d0561e!important;color:#FFF!important}.ui.red.corner.label,.ui.red.corner.label:hover{background-color:transparent!important}.ui.red.ribbon.label{border-color:#af4616!important}.ui.basic.red.label{background-color:#FFF!important;color:#f16321!important;border-color:#f16321!important}.ui.basic.red.labels a.label:hover,a.ui.basic.red.label:hover{background-color:#FFF!important;color:#d0561e!important;border-color:#d0561e!important}.ui.orange.label,.ui.orange.labels .label{background-color:#F2711C!important;border-color:#F2711C!important;color:#FFF!important}.ui.orange.labels .label:hover,a.ui.orange.label:hover{background-color:#f26202!important;border-color:#f26202!important;color:#FFF!important}.ui.orange.corner.label,.ui.orange.corner.label:hover{background-color:transparent!important}.ui.orange.ribbon.label{border-color:#cf590c!important}.ui.basic.orange.label{background-color:#FFF!important;color:#F2711C!important;border-color:#F2711C!important}.ui.basic.orange.labels a.label:hover,a.ui.basic.orange.label:hover{background-color:#FFF!important;color:#f26202!important;border-color:#f26202!important}.ui.yellow.label,.ui.yellow.labels .label{background-color:#FBBD08!important;border-color:#FBBD08!important;color:#FFF!important}.ui.yellow.labels .label:hover,a.ui.yellow.label:hover{background-color:#eaae00!important;border-color:#eaae00!important;color:#FFF!important}.ui.yellow.corner.label,.ui.yellow.corner.label:hover{background-color:transparent!important}.ui.yellow.ribbon.label{border-color:#cd9903!important}.ui.basic.yellow.label{background-color:#FFF!important;color:#FBBD08!important;border-color:#FBBD08!important}.ui.basic.yellow.labels a.label:hover,a.ui.basic.yellow.label:hover{background-color:#FFF!important;color:#eaae00!important;border-color:#eaae00!important}.ui.olive.label,.ui.olive.labels .label{background-color:#B5CC18!important;border-color:#B5CC18!important;color:#FFF!important}.ui.olive.labels .label:hover,a.ui.olive.label:hover{background-color:#a7bd0d!important;border-color:#a7bd0d!important;color:#FFF!important}.ui.olive.corner.label,.ui.olive.corner.label:hover{background-color:transparent!important}.ui.olive.ribbon.label{border-color:#286f06!important}.ui.basic.olive.label{background-color:#FFF!important;color:#B5CC18!important;border-color:#B5CC18!important}.ui.basic.olive.labels a.label:hover,a.ui.basic.olive.label:hover{background-color:#FFF!important;color:#a7bd0d!important;border-color:#a7bd0d!important}.ui.green.label,.ui.green.labels .label{background-color:#39a008!important;border-color:#39a008!important;color:#FFF!important}.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#2e8e00!important;border-color:#2e8e00!important;color:#FFF!important}.ui.green.corner.label,.ui.green.corner.label:hover{background-color:transparent!important}.ui.green.ribbon.label{border-color:#286f06!important}.ui.basic.green.label{background-color:#FFF!important;color:#39a008!important;border-color:#39a008!important}.ui.basic.green.labels a.label:hover,a.ui.basic.green.label:hover{background-color:#FFF!important;color:#2e8e00!important;border-color:#2e8e00!important}.ui.teal.label,.ui.teal.labels .label{background-color:#00B5AD!important;border-color:#00B5AD!important;color:#FFF!important}.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009c95!important;border-color:#009c95!important;color:#FFF!important}.ui.teal.corner.label,.ui.teal.corner.label:hover{background-color:transparent!important}.ui.teal.ribbon.label{border-color:#00827c!important}.ui.basic.teal.label{background-color:#FFF!important;color:#00B5AD!important;border-color:#00B5AD!important}.ui.basic.teal.labels a.label:hover,a.ui.basic.teal.label:hover{background-color:#FFF!important;color:#009c95!important;border-color:#009c95!important}.ui.blue.label,.ui.blue.labels .label{background-color:#049dd5!important;border-color:#049dd5!important;color:#FFF!important}.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1678c2!important;border-color:#1678c2!important;color:#FFF!important}.ui.blue.corner.label,.ui.blue.corner.label:hover{background-color:transparent!important}.ui.blue.ribbon.label{border-color:#1a69a4!important}.ui.basic.blue.label{background-color:#FFF!important;color:#049dd5!important;border-color:#049dd5!important}.ui.basic.blue.labels a.label:hover,a.ui.basic.blue.label:hover{background-color:#FFF!important;color:#1678c2!important;border-color:#1678c2!important}.ui.violet.label,.ui.violet.labels .label{background-color:#6435C9!important;border-color:#6435C9!important;color:#FFF!important}.ui.violet.labels .label:hover,a.ui.violet.label:hover{background-color:#5829bb!important;border-color:#5829bb!important;color:#FFF!important}.ui.violet.corner.label,.ui.violet.corner.label:hover{background-color:transparent!important}.ui.violet.ribbon.label{border-color:#502aa1!important}.ui.basic.violet.label{background-color:#FFF!important;color:#6435C9!important;border-color:#6435C9!important}.ui.basic.violet.labels a.label:hover,a.ui.basic.violet.label:hover{background-color:#FFF!important;color:#5829bb!important;border-color:#5829bb!important}.ui.purple.label,.ui.purple.labels .label{background-color:#A333C8!important;border-color:#A333C8!important;color:#FFF!important}.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#9627ba!important;border-color:#9627ba!important;color:#FFF!important}.ui.purple.corner.label,.ui.purple.corner.label:hover{background-color:transparent!important}.ui.purple.ribbon.label{border-color:#82299f!important}.ui.basic.purple.label{background-color:#FFF!important;color:#A333C8!important;border-color:#A333C8!important}.ui.basic.purple.labels a.label:hover,a.ui.basic.purple.label:hover{background-color:#FFF!important;color:#9627ba!important;border-color:#9627ba!important}.ui.pink.label,.ui.pink.labels .label{background-color:#E03997!important;border-color:#E03997!important;color:#FFF!important}.ui.pink.labels .label:hover,a.ui.pink.label:hover{background-color:#e61a8d!important;border-color:#e61a8d!important;color:#FFF!important}.ui.pink.corner.label,.ui.pink.corner.label:hover{background-color:transparent!important}.ui.pink.ribbon.label{border-color:#c71f7e!important}.ui.basic.pink.label{background-color:#FFF!important;color:#E03997!important;border-color:#E03997!important}.ui.basic.pink.labels a.label:hover,a.ui.basic.pink.label:hover{background-color:#FFF!important;color:#e61a8d!important;border-color:#e61a8d!important}.ui.brown.label,.ui.brown.labels .label{background-color:#A5673F!important;border-color:#A5673F!important;color:#FFF!important}.ui.brown.labels .label:hover,a.ui.brown.label:hover{background-color:#975b33!important;border-color:#975b33!important;color:#FFF!important}.ui.brown.corner.label,.ui.brown.corner.label:hover{background-color:transparent!important}.ui.brown.ribbon.label{border-color:#805031!important}.ui.basic.brown.label{background-color:#FFF!important;color:#A5673F!important;border-color:#A5673F!important}.ui.basic.brown.labels a.label:hover,a.ui.basic.brown.label:hover{background-color:#FFF!important;color:#975b33!important;border-color:#975b33!important}.ui.grey.label,.ui.grey.labels .label{background-color:#555!important;border-color:#555!important;color:#FFF!important}.ui.grey.labels .label:hover,a.ui.grey.label:hover{background-color:#626262!important;border-color:#626262!important;color:#FFF!important}.ui.grey.corner.label,.ui.grey.corner.label:hover{background-color:transparent!important}.ui.grey.ribbon.label{border-color:#805031!important}.ui.basic.grey.label{background-color:#FFF!important;color:#555!important;border-color:#555!important}.ui.basic.grey.labels a.label:hover,a.ui.basic.grey.label:hover{background-color:#FFF!important;color:#626262!important;border-color:#626262!important}.ui.black.label,.ui.black.labels .label{background-color:#1B1C1D!important;border-color:#1B1C1D!important;color:#FFF!important}.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#27292a!important;border-color:#27292a!important;color:#FFF!important}.ui.black.corner.label,.ui.black.corner.label:hover{background-color:transparent!important}.ui.black.ribbon.label{border-color:#805031!important}.ui.basic.black.label{background-color:#FFF!important;color:#1B1C1D!important;border-color:#1B1C1D!important}.ui.basic.black.labels a.label:hover,a.ui.basic.black.label:hover{background-color:#FFF!important;color:#27292a!important;border-color:#27292a!important}.ui.basic.label{background:#FFF;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}a.ui.basic.label:hover{text-decoration:none;background:#FFF;color:#1e70bf;-webkit-box-shadow:none;box-shadow:none}.ui.basic.pointing.label:before{border-color:inherit}.ui.fluid.labels>.label,.ui.label.fluid{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ui.inverted.label,.ui.inverted.labels .label{color:rgba(255,255,255,.9)!important}.ui.horizontal.label,.ui.horizontal.labels .label{margin:0 0 0 .5em;padding:.4em .833em;min-width:3em;text-align:center}.ui.circular.label,.ui.circular.labels .label{min-width:2em;min-height:2em;padding:.5em!important;line-height:1em;text-align:center;border-radius:500rem}.ui.empty.circular.label,.ui.empty.circular.labels .label{min-width:0;min-height:0;overflow:hidden;width:.5em;height:.5em;vertical-align:baseline}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{background-color:inherit;border-style:solid;border-color:inherit;position:absolute;content:'';-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-image:none;z-index:2;width:.6666em;height:.6666em;-webkit-transition:background .1s ease;-moz-transition:background .1s ease;transition:background .1s ease}.ui.pointing.label,.ui[class*="pointing above"].label{margin-top:1em}.ui.pointing.label:before,.ui[class*="pointing above"].label:before{border-width:1px 1px 0 0;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);top:0;right:50%}.ui[class*="bottom pointing"].label,.ui[class*="pointing below"].label{margin-top:0;margin-bottom:1em}.ui[class*="bottom pointing"].label:before,.ui[class*="pointing below"].label:before{border-width:0 0 1px 1px;left:auto;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);top:100%;right:50%}.ui[class*="left pointing"].label{margin-top:0;margin-right:.6666em}.ui[class*="left pointing"].label:before{border-width:0 1px 1px 0;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);bottom:auto;left:auto;top:50%;right:0}.ui[class*="right pointing"].label{margin-top:0;margin-left:.6666em}.ui[class*="right pointing"].label:before{border-width:1px 0 0 1px;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);top:50%;left:0;bottom:auto;right:auto}.ui.basic.pointing.label:before,.ui.basic[class*="pointing above"].label:before{margin-top:-1px}.ui.basic[class*="bottom pointing"].label:before,.ui.basic[class*="pointing below"].label:before{bottom:auto;top:100%;margin-top:1px}.ui.basic[class*="left pointing"].label:before{top:50%;right:-1px}.ui.basic[class*="right pointing"].label:before{top:50%;left:-1px}.ui.floating.label{position:absolute;z-index:100;top:-1em;right:100%;margin:0 -1.5em 0 0!important}.ui.mini.label,.ui.mini.labels .label{font-size:.64285714rem}.ui.tiny.label,.ui.tiny.labels .label{font-size:.71428571rem}.ui.small.label,.ui.small.labels .label{font-size:.78571429rem}.ui.label,.ui.labels .label{font-size:.85714286rem}.ui.large.label,.ui.large.labels .label{font-size:1rem}.ui.big.label,.ui.big.labels .label{font-size:1.28571429rem}.ui.huge.label,.ui.huge.labels .label{font-size:1.42857143rem}.ui.massive.label,.ui.massive.labels .label{font-size:1.71428571rem}.right.ribbons .ui.ribbon.label:after{right:auto;left:0;border-style:solid;border-width:1.2em 0 0 1.2em;border-color:transparent;border-top-color:inherit}.right.ribbons .ui.ribbon.label{text-align:right;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);border-radius:0 .28571429rem .28571429rem 0;padding-right:.833em;left:-webkit-calc(102.2%);left:-moz-calc(102.2%);left:calc(102.2%);padding-right:-webkit-calc(2.2rem);padding-right:-moz-calc(2.2rem);padding-right:calc(2.2rem);right:-webkit-calc(100% + 1rem + 1.2em);right:-moz-calc(100% + 1rem + 1.2em);right:calc(100% + 1rem + 1.2em);padding-left:-webkit-calc(1rem + 1.2em);padding-left:-moz-calc(1rem + 1.2em);padding-left:calc(1rem + 1.2em)}.ui.card .image>.ui.ribbon.label{right:-webkit-calc(.05rem - 1.2em);right:-moz-calc(.05rem - 1.2em);right:calc(.05rem - 1.2em)}.ui.card .image>.ui[class*="right ribbon"].label{right:-webkit-calc(100% + -.05rem + 1.2em);right:-moz-calc(100% + -.05rem + 1.2em);right:calc(100% + -.05rem + 1.2em);padding-right:.833em}.ribbons .ui.ribbon.label{display:block;margin-top:5px}.ribbons{position:absolute;top:0}.right.ribbons{left:15px}.left.ribbons{right:15px}

/*!
 * # Semantic UI 2.1.6 - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.message{position:relative;min-height:1em;margin:1em 0;background:#F8F8F9;padding:1em 1.5em;line-height:1.4285em;color:rgba(0,0,0,.87);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}
    .ui.message .header {
        display: block;
        font-family: IRANSANS_fa, Tahoma;
        font-weight: 700;
        margin: -.14285em 0 0
    }.ui.message .header:not(.ui){font-size:1.14285714em}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message .list:not(.ui){text-align:right;padding:0;opacity:.85;list-style-position:inside;margin:.5em 0 0}.ui.message .list:not(.ui):first-child{margin-top:0}.ui.message .list:not(.ui):last-child{margin-bottom:0}.ui.message .list:not(.ui) li{position:relative;list-style-type:none;margin:0 1em .3em 0;padding:0}.ui.message .list:not(.ui) li:before{position:absolute;content:'•';right:-1em;height:100%;vertical-align:baseline}.ui.message .list:not(.ui) li:last-child{margin-bottom:0}.ui.message>.icon{margin-left:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;margin:0;top:.78575em;left:.5em;opacity:.7;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;transition:opacity .1s ease}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.dropdown .menu>.message{margin:0 -1px}.ui.visible.visible.visible.visible.message{display:block}.ui.icon.visible.visible.visible.visible.message{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.ui.hidden.hidden.hidden.hidden.message{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;margin-right:-1px;margin-left:-1px}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{width:auto}.ui.icon.message{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.ui.icon.message>.icon:not(.close){display:block;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;line-height:1;vertical-align:middle;font-size:3em;opacity:.8}.ui.icon.message>.content{display:block;-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;vertical-align:middle}.ui.icon.message .icon:not(.close)+.content{padding-right:0}.ui.icon.message .circular.icon{width:1em}.ui.floating.message{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08)}.ui.positive.message{background-color:#FCFFF5;color:#2C662D}.ui.attached.positive.message,.ui.positive.message{-webkit-box-shadow:0 0 0 1px #A3C293 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #A3C293 inset,0 0 0 0 transparent}.ui.positive.message .header{color:#1A531B}.ui.negative.message{background-color:#FFF6F6;color:#9F3A38}.ui.attached.negative.message,.ui.negative.message{-webkit-box-shadow:0 0 0 1px #E0B4B4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #E0B4B4 inset,0 0 0 0 transparent}.ui.negative.message .header{color:#912D2B}.ui.info.message{background-color:#F8FFFF;color:#276F86}.ui.attached.info.message,.ui.info.message{-webkit-box-shadow:0 0 0 1px #A9D5DE inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #A9D5DE inset,0 0 0 0 transparent}.ui.info.message .header{color:#0E566C}.ui.warning.message{background-color:#FFFAF3;color:#573A08}.ui.attached.warning.message,.ui.warning.message{-webkit-box-shadow:0 0 0 1px #C9BA9B inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #C9BA9B inset,0 0 0 0 transparent}.ui.warning.message .header{color:#794B02}.ui.error.message{background-color:#FFF6F6;color:#9F3A38}.ui.attached.error.message,.ui.error.message{-webkit-box-shadow:0 0 0 1px #E0B4B4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #E0B4B4 inset,0 0 0 0 transparent}.ui.error.message .header{color:#912D2B}.ui.success.message{background-color:#FCFFF5;color:#2C662D}.ui.attached.success.message,.ui.success.message{-webkit-box-shadow:0 0 0 1px #A3C293 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #A3C293 inset,0 0 0 0 transparent}.ui.success.message .header{color:#1A531B}.ui.black.message,.ui.inverted.message{background-color:#1B1C1D;color:rgba(255,255,255,.9)}.ui.red.message{background-color:#FFE8E6;color:#f16321}.ui.red.message .header{color:#9d1133}.ui.orange.message{background-color:#FFEDDE;color:#F2711C}.ui.orange.message .header{color:#e7640d}.ui.yellow.message{background-color:#FFF8DB;color:#B58105}.ui.yellow.message .header{color:#9c6f04}.ui.olive.message{background-color:#FBFDEF;color:#8ABC1E}.ui.olive.message .header{color:#7aa61a}.ui.green.message{background-color:#E5F9E7;color:#1EBC30}.ui.green.message .header{color:#1aa62a}.ui.teal.message{background-color:#E1F7F7;color:#10A3A3}.ui.teal.message .header{color:#0e8c8c}.ui.blue.message{background-color:#DFF0FF;color:#049dd5}.ui.blue.message .header{color:#1e77ba}.ui.violet.message{background-color:#EAE7FF;color:#6435C9}.ui.violet.message .header{color:#5a30b5}.ui.purple.message{background-color:#F6E7FF;color:#A333C8}.ui.purple.message .header{color:#922eb4}.ui.pink.message{background-color:#FFE3FB;color:#E03997}.ui.pink.message .header{color:#dd238b}.ui.brown.message{background-color:#F1E2D3;color:#A5673F}.ui.brown.message .header{color:#935b38}.ui.small.message{font-size:.92857143em}.ui.message{font-size:1em}.ui.large.message{font-size:1.14285714em}.ui.huge.message{font-size:1.42857143em}.ui.massive.message{font-size:1.71428571em}

/*!
 * # Semantic UI 2.4.2 - Step
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:1em 0;background:'';-webkit-box-shadow:none;box-shadow:none;line-height:1.14285714em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.steps:first-child{margin-top:0}.ui.steps:last-child{margin-bottom:0}.ui.steps .step{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;vertical-align:middle;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0;padding:1.14285714em 2em;background:#fff;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:none;border-left:1px solid rgba(34,36,38,.15);-webkit-transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease}.ui.steps .step:after{display:none;position:absolute;z-index:2;content:'';top:50%;left:0;border:medium none;background-color:#fff;width:1.14285714em;height:1.14285714em;border-style:solid;border-color:rgba(34,36,38,.15);border-width:0 0 1px 1px;-webkit-transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg)}.ui.steps .step:first-child{padding-right:2em;border-radius:0 .28571429rem .28571429rem 0}.ui.steps .step:last-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.steps .step:last-child{border-left:none;margin-left:0}.ui.steps .step:only-child{border-radius:.28571429rem}.ui.steps .step .title{font-family: IRANSANS_fa, Tahoma;font-size:1.14285714em;font-weight:700}.ui.steps .step>.title{width:100%}.ui.steps .step .description{font-weight:400;font-size:.92857143em;color:rgba(0,0,0,.87)}.ui.steps .step>.description{width:100%}.ui.steps .step .title~.description{margin-top:.25em}.ui.steps .step>.icon{line-height:1;font-size:2.5em;margin:0 0 0 1rem}.ui.steps .step>.icon,.ui.steps .step>.icon~.content{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:middle;align-self:middle}.ui.steps .step>.icon~.content{-webkit-box-flex:1 0 auto;-ms-flex-positive:1 0 auto;flex-grow:1 0 auto}.ui.steps:not(.vertical) .step>.icon{width:auto}.ui.steps .link.step,.ui.steps a.step{cursor:pointer}.ui.ordered.steps{counter-reset:ordered}.ui.ordered.steps .step:before{display:block;position:static;text-align:center;content:counters(ordered, ".");-ms-flex-item-align:middle;align-self:middle;margin-left:1rem;font-size:2.5em;counter-increment:ordered;font-family:inherit;font-weight:700}.ui.ordered.steps .step>*{display:block;-ms-flex-item-align:middle;align-self:middle}.ui.vertical.steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:visible}.ui.vertical.steps .step{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:0;padding:1.14285714em 2em;border-left:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.steps .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.steps .step:last-child{border-bottom:none;border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.steps .step:only-child{border-radius:.28571429rem}.ui.vertical.steps .step:after{display:none}.ui.vertical.steps .step:after{top:50%;left:0;border-width:0 0 1px 1px}.ui.vertical.steps .step:after{display:none}.ui.vertical.steps .active.step:after{display:block}.ui.vertical.steps .step:last-child:after{display:none}.ui.vertical.steps .active.step:last-child:after{display:block}@media only screen and (max-width:767px){.ui.steps:not(.unstackable){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.steps:not(.unstackable) .step{width:100%!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui.steps:not(.unstackable) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.steps:not(.unstackable) .step:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.steps:not(.unstackable) .step:after{display:none!important}.ui.steps:not(.unstackable) .step .content{text-align:center}.ui.ordered.steps:not(.unstackable) .step:before,.ui.steps:not(.unstackable) .step>.icon{margin:0 0 1rem 0}}.ui.steps .link.step:hover,.ui.steps .link.step:hover::after,.ui.steps a.step:hover,.ui.steps a.step:hover::after{background:#f9fafb;color:rgba(0,0,0,.8)}.ui.steps .link.step:active,.ui.steps .link.step:active::after,.ui.steps a.step:active,.ui.steps a.step:active::after{background:#f3f4f5;color:rgba(0,0,0,.9)}.ui.steps .step.active{cursor:auto;background:#f3f4f5}.ui.steps .step.active:after{background:#f3f4f5}.ui.steps .step.active .title{color:#4183c4}.ui.ordered.steps .step.active:before,.ui.steps .active.step .icon{color:rgba(0,0,0,.85)}.ui.steps .step:after{display:block}.ui.steps .active.step:after{display:block}.ui.steps .step:last-child:after{display:none}.ui.steps .active.step:last-child:after{display:none}.ui.steps .link.active.step:hover,.ui.steps .link.active.step:hover::after,.ui.steps a.active.step:hover,.ui.steps a.active.step:hover::after{cursor:pointer;background:#dcddde;color:rgba(0,0,0,.87)}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{color:#21ba45}.ui.steps .disabled.step{cursor:auto;background:#fff;pointer-events:none}.ui.steps .disabled.step,.ui.steps .disabled.step .description,.ui.steps .disabled.step .title{color:rgba(40,40,40,.3)}.ui.steps .disabled.step:after{background:#fff}@media only screen and (max-width:991px){.ui[class*="tablet stackable"].steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui[class*="tablet stackable"].steps .step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui[class*="tablet stackable"].steps .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="tablet stackable"].steps .step:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui[class*="tablet stackable"].steps .step:after{display:none!important}.ui[class*="tablet stackable"].steps .step .content{text-align:center}.ui[class*="tablet stackable"].ordered.steps .step:before,.ui[class*="tablet stackable"].steps .step>.icon{margin:0 0 1rem 0}}.ui.fluid.steps{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.ui.attached.steps{width:calc(100% + (--1px * 2))!important;margin:0 -1px 0;max-width:calc(100% + (--1px * 2));border-radius:.28571429rem .28571429rem 0 0}.ui.attached.steps .step:first-child{border-radius:0 .28571429rem 0 0}.ui.attached.steps .step:last-child{border-radius:.28571429rem 0 0 0}.ui.bottom.attached.steps{margin:0 -1px 0;border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.attached.steps .step:first-child{border-radius:0 0 .28571429rem 0}.ui.bottom.attached.steps .step:last-child{border-radius:0 0 0 .28571429rem}.ui.eight.steps,.ui.five.steps,.ui.four.steps,.ui.one.steps,.ui.seven.steps,.ui.six.steps,.ui.three.steps,.ui.two.steps{width:100%}.ui.eight.steps>.step,.ui.five.steps>.step,.ui.four.steps>.step,.ui.one.steps>.step,.ui.seven.steps>.step,.ui.six.steps>.step,.ui.three.steps>.step,.ui.two.steps>.step{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.mini.step,.ui.mini.steps .step{font-size:.78571429rem}.ui.tiny.step,.ui.tiny.steps .step{font-size:.85714286rem}.ui.small.step,.ui.small.steps .step{font-size:.92857143rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.14285714rem}.ui.big.step,.ui.big.steps .step{font-size:1.28571429rem}.ui.huge.step,.ui.huge.steps .step{font-size:1.42857143rem}.ui.massive.step,.ui.massive.steps .step{font-size:1.71428571rem}@font-face{font-family:Step;src:url(data:application/x-font-ttf;charset=utf-8;;base64,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) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,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) format('woff')}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{font-family:Step;content:'\e800'}
/*!
 * # Semantic UI 2.1.6 - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.tab{display:none}.ui.tab.active,.ui.tab.open{display:block}.ui.tab.loading{position:relative;overflow:hidden;display:block;min-height:250px}.ui.tab.loading *{position:relative!important;right:-10000px!important}.ui.tab.loading.segment:before,.ui.tab.loading:before{position:absolute;content:'';top:100px;right:50%;margin:-1.25em -1.25em 0 0;width:2.5em;height:2.5em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.tab.loading.segment:after,.ui.tab.loading:after{position:absolute;content:'';top:100px;right:50%;margin:-1.25em -1.25em 0 0;width:2.5em;height:2.5em;-webkit-animation:button-spin .6s linear;-moz-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#555 transparent transparent;border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}
/*!
 * # Semantic UI 2.1.6 - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.items>.item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:1em 0;width:100%;min-height:0;background:0 0;padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow .1s ease;-moz-transition:box-shadow .1s ease;transition:box-shadow .1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0}.ui.items:first-child{margin-top:0!important}.ui.items:last-child{margin-bottom:0!important}.ui.items>.item:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0}.ui.items>.item:last-child{margin-bottom:0}.ui.items>.item>.image{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;float:none;margin:0;padding:0;max-height:'';-webkit-align-self:top;-ms-flex-item-align:top;align-self:top}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0}.ui.items>.item>.content{display:block;-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:0 0;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border:none;border-radius:0}.ui.items>.item>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-right:0;-webkit-align-self:top;-ms-flex-item-align:top;align-self:top;padding-right:1.5em}
    .ui.items > .item > .content > .header {
        display: inline-block;
        margin: -.21425em 0 0;
        font-family: IRANSANS_fa, Tahoma;
        font-weight: 700;
        color: rgba(0,0,0,.85)
    }.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:right}.ui.items>.item [class*="right floated"]{float:left}.ui.items>.item .content img{-webkit-align-self:middle;-ms-flex-item-align:middle;align-self:middle;width:''}.ui.items>.item .avatar img,.ui.items>.item img.avatar{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,.87)}.ui.items>.item>.content p{margin:0 0 .5em}.ui.items>.item>.content p:last-child{margin-bottom:0}.ui.items>.item .meta{margin:.5em 0;font-size:1em;line-height:1em;color:rgba(0,0,0,.6)}.ui.items>.item .meta *{margin-left:.3em}.ui.items>.item .meta :last-child{margin-left:0}.ui.items>.item .meta [class*="right floated"]{margin-left:0;margin-right:.3em}.ui.items>.item>.content a:not(.ui){color:'';-webkit-transition:color .1s ease;-moz-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:.75;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#FFB70A}.ui.items>.item>.content .active.favorite.icon{color:#FFE623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:.75;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#FF2733}.ui.items>.item>.content .active.like.icon{color:#FF2733}.ui.items>.item .extra{display:block;position:relative;background:0 0;margin:.5rem 0 0;width:100%;padding:0;top:0;right:0;color:rgba(0,0,0,.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;transition:color .1s ease;border-top:none}.ui.items>.item .extra>*{margin:.25rem 0 .25rem .5rem}.ui.items>.item .extra>[class*="right floated"]{margin:.25rem .5rem .25rem 0}.ui.items>.item .extra:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width:768px) and (max-width:991px){.ui.items>.item{margin:1em 0}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0 1em 0 0}}@media only screen and (max-width:767px){.ui.items>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em 0}.ui.items>.item>.image{display:block;margin-right:auto;margin-left:auto}.ui.items>.item>.image,.ui.items>.item>.image>img{max-width:100%!important;width:auto!important;max-height:250px!important}.ui.items>.item>.image+.content{display:block;padding:1.5em 0 0}}.ui.items>.item>.image+[class*="top aligned"].content{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0}.ui[class*="very relaxed"].items>.item{margin:2em 0}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,.15);margin:0;padding:1em 0}.ui.divided.items>.item:first-child{border-top:none;margin-top:0!important;padding-top:0!important}.ui.divided.items>.item:last-child{margin-bottom:0!important;padding-bottom:0!important}.ui.relaxed.divided.items>.item{margin:0;padding:1.5em 0}.ui[class*="very relaxed"].divided.items>.item{margin:0;padding:2em 0}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}
/*!
 * # Semantic UI 2.1.6 - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.popup{display:none;position:absolute;top:0;left:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;z-index:1900;border:1px solid #D4D4D5;line-height:1.4285em;max-width:250px;background:#FFF;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);margin:0}
    .ui.popup > .header {
        padding: 0;
        font-family: IRANSANS_fa, Tahoma;
        font-size: 1.125em;
        line-height: 1.2;
        font-weight: 700
    }.ui.popup>.header+.content{padding-top:.5em}.ui.popup:before{position:absolute;content:'';width:.75em;height:.75em;background:#FFF;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:2;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}.ui.top.popup{margin:0 0 .75em}.ui.top.left.popup{-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}.ui.top.center.popup{-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.ui.top.right.popup{-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}.ui.left.center.popup{margin:0 0 0 .75em;-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;-ms-transform-origin:left 50%;transform-origin:left 50%}.ui.right.center.popup{margin:0 .75em 0 0;-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;-ms-transform-origin:right 50%;transform-origin:right 50%}.ui.bottom.popup{margin:.75em 0 0}.ui.bottom.left.popup{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.ui.bottom.center.popup{-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.ui.bottom.right.popup{-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;margin-left:0}.ui.bottom.center.popup:before{margin-right:-.325em;top:-.325em;right:50%;left:auto;bottom:auto;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-right:0}.ui.bottom.right.popup:before{top:-.325em;right:1em;left:auto;bottom:auto;margin-right:0;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.bottom.left.popup:before{top:-.325em;left:1em;bottom:auto;right:auto;margin-right:0;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.top.center.popup:before{top:auto;left:auto;bottom:-.325em;right:50%;margin-right:-.325em}.ui.top.left.popup{margin-right:0}.ui.top.right.popup:before{bottom:-.325em;right:1em;top:auto;left:auto;margin-right:0}.ui.top.right.popup{margin-left:0}.ui.top.left.popup:before{bottom:-.325em;left:1em;top:auto;right:auto;margin-right:0}.ui.right.center.popup:before{top:50%;left:-.325em;bottom:auto;right:auto;margin-top:-.325em;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.left.center.popup:before{top:50%;right:-.325em;bottom:auto;left:auto;margin-top:-.325em;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}.ui.bottom.popup:before,.ui.left.center.popup:before,.ui.right.center.popup:before,.ui.top.popup:before{background:#FFF}.ui.inverted.bottom.popup:before,.ui.inverted.left.center.popup:before,.ui.inverted.right.center.popup:before,.ui.inverted.top.popup:before{background:#1B1C1D}.ui.popup>.ui.grid:not(.padded){width:-webkit-calc(100% + 1.75rem);width:-moz-calc(100% + 1.75rem);width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup:before{display:none}.ui.wide.popup{max-width:350px}.ui[class*="very wide"].popup{max-width:550px}@media only screen and (max-width:767px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1B1C1D;color:#FFF;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#FFF}.ui.inverted.popup:before{background-color:#1B1C1D;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.flowing.popup{max-width:none}.ui.mini.popup{font-size:.71428571rem}.ui.tiny.popup{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}.ui.popup{font-size:1rem;direction:rtl}.ui.large.popup{font-size:1.14285714rem}.ui.huge.popup{font-size:1.42857143rem}
.card.product,
.ui.product.cards .card, .ui.product.cards > .card {
    display: flex !important;
    max-width: 235px;
}

.ImgContainer {
    position: relative;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.card.product img,
.ui.product.cards .card img {
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    /*margin-bottom: -7px;*/
    position: relative;
    top: 0;
    transition: all 0.3s ease 0s;
    left: 0;
    /* border-radius: 0.285714rem;
       transform:scale(1);*/
}

.ie .card.product > img,
.ie .ui.product.cards .card > img {
    min-height: 50%;
}

.card.product:hover img, .ui.product.cards .card:hover img {
    /*transform: translateY(-3px) !important;*/
    /*box-shadow: 0 0.08rem 7px 2px #888 !important;
        border-color: #666 !important;*/
}

.card.product,
.ui.product.cards .card {
    border: 1px solid #ccc !important;
    background-color: #fff;
    box-shadow: none !important;
    transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s, transform 0.3s ease 0s;
    direction: rtl;
    overflow: hidden;
    /*justify-content: space-between;*/
    display: flex;
    flex-direction: column;
}


    .card.product .content,
    .ui.product.cards .card .content {
        padding: 0 !important;
    }

    .card.product .header:not(.ui),
    .ui.product.cards .card .header:not(.ui) {
        display: block;
        font-size: 13px;
        font-weight: 400 !important;
        line-height: 1.7 !important;
        margin: 0 !important;
        padding: 0 10px;
        flex-basis: 45px;
    }

    .card.product a,
    .ui.product.cards .card a {
        color: #fff;
        /*display: flex;
    flex-direction: column;
    flex: 1;*/
    }

    .card.product .brandholder a,
    .ui.product.cards .card .brandholder a {
        color: #555;
        display: inline-flex;
    }

.BrandLogo {
    float: left;
}

.card.product .price,
.ui.product.cards .card .price {
    display: block;
    font-size: 13px;
    padding: 9px 10px 2px 0;
    color: #39a008 !important;
}

.card.product:hover,
.ui.product.cards .card:hover {
    /*box-shadow: 0 0 5px 1px #aeaeae !important;
        border-color: #bbb !important;
        cursor: pointer;*/
    /*transform: translateY(-3px) !important;*/
}

    .card.product:hover .desc,
    .ui.product.cards .card:hover .desc {
        /*opacity: 0.5;*/
    }

    .card.product:hover .header,
    .ui.product.cards .card:hover .header {
        /*color: #ae1f38;*/
    }

.card.product .desc,
.ui.product.cards .card .desc {
    bottom: 0;
    color: #555;
    margin-top: 14px;
    text-align: right;
    transition: all 0.3s ease 0s;
    width: 100%;
    /*flex-grow: 1;*/
    display: flex;
    flex-direction: column-reverse;
    padding: 0 !important;
}


.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
}


.product-price {
    color: #049dd5;
    font-size: 1.2rem;
    text-align: center;
    padding: 5px 0;
}

    .product-price.off {
        color: #f16321;
    }

.price-has-off .product-price {
    text-decoration: line-through;
}

    .price-has-off .product-price.off {
        text-decoration: none;
    }


/*.ui.product.cards {
    margin: 0px;
}

    

.ui.productcard {
    margin:0px;
}*/
.ui.inline.product.card {
    margin-top: 0;
}

.cards.product .Tags, .card.product .Tags {
    left: 0;
    position: absolute;
    top: 0;
}

    .cards.product .Tags i, .card.product .Tags i {
        display: block;
        margin: 0.25rem;
    }

    /*TODO :: Remove*/
    .cards.product .Tags .offpercent, .card.product .Tags .offpercent {
        background-color: #39a008;
        border-radius: 50%;
        color: #fff;
        display: block;
        height: 42px;
        margin: 0.25rem;
        padding: 12px 0.285714rem 10px;
        width: 42px;
    }

.Tags i.circular.icon {
    border-radius: 0.5rem !important;
}

.cards.product .desc .offprice, .card.product .desc .offprice {
    color: #888 !important;
    margin-left: 2px;
    position: relative;
    top: -1px;
    display: block;
    text-decoration: line-through;
}

.cards.product .desc .availableicon, .card.product .desc .availableicon {
    float: left;
    font-size: 13px !important;
    margin-right: 0;
    position: relative;
    top: -0.285714rem;
    color: #555;
}

    .cards.product .desc .availableicon i, .card.product .desc .availableicon i {
        font-size: 19px !important;
        position: relative;
        top: 3px !important;
    }

/*.cards.product .desc .offprice::after, .card.product .desc .offprice::after
, .cards.product .desc .offprice::before*/ {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    bottom: 10px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    width: 71px;*/
}

/*.cards.product .desc .offprice::after,.card.product .desc .offprice::after {
    transform: rotate(-19deg);
}*/

/*.cards.product .desc .offprice::before {
    transform: rotate(19deg);
}*/



.card.product .brandholder,
.ui.product.cards .card .brandholder {
    background-color: #eee;
    border-top: 1px solid #ccc;
    color: #555;
    margin-top: 5px;
    padding: 5px 10px;
    flex-grow: 0;
    left: 0;
    margin: 0;
    max-width: 100%;
    min-height: 0 !important;
    position: static;
    top: 0;
    width: auto;
    flex-direction: column-reverse;
}

    .card.product .brandholder img,
    .ui.product.cards .card .brandholder img {
        border: medium none;
        float: left;
        width: auto !important;
        height: 20px;
        margin: 0;
    }

    .ui.card .brandholder.icons, .ui.product.cards .card .brandholder.icons {
        background: #fff !important;
        text-align: center !important;
    }

        .ui.card .brandholder.icons img, .ui.product.cards .card .brandholder.icons img,
        .card.product .brandholder.icons img {
            width: 35px !important;
            height: auto !important;
            float: none !important;
            display: inline-block !important;
            border: 1px solid #ccc;
            margin: 0 2px;
            width: 35px !important;
            -wibkit-transition: border .4s,box-shadow .2s,transform .2s ease-in-out;
            -moz-transition: border .4s,box-shadow .2s,transform .2s ease-in-out;
            transition: border .4s,box-shadow .2s,transform .2s ease-in-out;
        }

.brandholder.icons img:hover {
    border: 1px solid #777;
    -webkit-box-shadow: 0 0 3px 1px #ddd;
    -moz-box-shadow: 0 0 3px 1px #ddd;
    box-shadow: 0 0 3px 1px #ddd;
    /*-webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        transform: scale(1.03);*/
}

.genders {
    position: absolute;
    bottom: 15px;
    right: 10px;
    z-index: 1;
}

    .genders span {
        float: right;
        position: relative;
    }

.bx-wrapper .genders img {
    width: 16px !important;
}

.genders img {
    position: relative;
    width: 16px !important;
    display: block;
    border-radius: 50%;
    border: none !important;
    margin-right: 3px;
    /*visibility:hidden;
    opacity:0;
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    transform: scale(.3);
    transition: transform .4s ease-in-out,visibility .4s, opacity .4s !important;*/
}

.ui.product.cards .card .genders span:after {
    content: '';
    background: #000;
    border-radius: 50%;
    width: 13px;
    height: 4px;
    position: absolute;
    bottom: -1px;
    right: 50%;
    margin-right: -5px;
    opacity: 0.5;
    /*visibility:hidden;
    opacity:0;*/
    -webkit-filter: blur(2px);
    display: none;
    /*-webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    transform: scale(.3);
    transition: transform .4s ease-in-out,visibility .4s, opacity .4s !important;*/
}

 /******************************card.product-item**************************/ 

.ui.cards .card.product-item .product-title {
    color: #364f72;
    padding: 8px 5px;
    text-align: center;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    position: relative;
}

.ui.cards .card.product-item {
    background: #fff;
    display: block;
}
.ui.cards:not(.modems-on-sale) .owl-item {
    margin: 8px 0;
}
    .ui.cards .card.product-item .image {
        overflow: hidden;
        position: relative;
        background: #fff;
    }

    .ui.cards .card.product-item .content > .description {
        padding: 10px 10px 18px;
        position: relative;
    }

    .ui.cards .card.product-item img, .ui.cards .card.product-item .content > .description {
        transition: all .3s ease-in-out;
    }
.ui.cards .card.product-item .more-info {
    border: 3px solid #fff;
    color: #fff;
    padding: 18px 20px;
    position: absolute;
    top: 50%;
    right: 50%;
    text-align: center;
    font-size: 1.2em;
    z-index: 3;
    margin-right: -70px;
    margin-top: -30px;
    border-radius: 0 !important;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in-out;
}
.ui.cards .card.product-item:hover .more-info {
    visibility: visible;
    opacity: 1;
}
.ui.cards .card.product-item::after {
    content: '';
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    right: 0;
    background: #049dd6;
    z-index: 1;
    transition: all .25s ease-in-out;
}
.ui.cards .card.product-item:hover::after {
    opacity: 0.8;
    visibility: visible;
}

/*
.ui.cards > .card.product-item > .image .icon.absolute {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    right: 50%;
    margin-right :-10px;
    font-size: 1.5em;
}

.ui.cards > .card.product-item:hover > .image .icon.absolute {
    visibility: visible;
    opacity: 1;
}*/



/*////////////////////////////////////////////////////////////////////*/
/****************************first effect******************************/
/*
     .ui.cards .card.product-item:hover img {
        transform: scale(0.9);
    }
    
    .ui.cards .card.product-item:hover > .content > .description {
    transform: translate(0, -20px) scale(1.2);
}

    .ui.cards .card.product-item:hover .product-title {
        transform: translate(0, -20px);
        transition: all .3s ease-in-out;
    }*/
/************************end of first effect***************************/
/*////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 768px) {
    .ImgContainer img {
        max-width: 150px !important;
        display: flex;
        margin: auto;
    }
}

 
/*actions*/

.product.cards .card .actions {
    border: 0 none;
    padding: 0 5px;
    position: absolute;
    right: -70px;
    text-align: right;
    top: 0;
    transition: right 0.3s ease-out 0s;
    z-index: 3;
}

.product.cards .card:hover .actions {
    right: 0;
}
/*.product.cards.list .card .buttons {
    flex: 1;
    max-width: 140px;
}*/

.product.cards .card .actions i {
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    position: relative;
    transition: all 0.3s ease 0s;
    z-index: 2;
}


.product.cards .card .actions > span > span {
    color: #fff;
    display: inline-block;
    margin-right: -72px;
    position: relative;
    top: -3px;
    transition-delay: 0.05s;
    transition-duration: 0.2s,0.2s, 0s;
    transition-property: margin-right,margin-right, visibility;
    transition-timing-function: ease-in,ease-in, ease-out;
    visibility: hidden;
    width: auto;
    z-index: 1;
}



.product.cards .card .actions > span > span {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    cursor: pointer;
    display: table;
    margin: 10px 5px 0 0;
    overflow: hidden;
    padding: 7px 6px 5px;
    position: relative;
    display: inline-block;
    /*width: 40px;
    transition: width 2s;*/
}

/*.product.cards.list .card .buttons div {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    cursor: pointer;
    display: table;
    margin: 10px 5px 0 0;
    overflow: hidden;
    padding: 7px 6px 5px;
    position: relative;
    width: 100%;
}*/

.product.cards .card .actions > span:hover {
    /*width:auto;*/
}

    .product.cards .card .actions > span:hover span {
        color: #fff;
        margin-right: 0;
        position: relative;
        visibility: visible;
        margin-left: 1.08rem;
    }

/*.product.cards.list .card .buttons div span {
    color: #fff;
    margin-right: 0;
    position: relative;
    visibility: visible;
    margin-left: 1.08rem;
}*/
.product.cards .card .actions > span {
    display: block;
    width: auto;
}

    .product.cards .card .actions > span:hover i {
        color: #ae1f38;
    }



/*.ui.ribbon.label::after {
    border-bottom: 0.6em solid transparent;
    border-width: 0 0.8em 0.6em 0;
}

.ui.card .image > .ui.ribbon.label, .ui.image > .ui.ribbon.label {
    left: calc(0.05rem - 0.8em);
}*/

.overflowHidden {
    overflow: hidden;
    position: relative;
}


 .cart.placeholder {
    width: 100%;
}
.slider-cart {
    position: relative;
    /*min-height: 350px;*/
}
    .slider-cart .owl-theme.theme2.theme-catalog {
        position: absolute;
        top: 0;
        right: 0;
    }
    .slider-cart .owl-carousel.owl-rtl .owl-item {
        /*padding-right: 0.1%;
        padding-left: 0.1%;*/
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    }
.SegmentGrayBg .slider-cart .owl-theme.theme2.theme-catalog > div {
    padding: 6px 0;
}
.cart-placeholders {
    margin-bottom: 20px !important;
}

.image-placeholder {
    background: #f2f2f2;
    width: 100%;
    height: 240px;
}

.title-placeholder, .price-placeholder, .second-title-placeholder {
    background: #f2f2f2;
    width: 90%;
    height: 8px;
    margin: 8px 5%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    position: relative;
}
.card .title-placeholder {
    margin: 13px 20%;
    height:10px; 
    width: 60%;
}
.second-title-placeholder {
    width: 40%;
}

.price-placeholder {
    width: 60%;
}

.image-placeholder {
    margin-bottom: 10px;
}

@media only screen and (max-width: 1199px) {
    .ui.grid > [class*="four wide"].column.placeholder {
        width: 31% !important;
        padding: 0;
        margin: 10px 0;
    }

        .ui.grid > [class*="four wide"].column.placeholder:nth-child(3n+2) {
            margin: 10px 17px;
        }

    .image-placeholder {
        height: 270px;
    }

}

@media only screen and (max-width: 650px) {
    .ui.grid > [class*="four wide"].column.placeholder, .ui.grid > [class*="four wide"].column.placeholder:nth-child(3n+2) {
        width: 44% !important;
        margin: 10px 8px;
    }

    .cart-placeholders {
        justify-content: center;
    }
    .image-placeholder {
        height: 190px;
    }
    .slider-cart {
        min-height: 260px;
    }
}

@media only screen and (max-width: 500px) {
    .ui.grid > [class*="four wide"].column.placeholder, .ui.grid > [class*="four wide"].column.placeholder:nth-child(3n+2) {
        width: 80% !important;
    }
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: 468px 0;
    }

    100% {
        background-position: -468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: 468px 0;
    }

    100% {
        background-position: -468px 0;
    }
}

/*.ui.menu .item {
    background-color: #e5e5e5;
}*/
#mobileTopMenuContainer .ui.menu .item, #mobileTopMenuContainer .ui.menu .item:hover {
    background-color: #fff !important;
}
.ui.dark-blue.menu .active.item, .ui.menu .dark-blue.active.item {
    border-color: #002963 !important;
    color: #002963 !important;
}
.ui.menu .item:hover {
    background-color: inherit;
    color: inherit;
}
@media only screen and (min-width: 768px) {
    .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
        border-right: 0;
    }
}
#BasketPage .card {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    cursor: pointer;
}
#BasketPage .ui.one.cards .card {
    margin-left: 0;
    margin-right: 0;
}
#BasketPage .card:hover {
    box-shadow: 0 3px 3px -1px #ccc !important;
}
#BasketPage .card .content .description {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.7;
}
    #BasketPage .card.active .CartTitle {
        color: #39a008;
    }
#BasketPage .card .CartSelectionHolder:before {
    font-family: 'Icons';
    content: '\f10c';
    font-size: 21px;
    position: relative;
    top: 5px;
}
#BasketPage .card.active .CartSelectionHolder:before {
    font-family: 'Icons';
    content: '\f00c';
    font-size: 21px;
    color: #39a008;
}
.CartPriceHolder.icons {
    padding: 0 !important;
}
    .CartPriceHolder.icons a {
        display: inline-block;
    }

#BasketPage .card.AddNewAddress {
    border-style: dashed !important;
}
    /*#BasketPage .card.AddNewAddress i {
        font-size: 54px;
        margin: 0;
    }*/
    #BasketPage .card.AddNewAddress p {
        font-size: 16px;
        margin-top: 20px;
    }
.boxBody .ui.basic.celled.table tr {    
    border-bottom: medium none;
}
/*#BasketPage .ui.attached.segment {
    padding: 1.08rem;
}*/

#BasketPage .BasketNoteTxt {
    /*background-color: #fff0f0;
    border: 1px solid #ffadc0;
    border-radius: 0.285714rem;*/
    /*color: #f16321 !important;*/
    font-size: 12px;
    /*padding: 0.5rem 1.5rem;
    text-align: center;*/
}
    #BasketPage .BasketNoteTxt i {
        font-size: 26px;
        margin-left: 10px;
        /*position: relative;
        top: 2px;*/
    }

/*#BasketPage .ui.header .icon:only-child {
    color: #f16321;
    display: inline-block;
    font-size: 21px;
    margin-left: 5px;
    padding: 0;
    position: relative;
    top: 1px;
}*/

#BasketPage .ui.header {
    color: #444;
}

#BasketPage .CartSelectionHolder {
    /*background-color: #fff;*/
    border-left: 1px solid #ccc;
    color: #555;
    height: 50%;
    padding: 7px 1.08rem;
    position: absolute;
    top: 0;
}

#BasketPage .CartPriceHolder {
    background-color: #fff;
    border-right: 1px solid #ccc;
    color: #555;
    height: 50%;
    left: 0;
    padding: 1.08rem;
    position: absolute;
    top: 0;
}

#BasketPage .CartDesc {
    background-color: #fff;
    border-top: 1px solid #ccc;
    color: #555;
    font-size: 12px;
    padding: 10px;
    position: relative;
    /*height: 100%;*/
    line-height: 1.7;
}

    #BasketPage .CartDesc span {
        /*color: #f16321;*/
        display: inline-block;
        width: 4.2rem;
    }

#BasketPage .CartTitle {
    color: #555;
    padding: 12px 4.3rem;
}

    #BasketPage .CartTitle > span {
        margin: 8px;
    }

        #BasketPage .CartTitle > span.CartDescription {
            color: #f16321 !important;
            margin: 0;
        }

#BasketPage .width0 {
    width: 0px !important;
}

#BasketPage .OrderResultStep > p {
    color: #555;
}

#BasketPage .OrderResultStep .ui.header i {
    padding: 0px;
    position: relative;
    top: -2px;
}

#BasketPage .divtable a i {
    color: #555;
    margin: 0;
    /*font-size: 29px;
    margin: 0;
    height:100px;*/
}

#BasketPage .divtable a:hover i {
    opacity: 0.8;
}

#BasketPage div.ui.image {
    /*float: right;
    margin-left: 10px;*/
    overflow: hidden;
}

    #BasketPage div.ui.image img {
        border: 1px solid #ccc;
        border-radius: 0.285714rem;
    }

.width50 {
    width: 50px !important;
}

.width500 {
    width: 500px;
}

.DetailsHolder span:first-child {
    font-size: 1.08rem;
    font-size: 1rem;
    font-family: IRANSANS_faM, Tahoma;
}
.DetailsHolder span {
    display: block;
    font-size: 12px;
    line-height: 1.7;
    color:  #555;
}
    .DetailsHolder span a {
        color: #1b1c1d;
        transition: all .2s ease;
    }
        .DetailsHolder span a:hover {
            color: #049dd5;
        }

.TblPricesHolder {
    font-size: 13px;
    line-height: 1.7;
}

    .TblPricesHolder .Red {
        color: #ff5153;
    }

.TblPricesSumFooter {
    border-top: 1px solid #ccc;
    color: #69a816;
    margin: 5px auto;
    padding: 5px 0 0;
    width: 100%;
}

.TotalSumFooter {
    border: 1px solid #ccc;
    /*border-radius: 0.285714rem;*/
    color: #555;
    padding: 10px;
    background-color: #F8F8F9;
}

    .TotalSumFooter .TotalSumFooterRow {
        border-bottom: 1px solid #ccc;
        padding: 10px;
        white-space: nowrap;
    }

        .TotalSumFooter .TotalSumFooterRow:first-child {
            padding-top: 0;
        }

        .TotalSumFooter .TotalSumFooterRow:last-child {
            border-bottom: medium none;
            padding-bottom: 0;
        }

.TotalSumFooterRow.Red {
    color: #ff5153;
}

.TotalSumFooterRow.Green {
    /*color: #69a816;*/
    /*font-size: 15px;*/
}
.TotalSumFooterRow .green {
color: #69a816;
}
.TotalSumFooterRow .brown, .TblPricesHolder .brown {
    color: #a5673f;
}
.ui.celled.grid>.row>.column.multiple-btn {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    line-height: 35px;
}

#BasketPage .divtable a i.refresh.big.smaller {
    font-size: 1.8em;
}

.ui.grid > .lightgrey.column, .ui.grid > .lightgrey.row, .ui.grid > .row > .lightgrey.column {
    background: #F8F8F9 !important;
}
/*#BasketPage .ui.dividing.header {
    font-weight: normal;
    padding: 10px;
}

#BasketPage .ui.header .title {
    font-size: 14px;
    top: 2px;
}

#BasketPage .extra.content.center.aligned {
    background-color: #222;
    color: #fff;
}
*/
/*#BasketPage .ui.button.grey {
    background-color: #555;
    color: #fff;
}

    #BasketPage .ui.button.grey:hover {
        background-color: #5e5e5e;
        color: #fff;
    }*/
    /*background-color: #f0f7ff;
    border: 1px solid #a7c7ff;
    border-radius: 0.285714rem;
    color: #5689d8 !important;*/

/*#BasketPage .card .content .header {
    color: #f16321 !important;
    font-size: 17px !important;
    font-weight: normal !important;
}*/

#registerForm {
    width: 100%;
}
.ui.steps .step {
    padding: 1em;
}

    .ui.steps .step > .icon {
        font-size: 1.7em;
    }

    .ui.steps .step .title {
        font-weight: normal;
    }

.label-custom {
    line-height: 2;
    margin-bottom: 10px;
    display: block;
}

.voucher-redeem {
    line-height: 2;
}

    .voucher-redeem .buy-simcard {
        line-height: 1.7;
    }

    .voucher-redeem .horizontal.segments {
        border-radius: 0;
        box-shadow: none;
    }

        .voucher-redeem .horizontal.segments img {
            height: 100%;
        }

    .voucher-redeem .ui.horizontal.segments > .captcha-img {
        max-width: 150px;
        max-height: 58px;
    }

    .voucher-redeem .ui.horizontal.segments > .captcha-img {
        max-width: 150px;
    }

    .voucher-redeem .ui.horizontal.segments.captcha-box > .segment {
        align-items: center;
        display: flex;
    }

.buy-simcard .ui.divider {
    padding: 3px 0;
}

.buy-simcard .ui.segments {
    margin: 0;
    box-shadow: none;
    border: 0;
}

.buy-simcard .ui.horizontal.segments > .segment:first-child {
    padding-right: 0;
    padding-left: 25px;
}

.buy-simcard .ui.horizontal.segments > .segment:last-child {
    padding-left: 0;
    padding-right: 30px;
}

.buy-simcard .ui.horizontal.segments > .segment {
    border-right: 0 !important;
}

.buy-simcard .ui.block.header {
    border-radius: 0;
}

.ui.form .two.fields > .field.gender {
    max-width: 150px;
}

/*
.copy-arrow {
    width: 41px;
    height: 100%;
    position: absolute;
    margin-right: -20px;
    bottom: 0;
    right: 50%;
    top: 5px;
    z-index: 1;
    cursor: pointer;
}

    .copy-arrow span {
        background: #049dd5;
        position: absolute;
        bottom: 10px;
        top: 0;
        bottom: 10px;
        width: 10px;
        z-index: 0;
        box-sizing: border-box;
    }

        .copy-arrow span::after {
            right: 100%;
            top: 0;
            bottom: 0;
            border: solid transparent;
            content: "کپی";
            height: 100%;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136, 183, 213, 0);
            border-right-color: #049dd5;
            border-width: 32px;
            border-bottom-width: 222px;
            border-top-width: 222px;
            text-indent: -35px;
            box-sizing: border-box;
            color: #fff;
        }

        .copy-arrow span .in-mobile {
            display: none;
        }*/

.address-field {
    line-height: 1.8;
}

.delivey-date {
    display: inline-block;
}

/*
@media only screen and (max-width: 992px) {
    .copy-arrow {
        width: 98%;
        position: relative;
        height: 55px;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        margin: 0 auto;
    }

        .copy-arrow > span {
            width: 100%;
            right: auto;
            bottom: auto;
            top: 50%;
            height: 15px;
            margin-top: -25px;
        }

            .copy-arrow > span .in-mobile {
                top: 100%;
                display: block;
                right: auto;
                border: 32px solid transparent;
                border-right-color: transparent;
                height: 100%;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-top-color: #049dd5;
                background: transparent;
            }

        .copy-arrow span::after {
            display: none;
        }

        .copy-arrow > span::before {
            top: 15px;
            bottom: 0;
            content: "کپی";
            width: 100%;
            position: absolute;
            text-align: center;
            z-index: 2;
            color: #fff;
        }

    #registrationForm .ui.segments > .segment {
        border-top: 0;
    }
}
*/
#shippingAddressList .card input[type=radio] {
    display: none;
}

.divtable > div {
    min-height: 130px;
    line-height: 100px;
    text-align: center;
}

.mobility {
    display: none !important;
    visibility: hidden;
}

.topleft {
    left: 10px;
    position: absolute;
    top: 10px;
}

.divtable {
    min-height: 125px;
}

.divtableheader > div {
    height: 40px;
}

.lbl {
    right: -15px !important;
    top: 35px;
    z-index: 1;
}

.ui.celled .divtable.error {
    background-color: #ffe0e0;
    color: #9f3a38 !important;
}
/*.ui.celled .divtable:not(.error) {
    background-color: #fafbf6;
}*/
.bgGreySegment {
    background: #e3e3e3 !important;
    margin: 0 .14285714em !important;
}

    .bgGreySegment .ui.floated.segment {
        white-space: nowrap;
    }


.buy-simcard .ui.divider {
    padding: 3px 0;
}

.buy-simcard .ui.segments {
    margin: 0;
    box-shadow: none;
    border: 0;
}

.buy-simcard .ui.horizontal.segments > .segment:first-child {
    padding-right: 0;
    padding-left: 25px;
}

.buy-simcard .ui.horizontal.segments > .segment:last-child {
    padding-left: 0;
    padding-right: 30px;
}

.buy-simcard .ui.horizontal.segments > .segment {
    border-right: 0 !important;
}

.buy-simcard .ui.block.header {
    border-radius: 0;
}

.ui.form .two.fields > .field.gender {
    max-width: 150px;
}

.ui.label.label-input {
    display: flex;
    align-items: center;
    margin-right: 0;
    border-radius: 2px 0 0 2px;
}

.copy-arrow {
    width: 41px;
    height: 100%;
    position: absolute;
    margin-right: -20px;
    bottom: 0;
    right: 50%;
    top: 5px;
    z-index: 1;
    cursor: pointer;
}

    .copy-arrow span {
        background: #049dd5;
        position: absolute;
        bottom: 10px;
        top: 0;
        width: 10px;
        z-index: 0;
        box-sizing: border-box;
    }

        .copy-arrow span::after {
            right: 100%;
            top: 0;
            bottom: 0;
            border: solid transparent;
            content: "کپی";
            height: 100%;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136, 183, 213, 0);
            border-right-color: #049dd5;
            border-width: 32px;
            border-bottom-width: 222px;
            border-top-width: 222px;
            text-indent: -35px;
            box-sizing: border-box;
            color: #fff;
        }

    .copy-arrow.modem span::after {
        border-bottom-width: 200px;
        border-top-width: 200px;
    }

    .copy-arrow.voucher span::after {
        border-bottom-width: 212px;
        border-top-width: 212px;
    }

    .copy-arrow.modem span .in-mobile {
        display: none;
    }

.address-field {
    line-height: 1.8;
}

@media only screen and (max-width: 992px) {
    .copy-arrow {
        width: 98%;
        position: relative;
        height: 55px;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        margin: 0 auto;
    }

        .copy-arrow > span {
            width: 100%;
            right: auto;
            bottom: auto;
            top: 50%;
            height: 15px;
            margin-top: -25px;
        }

            .copy-arrow > span .in-mobile {
                top: 100%;
                display: block;
                right: auto;
                border: 32px solid transparent;
                border-right-color: transparent;
                height: 100%;
                width: 100%;
                position: absolute;
                pointer-events: none;
                border-top-color: #049dd5;
                background: transparent;
            }

        .copy-arrow span::after {
            display: none;
        }

        .copy-arrow > span::before {
            top: 15px;
            bottom: 0;
            content: "کپی";
            width: 100%;
            position: absolute;
            text-align: center;
            z-index: 2;
            color: #fff;
        }

    #registrationForm .ui.segments > .segment {
        border-top: 0;
    }
}

.registration-summary > div {
    line-height: 1.2;
}

.registration-summary {
    margin-bottom: 5px;
}

/*************OTP*************/
.otp-class {
    display: inline-block;
    text-align: right;
}

    .otp-class #txtOtp {
        border-left-color: #ddd !important;
    }

    .otp-class .kkc-hours, .otp-class .kkc-hours-text {
        display: none;
    }

.otpCountDownTxt {
    text-align: center;
    font-size: 1.4em;
    color: #049dd5;
    background: #f3f4f5;
    padding: 6px 5px 3px;
}

.lock-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

    .lock-icon > i {
        font-size: 3em;
        width: 77px;
        height: 77px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f3f4f5;
    }

@media only screen and (max-width: 767px) {
    .mobility {
        display: inline-block !important;
        visibility: visible;
    }

    .divtable > div.minh {
        min-height: 65px;
        text-align: right;
        line-height: 1.7;
    }

    .divtable > div.mobility {
        text-align: center;
    }
}
.box-container {
    background: #fff;
    position: relative;
    height: 100%;
    transition: all 3s ease-in-out;
    min-height: calc(100vh - 550px );
}

#updatePanel {
    direction: rtl;
    position: relative;
    line-height: 1.8em;
}

.sim-bg {
    width: 37%;
    position: absolute;
    opacity: 0.02;
    transform: rotate(-45deg);
    left: -80px;
    min-width: 400px;
    top: 0;
    z-index: 0;
}

.sim-banner {
    position: relative;
}

    .sim-banner .banner {
        position: fixed;
        right: 0;
        width: 100%;
    }

    .sim-banner .ballon, .sim-banner .ballon-small {
        content: '';
        position: absolute;
        animation-iteration-count: infinite;
        animation-name: bounce;
        animation-timing-function: linear;
        display: none;
    }

    .sim-banner .ballon {
        top: 35%;
        left: 10%;
        width: 12%;
        animation-duration: 7s;
        z-index: 2;
    }

    .sim-banner .ballon-small {
        top: 30%;
        left: 20%;
        width: 9%;
        animation-duration: 6s;
        z-index: 1;
    }

.scroll-btn {
    position: absolute;
    bottom: 10px;
    right: 50%;
    margin-right: -38px;
    z-index: 1;
    width: 70px;
    cursor: pointer;
    animation-iteration-count: infinite;
    animation-name: bounce-15;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
}

@keyframes bounce-15 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

.select-number .ui.form .fields {
    justify-content: center;
}

.ui.form .wide.field {
    padding-left: 0;
    margin-right: -1px !important;
}

    .ui.form .wide.field input {
        text-align: center;
        padding: .67861429em 0.25em;
    }

.ui.form .fields .wide.field:first-child {
    padding-right: 0.5em;
}

.search-textbox {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .search-textbox > div {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        .search-textbox > div:last-child {
            padding: 3px;
        }

        .search-textbox > div .field {
            min-width: 50px !important;
            margin: 3px !important;
        }

            .search-textbox > div .field input {
                text-align: center;
            }

            .search-textbox > div .field select.ui.dropdown {
                height: 38px;
            }

            .search-textbox > div .field.pre-number {
                min-width: 70px !important;
            }

.ui.card, .ui.cards .card {
    box-shadow: none;
    border: 1px solid #dedede;
    border-radius: 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.select-number .ui.form select {
    padding: .46em 1em !important;
}

.ui.cards > .card > .content > .header:not(.ui) {
    font-family: IRANSANS_faM, Tahoma;
}

.ui.cards:not(#selectedNumber) .card.selected {
    border: 1px solid #39a008;
}

    .ui.cards:not(#selectedNumber) .card.selected::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(75, 208, 12, 0.05);
    }

.ui.cards .card.selected::before {
    content: "\f00c";
    position: absolute;
    top: 50%;
    right: 25px;
    font-size: 18px;
    margin-top: -12px;
    font-family: Icons;
    color: #39a008;
}

.ui.cards#selectedNumber .card.selected::before {
    display: none;
}

.ui.cards#selectedNumber .card.selected .btn-del, .number-box .card .btn-del {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 18px;
    margin-top: -9px;
}

    .ui.cards#selectedNumber .card.selected .btn-del > i, .number-box .card .btn-del > i {
        align-items: center;
        display: flex;
    }

.ui.ordered.steps .step::before {
    font-family: IRANSANS_fa, Tahoma;
    color: #aeaeae;
    font-size: 16px;
}

.ui.steps .step.active .title {
    color: rgba(0,0,0,.85);
}

.ui.steps.unstackable {
    overflow-x: auto
}

#basketSteps {
    overflow: hidden;
}

.select-number .ui.cards:not(#selectedNumber) > .card.selected .header {
    color: #39a008 !important;
}

.select-number .ui.card > .content, .select-number .ui.cards > .card > .content {
    padding: 0.2em;
}

.select-number .ui.card:hover, .select-number .ui.cards > .card:hover {
    background: rgba(4, 157, 213, 0.2);
}

.ui.cards > .gold.card .header, .ui.gold.card .header, .ui.menu .gold.item {
    color: #FFCD35;
}

.ui.cards > .normal.card .header, .ui.normal.card .header, .ui.menu .normal.item {
    color: #666;
}

.ui.cards > .silver.card .header, .ui.silver.card .header, .ui.menu .silver.item {
    color: #8c8989;
}

.ui.cards > .bronze.card .header, .ui.bronze.card .header, .ui.menu .bronze.item {
    color: #EF9A74;
    border-color: #EF9A74;
}

.ui.menu .active.gold.item {
    background-color: #FFCD35;
    color: #333;
}

.ui.menu .active.silver.item {
    background-color: #8c8989;
    color: #fff;
}

.ui.menu .active.bronze.item {
    background-color: #EF9A74;
    color: #333;
}

.ui.menu .active.normal.item {
    background-color: #dedede;
    color: #333;
}

.ui.cards > .gold.card {
    border-color: #FFCD35;
}

.ui.cards > .silver.card {
    border-color: #8c8989;
}

.ui.cards > .bronze.card {
    border-color: #EF9A74;
}

.ui.menu .active.item:hover {
    background-color: rgba(0,0,0,.05);
    color: #333;
}

.ui.cards > .card .ui.corner.label span {
    transform: rotate(-45deg);
    display: inline-block;
    position: relative;
    right: calc(50% - 12px);
    top: calc(50% - 17px);
    font-size: 0.9em;
}

.select-number .ui.corner.label:after {
    border-left-width: 3.15em;
    border-bottom-width: 3.15em;
}

.select-number .gold.card .ui.corner.label:after {
    border-left-color: #FFCD35;
}

.select-number .silver.card .ui.corner.label:after {
    border-left-color: #8c8989;
}

.select-number .silver.card .ui.corner.label {
    color: #fff;
}

.select-number .bronze.card .ui.corner.label:after {
    border-left-color: #EF9A74;
}

.select-number .normal.card .ui.corner.label:after, .select-number .normal.card .ui.corner.label {
    display: none;
}



.message-select-number {
    display: none;
    color: #f26321;
    padding: 5px 20px 20px;
    font-size: 1em;
    width: 100%;
}

.ui.steps, .ui.steps:first-child {
/*    margin: 0.2px 0.1px;*/
}

    .ui.steps .step {
        padding: 1em 0.7em;
    }

        .ui.steps .step > .icon {
            font-size: 1.7em;
        }

        .ui.steps .step .title {
            font-weight: normal;
        }

.ui.ordered.steps .step:before {
    font-size: 1.5em;
    margin-left: 0.5rem
}

.step-header {
    border-bottom: 1px solid #dddddd !important;
    padding-bottom: 9px !important;
    margin-bottom: 25px !important;
}

    .step-header span {
        border-bottom: 3px solid #ddd;
        padding: 5px 0;
    }


.sigin-signup .ui.menu .item, .ui.menu {
    position: relative;
}

    .sigin-signup .ui.menu .item.active, .sigin-signup .ui.vertical.menu .item.active:first-child, .ui.secondary.vertical.pointing.menu .active.item {
        background: #eee;
    }

        .sigin-signup .ui.menu .item.active span, .sigin-signup .ui.vertical.menu .item.active:first-child span, .ui.secondary.vertical.pointing.menu .active.item span {
            transform: scale(1.1);
            display: block;
            transition: all .25s ease-in-out;
        }

        .sigin-signup .ui.menu .item.active::after, .sigin-signup .ui.vertical.menu .item.active:first-child:after {
            content: '';
            background: none;
            position: absolute;
            border: 8px solid transparent;
            border-left: 8px solid #333;
            border-bottom: 8px solid #333;
            top: 50%;
            left: 0px;
            display: block !important;
        }

.form-buttons .form-button {
    display: none;
}

    .form-buttons .form-button.show {
        display: block;
        margin-left: 30px;
    }


.ui.vertical.menu.fluid {
    height: 100%;
}

.ui.pointing.menu .active.item:after,
.ui.pointing.menu .active.item:hover:after,
.ui.vertical.pointing.menu .active.item:after,
.ui.vertical.pointing.menu .active.item:hover:after {
    background: none;
}

.ui.secondary.pointing.menu .item {
    flex-direction: column;
}

/*************initial package*************/

.initial-package .owl-theme .owl-controls .owl-dots {
    display: none !important;
}

.initial-package .ui.horizontal.segments > .segment {
    background: #f9fafb;
    padding: 0.8em;
    font-weight: bold;
}

    .initial-package .ui.horizontal.segments > .segment:not(:last-child) {
        border-right: 0;
    }

    .initial-package .ui.horizontal.segments > .segment:last-child {
        flex: 0 0 auto;
    }

.initial-package .ui.segments {
    border-radius: 0;
    box-shadow: none;
    margin: 0.25px !important;
    margin-bottom: 0 !important;
}

    .initial-package .ui.segments:first-child {
        margin-top: 1px !important;
    }

.initial-package .ui.card, .initial-package .ui.cards .card {
    margin: 0 0px;
    border-radius: 3px;
    overflow: hidden;
}

.initial-package .ui.header > img, .sim-owner-info .ui.header > img {
    width: auto;
    margin-top: 0;
    max-width: 24px;
}

.initial-package .ui.sub.header > .referral-icon {
    background: url('/Client/assets/Images/sprite-icon.png') no-repeat -60px 0;
    width: 21px;
    height: 20px;
    margin-left: 0.2rem;
    margin-top: -5px;
}

.initial-package .ui.sub.header {
    margin-top: 8px;
    /*padding-bottom: 15px;*/
}

    .initial-package .ui.sub.header::after {
        /*content: "";*/
        position: absolute;
        bottom: -10px;
        right: 50%;
        margin-right: -35px;
        width: 70px;
        height: 4px;
        background: #ddd;
    }

.initial-package .ui.card > .content:first-child {
    background: #049dd5;
    border-radius: 0 !important;
    padding: 1em;
    flex: 1;
    padding: 0.5em 0.5em 0.75em !important;
}

.initial-package .ui.card > .content {
    flex-grow: 0;
}

.initial-package .ui.card > .more.content {
    flex-grow: 1 !important;
}

.initial-package .ui.toggle.checkbox {
    display: inline-block;
}

.initial-package .extra.content .ui.list .content {
    color: #888;
    font-family: BYekan, Tahoma;
}

.initial-package .ui.card.selected::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(75, 208, 12, 0.05);
    visibility: visible;
}

.initial-package .ui.list .list > .item > i.icon,
.initial-package .ui.list > .item > i.icon {
    vertical-align: middle !important;
}

.initial-package .ui.card.selected::before {
    font-size: 50px;
    left: 50%;
    margin-left: -38px;
    z-index: 9;
    margin-top: -38px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 76px;
    width: 76px;
    border: 4px solid #39a008;
    border-radius: 50%;
    right: auto;
}

.initial-package .ui.list > .item {
    padding: .15em 0;
}

.initial-package .ui.styled.accordion {
    margin-top: -2px;
}

    .initial-package .ui.styled.accordion .content {
        padding: 0.3em 0.5em .15em;
    }

    .initial-package .ui.styled.accordion .extra.content:not(.more) {
        padding: 0.65em 0.5em .35em !important;
    }

    .initial-package .ui.styled.accordion .extra.content {
        padding: 0.4em 0.5em .45em !important;
    }

    .initial-package .ui.styled.accordion .packages-container.content {
        margin-top: -1px !important;
    }


.initial-package .ui.card.selected > .content:first-child {
    background: #39a008;
}

.initial-package s {
    font-size: 0.99rem;
    color: #f26422 !important;
}

s > span {
    color: #f26422 !important;
}

.initial-package .extra.content .base-price,
.initial-package .extra.content .final-price {
    padding: 0 2px 2px;
    display: block;
}

.initial-package .extra.content .base-price {
    font-size: 0.99rem;
    color: #f26422 !important;
    text-decoration: line-through;
}

.ui.segments:not(.horizontal) > .segment:last-child {
    margin-bottom: 1px;
}

.theme-package.owl-theme .ui.card.selected:hover, .theme-package.owl-theme .ui.cards.selected .card:hover {
    border-color: #39a008;
}

.theme-package.owl-theme.owl-carousel .owl-stage-outer {
    padding: 0.5em 0.1em;
}
/*************shatel-button*************/

.shatel-button {
    justify-content: center;
    align-items: center;
    display: flex !important;
    flex-direction: row
}

.shatel-logo-button {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .shatel-logo-button .shatel-logo-button-img {
        border-radius: 50%;
        width: 70px;
        height: 70px;
        min-width: 70px;
        padding: 8px;
        display: inline-flex;
        border: 3px solid #002a63;
        justify-content: center;
        align-items: center;
        background: #f1f1f1;
        z-index: 1;
    }

        .shatel-logo-button .shatel-logo-button-img img {
            max-width: 49px;
        }

    .shatel-logo-button .button-text {
        justify-content: center;
        height: 70px;
        min-height: 70px;
        padding: 10px 50px 10px 35px;
        flex-direction: column;
        display: flex;
        text-align: right;
        align-items: flex-start;
        border: 2px solid #ddd;
        margin-right: -30px;
        border-radius: 60px 15px 15px 60px;
        transition: all 0.4s ease-in-out;
    }

.shatel-button.active .shatel-logo-button .button-text {
    height: 220px;
    width: 220px;
    transition: all 0.5s ease-in-out;
}

.shatel-logo-button .button-text > span:first-child {
    color: #444;
    font-size: 1.2em;
    line-height: 2em;
}


.shatel-button.success > div .shatel-logo-button .button-text {
    color: #39a008;
    font-size: 1.1em;
    font-family: IRANSANS_faB, Tahoma;
    cursor: default;
    padding: 10px 40px 10px 20px;
    line-height: 1.5em;
    height: auto;
}

.shatel_customer {
    opacity: 0;
    transition: height 0.2s ease-in-out,width 0.2s ease-in-out, opacity 0.5s ease-in-out 0.1s,transform 0.5s ease-in-out 0.1s;
    overflow: hidden;
    width: 0;
    height: 0;
    padding: 0 !important;
    transform: scale(0.7);
}

.shatel-button.active .shatel_customer {
    opacity: 1;
    transform: scale(1);
    transition: height 0.2s ease-in-out,width 0.2s ease-in-out, opacity 0.5s ease-in-out 0.1s,transform 0.5s ease-in-out 0.1s;
    -webkit-transition: height 0.2s ease-in-out,width 0.2s ease-in-out, opacity 0.5s ease-in-out 0.2s,transform 0.5s ease-in-out 0.2s;
    padding: initial;
    width: 280px;
    height: 200px;
}

}

.shatel_customer .ui.negative.message {
    visibility: hidden;
}

.shatel_customer.show-error .ui.negative.message {
    visibility: visible;
}

.shatel-button.active .shatel_customer.show-error {
    height: 260px;
}
/************counter************/
.counter {
    width: 200px;
    margin: 0px auto 0px;
    z-index: 999;
    font-size: 2em;
    font-weight: bold;
    padding: 20px 10px 15px;
    background: #f7f7f7;
    line-height: 1em;
    border: 2px solid #ddd;
    border-bottom: 0;
    text-align: center;
    border-radius: 65px 65px 50px 10px/60px 60px 0px 0px;
    cursor: pointer;
    transition: margin-top 1s linear;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );
}

    .counter.loaded {
        margin-top: -65px;
    }

    .counter::after {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        width: 60px;
        margin-right: 70px;
        z-index: 1;
        margin-top: 0;
        background: #f7f7f7 url('/Client/assets/Images/simIcon.png') no-repeat 10px -154px;
        border: 2px solid #049dd5;
        border-radius: 50px;
        height: 60px;
        transition: margin-top 1s linear;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .counter.loaded::after {
        margin-top: -58px;
    }

.number-counter-fixed {
    top: 100%;
    bottom: auto;
    position: fixed;
    right: 0;
    background: #fff;
    width: 100%;
    z-index: 999;
    transition: all .3s ease-in-out;
}

    .number-counter-fixed.close {
        top: 100% !important;
        bottom: auto !important;
    }

.number-box {
    background: #fff;
    border-top: 2px solid #eee;
    padding: 25px;
}

    .number-box::after {
        position: absolute;
        top: 0px;
        width: 196px;
        background: #fff;
        height: 2px;
        right: 50%;
        margin-right: -98px;
        content: '';
    }

    .number-box .ui.card > .content, .number-box .ui.cards > .card > .content {
        padding: 5px;
    }

.counter .kkc-hours {
    display: none;
}

.reserve-timeout {
    font-size: 0.6em;
}

.text-counter {
    font-size: 0.5em;
    margin-top: -19px;
    display: block;
}

.arrow-icon {
    height: 30px;
    width: 80px;
    display: block;
    padding: 0.5em;
    margin: 1em auto;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    position: absolute;
    right: 50%;
    margin-right: 50px;
    opacity: 0;
    transition: top 1.1s linear;
    top: 0;
}

.loaded .arrow-icon {
    top: -115px;
    opacity: 1;
}

.left-bar {
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 35px;
    height: 5px;
    display: block;
    transform: rotate(145deg);
    float: right;
    border-radius: 2px;
}

    .left-bar:after {
        content: "";
        background-color: #049dd5;
        width: 35px;
        height: 5px;
        display: block;
        float: right;
        border-radius: 6px 10px 10px 6px;
        transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
        z-index: -1;
    }

.right-bar {
    position: absolute;
    background-color: transparent;
    top: 0px;
    left: 26px;
    width: 35px;
    height: 5px;
    display: block;
    transform: rotate(-145deg);
    float: right;
    border-radius: 2px;
}

    .right-bar:after {
        content: "";
        background-color: #049dd5;
        width: 35px;
        height: 5px;
        display: block;
        float: right;
        border-radius: 10px 6px 6px 10px;
        transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
        z-index: -1;
    }

    .right-bar.first, .left-bar.first, .open .right-bar.last, .open .left-bar.last {
        margin-top: -10px;
    }

    .right-bar.second, .left-bar.second {
        margin-top: 0px;
    }

    .right-bar.last, .left-bar.last {
        margin-top: 10px;
    }

    .right-bar.first, .left-bar.first {
        animation: animate-arrow-1 1s ease-in-out infinite;
    }

    .right-bar.second:after, .left-bar.second:after {
        animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
    }

    .right-bar.last:after, .left-bar.last:after {
        animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
    }

.open .right-bar.first, .open .left-bar.first {
    animation: animate-arrow-1-open 1s ease-in-out infinite;
}

.open .right-bar.second:after, .open .left-bar.second:after {
    animation: animate-arrow-2-open 1s ease-in-out infinite 0.1s;
}

.open .right-bar.last:after, .open .left-bar.last:after {
    animation: animate-arrow-3-open 1s ease-in-out infinite 0.2s;
}

.open .left-bar:after {
    transform-origin: center center;
    transform: rotate(-115deg);
}

.open .right-bar:after {
    transform-origin: center center;
    transform: rotate(115deg);
}

/************sim-owner-info*************/
.ui.cards.selected-item {
    margin: -0.5em -0.85em 0;
}

.selected-items-info {
    margin: 0.33% !important;
    width: 16% !important;
    text-align: center;
}

    .selected-items-info > .content {
        padding: 12px 10px 6px !important;
    }

.sim-owner-info .ui.horizontal.segments {
    border-radius: 0;
}

    .sim-owner-info .ui.horizontal.segments > .segment {
        border-right: 0;
    }

.sim-owner-info .ui.accordion .content {
    border-top: 0;
}

.sim-owner-info .ui.accordion .active.title .dropdown.icon,
.sim-owner-info .ui.accordion .accordion .active.title .dropdown.icon,
.sim-owner-info .ui.accordion .ui.header .dropdown.icon {
    height: 100%;
}

.ui.accordion .title .dropdown.icon:before, .ui.accordion .accordion .title .dropdown.icon:before {
    position: relative;
    top: 3px;
}

.ui.label.label-input {
    display: flex;
    align-items: center;
    margin-right: 0;
    border-radius: 0;
}

    .ui.label.label-input.visible, .ui.labels.visible .label.label-input {
        display: flex !important;
    }

.sim-owner-info .number-trigger > span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sim-owner-info .number-trigger .ui.header > img {
    width: 33px;
}

.sim-owner-info .number-trigger > span > span {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    margin-top: 4px;
}

    .sim-owner-info .number-trigger > span > span .initial-package {
        font-size: 0.65em;
        color: #888;
    }

.sim-owner-info .cmbSelectCustomer {
    justify-content: flex-end;
    align-items: center;
}

.sim-owner-info .product-price::after {
    content: "+";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: -8px;
    width: 16px;
    height: 16px;
    font-size: 1.1em;
    color: #555;
}

.sim-owner-info .final-price::after {
    content: "=";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    font-size: 1.1em;
    color: #555;
}

.sim-owner-info .tax {
    color: #a5673f;
}

.sim-owner-info .final-price {
    color: #39a009;
}

.sim-owner-info .ui.accordion .content h5 {
    line-height: 1.7;
    margin-left: 0.5em !important;
}

.top-segment {
    margin: 0.5px !important;
    margin-bottom: 0 !important;
    border-radius: 0;
}

.sim-owner-info .ui.segments:not(.horizontal) > .segment:first-child, .sim-owner-info .ui.segments:not(.horizontal) > .segment:last-child,
#messageModal .ui.segments:not(.horizontal) > .segment:first-child, #messageModal .ui.segments:not(.horizontal) > .segment:last-child {
    border-radius: 0;
}

.ui.segments {
    box-shadow: none;
    border-radius: 0 !important;
}

.sim-owner-info .ui.segments:not(.horizontal) > .segment:last-child {
    margin-bottom: 0 !important;
}

.ui.dropdown[name="cmbSelectCustomer"] {
    min-width: 220px;
}

.dropdown-info {
    font-weight: normal;
    font-size: 0.9em;
    padding-left: 8px;
}
/*************pagination*************/
.pagination-number {
    padding: 10px 0;
    border-top: 0.08rem solid rgba(34,36,38,.15);
    border-bottom: 0.08rem solid rgba(34,36,38,.15);
}

.select-number .GroupBtn .ui.button {
    background-color: #fff !important;
    border: 0.08rem solid #ccc;
    margin-right: 0.25rem;
    top: 0;
}

.pagination-number .GroupBtn .ui.button {
    font-family: IRANSANS_faB, Tahoma;
}

.select-number .GroupBtn .ui.button.active {
    background-color: #049dd5 !important;
    border: 0.08rem solid #049dd5;
    color: #fff;
}

.pagination-number .GroupBtn .buttons div {
    padding: 8px 10px 7px !important
}

.GroupBtn.ViewMode .buttons div {
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 9px !important;
}



/**************basket***************/
#basketSummaryStep {
    margin: 0 8px;
}

    #basketSummaryStep .divtable {
        position: relative;
        min-height: 20px;
    }

    #basketSummaryStep .ui.ribbon.label {
        position: absolute;
        top: 20px;
    }

.divtable > div.minh {
    text-align: center;
}

.divtable > div {
    min-height: 20px;
    line-height: initial;
}

    .divtable > div.row-number {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

.DetailsHolder span {
    font-size: 14px;
}

    .DetailsHolder span.package-name {
        color: #888;
        font-family: IRANSANS_faB, Tahoma;
        font-size: 0.9em;
    }
/*@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .ui.small.step, .ui.small.steps .step {
        font-size: .87rem;
    }
    .ui.ordered.steps .step:before {
        font-size: 1.4em;
        margin-left: 0.1rem;
    }
}*/


.scroll-btn {
    width: 50px;
    margin-right: -28px;
}

.sim-loader {
    position: absolute !important;
    top: 10px;
    right: 0;
    width: 100%;
    height: calc(100% - 50px);
    margin: 0;
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip
    }

.forgotten-password {
    display: none;
}

    .forgotten-password.active {
        display: block;
    }

.forgotten-password-btn {
    cursor: pointer;
}

#forgotPasswordCanceled {
    margin-left: 5px;
}



/***********special sim************/
.special-sim-btn {
    margin-bottom: 10px !important;
}

.ui.card.row, .ui.cards > .card.row {
    flex-direction: row;
    flex-wrap: wrap;
    background: #fbfbfb;
}

    .ui.card.row .sim-icon {
        width: 16px;
        margin-top: -5px;
    }

    .ui.card.row i {
        margin-right: 8px;
    }

    .ui.card.row > .image, .ui.cards > .card.row > .image {
        background: rgba(0, 0, 0, 0.10);
        border-radius: 0 !important;
        width: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 20px;
    }

        .ui.card.row > .image > img, .ui.cards > .card.row > .image > img {
            display: flex;
        }

    .ui.card.row .DetailsHolder .package-name {
        color: #212121;
        font-family: IRANSANS_faM, Tahoma;
    }

    .ui.card.row .DetailsHolder span {
        color: #757575;
    }

.delete-btn-sim {
    position: absolute;
    left: 3px;
    bottom: 3px;
}


/*************OTP*************/
.otp-class {
    display: inline-block;
    text-align: right;
}

    .otp-class #txtOtp {
        border-left-color: #ddd !important;
    }

    .otp-class .kkc-hours, .otp-class .kkc-hours-text {
        display: none;
    }

.otpCountDownTxt {
    text-align: center;
    font-size: 1.4em;
    color: #049dd5;
    background: #f3f4f5;
    padding: 6px 5px 3px;
}

.lock-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

    .lock-icon > i {
        font-size: 3em;
        width: 77px;
        height: 77px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f3f4f5;
    }

@media only screen and (max-width: 992px) {
    .pagination-number .GroupBtn .buttons div {
        padding-bottom: 5px !important;
    }

    .search-textbox > div .field {
        min-width: 45px !important;
        width: 45px !important;
    }

    .selected-items-info {
        width: 19.33% !important;
    }
}


/*************sim collection*************/
.select-number {
    max-width: 100%;
}

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

    .package-type .filter-header {
        display: none;
    }

    .list-number .ui.grid > [class*="four wide"].column {
        padding: 0;
    }
}

.list-number.pushable {
    height: auto;
}

.ui.sidebar.package-type {
    background: #fff;
    z-index: 9999 !important;
    padding-top: 0;
    /*right: 16px;*/
    width: 225px;
    overflow-x: hidden;
    /*margin-right: -30px !important;*/
    /*height: auto !important;*/
}

    .ui.sidebar.package-type .item {
        padding: 0.5rem 2.5rem 0.5rem 0.5rem;
        /*justify-content: flex-end;*/
    }

.button.toggle-sidebar {
    margin-bottom: 10px;
}

.package-type .filter-header {
    margin: 0;
    background: #f5f5f5 !important;
    padding: 15px 12px;
}

.numbers > .ui.centered.grid {
    height: calc(100% - 91px);
}

.list-number .package-type.ui.visible.left.sidebar ~ .pusher, .list-number .pusher {
    padding-top: 0 !important;
    overflow: visible !important;
}

.list-number, .list-number.pushable {
    padding: 0 8px 8px !important;
    overflow-x: visible !important;
}


    .list-number .item:hover {
        background: rgba(4, 157, 213, 0.2);
    }

.package-type {
    border: 1px solid #dedede;
    border-radius: 1px;
    /*padding-bottom: 5px;*/
}

    .package-type .item {
        background: #fff;
        padding: 0.25rem 2.5rem 0.25rem 0.5rem;
        display: flex;
        color: #555;
        position: relative;
        cursor: pointer;
        justify-content: space-between;
        transition: all .3s ease-in-out;
        /* flex-direction: column; */
        flex-wrap: wrap;
        border-bottom: 0.5px solid #fff;
    }

        /*.package-type .item.show-filter-price {
            line-height: 19px;
        }*/

        .package-type .item:hover {
            background: #ececec;
        }

        .package-type .item.active {
            background: #ededed;
        }

        .package-type .item .pkg-name {
            flex: 1 0 auto;
        }

        .package-type .item .pkg-price-rate {
        }

        .package-type .item .pkg-name > span {
            position: absolute;
        }

.star {
    right: 6px;
    color: #39a008;
    position: relative;
    display: inline-block;
    height: 31px;
    top: 2px;
}

.star-icon > svg {
    width: 25px;
    position: relative;
    right: 0;
    top: 2px;
}

.select-number .package-type .item .star-icon > svg .stroke-color {
    display: none;
}

.select-number .package-type .item.active .star-icon > svg .stroke-color {
    display: block;
}

.package-type .item .num {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    text-shadow: 0 0 4px #ffc107;
    -webkit-text-stroke: 1px #ffc106;
    font-size: 2rem;
    color: #ffffff;
}

.select-number .package-type .item .star-icon > .star-num {
    font-size: 0.95rem;
}

.select-number .package-type .item .star-icon .full-star {
    right: 2px;
}

.package-type .item.select-all .star-icon > svg > path.border-star,
.select-number .package-type .active.item.select-all .star-icon > svg > path.bg-star {
    color: #216921;
    fill: #216921;
}

.select-number .card.pkg-green .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-green .num-package svg .border-star,
.package-type .item.pkg-green .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-green .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-green .star-icon > .star-num {
    color: #58bb29;
    fill: #58bb29;
}

.select-number .card.pkg-blue .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-blue .num-package svg .border-star,
.package-type .item.pkg-blue .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-blue .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-blue .star-icon > .star-num {
    color: #049dd5;
    fill: #049dd5;
}

.select-number .card.pkg-red .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-red .num-package svg .border-star,
.package-type .item.pkg-red .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-red .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-red .star-icon > .star-num {
    color: #f26422;
    fill: #f26422;
}

.select-number .card.pkg-yel .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-yel .num-package svg .border-star,
.package-type .item.pkg-yel .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-yel .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-yel .star-icon > .star-num {
    color: #fcad0c;
    fill: #fcad0c;
}

.select-number .card.pkg-pink .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-pink .num-package svg .border-star,
.package-type .item.pkg-pink .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-pink .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-pink .star-icon > .star-num {
    color: #fb2b93;
    fill: #fb2b93;
}

.select-number .card.pkg-purple .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-purple .num-package svg .border-star,
.package-type .item.pkg-purple .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-purple .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-purple .star-icon > .star-num {
    color: #ce6ddd;
    fill: #ce6ddd;
}

.select-number .card.pkg-aqua .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-aqua .num-package svg .border-star,
.package-type .item.pkg-aqua .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-aqua .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-aqua .star-icon > .star-num {
    color: #00ab96;
    fill: #00ab96;
}

.select-number .card.pkg-brown .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-brown .num-package svg .border-star,
.package-type .item.pkg-brown .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-brown .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-brown .star-icon > .star-num {
    color: #ab6969;
    fill: #ab6969;
}

.select-number .card.pkg-dark-blue .ui.corner.label.num-package .star-num,
.ui.cards .card.pkg-dark-blue .num-package svg .border-star,
.package-type .item.pkg-dark-blue .star-icon > svg > path.border-star,
.select-number .package-type .active.item.pkg-dark-blue .star-icon > svg > path.bg-star,
.select-number .package-type .item.pkg-dark-blue .star-icon > .star-num {
    color: #5c5bad;
    fill: #5c5bad;
}

.select-number .card .ui.corner.label.num-package {
    left: 5px;
    display: inline-block;
    border: 0;
    height: 30px;
    top: -13px;
    width: 27px;
}

.ui.cards > .card .ui.corner.label.num-package > span {
    top: 0;
    right: 0;
    transform: rotate(0deg);
}

.select-number .card .ui.corner.label.num-package .star-num,
.select-number .package-type .item .star-icon > .star-num {
    position: absolute;
    top: 50%;
    opacity: 1;
    right: 0;
    font-size: 1rem;
    transform: rotate(0deg) translate(0, calc(-50% + 5px));
    color: #555;
    width: 14px;
    display: flex;
    justify-content: flex-end;
    z-index: 2;
}

.ui.cards:not(#selectedNumber) .card.selected .ui.corner.label.num-package .star-num,
.ui.cards:not(#selectedNumber) .card.selected .ui.corner.label.num-package span svg path.border-star {
    color: #39a008;
    fill: #39a008;
}

.package-data {
    width: 200px;
    /*border: 1px solid #39a008;*/
}


.ui.basic.button.del-btn {
    margin-bottom: 4px;
    color: #da3241 !important;
    box-shadow: 0 0 0 1px rgba(218,50,65,.15) inset, 0 1px 4px 0 rgba(218,50,65,.15) inset;
}

.package-type-container .ui.labeled.icon.button.del-btn > .icon {
    background-color: rgba(218,50,65,.12);
}

@media only screen and (max-width: 767px) {
    .sigin-signup .ui.menu .item.active::after, .sigin-signup .ui.vertical.menu .item.active:first-child:after {
        display: none !important;
    }

    .ui.celled.grid > .row > .column.multiple-btn.delete-btn {
        position: absolute;
        display: flex !important;
        top: 0;
        left: 0px;
        line-height: 20px;
        min-height: 54px;
        border: none;
        box-shadow: none;
        width: 54px !important;
    }

    .search-textbox {
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }

        .search-textbox > div .field {
            min-width: 35px !important;
            width: 35px !important;
        }

    .ui[class*="right aligned"].segment.cmbSelectCustomer {
        text-align: right !important;
    }

    .sim-owner-info .cmbSelectCustomer {
        flex-direction: column;
        align-items: end;
        flex-grow: 0 !important;
        flex-shrink: 5 !important;
    }

    .selected-items-info {
        width: 24.34% !important;
    }

    .ui.form .field div[name="cityListContainer"] {
        margin-bottom: 0.7rem;
    }
}

.package-type-container .ui.basic.button.del-btn.in-screen {
    display: none !important;
}

.ui.basic.button.del-btn.in-mobile {
    display: none !important;
    padding: 1rem 0.5rem;
    margin-bottom: 0;
}

.package-type .item.select-all {
    border: 1px solid #dedede;
    padding: 0.75rem 1rem 0.6rem 0.5rem !important;
    margin: 0 -1px 0;
}

    .package-type .item.select-all > span {
        left: 12px;
        right: auto;
        top: 9px;
        position: absolute;
    }
.package-type .item[data-pooltype="normal"] {
    line-height: 20px;
}
@media only screen and (max-width: 992px) {
    .ui.basic.button.del-btn.in-mobile {
        display: block !important;
    }

    .package-type-container .ui.basic.button.del-btn.in-screen {
        display: none !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
    .select-number .ui.form .fields > .two.wide.field {
        width: 10.5% !important;
        padding-right: .5em;
        max-width: 50px;
    }

    .sim-owner-info .cmbSelectCustomer {
        max-width: 370px;
    }
}

@media only screen and (min-width: 577px) and (max-width: 633px) {

    .shatel-logo-button .button-text {
        padding: 10px 33px 10px 12px;
        height: 120px;
    }

    .sim-owner-info .cmbSelectCustomer {
        max-width: 330px;
        flex-grow: 0;
        flex-shrink: 5;
    }
}

@media only screen and (max-width: 577px) {
    .select-number .ui.form .fields > .two.wide.field {
        max-width: 50px;
    }

    .shatel-logo-button .button-text {
        height: 120px;
    }

    .shatel-button {
        flex-direction: column;
    }

        .shatel-button.active .shatel-logo-button .button-text {
            height: 150px;
        }

    .sim-owner-info .cmbSelectCustomer {
        align-items: stretch;
    }

    .selected-items-info {
        width: 49.34% !important;
    }
}

@media only screen and (max-width: 500px) {
    .ui.form .fields > .two.wide.field {
        width: 12% !important;
        padding-right: 0;
    }

        .ui.form .fields > .two.wide.field:first-child {
            width: 16% !important;
        }

    .ui.segments:not(.horizontal) > .segment:last-child.remove-btn, .remove-btn {
        position: absolute;
        left: -1px;
        top: -1px;
        border: 1px solid #ddd;
        display: flex;
        align-items: center;
        bottom: initial;
        height: calc(50% + 2px);
        border-radius: 0;
    }

    .search-textbox > div .field {
        min-width: 28px !important;
        width: 25px !important;
        margin: 2px !important;
    }

    .sim-banner {
        display: none;
    }

    .select-number .ui.cards .card.selected::before {
        right: 5px;
    }
}

.message-select-number-fixed {
    position: fixed;
    background: #ca5b53;
    padding: 10px;
    width: 100%;
    display: flex;
    color: #fff;
    top: 30px;
    border-radius: 2px;
    z-index: 555;
}

    .message-select-number-fixed .bar-loader {
        height: 4px;
        width: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.25);
    }

@media only screen and (max-width: 400px) {
    .select-number .ui.cards .card.selected::before {
        display: none;
    }
}



@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}


@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.ui.action.input input[type="file"] {
    display: none;
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }

    25% {
        opacity: 0;
        transform: translateX(10px) scale(0.9);
    }

    26% {
        opacity: 0;
        transform: translateX(-10px) scale(0.9);
    }

    55% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes animate-arrow-1 {
    0% {
        top: 20px;
        opacity: 0;
    }

    70%,100% {
        top: 0px;
        opacity: 1;
    }
}

@keyframes animate-arrow-2 {
    0% {
        top: 10px;
        opacity: 0;
    }

    70%,100% {
        top: 0px;
        opacity: 0.5;
    }
}

@keyframes animate-arrow-3 {
    0% {
        top: -10px;
        opacity: 0;
    }

    70%,100% {
        top: 0px;
        opacity: 0.3;
    }
}

@keyframes animate-arrow-1-open {
    0% {
        top: 0px;
        opacity: 0;
    }

    70%,100% {
        top: 20px;
        opacity: 1;
    }
}

@keyframes animate-arrow-2-open {
    0% {
        top: 0px;
        opacity: 0;
    }

    70%,100% {
        top: 10px;
        opacity: 0.5;
    }
}

@keyframes animate-arrow-3-open {
    0% {
        top: 0px;
        opacity: 0;
    }

    70%,100% {
        top: -10px;
        opacity: 0.3;
    }
}

.ui.steps .step {
    padding: 1em;
}

    .ui.steps .step > .icon {
        font-size: 1.7em;
    }

    .ui.steps .step .title {
        font-weight: normal;
    }

.label-custom {
    line-height: 2;
    margin-bottom: 10px;
    display: block;
}

.voucher-redeem {
    line-height: 2;
}

    .voucher-redeem .buy-simcard {
        line-height: 1.7;
    }

    .voucher-redeem .horizontal.segments {
        border-radius: 0;
        box-shadow: none;
    }

        .voucher-redeem .horizontal.segments img {
            height: 100%;
        }

    .voucher-redeem .ui.horizontal.segments > .captcha-img {
        max-width: 150px;
        max-height: 58px;
    }

    .voucher-redeem .ui.horizontal.segments > .captcha-img {
        max-width: 150px;
    }

    .voucher-redeem .ui.horizontal.segments.captcha-box > .segment {
        align-items: center;
        display: flex;
    }


.modems-on-sale-page .ui.horizontal.segments {
    border-radius: 0;
}

.modems-on-sale-page .ui.secondary.pointing.menu .item {
    width: 50%;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
    cursor: pointer;
}


/**********b2b************/
.buy-simcard .ui[class*="left icon"].input > input.no-icon {
    padding-right: 1em !important;
}

.modems-on-sale-page.b2b .tab-container {
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px;
    background: #f7f7f7 url('/Client/assets/Images/Home/ShatelMobile/B2Bbg.jpg') center bottom no-repeat;
    background-size: 100%;
}

    .modems-on-sale-page.b2b .tab-container .ui.secondary.pointing.menu {
        display: flex;
        border-bottom: 0;
        justify-content: center;
        margin-top: 50px;
        margin-bottom: -20px;
    }

.modems-on-sale-page.b2b .ui.secondary.pointing.menu .item {
    width: 20%;
    margin: 6px 6px 0px;
    background: #fff;
    display: flex;
    flex-direction: column;
    border: 1px solid #eaeaea;
    /*    border-bottom: 0;*/
    min-height: 90px;
    border-radius: 2px 2px 0 0;
    padding: 20px 10px;
    -webkit-box-shadow: 0 0 4px 0 rgba(34,36,38,.15);
    box-shadow: 0 0 4px 0 rgba(34,36,38,.15);
    color: #777;
    transition: color 0.2s linear;
}

    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item svg path {
        fill: #666;
        color: #666;
        transition: color 0.2s linear;
    }

    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: transform 0.2s linear;
    }

.modems-on-sale-page.b2b .ui.secondary.pointing.menu .item {
    border-bottom: 3px solid #ccc;
}

    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active span {
        transform: scale(1.05);
    }

    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active:first-child,
    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active:first-child svg path {
        color: #673AB7;
        fill: #673AB7;
        border-bottom-color: #673AB7;
    }

    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active:nth-child(2),
    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active:nth-child(2) svg path {
        color: #315bff;
        fill: #315bff;
        border-bottom-color: #315bff;
    }

    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active:nth-child(3),
    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active:nth-child(3) svg path {
        color: #E91E63;
        fill: #E91E63;
        border-bottom-color: #E91E63;
    }
    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active:nth-child(4),
    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item.active:nth-child(4) svg path {
        color: #e880e8;
        fill: #e880e8;
        border-bottom-color: #e880e8;
    }

    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item i,
    .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item svg {
        margin-bottom: 8px;
    }

.modems-on-sale-page.b2b .ui.cards .card.product-item {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    box-shadow: none;
    border: 1px solid #eaeaea;
    z-index: 1;
}

    .modems-on-sale-page.b2b .ui.cards .card.product-item::after {
        display: none;
    }

.ui.cards .card.product-item .image {
    flex: 1 0 auto;
    display: flex;
}

.modems-on-sale-page.b2b .ui.cards .card.product-item .content {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.modems-on-sale-page.b2b .ui.cards .card.product-item .actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 10px;
}

    .modems-on-sale-page.b2b .ui.cards .card.product-item .actions .ui.button {
        z-index: 3;
        padding: 9px 11px;
    }

    .modems-on-sale-page.b2b .ui.cards .card.product-item .actions .buy-btn .ui.button {
        padding: .4em .5em .25em;
        line-height: 1.3em;
        margin: 0;
        border-radius: 2px !important;
        height: 23px;
    }

    .modems-on-sale-page.b2b .ui.cards .card.product-item .actions .product-no {
        max-width: 40px;
        z-index: 3;
        padding: .4em .4em .25em;
        line-height: 1;
        position: relative;
        text-align: center;
        display: none;
        height: 23px;
    }

    .modems-on-sale-page.b2b .ui.cards .card.product-item .actions .buy-btn .ui.button.btnRemoveFromBasket {
        display: none;
        border-radius: 0 2px 2px 0 !important;
    }

    .modems-on-sale-page.b2b .ui.cards .card.product-item .actions .added.buy-btn .ui.button.btnAddToBasket {
        border-radius: 2px 0 0 2px !important;
    }

    .modems-on-sale-page.b2b .ui.cards .card.product-item .actions .added .product-no,
    .modems-on-sale-page.b2b .ui.cards .card.product-item .actions .added .ui.button.btnRemoveFromBasket {
        display: block;
    }

    .modems-on-sale-page.b2b .ui.cards .card.product-item .actions i {
        font-size: 0.85rem;
    }



.modems-on-sale-page.b2b .ui.cards > .card.product-item .content > .description {
    padding: 0px 10px 10px;
}

.ui.cards .card.product-item .product-title {
    padding: 2px 5px 6px;
}

.modems-on-sale-page.b2b .ui.cards .card.product-item .card-info::before {
    background: rgba(0,0,0,0.08);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.modems-on-sale-page.b2b .ui.cards .card.product-item .card-info:hover::before {
    opacity: 1;
    transition: all .25s ease;
}

.card {
    position: relative;
    transform-style: preserve-3d;
    transform-origin: center right;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

    .card > .card-info {
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
    }

.card-info p {
    position: relative;
    padding: 1rem 1.5rem 1rem 1rem;
    font-size: 0.8rem;
}

    .card-info p::before {
        content: '\2022';
        position: absolute;
        right: 1rem;
        font-size: 0.9rem;
    }

.card.is-flipped {
    transform: translateX(-100%) rotateY(-180deg);
}

.ui.cards .card.product-item .addMsisdn {
    background: #f5f5f5;
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    right: -1px;
    width: calc(100% + 2px);
    display: none;
}

    .ui.cards .card.product-item .addMsisdn .content {
        padding: 15px;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        .ui.cards .card.product-item .addMsisdn .content > div {
            justify-content: space-between;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .ui.cards .card.product-item .addMsisdn .content .ui.form input {
            width: 100%;
            background: #fbfbfb;
        }

        .ui.cards .card.product-item .addMsisdn .content .ui.form label {
            margin-bottom: 15px;
        }

.modems-on-sale-page.b2b .ui.cards .card.product-item .addMsisdn .actions {
    padding: 0;
}

@media only screen and (max-width: 650px) {
    .modems-on-sale-page .ui.secondary.pointing.menu .item {
        width: 100%;
        border-top: 2px solid #dfe0e0;
    }

        .modems-on-sale-page .ui.secondary.pointing.menu .item:first-child {
            margin-bottom: 5px;
        }

    .ui.secondary.pointing.menu {
        flex-direction: column;
    }

    .modems-on-sale-page.b2b .ui.secondary.pointing.menu {
        flex-direction: row;
    }

        .modems-on-sale-page.b2b .ui.secondary.pointing.menu .item {
            width: 26%;
            margin: 6px -1px 0px;
        }
}

.ui.action.input input[type="file"] {
    opacity: 0;
    display: block;
    padding: 62px 20px 55px;
    width: 100%;
    z-index: 1;
    position: relative;
    cursor: pointer;
}


.b2b-summary-info {
    padding: 5px 0 20px;
}

    .b2b-summary-info > div,
    .b2b-summary-info > div .ui.grid > .column:not(.row) {
        padding: 10px 15px !important;
        line-height: 1.5rem;
    }

        .b2b-summary-info > div h5,
        .b2b-summary-info > div .ui.grid > .column:not(.row) h5 {
            margin-left: 5px !important;
        }

.upload-box {
    display: flex !important;
    flex-direction: column;
}

    .upload-box img {
        max-height: 205px;
        margin: 0 auto;
        display: flex;
    }

.image-uploaded {
    border-radius: 2px;
    text-align: center;
}

.file-upload {
    border-radius: 2px;
    overflow: hidden;
}

    .file-upload input[type="text"] {
        width: 100% !important;
        text-align: center !important;
        color: #fff !important;
        position: relative;
        z-index: 1;
        outline: 0;
        margin-top: 8px;
        border-radius: 2px !important;
    }

    .file-upload input::placeholder {
        color: #fff !important;
    }

.upload-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .upload-header i {
        margin-left: 0 !important;
    }

.accepted .upload-header {
    background: #daf1df !important;
}

.rejected .upload-header {
    background: #f9dede !important;
}

.upload-header .downloadAttachment {
    padding: 7px 14px;
    margin: -5px 5px -5px -5px !important;
}

.upload-icon {
    width: 100%;
    height: 140px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    opacity: 0.4;
    border: 1px solid #c0c0c0;
    z-index: 0;
}

    .upload-icon img {
        max-width: 80px;
    }

.image-uploaded.has-img {
    border: 5px solid #dedede;
    text-align: center;
    display: flex;
    position: relative;
}

.uploaded .file-upload input[type="text"] {
    background: transparent !important;
    padding-left: 30px;
}

.rejected.img-removed .image-uploaded,
.rejected .file-upload .upload-icon,
.rejected .ui.action.input input[type="file"] {
    display: none;
}

.rejected.img-removed .file-upload .upload-icon,
.rejected.img-removed .ui.action.input input[type="file"] {
    display: flex;
}

.upload-form .info {
    position: relative;
    overflow: auto;
    max-height: 100%;
    padding: 5px;
    max-height: 225px;
}

    .upload-form .info > div {
        padding: 3px 10px 0px;
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 3px 5px 0 5px;
        border-radius: 3px;
        width: calc(100% - 18px);
    }

    .upload-form .info .description {
    }

        .upload-form .info .description::after {
            position: absolute;
            top: 10px;
            left: 100%;
            content: "";
            border: 9px solid transparent;
            border-top: 2px solid transparent;
            border-left: 9px solid #deeaef;
        }

    .upload-form .info .admin .description::after {
        position: absolute;
        top: 10px;
        left: auto;
        right: 100%;
        content: "";
        border: 9px solid transparent;
        border-top: 2px solid transparent;
        border-right: 9px solid #ededed;
    }

    .upload-form .info .user {
        background: #deeaef;
    }

    .upload-form .info .admin {
        background: #ededed;
    }

    .upload-form .info .username span {
        display: flex;
        flex-direction: row;
    }

        .upload-form .info .username span i {
            background: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1.55em;
            height: 1.45em;
            border-radius: 5px;
        }

    .upload-form .info .user .username {
        color: #519ab9;
    }

    .upload-form .info .admin .username {
        color: #8c7ba7;
    }

    .upload-form .info .date {
        color: #888;
        font-size: 0.85rem;
        justify-content: flex-end;
        display: flex;
    }

.upload-form .img-status {
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 1;
}

    .upload-form .img-status.ui.label > .icon {
        margin-left: 0.25em;
    }

.upload-form .remove-img {
    position: absolute !important;
    bottom: 8px;
    right: 8px;
}

    .upload-form .remove-img.ui.animated.button .visible.content {
        margin-left: 0.5em;
    }
/*.upload-form .info .admin .date {
justify-content: flex-start;
}*/
.upload-form .file-upload .edit-icon {
    position: absolute;
    bottom: 1px;
    right: 0;
    background: #002a63 !important;
    color: #fff;
    height: 36px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 0;
    padding-left: 10px;
    border-radius: 2px;
    outline: 0;
}


.uploaded .upload-icon, .uploaded .remove-img, .uploaded .img-status {
    display: none;
}

.uploaded .ui.action.input input[type="file"] {
    display: none;
}


.ui.styled.accordion.payment-methods .title {
    background: #f2f3fd;
    margin-top: 8px;
    display: flex;
    align-items: center;
    border: 1px solid #e2e2e2;
    padding: 18px 10px;
}

    .ui.styled.accordion.payment-methods .title:first-child {
        margin-top: 0;
    }

    .ui.styled.accordion.payment-methods .title label {
        font-size: 1.1rem;
    }

.success-massege {
    align-items: center;
    flex-direction: column;
    display: flex;
}

    .success-massege i {
        color: #21ba45;
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 15px;
    }


.btb-payment-methods .payment-methods {
    display: flex;
    margin: 10px auto;
    align-items: center;
}

    .btb-payment-methods .payment-methods > .content {
        display: flex;
        justify-content: space-around;
    }

.payment-methods > .content > .ui.checkbox input[type=radio] {
    width: 95px;
}


.btb-payment-methods .payment-methods > .content > .ui.checkbox label {
    display: none;
}

.btb-payment-methods .payment-methods > .content > .ui.checkbox > div,
.btb-payment-methods .payment-methods > .content > .ui.checkbox input[type=radio] {
    display: flex;
    margin: 10px 15px;
    height: 80px;
    padding: 10px;
    width: 80px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

    .btb-payment-methods .payment-methods > .content > .ui.checkbox > div img {
        width: 100%;
        height: auto;
        cursor: pointer;
    }

.btb-payment-methods .payment-methods > .content > .ui.checkbox input[type="radio"]:checked + div,
.btb-payment-methods .payment-methods > .content > .ui.checkbox.checked div {
    box-shadow: 0 0 3px 0px rgb(4 157 213);
}

.btb-payment-methods .payment-methods > h5 {
    text-align: center;
}

.qty-ballon {
    /*width : 30px;*/
}

    .qty-ballon label {
        line-height: 3;
        /*  width: 10px;*/
    }

    .qty-ballon .ui.input input {
        max-width: 85px
    }


.modems-on-sale-page.b2b .ui.cards .card.product-item .actions .qty-ballon .ui.button {
    padding: 5px 10px;
    height: 26px;
}