/* * fancybox popups v17.4.5 * * @dependencies * - fancybox 3 */ /* popup - global styles */ .fancybox-skin{background: #fff;} .display_none{display:none !important;} .popup{text-align: center;} .fancybox-close:focus, .fancybox-close-small:focus{ -webkit-box-shadow: none; box-shadow: none; } .fancybox-slide--ajax > div{ background: #fff; margin: 30px; padding: 20px; } .m-only{ display: none; } .pc-only{ display: inline; } @media screen and (max-width: 820px) { .m-only { display: inline-block; } } @media screen and (max-width: 640px) { .pc-only { display: none; } } /* popup - insert_ajax */ #popup-insert_ajax{ padding: 0; max-width: 700px; } #popup-insert_ajax *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #popup-insert_ajax .popup_head{ position: relative; background: #fff; padding: 1em; border-radius: 4px 4px 0 0; line-height: 18px; border-bottom: 1px solid #ccc; } #popup-insert_ajax .popup_foot{ position: relative; background: #f4f4f4; padding: 1em; border-radius: 0 0 4px 4px; border-top: 1px solid #e6e6e6; } #popup-insert_ajax .rwd-t, #popup-insert_ajax .rwd-td{ position: relative; clear: both; width: 100%; } #popup-insert_ajax .rwd-t{display: table;} #popup-insert_ajax .rwd-td{ display: table-row; } #popup-insert_ajax .rwd-td .rwd-col{ position: relative; float: none; padding: 8px; display: table-cell; vertical-align: middle; width: 25%; } #popup-insert_ajax .rwd-td .rwd-col-cont{ width: 50%; text-align: left; } #popup-insert_ajax .capt, #popup-insert_ajax .name, #popup-insert_ajax .param, #popup-insert_ajax .price { padding-bottom: 4px; } #popup-insert_ajax .capt { font-size: 1.42em; font-weight: bold; color: #8ec63f; margin-bottom: 1em; } #popup-insert_ajax .name { font-size: 1.42em; font-weight: bold; } #popup-insert_ajax .name a:hover { text-decoration: none; } #popup-insert_ajax .price strong { font-size: 1.42em; } #popup-insert_ajax .img img { max-width: 100%; } #popup-insert_ajax .present { font-size: 1.42em; color: #f63; } #popup-insert_ajax .icon-truck { display: inline-block; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAP1BMVEUAAAD/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjP/ZjPM52IXAAAAFHRSTlMA7OFYBPVoI76XLxPMo3xI2a1RifBqlH4AAAB0SURBVBjTpdA3DsMwEAXRvytGU9lz/7O6cIIIFRY85StH+rmJd2P4IN9uf2J1X+dwxAVSsumIAyZlGzqkSXvMHVopztYhAPEMUTpDFZgTgDcn7hVGSYXcGHMOCuZhoQZJCXPm17I1skiS7jHW57a2YUkXegCu0BAzcztU2AAAAABJRU5ErkJggg==) center center no-repeat; margin-right: 10px; vertical-align: text-top; } #popup-insert_ajax .icon-truck { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIiBbPCFFTlRJVFkgbnNfc3ZnICJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PCFFTlRJVFkgbnNfeGxpbmsgImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPl0+PHN2ZyAgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9Ii0yMDMuNzUgLTIwMS4zNzUgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iI2Y2MyIgZD0iTTQ3LjY2Ni0xMzguMjVoLTIxNS4yNTJjLTE4Ljk0NCwwLTM0LjQ0MiwxNS40OTgtMzQuNDQyLDM0LjQ0M3YyMTYuMzMyYzAsMTguOTM2LDEuMTgxLDM0LjQzNSwxNC4zOTksMzQuNDM1YzcuOTI3LDAsMTQuNDA2LDkuMDk4LDE0LjQwNiwyMC45ODhjMCwxMC45MTMsMTMuMTAyLDE5LjM4MywyOS45LDIwLjcxOGMtMC4wNzQsMS4zMS0wLjIwMiwyLjU5Ny0wLjIwMiwzLjkxOGMwLDM4LjM0MywzMS4xOTEsNjkuNTQyLDY5LjUzNSw2OS41NDJjMzguMzUsMCw2OS41NTctMzEuMTk5LDY5LjU1Ny02OS41NDJjMC0xLjIyNC0wLjEyOC0yLjQyNy0wLjE4NC0zLjY0OWg1Mi4yODNjMTguOTQ1LDAsMzQuNDM5LTE0LjI1NywzNC40MzktMzMuMnYtMjU5LjU0MUM4Mi4xMDQtMTIyLjc1Miw2Ni42MDYtMTM4LjI1LDQ3LjY2Ni0xMzguMjV6IE0tNzMuOTgzLDIxOS4wNzFjLTE0LjYwMywwLTI2LjQ4OC0xMS44ODItMjYuNDg4LTI2LjQ5NmMwLTE0LjYwNiwxMS44ODYtMjYuNDk5LDI2LjQ4OC0yNi40OTljMTQuNjEsMCwyNi40OTksMTEuODkzLDI2LjQ5OSwyNi40OTlDLTQ3LjQ4OCwyMDcuMTg5LTU5LjM3NywyMTkuMDcxLTczLjk4MywyMTkuMDcxeiIvPjxwYXRoIGZpbGw9IiNmNjMiIGQ9Ik0yODUuNCw1My40NDFMMjQwLjI4LTYuMTM4Yy0xMS43MS0xNC44OTItMzYuNDE1LTI4Ljc5LTU1LjM1NC0yOC43OWgtNTEuMTYyYy0xOC45NDEsMC0zNC40MzUsMTguOTI5LTM0LjQzNSwzNy44NzR2MTU1LjE5NWMwLDE3LjY2MSwxMy41MTUsMjkuMDIxLDMwLjY5NCwzMC41MDJjLTAuMDc2LDEuMzExLTAuMjExLDIuNjA5LTAuMjExLDMuOTMzYzAsMzguMzQ0LDMxLjE5OCw2OS41NDMsNjkuNTQ2LDY5LjU0M2MzOC4zNTQsMCw2OS41NjEtMzEuMTk5LDY5LjU2MS02OS41NDNjMC0xLjIyLTAuMTItMi40MjctMC4xOTUtMy42NDZoNC4yNDNjMTguOTQ5LDAsMzMuMDA2LTExLjg0NCwzMy4wMDYtMzAuNzkxdi00My4xNzdDMzA1Ljk3Myw5Ni4wMywyOTcuMTA3LDY4LjM0NiwyODUuNCw1My40NDF6IE0xNTAuOTg4LDI2LjkzOWMwLTE4Ljk0NSwyLjczOC0zNC40MzksMjYuMTkzLTM0LjQzOWMxNS40MDQsMCwzNi43NzYsMTIuMSw0OC42MTksMjYuODg2bDIwLjUyMSwyNC4xODJjMTEuODQ0LDE0Ljc5OCw1LjU3NiwyNC44MjItMTMuMzU3LDI0LjgyMmgtNTEuMTg2Yy0xOC45MzIsMC0zMC43OTEtMTEuMzU5LTMwLjc5MS0zMC4zMDRWMjYuOTM5eiBNMTk5LjM1OCwyMTkuMDcxYy0xNC42MTMsMC0yNi40OTYtMTEuODgyLTI2LjQ5Ni0yNi40OTZjMC0xNC42MDYsMTEuODgzLTI2LjQ5OSwyNi40OTYtMjYuNDk5czI2LjUwMywxMS44OTMsMjYuNTAzLDI2LjQ5OUMyMjUuODYxLDIwNy4xODksMjEzLjk3MiwyMTkuMDcxLDE5OS4zNTgsMjE5LjA3MXoiLz48L2c+PC9zdmc+); -webkit-background-size: 20px 20px; background-size: 20px; } #popup-insert_ajax .popup_cart{ display: inline-block; text-align: left; color: #000; text-decoration: none; line-height: 18px; padding: 0 0 0 42px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAVFBMVEUAAADa2tra2tra2tra2trZ2dna2tra2trZ2dna2tra2tra2trb29va2trb29va2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tri9tzOAAAAG3RSTlMASL4G7rUyU2/6o9AYryfHDaWIOOXVwLaTaECig6qfAAAAtElEQVQ4y73QyxKCMBBE0SYEETDh/ez//0+DVBAoRlxxdlN9V4ObhUNZFOUQintEjiMZhfKurdVzIe4P4OELYfeFtEuF38WiyrLM7Wvhzgp/Ci6AF66DVv+adQsUyh9xRFZPMo8bLlQBx/oLMflCwidSLiw+jBQY/xYpWF9nzoMeXn0e1Fj1Z4HCV30WTNhQJPM5sCFdYEh22JromIbMclKbhGSAnY4HOfYCHgQ4SNVOifu8AU70I70cQx7fAAAAAElFTkSuQmCC) left center no-repeat; } #popup-insert_ajax .popup_cart{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIiBbPCFFTlRJVFkgbnNfc3ZnICJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PCFFTlRJVFkgbnNfeGxpbmsgImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPl0+PHN2ZyAgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBpZD0iaWNvbi1iYXNrZXQiIGZpbGw9IiNkYWRhZGEiIGQ9Ik05NS4zODEsMTcyLjkxOUwyMDkuODY0LDU4LjQzNWM4LjQ5Mi04LjQ5MywyMi4yNjUtOC40OTMsMzAuNzU3LDBjOC40OTMsOC40OTQsOC40OTMsMjIuMjY0LDAsMzAuNzU2bC04My43MjgsODMuNzI4SDk1LjM4MXogTTM1NS4xMDcsMTcyLjkxOWg2MS41MTJMMzAyLjEzNCw1OC40MzVjLTguNDkyLTguNDkzLTIyLjI2Mi04LjQ5My0zMC43NTQsMGMtOC40OTMsOC40OTQtOC40OTMsMjIuMjY0LDAsMzAuNzU2TDM1NS4xMDcsMTcyLjkxOXogTTAsMjAzLjU3MnY0OS43MDloMTMuNzIxYzExLjM5MSwwLDIxLjc4OSw2LjQ4OSwyNi43OTQsMTYuNzI0bDkyLjg3MSwxODkuOTI5aDI0NS42NDRsOTIuNDctMTg5Ljg4N2M0Ljk5NC0xMC4yNTcsMTUuNDAzLTE2Ljc2NiwyNi44MTMtMTYuNzY2SDUxMnYtNDkuNzA5SDBMMCwyMDMuNTcyeiBNMjAyLjg3NCwzOTAuNjg4YzAsOC41NzktNi45NTYsMTUuNTM1LTE1LjUzNCwxNS41MzVzLTE1LjUzNC02Ljk1Ni0xNS41MzQtMTUuNTM1VjI3NS42NjdjMC04LjU3OSw2Ljk1Ni0xNS41MzMsMTUuNTM0LTE1LjUzM3MxNS41MzQsNi45NTQsMTUuNTM0LDE1LjUzM1YzOTAuNjg4eiBNMjcyLjQ2NywzOTAuNjg4YzAsOC41NzktNi45NTcsMTUuNTM1LTE1LjUzNSwxNS41MzVjLTguNTc4LDAtMTUuNTMzLTYuOTU2LTE1LjUzMy0xNS41MzVWMjc1LjY2N2MwLTguNTc5LDYuOTU2LTE1LjUzMywxNS41MzMtMTUuNTMzYzguNTc4LDAsMTUuNTM1LDYuOTU0LDE1LjUzNSwxNS41MzNWMzkwLjY4OHogTTM0MS45NTQsMzkwLjY4OGMwLDguNTc5LTYuOTU0LDE1LjUzNS0xNS41MzMsMTUuNTM1cy0xNS41MzMtNi45NTYtMTUuNTMzLTE1LjUzNVYyNzUuNjY3YzAtOC41NzksNi45NTQtMTUuNTMzLDE1LjUzMy0xNS41MzNzMTUuNTMzLDYuOTU0LDE1LjUzMywxNS41MzNWMzkwLjY4OHoiLz48L3N2Zz4=); -webkit-background-size: 32px 32px; background-size: 32px; } #popup-insert_ajax .popup_cart:hover span{ text-decoration: underline; } #popup-insert_ajax .popup_items{ position: relative; background: #fff; padding: 1em; border-radius: 0 0 4px 4px; border-top: 1px solid #e6e6e6; } #popup-insert_ajax .popup_items-item{ float: left; width: 25%; padding: .25em; } #popup-insert_ajax .popup_items-item .capt{ } #popup-insert_ajax .popup_items-item .name a{ color: #000; line-height: 20px; height: 40px; overflow: hidden; display: inline-block; font-size: 14px; } #popup-insert_ajax .popup_items-item .img{ display: inline-block; margin-bottom: .25em; } @media screen and (max-width: 650px){ #popup-insert_ajax .popup_items-item{ width: 50%; } } @media screen and (max-width: 560px){ #popup-insert_ajax .rwd-t, #popup-insert_ajax .rwd-td, #popup-insert_ajax .rwd-td .rwd-col{ display: block; width: 100%; } } /* popup - message */ .popup.popup-message{ padding: 0; text-align: left; max-width: 500px; min-width: 250px; min-height: 80px; background: none; } .popup.popup-message .capt{ padding: 1em 2em 1em 3em; background: #8ec63f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAOVBMVEUAAAD+/v7+/v79/f3+/v7+/v7+/v7+/v7+/v7+/v79/f3////+/v7+/v7+/v7+/v7+/v77+/v///9qMLyKAAAAEnRSTlMA/LwhqfRc5456MuB1yZnTbA5vJ4xXAAAAnklEQVQoz32S2w7DIAxDnQswCu22/v/HTq2SwqqofgKODSgJTFK5EBWuglmitJtIJ5TTPillmPrpnFA3v++1r7Y6M5L8HMDbbhMA6oEPgG2YhBww8G3+N0Edb65bu9YVPP5jZosX27+WQ6vjAvdrXgDwlTuAZ/5BiUEBx4BRY1AhFAESQCOgVsQBRhFH2VNrzUzZG3VTf2jt4zDE4/MDJL8ZgEebcmcAAAAASUVORK5CYII=') .75em center no-repeat; font-size: 1.6rem; color: #fff; border-radius: 4px 4px 0 0; } .popup.popup-message .capt{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIiBbPCFFTlRJVFkgbnNfc3ZnICJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PCFFTlRJVFkgbnNfeGxpbmsgImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPl0+PHN2ZyAgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjU1Ljk5OCwwLjUwMUMxMTQuODkxLDAuNTAxLDAuNSwxMTQuODkxLDAuNSwyNTUuOTk5czExNC4zOTEsMjU1LjUsMjU1LjQ5OCwyNTUuNWMxNDEuMTA4LDAsMjU1LjUwMS0xMTQuMzkyLDI1NS41MDEtMjU1LjVTMzk3LjEwNiwwLjUwMSwyNTUuOTk4LDAuNTAxeiBNMzA0LjQwMiw0MDcuNjE1aC03OS40NDFWMjQ4LjU1OGgtNDQuNTUydi0zMS4wNzdoMTIzLjk5M1Y0MDcuNjE1eiBNMjY0LjY4MiwxODAuMTk4Yy0yMy42NzYsMC00Mi44NjgtMTkuMTk0LTQyLjg2OC00Mi44N2MwLTIzLjY3NCwxOS4xOTQtNDIuODY4LDQyLjg2OC00Mi44NjhjMjMuNjc3LDAsNDIuODY3LDE5LjE5NSw0Mi44NjcsNDIuODY4QzMwNy41NDksMTYxLjAwNCwyODguMzU4LDE4MC4xOTgsMjY0LjY4MiwxODAuMTk4eiIvPjwvc3ZnPg==); -webkit-background-size: 24px 24px; background-size: 24px; } .popup.popup-message.popup-error .capt{ background: #d1322e url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAY1BMVEUAAAD+/v7+/v7+/v7+/v78/Pz8/Pz+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v79/f39/f39/f38/Pz4+Pj+/v7+/v7+/v7+/v7+/v79/f39/f39/f38/Pz////AcYRwAAAAIHRSTlMA8WL6rhIM9+vg2dG4kIVxaFtLMikHA+XBmXxUQkAiICBKhXUAAAC3SURBVCjPjZHZDoIwEEVnpIq4gIgoO+f/v9KQCchSEu9Dm5yTtDcz8k9Opx0Rx37eh2HvFQ6cj7cA7Za/r1wuXN8b8YDnEx5rfjxzE7lxPq7EneAl8gq4L7CRJDE/i72hai/OYr+qWocfz62nqrXOJ5FAIyakgWSqqjgZhTh0rFwSdsOdZcPZhZTGs4DYpuhs+gSZDCn42IaiyPb1oRjuGtLlBlOoRfIIdBWIcqnwppL04E0qe/kCZDQOu/8u56MAAAAASUVORK5CYII=') .75em center no-repeat; } .popup.popup-message.popup-error .capt{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIiBbPCFFTlRJVFkgbnNfc3ZnICJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PCFFTlRJVFkgbnNfeGxpbmsgImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPl0+PHN2ZyAgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjM2LjA1LDIyNS4yODloMzkuODQ0djEyMC44NDRIMjM2LjA1VjIyNS4yODl6IE0yNTUuOTcyLDQwOC40NmMtMTEuODc2LDAtMjEuNTAyLTkuNjI4LTIxLjUwMi0yMS41MDJjMC0xMS44NzcsOS42MjYtMjEuNTA1LDIxLjUwMi0yMS41MDVjMTEuODc1LDAsMjEuNTAyLDkuNjI4LDIxLjUwMiwyMS41MDVDMjc3LjQ3NSwzOTguODMyLDI2Ny44NDgsNDA4LjQ2LDI1NS45NzIsNDA4LjQ2eiBNMjU1Ljk3MiwzNS4xNTNMMC40NDQsNDc3Ljc0MUg1MTEuNUwyNTUuOTcyLDM1LjE1M3ogTTI1NS45NzIsMTM0LjM4OGwxNjkuNTg4LDI5My43MzZIODYuMzg0TDI1NS45NzIsMTM0LjM4OHoiLz48L3N2Zz4=); -webkit-background-size: 24px 24px; background-size: 24px; } .popup.popup-message .cont{ padding: 1em; font-size: 1.6rem; background: #fff; } .popup.popup-message .cont p{ margin-top: 0; } /* popup - error */ .popup .error_message{ margin: 0; padding: 0; color: #d1322e; border: none; background: none; } .popup .error_message ul{ margin: 0 0 1em; padding: 0; list-style-type: none; } .popup #error_window .error_message ul{ margin: 1em 0; list-style-type: disc; padding: 0 0 0 40px; } .popup .error_message ul li{ font-size: 1em; font-weight: bold; padding: 2px 0; margin: 0; background: none; } /* popup - login */ #popup-login_form{ min-width: 240px; max-width: 320px; text-align: left; padding: 15px; border-radius: 4px; } #popup-login_form *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #popup-login_form .capt{ font-size: 1.42em; font-weight: bold; color: #8ec63f; margin-bottom: 1em; } #popup-login_form .inp-text{ display: block; width: 100%; margin: 0 0 1em; border: 1px solid #cacaca; background: #fafafa; border-radius: 5px; padding: 0 14px; height: 38px; -webkit-box-shadow: inset 0 2px 3px #dfdfdf; box-shadow: inset 0 2px 3px #dfdfdf; } #popup-login_form .inp-icon{ position: relative; display: block; } #popup-login_form .inp-icon input{ padding-left: 42px; } #popup-login_form .icon-user:after{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4y2NgwAJOnDhhAcS7gfgzFIPYFgzEAKjmn0D8Hw2DxMyIMWAnFs0wvJ0YAz7jMeA9MQb8xmPAV2IMuI3HgKvEGDAbjwHTiTHAAY8BNsRG5Vksms8SpRlqQBgWAyJIMSABiwFJeDWdOnWKB6jIA4jn4ohKkNh8kBqQWmTb9ID4IIH4x2YYSI8eyIDzJGhEx+cJpTyCLoEZQDYGAEbw+CYGOXAnAAAAAElFTkSuQmCC) center no-repeat; content: ""; position: absolute; left: 0; top: 0; height: 38px; width: 42px; display: block; } #popup-login_form .icon-user:after{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIiBbPCFFTlRJVFkgbnNfc3ZnICJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PCFFTlRJVFkgbnNfeGxpbmsgImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPl0+PHN2ZyAgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjQzhDOEM4IiBkPSJNNDQzLjg0NSwzODUuNTgzYy03My4yMjQtMTYuODktMTQxLjM4Mi0zMS42NzktMTA4LjM3Mi05My45MTNDNDM1Ljk0OCwxMDIuMjQxLDM2Mi4xMDYsMC45MzgsMjU2LjAwNSwwLjkzOGMtMTA4LjE5MiwwLTE4MC4yMTksMTA1LjE5Mi03OS40NjksMjkwLjczMmMzMy45OTksNjIuNjEyLTM2LjcyMyw3Ny4zODgtMTA4LjM3LDkzLjkxM0MtNS4wMjcsNDAyLjQ2MSwwLjYwMyw0NDEuMDUyLDAuNjAzLDUxMS4wN2g1MTAuODAxQzUxMS40MDQsNDQxLjA1MSw1MTcuMDMzLDQwMi40NjEsNDQzLjg0NSwzODUuNTgzeiIvPjwvc3ZnPg==); -webkit-background-size: 16px 16px; background-size: 16px; } #popup-login_form .icon-lock:after{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAg0lEQVQ4y2NgwAJOnDhhAsTbgfgrFIPYJgzEAKBCFyD+CcT/gfg3FP+Hirng1Xzy5EkWoKL7UA3tQD4XCIPYULH7IDX4bDeDKjyPRe48VM4MnwE+UEXLscgth8r50NQACyDeC8RVWOSqoHIWuAJQBIhliMQi2GzfD3UiMXj/qAHDygAAHnLogpEIc70AAAAASUVORK5CYII=) center no-repeat; content: ""; position: absolute; left: 0; top: 0; height: 38px; width: 42px; display: block; } #popup-login_form .icon-lock:after{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIiBbPCFFTlRJVFkgbnNfc3ZnICJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PCFFTlRJVFkgbnNfeGxpbmsgImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPl0+PHN2ZyAgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjQzhDOEM4IiBkPSJNMTE4Ljc0MSwyMTUuNDgzVjEzNy43NkMxMTguNzQxLDYyLjA3NSwxODAuMzE2LDAuNSwyNTYsMC41Yzc1LjY4NiwwLDEzNy4yNiw2MS41NzUsMTM3LjI2LDEzNy4yNnY3Ny43MjRoLTYyLjAxNlYxMzcuNzZjMC00MS40OTEtMzMuNzU0LTc1LjI0NS03NS4yNDUtNzUuMjQ1Yy00MS40OSwwLTc1LjI0NCwzMy43NTQtNzUuMjQ0LDc1LjI0NXY3Ny43MjRIMTE4Ljc0MXogTTcyLjQzNywyNTIuNjkyVjUxMS41aDM2Ny4xMjZWMjUyLjY5Mkg3Mi40Mzd6Ii8+PC9zdmc+); -webkit-background-size: 16px 16px; background-size: 16px; } #popup-login_form .persist{ line-height: 20px; cursor: pointer; white-space: nowrap; padding-right: 1em; } #popup-login_form .persist:hover{ text-decoration: underline; } #popup-login_form .persist input{ line-height: 20px; vertical-align: top; } #popup-login_form .forgot_pass{ color: #000; text-decoration: none; float: right; } #popup-login_form .forgot_pass:hover{ text-decoration: underline; } #popup-login_form .btn-block{ margin-top: 1em; } /* popup - transit */ .popup-transit{ max-width: 600px; } .popup-transit .subtransit-item-empty{ display: none; } .popup-transit .transit_sel * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .popup-transit .transit_sel .transit_filter-wrap { width: 100%; clear: both; padding-bottom: 10px; background: inherit } .popup-transit .transit_sel .transit_filter { display: block; width: 100% } .popup-transit .transit_sel .transit_filter:focus { outline: 0 } .popup-transit .transit_sel .subtransit-items { width: 100%; height: 100%; overflow: auto; max-height: 94% } .popup-transit .transit_sel .subtransit-item-empty { text-align: left; padding: 6px 3px; line-height: 16px; display: none } .popup-transit .transit_sel .subtransit-item label { text-align: left; padding: 6px 3px; border-bottom: 1px solid #eee; display: block; line-height: 16px; cursor: pointer } .popup-transit .transit_sel .subtransit-item label input { height: 16px; width: 16px; margin-right: 8px; vertical-align: bottom } .popup-transit .transit_sel .subtransit-item label:hover { background: #eee } /* Styles for Uloženka branches popup */ .popup-branches { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; align-items: stretch; min-height: 100px; min-width: 100px; margin: -10px; } .popup-branches * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-branches .loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: loading-rotate .8s infinite linear; -moz-animation: loading-rotate .8s infinite linear; animation: loading-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } .popup-branches .loading.small { border-width: 4px; height: 28px; width: 28px; margin-top: -14px; margin-left: -14px; } @-webkit-keyframes loading-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes loading-rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes loading-rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } .popup-branches .capt { font-weight: bold; font-size: 15px; margin-bottom: 10px; } .popup-branches .capt a { cursor: pointer; background: #ddd; border: 1px solid #cacaca; border-bottom-width: 3px; display: inline-block; margin-right: 8px; color: #222; text-decoration: none; padding: .5em 1em; border-radius: 4px; font-size: 12px; -webkit-transition: border .2s; -o-transition: border .2s; -moz-transition: border .2s; transition: border .2s; } .popup-branches .capt a:hover { border-color: #808080; } .popup-branches ul { margin: 0; padding: 0; list-style-type: none; } .popup-branches .branches_types { width: 300px; padding: 10px; } @media (max-width: 800px) { .popup-branches .branches_types { width: -webkit-calc(100vw - 48px); width: -moz-calc(100vw - 48px); width: calc(100vw - 48px); } } .popup-branches .branches_types .data { min-height: 50px; } .popup-branches .branches_types li { margin: 4px 0; } .popup-branches .branches_types a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; padding: 8px 10px; color: #222; line-height: 20px; font-weight: bold; text-decoration: none; border: 1px solid #cacaca; border-radius: 4px; font-size: 13px; } .popup-branches .branches_types a .count { position: relative; min-width: 20px; height: 20px; line-height: 20px; background: #37cd62; color: #fff; text-align: center; padding: 0 4px; border-radius: 20px; font-size: 11px; font-weight: normal; } .popup-branches .branches_types a:hover { border-color: #37cd62; -webkit-box-shadow: inset 0 0 0 1px #37cd62; box-shadow: inset 0 0 0 1px #37cd62; } .popup-branches .branches_list { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; align-items: stretch; width: 80vw; min-height: 80vh; max-height: 80vh; } @media (max-width: 800px) { .popup-branches .branches_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; width: -webkit-calc(100vw - 48px); width: -moz-calc(100vw - 48px); width: calc(100vw - 48px); min-height: -webkit-calc(100vh - 136px); min-height: -moz-calc(100vh - 136px); min-height: calc(100vh - 136px); max-height: -webkit-calc(100vh - 136px); max-height: -moz-calc(100vh - 136px); max-height: calc(100vh - 136px); } } .popup-branches .branches_list > * { -webkit-box-flex: 1; -ms-flex: 1 300px; -webkit-flex: 1 300px; -moz-box-flex: 1; flex: 1 300px; margin: 10px; } .popup-branches .branches_list .branches { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .popup-branches .branches_list .branch-filter { margin: 0 0 10px; } .popup-branches .branches_list .branch-filter input { width: 100%; border: 1px solid #cacaca; background: #fafafa; border-radius: 4px; -webkit-box-shadow: inset 0 2px 4px #e5e5e5; box-shadow: inset 0 2px 4px #e5e5e5; padding: .5em .75em; } .popup-branches .branches_list .data { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; position: relative; overflow: scroll; border: 1px solid #cacaca; border-radius: 4px; background: #ddd; margin-bottom: 10px; } .popup-branches .branches_list .data ul { background: #fff; } .popup-branches .branches_list .branch { position: relative; display: block; z-index: 1; border-top: 1px solid #cacaca; margin-top: -1px; } .popup-branches .branches_list .branch input { position: absolute; top: 0; left: -9999px; visibility: hidden; } .popup-branches .branches_list .branch label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 5px; } .popup-branches .branches_list .branch label .radio { position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 100%; margin-right: 6px; border: 1px solid #222; } .popup-branches .branches_list .branch label:hover .radio { border-color: #37cd62; } .popup-branches .branches_list .branch input:checked + label .radio:after { content: ''; position: absolute; top: 2px; left: 2px; height: 10px; width: 10px; border-radius: 100%; background: #37cd62; } .popup-branches .branches_list .controls { text-align: right; } .popup-branches .branches_list .choose-branch { cursor: pointer; color: #fff; background: #37cd62; border: 1px solid #299949; border-bottom-width: 3px; border-radius: 4px; padding: 10px 15px; -webkit-transition: border .2s; -o-transition: border .2s; -moz-transition: border .2s; transition: border .2s; } .popup-branches .branches_list .choose-branch:hover { border-color: #1c6631; } .popup-branches .branches_list .choose-branch:disabled { color: #808080; background: #ddd; border: 1px solid #cacaca; border-bottom-width: 3px; } .popup-branches .map { position: relative; border: 1px solid #cacaca; border-radius: 4px; background: #ddd; } .popup-branches .branch_info:empty { display: none; } .popup-branches .branch_info { position: absolute; left: 0 !important; right: 0 !important; bottom: 20px !important; background: #fff; margin: 10px; padding: 10px 10px 0; -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px; box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px; border-radius: 2px; font-size: 13px; } @media (max-width: 800px) { .popup-branches .branch_info { font-size: 11px; } } .popup-branches .branch_info > div { margin-bottom: 10px; } .popup-branches .branch_info .name { font-size: 1.08em; color: #299949; } .popup-branches .branch_info .announcement { padding: 5px 10px; color: #fff; background: #37cd62; border: 1px solid #299949; } .popup-branches .branch_info .flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; } .popup-branches .branch_info .flex > * { -webkit-box-flex: 1; -ms-flex: 1 120px; -webkit-flex: 1 120px; -moz-box-flex: 1; flex: 1 120px; margin: 0 5px 10px; } .popup-branches .branch_info .day span { display: inline-block; min-width: 20px; } .popup-branches .hidden { display: none; }