body.fson {overflow: hidden;}
h1 {font-size: 20px; font-weight: normal; padding: 0 0 15px 0;}
h1 span{color: #cb2930; font-weight: bold;}

.addform {}
.addform .row{padding: 5px 0 15px 0;}
.addform .row.agree {padding: 20px 0 15px 0; vertical-align: middle;}
.addform .row.agree label{cursor: pointer;}
.addform .row.agree a{color: #3878bb; text-decoration: underline;}
.addform .row.agree a:hover{color: #;}
.addform .row.last{padding: 25px 0 0 0; text-align: center;}
.addform .row h2{display: block; padding: 5px 0 5px 15px; position: relative; font-weight: bold; font-size: 15px;}
.addform .row h2:before{content: ""; position: absolute; top: 13px; left: 0; width: 0; height: 0;border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #222222;}
.addform select{background-color: #ffffff; display: block; border: 1px solid #cbcbcb; border-radius: 5px; padding: 10px 15px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); width: 400px;}
.addform input.text{display: block; border: 1px solid #cbcbcb; border-radius: 5px; padding: 10px 15px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); width: 400px;}
.addform input.submit{position: relative; padding: 15px 25px; font-weight: bold; text-transform: uppercase; border-radius: 5px; background-color: #3878bb; color: #ffffff; border: none; cursor: pointer; transition: background-color 0.1s ease-in-out; box-shadow: inset 0 -15px 15px 0 rgba(0,0,0,0.2);}
.addform input.submit:hover{background-color: #cb2930;}
.addform input.submit:active{top: 1px; left: 1px;}
.addform textarea{display: block; border: 1px solid #cbcbcb; border-radius: 0 0 5px 5px; padding: 10px 15px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); width: 100%; height: 300px;}
.addform select:focus{border: 1px solid #6596cb; box-shadow: inset 0 1px 5px rgba(56,120,187,0.5);}
.addform input.text:focus{border: 1px solid #6596cb; box-shadow: inset 0 1px 5px rgba(56,120,187,0.5);}
.addform textarea:focus{border: 1px solid #6596cb; box-shadow: inset 0 1px 5px rgba(56,120,187,0.5);}
.addform .options{border-radius: 5px 5px 0 0; display: block; font-size: 14px; border: 1px solid #cacaca; box-shadow:inset 0 -15px 15px 0 rgba(0,0,0,0.05);}
.addform .options a {display: block; padding: 8px 15px; box-sizing: border-box; height: 36px; border-right: 1px solid #cbcbcb; float: left;}
.addform .options a:hover {box-shadow:inset 0 -15px 15px 0 rgba(0,0,0,0.04);}
.addform .options a:active{background-color: #eeeeee; box-shadow:inset 2px 2px 5px 0 rgba(0,0,0,0.2);}
.addform .options a b{font-size: 12px; font-weight: bold; color: #3878bb;}
.addform .options a span {font-size: 11px; color: #666666;}
.addform .options .l{position: relative; float: right;}
.addform .options .l .tooltip {display: none; width: 260px; font-size: 11px; background-color: #f5f8fc; color: #6596cb; border-radius: 6px; padding: 10px; position: absolute; right: 0; bottom: 50px; z-index: 1; box-sizing: border-box;}
.addform .options .l .tooltip b{display: block; margin: 5px 0 0 0;}
.addform .options .l .tooltip em{display: block; white-space: pre; padding: 5px; text-align: left; background-color: #ffffff; border-radius: 3px; font-family: "Lucida Console", Monaco, monospace; line-height: 1.2; margin: 5px 0;}
.addform .options .l p {float: left;}
.addform .options .l a {border-right: 0; border-left: 1px solid #cbcbcb; padding: 0; width: 37px;}
.addform .options .l a.transform {background: url('../images/transform.svg') center center no-repeat;}
.addform .options .l a.fullscreen {background: url('../images/fullscreen.svg') center center no-repeat;}
.fson .addform .options .l a.fullscreen {background: url('../images/no_fullscreen.svg') center center no-repeat;}
.fson .addform .fs {position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 9999;}
.fson .addform .fs textarea{position: fixed; top: 38px; bottom: 0; right: 0; left: 0; height: auto;}


.addform .row p.or{display: block; font-size: 12px; color: #666666; padding: 5px 0;}
.addform .row em.error{color: #cb2930; font-weight: bold; font-size: 12px; font-style: normal; display: block;}

.help{padding: 15px 15px 15px 20px; background-color: #f5f8fc; border-left: 2px solid #6596cb; border-radius: 5px;}
.help h2{display: none;}
.help .item{padding: 10px 0;}
.help h3{color: #3878bb; text-transform: uppercase; padding: 0 0 2px 0; font-size: 12px;}
.help p{display: block; padding: 2px 0; line-height: 1.3; font-size: 14px;}
.help p b{font-weight: bold; color: #444444;}
.help p b.tip{color: #cb2930;}
.help h4{font-weight: normal; padding: 15px 0 2px 0; font-size: 12px; font-weight: bold;}
.help p.ex{padding: 10px; background-color: #ffffff; border-radius: 5px; font-size: 11px; font-family: "Lucida Console", Monaco, monospace; line-height: 1.2; margin: 0 0 15px 0;}

.finished {text-align: center; padding: 120px 0 0 0; background: url('../images/smile.svg') center 40px no-repeat;}
.finished h2{font-size: 28px; font-weight: normal; padding: 0 0 10px 0;}
.finished p{padding: 10px 0;}
.finished a{display: inline-block; margin: 25px 0 0 0; padding: 15px 25px; font-weight: bold; text-transform: uppercase; border-radius: 5px; background-color: #3878bb; color: #ffffff; box-shadow: inset 0 -15px 15px 0 rgba(0,0,0,0.2);}
.finished a:hover{background-color: #306aa7;}


/* icheck */
.icheckbox, .iradio{display:inline-block; *display:inline; vertical-align:middle; margin:0 3px 0 0; padding:0; width:18px; height:18px; background:url('../images/icheck.svg') no-repeat; border:none; cursor:pointer; position: relative; top: -2px;}
.no-svg .icheckbox, .no-svg .iradio{background-image:url('../images/icheck.png');}
.icheckbox{background-position:-1px -1px;}
.icheckbox.hover{background-position:-21px -1px;}
.icheckbox.checked{background-position:-41px -1px;}
.icheckbox.disabled{background-position:-61px -1px;  cursor:default;}
.icheckbox.checked.disabled{background-position:-81px -1px;}
.iradio{background-position:-101px -1px;}
.iradio.hover{background-position:-121px -1px;}
.iradio.checked{background-position:-141px -1px;}
.iradio.disabled{background-position:-161px -1px;  cursor:default;}
.iradio.checked.disabled{background-position:-181px -1px;}



@media screen and (max-width: 580px) {
.addform input.text{width: 80%;}
.addform select{width: 80%;}
.addform .options a span{display: none;}
}