div.message {padding:20px 15px;margin-bottom:10px;font-size: 1.3em;}
div.message.error {background-color:#b51f1f;color:#fff;}
div.message.success {background-color:#20b51f;color:#fff;}


.shopLoader {position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.01);z-index:20;}
.shopLoader.hc {display:none;}
.shopLoader.blank {background-color:transparent;}
.shopLoader>div {width:70px;height:70px;border-radius:50%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;background-color:rgba(255, 255, 255, 0.95);box-shadow:0 0 5px #d7d7d7;}
.shopLoader.blank>div {display:none;}
.shopLoader svg {animation:rotate 1.5s linear infinite;width:50px;height:50px;margin:auto;}
.shopLoader svg  .path {stroke:#0166b0;stroke-linecap: round;-webkit-animation: dash 1.2s ease-in-out infinite;animation: dash 1.2s ease-in-out infinite;}
@keyframes rotate { 100% {transform: rotate(360deg);} }
@keyframes dash { 0% {stroke-dasharray: 1, 150;stroke-dashoffset: 0;} 50% {stroke-dasharray: 90, 150;stroke-dashoffset: -35;} 100% {stroke-dasharray: 90, 150;stroke-dashoffset: -124;} }

input[type="radio"],input[type="checkbox"] {vertical-align:middle;}

input.shop_bttn[type="submit"],
button.shop_bttn[type="submit"] {display:inline-block;border:1px solid #7600a6;font:500 18px 'Jost', sans-serif;text-transform:uppercase;color:#fff;background-color:#7600a6;text-decoration:none;padding:10px 20px;border-radius:4px;text-align:center;cursor:pointer;transition:all .2s;}
input.shop_bttn[type="submit"]:hover,
button.shop_bttn[type="submit"]:hover {border-color:#490267;background-color:#490267;}
input.shop_bttn.back[type="submit"],
button.shop_bttn.back[type="submit"] {float:left;background-color:transparent;color:#7600a6;border-color:#aaa}
input.shop_bttn.back[type="submit"]:hover,
button.shop_bttn.back[type="submit"]:hover {border-color:#490267}
button.shop_bttn.back[type="submit"]:before {content:'\e079';font:bold 12px "Glyphicons Halflings";display:inline-block;margin-right:5px;vertical-align:middle;color:#fff}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/lib/fonts/glyphicons-halflings-regular.eot');
  src: url('/lib/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/lib/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/lib/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

div.dialog {display:none;position:absolute;top:10px;left:0;z-index:999999;min-width:320px;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.2);box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);font:12px Arial;color:#444;max-width:650px}
div.dialog>h1 {background-color:#674197;color:#fff;border-bottom:1px solid #674197;font-size:1.4em;padding:0 40px 0 10px;line-height:35px;height:35px;white-space:nowrap}
div.dialog>h1.dragdialog {cursor:move;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;}
div.dialog>a {float:right;display:block;margin-top:7px;margin-right:5px;text-decoration:none;outline-style:none}
div.dialog>a:before {content:'\e014';font:normal 14px "Glyphicons Halflings";display:inline-block;color:#fff;}
div.dialog>a:hover:before {color:#000}
div.dialog>div {padding:15px;border-radius:0 0 5px 5px}
div.dialog>div a {color:#b74444;outline-style:none;text-decoration:none}
div.dialog>div a:hover {text-decoration:underline}
div.dialog textarea {border:1px solid #d0d4d7;padding:4px;width:100%;box-sizing:border-box;height:140px;overflow:auto;resize:none;font:normal 18px Tahoma, Verdana, Arial, Helvetica, sans-serif}
div.dialog input[type="text"], div.dialog input[type="password"], div.dialog input[type="number"] {border:1px solid #d0d4d7;padding:10px 5px;width:100%;box-sizing:border-box;font:normal 14px Tahoma, Verdana, Arial, Helvetica, sans-serif}
div.dialog select {border:1px solid #d0d4d7;padding:8px 2px;font:normal 14px Verdana, Arial, Helvetica, sans-serif;width:100%;box-sizing:border-box}
div.dialog p {margin-bottom:10px;line-height:normal}
div.dialog p.submit {text-align:right;margin:20px -15px -15px;padding:10px;border-top:1px solid #d5d5d5;background:#fbfbfb;border-radius:0 0 5px 5px}
div.dialog p.submit button {background-color:#674197;border:1px solid #674197;border-radius:5px;color:#fff;cursor:pointer;font:normal 14px Tahoma;padding:6px 27px;vertical-align:middle}
div.dialog p.submit button+button {margin-left:5px}
div.dialog p.submit button.OK {padding-left:9px}
div.dialog p.submit button.OK:before {content:'\e031';font:normal 11px "Glyphicons Halflings";display:inline-block;color:#fff;vertical-align:middle;margin-right:5px;animation:spin 0.6s infinite linear;visibility:hidden}
div.dialog p.submit button:hover {background:#8567aa;border-color:#8567aa}
div.dialog p.submit button[disabled] {background-color:#c5c5c5;cursor:default}
div.dialog p.submit button.ico[disabled]:before {visibility:visible}
div.dialog p.submit button.cancel {color:#777;background-color:#ebebeb}
div.dialog p.submit button.cancel:hover {color:#999;border-color:#999}
div.dialog p.info {color:#2959a3;font-weight:bold;margin-bottom:20px;line-height:1.6em}
div.dialog form.banner p, div.dialog form.system p {text-align:left}
div.dialog form.banner select, div.dialog form.system select {width:370px}
div.dialog form.banner input[type="text"], div.dialog form.system input[type="text"] {width:90px}
div.dialog div.data input[type="radio"], div.dialog div.data input[type="checkbox"] {vertical-align:middle}
div.dialog div.leadCurr {max-width:440px;}
div.dialog div.prodInfo {font-weight:bold;font-size:18px;border-bottom:1px dotted #777;margin-bottom:10px;color:#000;}
div.dialog span.costGross {font-weight:normal;font-size:14px;display:block;margin:4px 0 5px;}
div.bckg {display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.4);z-index:999998}
div.bckg.load:before {content:'\e031';font:normal 30px "Glyphicons Halflings";display:block;color:rgba(255, 255, 255, 0.6);vertical-align:middle;margin-right:5px;animation:spin 0.6s infinite linear;position:absolute;left:50%;top:50%}
div.dialog.fx,div.bckg.fx {transition:opacity 0.09s;opacity:0}
div.bckg.load {opacity:1 !important}
@keyframes spin {from { transform: scale(1) rotate(0deg);}to { transform: scale(1) rotate(360deg);}}

.shopLoader {position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.01);z-index:20;}
.shopLoader.hc {display:none;}
.shopLoader.blank {background-color:transparent;}
.shopLoader>div {width:70px;height:70px;border-radius:50%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;background-color:rgba(255, 255, 255, 0.95);box-shadow:0 0 5px #d7d7d7;}
.shopLoader.blank>div {display:none;}
.shopLoader svg {animation:rotate 1.5s linear infinite;width:50px;height:50px;margin:auto;}
.shopLoader svg  .path {stroke:#674197;stroke-linecap: round;-webkit-animation: dash 1.2s ease-in-out infinite;animation: dash 1.2s ease-in-out infinite;}
@keyframes rotate { 100% {transform: rotate(360deg);} }
@keyframes dash { 0% {stroke-dasharray: 1, 150;stroke-dashoffset: 0;} 50% {stroke-dasharray: 90, 150;stroke-dashoffset: -35;} 100% {stroke-dasharray: 90, 150;stroke-dashoffset: -124;} }