/*! * # 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 - List * http://github.com/semantic-org/semantic-ui/ * * * Copyright 2015 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.list,ol.ui.list,ul.ui.list{list-style-type:none;margin:1em 0;padding:0}.ui.list:first-child,ol.ui.list:first-child,ul.ui.list:first-child{margin-top:0;padding-top:0}.ui.list:last-child,ol.ui.list:last-child,ul.ui.list:last-child{margin-bottom:0;padding-bottom:0}.ui.list .list>.item,.ui.list>.item,ol.ui.list li,ul.ui.list li{display:list-item;table-layout:fixed;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.list>.item:after,.ui.list>.list>.item,ol.ui.list>li:first-child:after,ul.ui.list>li:first-child:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.list .list>.item:first-child,.ui.list>.item:first-child,ol.ui.list li:first-child,ul.ui.list li:first-child{padding-top:0}.ui.list .list>.item:last-child,.ui.list>.item:last-child,ol.ui.list li:last-child,ul.ui.list li:last-child{padding-bottom:0}.ui.list .list,ol.ui.list ol,ul.ui.list ul{clear:both;margin:0;padding:.75em .5em .25em 0}.ui.list .list>.item,ol.ui.list ol li,ul.ui.list ul li{padding:.14285714em 0;line-height:inherit}.ui.list .list>.item>i.icon,.ui.list>.item>i.icon{display:table-cell;margin:0;padding-top:.07142857em;padding-left:.28571429em;vertical-align:top;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;transition:color .1s ease}.ui.list .list>.item>i.icon:only-child,.ui.list>.item>i.icon:only-child{display:inline-block;vertical-align:top}.ui.list .list>.item>.image,.ui.list>.item>.image{display:table-cell;background-color:transparent;margin:0;vertical-align:top}.ui.list .list>.item>.image:not(:only-child):not(img),.ui.list>.item>.image:not(:only-child):not(img){padding-left:.5em}.ui.list .list>.item>.image img,.ui.list>.item>.image img{vertical-align:top}.ui.list .list>.item>.image:only-child,.ui.list .list>.item>img.image,.ui.list>.item>.image:only-child,.ui.list>.item>img.image{display:inline-block}.ui.list .list>.item>.content,.ui.list>.item>.content{line-height:1.14285714em}.ui.list .list>.item>.icon+.content,.ui.list .list>.item>.image+.content,.ui.list>.item>.icon+.content,.ui.list>.item>.image+.content{display:table-cell;padding:0 .5em 0 0;vertical-align:top}.ui.list .list>.item>img.image+.content,.ui.list>.item>img.image+.content{display:inline-block}.ui.list .list>.item>.content>.list,.ui.list>.item>.content>.list{margin-right:0;padding-right:0} .ui.list .list > .item .header, .ui.list > .item .header { display: block; margin: 0; font-family: IRANSANS_fa, Tahoma; font-weight: 700; color: rgba(0,0,0,.87) }.ui.list .list>.item .description,.ui.list>.item .description{display:block;color:rgba(0,0,0,.7)}.ui.list .list>.item a,.ui.list>.item a{cursor:pointer}.ui.list .list>a.item,.ui.list>a.item{cursor:pointer;color:#4183C4}.ui.list .list>a.item:hover,.ui.list>a.item:hover{color:#1e70bf}.ui.list .list>a.item i.icon,.ui.list>a.item i.icon{color:rgba(0,0,0,.4)}.ui.list .list>.item a.header,.ui.list>.item a.header{cursor:pointer;color:#4183C4!important}.ui.list .list>.item a.header:hover,.ui.list>.item a.header:hover{color:#1e70bf!important}.ui[class*="left floated"].list{float:right}.ui[class*="right floated"].list{float:left}.ui.list .list>.item [class*="left floated"],.ui.list>.item [class*="left floated"]{float:right;margin:0 0 0 1em}.ui.list .list>.item [class*="right floated"],.ui.list>.item [class*="right floated"]{float:left;margin:0 1em 0 0}.ui.menu .ui.list .list>.item,.ui.menu .ui.list>.item{display:list-item;table-layout:fixed;background-color:transparent;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.menu .ui.list .list>.item:before,.ui.menu .ui.list>.item:before{border:none;background:0 0}.ui.menu .ui.list .list>.item:first-child,.ui.menu .ui.list>.item:first-child{padding-top:0}.ui.menu .ui.list .list>.item:last-child,.ui.menu .ui.list>.item:last-child{padding-bottom:0}.ui.horizontal.list{display:inline-block;font-size:0}.ui.horizontal.list>.item{display:inline-block;margin-right:1em;font-size:1rem}.ui.horizontal.list:not(.celled)>.item:first-child{margin-right:0!important;padding-right:0!important}.ui.horizontal.list .list{padding-right:0;padding-bottom:0}.ui.horizontal.list .list>.item>.content,.ui.horizontal.list .list>.item>.icon,.ui.horizontal.list .list>.item>.image,.ui.horizontal.list>.item>.content,.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.image{vertical-align:middle}.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.horizontal.list>.item>i.icon{margin:0;padding:0 0 0 .25em}.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.icon+.content{float:none;display:inline-block}.ui.list .list>.disabled.item,.ui.list>.disabled.item{pointer-events:none;color:rgba(40,40,40,.3)!important}.ui.inverted.list .list>.disabled.item,.ui.inverted.list>.disabled.item{color:rgba(225,225,225,.3)!important}.ui.list .list>a.item:hover .icon,.ui.list>a.item:hover .icon{color:rgba(0,0,0,.87)}.ui.inverted.list .list>a.item>.icon,.ui.inverted.list>a.item>.icon{color:rgba(255,255,255,.7)}.ui.inverted.list .list>.item .header,.ui.inverted.list>.item .header{color:rgba(255,255,255,.9)}.ui.inverted.list .list>.item .description,.ui.inverted.list>.item .description{color:rgba(255,255,255,.7)}.ui.inverted.list .list>a.item,.ui.inverted.list>a.item{cursor:pointer;color:rgba(255,255,255,.9)}.ui.inverted.list .list>a.item:hover,.ui.inverted.list>a.item:hover{color:#1e70bf}.ui.inverted.list .item a:not(.ui){color:rgba(255,255,255,.9)!important}.ui.inverted.list .item a:not(.ui):hover{color:#1e70bf!important}.ui.list [class*="top aligned"],.ui.list[class*="top aligned"] .content,.ui.list[class*="top aligned"] .image{vertical-align:top!important}.ui.list [class*="middle aligned"],.ui.list[class*="middle aligned"] .content,.ui.list[class*="middle aligned"] .image{vertical-align:middle!important}.ui.list [class*="bottom aligned"],.ui.list[class*="bottom aligned"] .content,.ui.list[class*="bottom aligned"] .image{vertical-align:bottom!important}.ui.link.list .item,.ui.link.list .item a:not(.ui),.ui.link.list a.item{color:rgba(0,0,0,.4);-webkit-transition:.1s color ease;-moz-transition:.1s color ease;transition:.1s color ease}.ui.link.list .item a:not(.ui):hover,.ui.link.list a.item:hover{color:rgba(0,0,0,.8)}.ui.link.list .item a:not(.ui):active,.ui.link.list a.item:active{color:rgba(0,0,0,.9)}.ui.link.list .active.item,.ui.link.list .active.item a:not(.ui){color:rgba(0,0,0,.95)}.ui.inverted.link.list .item,.ui.inverted.link.list .item a:not(.ui),.ui.inverted.link.list a.item{color:rgba(255,255,255,.5)}.ui.inverted.link.list .active.item a:not(.ui),.ui.inverted.link.list .item a:not(.ui):active,.ui.inverted.link.list .item a:not(.ui):hover,.ui.inverted.link.list a.active.item,.ui.inverted.link.list a.item:active,.ui.inverted.link.list a.item:hover{color:#fff}.ui.selection.list .list>.item,.ui.selection.list>.item{cursor:pointer;background:0 0;padding:.5em;margin:0;color:rgba(0,0,0,.4);border-radius:.5em;-webkit-transition:.1s color ease,.1s padding-right ease,.1s background-color ease;-moz-transition:.1s color ease,.1s padding-right ease,.1s background-color ease;transition:.1s color ease,.1s padding-right ease,.1s background-color ease}.ui.selection.list .list>.item:last-child,.ui.selection.list>.item:last-child{margin-bottom:0}.ui.selection.list.list>.item:hover,.ui.selection.list>.item:hover{background:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.selection.list .list>.item:active,.ui.selection.list>.item:active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.9)}.ui.selection.list .list>.item.active,.ui.selection.list>.item.active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.inverted.selection.list>.item{background:0 0;color:rgba(255,255,255,.5)}.ui.inverted.selection.list>.item:hover{background:rgba(255,255,255,.02);color:#fff}.ui.inverted.selection.list>.item.active,.ui.inverted.selection.list>.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.celled.selection.list .list>.item,.ui.celled.selection.list>.item,.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{border-radius:0}.ui.animated.list>.item{-webkit-transition:.25s color ease .1s,.25s padding-right ease .1s,.25s background-color ease .1s;-moz-transition:.25s color ease .1s,.25s padding-right ease .1s,.25s background-color ease .1s;transition:.25s color ease .1s,.25s padding-right ease .1s,.25s background-color ease .1s}.ui.animated.list:not(.horizontal)>.item:hover{padding-right:1em}.ui.fitted.list:not(.selection) .list>.item,.ui.fitted.list:not(.selection)>.item{padding-right:0;padding-left:0}.ui.fitted.selection.list .list>.item,.ui.fitted.selection.list>.item{margin-right:-.5em;margin-left:-.5em}.ui.bulleted.list,ul.ui.list{margin-right:1.25rem}.ui.bulleted.list .list>.item,.ui.bulleted.list>.item,ul.ui.list li{position:relative}.ui.bulleted.list .list>.item:before,.ui.bulleted.list>.item:before,ul.ui.list li:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;top:auto;right:auto;margin-right:-1.25rem;content:'•';opacity:1;color:inherit;vertical-align:top}.ui.bulleted.list .list,ul.ui.list ul{padding-right:1.25rem}.ui.horizontal.bulleted.list,ul.ui.horizontal.bulleted.list{margin-right:0}.ui.horizontal.bulleted.list>.item,ul.ui.horizontal.bulleted.list li{margin-right:1.75rem}.ui.horizontal.bulleted.list>.item:first-child,ul.ui.horizontal.bulleted.list li:first-child{margin-right:0}.ui.horizontal.bulleted.list>.item::before,ul.ui.horizontal.bulleted.list li::before{color:rgba(0,0,0,.87)}.ui.horizontal.bulleted.list>.item:first-child::before,ul.ui.horizontal.bulleted.list li:first-child::before{display:none}.ui.ordered.list,.ui.ordered.list .list,ol.ui.list,ol.ui.list ol{counter-reset:ordered;margin-right:1.25rem;list-style-type:none}.ui.ordered.list .list>.item,.ui.ordered.list>.item,ol.ui.list li{list-style-type:none;position:relative}.ui.ordered.list .list>.item:before,.ui.ordered.list>.item:before,ol.ui.list li:before{position:absolute;top:auto;right:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;margin-right:-1.25rem;counter-increment:ordered;content:counters(ordered,".") " ";text-align:left;color:rgba(0,0,0,.87);vertical-align:middle;opacity:.8}.ui.ordered.inverted.list .list>.item:before,.ui.ordered.inverted.list>.item:before,ol.ui.inverted.list li:before{color:rgba(255,255,255,.7)}.ui.ordered.list>.item[data-value],.ui.ordered.list>.list>.item[data-value]{content:attr(data-value)}ol.ui.list li[value]:before{content:attr(value)}.ui.ordered.list .list,ol.ui.list ol{margin-right:1em}.ui.ordered.list .list>.item:before,ol.ui.list ol li:before{margin-right:-2em}.ui.ordered.horizontal.list,ol.ui.horizontal.list{margin-right:0}.ui.ordered.horizontal.list .list>.item:before,.ui.ordered.horizontal.list>.item:before,ol.ui.horizontal.list li:before{position:static;margin:0 0 0 .5em}.ui.divided.list>.item{border-top:1px solid rgba(34,36,38,.15)}.ui.divided.list .item .list>.item,.ui.divided.list .list>.item,.ui.divided.list .list>.item:first-child,.ui.divided.list>.item:first-child{border-top:none}.ui.divided.list:not(.horizontal) .list>.item:first-child{border-top-width:1px}.ui.divided.bulleted.list .list,.ui.divided.bulleted.list:not(.horizontal){margin-right:0;padding-right:0}.ui.divided.bulleted.list>.item:not(.horizontal){padding-right:1.25rem}.ui.divided.ordered.list{margin-right:0}.ui.divided.ordered.list .list>.item,.ui.divided.ordered.list>.item{padding-right:1.25rem}.ui.divided.ordered.list .item .list{margin-right:0;margin-left:0;padding-bottom:.21428571em}.ui.divided.ordered.list .item .list>.item{padding-right:1em}.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{margin:0;border-radius:0}.ui.divided.horizontal.list{margin-right:0}.ui.divided.horizontal.list>.item{border-top:none;border-right:1px solid rgba(34,36,38,.15);margin:0;padding-right:.5em;padding-left:.5em;line-height:.6}.ui.horizontal.divided.list>.item:first-child{border-right:none}.ui.divided.inverted.horizontal.list>.item,.ui.divided.inverted.list>.item,.ui.divided.inverted.list>.list{border-color:rgba(255,255,255,.1)}.ui.celled.list>.item,.ui.celled.list>.list{border-top:1px solid rgba(34,36,38,.15);padding-right:.5em;padding-left:.5em}.ui.celled.list>.item:last-child{border-bottom:1px solid rgba(34,36,38,.15)}.ui.celled.list>.item:first-child,.ui.celled.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.celled.list .item .list>.item{border-width:0}.ui.celled.list .list>.item:first-child{border-top-width:0}.ui.celled.bulleted.list{margin-right:0}.ui.celled.bulleted.list .list>.item,.ui.celled.bulleted.list>.item{padding-right:1.25rem}.ui.celled.bulleted.list .item .list{margin-right:-1.25rem;margin-left:-1.25rem;padding-bottom:.21428571em}.ui.celled.ordered.list{margin-right:0}.ui.celled.ordered.list .list>.item,.ui.celled.ordered.list>.item{padding-right:1.25rem}.ui.celled.ordered.list .item .list{margin-right:0;margin-left:0;padding-bottom:.21428571em}.ui.celled.ordered.list .list>.item{padding-right:1em}.ui.horizontal.celled.list{margin-right:0}.ui.horizontal.celled.list .list>.item,.ui.horizontal.celled.list>.item{border-top:none;border-right:1px solid rgba(34,36,38,.15);margin:0;padding-right:.5em;padding-left:.5em;line-height:.6}.ui.horizontal.celled.list .list>.item:last-child,.ui.horizontal.celled.list>.item:last-child{border-bottom:none;border-left:1px solid rgba(34,36,38,.15)}.ui.celled.inverted.horizontal.list .list>.item,.ui.celled.inverted.horizontal.list>.item,.ui.celled.inverted.list>.item,.ui.celled.inverted.list>.list{border-color:1px solid rgba(255,255,255,.1)}.ui.relaxed.list:not(.horizontal)>.item{padding-top:.42857143em;padding-bottom:.42857143em}.ui.relaxed.list:not(.horizontal) .list>.item{padding-top:.21428571em;padding-bottom:.21428571em}.ui.horizontal.relaxed.list>.item{padding-right:1rem;padding-left:1rem}.ui[class*="very relaxed"].list:not(.horizontal)>.item{padding-top:.85714286em;padding-bottom:.85714286em}.ui[class*="very relaxed"].list:not(.horizontal) .list>.item{padding-top:.28571429em;padding-bottom:.28571429em}.ui.horizontal[class*="very relaxed"].list .list>.item,.ui.horizontal[class*="very relaxed"].list>.item{padding-right:1.5rem;padding-left:1.5rem}.ui.mini.list{font-size:.71428571em}.ui.tiny.list{font-size:.85714286em}.ui.small.list{font-size:.92857143em}.ui.list{font-size:1em}.ui.large.list{font-size:1.14285714em}.ui.big.list{font-size:1.28571429em}.ui.huge.list{font-size:1.42857143em}.ui.massive.list{font-size:1.71428571em}.ui.mini.horizontal.list .list>.item,.ui.mini.horizontal.list>.item{font-size:.71428571rem}.ui.tiny.horizontal.list .list>.item,.ui.tiny.horizontal.list>.item{font-size:.85714286rem}.ui.small.horizontal.list .list>.item,.ui.small.horizontal.list>.item{font-size:.92857143rem}.ui.horizontal.list .list>.item,.ui.horizontal.list>.item{font-size:1rem}.ui.large.horizontal.list .list>.item,.ui.large.horizontal.list>.item{font-size:1.14285714rem}.ui.big.horizontal.list .list>.item,.ui.big.horizontal.list>.item{font-size:1.28571429rem}.ui.huge.horizontal.list .list>.item,.ui.huge.horizontal.list>.item{font-size:1.42857143rem}.ui.massive.horizontal.list .list>.item,.ui.massive.horizontal.list>.item{font-size:1.71428571rem} /*! * # 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} /*! * # Semantic UI 2.1.6 - Dropdown * http://github.com/semantic-org/semantic-ui/ * * * Copyright 2015 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:0;text-align:right;-webkit-transition:-webkit-box-shadow .1s ease,width .1s ease;-moz-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease;-webkit-tap-highlight-color:transparent;direction:rtl}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0;background:#FFF;font-size:1em;text-shadow:none;text-align:right;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;font-size:.85714286em;margin:0 1em 0 0}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:left;margin:0 1em 0 0}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-left:1em}.ui.dropdown>.text{display:inline-block;-webkit-transition:none;-moz-transition:none;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:right;border-top:none;line-height:1em;color:rgba(0,0,0,.87);padding:.71428571rem 1.14285714rem!important;font-size:1rem;text-transform:none;font-weight:400;-webkit-box-shadow:none;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.14285714rem;color:rgba(0,0,0,.85);font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0;margin:.5em 0}.ui.dropdown .menu>.input{width:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:1.14285714rem .71428571rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{float:left;margin:0 1em 0 0;color:rgba(0,0,0,.4)}.ui.dropdown .menu>.message{padding:.71428571rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;right:100%!important;left:auto!important;margin:0 -.5em 0 0!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0;margin-right:0;float:none;margin-left:.71428571rem}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img{display:inline-block;vertical-align:middle;width:auto;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-right:none}.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu{right:auto;left:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);transform:rotateZ(0);min-width:14em;min-height:2.7142em;background:#FFF;display:inline-block;padding:.78571429em 1em .78571429em 2.6em;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:-webkit-box-shadow .1s ease,width .1s ease;-moz-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{cursor:pointer;position:absolute;top:auto;width:auto;z-index:3;margin:-.78571429em;padding:.78571429em;left:1em;opacity:.8;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0!important;outline:0;margin:0 -1px;min-width:-webkit-calc(100% + 2px);min-width:-moz-calc(100% + 2px);min-width:calc(100% + 2px);width:-webkit-calc(100% + 2px);width:-moz-calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 .28571429rem .28571429rem;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15);-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.71428571rem 1.14285714rem}@media only screen and (max-width:767px){.ui.selection.dropdown .menu{max-height:7.58571429rem}}@media only screen and (min-width:768px){.ui.selection.dropdown .menu{max-height:10.11428571rem}}@media only screen and (min-width:992px){.ui.selection.dropdown .menu{max-height:15.17142857rem}}@media only screen and (min-width:1920px){.ui.selection.dropdown .menu{max-height:20.22857143rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #FAFAFA;padding:.71428571rem 1.14285714rem!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,.35);-webkit-box-shadow:none;box-shadow:none}.ui.selection.active.dropdown,.ui.selection.active.dropdown .menu{border-color:#96C8DA;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.dropdown:focus{border-color:#96C8DA;-webkit-box-shadow:none;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96C8DA;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:rgba(0,0,0,.8)}.ui.selection.active.dropdown:hover,.ui.selection.active.dropdown:hover .menu{border-color:#96C8DA;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:1;z-index:3}.ui.active.selection.dropdown{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;cursor:pointer;top:0;right:0;width:100%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit;position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.2142em;padding:.67861429em 1em .67861429em 2.6em}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(0,0,0,.4)!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width:767px){.ui.search.dropdown .menu{max-height:7.58571429rem}}@media only screen and (min-width:768px){.ui.search.dropdown .menu{max-height:10.11428571rem}}@media only screen and (min-width:992px){.ui.search.dropdown .menu{max-height:15.17142857rem}}@media only screen and (min-width:1920px){.ui.search.dropdown .menu{max-height:20.22857143rem}}.ui.multiple.dropdown{padding:.22620476em .28571429em .22620476em 2.6em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:top;white-space:normal;font-size:1em;padding:.35714286em .71428571em;margin:.21428571em 0 .21428571em .28571429rem;-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}.ui.multiple.dropdown .dropdown.icon{margin:0 0 0 -.71428571em;padding:.5em}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45240952em .71428571em .45240952em 0;line-height:1.2142em}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;right:0;padding:inherit;margin:.45240952em .71428571em .45240952em 0;line-height:1.2142em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45240952em .71428571em .45240952em 0;width:2.2em;line-height:1.2142em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .25em 0 .5em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.25em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);z-index:13}.ui.loading.dropdown>i.icon:after,.ui.loading.dropdown>i.icon:before{right:30%!important}.ui.loading.dropdown>i.icon{top:50%!important}.ui.multiple.loading.dropdown>i.icon:after,.ui.multiple.loading.dropdown>i.icon:before{top:0!important;right:0!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;right:50%;margin:-.64285714em -.64285714em 0 0;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;right:50%;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;margin:-.64285714em -.64285714em 0 0;width:1.28571429em;height:1.28571429em;-webkit-animation:dropdown-spin .6s linear;-moz-animation:dropdown-spin .6s linear;animation:dropdown-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}.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before{display:none}@-webkit-keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-moz-keyframes dropdown-spin{from{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes dropdown-spin{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}}.ui.default.dropdown:hover>.text,.ui.default.dropdown>.text,.ui.dropdown:hover>.default.text,.ui.dropdown>.default.text{color:rgba(179,179,179,.7)}.ui.loading.dropdown>.text{-webkit-transition:none;-moz-transition:none;transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#9F3A38}.ui.selection.dropdown.error{background:#FFF6F6;border-color:#E0B4B4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu,.ui.selection.dropdown.error:hover{border-color:#E0B4B4}.ui.dropdown.error>.menu>.item{color:#9F3A38}.ui.multiple.selection.error.dropdown>.label{border-color:#E0B4B4}.ui.dropdown.error>.menu>.item:hover{background-color:#FFF2F2}.ui.dropdown.error>.menu .active.item{background-color:#FDCFCF}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{right:0}.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu{right:100%!important;left:auto!important;border-radius:.28571429rem!important}.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu{right:auto!important;left:100%!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:right;margin:0 0 0 .71428571rem}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-right:1em}.ui.upward.dropdown>.menu{top:auto;bottom:100%;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.08);box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:.28571429rem .28571429rem 0 0}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0 0!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0!important;-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,.08);box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.upward.selection.dropdown:hover{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.05);box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.08);box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.05);box-shadow:0 0 3px 0 rgba(0,0,0,.05)}.ui.upward.active.selection.dropdown:hover .menu{-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,.08);box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item{border-top:none;padding-left:-webkit-calc(1.14285714rem + 17px)!important;padding-left:-moz-calc(1.14285714rem + 17px)!important;padding-left:calc(1.14285714rem + 17px)!important}.ui.dropdown .scrolling.menu .item:first-child,.ui.scrolling.dropdown .menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast:none){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{min-width:-webkit-calc(100% - 17px);min-width:-moz-calc(100% - 17px);min-width:calc(100% - 17px)}}@media only screen and (max-width:767px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:9.71428571rem}}@media only screen and (min-width:768px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:14.57142857rem}}@media only screen and (min-width:992px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:19.42857143rem}}@media only screen and (min-width:1920px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:19.42857143rem}}.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;transition:opacity .1s ease}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu{overflow:visible;width:auto;height:auto;top:0!important;right:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:left}.ui.floating.dropdown .menu{right:0;left:auto;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08)!important;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08)!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.71428571rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:.5em;height:.5em;-webkit-box-shadow:1px -1px 0 1px rgba(34,36,38,.15);box-shadow:1px -1px 0 1px rgba(34,36,38,.15);background:#FFF;z-index:2;top:-.25em;right:50%;margin:0 -.25em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;right:0;left:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;right:1em;left:auto;margin:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;right:auto;left:1em;margin:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.left.pointing.dropdown>.menu{top:0;right:100%;left:auto;margin:0 1em 0 0}.ui.left.pointing.dropdown>.menu:after{top:1em;right:-.25em;margin:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ui.right.pointing.dropdown>.menu{top:0;right:auto;left:100%;margin:0 0 0 1em}.ui.right.pointing.dropdown>.menu:after{top:1em;right:auto;left:-.25em;margin:0;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;right:0;left:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;left:auto;margin:0;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0!important}.ui.bottom.left.pointing.dropdown>.menu{right:0;left:auto}.ui.bottom.left.pointing.dropdown>.menu:after{right:1em;left:auto}.ui.bottom.right.pointing.dropdown>.menu{left:0;right:auto}.ui.bottom.right.pointing.dropdown>.menu:after{right:auto;left:1em}.ui.upward.pointing.dropdown>.menu,.ui.upward.top.pointing.dropdown>.menu{top:auto;bottom:100%;margin:0 0 .71428571rem;border-radius:.28571429rem}.ui.upward.pointing.dropdown>.menu:after,.ui.upward.top.pointing.dropdown>.menu:after{top:100%;bottom:auto;-webkit-box-shadow:-1px 1px 0 1px rgba(34,36,38,.15);box-shadow:-1px 1px 0 1px rgba(34,36,38,.15);margin:-.25em 0 0}@font-face{font-family:Dropdown;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center;width:auto}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0d9'}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:"\f0da"}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:"\f0d9"} /*.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; } } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .sizethumbs .owl-carousel.owl-rtl .owl-item { text-align: center; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } #wBrand.owl-carousel .owl-item img { height: auto; } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls .owl-dots { text-align: center; position: relative; bottom: 30px; /*left: 0;*/ /*right: 0;*/ height: 20px; text-align: right; cursor: default; margin-top: -20px; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-dots .owl-dot { display: inline-block; zoom: 1; width: 12px; height: 12px; border: 3px solid #fff; margin: 6px; border-radius: 50%; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-dots span { display: block; position: relative; border-radius: 50%; width: 100%; height: 100%; /*margin: 5px 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: transparent;*/ /*box-shadow: inset 0 0 0px 1px #bbb;*/ background: none; } .owl-theme .owl-controls .owl-dots span:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; right: 0; top: 0; box-shadow: 0 0 0px 1px #fff; background: #fff; border: 1px solid #fff; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: 50%; opacity: 0; } /*.owl-theme .owl-controls .owl-dots span:hover, .owl-theme .owl-controls .owl-dots .owl-dot.active span { box-shadow: inset 0 0 0px 1px #333; }*/ .owl-theme .owl-controls .owl-dots span:hover:after, .owl-theme .owl-controls .owl-dots .owl-dot.active span:after { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); width: 100%; opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; } /*************Romis Custom CSS****************/ #owl-demo .item img { display: block; width: 100%; height: auto; } .owl-theme .owl-controls .owl-nav div { position: absolute; top: 0; bottom: 0; /*background-color: rgba(0, 0, 0, .2);*/ width: 80px; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ opacity: 0.5; filter: alpha(opacity: 50); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .owl-theme:hover .owl-controls .owl-nav div { opacity: 1; filter: alpha(opacity: 100); } .owl-theme .owl-controls .owl-nav div.owl-prev { right: -50px; } .owl-theme .owl-controls .owl-nav div.owl-next { left: -50px; } .owl-theme .owl-controls .owl-nav div i { font-size: 3em; top: 50%; margin-top: -20px; position: absolute; left: 15px; color: #c7ced8; } /*************Romis Custom CSS (updatePanel)****************/ #updatePanel .owl-theme .owl-controls .owl-nav div { opacity: 1; filter: alpha(opacity: 100); } #updatePanel .owl-controls .owl-nav div { background: transparent; width: 20px; display: flex; justify-content: center; } #updatePanel .owl-theme .owl-controls .owl-nav div i, #homeProductsSlider .owl-theme .owl-controls .owl-nav div i { width: 20px; left: 0; right: 0; font-size: 2.2em; display: flex; justify-content: center; } #updatePanel .owl-theme .owl-controls .owl-nav div.owl-prev, #updatePanel .owl-theme .owl-controls .owl-nav div.owl-next, #homeProductsSlider .owl-theme .owl-controls .owl-nav div.owl-prev, #homeProductsSlider .owl-theme .owl-controls .owl-nav div.owl-next { right: -30px; width: 20px; } #updatePanel .owl-theme .owl-controls .owl-nav div.owl-next, #homeProductsSlider .owl-theme .owl-controls .owl-nav div.owl-next { left: -30px; right: auto; } /*#updatePanel .owl-carousel .owl-stage-outer { margin-right: 1.7%; }*/ #updatePanel .owl-carousel .owl-stage { display: inline-flex; } #updatePanel .owl-theme.sizes .owl-controls .owl-nav div i, #homeProductsSlider .owl-theme.sizes .owl-controls .owl-nav div i { font-size: 1.8em; margin-top: -16px; } #updatePanel .owl-theme.sizes .owl-carousel .owl-stage-outer { margin-right: 0; } /*****************theme2******************/ .owl-theme.theme2 { padding: 6px 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .owl-theme.theme2 .owl-controls .owl-nav div { width: 40px; } .owl-theme.theme2 .owl-controls .owl-nav div i { width: 100%; left: auto; } .owl-theme.theme2 .owl-controls .owl-nav div, .owl-theme.theme2:hover .owl-controls .owl-nav div { display: block !important; } @media only screen and (max-width: 767px) { .owl-theme .owl-controls .owl-nav div, .owl-theme:hover .owl-controls .owl-nav div { display: none !important; } #updatePanel .owl-theme .owl-controls .owl-nav div { /*display: inline-block !important;*/ } #updatePanel .owl-theme .owl-controls .owl-nav div.owl-prev, #updatePanel .owl-theme .owl-controls .owl-nav div.owl-next, #homeProductsSlider .owl-theme .owl-controls .owl-nav div.owl-prev, #homeProductsSlider .owl-theme .owl-controls .owl-nav div.owl-next { right: -20px; } #updatePanel .owl-theme .owl-controls .owl-nav div.owl-next, #homeProductsSlider .owl-theme .owl-controls .owl-nav div.owl-next { left: -20px; right: auto; } } /********************theme-catalog**********************/ .owl-theme.theme2.theme-catalog { border: 0 !important; margin: -.875em 0; } #homeProductsSlider.owl-carousel .owl-stage-outer { padding-bottom: 45px; } #bannerSlider.owl-theme .owl-controls .owl-nav div.owl-prev { right: 0; } #bannerSlider.owl-theme .owl-controls .owl-nav div.owl-next { left: 0; } #bannerSlider.owl-theme .owl-controls .owl-nav div.owl-prev i, #bannerSlider.owl-theme .owl-controls .owl-nav div.owl-next i { margin: 0; } #updatePanel .owl-theme.referral .owl-controls .owl-nav div.owl-prev, #updatePanel .owl-theme.referral .owl-controls .owl-nav div.owl-next, #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div.owl-prev, #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div.owl-next { right: -45px; width: 40px; } #updatePanel .owl-theme.referral .owl-controls .owl-nav div.owl-next, #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div.owl-next { left: -45px; right: auto; } @media only screen and (min-width: 768px) { #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div.owl-prev, #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div.owl-next { right: -58px; width: 40px; } #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div.owl-next { left: -58px; right: auto; } } #updatePanel .owl-theme.referral .owl-controls .owl-nav div i, #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div i { width: 40px; line-height: 48px; height: 50px; background: #049dd5; border-radius: 2px; box-shadow: inset 0 0 7px 1px #008bbe; } #updatePanel .owl-theme.referral .owl-controls .owl-nav div.owl-next i, #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div.owl-next i { border-radius: 20px 0 0 20px; } #updatePanel .owl-theme.referral .owl-controls .owl-nav div.owl-prev i, #updatePanel .owl-theme.blue-arrow .owl-controls .owl-nav div.owl-prev i { border-radius: 0 20px 20px 0; } .theme-package.owl-carousel { width: auto !important; } .theme-package.owl-theme .owl-controls .owl-nav div i { left: auto; display: flex; } .theme-package.owl-theme .owl-controls .owl-nav div { width: 50px; text-align: center; display: flex !important; justify-content: center; } .theme-package.owl-theme .ui.card, .theme-package.owl-theme .ui.cards .card { width: 100%; } .theme-package.owl-theme .ui.card:hover, .theme-package.owl-theme .ui.cards .card:hover { -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #dedede; } .theme-package.owl-theme.owl-carousel .owl-stage-outer { padding: 0.5em 0; } .theme-package.ui.cards { margin: 0.5em 3%; } .referral.theme-package.ui.cards { margin: 0.5em -0.5em; } .blue-arrow.theme-package.ui.cards { margin: 0.5em 0.7em; } @media only screen and (max-width: 820px) { .referral.theme-package.ui.cards { margin: 0.5em 3%; } .blue-arrow.theme-package.ui.cards { margin: 0.5em 3em; } } .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; } } #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; } #basketFooter { margin: 0; } .TblPricesHolder { font-size: 13px; line-height: 1.7; } .TblPricesHolder .Red { color: #ff5153; } .without-discount { display: flex; align-items: center; height: 100%; } .without-discount > div { width: 100%; } .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 .Red { color: #ff5153; } .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; } #referrer { font-weight: normal; max-width: min-content; /* position: absolute; */ top: -4px; right: -18px; padding: 3px 5px; opacity: 0.75; } #referrer .ui.ribbon.label.discount-ribbon { font-weight: normal; max-width: min-content; position: relative; top: -4px; right: -23px; padding: 3px 5px; opacity: 0.75; } .ui.ribbon.label.discount-ribbon { font-weight: normal; max-width: min-content; position: absolute; top: -10px; right: -9px; padding: 3px 5px; opacity: 0.75; } .ui.ribbon.label.discount-ribbon:after { border-width: 0 0 0.75em 0.75em; } .initial-package .ui.ribbon.label.discount-ribbon { opacity: 1; top: 5px; } @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; } } .payment-methods { display: flex; flex-direction: column; max-width: 300px; margin: 45px auto 10px; } .payment-methods > .content { display: flex; justify-content: space-around; } .payment-methods > .content > .ui.checkbox input[type=radio] { width: 95px; } .payment-methods > .content > .ui.checkbox label { display: none; } .payment-methods > .content > .ui.checkbox > div, .payment-methods > .content > .ui.checkbox input[type=radio] { display: flex; margin: 10px; height: 80px; padding: 10px; width: 80px; justify-content: center; align-items: center; border-radius: 3px; } .payment-methods > .content > .ui.checkbox > div img { width: 100%; height: auto; cursor:pointer; } .payment-methods > .content > .ui.checkbox input[type="radio"]:checked + div, .payment-methods > .content > .ui.checkbox.checked div { box-shadow: 0 0 3px 0px rgb(4 157 213); } .payment-methods > h5 { text-align: center; } .otp-payment-methods { display: none; } .otp-payment-methods .payment-methods { margin-top: 55px; } /*payment*/ .payment-wrapper { max-width: 480px; margin: 0 auto; border: 1px solid #ccc; border-radius: 12px; padding: 16px; background-color: #fff; } .payment-tabs { display: flex; justify-content: space-around; /*border-bottom: 1px solid #e0e0e0;*/ margin-bottom: 1rem; } .payment-tabs div { padding: 12px; cursor: pointer; font-weight: bold; color: #999; } .payment-tabs .active { color: #007bff; border-bottom: 3px solid #007bff; } .payment-tabs .divider { width: 1px; background-color: #ccc; margin: 0 16px; } .payment-description { text-align: center; color: #666; font-size: 14px; margin-bottom: 1rem; } .bank-card { display: flex; align-items: center; border: 2px solid rgb(240 240 240 / 52%); border-radius: 12px; padding: 0; overflow: hidden; margin-bottom: 10px; /* background: #f9f9f9;*/ transition: border 0.3s, background 0.3s; } .bank-card.disabled { pointer-events: none; opacity: 0.5; } .tab.disabled { pointer-events: none; opacity: 0.4; cursor: not-allowed; } .bank-card .icon { padding: 10px; background: #f0fafe; margin-left: 10px; } .bank-card.selected { border-color: #1a73e8; /*background: #e8f0fe;*/ background: transparent; } .bank-card img { width: 40px; height: 40px; object-fit: contain; margin-left: 12px; } .bank-card input[type="radio"] { display: none; } .bank-name { font-weight: 500; color: #333; } .bank-desc { font-size: 13px; } .bank-card.selected .bank-name { color: #007bff; } .otp-payment-methods .title { font-size: 15px; font-weight: bold; color: black; text-align: center; margin-top: 20px; margin-bottom: 20px; } @media (max-width: 600px) { .bank-card { flex-direction: row-reverse; justify-content: space-between; } .bank-name { font-size: 14px; } } #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; } .resendOtpBox { text-align: center; font-size: 1.2em; color: #049dd5; padding: 6px 5px 3px; } .resendOtp { text-decoration: underline; cursor: pointer; display: none; } .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; } .post-cost-desc { white-space: normal; font-size: 0.94rem; } .clear-both { clear: both; } .payment-methods { display: flex; flex-direction: column; max-width: 300px; margin: 10px auto; } .payment-methods > .content { display: flex; justify-content: space-around; } .payment-methods > .content > .ui.checkbox input[type=radio] { width: 95px; } .payment-methods > .content > .ui.checkbox > div, .payment-methods > .content > .ui.checkbox input[type=radio] { display: flex; margin: 10px; height: 80px; padding: 10px; width: 80px; justify-content: center; align-items: center; border-radius: 3px; } .payment-methods > .content > .ui.checkbox > div img { width: 100%; height: auto; cursor: pointer } .payment-methods > .content > .ui.checkbox.checked div { box-shadow: 0 0 3px 0px rgb(4 157 213) } .payment-methods > h5 { text-align: center; } .otp-payment-methods { display: none; } .otp-payment-methods .payment-methods { margin-top: 55px; } .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; } .ui.styled.accordion .upload-form .remove-img .content { padding: initial; } /*.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; } /********************************************************************/ .payment-wrapper { max-width: 480px; margin: 0 auto; border: 1px solid #ccc; border-radius: 12px; padding: 16px; background-color: #fff; } .payment-tabs { display: flex; justify-content: space-around; /*border-bottom: 1px solid #e0e0e0;*/ margin-bottom: 1rem; } .payment-tabs div { padding: 12px; cursor: pointer; font-weight: bold; color: #999; } .payment-tabs .active { color: #007bff; border-bottom: 3px solid #007bff; } .payment-tabs .divider { width: 1px; background-color: #ccc; margin: 0 16px; } .payment-description { text-align: center; color: #666; font-size: 14px; margin-bottom: 1rem; } .bank-card { display: flex; align-items: center; border: 2px solid rgb(240 240 240 / 52%); border-radius: 12px; padding: 0; overflow:hidden; margin-bottom: 10px; /* background: #f9f9f9;*/ transition: border 0.3s, background 0.3s; } .bank-card.disabled { pointer-events: none; opacity: 0.5; } .tab.disabled { pointer-events: none; opacity: 0.4; cursor: not-allowed; } .bank-card .icon { padding: 10px; background: #f0fafe; margin-left: 10px; } .bank-card.selected { border-color: #1a73e8; /*background: #e8f0fe;*/ background: transparent; } .bank-card img { width: 40px; height: 40px; object-fit: contain; margin-left: 12px; } .bank-card input[type="radio"] { display: none; } .bank-name { font-weight: 500; color: #333; } .bank-desc{ font-size : 13px; } .bank-card.selected .bank-name { color: #007bff; } .otp-payment-methods .title { font-size: 15px; font-weight: bold; color: black; text-align: center; margin-top: 20px; margin-bottom: 20px; } @media (max-width: 600px) { .bank-card { flex-direction: row-reverse; justify-content: space-between; } .bank-name { font-size: 14px; } } @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; } .ui.basic.segment.policy-confirm { background: #efefef; margin-top: 5px !important; padding: 1rem; } .ui.basic.segment.policy-confirm .ui.checkbox label { font-size: 1rem; } /*************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; 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; } .owl-carousel.owl-rtl .owl-item { padding: 0 7px 0 0; } /************stay-at-home style*************/ .ui.card.stay-at-home > .content > .header:not(.ui), .ui.cards > .card.stay-at-home > .content > .header:not(.ui) { width: calc(100% - 58px); margin-right: auto; margin-left: auto; } .initial-package .ui.cards .card.stay-at-home { overflow: visible; } .initial-package .ui.cards .card.stay-at-home .content:first-child::before { content: ""; position: absolute; top: -13px; left: -30px; width: 83px; transform: rotate(-45deg); height: 68px; background: url(/Client/assets/Images/stayAtHome.png) no-repeat center center; background-size: 100%; } .card-subtitle { color: #343434; font-family: 'IRANSANS_faM', Tahoma; } /*************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; } .resendOtpBox { text-align: center; font-size: 1.2em; color: #049dd5; padding: 6px 5px 3px; } .resendOtp { text-decoration: underline; cursor: pointer; display: none; } .messageModalCountDownTxt { text-align: center; font-size: 1em; 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:last-child { border-bottom: 0; } /*.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.pkg-dark-green .ui.corner.label.num-package .star-num, .ui.cards .card.pkg-dark-green .num-package svg .border-star, .package-type .item.pkg-dark-green .star-icon > svg > path.border-star, .select-number .package-type .active.item.pkg-dark-green .star-icon > svg > path.bg-star, .select-number .package-type .item.pkg-dark-green .star-icon > .star-num { color: #012914; fill: #012914; } .select-number .card.pkg-grey .ui.corner.label.num-package .star-num, .ui.cards .card.pkg-grey .num-package svg .border-star, .package-type .item.pkg-grey .star-icon > svg > path.border-star, .select-number .package-type .active.item.pkg-grey .star-icon > svg > path.bg-star, .select-number .package-type .item.pkg-grey .star-icon > .star-num { color: #655f5f; fill: #655f5f; } .select-number .card.pkg-dark-yel .ui.corner.label.num-package .star-num, .ui.cards .card.pkg-dark-yel .num-package svg .border-star, .package-type .item.pkg-dark-yel .star-icon > svg > path.border-star, .select-number .package-type .active.item.pkg-dark-yel .star-icon > svg > path.bg-star, .select-number .package-type .item.pkg-dark-yel .star-icon > .star-num { color: #9f701d; fill: #9f701d; } .select-number .card.pkg-dark-red .ui.corner.label.num-package .star-num, .ui.cards .card.pkg-dark-red .num-package svg .border-star, .package-type .item.pkg-dark-red .star-icon > svg > path.border-star, .select-number .package-type .active.item.pkg-dark-red .star-icon > svg > path.bg-star, .select-number .package-type .item.pkg-dark-red .star-icon > .star-num { color: #ff0000; fill: #ff0000; } .select-number .card .ui.corner.label.num-package { left: 5px; display: inline-block; border: 0; height: 30px; top: -13px; width: 27px; } .select-number .card .ui.corner.label.num-package { top: -14px; } .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); } .ui.ribbon.label.discount-ribbon { font-weight: normal; max-width: min-content; position: absolute; top: -7px; right: -9px; padding: 3px 5px; opacity: 0.75; } .ui.ribbon.label.discount-ribbon:after { border-width: 0 0 0.75em 0.75em; } .initial-package .ui.ribbon.label.discount-ribbon { opacity: 1; top: 5px; } @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; } .ui.message.search-result-message { margin: 0 8px 1em; } .ui.message.search-result-message .header { padding-right: 0; } @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); } .payment-methods { display: flex; flex-direction: column; max-width: 300px; margin: 10px auto; } .payment-methods > .content { display: flex; justify-content:space-around; } .payment-methods > .content > .ui.checkbox input[type=radio] { width: 95px; } .payment-methods > .content > .ui.checkbox > div, .payment-methods > .content > .ui.checkbox input[type=radio] { display: flex; margin: 10px; height: 80px; padding: 10px; width: 80px; justify-content: center; align-items: center; border-radius: 3px; } .payment-methods > .content > .ui.checkbox > div img { width:100%; height: auto; cursor: pointer } .payment-methods > .content > .ui.checkbox input[type="radio"]:checked + div, .payment-methods > .content > .ui.checkbox.checked div { box-shadow: 0 0 3px 0px rgb(4 157 213) } .payment-methods > h5 { text-align: center; } .otp-payment-methods { display: none; } .otp-payment-methods .payment-methods { margin-top: 55px; } #messageModalWithTimeout .progressBar .bar-loader { height: 8px; width: 0; position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.5); } #messageModalWithTimeout .description { text-align: center; } #messageModalWithTimeout .description > i { display:block; margin: 0 auto 20px; } #messageModalWithTimeout .redirecton-text { margin-top: 10px; } @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 } .grey-label { color: gray; font-size: 0.9rem; } @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; } } #selectedNumber .ui.corner.label.num-package::after { content: none; } .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; } .ui.styled.accordion .upload-form .remove-img .content { padding: initial; } /*.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; } /*payment*/ .payment-wrapper { max-width: 480px; margin: 0 auto; border: 1px solid #ccc; border-radius: 12px; padding: 16px; background-color: #fff; } .payment-tabs { display: flex; justify-content: space-around; /*border-bottom: 1px solid #e0e0e0;*/ margin-bottom: 1rem; } .payment-tabs div { padding: 12px; cursor: pointer; font-weight: bold; color: #999; } .payment-tabs .active { color: #007bff; border-bottom: 3px solid #007bff; } .payment-tabs .divider { width: 1px; background-color: #ccc; margin: 0 16px; } .payment-description { text-align: center; color: #666; font-size: 14px; margin-bottom: 1rem; } .bank-card { display: flex; align-items: center; border: 2px solid rgb(240 240 240 / 52%); border-radius: 12px; padding: 0; overflow: hidden; margin-bottom: 10px; /* background: #f9f9f9;*/ transition: border 0.3s, background 0.3s; } .bank-card.disabled { pointer-events: none; opacity: 0.5; } .tab.disabled { pointer-events: none; opacity: 0.4; cursor: not-allowed; } .bank-card .icon { padding: 10px; background: #f0fafe; margin-left: 10px; } .bank-card.selected { border-color: #1a73e8; /*background: #e8f0fe;*/ background: transparent; } .bank-card img { width: 40px; height: 40px; object-fit: contain; margin-left: 12px; } .bank-card input[type="radio"] { display: none; } .bank-name { font-weight: 500; color: #333; } .bank-desc { font-size: 13px; } .bank-card.selected .bank-name { color: #007bff; } .otp-payment-methods .title { font-size: 15px; font-weight: bold; color: black; text-align: center; margin-top: 20px; margin-bottom: 20px; } @media (max-width: 600px) { .bank-card { flex-direction: row-reverse; justify-content: space-between; } .bank-name { font-size: 14px; } }