/* $Id$ */
/* Zoho Skin Header */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, canvas, embed, output, ruby, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none;
font-family: 'Lato', Roboto;
}
body[migration="slack"] .widget-block .portalName { margin-left: 0; margin-top: -20px; float: left; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
.zls {
position: relative;
}
.zls .timing {
color: #666666;
font-size: 9px;
left: 134px;
position: absolute;
top: 27px;
width: 150px;
}
.ifr {
position: absolute;
left: 18px;
top: 181px;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.l a {
font-size: 27px;
line-height:var(--fs30px)
}
.is a img {
line-height: 300px;
}
.lin a, .twt a, .fab a, #coda-nav-left-1 a, #coda-nav-right-1 a, .si a, .fl span, .fs a, .sg a, .beb span, .bew {
background-image: url("<%= StaticContentsUtil.getCdnUrl("images/sp1na.png") %>")
}
#hw {
min-height: 610px;
}
.h {
border-bottom: 1px solid #ddd;
}
.ll, .b, h1, .coda-slider, .cc, .fe, .ao, .be, .ao ul, .buz, .panel, .coda-nav, .c, .f, .fei, #headercontainer {
width: 980px;
}
.cc, .b, .coda-slider-wrapper, .c, .ms, .f, #headercontainer {
margin: 0 auto;
}
.l, .panel, .si a, .sg a, .fe, .ao ul, .buz, .bib, .bis span, .tl-so li, .tl-so a, .ml a, .coda-slider, .is, .cs, .fei, .cs p, .coda-nav, .coda-nav li, #coda-nav-left-1 a, #coda-nav-right-1 a, #coda-nav-right-1 a, .cb, .s1, .fl, .fl span, .ao, .be, .ao a, .bs1, .bis, .bcs, .bs2, .beb, .beb span, .feb a, .sg, .sg h3, .ls, .fb, .fcs, .fs a {
float: left;
}
.ll, #fw, .ms {
clear: both;
}
.coda-slider, .fl h2, .beb, .fs {
position: relative;
}
h1, .coda-nav, #coda-nav-left-1, #coda-nav-right-1, .fl span, .beb span, .fs ul {
position: absolute
}
#slidercontainer {
background: #f5f5f5;
border-bottom: 1px solid #ddd;
}
.tl-so {
border-bottom: 1px solid #F3F4F4;
float: right;
padding: 0;
text-align: right;
}
.tl-so li {
display: inline;
}
.tl-so a {
color: #767676;
font-size: 10px;
line-height:var(--fs24px);
}
.z {
margin-right: 15px;
padding-right: 10px;
}
.con {
margin-right: 5px;
padding: 0 15px 0 0;
}
.lin, .twt, .fab {
border: none;
margin-left: 10px;
}
.lin a, .twt a, .fab a {
border: medium none;
height: 17px;
margin: 3px 0 0;
text-align: left;
text-indent: -999em;
width: 17px;
}
.lin a {
background-position: -447px 0;
}
.twt a {
background-position: -474px 0;
}
.fab a {
background-position: -499px 0;
}
.ll {
padding-top: 14px;
min-height: 47px;
box-sizing: unset;
}
.l {
min-width: 160px;
height: 30px;
}
.ml {
float: right;
padding-top: 5px;
}
.ml li {
display: inline;
}
.ml a {
font-size: 15px;
line-height:var(--fs27px);
margin-left: 35px;
}
.ml a:hover {
text-decoration: none;
color: #000;
}
#home a {
font-weight: bold;
}
.zproject-logo{
min-width: 203px;
height: 30px;
}
.zproject-logo a{
position: relative;
bottom: 5px;
}
/* ############################# Migration Programs Styles ##################################### */
.mainContainer { margin: 0 auto 10px; width: 980px; overflow:hidden; }
body[migration="slack"] .mainContainer { width: 100%; }
.logout-action{ text-align:right; padding:10px 10px 5px; font-size:var(--fs12px); }
.widget-block{ width:100%; margin:0 auto; box-shadow: rgba(0,0,0,0.05) 0px 0px 10px 4px inset; padding: 30px 40px; border-radius: 20px; }
.widget-block a { color: rgb(var(--zpPrimary)); text-decoration: none; }
.widget-block a:hover { text-decoration: underline; }
/* Form Elements */
.zps-form-field{ display:inline-block; margin-bottom:30px; position: relative; zoom: 1; text-align:var(--textLeft); }
.zps-form-field.hide{ display:none; }
.zps-form-field[tabindex]{ outline:none; }
.half-field{ vertical-align: top; width: 47%; }
.full-field{ width: 100%; clear:both; }
.zps-form-field > label{ display: inline-block; vertical-align: top; max-width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: var(--fs14px); padding-bottom: 5px; }
.zps-form-field > label.mandatory-field, .mandatory-field{ position:relative; padding-right:6px; }
/* .mandatory-field:after{ content:'*'; color:rgb(255,0,0); position:absolute; right:0; } */
.zps-form-field > label + *{ width:100%; }
.zps-form-field > label.mandatory-field:after,
.mandatory-field::after {
content: ' *';
color: rgb(236, 72, 63);
font-weight: bold;
}
/* When 'mandatorytext' is selected, show "Mandatory" text instead */
.zps-form-field > label.mandatory-field:after,
body[data-mandatory-format="mandatory text"] .mandatory-field::after {
content: ' (Mandatory)';
color: rgb(236, 72, 63);
font-size: var(--fs12px);
}
/* When 'asterisk' is explicitly selected */
.zps-form-field > label.mandatory-field:after,
body[data-mandatory-format="asterisk"] .mandatory-field::after {
content: ' *';
color: rgb(236, 72, 63);
}
body[data-mandatory-format="red accent line"] {
.mandatory-field::after {
content: '' ;
}
.zps-form-field:has(.mandatory-field){
.field-value-holder , textarea , div {
@include zpBorderSolid(left, 3px solid rgb(236, 72, 63));
@include border-radii(4px, 0, 0, 4px , '');
}
}
}
.bannerSec { text-align:center; position:relative; }
.bannerSec > img { margin-bottom:15px;}
.bannerSec > p { color: #666; font-size: 16px; line-height:var(--fs26px); padding: 10px 50px;}
.bannerSec > p > span { color: #666; padding-top:10px; display:block;}
.bannerSec > p > strong { color: #333; font-weight:600;}
.bannerSec > p > a { color:#38b3e1; text-decoration:underline;}
.bannerSec > p > a.normal { color:#333; text-decoration:underline; font-weight:600; cursor:pointer;}
.bannerSec h1{letter-spacing: -2px; font-size: 48px; display: inline-block; margin: 0 auto; position:absolute; left:0; right:0; top:40px; }
body:not([migration="jira"]) .bannerSec h1{ color:#666 }
body[migration="jira"] .bannerSec h1{ color:#183761; }
.mainForm { background-color:#f3f3f3; min-height:200px; margin-top: 30px;}
.mainForm span { font-size: 14px; font-weight: 400; line-height:var(--fs24px);}
.mainForm span a { text-decoration:underline; color:#999;}
.mainForm h2 { font-size: 30px; font-weight: 400; line-height:var(--fs28px); text-align:center; padding:35px 0 0 0; letter-spacing: -1px; color:#333; }
body[migration="basecamp"] .testimonial { margin-top:50px; text-align:center; }
body[migration="basecamp"] .testimonial > h4 { color: #333; font-size: 18px; letter-spacing: -0.5px; line-height:var(--fs30px) padding: 30px 30px 5px; }
body[migration="basecamp"] .testimonial > span { color: #666; font-size: 13px; line-height:var(--fs36px); display:block; }
body[migration="jira"] .testimonial { width: 900px; margin: 0px auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align:center; font-family:'open sans',Roboto; padding-bottom: 25px;}
body[migration="jira"] .testimonial > h4 { color: #333; font-size: 16px; letter-spacing: -0.5px; line-height:var(--fs25px); font-style: italic; font-weight: 600;}
body[migration="jira"] .testimonial > p{ padding: 0px 30px 15px; font-size: 14px;}
body[migration="jira"] .testimonial > span { color: #333; font-size: 14px; line-height:var(--fs36px); display:block;}
body[migration="jira"] .testimonial2{ text-align: center; background: #f8f9fa; padding: 60px; }
body[migration="jira"] .testimonial3{ text-align: center; background: #fff; }
body[migration="jira"] .testimonial2 .testwrap{ width: 800px; margin: 0px auto; background-position: left; background-size: 60px; background-repeat: no-repeat;}
body[migration="jira"] .testwrap h5{ font-size: 30px; letter-spacing: -0.5px; line-height:var(--fs25px); font-weight: 300;}
body[migration="jira"] .testwrap p{ font-size: 15px; padding-top: 20px; line-height:var(--fs27px); }
body[migration="jira"] .testimonial2 .testwrap2{ width: 800px; margin: 0px auto; background-position: left; background-size: 60px; background-repeat: no-repeat;}
body[migration="jira"] .testimonial3 .testwrap3{ width: 800px; margin: 0px auto; padding: 55px 0px; }
body[migration="jira"] .testimonial4{ padding: 60px;}
body[migration="jira"] .testimonial4 .testwrap4{ width: 900px; margin: 0px auto;}
body[migration="jira"] .testwrap2 h5{ font-size: 30px; letter-spacing: -0.5px; line-height:var(--fs25px); font-weight: 300;}
body[migration="jira"] .testwrap2 p{ font-size: 15px; padding-top: 20px; line-height:var(--fs27px); }
body[migration="jira"] .testwrap3 h5{ font-size: 30px; letter-spacing: -0.5px; line-height:var(--fs25px); font-weight: 300; padding-bottom:20px;}
body[migration="jira"] .testwrap3 p{ font-size: 15px; line-height:var(--fs27px); }
.botStrip { background-color:#f1fafd; margin-top:50px; text-align:center; min-height:100px;}
.botStrip p { color: #38b3e1; font-size: 24px; font-weight:300; letter-spacing: -0.5px; line-height:var(--fs30px) padding: 15px 10px 25px;}
.botStrip p strong { color: #38b3e1; font-size: 24px; font-weight:400;}
.botStrip p span { color: #b9b9b9; font-size: 24px; padding:0 15px;}
body:not([migration="slack"]) .portalName{ padding-left:2px; clear:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:470px; margin-top:50px; color:#777777; font-size:12px; position:absolute;}
body[migration="slack"] .portalName{ font-size: 12px;width: 340px;margin-left: 216px;position: relative;text-align: left;text-overflow: ellipsis;overflow: hidden;}
/* Jira */
.baseurldiv{ width: 435px; border: 1px solid #e0e0e0; height: 40px; box-sizing:border-box; display:flex; align-items:center; border-radius:3px; }
.baseurldiv > label{ display:inline-flex; align-items:center; flex: 0 0 auto; padding:0 8px; height:100%; background-color: rgb(var(--zpPrimaryHover)); color: rgb(var(--zpPrimary)); font-size: 15px; }
.baseurldiv > input[type="text"]{ border:0; outline:none; padding:0 8px; flex: 1; height: 100%; font-size: 14px; }
.baseurldiv > span:last-of-type{ color:#555; font-size:14px; padding:0 8px; }
/* Jira */
.integ-appurl-row{ display:flex; align-items:center; margin-bottom:15px; }
.integ-appurl-row > label{ font-size:15px; white-space:nowrap; width:160px; overflow:hidden; text-overflow:ellipsis; flex: 0 0 auto; margin-right:10px; }
.integ-appurl-row > div{ flex:1; width: 460px; border: 1px solid #e0e0e0; height: 40px; box-sizing:border-box; display:flex; align-items:center; border-radius:3px; }
.baseurldiv:hover,
.integ-appurl-row > div:hover{ border:rgba(var(--zpPrimary),0.4) solid 1px; }
.baseurldiv:focus-within,
.integ-appurl-row > div:focus-within{ border:rgba(var(--zpPrimary),0.65) solid 1px; }
.integ-appurl-row > div > input[type="text"]{ border:0; outline:none; padding:0 8px; flex: 1; height: 100%; font-size:14px; color:rgb(var(--zpPrimary)); }
.integ-appurl-row > div > span{ border-left:1px solid #e0e0e0; display:inline-flex; align-items:center; flex: 0 0 auto; padding: 0 10px; height: 100%; font-size: 18px; }
.integ-appurl-row > div:hover > span{ border-left:rgba(var(--zpPrimary),0.4) solid 1px; }
/* Jira */
.select-style{ position:relative; display:block; width:210px; height: 30px; padding-left:8px; padding-right:0; margin:-6px 0px 0px 5px; border:0; outline:none; box-sizing:border-box; border-radius: 3px; border:#ededed solid 1px; }
.select-style select { padding-right: 25px; }
.select-style:after { content: ''; background: none repeat scroll 0 0 transparent; height: 7px; position: absolute; width: 7px; margin-top: 1px; border-width: 1px 1px 0 0; box-shadow: 1.5px 1.5px 0 rgb(var(--zpPrimary)); transform: rotate(43deg); float: right; right: 10px; top: 5px; cursor:pointer;pointer-events: none;}
.select-style select:focus { outline: none; }
.select-style select option{float:left; overflow:hidden; text-overflow:ellipsis; width:100%; padding:0px 8px;}
.select-style select::-ms-expand {display: none;}
.moreHelp { margin-top:30px; text-align:center;}
.moreHelp h4 { color: #333; font-size: 36px; font-weight:300; letter-spacing: -0.5px; line-height:var(--fs36px); padding: 30px 30px 5px;}
.moreHelp span, .moreHelp span a { color: #666; font-size: 18px; font-weight:400; line-height:var(--fs36px);}
.moreHelp span a { text-decoration:underline;}
.integ-signup-succeed{ margin:25px 0; width:100%; display:flex; flex-direction:column; align-items:center; }
.integ-signup-succeed > .succeed-iconic { display:flex; align-items:center; font-size:25px; }
.succeed-iconic > img{ margin-right:20px; }
.succeed-note{ padding-top:15px; color:#666; text-align:center; font-size:14px; }
.end_pop { min-height: 100px; max-height:100px; margin: 0 auto 0; padding:0 0 50px;}
.signup_frm { margin: 50px auto 0; min-height: 75px;}
.zph-show .zph-overlay {visibility: visible;}
.zph-hide .zph-overlay {visibility: hidden;}
.zph-overlay {position:absolute; padding:15px 7px 6px; z-index:0; color:#A5A0A0; cursor:text; }
.sgnusrname, .sgnpaswrd, .sgnemail, .zs-txtfldnew { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 300; border: 1px solid #e6e6e6; border-top: 1px solid #c1c1c1; padding: 15px 15px; box-shadow: 1px 1px 1px #eee inset; outline: none; float:left; width:210px;}
.za-captcha-container { clear: both; display: none; padding-top: 50px;}
.za-captcha-container { margin-top: 25px; text-align: center;}
.zs-txtfldnew { border-left-color: #999999; border-top-color: #999999; display: inline-block; padding: 7px 5px; width: 202px;}
.sign_agree { color: rgb(var(--zpOnDataLight)); margin: -20px 0 0px; text-align: center; font-size: 11px;}
.sign_agree a { color: rgb(var(--zpOnDataLight)); margin: 0 5px; text-decoration: underline;}
.sgnbtn { float: left; height: 53px; margin-bottom: 4px; text-align: center; width:168px}
.sgnbtn input { background-color: rgb(237, 33, 53); border: 1px solid #F0483F; color: #FFFFFF; cursor: pointer; font-size: 14px; height: 43px; padding: 5px 40px;}
.signbtm-msg { text-align: center; font-size: 11px; margin:0px 20px; float:left; color:#777777;}
.signbtm-msg a{ color: #1B994E}
.za-captcha-container { clear: both; display: none; padding-top: 50px;}
.za-captcha-container { margin-top: 25px; text-align: center;}
.zs-txtfldnew { border-left-color: #999999; border-top-color: #999999; display: inline-block; padding: 7px 5px; width: 202px;}
.sgnbtnmn { clear: both; float:right;}
.field-msg .jqval-error { display: none !important;}
.field-error .error { display: inline-block !important;}
.password-strength div { color: #B94A48; display: inline-block; margin: 20px 0px 0px 2px; overflow: hidden; padding-top: 5px;}
input[type="text"], input[type="email"], input[type="password"], textarea { padding:10px; width: 230px; width:210px\9; float:left;}
:-moz-placeholder { color: #A5A0A0;}
.sgfrm, .sgfrm1, .sgnemail { float: left; margin-right:4px;}
.fei{background:url("//www.zoho.com/projects/img/spprodf.png") 0 0 no-repeat;}
.ao li a { margin-left: 50px; overflow: hidden;}
.ao li a img:hover { margin-top: -54px;}
.bs2 .bib { padding-bottom: 60px;}
.bis {background:none; border: 1px solid #ddd; height: auto; margin-right: 40px; margin-top: 5px; padding: 0; text-align: center; width: auto;}
.bis img{width:60px;height:60px;}
.bcs,.bs2 .bcs {width:295px; }
.bs2 .bis{background:none;width:auto;height:auto;padding:0;}
.bsw{ min-height: 385px; background-position: center -680px;}
.fei .fl:first-child, .fei .fl:first-child + .fl + .fl + .fl { margin-left: 0; padding-left: 0; clear:left;}
.bs2{padding-left:80px;}
.cs{ padding: 135px 0 0; width: 310px;}
.is { margin-top: 93px; width: 600px;}
.coda-slider-wrapper { min-height: 367px;}
.field-msg{width:220px !important}
.zp-signupSuccess { min-height: 600px; max-height:2500px; margin:45px auto 12px; padding: 20px; position: relative; width: 380px; z-index: 1000 }
.zp-awesome{ color: #666; text-align: center; font-size: 28px}
.zp-successTxt{ color: #666; text-align: center; font-size:14px; margin-top: 25px}
.bfooter{border-top:1px solid #F3F3F3; color:#245CB9; font:13px open sans, Roboto,sans-serif; padding:7px 0px;}
.txtSmallBlack11 { font-size:11px; color:#666; font-weight:normal; }
.blackBigTags{ font:13px open sans, Roboto,sans-serif; color:#000000; }
.portalCreate{border:1px solid #D1D1D1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; height:30px !important; padding:5px !important; width:410px !important;}
.configure_btn{ font-size: 14px;cursor:pointer;background-color: #317af1;float: left;color: #fff;padding: 7px 10px; }
.freezeBg2{background:rgba(0, 0, 0, 0.6);height:250%;left:0;margin:-100px 0 0 -100px;position:fixed;top:0;width:150%;z-index:20001;}
.pricing_1{width:25%;font-size: 14px;background-color: #f6f7fb;}
.pricing_1tab{border-bottom: 1px solid #dddee1;padding: 19px;width: 80%;margin: 0px auto;}
.pricing_3tab{border-bottom: 1px solid #fff;padding: 19px;width: 80%;margin: 0px auto;}
.pricing_2tab{width:33%;text-align:center;border-bottom: 1px solid #fff;padding:19px;}
.pricing_2{width: 45%;background-color: #daf5ef;border-right: 5px solid #fff;border-left: 4px solid #fff;}
.clrtic{color: #19984f;}
/* bump */
.cm-popup{ background:rgba(255, 255, 255, 0.95); width:100%; height:100%; z-index:9999999; top:0px; position:fixed; display:none; }
.cm-videos, .image-videos{ box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); -ms-box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); -o-box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDEDE; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); top: 100px; z-index: 999999999; display:none; opacity:1; max-width:860px; position:fixed;}
.video-part{ padding:30px;}
.image-part{ padding:30px;}
#ifrm{ width:800px; height:450px; }
.popup-close,.image-close{ position: absolute; right: 8px; top: 8px; cursor:pointer; }
.list-popup{ background:rgba(255, 255, 255, 0.95); width:100%; height:100%; z-index:9999999; top:0px; position:fixed; display:none; }
.list-videos{ box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); -ms-box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); -o-box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 5px 25px rgba(0, 0, 0, 0.25); background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDEDE; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); top: 100px; z-index: 999999999; display:none; opacity:1; max-width:600px; width:100%; position:fixed;}
.list-part{ padding:30px;}
.list-close{ position: absolute; right: 8px; top: 8px; cursor:pointer; }
#contentList{ max-width:600px; }
.comparison{ max-width:600px; margin:0 auto; border:1px solid #e2e2e2;}
.comparison ul{ overflow:hidden; list-style:none; padding:0; margin:0; }
.comparison li{ float:left; width:20%; text-align:center; }
.comparison-heading li{ text-align:center; font-size:14px; font-weight:600; height:34px; line-height:var(--fs34px); color:#333; float:left; width:20%; text-align:center; box-shadow:1px 0 0 #e2e2e2 inset;}
.comparison-list li{ text-align:center; font-size:12px; font-weight:400; height:30px; line-height:var(--fs30px) color:#555; float:left; width:20%; text-align:center; font-family:open sans; box-shadow:1px 0 0 #e2e2e2 inset; -moz-box-shadow:1px 0 0 #e2e2e2 inset; -ms-box-shadow:1px 0 0 #e2e2e2 inset; -o-box-shadow:1px 0 0 #e2e2e2 inset; -webkit-box-shadow:1px 0 0 #e2e2e2 inset; border-bottom:1px solid #e2e2e2;}
.comparison .bg{ background:#f2f2f2; }
.comparison .yes{ color:#19984f; font-size:15px;}
.comparison .no{ color:#f0483e; font-size:15px;}
.comparison-heading .features, .comparison-list .features{ width:57%; text-align:center; font-family:open sans, Roboto; border-left:none; text-align:left; padding:0 0 0 3%; box-shadow:0 0 0 #e2e2e2 inset; -moz-box-shadow:0 0 0 #e2e2e2 inset; -ms-box-shadow:0 0 0 #e2e2e2 inset; -o-box-shadow:0 0 0 #e2e2e2 inset; -webkit-box-shadow:0 0 0 #e2e2e2 inset; }
.bimporthdbg{border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; height:35px;}
.bimporthdbg strong{float:left; color:#444444; font:bold 16px open sans, Roboto, sans-serif, Tahoma; padding:7px 0px;}
.bimporthdbg span a{float:right; color:#FFFFFF; text-decoration:underline; padding:15px 30px 0px; font-size:12px;}
.bimporthdbg span a:hover{text-decoration:none;}
.btitle{float:left; font:13px/18px open sans, Roboto, sans-serif; text-align:left;}
.bfeature{font:14px open sans, Roboto,sans-serif,Tahoma;}
.bfeaturehd{color:#444; height:35px; padding-left:5px; font-weight:bold;}
.bfooter{border-top:1px solid #F3F3F3; color:#245CB9; font:13px open sans, Roboto,sans-serif; padding:7px 0px;}
.portalselect { font:13px open sans, Roboto, sans-serif, Tahomao; border:1px solid #bababa; padding:2px; background-color:#ffffff; color:#3A3A3A;}
.featuretblbdrbr{ height:32px;}
.txtSmallBlack11 { font-size:11px; color:#666; font-weight:normal; }
.zpselorgintxt{font:13px/17px open sans, Roboto,sans-serif; padding:5px 0px 10px; color:#999;}
.portalCreate{border:1px solid #D1D1D1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; height:30px !important; padding:5px !important; width:410px !important;}
.authenticate-btn {background: #16c5b4; color: #fff; padding: 10px 20px; width: 180px; text-align: center; font-size: 16px; border-bottom: 1px solid #198c64; border: 1px solid #13c5b4 !important; cursor: pointer; border-radius: 2px;}
.code {background-color: #f9f2f4; border-radius: 4px; color: #c7254e; font-size: 90%; padding: 2px 4px; white-space: nowrap;font-size:16px;}
.errormessage{height:17px; font-size:12px; color:#EC2723; padding:3px 0px; margin-left:10px;transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out;}
/* Slack */
.udocframe{ height:0px; width:0px; border:0px; visibility:hidden; }
.slk_futurs {display: inline-block;padding: 10px 20px;text-align: left;vertical-align: top;width: 690px;}
.slk_futicon { background: #efefef none repeat scroll 0 0;border-radius: 60px;display: inline-block;height: 30px; margin-top: 17px;width: 30px;}
.slk_portalwrap {background: #ffffff none repeat scroll 0 0; display: inline-block; height: auto;margin: 0 auto 5px;text-align: center;width: 99%;z-index: 1;}
.portmain {background: #EFEFEF none repeat scroll 0 0;margin: 0 auto;width: 51%;}
/* Default Integ styles */
.Ptb10 { padding-top: 10px; padding-bottom: 10px;}
.bgcole7 { background-color: #e7e7e7;}
.clrboth { clear: both;}
.clrlft { clear: left;}
.col0f5491 { color: rgb(var(--zpPrimary)) !important;}
.col555 { color: #555;}
.col666 { color: #666;}
.col777 { color: #777;}
.cole2e2 { color: #e2e2e2;}
.dispinblock { display: inline-block;}
.font-semi-bold { font-weight: 600;}
.fs11 { font-size: 11px;}
.fs13px { font-size: 13px;}
.fs14px { font-size: 14px;}
.fs15px,.fs15px { font-size: 15px;}
.fs23px { font-size: 23px;}
.fs40px { font-size: 50px;}
.h25 { height: 25px;}
.h30 { height: 30px;}
.h420 { height: 420px;}
.hide { display: none;}
.hideimp { display: none !important;}
.lh22 { line-height: 22px;}
.m0 { margin: 0px;}
.mAuto { margin: 0px auto;}
.ml5 { margin-left: 5px;}
.mL10 { margin-left: 10px;}
.mR5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mt8 { margin-top: 8px;}
.mt10 { margin-top: 10px;}
.on-data-light { color: #999;}
.p0imp { padding: 0px !important;}
.p3 { padding: 3px;}
.p5 { padding: 5px;}
.p9 { padding: 9px;}
.pb5 { padding-bottom: 5px;}
.pb20 { padding-bottom: 20px;}
.pl5 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl25 { padding-left: 25px;}
.pr10imp { padding-right: 10px;}
.pl30 { padding-left: 30px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pt5 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.txtaleft { text-align: left;}
.w25per { width: 25%;}
.w30per { width: 30%;}
.w40per { width: 40%;}
.w100per { width: 100%;}
.w670 { width: 670px;}
.w770 { width: 770px;}
ul,li { line-height: var(--fs25px)}
.bump-note { background: rgb(var(--zpPrimaryHover)); display: inline-flex; width: auto; clear: both; padding: 9px 10px; border-radius: 4px; margin-bottom: 15px; align-items: center; }
.bump-note svg { width: 18px; height: 18px; margin-right: 10px; margin-top: 2px; }
.bump-note svg > path { fill: rgb(var(--zpPrimary)) !important; }
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
.mainContainer{ width: 98%; }
}