| 1 |
- .sky-form{margin:0;outline:none;box-shadow:0 0 20px rgba(0,0,0,.3);font:13px/1.55 Helvetica,Arial,sans-serif;color:#666;}.sky-form header{display:block;padding:20px 20px;border-bottom:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9);font-size:20px;font-weight:300;color:#232323;}.sky-form fieldset{display:block;padding:20px 20px 5px;border:none;background:rgba(255,255,255,.9);}.sky-form fieldset+fieldset{border-top:1px solid rgba(0,0,0,.1);}.sky-form section{margin-bottom:15px;}.sky-form footer{display:block;padding:5px 20px 15px;border-top:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9);}.sky-form footer:after{content:'';display:table;clear:both;}.sky-form a{color:#2da5da;}.sky-form .label{display:block;margin-bottom:6px;line-height:19px;font-weight:400;}.sky-form .label.col{margin:0;padding-top:10px;}.sky-form .description{margin-bottom:10px;padding:0 1px;font-size:12px;line-height:18px;color:#999;}.sky-form .note{margin-top:6px;padding:0 1px;font-size:11px;line-height:15px;color:#999;}.sky-form .dismiss{float:left;padding-top:20px;font-size:11px;line-height:15px;color:#999;text-decoration:underline;cursor:pointer;}.sky-form .input,.sky-form .select,.sky-form .textarea,.sky-form .radio,.sky-form .checkbox,.sky-form .toggle,.sky-form footer button.button{position:relative;display:block;}.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea{display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:39px;padding:5px 7px;outline:none;border-width:2px;border-style:solid;border-radius:0;background:#fff;font:15px/19px Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none;}.sky-form .progress{float:right;margin-top:10px;line-height:39px;color:#232323;}.sky-form .input-file .button{position:absolute;top:4px;right:4px;float:none;height:31px;margin:0;padding:0 20px;font-size:13px;line-height:31px;}.sky-form .input-file .button:hover{box-shadow:none;}.sky-form .input-file .button input{position:absolute;top:0;right:0;padding:0;font-size:30px;cursor:pointer;opacity:0;}.sky-form .select i{position:absolute;top:14px;right:14px;width:5px;height:11px;background:#fff;box-shadow:0 0 0 12px #fff;}.sky-form .select i:after,.sky-form .select i:before{content:'';position:absolute;right:0;border-right:4px solid transparent;border-left:4px solid transparent;}.sky-form .select i:after{bottom:0;border-top:4px solid #404040;}.sky-form .select i:before{top:0;border-bottom:4px solid #404040;}.sky-form .select-multiple select{height:auto;}.sky-form .textarea textarea{height:auto;resize:none;}.sky-form .textarea-resizable textarea{resize:vertical;}.sky-form .textarea-expandable textarea{height:39px;}.sky-form .textarea-expandable textarea:focus{height:auto;}.sky-form .radio,.sky-form .checkbox{margin-bottom:4px;padding-left:27px;font-size:15px;line-height:27px;color:#404040;cursor:pointer;}.sky-form .radio:last-child,.sky-form .checkbox:last-child{margin-bottom:0;}.sky-form .radio input,.sky-form .checkbox input{position:absolute;left:-9999px;}.sky-form .radio i,.sky-form .checkbox i{position:absolute;top:5px;left:0;display:block;width:13px;height:13px;outline:none;border-width:2px;border-style:solid;background:#fff;}.sky-form .radio i{border-radius:50%;}.sky-form .radio input+i:after,.sky-form .checkbox input+i:after{position:absolute;opacity:0;transition:opacity 0.1s;-o-transition:opacity 0.1s;-ms-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-webkit-transition:opacity 0.1s;}.sky-form .radio input+i:after{content:'';top:4px;left:4px;width:5px;height:5px;border-radius:50%;}.sky-form .checkbox input+i:after{content:'\f00c';top:-1px;left:-1px;width:15px;height:15px;font:normal 12px/16px FontAwesome;text-align:center;}.sky-form .radio input:checked+i:after,.sky-form .checkbox input:checked+i:after{opacity:1;}.sky-form .inline-group{margin:0 -30px -4px 0;}.sky-form .inline-group:after{content:'';display:table;clear:both;}.sky-form .inline-group .radio,.sky-form .inline-group .checkbox{float:left;margin-right:30px;}.sky-form .inline-group .radio:last-child,.sky-form .inline-group .checkbox:last-child{margin-bottom:4px;}.sky-form .toggle{margin-bottom:4px;padding-right:61px;font-size:15px;line-height:27px;color:#404040;cursor:pointer;}.sky-form .toggle:last-child{margin-bottom:0;}.sky-form .toggle input{position:absolute;left:-9999px;}.sky-form .toggle i{content:'';position:absolute;top:4px;right:0;display:block;width:49px;height:17px;border-width:2px;border-style:solid;border-radius:12px;background:#fff;}.sky-form .toggle i:after{content:'OFF';position:absolute;top:2px;right:8px;left:8px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align:left;color:#5f5f5f;}.sky-form .toggle i:before{content:'';position:absolute;z-index:1;top:4px;right:4px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;transition:right 0.2s;-o-transition:right 0.2s;-ms-transition:right 0.2s;-moz-transition:right 0.2s;-webkit-transition:right 0.2s;}.sky-form .toggle input:checked+i:after{content:'ON';text-align:right;}.sky-form .toggle input:checked+i:before{right:36px;}.sky-form .rating{margin-bottom:4px;font-size:15px;line-height:27px;color:#404040;}.sky-form .rating:last-child{margin-bottom:0;}.sky-form .rating input{position:absolute;left:-9999px;}.sky-form .rating label{display:block;float:right;height:17px;margin-top:5px;padding:0 2px;font-size:17px;line-height:17px;cursor:pointer;}.sky-form footer button.button{float:right;height:35px;overflow:hidden;margin:10px 0 0 20px;padding:0 20px;outline:none;border:0;border-radius:0;font:300 15px/35px Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;cursor:pointer;text-shadow:none;background:none;-webkit-box-shadow:none;box-shadow:none;text-transform:none;}.sky-form .button-uploading{position:relative;color:transparent;cursor:default;}.sky-form .button-uploading:after{content:'Uploading...';position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;-o-animation:blink 1s linear infinite;-ms-animation:blink 1s linear infinite;-moz-animation:blink 1s linear infinite;-webkit-animation:blink 1s linear infinite;}@-o-keyframes blink{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@-ms-keyframes blink{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}.sky-form [class^="icon-"],.ui-datepicker [class^="icon-"]{font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;}.sky-form .icon-append,.sky-form .icon-prepend{position:absolute;top:5px;width:29px;height:29px;font-size:15px;line-height:29px;text-align:center;}.sky-form .icon-append{right:5px;padding-left:3px;border-left-width:1px;border-left-style:solid;}.sky-form .icon-prepend{left:5px;padding-right:3px;border-right-width:1px;border-right-style:solid;}.sky-form .input .icon-prepend+input,.sky-form .textarea .icon-prepend+textarea{padding-left:46px;}.sky-form .input .icon-append+input,.sky-form .textarea .icon-append+textarea{padding-right:46px;}.sky-form .input .icon-prepend+.icon-append+input,.sky-form .textarea .icon-prepend+.icon-append+textarea{padding-left:46px;}.sky-form .row{margin:0 -15px;}.sky-form .row:after{content:'';display:table;clear:both;}.sky-form .col{float:left;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box;}.sky-form .col-1{width:8.33%;}.sky-form .col-2{width:16.66%;}.sky-form .col-3{width:25%;}.sky-form .col-4{width:33.33%;}.sky-form .col-5{width:41.66%;}.sky-form .col-6{width:50%;}.sky-form .col-7{width:58.33%;}.sky-form .col-8{width:66.67%;}.sky-form .col-9{width:75%;}.sky-form .col-10{width:83.33%;}.sky-form .col-11{width:91.66%;}@media screen and (max-width: 600px) {.sky-form .col{float:none;width:100%;}}.sky-form .tooltip{position:absolute;z-index:1;left:-9999px;padding:2px 8px 3px;font-size:11px;line-height:16px;font-weight:400;background:rgba(0,0,0,0.9);color:#fff;opacity:0;transition:margin 0.3s,opacity 0.3s;-o-transition:margin 0.3s,opacity 0.3s;-ms-transition:margin 0.3s,opacity 0.3s;-moz-transition:margin 0.3s,opacity 0.3s;-webkit-transition:margin 0.3s,opacity 0.3s;}.sky-form .tooltip:after{content:'';position:absolute;}.sky-form .input input:focus+.tooltip,.sky-form .textarea textarea:focus+.tooltip{opacity:1;}.sky-form .tooltip-top-right{bottom:100%;margin-bottom:15px;}.sky-form .tooltip-top-right:after{top:100%;right:16px;border-top:4px solid rgba(0,0,0,0.9);border-right:4px solid transparent;border-left:4px solid transparent;}.sky-form .input input:focus+.tooltip-top-right,.sky-form .textarea textarea:focus+.tooltip-top-right{right:0;left:auto;margin-bottom:5px;}.sky-form .tooltip-top-left{bottom:100%;margin-bottom:15px;}.sky-form .tooltip-top-left:after{top:100%;left:16px;border-top:4px solid rgba(0,0,0,0.9);border-right:4px solid transparent;border-left:4px solid transparent;}.sky-form .input input:focus+.tooltip-top-left,.sky-form .textarea textarea:focus+.tooltip-top-left{right:auto;left:0;margin-bottom:5px;}.sky-form .tooltip-right{top:9px;white-space:nowrap;margin-left:15px;}.sky-form .tooltip-right:after{top:6px;right:100%;border-top:4px solid transparent;border-right:4px solid rgba(0,0,0,0.9);border-bottom:4px solid transparent;}.sky-form .input input:focus+.tooltip-right,.sky-form .textarea textarea:focus+.tooltip-right{left:100%;margin-left:5px;}.sky-form .tooltip-left{top:9px;white-space:nowrap;margin-right:15px;}.sky-form .tooltip-left:after{top:6px;left:100%;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid rgba(0,0,0,0.9);}.sky-form .input input:focus+.tooltip-left,.sky-form .textarea textarea:focus+.tooltip-left{right:100%;left:auto;margin-right:5px;}.sky-form .tooltip-bottom-right{top:100%;margin-top:15px;}.sky-form .tooltip-bottom-right:after{bottom:100%;right:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,0.9);border-left:4px solid transparent;}.sky-form .input input:focus+.tooltip-bottom-right,.sky-form .textarea textarea:focus+.tooltip-bottom-right{right:0;left:auto;margin-top:5px;}.sky-form .tooltip-bottom-left{top:100%;margin-top:15px;}.sky-form .tooltip-bottom-left:after{bottom:100%;left:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,0.9);border-left:4px solid transparent;}.sky-form .input input:focus+.tooltip-bottom-left,.sky-form .textarea textarea:focus+.tooltip-bottom-left{right:auto;left:0;margin-top:5px;}.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea,.sky-form .radio i,.sky-form .checkbox i,.sky-form .toggle i,.sky-form .icon-append,.sky-form .icon-prepend{border-color:#e5e5e5;transition:border-color 0.3s;-o-transition:border-color 0.3s;-ms-transition:border-color 0.3s;-moz-transition:border-color 0.3s;-webkit-transition:border-color 0.3s;}.sky-form .toggle i:before{background-color:#2da5da;}.sky-form .rating label{color:#ccc;transition:color 0.3s;-o-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;-webkit-transition:color 0.3s;}.sky-form footer button.button{background-color:#2da5da;opacity:0.8;transition:opacity 0.2s;-o-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;}.sky-form footer button.button.button-secondary{background-color:#b3b3b3;}.sky-form .icon-append,.sky-form .icon-prepend{color:#ccc;}.sky-form .input:hover input,.sky-form .select:hover select,.sky-form .textarea:hover textarea,.sky-form .radio:hover i,.sky-form .checkbox:hover i,.sky-form .toggle:hover i{border-color:#8dc9e5;}.sky-form .rating input+label:hover,.sky-form .rating input+label:hover~label{color:#2da5da;}.sky-form footer button.button:hover{opacity:1;}.sky-form .input input:focus,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .radio input:focus+i,.sky-form .checkbox input:focus+i,.sky-form .toggle input:focus+i{border-color:#2da5da;}.sky-form .radio input+i:after{background-color:#2da5da;}.sky-form .checkbox input+i:after{color:#2da5da;}.sky-form .radio input:checked+i,.sky-form .checkbox input:checked+i,.sky-form .toggle input:checked+i{border-color:#2da5da;}.sky-form .rating input:checked~label{color:#2da5da;}.sky-form .state-error input,.sky-form .state-error select,.sky-form .state-error textarea,.sky-form .radio.state-error i,.sky-form .checkbox.state-error i,.sky-form .toggle.state-error i{background:#fff0f0;}.sky-form .state-error select+i{background:#fff0f0;box-shadow:0 0 0 12px #fff0f0;}.sky-form .toggle.state-error input:checked+i{background:#fff0f0;}.sky-form .state-error+em{display:block;margin-top:6px;padding:0 1px;font-style:normal;font-size:11px;line-height:15px;color:#ee9393;}.sky-form .rating.state-error+em{margin-top:-4px;margin-bottom:4px;}.sky-form .state-success input,.sky-form .state-success select,.sky-form .state-success textarea,.sky-form .radio.state-success i,.sky-form .checkbox.state-success i,.sky-form .toggle.state-success i{background:#f0fff0;}.sky-form .state-success select+i{background:#f0fff0;box-shadow:0 0 0 12px #f0fff0;}.sky-form .toggle.state-success input:checked+i{background:#f0fff0;}.sky-form .note-success{color:#6fb679;}.sky-form .input.state-disabled input,.sky-form .select.state-disabled,.sky-form .textarea.state-disabled,.sky-form .radio.state-disabled,.sky-form .checkbox.state-disabled,.sky-form .toggle.state-disabled,.sky-form footer button.button.state-disabled{cursor:default;opacity:0.5;}.sky-form .input.state-disabled:hover input,.sky-form .select.state-disabled:hover select,.sky-form .textarea.state-disabled:hover textarea,.sky-form .radio.state-disabled:hover i,.sky-form .checkbox.state-disabled:hover i,.sky-form .toggle.state-disabled:hover i{border-color:#e5e5e5;}.sky-form .message{display:none;color:#6fb679;}.sky-form .message i{display:block;margin:0 auto 20px;width:81px;height:81px;border:1px solid #6fb679;border-radius:50%;font-size:30px;line-height:81px;}.sky-form.submited fieldset,.sky-form.submited footer{display:none;}.sky-form.submited .message{display:block;padding:25px 30px;background:rgba(255,255,255,.9);font:300 18px/27px Helvetica,Arial,sans-serif;text-align:center;}.ui-datepicker{display:none;padding:10px 12px;background:rgba(255,255,255,0.9);box-shadow:0 0 10px rgba(0,0,0,.3);font:13px/1.55 Helvetica,Arial,sans-serif;text-align:center;color:#666;}.ui-datepicker a{color:#404040;}.ui-datepicker-header{position:relative;margin:-10px -12px 10px;padding:10px;border-bottom:1px solid rgba(0,0,0,.1);font-size:15px;line-height:27px;}.ui-datepicker-prev,.ui-datepicker-next{position:absolute;top:0;display:block;width:47px;height:47px;font-size:15px;line-height:47px;text-decoration:none;cursor:pointer;}.ui-datepicker-prev{left:0;}.ui-datepicker-next{right:0;}.ui-datepicker-calendar{border-collapse:collapse;font-size:13px;line-height:27px;}.ui-datepicker-calendar th{color:#999;}.ui-datepicker-calendar a,.ui-datepicker-calendar span{display:block;width:31px;margin:auto;text-decoration:none;color:#404040;}.ui-datepicker-calendar a:hover{background:rgba(0,0,0,.05);}.ui-datepicker-calendar span{color:#bfbfbf;}.ui-datepicker-today a{font-weight:700;}.ui-datepicker-calendar .ui-state-active{background:rgba(0,0,0,.05);cursor:default;}.ui-datepicker-inline{border:2px solid #e5e5e5;background:#fff;box-shadow:none;}.ui-datepicker-inline .ui-datepicker-header{line-height:47px;}.ui-datepicker-inline .ui-datepicker-calendar{width:100%;}.sky-form-modal{position:fixed;z-index:1;display:none;width:400px;z-index:1001;}.sky-form-modal-overlay{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;}.sky-form *,.sky-form *:after,.sky-form *:before{margin:0;padding:0;box-sizing:content-box;-moz-box-sizing:content-box;}.sky-form .label{border-radius:0;font-size:100%;text-align:left;white-space:normal;color:inherit;}.sky-form .radio,.sky-form .checkbox{font-weight:400;}.sky-form .radio+.radio,.sky-form .checkbox+.checkbox{margin-top:0;}
|
