abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
td {margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
@font-face{font-family:open_sansregular;src:url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.eot);src:url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.woff) format("woff"),url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.ttf) format("truetype"),url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.svg#open_sansregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:open_sansbold;src:url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.eot);src:url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.woff) format("woff"),url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.ttf) format("truetype"),url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.svg#open_sansbold) format("svg");font-weight:400;font-style:normal}
b,strong{font-family:open_sansbold,Helvetica,Helvetica Neue,Arial;font-weight:400}
nav ul,ul{list-style:none}ol,ol li{margin-left:20px}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;vertical-align:baseline;background:0 0; color: #00C; text-decoration: underline;}
a.btn {text-decoration: none; padding: 6px 18px;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}

table {border-collapse: separate; border-spacing: 10px 0;}
table {
  border-collapse: collapse; 
  border-spacing: 0; 
  text-align: left; 
  border: 1px solid rgba(61, 65, 68, 1); 
  border-radius: 2px; 
  box-shadow: inset 1px 2px 1px 1px rgba(0,0,0,.075); 
  width: auto;
  white-space: nowrap;
  margin-top:10px; 
  margin-bottom:10px;
}
td {
  padding:6px 10px; 
  border: 0px solid black;
}
table.noborder td .noborder {
  border: none;
}
td .noborder {border: none;}
#userlogin table{border:none;}
#userlogin td{border:none;}
#userlogin tbody tr:first-child td {padding-top: 2em;}
#userlogin tbody tr:last-child td {padding-bottom: 2em;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px auto 30px;padding:0}
input,select{vertical-align:middle}

