/* 8. Form Elements */
.form-row{display:block;width:100%;padding:0;position:relative}
.form-row-center{display:block;width:100%;padding:0;position:relative;text-align:center}
.form-row.no-padding{padding:0}
.form-row-group{border-radius:3px;background-color:#FFF;border:solid 1px #f2f2f2;-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 1px 0px rgba(0,0,0,0.2)}
.form-row-group .form-row{padding:0 10px}
.form-row-group.with-icons .form-row i{position:absolute;line-height:50px;width:24px}
.form-row-group.with-icons .form-row .form-element{padding-left:24px}
.form-element{display:block;width:100%;border:none;border-bottom:solid 1px #EEE;height:50px;outline:none;line-height:50px;background-color:#FFF}
select.form-element{-webkit-appearance:none;background-color:white;background-image:url(../img/up-down.svg);background-position :right center;background-repeat:no-repeat;padding-right:1.5em;border-color:transparent;border-bottom:solid 1px #EEE}
.field-icon{float:right;margin-left:-25px;margin-top:10px;position:relative;z-index:2}
.error{color:#cc0c35}
.error .form-element{border-color:#cc0c35 !important;color:#cc0c35}
textarea.form-element{resize:none;line-height:1.4;padding:10px 0;min-height:80px}
select.form-element{padding:0;margin-left:-4px}
.form-element:focus{border-color:#2eb18d}
.button{padding:10px 20px;background-color:#FFF;border:none;border-radius:5px;text-align:center;font-weight:700;outline:none;-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2);cursor:pointer;position:relative;max-width:100vw}
.button.circle{border-radius:5px}
.button.block{display:block;width:100%}
.button:hover,.button:active,.button:focus{background-color:#f9f9f9}
.button.darkblue{background-color:#2C6EBC;color:#FFF;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.button.orange{background-color:#2eb18d;color:#FFF;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.button.blue{background-color:#3e7ab7;color:#FFF;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.button.yellow{background-color:#ebad4d;color:#FFF;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.button.red{background-color:#d3514b;color:#FFF;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.button.green{background-color:#65b95f;color:#FFF;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.more-btn{background:#7965ff;color:#fff;padding:10px 40px;border:1px solid #7965ff;border-radius:25px;margin-top:10px;display:inline-block;transition:all .3s ease-in-out}
.more-btn:hover,
.more-btn.transparent{background:transparent;color:#7965ff}
.sweet-check{height:30px;width:60px;cursor:pointer;border-radius:30px;border:solid 1px #eee;display:inline-block;position:relative;background-color:#FFF;-webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.1);box-shadow:1px 1px 3px 0px rgba(0,0,0,0.1);-webkit-transition:background-color 200ms cubic-bezier(0.250,0.250,0.750,0.750);-moz-transition:background-color 200ms cubic-bezier(0.250,0.250,0.750,0.750);-o-transition:background-color 200ms cubic-bezier(0.250,0.250,0.750,0.750);transition:background-color 200ms cubic-bezier(0.250,0.250,0.750,0.750);/* linear */}
.sweet-check input{opacity:0;position:absolute}
.sweet-check .outline{width:27px;height:27px;border-radius:50%;display:block;-webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2);box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2);background-color:#FFF;position:absolute;left:0;-webkit-transition:left 200ms cubic-bezier(0.250,0.250,0.750,0.750);-moz-transition:left 200ms cubic-bezier(0.250,0.250,0.750,0.750);-o-transition:left 200ms cubic-bezier(0.250,0.250,0.750,0.750);transition:left 200ms cubic-bezier(0.250,0.250,0.750,0.750);/* linear */}
.sweet-check.checked{background-color:#60B2FE;border-color:#60B2FE}
.sweet-check.checked .outline{left:30px}

/* 11. Tab Control */
.tab-item .fix-width .menu-item{display:block;float:left;text-align:center}
.tab-item .tab-content .content-item{display:none}
.tab-item .tab-content .active{display:block}
.tab-item .tab-menu{background-color:#FFF;overflow:hidden;-webkit-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.1);box-shadow:1px 1px 5px 0px rgba(0,0,0,0.1);z-index:99}
.tab-item .menu-item{line-height:40px}
.tab-item .menu-item.active{border-bottom:solid 6px #1c96cf;color:#1c96cf}
.tab-item .tab-content{padding:10px 10px 30px}
.tab-item.fixed-bottom .tab-menu{position:fixed;bottom:0;left:0;right:0;-webkit-box-shadow:0px -1px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px -1px 3px 0px rgba(0,0,0,0.2);box-shadow:0px -1px 3px 0px rgba(0,0,0,0.2)}
.tab-item.fixed-bottom .menu-item.active{border-bottom:none;border-top:solid 2px #2eb18d;background-color:rgba(0,0,0,0.05)}
.tab-item.fixed-bottom .tab-menu.only-icons .menu-item{font-size:18px}
/* 15. Divider */
.form-divider{display:block;width:100%;clear:both;height:10px;margin:10px 0}
.form-mini-divider{display:block;width:100%;clear:both;height:1px;margin:5px 0}
.form-label-divider{display:block;width:100%;clear:both;height:1px;background-color:#DDD;text-align:center;opacity:0.5}
.form-label-divider span{position:relative;top:-8px;font-weight:700;display:inline-block;background-color:#F5F6F8;padding:0 10px}