@font-face { font-family: 'font2'; src: url('/fonts/gravity/gravity-regular-webfont.woff2') format('woff2'), url('/fonts/gravity/gravity-regular-webfont.woff') format('woff');font-style: normal; }
body { width:100%; min-height:100%;min-width:1024px;width: auto !important;width:1024px;  margin: 0; text-align: center; color: #000000; background-color: #f3f3f3;background-image:url(/images/bg.jpg);background-attachment:fixed;text-decoration: none;font-family: font2; font-size: 12px; line-height: 30px; padding:0px;will-change:scrollTop;}
html{ width:100%; min-height:100%; padding:0px 0px 0px 0px;will-change:scrollTop;}
#welcome {position:fixed;right:5%;bottom:-50px;width:400px;opacity:0;overflow:hidden;font-size:38px;color:#F78620;font-weight:bold;z-index:1001;}
.gammabkg {display:none;position:fixed;right:5%;bottom:100px;overflow:hidden;margin:0;text-align:center;z-index:0;}

img {border:0;max-width:100%;max-height:100%;}
svg {display:inline-block;vertical-align:top;max-width:100%;max-height:100%;}
form {display:inline;float:none;margin:0;padding:0;}
a,div.lusopaycontainer div.lusopayinputs span {color:#F78620;text-decoration:underline;font-family: font2;cursor:pointer;}
table {width:100%;word-wrap:break-word;}
td {vertical-align:top;word-wrap:break-word;line-height:30px;}
td input[type=text],td input[type=number],td input[type=email], td textarea, td .select{float:right;}
div.date.dateAndTime input[type=text] {float:none;}
.copyToClipboard,label {cursor:pointer;}

/*background animation*/
body * {-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}

/*bounce*/
@-webkit-keyframes bounce {
  0%, 100% {-webkit-transform: translateX(0);}
  50% {-webkit-transform: translateX(10px);}
} 
@-moz-keyframes bounce {
  0%, 100% {-moz-transform: translateX(0);}
  50% {-moz-transform: translateX(10px);}
} 
@-o-keyframes bounce {
  0%, 100% {-o-transform: translateX(0);}
  50% {-o-transform: translateX(10px);}
} 
@keyframes bounce {
  0%, 100% {transform: translateX(0);}
  50% {transform: translateX(10px);}
}

/*bounce-left*/
@-webkit-keyframes bounce-left {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);}
  40% {-webkit-transform: translateX(-20px);}
  60% {-webkit-transform: translateX(-10px);}
} 
@-moz-keyframes bounce-left {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);}
  40% {-moz-transform: translateX(-20px);}
  60% {-moz-transform: translateX(-10px);}
} 
@-o-keyframes bounce-left {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
  40% {-o-transform: translateX(-20px);}
  60% {-o-transform: translateX(-10px);}
} 
@keyframes bounce-left {
  0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
  40% {transform: translateX(-20px);}
  60% {transform: translateX(-10px);}
}

/*left-padding*/
@-webkit-keyframes left-padding {
  0%, 20%, 50%, 80%, 100% {padding-left:8px;}
  40% {padding-left:20px;}
  60% {padding-left:15px;}
} 
@-moz-keyframes left-padding {
  0%, 20%, 50%, 80%, 100% {padding-left:8px;}
  40% {padding-left:20px;}
  60% {padding-left:15px;}
} 
@-o-keyframes left-padding {
  0%, 20%, 50%, 80%, 100% {padding-left:8px;}
  40% {padding-left:20px;}
  60% {padding-left:15px;}
} 
@keyframes left-padding {
  0%, 20%, 50%, 80%, 100% {padding-left:8px;}
  40% {padding-left:20px;}
  60% {padding-left:15px;}
}

/* input,select,textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=checkbox],input[type=radio] {-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;} */

/*checkmark/cross*/
input[type=submit].checkmark,input[type=submit].cross,label.cross, input[type=submit].money, div.removeLineInfo span,div.addLineBtn span, .plusLink span, .minusLink span,.openAlgorithmPopupBtnWrap.hasAlgorithm:after,.openPricePerUnitPopupBtnWrap.hasAlgorithm:after,div.editFunctionPopup .closeFunctionPopup,div.addTextBtn div,button.cross,button.checkmark {display:inline-block;color:#ffffff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;box-sizing:content-box;vertical-align:middle;margin:3px;width: 25px;height: 25px;line-height: 25px;padding:0;}
input[type=submit].checkmark, .plusLink span, div.alterbutton, div.addLineBtn span,div.addItemsButton span.green,.openAlgorithmPopupBtnWrap.hasAlgorithm:after,.openPricePerUnitPopupBtnWrap.hasAlgorithm:after,div.addTextBtn div,button.checkmark {-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;box-shadow:inset 0px 1px 0px 0px #a4e271;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);background-color:#89c403;border:1px solid #74b807;font-size:21px;text-shadow:0px 1px 0px #810e05;cursor:pointer;}
input[type=submit].cross,label.cross, .minusLink span, div.resetbutton, div.imgDel, div.removeLineInfo span,div.editFunctionPopup .closeFunctionPopup,button.cross {-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;box-shadow:inset 0px 1px 0px 0px #f5978e;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);background-color:#f24537;border:1px solid #d02718;font-size:17px;text-shadow:0px 1px 0px #810e05;cursor:pointer;}
/*
.low {-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;box-shadow:inset 0px 1px 0px 0px #fce2c1;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);background-color:#ffc477;color:#ffffff;text-shadow:0px 1px 2px #B58B45;border:1px solid #eeb44f;font-size:14px;font-weight:bold;}
*/
input[type=submit].checkmark:hover, div.alterbutton:hover, .plusLink span:hover, div.addLineBtn span:hover,div.addItemsButton span.green:hover,div.addTextBtn div:hover,button.checkmark:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);background-color:#77a809;}
input[type=submit].money {-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;box-shadow:inset 0px 1px 0px 0px #d9fbbe;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);background-color:#b8e356;border:1px solid #83c41a;color:#ffffff;font-size:18px;line-height: 29px;font-weight:bold;text-shadow:0px 1px 0px #86ae47;}
input[type=submit].money:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);background-color:#a5cc52;}
input[type=submit].cross:hover,label.cross:hover, div.removeLineInfo span:hover, div.resetbutton:hover, div.imgDel:hover, .minusLink span:hover,div.editFunctionPopup .closeFunctionPopup:hover,button.cross:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);background-color:#c62d1f;}
div.addTextBtn {position:absolute;right:0;top:0;height:100%;line-height:34px;}

div.radiobtns {display:inline-block;width:100%;text-align: center;}
div.radiobtns label {margin:2px;padding: 3px 10px;opacity:0.4;min-width: 130px;text-align: left;}
div.radiobtns label.checked,div.radiobtns label:hover {opacity:1;}
div.radiobtns input[type=radio] {padding: 0;transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);float:none;margin: 0 3px 0 0;display: inline-block;vertical-align: baseline;}