body{line-height:14px;font:14px/20px open_sansregular,Helvetica,Helvetica Neue,Arial;color:#222}
h1,h2,h3,h4,h5{font-family:open_sansbold,Helvetica,Helvetica Neue,Arial;text-align:left;font-weight:400}
h3,h4,h5{margin-top:20px}h1{font-size:30px;color:#0f5daa;margin:0 0 40px}
h2{margin:20px 0 0;margin-top:36px;}
p{font-size:16px;color:#000;margin-top:12px;margin-bottom:12px;line-height:22px;}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}
.box p span{color:#f37600}.box{width:760px;font-size:16px;;margin:10px auto 30px;border-bottom:1px solid gray;padding-top:40px}
.box p{min-height:58px;display:inline-block;margin:0 auto 7px;background:url(/images/icons/goodsync_icon_36x36.jpg) no-repeat left 0;padding-left:55px}
h1.title{text-align:left;font-size:12px;margin:8px 0 0;padding-top:36px}
nav ul{margin:0;padding:0}
nav a{display:block;text-align:center;text-decoration:none;color:grey;background:#dceff6}
nav a:hover,nav a:visited{color:grey}
nav a:hover{text-decoration:underline;line-height: 26px;}


nav.quickfooter{background-color:#3d4144;font-size:14px}
nav.quickfooter a{display:block;text-align:center;text-decoration:none;color:#fff;background:#3d4144;-webkit-transition:none;transition:none;box-sizing: content-box;line-height: 26px;font-size:14px;font-family: open_sansregular,Helvetica,Helvetica Neue,Arial;}
nav.quickfooter a:hover{display:block;text-align:center;text-decoration:none;color:#fff;background:#7c8185;border-bottom:solid 4px #c6171a;-webkit-transition:none;transition:none}

nav.quickfooterm{background-color:#3d4144;font-size:14px;min-width: 800px;
}
nav.quickfooterm a{display:block;text-align:center;text-decoration:none;color:#fff;background:#3d4144;-webkit-transition:none;transition:none;box-sizing: content-box;line-height: 26px;font-size:14px;font-family: open_sansregular,Helvetica,Helvetica Neue,Arial;}
nav.quickfooterm a:hover{display:block;text-align:center;text-decoration:none;color:#fff;background:#7c8185;border-bottom:solid 4px #c6171a;-webkit-transition:none;transition:none}


.main-container{padding-top:34px;background:#556a7d url(/gsp/img/gs_txt_banner.png) no-repeat top center;color:#fff;min-height:400px;background-size:960px;display:inline-block;width:100%}

#indexbanner{
padding-top:34px;
background:#556a7d;
color:#fff;
<min-height:400px;
display:inline-block;
width:100%;
}

#indexbanner960{
display:inline-block;
width:960px;
margin: 0 auto 0 auto;
}

#indexbanner960 h1{
color: white;
font-size: 42px;
padding: 8px 0 0 28px;
line-height: 50px;
font-weight: 700;
font-family: open_sansregular;
margin: 0 0 0 0;
}

#indexbanner960 h2{
color: white;
font-size: 20px;
padding: 18px 0 0 28px;
line-height: 30px;
width: 520px;
display: inline-block;
float: left;
font-family: open_sansregular;
margin: 0 0 0 0;
}

#indexdlbtn{
float: left;
margin:-96px 0 20px 136px;
}

.pwmmain-container{background:#fff;color:#000;margin-top:40px}
.main{padding:0}
.main article h1{font-size:26px}
.main aside{color:#fff}#content #right ul{list-style:disc}
#content #right li{margin:10px 0 10px 20px}
#content #right .features ul{list-style:none}
#shc.stick {position:fixed;top:0;z-index: 999;}
#shc header{color:#fff;padding:0;height:48px;background-color:#3d4144}
#shc{height:48px;margin:0 auto;width:100%;background:#3d4144;z-index:2}


.ie7 .title{padding-top:20px}
nav a{
  float:left;
  min-width:7%;
  padding:12px 16px 6px;
}
nav li:first-child a{margin-left:0}nav li:last-child a{margin-right:0}nav li:last-child a
.quickfooter{margin-left:100px}nav ul li{display:inline}
.header-container nav a{float:left;min-width:7%;padding:20px 17px;margin-bottom:0}
nav{float:left;min-width:620px}
.main article{float:left;min-width:320px;max-width:328px}
.main aside{float:left;width:600px;margin-left:20px;background:#fff;padding:5px}
#rftopvid{float:right;width:400px;margin-left:20px;background:#fff;padding:5px}
.ir{background-color:transparent;border:0;overflow:hidden}
.ir:before{content:"";display:block;width:0;height:100%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
nav.quickfooter{display:inline-block;min-width:740px;float:left;min-height:48px;width:748px}div.stickylogo{display:inline-block;width:212px;float:left;min-height:48px}#stickyheader{width:100%;z-index:1}.lwclear{clear:both}#frmfil{float:left;width:420px;margin-left:2px;background:#fff url(/gsp/img/speed_sync.png) no-repeat top center;padding:5px;min-height:155px;background-size:420px}.frmfilmain-container article{float:right;min-width:360px;max-width:500px}#pwm{float:left;width:420px;margin-left:2px;background:#fff url(/gsp/img/sync_files.png) no-repeat top center;padding:5px;min-height:155px;background-size:420px}#ewm{float:left;width:420px;margin-left:2px;background:#fff url(/gsp/img/backup_files.png) no-repeat top center;padding:5px;min-height:155px;background-size:420px}.ewmain-container article{float:right;min-width:360px;max-width:500px}#sec{float:left;width:420px;margin-left:2px;background:#fff url(/gsp/img/direct_p2p.png) no-repeat top center;padding:5px;min-height:155px;background-size:260px}.frmfilmain-container div.pwmain-container,.secmain-container article,.secmain-container div.pwmain-container{float:left;min-width:360px;max-width:500px}#lwtopwrap{width:100%;background-color:#dceff6}.main article h2{font-size:26px}.ewmain-container div.pwmain-container,.pwmmain-container article,.pwmmain-container div.pwmain-container{float:left;min-width:360px;max-width:500px}#lwdlbtn{display:inline-block;float:left;padding-top:220px;padding-left:80px}#lwvidtop{display:inline-block;float:left;padding-top:90px;padding-left:180px}.imgdiv{max-width:960px;margin:0 auto}.smallimgdiv,.smallimgdiv img{max-width:740px;margin:0 auto}
#letsconnect{padding-top:10px;min-height:92px;width:100%;background-color:#898989}
#connectinner{display:inline-block;width:550px;margin:10px auto 0 auto;}
.lcsprite {background: url('/gsp/img/lc_sprite.png') no-repeat top left;width: 57px;height: 55px;margin-right:10px;}
.lcsprite {background: url('/gsp/img/lc_sprite.png') no-repeat top left;width:57px;height:55px;}
.lcsprite.f_off {background-position: 0px 0px;display:inline-block;float:left;}
.lcsprite.f_off:hover{ background-position: 0px -65px;display:inline-block;float:left;}
.lcsprite.g_off {background-position: 0px -130px;display:inline-block;float:left;}
.lcsprite.g_off:hover{ background-position: 0px -195px;display:inline-block;float:left;}
.lcsprite.y_off {background-position: 0px -390px;display:inline-block;float:left;}
.lcsprite.y_off:hover{ background-position: 0px -455px;display:inline-block;float:left;}
.lcsprite.t_off { background-position: 0px -260px;display:inline-block;float:left;}
.lcsprite.t_off:hover { background-position: 0px -325px;display:inline-block;float:left;}
#newfoot{background:#3d4144;min-height:260px;margin:-10px auto;padding-top:40px}
#newfoot a:link,#newfoot a:visited{color:#fff;text-decoration:none}
#newfoot a:hover{color:#c6171a;text-decoration:none}
#newfoot a:active{color:#fff;text-decoration:none}
#newfootinner{width:960px;margin:0 auto;color:#fff;text-align:left}
.newfootcol{display:inline-block;float:left;width:240px}
ul.newfoot{list-style:none;font-size:12px}
ul.newfoot li:first-child{font-size:18px;margin-bottom:10px}
.copyright{clear:both;text-align:center;background:#3d4144;min-height:180px;color:#fff;font-size:12px;line-height:16px;margin-top:20px;padding-top:30px}
.hide{display:none}
.show{display:block}
#stickylang-container{margin:0 auto;width:100%;background:#fff;line-height: 16px;height: 43px;}
#stickyheader-wrapper{max-width:960px;width:960px;margin:0 auto;display:inline-block;text-align:left}
#sticky-left{display:inline-block;float:left}
#sticky-right{display:inline-block;float:right}
#sh-wtop{min-height:30px;background-color:#fff;margin-top:10px}
#head_rev_lwest{display:inline-block;float:right;margin-top:10px}
#searchform{float:right;margin-left:20px;width:185px;margin-top:0}
#searchform{float:right;margin-left:20px;width:185px;margin-top:0}
.b-lang{position:relative;float:right;text-align:left;z-index:200}
.b-lang a:hover, .b-lang a:focus {color: #2a6496;text-decoration: underline;}
.b-lang li {padding-bottom: 0;}
.b-langzzcurr{width:90px;color:#9a9a9a;border:1px solid #9a9a9a;padding:1px 3px;line-height:18px;float:right;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing: content-box;font: 12px open_sansregular,Helvetica,Helvetica Neue,Arial;}
.b-langzzcurr .b-caret{margin-top:8px;margin-left:5px;float:right}.b-caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #9a9a9a;content:"";display:inline-block;height:0;vertical-align:top;width:0}.b-langzzlist{box-sizing: content-box;display:none;list-style-type:none;position:absolute;z-index:501;background:#fff;width:84px;top:20px;left:0;margin:0;padding:1px;border:1px solid #9a9a9a;color:#9a9a9a;text-align:left;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:12px}
.b-langzzlist a{font-family: open_sansregular,Helvetica,Helvetica Neue,Arial;display:block;box-sizing: content-box;color:#9a9a9a;background:0 0;margin:0;padding:0 4px;text-decoration:none}
#picklang{background:#fff}
#langtbl{
  text-align:center;
  margin:0 auto}
#submit{float:right;height:20px;width:20px;background:url(/gsp/img/search.jpg) no-repeat;margin:0;padding:0;border:0}
#q{background:url(/gsp/img/search-box.jpg) no-repeat 0-20px;border:0;height:18px;width:145px;float:left;padding:2px 7px 0}
.jcarousel{position:relative;overflow:hidden;width:865px;height:256px}
.jcarousel-wrapper{margin:1px auto;position:relative;z-index:-1;width:865px}
.jcarousel-control-next{position:relative;right:-460px;top:-165px}
.jcarousel-control-prev{left:-460px;position:relative;top:-165px}
.jcarousel-control-next,.jcarousel-control-prev{min-height:60px;min-width:60px}
.jcarousel-control-next.inactive,.jcarousel-control-prev.inactive{opacity:.5;cursor:default}
.lt-ie7 #slogolink,.lt-ie8 #slogolink,.lt-ie9 #slogolink{display:none}
.lt-ie7 #qflist,.lt-ie8 #qflist,.lt-ie9 #qflist{color:#fff}
.lt-ie7 .qfli,.lt-ie7 .qfli a,.lt-ie8 .qfli,.lt-ie8 .qfli a,.lt-ie9 .qfli,.lt-ie9 .qfli a{color:#fff;font-weight:bolder}
.qflia{max-width:240px}.qfli a{color:#fff;max-width:240px}

/* #lkeeper{max-width:960px;margin:0 auto} */
#lkeeper{max-width:960px;}

#newfoot li{line-height:18px}#mcslnav{width:215px;margin-top:30px;display:inline-block;float:left}
.leftp{width:380px;float:left}.rightp{width:380px;float:right}
.leftp_big{width:480px;float:left}
.rightp_big{width:480px;float:right}.mcsright335{text-align:left;margin-left:335px}
.mcsright235{text-align:left;margin-left:235px}.rightimg{width:300px;float:right}
.leftimg{width:300px;float:left}.rightimgsmall{width:150px;float:right}
.leftimgsmall{width:150px;float:left}.mcslnavinner{width:200px;float:left;color:silver}
article{height:100%;display:inline-block;margin-bottom:40px;margin-top:40px}
header{height:100%}.first{margin-top:15px}#mcsleftnav{list-style-type:none;border:1px solid silver}
#mcsconstantlnav{border:1px solid silver;list-style-type:none;display:none}
#mcsconstantlnav li{min-height:25px;padding:6px 10px}
#mcsconstantlnav li.selected{min-height:25px;font-weight:700;background:#fff;padding:6px 10px}
#mcsconstantlnav li a{color:#828385;text-decoration:none}
#mcsconstantlnav li a:hover,#mcsconstantlnav li.selected a{color:#6eb044;text-decoration:none}
table{color:#000}
a.button.green{background-color:#8bbc70;display:block;padding-top:16px;padding-bottom:16px;width:188px;text-decoration:none;color:#fff;font-size:16px;-webkit-border-radius:4px;border-radius:4px}
.center{text-align:center;display:inline-block;height:100%;width:205px}
li,ul{text-align:left}h2{color:#3d4144;font-size:24px}h3{color:#3d4144;font-size:18px}
.homepmgr{font-size:26px;color:#3d4144}.homepmgr a{text-decoration:none;color:#3d4144}
#cse-search-results{overflow:hidden;max-height:900px}.left{display:inline-block;float:left}
.right{display:inline-block;float:right}article.sbs{margin:20px 0;float:left}
article.sbs header{margin:0 0 6px;max-width:540px}
article.sbs header.right h2{margin:0 0 6px 30px;max-width:540px}
article.sbs header.left h2{margin:0 0 6px;max-width:540px}
article.sbs img{max-width:190px;margin-top:2px}
article.sbs p{width:510px;margin-top:2px}
article.sbs p.left,article.sbs p.right{float:left;margin-left:30px}
article.odd{margin:20px 0;float:left;width:100%}
article.odd header{margin:0 0 6px;max-width:740px}
article.odd header h2{margin:0 0 6px 204px;width:510px}
article.odd img{max-width:190px;margin-top:2px;float:left;display:inline-block}
article.odd p{width:510px;margin-top:2px;float:right;display:inline-block}
article.even{margin:20px 0;float:left;width:100%}article.even header{margin:0 0 6px;max-width:740px}
article.even header h2{margin:0 0 6px;width:510px}article.even img{max-width:190px;margin-top:2px;float:right;display:inline-block}
article.even p{width:510px;margin-top:2px;float:left;display:inline-block}.sub{margin-left:15px}
#newstog{color:#6eb044;display:inline-block;float:left;margin-top:24px;font-weight:700}
#newstogh3{width:140px;display:inline-block;float:left}.bfill{width:98%;display:block;margin-bottom:30px;min-height:220px}
.pleft{display:inline-block;float:left;padding-left:40px}
.pright{display:inline-block;float:right;padding-top:60px;width:300px;color:#000;text-align:center}.pright img{width:250px}
.pright p{font-size:12px}.pcenter{text-align:center;width:100%;display:inline-block;margin-top:20px}.manual a[name]:before{content:"";display:block;height:70px;margin:16px 0 0}.listy{margin-left:20px;list-style:disc}
.listy li li{margin-left:20px;list-style:circle}
.license_image{margin-top:20px}
.pressreleases h2{font-size:18px}
.smallhair{margin-top:20px}
.bighair{margin-top:40px}
.biggerhair{margin-top:60px}
fancybox-wrap{background:#fff}
.mcs h3{color:#3d4144;font-size:18px}

#left{width:180px;margin:30px 10px 8px 0;display:inline-block;float:left;padding:0 8px 8px;border:1px solid silver;font-size:14px}
#left a{color:#000}#left li.selected a{color:#c6171a}
#right{display:inline-block;float:left;width:728px;margin:40px 0 40px 20px;min-height:600px}
.title{float:left;width:100%;text-align:left;font-weight:700;margin:10px auto 2px;font-size:16px;color:#3d4144}
.menu{margin: 0 0 0 10px;}
.menu a{text-decoration:none}
ul.menu.li.selected a{color:#6eb044;text-decoration:none}
#content a.button{display:block;padding:16px 0;width:188px;text-decoration:none;color:#fff;font-size:16px;text-align:center;-webkit-border-radius:4px;border-radius:4px;background-color:#e56f00}
#content a.button.orange{background-color:#e56f00}
#content #right .features ul li{background:url(/images/icons/checkbox.jpg) no-repeat 0 2px;padding:0 0 0 30px;margin:10px 0 20px 20px;min-height:18px}
.htsicon{width:120px;height:100px;float:left;border:1px solid silver;margin:10px;font-size:12px;color:#1584D1;line-height:16px}
a.htsicon:hover{background:#2271C0;color:#FFF}
a.htsicon img{vertical-align:middle;margin:18px 0 4px}
.download .product{padding-top:20px}
.download .product .description{float:left;width:50%;padding-left:125px}
.download .product.goodsync .description{background:url(/images/icons/products/goodsync_windows_100x78.jpg) no-repeat}
.download .product.goodsync2go .description{background:url(/images/icons/products/goodsync2go_windows_93x79.jpg) no-repeat}
.download .product.goodsyncformac .description{background:url(/images/icons/products/goodsync_mac_91x100.jpg) no-repeat}
.download .product.goodsync2goformac .description{background:url(/images/icons/products/goodsync2go_mac_98x81.jpg) no-repeat}
.download .product.goodsync_android .description{background:url(/images/icons/products/goodsync_android.png) no-repeat}
.download .product.goodsync_iphone .description{background:url(/images/icons/products/goodsync_iphone.png) no-repeat}
.download .product.goodsync-enterprise .description{background:url(/images/boxshots/goodsync-enterprise_125x125.jpg) no-repeat}
.download .product .description h3{margin-top: 0;}
.download .product .buttons{margin:0 auto;width:188px;float:right;text-align:center}
.download .product .buttons p{text-align:center;font-size:10px;margin:0;padding:0}
.download .product .buttons a{display:block;margin-top:15px;margin-bottom:5px}
.download h4{color:#fff;font:700 12px/20px Arial,Helvetica Neue,Helvetica,sans-serif;background:url(/images/backgrounds/download_header.gif);position:relative;width:100%;margin:20px -15px 5px;padding:0 15px}
.download #ad{width:487px;height:237px;padding:0;margin:0 auto}
.download #ad_close{position:relative;bottom:0;left:520px;width:75px}
.download #ad_close a{text-decoration:none;font-size:10px;color:#000}
.download #ad_close a:hover{text-decoration:underline;color:gray}
.lplat{display:inline-block;width:30%;float:left}
.mobile_image img{margin:10px 0 40px}
.tblrow{border-collapse:collapse;color:#585858;height:109px;text-decoration:none solid #585858;vertical-align:middle;width:633px;border-top:0 none silver;border-right:0 none silver;border-bottom:1px solid silver;border-left:0 none silver;border-spacing:2px 2px;font:normal normal normal 13px/normal 'Lucida Grande','Lucida Sans Unicode',Arial,Helvetica,sans-serif;outline:#585858 none}
#right>div>div>table>tbody>tr>td{vertical-align:inherit;padding-left:12px;font-size: 12px;}
#right>div .userquotes>div>ul{list-style:none}
.source{text-align:right;font-weight:700;margin:0 10px 40px 0}
a.fanchor{display:block;position:relative;top:-100px;visibility:hidden;height:1px;}
#content #right li.mansub {margin-left:40px;font-size:14px;}dl{text-align:left;}dd{margin-left:20px;}div .news p {font-size:14px;}div .news p b {font-size:16px;font-weight:normal;}div .manual p {font-size:14px;font-weight:normal;margin-bottom:12px;}div .manual p b {font-size:14px;font-weight:normal;}div .manual ul {font-size:14px;font-weight:normal;}div .manual table{text-align:left;}div .faq p {font-size:14px;font-weight:normal; margin-bottom:12px;}div .faq p b {font-size:14px;font-weight:normal;}div .faq ul {font-size:14px;font-weight:normal;}div .faq table{text-align:left;}
listing {text-align:left; text-decoration:none; white-space:pre;border: solid 1px #dedede;padding-bottom:10px;padding-top:10px; font: 14px/26px open_sansregular,Helvetica,Helvetica Neue,Arial; display:block;}span.listing{text-align: left;text-decoration: none;white-space: pre;border: solid 1px #dedede;padding-bottom: 10px;padding-top: 10px;font: 14px/26px open_sansregular,Helvetica,Helvetica Neue,Arial;display: block;}
#right > div > h1 { margin-bottom:20px; }
#right > div > div > h1 { margin-bottom:20px; }

.generalbtn {
  background: #2e8a1a;
  background-image: -webkit-linear-gradient(top, #75c037, #2e8a1a);
  background-image: -moz-linear-gradient(top, #75c037, #2e8a1a);
  background-image: -ms-linear-gradient(top, #75c037, #2e8a1a);
  background-image: -o-linear-gradient(top, #75c037, #2e8a1a);
  background-image: linear-gradient(to bottom, #75c037, #2e8a1a);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #15721d 1px;
  text-decoration: none;
  text-shadow: 1px 1px 5px #21730F;
  display: inline-block;
  width: 300px;
}

/*GS CONNECT */
.table-heading-centered {
  font-weight: bold;
  text-align: left;
  background-color: #bcd0d8;
}
.table-row-begin {
  font-weight: bold;
}
.table-list tr:not(:first-child):hover {
    background: #e8f0fe !important;
}

.table-data-centered {
  text-align:center;
}

#left-gsconnect{width:140px;margin:30px 10px 8px 0;display:inline-block;float:left;padding:0 10px 10px;border:1px solid silver;font-size:14px}
#left-gsconnect a {color:#000}
#left li.selected a {color:#c6171a}
#right-gsconnect {display:inline-block;float:left;margin:10px 0 40px 20px;min-height:600px;}

/* tables are horizontally ruled */
#right-gsconnect tr:not(:first-child) {
   border-top: 1px solid #bbb;
}
#right-gsconnect .table-heading-centered {
   border-bottom: 1px solid #000;
}
#right-gsconnect tbody {
   border: 1.01px solid #000;
}

/* Common Top Margins */
.tmarg20{margin-top:20px;}
.tmarg40{margin-top:40px;}
.tmarg50{margin-top:40px;}
.tmarg60{margin-top:60px;}

.bald{margin-top:0;}
.smallhair{margin-top:20px;}
.bighair{margin-top:40px;}
.biggerhair{margin-top:60px;}

/* renamed */
.notop{margin-top:0;}
.smalltop{margin-top:20px;}
.bigtop{margin-top:40px;}
.biggertop{margin-top:60px;}

/* Font Addons */
#txt12{font-size: 12px; text-align:center;color:white;}
#txt12 a{font-size: 12px; text-align:center;color:white;}
#txt12black{font-size: 12px; text-align:center;}
#txt12black a{font-size: 12px; text-align:center;}
table.cmdlist thead td {margin:0;vertical-align:baseline;font-weight:bold;}
.mcs .font22{font-size:22px;}
.mcs .font20{font-size:20px;}
.font20{font-size:20px;}
.font22{font-size:22px;line-height: 30px;}

/* Hyperlink Decorations */
.nodecoration{text-decoration:none;}
.nodecoration a{text-decoration:none;}
.mcs h2 .nodecoration{color: #3d4144;}

/* Javascript Related */
.jslink{cursor: pointer;}
.hide{display:none;}
.show{display:block;}

/* Foreign Lang Download Buttons */
.blanklangbtn { display: block; width: 230px; height: 70px; background-image: url(/images/buttons/btn_green_blank.png); background-repeat: no-repeat; background-size: 229px; }
.jpdlspan, .jpdlspan:hover{ margin-top: 20px; margin-left: 20px; display: inline-block; font-weight: bold; text-decoration: none; color: white; }

/* Manage index */
.manage-index {
  text-align: center;
  color: #f8f8f8;
/*  background: url(/img/nkp/bg-manage-index.png) no-repeat center center; */
  background-size: cover;
  margin-top:-20px;
}
.manage-remote-index{
  border:solid 2px;
  border-radius:12px;
  min-width:240px;
  margin:0 auto 180px auto;
  padding-top:34px;
  width:50%;
  background-color:white;
}
.manage-remote-btn{
  display:block;
  margin:0 auto 0 auto;
  padding: 10px 0 10px 0;
  width:90%;
  border: solid 2px;
  border-color:black;
  border-radius:8px;
  color:black;
  text-align:center;
  font-size:22px;
  font-weight:bold;
}
.manage-remote-btn-txt{
  color:black;
  text-align:center;
  margin-bottom:40px;
  margin-top:6px;
  font-size:17px;
}
.manage-remote-btn:hover{
  background-color:#008080;
  color: white;
  text-decoration: none;
  border: 2px solid #007070;
}


/* Email verification at User account page */
.overview .error-text {
  margin: 8px 0;
  color: #eb5757;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
}

.overview .error-text p {
    color: #eb5757;
    line-height: 18px;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}

.overview .error-text em {
    color: #986b4c;
    font-weight: 500;
    font-style:normal;
}

.overview .error-text small {
    line-height: 16px;
    display: inline-block;
    font-size: 11.5px;
    margin-top: 5px;
    text-align: left;
    color: #5a3f3f;
}

.overview .error-text legend {
    border: none;
    text-align: left;
    color: #5a3f3f;
    font-size: 13px;
    width: auto;
    padding: 0 3px;
    margin: -3px;
    line-height: 0;
}

.overview .error-text fieldset {
    border: 2px solid #5a3f3f;
    padding: 5px 7px;
    margin-top: 15px;
    background: #fafafa;
    width: fit-content;
    max-width: 800px;
}

.overview .error-text .error-explanation {
    color: #a00;
    text-align: left;
}
/* ---------------------- */


.manage-remote-index a{
  text-decoration:none;
}


#gsnavleft{
  display: inline-block;
  float: left;
  color: black;
  min-width: 150px;
  padding-top:40px;
  margin-right:18px;
}


#gsnavleft a{
  background-position: center left 8px;
  color:#5f6368;
  text-decoration:none;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:36px;
  font-size:14px;
  border: solid transparent;
  border-width: 1px 1px 1px 0;
  border-radius: 0 66px 66px 0;
}

#gsnavleft a.SELECTED{
  color:#5c5c8e;
  background-color: #e8f0fe;
  border-radius: 0 66px 66px 0;
  font-weight:bold;
}


#gsnavleft a:hover{
  background-color: rgba(0,0,0,.04);
  border: solid transparent;
  border-width: 1px 1px 1px 0;
  border-radius: 0 66px 66px 0;
}


#framelist > a{
  display:block;
  width:94%;
  min-width:90px;
}


#content{
  margin:0 0 0 20px;
  min-height:650px;
  overflow-x:auto;
}



/* CSS ICONS */
#lnavaccount{
  background-image: url("/gsp/img/icons/sys_icon_user.png");
}

#lnavdevices{
  background-image: url("/gsp/img/icons/sys_icon_map_site.png");
}

#lnavcomputers{
  background-image: url("/gsp/img/icons/sys_icon_keyboard.png");
}

#lnavshares{
  background-image: url("/gsp/img/icons/sys_icon_sharing.png");
  /*background-image: url("/gsp/img/icons/sys_icon_group.png");*/
}

#lnavstorage{
  background-image: url("/gsp/img/icons/sys_icon_hdd.png");
}

#lnavlicenses{
  background-image: url("/gsp/img/icons/sys_icon_sample_doc.png");
}

#lnavsubscriptions{
  background-image: url("/gsp/img/icons/sys_icon_table.png");
}

#lnavjobs{
  background-image: url("/gsp/img/icons/sys_icon_sync.png");
}

#lnavevents{
  background-image: url("/gsp/img/icons/sys_icon_clock.png");
}

#lnavsupport{
  background-image: url("/gsp/img/icons/sys_icon_chat.png");
}

#lnavlogoff{
  background-image: url("/gsp/img/icons/sys_icon_exit.png");
}

.lnavicons{
  background-repeat: no-repeat, repeat;
  background-size: 20px 20px;
  background-position: left 12px bottom 10px;
}

/*  END CSS ICONS */

/* --------------------------------------------- STUFF FROM NEW THEME */


/*** BODY STYLES ***/

@font-face{font-family:open_sansregular;src:url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.eot);src:url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.woff) format("woff"),url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.ttf) format("truetype"),url(/gsp/stylesheets/opensans/OpenSans-Regular-webfont.svg#open_sansregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:open_sansbold;src:url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.eot);src:url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.woff) format("woff"),url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.ttf) format("truetype"),url(/gsp/stylesheets/opensans/OpenSans-Bold-webfont.svg#open_sansbold) format("svg");font-weight:400;font-style:normal}
body {line-height: 16px;font: 16px/26px open_sansregular,Helvetica,Helvetica Neue,Arial;color: #222;width: 100%;margin: 0;padding: 75px 0 0 0;}
img {vertical-align: middle;max-width: 100%;}
/*** BODY STYLES END ***/

/*** HEADER STYLES ***/

#shc {height: 75px;margin: 0 auto;width: 100%;background: #fff;z-index: 10;position: fixed;top: 0;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);}
#lkeeper {color: #fff;padding: 0;height: 75px;background-color: #3d4144;max-width: 960px;margin: 0 auto;position: relative;}
nav.quickfooter {display: inline-block;min-width: 0;float: none;min-height: 55px;height: 100%;width: 100%;border: 0;border-radius: 0;background-color: #fff;font-size: 14px;}
nav.quickfooter a {display: block;text-align: center;text-decoration: none;color: #000;background: #fff;-webkit-transition: none;transition: none;box-sizing: content-box;line-height: 26px;font-size: 14px;}
nav.quickfooter a#slogolink {padding: 0;}
nav.quickfooter a#slogolink:hover {border: none;}
nav.quickfooter a:hover,
.nav>li>a:focus,
.nav>li.selected>a,
nav.quickfooter .log-click.active {display: block;text-align: center;text-decoration: none;color: #fff;background: #4f9ddf;border-bottom: solid 4px #4f9ddf;-webkit-transition: none;transition: none;}
div.stickylogo {display: inline-block;width: 212px;float: left;min-height: 75px;text-align: left;margin-left: -100px;}
div.stickylogo img {padding: 16px 0 0 0;}
.navbar-nav {float: right;padding-right: 100px;}
.nav>li>a {padding: 25px 12px 20px;font-family: open_sansbold,Helvetica,Helvetica Neue,Arial;}
nav.quickfooter .nav-button {border: 2px solid transparent;color: #fff;background: #4f9ddf;padding: 8px 9px 8px;margin: 15px 5px 0 5px;border-radius: 5px;font-family: open_sansregular,Helvetica,Helvetica Neue,Arial;}
nav.quickfooter .nav-button:hover {background: transparent;border: 2px solid #4f9ddf;color: #4f9ddf;}
.nav .log-container {position: absolute;right: 0;}
.log-container a.log-click {box-sizing: border-box;height: 75px;border-bottom: none;font-weight: 600;}
#stickylang-container {margin: 0 auto;float: right;text-align: center;height: 100%;width: 100px;background: #fff;font-size: 12px;position: absolute;right: -100px;top: 0;padding-top: 30px;line-height: 16px;}
#stickyheader-wrapper {margin: 0 auto;display: inline-block;text-align: left;vertical-align: top;line-height: 100%;width: 100%;}
#stickylang-container.lang-play,
.log-container a:hover {background: #4f9ddf;color: #fff;}
.b-lang {position: relative;text-align: center;z-index: 200;cursor: pointer;}
.b-langzzcurr {color: #fff;line-height: 100%;text-decoration: none;}
.b-langzzlist a {border-bottom: none;display: block;color: #000;background: none;margin: 0;text-decoration: none;padding: 14px 7px;height: 40px;line-height: 1;text-align: left;box-sizing: border-box;}
#stickylang-container a,
#stickylang-container a:hover,
.log-container a,
.log-container a:hover,
#stickylang-container .b-langzzcurr:hover {text-decoration: none;color: #000;}
.b-langzzlist a:hover,
.log-container .log-list a:hover {background: #4f9ddf;color: #fff;}
#stickylang-container a:hover,
.lang-play .b-langzzname,
.log-container a:hover {color: #fff;}
.b-caret {border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #000;content: "";display: inline-block;height: 0;vertical-align: middle;width: 0;position: relative;}
#stickylang-container .b-caret {transform: rotate(0deg);transition: transform 0.3s;}
.b-langzzcurr .b-caret {margin-left: 1px;line-height: 55px;vertical-align: middle;}
.b-caret:after {border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;content: "";display: inline-block;position: absolute;left: -6px;top: -8.5px;}
.lang-play .b-caret {border-top: 6px solid #fff;}
#stickylang-container.lang-play .b-caret,
.b-langzzname:hover>.b-caret {transform: rotate(180deg);transition: transform 0.3s;}
#stickylang-container.lang-play .b-caret:after {border-top: 6px solid #4f9ddf;}
.b-langzzlist {-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);display: block;list-style-type: none;position: absolute;z-index: 501;width: 100%;top: 45px;margin: 0;padding:0;color: #fff;text-align: left;height: 0;overflow: hidden;transition: all 0.5s;background: #fff;border: none;}
#stickylang-container.lang-play .b-langzzlist {height: calc(40px * 10);transition: all 0.3s;}
.b-langzzlist li {margin: 0;line-height: 100%;}
.buy-now-btn-nav {margin-left: 50px;}

@media (max-width: 1200px) {
  div.stickylogo {padding-left: 0;margin-left: 0;}
  #stickylang-container {position: static;margin: auto;float: none;width: 200px;height: 40px;background-color: #ec513e;border-radius: 30px;margin-top: 20px;}
  #stickyheader-wrapper {line-height: 40px;}
  .b-langzzcurr {width: 100%;display: inline-block;}
  .b-langzzname {color: #fff;}
  #stickylang-container .b-caret {margin-top: -3px;border-bottom: 6px solid #fff;border-top: none;}
  #stickylang-container .b-caret:after {border-bottom: 6px solid #ec513e;border-top: none;top: 3px;}
  #stickylang-container.lang-play .b-caret:after {border-bottom: 6px solid #4f9ddf;border-top: none;}
  #stickylang-container .b-langzzlist {background: #4f5254;}
  #stickylang-container .b-langzzlist a {height: 30px;text-align: center;}
  #stickylang-container.lang-play .b-langzzlist {height: calc(30px * 10);background: #4f5254;border-radius: 30px;}
  .b-langzzcurr .b-caret {position: absolute;right: 20px;top: 50%;}
  .b-langzzlist {top: auto;bottom: 40px;width: 100%;left: 0;z-index: 199;}
  .b-langzzlist a {padding: 6px 5px;}
  #stickylang-container .b-langzzlist a:hover {color: #fff;}
  #stickylang-container {padding-top: 0;}
  .buy-now-btn-nav {margin-left: 0;}
}

@media (max-width: 1000px) {
  #lkeeper, .navbar {position: static;}
  .navbar-toggle {background-color: #4f9ddf;width: 44px;height: 32px;margin-top: 20px;}
  .navbar-toggle.collapsed {background-color: #4f9ddf;}
  .navbar-toggle:focus {outline: 0;}
  .navbar-toggle.collapsed .icon-bar:nth-child(1),
  .navbar-toggle.collapsed .icon-bar:nth-child(2),
  .navbar-toggle.collapsed .icon-bar:nth-child(3) {transform: rotate(0deg);position: static;top: 0;display: block;transition: all 0.3s;background: #fff;}
  .navbar-toggle .icon-bar:nth-child(1) {transform: rotate(135deg);position: relative;top: 3px;transition: all 0.3s;}
  .navbar-toggle .icon-bar:nth-child(2) {display: none;}
  .navbar-toggle .icon-bar:nth-child(3) {transform: rotate(45deg);position: relative;top: -3px;transition: all 0.3s;}
  .navbar-toggle .icon-bar {background: #fff;}
  .navbar-collapse.show,
  .collapsing,
  .navbar-collapse {background-color: #fff;width: 100%;padding: 0;position: absolute;left: 0;}
  .navbar-collapse {border: none;z-index: 99;padding: 0;}
  ul#qflist {width: 100%;padding-right: 0;margin: 0;}
  .navbar-nav>li {float: none;}
  .nav>li>a {float: none;text-align: left;max-width: 100%;display: block;padding: 10px 15px;}
  nav.quickfooter .nav-button,
  nav.quickfooter .nav-button:hover {border: none;color: #000;background: #fff;margin: 0;border-radius: 0;padding: 10px 15px;}
  nav.quickfooter .nav-button:hover {color: #fff;background: #4f9ddf;}
  .nav .log-container {position: relative;}
  .log-container a.log-click,
  nav.quickfooter .log-click:hover {height: auto;border-bottom: none;}
  nav.quickfooter a:hover,
  .nav>li>a:focus,
  .nav>li.selected>a {border: none;text-align: left;outline: none;}
  #stickyheader-wrapper {max-width: 100%;width: auto;display: block;}
}

@media (min-width: 768px) {
  .navbar-header {float: none;}
  .navbar-toggle {display: block;}
  .navbar-collapse.collapse {display: none !important;visibility: hidden !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
  .navbar-collapse.show {display: block !important;visibility: visible !important;}
}

@media (min-width: 1001px) {
  .navbar-header {float: left;}
  .navbar-toggle {display: none;}
  .navbar-collapse.collapse {display: block !important;visibility: visible !important;height: auto !important;padding-bottom: 0;overflow: visible !important;padding: 0;}
}

@media (min-width: 1440px) {#lkeeper {max-width: 1170px;}}
/*** HEADER STYLES END ***/

/* -------------------------------------------------------------- END STUFF FROM NEW THEME */

/* IF WIDTH IS LESS THAN 960 HIDE THE NAVIGATION LINKS */

@media (max-width: 960px) {
  #main-menu{display:none;}
  #qflist{display:none;}
}

#slogolink:hover {
  text-decoration:none;
  color: white;
  background:white;
}


#userfilelist parent {
  padding-top: 6px; 
  padding-bottom: 6px
}

#userfilelist a {
  align: left;
  vertical-align: middle
}

#userfilelist td {
  border: 0
}

#userfilelist img {
  align: left;
  padding-right: 6px; 
  vertical-align: middle
}

input[type=text] {
   line-height: 20px;
}

/* --------------------------------------------- NEW SETUP PAGE */

.auth-page {
  width: 100%;
  height: calc(100vh - 75px);
  padding: 75px 0 0 0;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.auth-page .noselect {
  user-select: none;
}

.auth-page .main-head {
  font-size: 20px;
  color: #999;
  margin-bottom: 0;
  margin-top: 40px;
  text-align: center;
}
.auth-page .main-subhead {
  color: #b06544;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 20px;
}

.auth-view {
  box-sizing: border-box;
  padding: 40px 0 60px 0;
  font-family: "Segoe UI", Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 15px;
}

.auth-view .auth-pane {
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 464px;
  padding: 32px 40px 32px 40px;
  background-color: #ffffff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08), 0px 16px 24px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
}

.auth-view .logo {
  height: 60px;
  margin-bottom: 20px;
}

.auth-view .title-text {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 38px;
  color: rgba(0, 0, 0, 0.87);
}

.auth-view .form-head {
  font-size: 24px;
  line-height: 1;
  color: #262626;
  margin: 0;
  text-align: center;
  margin-bottom:30px;
}

.auth-view .descr {
  width: 100%;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 27px;
}

.auth-view form {
  width: 100%;
  margin-bottom: 15px;
}

.auth-view .field-with-error {
  position: relative;
}

.auth-view .field-with-title {
  box-sizing: border-box;
  position: relative;
  pointer-events: none;
}

.auth-view .field-with-title:not(:last-child) {
  margin-bottom: 16px;
}

.auth-view .field-with-title .input-field {
  box-sizing: border-box;
  width: 100%;
  padding: 11px;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  border-radius: 6px;
  outline: none;
  pointer-events: auto;
}
.auth-view .field-with-title .input-field:disabled {
  background: #f8f8f8;
}

.auth-view .field-with-title .title-field {
  position: absolute;
  top: 15px;
  left: 8px;
  padding: 0 4px;
  font-size: 18px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.4);
  background-color: transparent;
  pointer-events: none;
  transition: font-size 0.3s ease-in, top 0.3s ease-in, left 0.3s ease-in, background-color 0.3s cubic-bezier(1, 0, 1, 0.4);
}

/*.auth-view .field-with-title .input-field:disabled:not([value=""]) + .title-field,*/
.auth-view .field-with-title .input-field:disabled + .title-field,
.auth-view .field-with-title .input-field:valid + .title-field,
.auth-view .field-with-title .input-field:focus + .title-field {
  top: -10px;
  font-size: 13px;
  background-color: #fff;
}

.auth-view .field-with-title .input-field:focus + .title-field {
  color: #2979ff;
}

.auth-view .field-with-title.bad-value .input-field + .title-field,
.auth-view .field-with-title .input-field.bad-value + .title-field,
.auth-view .login-failed .field-with-title .input-field + .title-field {
  color: #eb5757;
}

.auth-view .field-border {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.32);
  border-radius: 6px;
}

.auth-view .field-border .input-field {
  border: 0;
}
.auth-view .field-border:hover,
.auth-view .field-border:focus-within {
  border-color: #2979ff;
}

.auth-view .field-border.bad-value,
.auth-view .login-failed .field-border {
  border: 1px solid #eb5757;
}

.auth-view .disabled .field-border,
.auth-view .field-border:disabled {
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  color: rgba(0, 0, 0, 0.4);
}

.auth-view .field-border input:disabled {
  color: rgba(0, 0, 0, 0.4);
}

.auth-view .field-frame {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.auth-view .auth-view .field-frame .input-field {
  flex: 1;
}

.auth-view .field-frame .field-frame-buttons {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  padding: 0 4px;
  pointer-events: auto;
}

.auth-view .field-frame .field-frame-buttons > * {
  margin: auto 4px;
}

.auth-view .eye-icon {
  width: 24px;
  height: 24px;
  padding: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("img/password-eye.svg");
  cursor: pointer;
}

.auth-view .eye-icon.hide-pwd {
  background-image: url("img/password-closed-eye.svg");
}

.auth-view .eye-icon:hover {
  background-image: url("img/password-eye-hover.svg");
}

.auth-view .eye-icon.hide-pwd:hover {
  background-image: url("img/password-closed-eye-hover.svg");
}

.auth-view .field-info-button {
  position: relative;
  user-select: none;
}
.auth-view .field-info-button .pwd-icon {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("img/question-mark.svg");
}
.auth-view .field-info-button.no-problems .pwd-icon {
  background-image: url("img/exclamation-ok.svg");
}
.auth-view .field-info-button.have-problems .pwd-icon {
  background-image: url("img/exclamation-error.svg");
}
.auth-view .field-info-button .field-info {
  display: none;
  position: absolute;
  bottom: 48px;
  right: -28px;
  padding: 12px;
  text-align: left;
  background-color: #c9e3e7;
  border-radius: 6px;  
  white-space: nowrap;
  box-shadow: 0 16px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.08);
}
.auth-view .field-info-button:not(.no-problems):hover .field-info,
.auth-view .field-info-button.have-problems .field-info.active {
  display: initial;
}
.auth-view .field-info-button:not(.no-problems):hover .field-info::before,
.auth-view .field-info-button.have-problems .field-info.active::before {
  content: "";
  position: absolute;
  bottom: -22px;
  right: 28px;
  border: 12px solid transparent;
  border-top-color: #c9e3e7;
}
.auth-view .pwd-quality-ind .field-info .list-title {
  text-align: left;
  font-weight: 600;
}
.auth-view .pwd-quality-ind .field-info .item {
  display: flex;
  align-items: center;
}
.auth-view .pwd-quality-ind .field-info .item .icon {
  flex: none;
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
.auth-view .pwd-quality-ind .field-info .item .text {
  padding-left: 4px;
}
.auth-view .pwd-quality-ind .field-info .item.initial .icon {
  background-image: url("img/password-hint-initial.svg");
}
.auth-view .pwd-quality-ind .field-info .item.passed .icon {
  background-image: url("img/password-hint-passed.svg");
}
.auth-view .pwd-quality-ind .field-info .item.failed .icon {
  background-image: url("img/password-hint-failed.svg");
}
.auth-view .question-icon {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("img/question-mark.svg");
}


.auth-view .error-balloon {
  display: none;
  position: absolute;
  top: 124%;
  left: -4%;
  min-width: 20%;
  max-width: 90%;
  z-index: 1;
}

.auth-view .error-balloon.active:not(.hidden) {
  display: initial;
}

.auth-view .error-balloon.active:not(.hidden)::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 24px;
  border: 12px solid transparent;
  border-bottom-color: rgba(201, 1, 1, 1);
}

.auth-view .error-balloon .text {
  font-size: 15px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.87);
  background-color: rgba(201, 1, 1, 1);
  border-radius: 6px;
  padding: 8px 12px;
}

.auth-view .error-text {
  margin: 8px 0;
  color: #eb5757;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
}

.auth-view .error-text p {
    color: #eb5757;
    line-height: 18px;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}

.auth-view .error-text em {
    color: #986b4c;
    font-weight: 500;
    font-style:normal;
}

.auth-view .error-text small {
    line-height: 16px;
    display: inline-block;
    font-size: 11.5px;
    margin-top: 5px;
    text-align: left;
    color: #5a3f3f;
}

.auth-view .error-text legend {
    border: none;
    text-align: left;
    color: #5a3f3f;
    font-size: 13px;
    width: auto;
    padding: 0 3px;
    margin: -3px;
    line-height: 0;
}

.auth-view .error-text fieldset {
    border: 2px solid #5a3f3f;
    padding: 5px 7px;
    margin-top: 15px;
    background: #fafafa;
}

.auth-view .error-text .error-explanation {
    color: #a00;
    text-align: left;
}

.auth-view .g-recaptcha {
  margin-top: 24px;
}

.auth-view .g-recaptcha div {
    margin: 0 auto;
}

.auth-view.create-account-view .error-text {
  margin: 24px 0 0 0;
  text-align: center;
}

.auth-view .buttons-section,
.auth-view.create-account-view .button-with-progress {
  width: 100%;
  margin-top: 6px;
}

.auth-view.login-view .button-with-progress {
  width: 100%;
  margin-top: 26px;
}

.auth-view .button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 48px;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
}

.auth-view .button:hover {
  background-color: rgba(41, 121, 255, 0.08);
}

.auth-view .button:active {
  background-color: rgba(41, 121, 255, 0.16);
}

.auth-view .button.primary-button {
  padding-top: 11px;
  border: none;
  color: #ffffff;
  background: linear-gradient(270deg, #0f87ff 0%, #1dc7ff 100%);
}

.auth-view .button.primary-button:hover {
  background: #448aff;
}

.auth-view .button.primary-button:active {
  background: #2962ff;
}

.auth-view .button.primary-button.disabled {
  color: rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.08);
  cursor: default;
  pointer-events: none;
}

.auth-view .button-with-progress.show-progress {
  display: flex;
}

.auth-view .button-with-progress .progress {
  display: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}

.auth-view .button-with-progress.show-progress .button {
  visibility: hidden;
  min-width: 0;
  width: 0;
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0;
}

.auth-view .button-with-progress.show-progress .progress {
  display: block; 
}

@keyframes progress-indicator-animation {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
.auth-view .button-with-progress.show-progress .progress div {
    position: absolute;
    height: 100%;
    width: 150px;
    border-radius: 6px;
    background: linear-gradient(270deg, #0F87FF 0%, rgba(29, 199, 255, 0) 100%);
    animation: progress-indicator-animation 3s linear infinite;
}

.auth-view .policy-note {
  margin-top: 12px;
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.auth-view .policy-note a {
  color: rgba(0, 0, 0, 0.4);
  text-decoration: underline;
}

.auth-view .policy-note a:hover {
  text-decoration: underline;
}

.auth-view .login-desc {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #262626;
}
.auth-view .login-desc a {
  color: #57919A;
  text-decoration: underline;
}
.auth-view .login-desc a:hover {
  text-decoration: none;
}

.auth-view .otp-input {
    font-size: 65px;
    font-family: Arial;
    letter-spacing: 28px;
    padding: 8px 14px;
    width: 415px;
    z-index: 2;
    position: relative;
    background: #0000;
    border: none;
    outline: none;
    caret-color:#0000;
}

.auth-view .otp-cells {
    z-index: 0;
    width:385px;
    height: 0;
}

.auth-view .otp-cells rect {
    fill: none; stroke: #ccc; stroke-width: 1.5px;
}

.auth-view .otp-cells rect.filled {
    stroke: #0F87FF;
    fill: #f1f4fb;
}

.auth-view .otp-cells rect.current {
    animation: blink 1s infinite;
}
@keyframes blink {
   0% {stroke: #ccc;}
   50% {stroke: #0F87FF;}
}

.auth-view .accordion {
  font-family: 'Condensed_Light';
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #262626;
  color: rgba(38, 38, 38, 0.5);
  text-decoration: underline;
  cursor: pointer;
}
.auth-view .accordion:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../img/more-disabled.svg') no-repeat center;
  vertical-align: middle;
  margin-left: 5px;
}
.auth-view .accordion.active {
  color: #262626;
}
.auth-view .accordion.active:after {
  background: url('../img/more-active.svg') no-repeat center;
}
.auth-view .accordion-desc {
  font-family: 'Condensed_Light';
  font-size: 16px;
  line-height: 20px;
  color: #262626;
  margin: 10px -30px 0;
  text-align: justify;
}


.copyright-line {
  text-align: center;
  color: #9f9f9f;
  margin-bottom: 20px;
}

.auth-view.account-created-view .auth-pane {
  display: block;
  padding-top: 0;
}

.auth-view.account-created-view .header {
  box-sizing: border-box;
  height: 132px;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url("img/account-created-header.svg");
  border-bottom: 1px solid #d9d9d9;
}

.auth-view.account-created-view .title-text {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.auth-view.account-created-view .credentials {
  border: 1px solid #d7d7d7;
  border-radius: 12px;
  margin-top: 20px;
}

.auth-view.account-created-view .credentials .row {
  display: flex;
  margin: 5px 0 5px 12px;
  align-items: center;
}

.auth-view.account-created-view .credentials .field-title {
  text-align: right;
  font-size: 18px;
  width: 80px;
  margin-right: 12px;
}

.auth-view.account-created-view .account-email {
  font-size: 18px;
  font-weight: 500;
}

.auth-view.account-created-view .account-password {
  margin-right: 5px;
}

.auth-view.account-created-view .descr {
  margin-top: 20px;
  margin-bottom: 40px;
}

.auth-view.account-created-view .need-help-note {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4);
}

.auth-view.account-created-view .links-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auth-view.account-created-view .links-section .link {
  color: #0f87ff;
  text-decoration: none;
}

.auth-view.account-created-view .links-section .link:hover {
  text-decoration: underline;
}

/* == editBillingDialog == */

#editBillingDialog .row {
    margin-right: -8px;
    margin-left: -8px;
}
#editBillingDialog .row .form-group {
    padding-left: 6px;
    padding-right: 6px;
}
#editBillingDialog .row .form-group select[name="cardExpMonth"],
#editBillingDialog .row .form-group select[name="cardExpYear"] {
    display: inline-block;
    width: calc(50% - 2px);
    margin-right: 2px;
}
#editBillingDialog .row .form-group select[name="cardExpYear"] {
    margin-right: 0;
    margin-left: 2px;
}
#editBillingDialog .billing-address-link {
    border-bottom: 1px dashed #626262;
    color: #626262;
    cursor: pointer;
}
#editBillingDialog .billing-address-link + .caret {
    margin-top: -2px;
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
#editBillingDialog .billing-address-link.shown + .caret {
    transform: rotate(0deg);
}
#editBillingDialog .billing-address {
    display: none;
}
#editBillingDialog .optional {
    color: #626262;
    font-size: 11px;
    position: relative;
    top: -1px;
    left: 8px;
}

.modal-body .result-error {
    color: #f00000;
    margin: 0 0 20px 0;
    display: none;
}
.modal-body.processing {
    display: none;
    font-size: 110%;
    padding: 30px;
    text-align: center;
}
.modal-body .wait-loader {
    display: inline-block;
    background: url(img/ajax-loader.gif) no-repeat 0 4px;
    padding-left: 24px;
}

#resultDialog .modal-body,
#resultDialog .modal-footer {
    text-align: center;
}
#resultDialog.wide .modal-body{
    text-align: left;
}
#resultDialog .message {
    font-size: 120%;
    font-weight: bold;
}
#resultDialog .error {
    background-color: #ac0000;
}
#resultDialog .warning {
    background-color: #f48900;
}

._display_delayed {
    display: none;
}

#storage_edit_info input {
    width: 300px;
}