/* CSS Document */

.help-nav-wrap > div.next-prev-nav a{font-family: "proxima_novasemibold", Arial, Helvetica, sans-serif;}
  /*Menu Style*/
  #block-system-main {margin-top: -74px; -webkit-appearance:none}
  .toolbar-drawer #block-system-main {margin-top: 0;}
  .toolbar-drawer .main-container-wrapper #mini-panel-product_menu {background:#ccc;}
  .main-container-wrapper #mini-panel-product_menu{background:transparent}
  #mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a {color: #FFF;}
  #mini-panel-product_menu .content-wrap{border-bottom:none}
  /*Menu Style*/
  
  /*Banner Section*/
  .banner-wrap{background-color:#103ea0}
  .search-wrap{position:relative; max-width:720px; margin:0 auto; transition:0.5s ease}
  .banner-wrap .search-wrap{padding:110px 0px 60px;}
  .search-wrap .search-box{position:relative}
  .search-box > p{display:flex}
  .search-wrap input.search-icon, .helpful-wrap  div:last-child span, div#back-top a:before, .helpful-wrap  > div.feedback span a{z-index:1; background: url('/sites/default/files/help-new-sprite.png') 0 0 no-repeat; background-size:auto 50px; cursor:pointer}
  .search-wrap input.search-field {display:block; border:none; outline:none; background:#fff; font-size:16px; font-weight:300; height:50px; line-height:30px; color:#666; width:100%; padding:10px 10px 10px 50px; box-sizing:border-box; transition:0.5s ease}
  .search-wrap input.search-field:focus{box-shadow:0 1px 10px rgba(0,0,0,0.4)}
  .search-wrap input.search-icon{position:absolute; left:0; top:0; width:50px; box-sizing:border-box; height:50px; padding:10px; border:none; outline:none; }
  .popular-search{margin:20px 0 0; text-align:center; text-overflow:ellipsis; color:#fff}
  .popular-search a{color:#fff; text-decoration:underline; font-size:14px}
  /*Banner Section*/
  
  .helpful-wrap  > div.feedback h3{margin:0}
  .helpful-wrap  > div:last-child{padding:10px 0}
  .helpful-wrap  div:last-child p span{margin:0 5px 10px; cursor:pointer}
  .helpful-wrap  div:last-child span a{display:block; cursor:pointer}
  .helpful-wrap  div:last-child span:last-child{margin-right:0}
  .helpful-wrap  > div.feedback span.like-this a{background-position:-50px 0}
  .helpful-wrap  > div.feedback span.dislike-this a{background-position:-75px 0}
  .helpful-wrap > div span.to-fb{background-position:-50px -26px}
  .helpful-wrap > div span.to-tw{background-position:-75px -26px}
  .helpful-wrap > div.feedback span{border:1px solid #f7f7f7;border-radius:45px;padding:10px;box-sizing: border-box;width: 50px;height: 50px;margin: 0 5px;}
  .helpful-wrap > div.feedback span a{display:inline-block;margin: 0;width:25px;height:25px;color:#35cc5c;text-indent: -9999px;}
  
  
  /*Breadcrumb Section*/
  .breadcrumb{ overflow:hidden; background:#fff; border-radius:0; padding:10px 0}
  .breadcrumb .content-wrap{border-bottom: 1px solid #f4f4f4; padding: 10px 0 20px; overflow:hidden;}
  .breadcrumb ul li{display:block; float:left}
  .breadcrumb ul li a{color:#333; position:relative; padding:2px 13px 2px 10px; font-size:12px}
  .breadcrumb ul li a:after{content:'>'; position:absolute; right:0; top:0; width:5px}
  .breadcrumb ul li:first-child a{padding-left:0}
  .breadcrumb ul li:last-child a{padding-right:0; color:#2b7bb9; cursor:default}
  .breadcrumb ul li:last-child a:after{display:none;}
  /*Breadcrumb Section*/
  
  
  /*Write Us Section*/
  .write-us-wrap{position:relative; overflow:hidden; text-align:center; margin-bottom:60px;}
  .write-us-wrap h3{line-height:40px; color:#666; margin-bottom:0}
  .write-us-wrap h3 + a {color: #1d7eeb; font-size:18px; display: inline-block;}
  /*Write Us Section*/
  
  
  
  /*Helpful Section*/
  .helpful-wrap  > div{display:inline-block; }
  .helpful-wrap  > div:first-child{float:left}
  .helpful-wrap  > div:last-child{float:right}
  .helpful-wrap  > div p{line-height:24px}
  .helpful-wrap > div:last-child span {display:inline-block; width:24px; height:24px; margin:0 10px 0 0; overflow:hidden; text-indent:-9999px; vertical-align:middle}
  .helpful-wrap  > div.feedback span{display:inline-block; vertical-align:middle; overflow:hidden;}
  
  
  /*Helpful Section*/
  
  
  /*Help Content page wrapper Section*/
  
  .content-panel-wrap{margin:30px 0; overflow:hidden; position:relative; padding-bottom:30px; border-bottom:1px solid #f4f4f4}
  .content-panel-wrap > div{box-sizing:border-box; }
  .content-panel-wrap > .help-menu-panel{float:left; display:block; box-sizing:border-box; width:250px;}
  .help-promo-panel{width:220px;}
  .content-panel-wrap > .help-content-panel{display:block; margin-left:300px; min-height:400px;}
  /*Help Content page wrapper Section*/
  
  /*Left Menu Section*/
  .help-menu-panel li{margin:10px 0; font-size:14px; padding-left:15px}
  .help-menu-panel li.hasChild{font-size:16px; position:relative;}
  .help-menu-panel li.hasChild > a{ padding-right:30px}
  .help-menu-panel li.hasChild .zoho-parent-toggle {position:absolute; left:2px; top:10px; width:4px; height:4px; background:#fff; cursor:pointer; }
  .help-menu-panel li.hasChild .zoho-parent-toggle:before{content:''; position:absolute; width:100%; height:100%; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); transition:0.25s 0.25s ease}
  .help-menu-panel li.hasChild.open > a, .help-menu-panel li.hasChild.open > .nolink{color:#2b7bb9; cursor:pointer}
  .help-menu-panel li.hasChild > .nolink{cursor:pointer}
  .help-menu-panel li.hasChild.open ul{font-weight:400; }
  .help-menu-panel li.hasChild ul li{padding:0 0 0 10px}
  .help-menu-panel li.hasChild ul li a{font-size: 14px;}
  .help-menu-panel li.hasChild.open .zoho-parent-toggle { height: 3px; width: 7px; }
  .help-menu-panel li.hasChild.open .zoho-parent-toggle:before{transform: rotate(135deg); border-top: 1px solid #2b7bb9; border-right: 1px solid #2b7bb9; top:0px}
  .help-menu-panel li a{position:relative; color:#666; display:block; padding:5px 0; transition:0.5s ease; }
  .help-menu-panel li a:hover{color:#2b7bb9}
  .help-menu-panel li a:after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#2b7bb9; opacity:0.8 }
  .help-menu-panel li a:hover:after{width:50px; transition:0.2s ease;}
  .help-menu-panel li.active a, .help-menu-panel li a.active{color:#2b7bb9}
  .help-menu-panel li.active a:after{width:50px;}
  .help-menu-panel li.hasChild.open ul li a.active{color:#2b7bb9}
  .has-inline-img img, .simg img {display:inline-block; vertical-align:middle}
  .help-menu-panel li > a { font-size: 16px; }
  
  
  .help-menu-panel li.hasChild ul li {font-size: 16px;}
  .help-menu-panel ul.zoho-sub-child-wrapper {margin: 0px 0px 10px 0px;}
  .help-menu-panel ul.zoho-sub-child-ofchild-wrapper {margin: 0px 0px 10px 0px;}
  
  .help-menu-panel .zoho-child-innerwraper{position:relative;}
  .help-menu-panel .zoho-sub-child-innerwraper{position:relative;}
  
  .help-menu-panel li.has-child .zoho-children-toggle {position:absolute; left:-2px; top:10px; width:4px; height:4px; background:#fff; cursor:pointer; }
  .help-menu-panel li.has-child .nolink{ cursor:pointer;}
  .help-menu-panel li.has-child .zoho-children-toggle:before{content:''; position:absolute; width:100%; height:100%; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); transition:0.25s 0.25s ease;  -ms-transform: rotate(45deg);}
  .help-menu-panel li.has-child.open .zoho-children-toggle { height: 3px; width: 7px; }
  .help-menu-panel li.has-child.open .zoho-children-toggle:before{transform: rotate(140deg); border-top: 1px solid #2b7bb9; border-right: 1px solid #2b7bb9; top:0px;  -ms-transform: rotate(140deg);}
  
  .help-menu-panel li.has-sub-child .zoho-sub-children-toggle {position:absolute; left:0px; top:13px; width:4px; height:4px; background:#fff; cursor:pointer; }
  .help-menu-panel li.has-sub-child .zoho-sub-children-toggle:before{content:''; position:absolute; width:100%; height:100%; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); transition:0.25s 0.25s ease;  -ms-transform: rotate(45deg);}
  .help-menu-panel li.has-sub-child.open .zoho-sub-children-toggle  { height: 4px; width: 4px; }
  .help-menu-panel li.has-sub-child.open .zoho-sub-children-toggle:before{transform: rotate(140deg); border-top: 1px solid #2b7bb9; border-right: 1px solid #2b7bb9; top:0px;  -ms-transform: rotate(140deg);}
  
  .help-menu-panel li.hasChild ul li {padding: 0 0 0 10px;    margin: 7px 0;}
  
  
  
  
  
  /*Left Menu Section*/
  
  /*Right Promo Section*/
  .help-promo-panel .related-to h5{color:#999}
  .help-promo-panel{margin:40px 0; display:block; width:inherit; overflow:hidden}
  .help-content-inner-wrap .help-promo-panel ul{margin-left:0}
  .help-content-inner-wrap h3, .help-content-inner-wrap h2{margin:30px 0 10px 0}
  .help-content-inner-wrap .help-promo-panel ul li{font-size: 14px; list-style: none; display:inline-block; margin:3px 20px 3px 0; float:left;}
  .help-content-inner-wrap .help-promo-panel ul li a{display: inline-block; padding: 5px 0; vertical-align:middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .help-content-inner-wrap .help-promo-panel ul li a:hover{color:#2b7bb9}
  .help-promo-panel .webinar-promo{margin:40px 0 0; min-height:200px; background:#ddd}
  
  /*Right Promo Section*/
  
  /*Content Section*/
  .help-content-inner-wrap p{margin-bottom:20px}
  .help-content-inner-wrap a{color:#2b7bb9}
  .help-content-inner-wrap > h2{padding-bottom:15px; margin:40px 0 20px; border-bottom:2px solid #f4f4f4}
  .img-insert{margin:40px 0;}
  .img-insert img{max-width:100%;}
  .img-insert.illustration {text-align:center;}
  .img-insert.illustration img{max-width:50%;  text-align:center;}
  .help-content-inner-wrap pre.edit_code{white-space: pre-wrap;}
  /*Content Section*/
  
  div#back-top {position:relative}
  div#back-top a{position:absolute; right:20px; bottom:12px; border-radius:100%; width:40px; text-indent:-9999px; text-align:center; line-height:40px; font-size:12px; color:#000; background:rgba(0,0,0,0.6);content:'Top';height:40px}
  div#back-top a:before{position:absolute; content:''; width:25px; height:25px; left:50%; top:50%; margin:-12px 0 0 -12px; background-position:-115px 0}
  
  .help-content-inner-wrap{line-height:1.8; color:#000; overflow: hidden;}
  .help-content-inner-wrap h1 {padding-bottom:10px; border-bottom:2px solid #fafafa; font-size:30px;}
  .help-content-inner-wrap ul li, .help-content-inner-wrap ol li{list-style:outside; display:list-item; margin:10px 0; padding:0}
  .help-content-inner-wrap ul, .help-content-inner-wrap ol{margin:0 0 20px 20px; padding:0}
  .help-content-panel .help-content-inner-wrap ol li{list-style-type:decimal}
  .help-content-inner-wrap li ul li, .help-content-panel .help-content-inner-wrap ul li{list-style-type:disc}
  .help-content-inner-wrap li ol li{list-style-type:lower-roman}
  .help-content-inner-wrap li ol li li{list-style-type:lower-alpha}
  .help-content-inner-wrap img{margin:15px 0}
  
  .note{padding:20px; background:#fafaf0; overflow:hidden; margin:0 0 20px}
  .script{padding:20px; background:#e3e3e3; overflow:hidden; margin:0 0 20px}
  .note p{margin-bottom:10px}
  .note p:last-child{margin-bottom:0}
  .img-sec{max-width:100%; height:auto;}
  .img-sec img{border:1px solid #fafafa; box-sizing:border-box}
  .img-sec.mid-img img{margin:30px auto}
  .img-sec.multiple-img{margin:30px 10px; display:inline-block}
  .help-content-inner-wrap table{margin:15px 0}
  .help-content-inner-wrap table td{padding:10px; border:1px solid #e3e3e3; vertical-align:middle}
  
  .mobileapp-wrap ul{margin-left:0}
  .mobileapp-wrap ul li {display: inline-block; margin: 0 20px 0 0;}
  .mobileapp-wrap ul li:last-child{margin-right:0}
  .mobileapp-wrap ul li a {background: url('https://www.zoho.com/images/product-common-sprite.png') no-repeat; height: 40px; width: 135px; display: block;}
  .mobileapp-wrap ul li a.googleplay {background-position: 0 -105px;}
  .mobileapp-wrap ul li a.appstore {background-position: 0 -60px;}
  
  .node-type-product-help-2-0-content-section .bottom-promo{display:none}
  
  /********** Page Navicgtion **********/
  .help-nav-wrap{display:block; overflow:hidden; margin:30px auto; padding-bottom:10px; border-bottom:1px solid #f4f4f4}
  .help-nav-wrap > div{display:table; overflow:hidden; table-layout:fixed; width:100%}
  .help-nav-wrap > div a{display:table-cell; position:relative; text-overflow:ellipsis;white-space:nowrap;overflow: hidden; padding: 5px 20px; transition:0.5s ease}
  .help-nav-wrap > div a:last-child{text-align:right}
  .help-nav-wrap > div.next-prev-page-nav a:first-child{padding-left:0}
  .help-nav-wrap > div.next-prev-page-nav a:last-child{padding-right:0;}
  .help-nav-wrap > div.next-prev-page-nav a{color:#333;}
  .help-nav-wrap > div.next-prev-nav a:before{content:'';position:absolute; top:13px; left:5px; width:10px; height:10px; border-left:1px solid #2b7bb9; border-bottom:1px solid #2b7bb9; transform:rotate(45deg) }
  .help-nav-wrap > div.next-prev-nav a:last-child:before{content:''; left:auto; right:5px; transform:rotate(45deg); border-left:none; border-bottom:none; border-top:1px solid #2b7bb9; border-right:1px solid #2b7bb9;}
  /********** Page Navicgtion **********/@media only screen and (min-width : 992px) and (max-width: 1199px) {
 .content-wrap{width: 90%;}
  .content-panel-wrap > .help-menu-panel{width:220px}
  .help-menu-panel li.hasChild{font-size:15px}
  .content-panel-wrap > .help-content-panel{margin-left:280px} 
}@media only screen and (min-width : 768px) and (max-width: 991px) {
 .content-panel-wrap > .help-content-panel{margin-left:220px}
  .content-panel-wrap > .help-menu-panel{width:180px}
  .help-menu-panel li{margin:12px 0}
  .help-menu-panel li.hasChild{font-size:14px}
  .help-menu-panel li.hasChild .zoho-parent-toggle{top:11px}
  .mobile-h-scroll{overflow:hidden; overflow-x:scroll}
  .help-content-inner-wrap table{min-width:720px}
  .help-nav-wrap > div.next-prev-page-nav{display:none} 
}@media only screen and (max-width : 767px) {
 .help-content-inner-wrap h1{font-size:20px}
  #block-system-main .content-wrap{width:80%;}
  #block-system-main {margin-top: 7px;}
  .banner-wrap .search-wrap{padding:40px 0}
  .main-container-wrapper #mini-panel-product_menu{background:#fff}
  #mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a {color: #333;}
  /*.popular-search {ont-size:12px; color:#666; max-width:80%; margin:20px auto; line-height:1.8}
  .popular-search a{color:#2b7bb9}*/
  .breadcrumb, .popular-search{display:none}
  
  .content-panel-wrap > .help-content-panel{margin-left:0px}
  .help-content-inner-wrap{display:block}
  .help-content-inner-wrap > div{display:block}
  .help-content-inner-wrap > div:first-child{padding-right:0}
  .help-promo-panel{margin:40px 0; display:block; width:inherit; overflow:hidden}
  .help-content-inner-wrap .help-promo-panel ul{margin-left:0}
  .write-us-wrap{text-align:center}
  .write-us-wrap h3{line-height:1; font-size:16px; margin:0}
  .write-us-wrap h3, .write-us-wrap h3 + a{display:block; float:none;}
  .helpful-wrap  > div p{font-size:12px; display:inline-block}
  .helpful-wrap  > div:last-child{float:left}
  .helpful-wrap  > div.feedback span a, .helpful-wrap > .content-wrap  div:last-child span{margin: 0 5px 10px;}
  
  .mob-menu-click{position:absolute; right:-37px; top:50%; margin-top:-24px; background:#fff; border-radius:0 5px 5px 0; width:36px; height:42px; border:1px solid #ccc; border-left-color:#fff; cursor:pointer}
  .mob-menu-click:before{content:'+'; position:absolute; left:0; top:0; width:33px; height:100%; color:#666; font-size:24px; line-height:41px; text-align:center}
  .mob-menu-click.menu-click-active:before{content:'-';}
  .content-panel-wrap > .help-menu-panel{position:fixed; left:-360px; top:50px; bottom:0; background:rgba(255,255,255,0.94); width:360px; z-index:999; transition:0.75s ease; border-right:1px solid #ccc; box-sizing:border-box; box-shadow: 1px 0 10px rgba(0, 0, 0, 0.3);}
  .content-panel-wrap > .help-menu-panel > div{padding:30px; box-sizing:border-box; overflow:hidden; overflow-y:scroll; opacity:0; visibility:hidden; transition:0.5s ease}
  .content-panel-wrap > .help-menu-panel.mmenu-active > div{visibility:visible; opacity:1; transition:2s ease}
  .help-menu-panel.mmenu-active{left:0}
  .mob-menu-click{display:inline-block;}
  .mobile-h-scroll{overflow:hidden; overflow-x:scroll}
  .help-content-inner-wrap table{min-width:720px}
  .help-nav-wrap > div.next-prev-page-nav{display:none} 
}@media only screen and (max-width : 480px) {
 .helpful-wrap > .content-wrap{display:none}
  .content-panel-wrap > .help-menu-panel{left:-280px; width:280px}
  .help-menu-panel.mmenu-active{left:0} 
}/**/