div.openFileBtn {display:inline-block;position:relative;width:30px;height:30px;line-height:30px;left:5px;top:5px;cursor:pointer;}
div.openFileBtn svg {max-width:80%;max-height:80%;}
div.openFileBtn svg path {fill:#F78620;}
div.openFileBtn a {position:absolute;top:0;left:0;width:100%;height:100%;display:block;}

tr.attention td:last-of-type,li.attention {position:relative;}
tr.attention td:last-of-type:after,li.attention:before {content:'!';position:absolute;left:100%;top:50%;margin:-7px 0 0 20px;width:15px;height:15px;line-height:15px;color:#ffffff;font-weight:bold;background-color:#C22D2D;text-align:center;text-indent:0;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
li.attention {text-indent:20px;}
li.attention:before {left:auto;top:5px;right:100%;margin-left:0;margin-top:0;margin-right:-18px;}

.errormsg {display:inline-block;width:100%;font-size:17px;color:#C22D2D;}

/*maintenance*/
div.maintenance {float:left;width:100%;margin:50px 0 0 0;text-align:center;font-size:17px;background-color:#ffffff;color:#555753;box-shadow:0 0 5px #888a85;}

/*login style box*/
#contactus, div.loginwrapper, div.prodsearchform, .chngPassInner, .companyData, .companyDataNew {background-color:#ffffff;}

/*long wide list*/
div.longWideList {float:left;width:100%;margin:20px 0;}
div.longWideList table {width:100%;border-collapse:collapse;table-layout:fixed;}
div.longWideList table th {text-align:center;position:relative;}
div.longWideList table tr:first-of-type th {background: #e6e6e6;background: -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 17%, #c7c7c7 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #e6e6e6), color-stop(17%, #cccccc), color-stop(100%, #c7c7c7));background: -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 17%, #c7c7c7 100%);background: -o-linear-gradient(top, #e6e6e6 0%, #cccccc 17%, #c7c7c7 100%);background: -ms-linear-gradient(top, #e6e6e6 0%, #cccccc 17%, #c7c7c7 100%);background: linear-gradient(to bottom, #e6e6e6 0%, #cccccc 17%, #c7c7c7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#c7c7c7', GradientType=0 );padding:5px;}
div.longWideList table th.orderList.selected {background: #e6e6e6;}
div.longWideList table tr:last-of-type th {background: #c7c7c7;background: -moz-linear-gradient(top, #c7c7c7 0%, #cccccc 83%, #e6e6e6 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #c7c7c7), color-stop(83%, #cccccc), color-stop(100%, #e6e6e6));background: -webkit-linear-gradient(top, #c7c7c7 0%, #cccccc 83%, #e6e6e6 100%);background: -o-linear-gradient(top, #c7c7c7 0%, #cccccc 83%, #e6e6e6 100%);background: -ms-linear-gradient(top, #c7c7c7 0%, #cccccc 83%, #e6e6e6 100%);background: linear-gradient(to bottom, #c7c7c7 0%, #cccccc 83%, #e6e6e6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#e6e6e6', GradientType=0 );padding:5px;}
div.longWideList table td,div.clientInfo div.longWideList table td, div.clientInfo2 div.longWideList table td {padding:5px;border:1px solid #E9E9E9;vertical-align:middle;position:relative;line-height:24px;}
div.longWideList table td input {margin:0;}
div.longWideList table td textarea {width:calc(100% - 12px);padding:5px;}
div.longWideList table td input[type=checkbox] {padding:0;margin:0 10px;}
div.longWideList table tr:nth-of-type(odd) td {background-color:#ffffff;}
div.longWideList table tr:nth-of-type(even) td {background-color:#F9F9F9;}
div.longWideList table tr:hover td {background-color:#F2F0F0;}
div.longWideList table tr td {text-align:center;}
div.longWideList a {position:absolute;color:#4D4D4D;text-decoration:none;display:block;top:0;left:0;width:100%;height:100%;}
div.longWideList .backbutton a {color:#ffffff;}
div.longWideList .openMail a {position:static;}
div.longWideList.encomenda_verdados_wrap table {table-layout:auto;}
div.longWideList.encomenda_verdados_wrap table td {text-align:left;}
div.shippingPrice.longWideList table {width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);width:-ms-calc(100% - 2px);width:-o-calc(100% - 2px);width:calc(100% - 2px);}
div.longWideList table tr.isMainLine td {background-color:#ffffff;font-size:14px;}
div.longWideList table tr.isSubLine td {background-color:#F5F5F5;font-size:11px;border:1px solid #F5F5F5;}

/*white background, shadow*/
div#helpmessage,div.lusopaycontainer,div.menuchecklist, div.needhelp, #seocontactus, .iconsalt, .enablejs, .newsinput, .fixedsubmits, .newsimgs, div.longWideList table, .searchInner, .prodnextpage, .editprodnameinput, div.popup,div.lusopaycontainer div#formlusopay, div.lusopaycontainer div#priceslusopay, .addcatformwrap, div.editprodimgsinput, #voucherinputs, div.highlight,div.changeLayout, div.layoutcolor, div#preview,div.designwrapper,div.fixedCheckBoxesList,div.whiteBg {background-color:#ffffff;}
/*titles*/
.newstitle, .title, .searchTitle, .galltitle,div.editFncTitle { font-size:17px; color:#555753; line-height:30px; margin-bottom:10px; text-align:center; display: inline-block; width: 100%; }

.newstitle, .title, .searchTitle, .galltitle,div.editFncTitle,.backbutton,div.logoutBtn,.openAddPopup,div.loginwrapper .notyetregistered a {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}

/*backbutton*/
.backbutton { position:fixed; top:5px; left:200px; width:30px; height:30px; line-height:28px; background-color:#F78620; z-index: 100000;}
.backbutton a {color:#ffffff;font-size:25px;text-decoration:none;position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;}

input[type=text], input[type=email], input[type=password], input[type=number], textarea,.select { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6)); background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); background-color:#ffffff; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#4D4D4D; padding:3px 1%; max-width:98%; text-align:center; line-height:20px; text-shadow:0px 1px 0px #ffffff; -moz-appearance: none; font-family:font2; font-size:12px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
textarea {text-align:left;}
input[type=submit], input[type=reset], input[type=button], .button, span.topbarnumb, label.fileLabel, .regx, div.lusopaycontainer div.formlusopayhide, div.lusopaycontainer div.priceslusopayhide, .addcatx, .editBtn, #voucherimggo, #openeditor, #vouchereditorx, #printvoucher, div.addItemsButton span,button,.openAddPopup.button,.openAddPopup.button:hover { cursor:pointer; background:#F78620; border:1px solid #F78620; display:inline-block; font-size:14px; padding:3px 15px; margin:0 5px; text-decoration:none; line-height:20px; font-family: font2; vertical-align: middle; color:#ffffff; font-weight:normal; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; } 
input[type=submit].red {background:#ef2121;border:1px solid #df0000;}
a.button,a.button:hover,div.dashboard a.button:hover, .longWideList a.button {display: inline;position: static;width: auto;height: auto;color: #ffffff;white-space: nowrap;padding: 3px 15px;vertical-align: middle;font-weight:normal;}
input[type=radio], input[type=file], input[type=checkbox], input[type=color], input[type=range]{cursor:pointer;vertical-align: middle;margin:0 10px;}
input[type=file]{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
input[type=checkbox],input[type=radio]{-ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);padding: 0;}
input:focus, select:focus, textarea:focus{outline:0;} 
input:disabled, textarea:disabled, .select.disabled {opacity:0.5;cursor:not-allowed;}
.ui-datepicker select, .daterangepicker select {line-height: 13px;-webkit-appearance: menulist;-moz-appearance: radio-container;appearance: none;background:#ffffff;margin:0 3px;border:1px solid #dcdcdc;padding:0;}

label.fileLabel.fileChosen {-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;box-shadow:inset 0px 1px 0px 0px #a4e271;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);background-color:#89c403;border:1px solid #74b807;display:inline-block;text-shadow:0px 1px 0px #528009;}
label.fileLabel.fileChosen:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);background-color:#77a809;}

select {background: transparent;border: 0;outline: 0;text-shadow: 1px 1px rgba(255, 255, 255, 0.7);padding: 0 20px 0 0;font-size: 12px;width: 100%;height: 19px;line-height:19px;-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: radio-container;appearance: none;}

.select,div.openColsMenu {display: inline-block;position: relative;overflow: hidden;line-height: 17px;vertical-align: middle;}

.select > * {cursor: pointer;color:#4D4D4D;}
.select:after {content: '';width: 0;position: absolute;right: 7px;top: 50%;margin-top: -3px;border-width: 6px 4px;border-style: solid;pointer-events: none;border-color: #656565 transparent transparent transparent;}

.select.date {max-width:28%;max-width:-webkit-calc(30% - 20px);max-width:-moz-calc(30% - 20px);max-width:-ms-calc(30% - 20px);max-width:-o-calc(30% - 20px);max-width:calc(30% - 20px);}
.select.date:first-of-type {float:left;}
.select.date:nth-of-type(2){float:none;vertical-align: top;}
.select.date:last-of-type {float:right;}
.select:after,div.openColsMenu:after {content: '';width: 0;position: absolute;right: 7px;top: 50%;margin-top: -3px;border-width: 6px 4px;border-style: solid;pointer-events: none;border-color: #656565 transparent transparent transparent;}
div.openColsMenu:after {border-width: 4px 6px;border-color: transparent transparent transparent #656565;}
div.openColsMenu span {float:left;background: transparent;width:100%;border: 0;outline: 0;text-shadow: 1px 1px rgba(255, 255, 255, 0.7);padding:0;font-size: 12px;height: 20px;line-height:20px;-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: radio-container;appearance: none;cursor:pointer;color:#4D4D4D;}

/*border-radius 5px*/
div.pageSlideshow, div.designwrapper {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

/*100% border-radius*/
.regx,div.lusopaycontainer div.formlusopayhide, div.lusopaycontainer div.priceslusopayhide, .addcatx, div.imgDel, #vouchereditorx {-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}

/*reset/delete/alter/save button*/
div.resetbutton, div.alterbutton {display:inline-block;vertical-align:middle;position:relative;text-align:center;width:30px;height:26px;line-height:18px;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;overflow:hidden;}
div.resetbutton svg {display:inline-block;vertical-align:middle;max-height:80%;max-width:80%;}
div.resetbutton svg path {fill:#ffffff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
div.resetbutton:hover svg path#lid {-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px);}
div.alterbutton svg {display:inline-block;vertical-align:middle;max-height:80%;max-width:80%;}
div.alterbutton svg path {fill:#ffffff;}

/*submit reset*/
div.logoutBtn input[type=submit], div.resetbutton input[type=submit], div.wipeLog input[type=submit], div.logoutBtn input[type=submit]:hover, div.resetbutton input[type=submit]:hover, div.wipeLog input[type=submit]:hover, .editBtn input[type=submit], .editBtn input[type=submit], .alterbutton input[type=submit] { position:absolute; top:0; right:0; padding:0; font-size:0; color:transparent; text-shadow:0 0; box-shadow:0 0; margin:0; width:100%; height:100%; z-index:1; background:transparent; border:0;  }

/*round x button*/
#helpbutton {-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6)); background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0); background-color:#ffffff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666;font-size:12px;font-weight:bold;text-decoration:none; text-shadow:0px 1px 0px #ffffff;}

/*fixedsubmits*/
.fixedsubmits, .prodnextpage {position:fixed;bottom:40px;left:50%;width: 450px;text-align: center;margin: 0 0 0 -230px;padding:5px;-webkit-border-radius:50px 50px 0 0;-moz-border-radius:50px 50px 0 0;-ms-border-radius:50px 50px 0 0;-o-border-radius:50px 50px 0 0;border-radius:50px 50px 0 0;z-index:99998;}
.fixedsubmits input, div.clientInfo .fixedsubmits input[type=submit], div.clientInfo .fixedsubmits a.button, div.clientInfo2 .fixedsubmits a.button {margin:0 2px;float:none;display:inline-block;vertical-align:middle;}
div.fixedsubmits a.button.currpage {cursor:auto;background-color:#FFC189}

/*edit btn*/
.editBtn {display:inline-block;position:relative;vertical-align: middle;width: 25px;height: 25px;line-height: 19px;border-radius: 100%;margin: 3px;padding: 0px;}
.editBtn svg {display:inline-block;max-width: 60%;max-height: 60%;vertical-align: middle;}
.editBtn svg path {fill:#FFFFFF;}
.editBtn input {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

#helpbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff)); background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0); background-color:#f6f6f6;}  
/*Charachter counter on every textarea and input=text*/ 
div.divs span.counter {float:right;text-align:right;color:rgb(190,190,190);line-height:12px;font-size:10px;letter-spacing:1px;} 
div.divs div.tabelaportes span.counter, div.divs div.addbrandform span.counter, div.divs div.addnewprodcat span.counter, div.divs div.editprodsubcat span.counter, div.divs div.editprod table span.counter, div.divs div.filterorders span.counter, div.divs div.prodsdestacar span.counter, div.divs div.pagecat span.counter, div.divs div.editvideo span.counter, div.divs div.menupositionwrapper span.counter, div.divs table.addlangtable span.counter, div.divs table.chngpass span.counter, div.divs table.chngpass2 span.counter, div.divs p.login2 span.counter, div.divs form#form span.counter {float:none;} 
div.divs form#form span.counter {float:none;padding:0 10px 0 0;} 
div.divs table.imgstable span.counter {float:left;} 
div.divs div.lngbox span.counter, .searchEngine span.counter {display:none;} 
div.divs span.counter.warning{color:#ce5c00;} 
div.divs span.counter.exceeded{color:#e00;} 

/*backtotop*/
#backtotop{display:none;position:fixed;right: 20px;bottom: 107px;width: 40px;height: 40px;overflow:hidden;margin:0;cursor:pointer;text-align:center;border-radius:100%;box-shadow:0 0 5px #888a85;background-color:#ffffff;color:#F78620;z-index:1000;}
#backtotop:after, #backtotop:before {top: 50%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#backtotop:after {border-color: transparent;border-bottom-color: #ffffff;border-width: 10px;margin-top: -15px;margin-left: -10px;}
#backtotop:before {border-color: transparent;border-bottom-color: #F78620;border-width: 15px;margin-left: -15px;margin-top: -25px;}

/*successdiv*/
.successdiv {position:fixed;z-index:99999;top:-100px;right:50%;margin:0 -22px 0 0;opacity:0;text-align:center;color:#ffffff;font-size:50px;line-height:40px;background-color:#73d216;border-radius:200px;padding:5px 5px;border:2px solid #ffffff;box-shadow:0 0 10px #0E460D inset;}

/*adsbygoogle*/
.adsbygoogle {margin:30px 0;}
.addWrap {float:left;width:100%;text-align:center;}

/*search engine*/
div.searchEngine {float:left;position:relative;width:100%;text-align:center;margin:30px 0;}
div.searchEngine div.loading {display:none;position:absolute;right:10px;top:10px;height:50px;line-height:50px;width:50px;background-image:url("/images/gammaloading_r.gif");background-position:center;background-repeat:no-repeat;background-size:contain;}
div.searchInner {float:left;position:relative;width:100%;padding:10px 0 0 0;}
div.searchInner span {display:none;float:left;width:100%;}
div.searchInner img {position:absolute;right:10px;top:50px;}
div.searchInput {float:left;width:100%;margin:10px 0 20px 0;position:relative;}
div.searchInput input[type=text] {width:200px;}
div.searchResults {float:left;width:100%;max-height:500px;overflow-x:hidden;overflow-y:auto;}
div.searchResults td {position:relative;}
div.searchResults table tr:nth-of-type(odd) td, div.searchResults table tr:nth-of-type(even) td {background-color:#ffffff;}
div.searchResults table tr td.hasQuery {font-weight:bold;background-color:#F9F9F9;}
div.searchEngine form {float:left;width:100%;}

/*client orders*/
div.filterTitle {float:left;text-align:left;line-height:40px;margin:10px 0 0 0;font-size:17px;color:#555753;}
div.filterOrders {float:right;text-align:right;line-height:40px;margin:10px 0 0 0;}
div.filterOrders div.filter {display:inline-block;margin:0 10px;}
div.encomenda_verdados_wrap {text-align:center;}
div.encomenda_verdados_table {display:inline-block;width:400px;}
div.encomenda_verdados_table th {text-align:center;}
div.encomenda_verdados_table td {text-align:left;}
div.encomenda_verdados_table table td input[type=submit] {margin:2px 0;}

/*speech bubble type helpmessage*/ 
#helpbutton {position:fixed;right:360px;top:4px;border-radius:100px;padding:0px 10px;font-size:20px;cursor:pointer;    line-height: 34px;z-index: 100001;height: 30px;}
div#helpmessage:after{ content: ''; position: absolute; border-style: solid; border-width: 0 11px 19px; border-color: #ffffff transparent; display: block; width: 0; z-index: 1; top: -18px; right: 7px;} 
div#helpmessage{display:none;position:fixed;width:500px;max-height:85%;right:360px;top:60px;padding:10px;color:#2e3436;font-size:12px;line-height:18px;text-align:justify;z-index:100001;overflow-y:auto;}
div#helpmessage > div {float:left;width:490px;}
#clickhere{display:none;opacity:1;position:fixed;right:380px;top:5px;border-radius:8px;padding:0 20px 0 5px;background-color:#ffffff;border:1px solid #babdb6;box-shadow:0px 0px 5px #babdb6;color:#555753;font-size:12px;z-index:100001;}

/*more contacts slideup*/
div.contactslidewrap {position:fixed;top:40px;right:10px;width:275px;z-index:1002;}
div.contactslide{display:none;float:left;width:255px;text-align:left;background-color:#ffffff;color:#555753;box-shadow:0 0 5px #888a85;border-radius:0 0 10px 10px;padding:10px;font-size:14px;line-height:20px;}
div.contactslidewrap span {font-weight:bold;}
div.contactslidewrap a {text-decoration:none;color:#555753;}
div.contactslidehover{float:left;width:30%;margin:0 35%;background-color:#ffffff;border-radius:0 0 10px 10px;text-align:center;padding:0 10px;color:#F78620;font-size:10px;cursor:pointer;line-height:15px;}

/*top bar mycsite*/ 
div.topbarwrapper {position:fixed;width:100%;height:40px;left:0;top:0;background-color:#ffffff;z-index:100000;} 
div.topbarwrapper .pagename {position:fixed;left:0;top:5px;z-index:-1;overflow:hidden;text-align:center;width:100%;font-size:17px;font-weight:bold;color:#F78620;}
div.topbarwrapper .plswait {position:fixed;right:50%;top:5px;margin:0 -200px 0 0;width:400px;height:30px;z-index:100002;overflow:hidden;text-align:center;background-color:#ffffff;}
div.topbarwrapper .plswait img {max-height:100%;}
div.logoutBtn {float:right;position:relative;margin:5px 15px 0 0;padding:0;line-height:28px;height:28px;width:40px;text-align:center;background-color:#ffffff;border:1px solid #F78620;}
div.logoutBtn svg {max-height:23px;width: 40px;z-index:0;position:absolute;top:4px;right:2px;fill:#F78620;}
div.mycsitewrapper {float:left;width:auto;font-size:30px;text-align:left;line-height:40px;text-indent:25px;text-transform:uppercase;} 
div.mycsitewrapper a {text-decoration:none;color:#7F7F7F;} 
div.mycsitewrapper span.cspan {color:#F58220;font-weight:bold;} 
div.mycsitewrapper span.versionspan {color:#888a85;font-family:Times New Roman;font-size:10px;} 
div.topbarcont {float:right;font-size:16px;text-align:right;line-height:40px;} 
div.topbarcont span.topbartel {color:#555753;} 
div.topbarcont span.topbarnumb {margin:0 5px 5px 0;padding:0 10px;line-height:28px;} 
div.topbarcont span.topbarnumb a {color:#ffffff;text-decoration:none;cursor:default;font-weight:bold;} 
div.siteDomain {float:left;margin-left:50px;line-height:40px;}
div.siteDomain a {text-decoration:none;font-size:15px;}
div.version {float:left;width:100%;height:10px;font-size:9px;text-align:right;margin:15px 0 15px 0;} 
div.workzone iframe {border:1px solid rgb(150,150,150);width:99%;} 
div.contents { width:100%; float:left; margin:40px 0 80px 0;padding-bottom:100px;} 
div.divs {float:right;min-height:300px;width:73%;float:right;margin:30px 10% 100px 0;}
div.clieseecont {float:left;width:100%;margin-top:20px;}

/*menu*/ 
div.user { float:left; width:94%; margin:15px 3%; line-height:20px;color:#2e3436;} 
div.user a {color:#2e3436;text-decoration:none;}
div.log{ width:96%; height:100px; float:left; margin:10px 2% 0 2%; font-size:9px; line-height:15px;text-align:left; overflow-y:auto;color:#B75600;} 
div.leftbar {position:fixed;top:41px;left:0;height:-webkit-calc(100% - 82px);height:-moz-calc(100% - 82px);height:-ms-calc(100% - 82px);height:-o-calc(100% - 82px);height:calc(100% - 82px);color:#ffffff;width:15%;margin:0; padding:0 0 50px 0;overflow:hidden;overflow-y:auto;z-index: 100;min-width: 250px;} 
div.leftbar * {direction: ltr;}
div.leftbar::-webkit-scrollbar,div.navMenu .navMenuContent::-webkit-scrollbar,div.log::-webkit-scrollbar {width: 6px;height:6px;}
div.leftbar::-webkit-scrollbar *,div.navMenu .navMenuContent::-webkit-scrollbar *,div.log::-webkit-scrollbar * {background:transparent;}
div.leftbar::-webkit-scrollbar-thumb,div.navMenu .navMenuContent::-webkit-scrollbar-thumb,div.log::-webkit-scrollbar-thumb {background:#FBA252 !important;}
div.leftbar {scrollbar-base-color: #FBA252;scrollbar-base-color: #FBA252;scrollbar-3dlight-color: transparent;scrollbar-highlight-color: #FBA252;scrollbar-track-color: transparent;scrollbar-arrow-color: transparent;scrollbar-shadow-color: transparent;scrollbar-dark-shadow-color: transparent;background-color: #eeeeee;}
div.wipeLog {float:left;position:relative;width:100%;height:30px;margin:10px 0;text-align:left;} 
div.wipeLog form {float:left;width:100%;height:100%;} 
div.wipeLog:hover svg {-webkit-animation: bounce 0.3s infinite;-moz-animation: bounce 0.3s infinite;-o-animation: bounce 0.3s infinite;animation: bounce 0.3s infinite;}
div.wipeLog svg {float:left;width: 22px;max-height:70%;margin-left:5px;}
div.wipeLog svg path {fill:#FFFFFF;}
div#slidemenu {position:fixed;left:0;top:41px;height:calc(100% - 101px);margin:0;padding:20px 8px 0 8px;cursor:pointer;text-align:center;box-shadow:2px 2px 5px #888a85;color:#ffffff;font-weight:bold;font-size:16px;line-height:18px;z-index:901;background-color: #F78620;background: linear-gradient(-45deg, #F78620, #FF0000, #E73C7E, #EE7752,#F78620);background-size: 400% 400%;-webkit-animation: Gradient2 15s ease infinite;-moz-animation: Gradient2 15s ease infinite;animation: Gradient2 15s ease infinite;}
div#slidemenu .closeMenuArrow {position: absolute;height: 20px;line-height: 20px;opacity: 0;left: 0;margin: -13px 0 0 -30px;top: 50%;color: #FFA500;font-size: 18px;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
div#slidemenu:hover .closeMenuArrow {opacity:1;-webkit-animation: bounce-left 1s infinite;-moz-animation: bounce-left 1s infinite;-o-animation: bounce-left 1s infinite;animation: bounce-left 1s infinite;}
div#slidemenu.menuOpen .closeMenuArrow {display:none;}
div#slidemenu.menuOpen:hover {-webkit-animation: left-padding 1s infinite,Gradient2 3s ease infinite;-moz-animation: left-padding 1s infinite,Gradient2 3s ease infinite;-o-animation: left-padding 1s infinite,Gradient2 3s ease infinite;animation: left-padding 1s infinite,Gradient2 3s ease infinite;}
div.menu {float:left;width:96%;background-color: #F78620;margin:10px 2%;border-radius:5px;overflow:hidden;}
div.menu ul{ list-style:none; margin:0; padding:0;width:100%;} 
div.menu ul li a {font-size: 11px;padding:0;margin:0;background-color:transparent;border:0;text-decoration:none;width:100%;height:100%;display:block;box-shadow:0 0;text-decoration:none; color:#ffffff;line-height:40px;text-transform:none;font-weight:normal;} 
div.menu ul li{float:left; width:100%;cursor:pointer;text-align:left; line-height:40px;min-height:40px; text-indent:15px; border-width:0px; border-bottom-width:1px; border-style:solid; border-color:#DD6900;font-size: 11px;position:relative;} 
div.menu ul li.disabled {background-color:#FFAC62;}
div.menu ul li.disabled a {position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;}
div.menu ul li.disabled:after {content:'+';position:absolute;top:50%;right:10px;margin-top:-9px;width:15px;height:15px;line-height:15px;border-radius:100%;border:3px solid #2F9F2F;color:#2F9F2F;font-weight:bold;text-align:center;text-indent:0;font-size:17px;z-index:0;}
div.menu ul li.disabled:hover:after {border-color:#ffffff;color:#ffffff;}
div.menu > ul > li:hover {background: linear-gradient(-45deg, #F78620, #FF0000, #E73C7E, #EE7752,#F78620);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;} 
div.menu ul li ul {width:100%;display: none;list-style:none;margin:0;padding:0;margin:0 0 0 0;position: inline;} 
div.menu ul li ul li{ cursor:pointer;text-align:center;line-height:30px;text-indent:0; border-width:0px;border-width:0px; border-bottom-width:1px; border-style:solid; border-color:#F78620; background-color:#DD6900;} 
div.menu ul li ul li:hover {background-color:#E27716;} 
div.menu ul li ul li a {font-size:11px;width:100%;height:100%;display:block;} 
div.menu ul li ul li.editpagesul{cursor:default;text-indent:0;padding:0 0 0 0;}
div.menu ul li ul li.editpagesul a:hover {text-decoration:underline;}
div.menu ul li div#sub { cursor:pointer; text-decoration:none; color:rgb(255,255,255); width:100%;} 
div.menu ul li div#sub:hover {cursor:pointer;text-decoration:underline;} 
div.menu div.pageLink, div.menu div.pageSlideshow {display:inline-block;vertical-align:top;margin:0 5px;}
/*notifications*/ 
div.menu ul li div.notifwrap {float:right;line-height:35px;text-align:right;margin:0 5px 0 0;} 
div.menu ul li span.notification {display:inline-block;line-height:28px;height:25px;width:25px;vertical-align:middle;color:#ffffff;padding:0;font-weight:bold;font-size:14px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;background-color:#FFA500;text-indent:0;text-align:center;} 
div.menu div.pageStatus {display:inline-block;width:10px;height:10px;margin: 5px 5px 0 0;vertical-align: middle;border:1px solid #3a3a3a;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
div.menu div.pageStatus.inactivediv {background-color:#A52A2A;}
div.menu div.pageStatus.activediv {background-color:#008000;}

/*homepage needhelp*/ 
div.needhelp {float:left;width:46%;height:280px;text-align: center;margin:30px 1% 10px 1%;padding:0 1%;font-size:17px;clear:right;} 
div.needhelp div.helptitle {float:right;width:100%;margin:0 0 50px 0;text-align:center;color:#F78620;font-size:17px;box-shadow:0 0 5px #888a85;border-radius:0 0 20px 20px;} 
div.needhelp b {color:#F78620;} 
div.needhelp div.needhelpimgw {float:left;margin:0 2% 0 0;width:50%;height:100%;} 
div.needhelp div.needhelpimgw2 {position:relative;left:0;bottom:0;width:100%;height:100%;} 
div.needhelp div#needhelpimg1, div.needhelp div#needhelpimg2 {position:absolute; left:0; bottom:0; vertical-align:bottom; text-align:left;} 
div.needhelp div#needhelpimg1 img, div.needhelp div#needhelpimg2 img {max-width:100%;vertical-align:bottom;} 
div.needhelp div.needhelptxt {float:left;width:48%;} 
div.needhelp img#helpbtn {vertical-align:middle;} 
div.menuchecklist {display:inline-block;text-align:center;margin:20px 0;padding:10px;} 
div.menuchecklist form {float:left;width:100%;} 
div.menuchecklist form table {float:left;width:100%;text-align:left;} 
div.menuchecklist input[type=submit] {margin:20px 0 10px 0;} 
.enablejs {position:absolute;z-index:10000000;width:450px;padding:50px 20px;top:345px;right:50%;margin:0 -340px 0 0;} 
.enablejs span {text-align:center;} 
.enablejs span.span1 {color:#ff0000;font-weight:bold;font-size:18px;text-transform:uppercase;} 
.enablejs span.span2 {color:#000000;font-weight:normal;font-size:14px;} 

/*formulario lusopay*/ 
div.lusopaycontainer {display:inline-block;vertical-align:top;width:300px;line-height:25px;font-size:14px;padding:10px;margin:20px;clear:left;} 
div.lusopaycontainer div.lusopayinputs form {line-height:50px;} 
div.lusopaycontainer div.lusopayinputs input[type=text] {float:right;width:96%;margin:0 1%;} 
div.lusopaycontainer div.lusopayinputs input[type=submit] {float:right;width:100%;margin:10px 0 0 0;} 
div.lusopaycontainer div.lusopaytext p {line-height:16px;font-size:11px;text-align:justify;} 
div.lusopaycontainer div#formlusopay, div.lusopaycontainer div#priceslusopay {position:fixed;width:450px;display:none;margin:0 -235px 0 0;top:100px;right:50%;padding:10px;text-align:left;} 
div.lusopaycontainer div#priceslusopay p {text-align:left;font-weight:bold;} 
div.lusopaycontainer div.formlusopayhide, div.lusopaycontainer div.priceslusopayhide {float:right;text-align:center;text-decoration:none;cursor:pointer;padding:3px 8px;} 
div.lusopaycontainer table.formlusopaytable {width:100%;text-align:left;} 
div.lusopaycontainer table.formlusopaytable th {width:100%;text-align:center;} 
div.lusopaycontainer table.formlusopaytable input[type=text] {width:98%;float:right;} 
div.lusopaycontainer table.formlusopaytable input[type=radio] {float:right;} 
div.lusopaycontainer table.formlusopaytable input[type=submit] {width:100%;float:right;margin:5px 0;} 

/*formulario "crie o seu proprio site gratis" login*/ 
div.regwrapper {float:left;width:100%;text-align:center;margin:50px 0 0 0;} 
/*para aparecer o formulario na pagina login*/ 
div.regform {display:none;position:absolute;top:141px;right:50%;width:350px;margin:0 -175px 0 0;padding:10px;background-color:#ffffff;border-radius:15px;box-shadow:0 0 10px #323232,0 0 2px #888a85 inset;border:2px solid #ffffff;overflow:hidden;color:#4D4D4D;z-index:100002;} 
div.regx {position:absolute;right:10px;top:10px;margin:0;padding: 1px 7px;line-height: 20px;font-weight: bold;height: 20px;} 
div.regTitle {float:left;width:100%;text-align:center;font-size:15px;}
div.regwrapper form {float:left;width:100%;text-align:center;} 
table.registerformtable {line-height:20px;text-align:left;max-width:100%;margin:0;} 
table.registerformtable textarea, table.registerformtable input[type=text], table.registerformtable input[type=email], table.registerformtable .select {margin:0;width:96%;padding:3px 2%;text-align:left;} 
table.registerformtable textarea {height:100px;} 
table.registerformtable input[type=submit] {width:100%;padding:3px 0;margin:0;} 
table.registerformtable span#regformx {float:right;cursor:pointer;font-size:18px;} 
table.registerformtable td.registerform {text-align:center;color:#F78620;font-size:14px;} 
table.registerformtable td.registerformtext {text-align:justify;font-weight:normal;line-height:20px;} 
/*notificaçao do sistema - e-mail errado em "editar dados da empresa"*/ 
div.systemnotify {float:left;width:100%;line-height:50px;background-color:rgb(180,255,180);color:rgb(50,50,50);font-size:16px;text-align:center;margin:0 0 25px 0;border:1px solid rgb(230,230,230);} 
/*login page*/ 
div.texthome{float:right;width:40%;text-align:left;color:#ffffff;font-size:15px;line-height:30px;margin:100px 3% 0 3%;padding:20px;background-image:url(/images/loginbkg.png);} 
div.texthome a {color:#ffffff;font-weight:bold;box-shadow:0 0;background-color:transparent;border:0;padding:0;text-transform:none;} 
div.texthome span {color:#F78620;font-weight:bold;} 
div.loginpagebg {position:fixed;top:0;left:0;text-align:center;width:100%;height:100%;padding:0;background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 15s linear infinite;-moz-animation: Gradient 15s linear infinite;animation: Gradient 15s linear infinite;z-index:0;} 
div.loginpagewrapper {position:absolute;top:150px;left:0;margin:90px 0;width:100%;text-align:center;z-index:2;}
div.loginpagewrapper.selectPlat {position:absolute;top:0;-webkit-transform: none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}

@-webkit-keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}

@-moz-keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}

@keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}

@-webkit-keyframes Gradient2 {
0% {background-position: 50% 0%}
50% {background-position: 50% 100%}
100% {background-position: 50% 0%}
}

@-moz-keyframes Gradient2 {
0% {background-position: 50% 0%}
50% {background-position: 50% 100%}
100% {background-position: 50% 0%}
}

@keyframes Gradient2 {
0% {background-position: 50% 0%}
50% {background-position: 50% 100%}
100% {background-position: 50% 0%}
}

div.loginwrapper2 {display:inline-block;vertical-align:top;width:400px;max-width:90%;overflow:hidden;z-index:2;text-align:center;color:#4D4D4D;margin-bottom: 100px} 
div.loginwrapper,div.loginAdds {float:left;width:86%;padding:0 7% 20px 7%;}
canvas#logincanvas {position: fixed;top: 0;left: 0;z-index: 1;}
div.loginwrapper label {float:left;width:100%;text-align:left;} 
div.loginwrapper input[type=text], div.loginwrapper input[type=email], div.loginwrapper input[type=password]{width:calc(96% - 2px);text-align:center;padding:3px 2%;margin:5px 0;text-indent:0;line-height:40px;font-size:17px;text-align:left;} 
div.loginwrapper textarea {margin:0 0 10px 0;}
div.loginwrapper input[type=submit],div.loginwrapper a.button {float:left;margin:5px 0;width:calc(100% - 2px);padding:3px 0%;line-height:40px;box-sizing:content-box;color:#ffffff;} 
div.loginwrapper a {color:#7F7F7F;} 
div.loginwrapper h1 {line-height:40px;}
div.loginwrapper .notyetregistered {float:left;margin:5px 0;width:100%;}
div.loginwrapper .notyetregistered a {display:block;width:100%;height:100%;padding:12px 0;line-height:25px;color:#ffffff;background-color:#37ceff;text-decoration:none;font-size:14px;}
div.loginAdds {margin:30px 0 0 0;background-color:#ffffff;overflow:hidden;} 
div.loginAdds .adsbygoogle {margin:0;vertical-align:middle;}
/*editar posiçoes do menu*/
div.menupositionwrapper {float:left;width:50%;}
div.menupositionwrapper input[type=text] {width:25px;}
div.menupageswrapper {float:left;width:100%;}

/*news*/
div.editnewswrapper, div.newsinputwrapper {float:left;width:100%;margin:20px 0;text-align:center;}
.newstitle {float:left;width:100%;text-align:center;}
.newsinput {display:inline-block;width:300px;margin:10px;vertical-align:top;padding:10px;}
.newsinput textarea, .newsinput input {float:left;width:100%;}
.newsimgs {display:inline-block;padding:0;}
.newsimgs img {max-width:300px;max-height:100%;margin:10px;display:inline-block;vertical-align:middle;}

/*shipping*/
div.addShipping {float:left;width: 54%;margin: 0 2% 30px 2%;text-align:center;}
div.addShipping div.tableWrap {display: inline-block;width:300px;}
div.addShipping table {text-align:left;}
div.addShipping div.tableWrap input {float:right;}

/*clients list*/
div.clientInfo, div.clientInfo2{display:inline-block;width:38%;margin:0 2%;max-width:400px;vertical-align:top;font-size:12px;}
div.loginwrapper div.clientInfo, div.loginwrapper div.clientInfo2{width:98%;margin:0 2%;max-width:100%;}
div.clientOrders {display:inline-block;width:54%;margin:0 2%;}
div.clientInfo.addService, div.clientInfo2.addService {max-width:600px;width:48%;}
div.clientInfo table, div.clientInfo2 table {margin:10px 0;}
div.clientInfo table td, div.clientInfo2 table td {text-align:left;position:relative;line-height:22px;padding:3px 0;}
div.clientInfo table td:first-of-type, div.clientInfo2 table td:first-of-type {padding-right:3px;}
div.clientInfo table td.title, div.clientInfo2 table td.title {text-align:center;}
div.clientInfo input[type=text],div.clientInfo input[type=password],div.clientInfo input[type=email],div.clientInfo input[type=number], div.clientInfo textarea, div.clientInfo .select, div.clientInfo2 input[type=text],div.clientInfo2 input[type=password],div.clientInfo2 input[type=email],div.clientInfo2 input[type=number], div.clientInfo2 textarea, div.clientInfo2 .select {width:98%;float:left;}
div.clientInfo input.emailBtn,div.clientInfo2 input.emailBtn {width:80%;}
div.clientInfo input[type=submit], div.clientInfo2 input[type=submit], div.clientInfo a.button, div.clientInfo2 a.button {float:right;}
div.longWideList div.clientInfo table tr:nth-of-type(odd) td,div.longWideList div.clientInfo table tr:nth-of-type(even) td {border-color:transparent;background-color: transparent;text-align: left;}
div.longWideList .addcatformwrap div.clientInfo {width:100%;max-width:none;margin:0;}
div.longWideList .addcatformwrap div.clientInfo table {table-layout: fixed;}
div.longWideList .addcatformwrap div.clientInfo table td input[type=number] {max-width:none;}
.longWideList .clientInfo a {position:static;height: auto;width: auto;display: inline;padding: 0;margin:0;}

.openMail {position:absolute;right:0;top:2px;width:15%;height:25px;overflow:hidden;}
.openMail a {position:static;display:block;width:100%;height:100%;}
.openMail a svg path {fill:#F78620;}
div.popup {position:fixed;top:100px;left:50%;width:350px;padding:30px 20px 20px 20px;z-index:10000000001;max-height:-webkit-calc(100vh - 250px);max-height:-moz-calc(100vh - 250px);max-height:-ms-calc(100vh - 250px);max-height:-o-calc(100vh - 250px);max-height:calc(100vh - 250px);overflow-y:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
div.popup textarea {width:98%;}
div.popup .clientInfo {width:100%;margin:0;}
div.popup .clientInfo input[type=submit] {float:none;min-width:130px;margin:10px 0 0 0;}
div.popup .clientInfo .clientsTitle {text-align:left;margin:0 0 10px 0;}
div.coverbg {position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background-color:#000000;}

div.addnewprodcatform, div.editprodimgsinputwrapper {float:left;width:100%;}
div.editprodimgsinput {display:inline-block;position:relative;width:300px;height:180px;vertical-align: top;margin:10px;padding:10px;text-align:center;}
div.editprodimgsinput .gallimgurl {float:left;width:100%;text-align:center;white-space:nowrap;overflow:hidden;}
div.editprodimgsinput .productFileName {display:inline-block;width:100%;text-align:center;white-space:wrap;overflow:hidden;word-wrap: break-word;}
div.editprodimgsinputname {position:absolute;left:10px;top:0;width:40px;font-weight:bold;font-size:14px;background-color:#EEEEEE;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
div.editprodimgsinput.cover {border:2px solid #C54751;}
div.editprodimgsinput.cover div.editprodimgsinputname {padding: 0;line-height: 28px;cursor: auto;-webkit-box-shadow: 0 0;-moz-box-shadow: 0 0;-ms-box-shadow: 0 0;-o-box-shadow: 0 0;box-shadow: 0 0;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
div.editprodimg {float:left;width:100%;height:130px;line-height:130px;text-align:center;margin:10px 0;}
div.editprodimg img {max-width:100%;max-height:100%;}
div.imgDel,div.imgDelCheck {position:absolute;right:5px;top:5px;cursor:pointer;line-height: 22px;height: 21px;width:21px;padding:0;}
div.imgDelCheck {width:auto;}
div.imgDel a {display:block;color:#ffffff;width:100%;height:100%;font-size:14px;text-decoration:none;font-weight: bold;}
div.editprodimgsinput input[type=submit] {float:none;}
div.editprodimgsinput input[type=submit].cover {background:#C54751;}

/*products*/
div.prodsearchform {display:inline-block;width:210px;padding:15px 20px;text-align:left;}
div.prodsearchform input[type=text] {float:left;width:98%;padding:3px 1%;box-sizing:content-box;}
div.prodsearchform input[type=checkbox] {margin:0;}
div.prodsearchform td:last-of-type {text-align:right;}
div.prodsearchform .select {float:left;width:98%;}
span.stock {position: absolute;width: 25px;right: 0;text-align:center;}
span.cross {color:#CE2121;font-size:20px;}
span.low {color:#FFA500;font-weight:bold;font-size:20px;}
span.checkmark {color:#21C021;font-size:27px;}
.prodnextpage input[type=submit] {font-size: 28px;line-height: 0px;box-sizing: content-box;height: 20px;padding: 0px 10px 2px 10px;font-weight:normal;} 
.newProdForm {float:left;width:100%;padding:0;text-align:left;margin:10px 0;}
.newProdForm table td {padding:2px 10px;position:relative;}
.newProdForm textarea, .newProdForm input[type=text], .newProdForm input[type=number]{float:left;width: 98%;padding:3px 1%;text-align:center;}
.newProdForm .select {float:left;width:98%;width:-webkit-calc(98% - 40px);width:-moz-calc(98% - 40px);width:-ms-calc(98% - 40px);width:-o-calc(98% - 40px);width:calc(98% - 40px);}
div.editprodnameinput {display:inline-block;width:300px;margin:10px;vertical-align:top;padding:10px;}
.editprodnameinput textarea, .editprodnameinput input {float:left;width:100%;}
.editprod, .prodvarnames {float:left;width:100%;margin:10px 0;}

/*add cats*/
.bkg {display:none;opacity:0.5;position:fixed;right:0;top:0;width:100%;height:100%;background-color:#555753;z-index:10000;}
.addcat {position: absolute;right: 10px;float: right;top: 0;margin:0;cursor:pointer;color:#F78620;font-size:26px;height:100%;line-height:26px;font-weight:bold;}
.addcatformwrap {display:none;position:fixed;top:150px;left:50%;width:400px;margin:0 0 0 -220px;padding:20px;z-index:10000000001;max-height:calc(100% - 390px);overflow-y:auto;}
.addcatformwrap .addcatform {float:left;width:100%;margin:0;vertical-align:top;text-align:center;}
.addcatform table td {text-align:left;}
.addcatform input[type=submit] {min-width:130px;margin:10px 0 0 0;}
.addcatform .select, .addcatform input[type=text], .addcatform input[type=number], .addcatform textarea {width:100%;}
.addcatform .addnewprodcatform {text-align:center;margin:20px 0;}
.addcatx {position:absolute;top: 20px;right: 20px;cursor: pointer;z-index: 10002;padding: 0;line-height: 18px;height: 20px;width: 20px;font-weight:bold;}
.longWideList.catlisttable {display:inline-block;width:54%;margin:0 2%;}
.longWideList.catlisttable table td:first-of-type {text-align:left;}
.longWideList.catlisttable table tr.cats td {background:#ffffff;}
.longWideList.catlisttable table tr.subCats td {background:#EFEFEF;}
.longWideList.catlisttable table tr.subCats td:first-of-type {text-indent:20px;}
.showeditform {position:absolute;display:none;background:#ffffff;padding:0 10px 10px 10px;border-radius:5px; box-shadow:0 0 5px #888a85;}

/*vouchers*/
div.clientInfo table td.datavouch {text-align:center;}
.vBg {position:fixed;top:0;left:0;width:100%;height:100%;z-index:200000;background-color:#000000;}
#openeditor {display:inline-block;cursor:pointer;}
#vouchercontainer {opacity:0;position:absolute;right:0;top:15%;width:100%;min-height:100%;z-index:1000002;color:#ffffff;text-align:center;}
#vouchercontainer img {min-width:100%;min-height:100%;position:absolute;z-index:0;left:0;top:0;}
#vouchercontainer input[type=color] {float:right;margin:0;}
#vouchercontainer textarea {width:98%;}
#vouchercontainer table td {text-align:left;padding:5px;}
#voucherinputs {display:inline-block;text-align:center;margin:100px 8% 30px 8%;width:80%;padding:10px 2%;color:#4D4D4D;}
.voucherHowto {display:inline-block;width:100%;margin:10px 0 20px 0;line-height:20px;}
#voucherinputs .vTablesLeft {float:left;width:50%;}
#voucherinputs .vTablesRight {display: inline-block;max-width: 340px;}
#voucherinputs .vTablesRight span.vLang {float:right;}
.voucherTitle {float:left;width:100%;text-align:center;font-size:20px;color:#ffffff;line-height:30px;margin:0 0 30px 0;}
#voucherpreview {position:relative;top:0;display:inline-block;margin:0 0 30px 0;width: 500px;height: 350px;padding: 0;border: 3px solid #000000;background-color: #fff;color:#000000;overflow:hidden;}
#vouchercode {position:absolute;right:0;z-index:3;overflow:hidden;padding:10px;border: 1px solid #ccc;background-color: #fff;cursor:pointer;text-align:center;max-width:calc(100% - 22px);max-height:calc(100% - 22px);width:auto;height:auto;line-height:10px;white-space:nowrap;}
#voucherval {position:absolute;left:0;z-index:1;overflow:hidden;cursor:pointer;text-align:center;max-width:100%;font-size:20px;word-wrap:break-word;height:auto;}
#vouchertext {position:absolute;z-index:1;margin:10px 2%;left:0;top:50px;cursor:pointer;text-align:center;max-width:96%;word-wrap:break-word;font-size:18px;}
#voucherterms {position:absolute;bottom:0;z-index:1;overflow:hidden;margin:10px;cursor:pointer;text-align:center;max-width:100%;font-size:10px;text-align:left;line-height:13px;}
#vouchereditorx {position:absolute;top:40px;right:40px;cursor:pointer;padding:0;width:30px;height:30px;line-height:31px;}
.vchBkg {float:left;width:100%;text-align:left;text-indent: 7px;margin:0 0 10px 0;}
.vchBkg input {float:none;display:inline-block;margin:0 0 0 10px;text-indent: 0;}
#voucherimggo {cursor:pointer;display:inline-block;}
.vwidth {position:absolute;top:-70px;width:300px;text-align:center;right:50%;}
#cbkg {-ms-transform: scale(2);-moz-transform: scale(2);-webkit-transform: scale(2);-o-transform: scale(2);padding: 10px;margin:10px;}
#printvoucher {position:fixed;width:70px;height:120px;margin:0;padding:0;line-height:120px;right:0;top:30%;border-radius:80px 0 0 80px;overflow:hidden;border:0;}
#printvoucher svg {max-width:50%;max-height:60%;vertical-align:middle;}
#printvoucher svg path {fill:#ffffff;}

/*highlights*/
div.prodsdestaque, div.prodsdestacar {float:left;width:100%;text-align:center;margin:10px 0 20px 0;}
div.highlight {display:inline-block;position:relative;width:200px;height:200px;margin:10px;padding:10px;vertical-align:top;}
div.highlight .cross {position:absolute;top:5px;right:5px;z-index:2;}
div.highlight a {position:absolute;top:0;right:0;height:100%;width:100%;color:#000000;}
div.highlight .highlightName {float:left;width:100%;margin:30px 0 20px 0;min-height:40px;line-height:20px;}
div.highlight .highlightImg {float:left;width:100%;height:100px;margin:0;}

/*change pass*/
.chngPass {display:inline-block;width:250px;margin:20px;}
.chngPassInner {float:left;width:94%;text-align:left;padding:10px 3%;}
.chngPassInner input {float:left;width:100%;}
.chngPassInner input[type=submit] {margin:20px 0 0 0;}
.chngPassInner .select {float:right;}

/*company info*/
.companyDataWrapper {float:left;width:100%;min-width:450px;text-align:center;} 
.companyDataWrap {display:inline-block;margin:20px 2%;vertical-align:top;width:46%;}
.companyData {float:left;width:94%;padding:20px 3%;margin:0 0 10px 0;text-align:left;}
.companyData input[type=text], .companyData input[type=password], .companyData textarea {float:left;width:100%;margin:3px 0;}
.companyDataWrap input[type=submit] {min-width:130px;margin:0 10px;}
.companyData td.borderbottom {border-bottom:1px solid #E5E5E5;}
.companyData .logowrapper {float:left;width:100%;text-align:center;margin:0;}
.companyData .logowrapper span {font-weight:bold;}
.companyData .logoimgwrapper {display:inline-block;width:100%;text-align:center;height:100px;}
.companyData .logoimgwrapper img {max-width:100%;max-height:100%;}

/*CHANGE THIS*/
/*editar video*/
div.editvideo {display:inline-block;width:30%;background-color:#ffffff;box-shadow:0 0 5px #888a85;border-radius:5px;padding:0 1% 10px 1%;text-align:center;margin:0 29% 25px 29%;}
div.editvideo table {border-collapse:collapse;border:0;width:100%;}
div.editvideo table tr {border:0;}
div.editvideo table tr td {border:0;width:50%;}
div.editvideo table tr td select {width:100%;height:30px;margin:0 0 0 6px;float:left;}
div.editvideo table tr td input[type=text] {width:100%;height:30px;float:left;}
div.editvideo table tr th {text-align:center;}
div.editvideo table tr td {min-width:100px;text-align:left;}
div.vidlisttable {display:inline-block;width:47%;margin:10px 1%;vertical-align:top;border:1px solid rgb(180,180,180);background-color:#ffffff;box-shadow:0 0 5px #888a85;}
div.vidlisttable table {width:100%;border-collapse:collapse;text-align:center;word-wrap:break-word;margin:30px 0 0 0;}
div.vidlisttable table tr td.tdleft {width:25%;border:1px solid rgb(180,180,180);}
div.vidlisttable table tr td.tdright {width:50%;border:1px solid rgb(180,180,180);}
div.vidlisttable table tr:nth-child(even) {background-color:#f3f3f3;}
div.vidlisttable table tr:nth-child(odd) {background-color:#ffffff;}
div.vidcatstable {display:inline-block;width:auto;margin:10px 0;border:1px solid rgb(180,180,180);background-color:#ffffff;box-shadow:0 0 5px #888a85;}
div.vidcatstable form{margin:0;padding:0;}
div.vidcatstable table {width:100%;border-collapse:collapse;text-align:left;word-wrap:break-word;margin:30px 0 0 0;text-indent:10px;}
div.vidcatstable table tr:nth-child(odd) {background-color:#f3f3f3;}
div.vidcatstable table tr:nth-child(even) {background-color:#ffffff;}
div.vidcatstable table input {float:right;}
/*editar lingua*/
td.editlang{text-align:center;}
input[type="range"].active{width:40px;-webkit-appearance: none;-moz-apperance: none;border-radius: 6px;border: 1px solid #888a85;height: 15px;background-color: #8ae234;}
input[type="range"].active::-webkit-slider-thumb {-webkit-appearance: none !important;background-color: #eeeeec;border: 1px solid #d3d7cf;border-radius:15px;height: 20px;width: 20px;}
input[type="range"].notactive{width:40px;-webkit-appearance: none;-moz-apperance: none;border-radius: 6px;border: 1px solid #888a85;height: 15px;background-color: #ef2929;}
input[type="range"].notactive::-webkit-slider-thumb {-webkit-appearance: none !important;background-color: #eeeeec;border: 1px solid #d3d7cf;border-radius:15px;height: 20px;width: 20px;}
/*editar ficheiro de texto da língua*/
div.lngbox{float:left;width:96%;margin:2%;}
div.titlelng{float:left;width:100%;line-height:24px;text-align:center;}
.linedwrap { border: 1px solid #c0c0c0; padding: 3px 1%;width:98%; }
.linedtextarea { padding: 0px; margin: 0px; }
.linedtextarea textarea, .linedwrap .codelines .lineno { font-size: 10pt; font-family: monospace; line-height: normal !important; }
.linedtextarea textarea { padding-right:0.3em; padding-top:0.3em; border: 0; border-radius:0;}
.linedwrap .lines { margin-top: 0px; width: 5%; float: left; overflow: hidden; border-right: 1px solid #c0c0c0; }
.linedwrap .codelines { padding-top: 5px; }
.linedwrap .codelines .lineno { color:#AAAAAA; padding-right: 0.5em; padding-top: 0.0em; text-align: right; white-space: nowrap; }
.linedwrap .codelines .lineselect { color: red; }
div.savelangfile {float:left;width:100%;line-height:40px;text-align:center;}

/*footer*/ 
div.footer{position:fixed;width:100%;margin:0 0 0 0;bottom:0;line-height:40px;background-color:#ffffff;text-align:center;z-index:100000;font-size: 0;}  
div.footer * {font-size:11px;}
div.footer a {padding:0;text-decoration:none;color:#000000;background-color:transparent;text-transform:none;font-weight:normal;border-radius:0px;line-height:30px;} 
div.bottommenu{display:inline-block;width:calc((100% / 3) - 3%);margin:0 0 0 3%;text-align:left;vertical-align:top;} 
div.sellicons {display:inline-block;width:calc(100% / 3);text-align:center;line-height:30px;} 
div.sellicons img,div.sellicons svg {max-height:70%;vertical-align:middle;} 
div.sellicons svg path {fill:#F78620;}
div.sellicons div.seoicon svg {position:absolute;}
div.sellicons div.seoicon svg.seoArrow {width: 67%;top: 4%;left: 12%;}
div.sellicons div.seoicon svg.seoBars {width: 60%;bottom: 13%;left: 17%;}
div.sellicons div.seoicon, div.sellicons div.contenticon, div.sellicons div.webdesignicon {position:relative;display:inline-block;cursor:pointer;margin:0 10px;height:30px;width:30px;vertical-align:top;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background-color:#ffffff;border:1px solid #F78620;line-height: 22px;} 
div.credits {display:inline-block;width:calc((100% / 3) - 3%);margin:0 3% 0 0;text-align:right;vertical-align:top;line-height: 10px;}
.iconsalt {position:fixed;bottom:-70px;left:50%;margin:0 0 0 -120px;width:220px;font-size:12px;line-height:18px;padding:10px;opacity:0;z-index:99999;} 
div.iconsalt:after{ content: ''; position: absolute; border-style: solid; border-width: 15px; border-color: #ffffff transparent 
transparent transparent; display: block; width: 0; z-index: 1; top: 100%; right: 50%; margin:0 -15px 0 0; }
#seocontactus {display:none;position:fixed;bottom:150px;right:50%;margin:0 -160px 0 0;width:300px;padding:10px;z-index:100001;border: 1px solid #dadada;} 
/*color picker if ie*/ 
div#clrversions div.varclr {border-right:2px solid #ffffff;border-left:2px solid #ffffff;} 
div#clrversions div.varclr:hover {border-color:#000000;} 
div#clrversions div.selected {border-color:#000000;} 
div.colorpicker div.selected {border:2px solid #ffffff;} 
div.clr {border:2px solid #000000;} 
div.clr:hover {border:2px solid #ffffff;} 
/*menu how-to*/ 
div.howtomenu {position:fixed;right:0;top:240px;width:14%;padding:0;box-shadow:0 0;background-color:transparent;border:0;text-align:left;line-height:0;} 
div.howtomenu ul {float:right;width:100%;} 
div.howtomenu li {float:right;width:90%;direction: rtl; text-align: right;padding:0 20px 0 0;text-indent:-1em;list-style-position:inside;} 
div.howtomenu li span {float:left;width:90%;line-height:21px;padding:0;margin:0;} 
div.howtomenu li a {font-size:12px;text-transform:none;font-weight:normal;padding:0;border:0;background:none;color:#333333;line-height:18px;letter-spacing:0;box-shadow:0 0;} 
div.howtomenu li a:hover, div.howtomenu li.active a {color:#F78620;} 
div.howtomenu li.active {color:#AE73FF;}
#contactus {display:inline-block;width:280px;padding:10px;margin:20px 0;}

div.longWideList.importTable,div.checkBoxLine {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
div.longWideList.importTable {overflow-x:auto;}
div.longWideList.importTable table {table-layout:auto;}

div.openColsMenu,div.checkboxesList {float:left;width:100%;text-align:center;cursor:pointer;padding:3px 0;max-width:100%;}
div.openColsMenu.selected {-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);background-color:#ededed;border:1px solid #dcdcdc;color:#777777;text-shadow:0px 1px 0px #ffffff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
div.checkboxesList {padding:0;text-align:left;}
div.checkBoxLine {float:left;width:96%;padding:0 2%;line-height:30px;cursor:pointer;}
div.checkBoxLine input[type=checkbox] {padding:0;margin: 0 10px 0 0;}
div.checkedboxesList {float:left;width:100%;}
div.fixedCheckBoxesList {display:none;position:absolute;width:250px;background-color:#ffffff;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-ms-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;text-align:left;padding:0 0 5px 0;margin: 0 0 100px 0;z-index: 999999;}

div.removeLineInfo {float:left;width:100%;text-align:center;}
div.addLineBtn, div.addAddresses, .openPopupCleanForm, .plusLink, .invoiceLink, div.showClientForm, div.serialNumbersPopup {float: left;width: 100%;text-align: center;}
div.addLineBtn span, div.addAddresses span, .openPopupCleanForm span, input.addTagBtn, .plusLink span, .minusLink span, div.serialNumbersPopup span,div.addItemsButton span,div.addTextBtn div {display: inline-block;vertical-align: middle;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;font-size: 25px;padding: 0;width: 25px;height: 25px;line-height: 22px;overflow: hidden;text-decoration: none;}


div.checkBoxesList {float:left;width:100%;text-align:left;min-width:150px;}
div.checkBoxLine, div.checkBoxLineSelect {float:left;width:96%;position:relative;text-align:left;cursor:pointer;word-wrap: break-word;line-height: 20px;margin: 5px 0;}
div.checkBoxLine label {float: right;width:auto;width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);width: -ms-calc(100% - 40px);width: -o-calc(100% - 40px);width: calc(100% - 40px);word-wrap: break-word;}
div.clientInfo.addService {max-width:600px;width:48%;margin:0 1%;}
.popup div.clientInfo.addService {width:100%;margin:0;}
div.clientInfo.addService table {table-layout:fixed;}
div.checkBoxesList div.searchResultsWrap {display:none;float:left;width:100%;height:200px;overflow:hidden;}
div.checkBoxesList[data-show="all"] div.searchResultsWrap {height:auto;max-height:200px;}
div.checkBoxesList div.searchResults {max-height:200px;}
div.checkBoxesList input[name=searchEngine] {width:100%;}
div.clientInfo div.checkBoxesList input[name=searchEngine] {width:calc(98% - 2px);}
div.checkedBoxes {float: left;width: 100%;min-width:150px;overflow-x: hidden;overflow-y: auto;max-height: 210px;}
div.checkBoxLine:after, div.checkBoxLineSelect:after {font-weight:bold;position:absolute;right:10px;top:5px;opacity:0;font-size:18px;color:#ffffff;border-radius:100%;width:20px;height:20px;line-height:18px;text-align:center;z-index: -1;}
div.checkBoxLine:hover:after, div.checkBoxLineSelect:hover:after {opacity:1;}
div.checkedBoxes div.checkBoxLine:after {content:'-';background-color:#C44444;}
div.searchResults div.checkBoxLine:after, div.checkBoxLineSelect:after {content:'+';background-color:#00B700;}
div.checkBoxLine input:disabled {opacity:1;}

div.clientInfo.addInvoice {width:96%;max-width:600px;}
div.clientInfo.addInvoice table {table-layout:fixed;}

.autoFillSearchEngine, .jobSheetReason {float:left;width:100%;}
div.auto_fill_table.longWideList {float:left;width:100%;margin:0;}
div.auto_fill_table.longWideList table {width:100%;table-layout: auto;overflow:visible;margin:0;}
div.auto_fill_table td {position:relative;overflow:visible;}
div.auto_fill_table td input[type=text], div.auto_fill_table td input[type=number], div.auto_fill_table td input[type=email], div.auto_fill_table td textarea, div.auto_fill_table td .select {float:none;}
div.auto_fill_table td input[type=text]{width: 96%;}
div.addLineBtn, div.addAddresses, .openPopupCleanForm, .plusLink, .invoiceLink, div.showClientForm, div.serialNumbersPopup {float: left;width: 100%;text-align: center;}
div.addLineBtn span, div.addAddresses span, .openPopupCleanForm span, input.addTagBtn, .plusLink span, .minusLink span, div.serialNumbersPopup span,div.addItemsButton span,div.addTextBtn div {display: inline-block;vertical-align: middle;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;font-size: 25px;padding: 0;width: 25px;height: 25px;line-height: 22px;overflow: hidden;text-decoration: none;}
div.longWideList .openPopupCleanForm a, div.longWideList .plusLink a, div.longWideList .minusLink a {position:static;color:#ffffff;}
div.clientInfo input[type=submit].addTagBtn {float: left;height: 28px;width: 28px;line-height: 10px;}
div.autoFillResultsWrapWrap {float:left;width:48%;margin:0 1%;position:relative;text-indent: 1px;}
div.autoFillResultsWrap {display:none;position:absolute;z-index:10;left:0;top:100%;width:100%;height:auto;max-height:140px;}
div.autoFillResults {float:left;width:100%;max-height:140px;overflow-x:hidden;overflow-y:auto;background-color:#ffffff;border:1px solid #E5E5E5;min-width: 230px;}
div.autoFillResults .autoFillLine {float:left;width:96%;padding:2px 2%;text-align:left;line-height:25px;cursor:pointer;}
div.autoFillResults .autoFillLine:hover {background-color:#E5E5E5;}
div.auto_fill_table td.invoices_client_address div.autoFillResultsWrapWrap, div.auto_fill_table td.credit_notes_client_address div.autoFillResultsWrapWrap {width: 98%;}
div.auto_fill_table td input[type=number] {max-width:70px;}
div.auto_fill_table td input[type=number].client_fiscal {max-width:100%;}
div.auto_fill_table tr.emptyLine input:required, div.auto_fill_table tr.emptyLine .select.required,input[type=text].emptyLine {border:1px solid red;}
div.auto_fill_table tr.emptyLine td:last-of-type:after { content:'!'; position:absolute; left:100%; top:50%; margin:-7px 0 0 20px; width:15px; height:15px; line-height:15px; color:#ffffff; font-weight:bold; background-color:#C22D2D; text-align:center; text-indent:1px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }
div.auto_fill_table tr.totals th{background: #c7c7c7;padding: 0;}
div.auto_fill_table table td div.groupedInputsInTd {float: left;width: auto;text-align: left;white-space: nowrap;clear: both;margin: 2px 0;}
div.auto_fill_table table td div.groupedInputsInTd .groupedInputsTxt {display:inline-block;padding:0 10px 0 0;}
div.auto_fill_table table td div.groupedInputsInTd input[type=text],div.auto_fill_table table td div.groupedInputsInTd input[type=email],div.auto_fill_table table td div.groupedInputsInTd input[type=number],div.auto_fill_table table td div.groupedInputsInTd .select {display:inline-block;width:50%;float:none;}

div.addItemsButtons {float:left;width:100%;text-align:center;}
div.addItemsButton {display:inline-block;margin:6px;width:25px;height:25px;vertical-align:top;white-space: nowrap;}
div.addItemsButton span,div.addItemsButton span.green {float:left;line-height: 13px;width: 100%;height: 100%;font-weight: bold;text-indent: 0;margin:0;}
/* @-moz-document url-prefix() {
	div.addItemsButton span,div.addItemsButton span.green {line-height: 21px;}
	div.addItemsButton.button_3 span,div.addItemsButton.button_3 span.green  {line-height:13px;text-indent: -1px;}
} */
div.addItemsButton svg {vertical-align:middle;max-height:65%;max-width:68%;}
div.addItemsButton svg path {fill:#ffffff;}

div.tagsWrapper {float:left;width:100%;min-height:300px;line-height:300px;margin:20px 0;}
div.add_tag_tags,div.variablesList {display:inline-block;vertical-align:middle;line-height:20px;width:100%;max-width:1000px;text-align:center;}
div.tag {display:inline-block;line-height:20px;text-align:left;margin:5px;background-color:#ffffff;border:2px solid #fff;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;position:relative;vertical-align: top;overflow:hidden;padding:5px 10px;}
div.tag a {color:#000000;text-decoration:none;}
div.tag label {float:left;width:100%;height:100%;padding:5px 40px 5px 10px;}
div.tag input[type=checkbox] {position:absolute;right:3px;top:9px;}
div.tag.checkedTag {border-color:#F78620;}
div.tag .tagIcon {float:left;position:relative;width:20px;height:20px;line-height:20px;text-align:center;margin-right:5px;}
div.tag .tagIcon a {display:block;height:100%;width:100%;line-height:20px;}
div.tag .tagIcon img {display:inline-block;vertical-align:bottom;min-width:initial;min-height:initial;max-width:100%;max-height:100%;}
div.tagLevel {float:left;width:100%;margin-top:5px;padding-top:5px;border-top:1px solid #ADADAD;}
div.tagLevel:first-of-type {border:0;}

.openAddPopup {position: absolute;right: 0;float: right;top: 0;margin:3px 0 0 0;cursor:pointer;font-size:26px;height:100%;font-weight:bold;width: 28px;height: 28px;line-height: 25px;text-align: center;color: #ffffff;background-color: #F78620;}
.openAddPopup.button {position: static;display:inline-block;float: none;width:auto;height:auto;line-height:20px;}
div.auto_fill_table .openAddPopup {right: 3px;line-height:34px;}

div.navMenu {display:none;position:fixed;top:90px;right:-212px;-webkit-border-radius:10px 0 0 10px;-ms-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-o-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;background-color:#ffffff;-webkit-box-shadow:0 0 5px #6D6D6D;-moz-box-shadow:0 0 5px #6D6D6D;-ms-box-shadow:0 0 5px #6D6D6D;-o-box-shadow:0 0 5px #6D6D6D;box-shadow:0 0 5px #6D6D6D;text-align:left;padding:5px;width:200px;z-index:1000;-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-ms-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
div.navMenu:hover {right:0;}
div.navMenu ul {float:left;width:100%;padding:0;position:relative;background-color:#ffffff;}
div.navMenu:before {content:'<';position:absolute;right:100%;top:50%;margin:-25px 0 0 0;width:40px;height:40px;-webkit-border-radius:40px 0 0 40px;-ms-border-radius:40px 0 0 40px;-moz-border-radius:40px 0 0 40px;-o-border-radius:40px 0 0 40px;border-radius:40px 0 0 40px;color:#C54751;background-color:#ffffff;font-size:22px;font-weight:bold;line-height:40px;text-align:center;z-index:-1;border-width:1px 0 1px 2px;border-color:#cacaca;border-style:solid;cursor:pointer;}
div.navMenu li {float:left;position:relative;width:96%;padding:0 2%;line-height:30px;list-style-type:none;}
div.navMenu li a {display:block;width:100%;line-height:30px;color:#4D4D4D;text-decoration:none;}
div.navMenu li:hover {background-color:#EDEDED;}
div.navMenu .mainTitle span {position:absolute;right:10px;top:0;height:30px;line-height:30px;width:20px;text-align:center;color:#4D4D4D;cursor:pointer;}
div.navMenu .mainTitle span:hover {background-color:#DCDCDC;}
div.navMenu li ul {display:none;}

/*reviews*/
div.reviewsRatingsAmounts {float:left;width:50%;text-align:left;}
div.reviewsRatingsAmounts .countRating {float:left;width:auto;margin:0 10px 0 0;}
div.prodAvgRating {float:right;background-color:#ffffff;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;border:3px solid #F78620;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
div.prodAvgRating a {text-decoration:none;color:#000000;display:block;width:100%;height:100%;}

div.socialMediaBtns {float:left;width:100%;margin:30px 0;text-align:center;}
div.socialMediaLng {display:inline-block;width:200px;margin:10px;}

/*bookings*/
div.bookPriceIntWrapper {float:left;width:100%;margin:30px 0;}

div.loader {border: 16px solid #E9E9E9;border-radius: 50%;border-top: 16px solid #F78620;position:fixed;top:50%;left:50%;margin:-68px 0 0 -68px;z-index:1000000001;width: 120px;height: 120px;-webkit-animation: loader 2s linear infinite;-ms-animation: loader 2s linear infinite;-moz-animation: loader 2s linear infinite;-o-animation: loader 2s linear infinite;animation: loader 2s linear infinite;}

@-webkit-keyframes loader {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes loader {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}

@-ms-keyframes loader {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}

@-o-keyframes loader {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}

@keyframes loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

div.selectDateIntCalWrapper,div.extraFeesAlgorithmPopupWrapper,div.pricePerBillingUnitPopupWrapper {position:fixed;top: 10%;left: 10%;width: 80%;height: 80%;z-index: 100000;overflow:auto;background-color:#ffffff;}
div.calTableWrapper,div.extraFeesAlgorithmPopupInner,div.pricePerBillingUnitPopupInner {float:left;min-width:96%;min-height:90%;min-height:-webkit-calc(100% - 80px);min-height:-moz-calc(100% - 80px);min-height:-ms-calc(100% - 80px);min-height:-o-calc(100% - 80px);min-height:calc(100% - 80px);padding: 20px 2% 60px 2%;}
div.calTableWrapper table {border-collapse: collapse;}
div.calTableWrapper table td {text-align:center;line-height:0;white-space:nowrap;padding:0 5px;}
div.calTableWrapper table td a {position:static;width:auto;height:auto;left:auto;right:auto;}
div.calTableWrapper table tr:first-of-type th {padding:0}
div.calTableWrapper table td.disabled {opacity:0.4;position:relative;background-color:#E5E5E5;}
div.calTableWrapper table td.disabled:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
div.calTableWrapper table td input {float:none;}

.chosenDate .ui-state-default {background: #F6AF6F !important;color: #FFF !important;}
.dp-highlight .ui-state-default {background: #F78620 !important;color: #FFF !important;}
.dp-highlight-fade .ui-state-default {background: #FFC897 !important;}
span.ui-datepicker-year {display:none !important;}
div.daterangepicker {position:absolute;top:100%;left:0;width:310px;z-index:1;display:none;}
div.daterangepicker table {table-layout:fixed;}
div.daterangepicker table td, div.daterangepicker table th {line-height:20px;text-align:center;padding:0;}
div.dateRangeInputWrapper {float:left;width:100%;line-height:10px;}
div.dateRangeInputWrapper input,div.calTableWrapper div.dateRangeInputWrapper input {float:none;display:inline-block;cursor:pointer;background:none;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;-ms-box-shadow:0 0;-o-box-shadow:0 0;box-shadow:0 0;width:100px;padding-left: 0;padding-right: 0;}
div.dateRangeInputWrapper input.timeRangeInput,div.calTableWrapper div.dateRangeInputWrapper input.timeRangeInput {width:60px;}
div.dateRangeInputWrapper div.date.hours,div.dateRangeInputWrapper span,div.dateRangeInputWrapper div.smallGreyBtn {display:inline-block;vertical-align:middle;}

div.calTableWrapper div.weekDayInput {display:inline-block;width:50px;border:1px solid #E5E5E5;text-align:center;line-height: 26px;}
div.calTableWrapper div.weekDayInput:nth-of-type(n+2) {border-left:0;}
div.calTableWrapper div.weekDayInput.checked {background-color:#F78620;}
div.calTableWrapper div.weekDayInput label {float:left;width:100%;}
div.calTableWrapper div.weekDayInput input {display:none;}

div.saveIntervalsBtn {float:left;width:100%;text-align:center;margin:30px 0;}

div.selectDateIntCalWrapper::-webkit-scrollbar, div.dashboardList::-webkit-scrollbar, div.variablesWrapper::-webkit-scrollbar, div.resultsList::-webkit-scrollbar, div.popup::-webkit-scrollbar, div#helpmessage::-webkit-scrollbar,div.navMenu .navMenuContent::-webkit-scrollbar {width: 6px;height:6px;}
div.selectDateIntCalWrapper::-webkit-scrollbar *, div.dashboardList::-webkit-scrollbar *, div.resultsList::-webkit-scrollbar *, div.variablesWrapper::-webkit-scrollbar *, div.resultsList::-webkit-scrollbar *, div.popup::-webkit-scrollbar *, div#helpmessage::-webkit-scrollbar *,div.navMenu .navMenuContent::-webkit-scrollbar * {background:transparent;}
div.selectDateIntCalWrapper::-webkit-scrollbar-thumb, div.dashboardList::-webkit-scrollbar-thumb, div.variablesWrapper::-webkit-scrollbar-thumb, div.resultsList::-webkit-scrollbar-thumb, div.popup::-webkit-scrollbar-thumb, div#helpmessage::-webkit-scrollbar-thumb,div.navMenu .navMenuContent::-webkit-scrollbar-thumb {background:#F78620 !important;}
div.selectDateIntCalWrapper, div.variablesWrapper, div.resultsList,div.dashboardList,div.popup div#helpmessage,div.navMenu .navMenuContent {scrollbar-base-color: #F78620;scrollbar-base-color: #F78620;scrollbar-3dlight-color: transparent;scrollbar-highlight-color: #F78620;scrollbar-track-color: transparent;scrollbar-arrow-color: transparent;scrollbar-shadow-color: transparent;scrollbar-dark-shadow-color: transparent;}

div.smallGreyBtn {display:inline-block;margin:0 5px;}
div.smallGreyBtn span {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);background-color:#ededed;-moz-border-radius:42px;-webkit-border-radius:42px;border-radius:42px;border:1px solid #d6bcd6;display:inline-block;cursor:pointer;color:#3a8a9e;font-family:Courier New;font-size:14px;font-weight:bold;padding:0;width:15px;height:15px;line-height: 15px;text-align:center;text-decoration:none;text-shadow:0px 1px 0px #e1e2ed;}
div.smallGreyBtn.delSchedule span {color:#CE2121}
div.smallGreyBtn span:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);background-color:#bab1ba;}

div.extraFeesAlgorithmPopupWrapper,div.pricePerBillingUnitPopupWrapper {top: 20%;left: 20%;width: 60%;height: 60%;}
div.extraFeesAlgorithmPopup,div.pricePerBillingUnitPopup {float:left;position:relative;width:100%;height:100%;}
div.variablesList {position:absolute;height: 55%;width:92%;top: 4%;left: 4%;max-width:none;}
div.variablesList div.variablesWrapper {float:left;overflow-y:auto;width:100%;height:-webkit-calc(50% - 42px);height:-moz-calc(50% - 42px);height:-ms-calc(50% - 42px);height:-o-calccalc(50% - 42px);height:calc(50% - 42px);}
div.variablesList div.variable,div.variablesList div.function {display:inline-block;padding:5px 10px;border:1px solid #E5E5E5;margin:3px;cursor:pointer;}
div.algorithmTextareaWrapper {position:absolute;height: 40%;width:92%;top: 60%;left: 4%;}
div.algorithmTextareaWrapper textarea,div.algorithmTextareaWrapper .backdrop {float:left;position:relative;z-index:1;width:98%;height:-webkit-calc(100% - 100px);height:-moz-calc(100% - 100px);height:-ms-calc(100% - 100px);height:-o-calc(100% - 100px);height:calc(100% - 100px);line-height: 60px;text-align: center;font-size: 18px;background: none;padding: 3px 1%;resize: none;text-shadow:none;}
div.algorithmTextareaWrapper input[type=button][name=validate] {background-color: #0edc0e;border-color: #01a515;}
div.openAlgorithmPopupBtnWrap,div.openPricePerUnitPopupBtnWrap {position:relative;display:inline-block;margin:2px;}
div.openPricePerUnitPopupBtnWrap input[type=button] {white-space:wrap;max-width:220px;}
div.openAlgorithmPopupBtnWrap.hasAlgorithm:after,div.openPricePerUnitPopupBtnWrap.hasAlgorithm:after {content: '✓';width: 12px;height: 12px;line-height: 9px;padding: 0;position: absolute;left: 100%;top: 0;margin: -4px 0 0 -8px;font-size: 20px;overflow: hidden;text-align: center;}
div.algorithmTextareaWrapper .backdrop {position:absolute;left:1px;top:41px;overflow: auto;z-index:0;}
div.algorithmTextareaWrapper .backdrop mark {color: transparent;background-color: #FFCB6B;}
div.algorithmTextareaWrapper .highlights {white-space: pre-wrap;word-wrap: break-word;color: transparent;}
div.extraFeesAlgorithmPopup div.feesLoaderWrapper,div.pricePerBillingUnitPopup div.feesLoaderWrapper {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}

div.hideFeesTextarea {display:none;position:absolute;left:0;top:31%;width:100%;height:68%;z-index:1;}
div.editFunctionPopup {position:absolute;top:10px;left:50%;width:380px;margin-left:-200px;padding:10px;text-align:center;background-color:#ffffff;-webkit-box-shadow:0 0 5px #6D6D6D;-moz-box-shadow:0 0 5px #6D6D6D;-ms-box-shadow:0 0 5px #6D6D6D;-o-box-shadow:0 0 5px #6D6D6D;box-shadow:0 0 5px #6D6D6D;}
div.editFunctionPopup .closeFunctionPopup {position:absolute;top:-10px;left:100%;margin-left:-12px;width:20px;height:20px;line-height:18px;padding:0;font-size:14px;z-index:2;}
div.editFunctionPopup input {width:140px;}
div.editFunctionPopup input[data-focused=true] {border-color:#F78620;}
div.editFunctionPopup div.editFunc {float:left;width:100%;}
div.editFunctionPopup div.editFunc table {text-align:left;width:150px;margin: 0 auto;}
div.editFunctionPopup div.editFunc span {float:left;width:100%;text-align:center;font-size:17px;line-height: 40px;margin-bottom: 20px;}
div.editFunctionPopup div.editFncTitle {font-size:15px;}

div.varSearchPopup {display:none;position:absolute;width:180px;margin-top:-200px;margin-left:-100px;padding:10px;text-align:left;background-color:#ffffff;-webkit-box-shadow:0 0 5px #6D6D6D;-moz-box-shadow:0 0 5px #6D6D6D;-ms-box-shadow:0 0 5px #6D6D6D;-o-box-shadow:0 0 5px #6D6D6D;box-shadow:0 0 5px #6D6D6D;z-index: 2;}
div.varSearchPopup:after {content: ''; position: absolute; border-style: solid; border-width: 15px; border-color: #ffffff transparent transparent transparent; display: block; width: 0; z-index: 1; top: 100%; right: 50%; margin:0 -15px 0 0;}
div.varSearchPopup div.resultsList {float:left;width:100%;height:150px;overflow-y:auto;}
div.varSearchPopup input {width:100%;}
div.varSearchPopup td {line-height:15px;cursor:pointer;}
div.varSearchPopup td:hover {color:#F78620;}

div.bookingResultsWrapper {float:left;width:100%;text-align:left;}
div.bookingResultsWrapper.center {text-align:center;}
div.bookingSearchResult {display:inline-block;position:relative;vertical-align:top;width:46%;margin:10px 2%;}
div.bookingSearchResult div.title {text-align:left;}
div.bookingSearchResult div.searchResultIntervals,div.searchResultSubmit {float:left;width:96%;padding:2%;background-color:#ffffff;text-align:center;}
div.bookingSearchResult div.searchResultIntervals table {table-layout:fixed;}
div.bookingSearchResult div.searchResultIntervals table td {background-color:#EEEEEE;}
div.bookingSearchResult div.searchResultCheckbox {position:absolute;right:3px;top:0;}
div.searchResultCheckbox input {padding:0;margin:0;}
div.searchResultSubmit {text-align:right;padding-top:0;}
div.searchResultSubmit input {float:right;}
div.selectAllCheckbox {float:left;width:96%;margin:0 2%;text-align:right;}

div.bookingsCalendarWrapper, div.bookingsCalendar {float:left;position:relative;width:100%;text-align:center;min-height:590px;}
div.bookingsCalendar .ui-datepicker {display:inline-block !important;}
div.bookingsCalendar span.ui-datepicker-year {display:inline !important;}


div.coverAll {display:none;position:fixed;background-color:rgba(0,0,0,0.7);left:0;top:0;width:100%;height:100%;z-index:9999999999;}

div.coverAll.availabilityLoader {position:absolute;display:block;background-color:transparent;}
/* this z-index is so that it goes on top of the messenger chat */
div.coverAll.availabilityLoader div.loader {position:absolute;z-index:10000000000;}

.whatsappChatBtn {position: fixed;right: 20px;bottom: 60px;height: 40px;width: 40px;line-height: 37px;text-align: center;border-radius: 100%;background-color: #5CB85C;box-shadow: 0 0 5px #888a85;}
.whatsappChatBtn a {float: right;width: 100%;height: 100%;position: relative;}
.whatsappChatBtn a svg {max-width: 50%;vertical-align: middle;display: inline-block;}
.whatsappChatBtn a svg path {fill:#fff;}

div.loadMoreResults {float:left;width:100%;margin:20px 0;text-align:center;color:#696969;}


div.dashboards {position:relative;}
div.dashboards,div.dashTitle,div.dashboardList {float:left;width:100%;}
div.dashboardsLoader div.loader {position:absolute;margin-top:0;}
div.dashboard {float:left;width:-webkit-calc(46% - 4px);width:-moz-calc(46% - 4px);width:-ms-calc(46% - 4px);width:-o-calc(46% - 4px);width:calc(46% - 4px);margin:10px 1%;padding:10px 1%;background-color:#ffffff;text-align:left;border:2px solid #ffffff;}
div.dashboards.oneDash div.dashboard {width:-webkit-calc(98% - 4px);width:-moz-calc(98% - 4px);width:-ms-calc(98% - 4px);width:-o-calc(98% - 4px);width:calc(98% - 4px);margin-left:0;margin-right:0;}
div.dashboard:nth-of-type(even) {margin-left:0;margin-right:1%;}
div.dashboard:nth-of-type(odd) {margin-right:0;margin-left:1%;}
div.dashboard.dashboardNotifications {width:-webkit-calc(97% - 4px);width:-moz-calc(97% - 4px);width:-ms-calc(97% - 4px);width:-o-calc(97% - 4px);width:calc(97% - 4px);margin: 0 1% 10px 0;background:transparent;border-color: transparent;}
div.dashboard.graph,div.dashboard.map {width:-webkit-calc(100% - 4px);width:-moz-calc(100% - 4px);width:-ms-calc(100% - 4px);width:-o-calc(100% - 4px);width:calc(100% - 4px);margin: 10px 0;}
div.dashboard.graph {display:inline-block;width:100%;height:auto;vertical-align: top;}
div.dashboard.map .dashboardMap {display:inline-block;width:100%;height:300px;vertical-align: top;}
div.dashboard.notification {border-color:#F78620;}
div.dashTitle {margin-bottom:0;color:#6D6D6D;font-size:17px;line-height:30px;text-align:left;}
div.dashTitle a,div.dashboardList ul li a {display:block;width:100%;text-decoration:none;color:#6D6D6D;font-size:17px;line-height:30px;position:relative;}
div.dashboard .graphTotal { display:inline-block; width:auto; margin:3px; padding:5px;background-color:#e7e7e7;line-height:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
div.dashboardList {height:271px;overflow-y:auto;width:99%;padding:0 1% 0 0;}
div.dashboardNotifications div.dashboardList {height:100px;}
div.dashboard.map div.dashboardList {height:300px;width:100%;padding:0;}
.kanban div.dashboard.map div.dashboardList,.kanban div.dashboard.map div.dashboardMap {height:600px;}
div.dashboardList ul {list-style:none;padding:0;margin:0;}
div.dashboardList ul li {float:left;width:100%;line-height:30px;text-align:left;position:relative;}
div.dashboard.dashboardNotifications div.dashboardList ul li {min-height: 40px;}
div.dashboardList ul li:hover {background-color:#F1F1F1;}
div.dashboardList ul li div.notificationForm {opacity:0;position:absolute;top:2px;right:2px;}
div.dashboardList ul li:hover div.notificationForm {opacity:1;}
div.dashboard3 div.dashboardList ul li a {color:inherit;}
div.dashboardList ul li.isGamma input[type=submit] {background-color:#6C00F6;border-color:#6C00F6;}
div.dashboardGraph {float:left;width:100%;height:100%;position:relative;}
div.dashboard a:hover {color:#F78620;}
div.dashboard3 a:hover {color:inherit;}
div.dashboardList ul li a {color:#000000;font-size:14px;width:-webkit-calc(100% - 95px);width:-moz-calc(100% - 95px);width:-ms-calc(100% - 95px);width:-o-calc(100% - 95px);width:calc(100% - 95px);padding:2px 90px 2px 5px;line-height:22px;}
div.dashboardList ul li a.button {width:auto;font-size:#ffffff;}
div.dashboard span.floatRight,div.dashboard span.floatLeft {position:absolute;right:2px;top:2px;float:right;margin:0;padding: 0 3px;min-width:80px;text-align:center;color:#ffffff;background-color:#F78620;font-weight:bold;line-height:22px;text-indent:0;}
div.dashboard span.floatLeft {position:static;float:left;margin:0 5px 0 0;}
div.dashboard span.floatRight.important,div.dashboard span.floatLeft.important {padding: 0;min-width:initial;width:22px;height:22px;border-radius:100%;}

div.tagsTreeWrapper {float:left;width:100%;position:relative;min-height:200px;text-align:left;}
div.tagsTreeWrapper li {cursor:pointer;color:#F78620;text-decoration:underline;}
 
div.taskClrs {float:none;width:100%;text-align:left;display: inline-block;}
div.taskClrs div.taskClr { float:left; width:30px; height:30px; margin:1px; border:1px solid transparent; transition: border-radius 0.3s ease-in-out; overflow:hidden; -webkit-transition: border-radius 0.3s ease-in-out; -moz-transition: border-radius 0.3s ease-in-out; -ms-transition: border-radius 0.3s ease-in-out; -o-transition: border-radius 0.3s ease-in-out; }
div.taskClrs div.taskClr.taskClr0 {border-color:#000000;}
div.taskClrs div.taskClr.taskClr0:after {content:'';position:absolute;top:0;left:calc(50% - 1px); width:2px; height:100%;background-color: #A52A2A; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
div.taskClr label {float:left;width:100%;height:100%;cursor:pointer}
div.clrsWrapper { float:left;position:relative; width:30px; height:30px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%;overflow:hidden;box-shadow: 0 0 2px 0px #000000;}
div.clrsWrapper div.taskClr.taskClr0{opacity:0;}
div.clrsWrapper:after {content:'';}
div.clrsWrapper.open { width:100%; height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;box-shadow: 0 0;}
div.clrsWrapper.open:after {content:none;}
div.clrsWrapper .selectedClr,div.clrsWrapper:after,div.taskClrs div.clrsWrapper div.taskClr label {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;}
div.clrsWrapper .selectedClr {z-index:1;}
div.taskClrs div.clrsWrapper div.taskClr { float:left; width:20%; height:0;padding-top:20%;margin:0;position:relative;border:0;}
div.taskClrs div.clrsWrapper.open .selectedClr {display:none;}
div.taskClrs div.clrsWrapper.open div.taskClr {width:30px;height:30px;margin:1px;border:1px solid transparent;padding-top:0;}
div.taskClrs div.clrsWrapper.open div.taskClr.taskClr0 {opacity:1;border-color:#000000;}
div.taskClrs div.taskClr.checked,div.taskClrs div.clrsWrapper.open div.taskClr.checked {border:1px solid #000000;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}

div.turnAudioOnBtn {float:right;width:98%;padding:0 1%;text-align:right;}
div.turnAudioOnBtn span {float:right;width:40px;height:40px;line-height:34px;background-color:#ffffff;border:1px solid #F78620;text-align:center;cursor:pointer;}
div.turnAudioOnBtn.active span {background-color:#F78620;}
div.turnAudioOnBtn svg {max-width:70%;vertical-align:middle;display:inline-block;}
div.turnAudioOnBtn svg path {fill:#F78620;}
div.turnAudioOnBtn.active svg path {fill:#ffffff;}

div.title.openStuff {font-weight:normal;cursor:pointer;background-color: #e2e2e2;}
div.openStuff span {display:inline-block;width:15px;height:15px;line-height:13px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:1px solid #F78620;color:#ffffff;background-color:#F78620;text-align:center;margin:0 0 0 10px;}

.updatesSvg {position:absolute;top:20px;right:20px;width:20%;z-index:0;height:calc(100% - 40px);opacity:0.2;text-align:right;}

div.indivlang {float:left;width:100%;}

.section li {line-height:20px;padding:0;}

div.listWrapper,div.listWrapper .listItem {float:left;width:100%;text-align:left;}
div.listWrapper .listItem,div.listWrapper .subListItems .subListItem,div.listWrapper .listItem .innerItem {position:relative;}
div.listWrapper .listItem .innerItem .colorElement {position:absolute;width:3%;height:100%;left:0;top:0;}
div.listWrapper .listItem .innerItem,div.listWrapper .subListItems .subListItem,.userlist div.taskTitle {float:left;width:calc(96% - 50px);padding:5px 50px 5px 4%;background-color:#ffffff;border-radius:0 50px 50px 0;margin:1px 0;}
div.listWrapper .listItem,.userlist div.taskTitle {width:calc(100% - 80px);margin:0 40px;}
div.listWrapper .listItem .completeTask,.userlist div.taskTitle .openAddPopup {position:absolute;top:50%;left:calc(100% + 5px);width:30px;height:30px;background-color:rgba(144,238,144,0.6);color:#008000;font-size:22px;font-weight:bold;cursor:pointer;text-align:center;border-radius:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
div.listWrapper .listItem .openTaskBtn {display:inline-block;vertical-align:middle;    width: 16px;margin: 0px 0 0 5px;height: 20px;}
div.listWrapper .listItem .openTaskBtn path {fill:#008000;stroke:#008000;}
div.listWrapper .listItem .completeTask:hover {background-color:rgba(144,238,144,1);}
div.listWrapper .subListItems {float:left;width:90%;padding:0 0 0 10%;}
div.listWrapper .subListItems .subListItem {padding-top:0;padding-bottom:0;background-color:#E5E5E5;}
div.listWrapper .subListItems .subListItem.addUser {background-color:#CBCBCB;cursor:pointer;}
div.listWrapper .subListItems .subListItem.complete {opacity:0.6;text-decoration:line-through;}
div.listWrapper .subListItems .subListItem.thisme {font-weight:bold;color:#A52A2A;}
div.listWrapper.ui-sortable .listItem .innerItem {cursor:move;}

.tasksRemoveBtn {opacity:0;position:absolute;top:50%;right:5px;background-color:rgba(0,0,0,0.1);color:#A52A2A;border-radius:100%;width:30px;height:30px;line-height:28px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1;font-size:17px;text-align:center;cursor:pointer;}
.tasksRemoveBtn.removeUser,div.listWrapper .listItem .status {height:20px;width:20px;line-height:18px;font-size:15px;}
div.listWrapper .listItem .innerItem:hover .tasksRemoveBtn.removeTask,div.listWrapper .subListItems .subListItem:hover .tasksRemoveBtn.removeUser {opacity:1;}
div.listWrapper .listItem .positionId {position:absolute;top:2.5px;right:calc(100% + 5px);background-color:rgba(0,0,0,0.1);color:#1A1A1A;border-radius:100%;width:35px;height:35px;line-height:37px;z-index:1;font-size:20px;text-align:center;font-weight:bold;}
div.listWrapper .listItem .status {position:absolute;top:50%;left:calc(100% + 5px);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border-radius:100%;z-index:1;text-align:center;font-weight:bold;background-color:rgba(0,0,0,0.1);color:#1A1A1A;}
div.listWrapper .listItem .status.markDone {cursor:pointer;}
div.listWrapper .listItem .subListItem.complete .status {background-color:rgba(144,238,144,0.6);color:#008000;}

.tasksSubmitError {position:fixed;top:50%;left:50%;z-index:10;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px 30px;background-color:#A52A2A;color:#ffffff;text-align:center;font-weight:bold;font-size:12px;}

.dropDownList {position:absolute;top:100%;right:10px;width:calc(90% - 19px);padding:2px;background-color:#ffffff;z-index:1;overflow:hidden;display:none;border-radius:0 0 10px 10px;}
.dropDownList .dropDownListLine {float:left;width:96%;border-radius:0 50px 50px 0;padding:0 2%;text-align:left;cursor:pointer;}
.dropDownList .dropDownListLine:hover {background-color:rgba(144,238,144,0.6);}
.dropDownList .dropDownListLine.disabled,.dropDownList .dropDownListLine.disabled:hover {background-color:transparent;cursor:auto;color:#A9A9A9;}

.userlist div.taskTitle {text-align:left;position:relative;margin:0 0 10px 0;background-color:#90EE90;}
.userlist div.taskTitle .title {margin:0;text-align:left;color:#005D00;}
.userlist div.taskTitle .openAddPopup {right:5px;line-height:30px;left:auto;background-color:#ffffff;color:#00B000;}

div.dirtyAlert { position:fixed; bottom:90px; padding:10px 20px; text-align: center; background-color:rgba(144,238,144,0.6); color:#0E460D; cursor:pointer; z-index:999; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

form.dirty input[type=submit]:not(.cross):not(.checkmark):not(.alertbutton):not(.notDirty) { animation: glow 1.4s linear infinite; -webkit-animation: glow 1.4s linear infinite; }


@-webkit-keyframes glow {
  0% {box-shadow: 0 0 0 0 #f78620;}
  50% {box-shadow: 0 0 30px 0 #db6800;}
}
@keyframes glow {
  0% {box-shadow: 0 0 0 0 #f78620;}
  50% {box-shadow: 0 0 30px 0 #db6800;}
}

td.hasWhatsappBtn input,div.clientInfo td.hasWhatsappBtn input[type=text] {float:left;width:calc(98% - 42px);}
div.whatsappBtn { display:inline-block; position:relative; background-color:#25d366; width:30px;height:30px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%;}
td.hasWhatsappBtn div.whatsappBtn {float:right;}
div.whatsappBtn a {position:absolute;top:0;left:0;width:100%;height:100%;}
div.whatsappBtn svg {width:100%;}
div.whatsappBtn svg path {fill: #fff;}