@import url(../webfonts/Rezvan/stylesheet.css); .sky-form .select-multiple select{ height:auto } .sky-form .select i{ position:absolute; top:20px; left:22px; width:0 } .sky-form .select i:after,.sky-form .select i:before{ content:''; position:absolute; border-right:6px solid transparent; border-left:6px solid transparent } .sky-form .select i:after{ bottom:0; border-top:6px solid #404040 } .sky-form{ outline:0; color:#666; direction:rtl; font-size:13px; line-height:1.55 } .sky-form *{ margin:0; padding:0 } .sky-form header{ display:block; padding:20px 30px; border-bottom:1px solid rgba(0,0,0,.1); background:rgba(248,248,248,.9); font-size:25px; font-weight:300; color:#232323 } .sky-form option{ padding-right:4px } .sky-form fieldset{ display:block; padding:25px 30px 5px; border:none; background:rgba(255,255,255,.9) } .sky-form fieldset+fieldset,.sky-form footer{ border-top:1px solid rgba(0,0,0,.1) } .sky-form section *{ margin-bottom:3px; margin-right:0; margin-left:3px } .sky-form footer{ display:block; padding:15px 30px 25px; background:rgba(248,248,248,.9) } .sky-form footer:after{ content:''; display:table; clear:both } .sky-form a{ color:red } .sky-form .label{ display:block; margin-bottom:6px; line-height:19px } .sky-form .label.col{ margin:0; padding-top:10px } .sky-form .note{ margin-top:6px; padding:0 1px; font-size:13px; line-height:15px; color:#999; } .sky-form .button,.sky-form .button2,.sky-form .checkbox,.sky-form .input,.sky-form .radio,.sky-form .select,.sky-form .textarea,.sky-form .toggle{ 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:40px; border-width:1px; border-style:solid; border-radius:5; background:#fff; color:#333; appearance:normal; -moz-appearance:none; -webkit-appearance:none; font-size:13px; padding-right:10px; padding-bottom:8px; padding-left:10px; right:2px } .sky-form .input-file .button,.sky-form .input-file .button2{ position:absolute; top:4px; right:4px; float:none; height:34px; margin:0; padding:0 20px; font-size:13px; line-height:31px } .sky-form .input-file .button2:hover,.sky-form .input-file .button:hover{ box-shadow:none } .sky-form .input-file .button input,.sky-form .input-file .button2 input{ position:absolute; top:0; right:0; padding:0; font-size:30px; cursor:pointer; opacity:0 } .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 .checkbox,.sky-form .radio{ margin-bottom:4px; padding-left:20px; font-size:13px; line-height:27px; color:red; cursor:pointer } .sky-form .checkbox:last-child,.sky-form .radio:last-child{ margin-bottom:0 } .sky-form .checkbox input,.sky-form .radio input{ position:absolute; left:2px; bottom:6px } .sky-form .checkbox i,.sky-form .radio i{ position:absolute; content:''; top:5px; display:none; left:0; width:18px; height:18px; outline:0; border-width:1px; border-style:solid; background:#fff } .sky-form .radio i{ border-radius:50% } .sky-form .checkbox input+i:after,.sky-form .radio input+i:after{ position:absolute; opacity:0; transition:opacity .1s; -o-transition:opacity .1s; -ms-transition:opacity .1s; -moz-transition:opacity .1s; -webkit-transition:opacity .1s } .sky-form .radio input+i:after{ content:url(../images/icon_small/ball_yellow.png); border-radius:40%; height:0; width:0; border:none } .sky-form .checkbox input+i:after{ content:url(../images/icon_small/sign_check.png); top:-1px; right:-2px; width:15px; height:15px } .sky-form .checkbox input:checked+i:after,.sky-form .radio input:checked+i:after{ opacity:1 } .sky-form .inline-group{ margin:0 -30px -4px 0 } .sky-form .inline-group .checkbox:last-child,.sky-form .inline-group .radio:last-child,.sky-form .toggle{ margin-bottom:4px } .sky-form .inline-group:after{ content:''; display:table; clear:both } .sky-form .inline-group .checkbox,.sky-form .inline-group .radio{ float:right; margin-right:20px } .sky-form .toggle{ padding-right:61px; font-size:13px; line-height:27px; color:#E55; 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:15px; left:8px; font-style:normal; font-size:13px; line-height:13px; font-weight:700; 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 .2s; -o-transition:right .2s; -ms-transition:right .2s; -moz-transition:right .2s; -webkit-transition:right .2s } .sky-form .toggle input:checked+i:after{ content:'ON' } .sky-form .toggle input:checked+i:before{ right:36px } .sky-form .rating{ margin-bottom:4px; font-size:13px; 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:13px; line-height:17px; cursor:pointer } .sky-form .button,.sky-form .button2{ overflow:hidden; padding:0 25px; outline:0; border:0; font:300 15px/39px 'Open Sans',Tahoma; text-decoration:none; color:#fff; cursor:pointer } @font-face{ font-family:FontAwesome; src:url(../icons/fontawesome-webfont.eot?v=3.0.1); src:url(../icons/fontawesome-webfont.eot?#iefix&v=3.0.1) format('embedded-opentype'),url(../icons/fontawesome-webfont.woff?v=3.0.1) format('woff'),url(../icons/fontawesome-webfont.ttf?v=3.0.1) format('truetype'); font-weight:400; font-style:normal } .sky-form [class^=icon-]{ font-family:FontAwesome; font-style:normal; font-weight:400; -webkit-font-smoothing:antialiased } .sky-form .icon-append,.sky-form .icon-prepend{ position:absolute; top:5px; width:29px; height:29px; font-size:13px; line-height:29px } .sky-form .icon-append{ right:5px; padding-left:3px; border-left-width:1px; border-left-style:solid } .sky-form .input .icon-prepend+.icon-append+input,.sky-form .input .icon-prepend+input,.sky-form .textarea .icon-prepend+.icon-append+textarea,.sky-form .textarea .icon-prepend+textarea{ padding-left:46px } .sky-form .icon-prepend{ left:5px; padding-right:3px; border-right-width:1px; border-right-style:solid } .sky-form .tooltip-top-left:after,.sky-form .tooltip-top-right:after{ top:100%; border-top:4px solid rgba(0,0,0,.9); border-right:4px solid transparent; border-left:4px solid transparent } .sky-form .input .icon-append+input,.sky-form .textarea .icon-append+textarea{ padding-right:46px } .sky-form .row{ margin:0 -15px } .sky-form .row:after{ content:''; display:table; clear:both } .sky-form .col{ float:right; min-height:1px; box-sizing:border-box; -moz-box-sizing:border-box; margin:0; } .sky-form .col-1{ width:8.33% } .sky-form .col-1_2{ width:4.15% } .sky-form .col-2{ width:12.5% } .sky-form .col-2_2{ width:20% } .sky-form .col-3{ width:25% } .sky-form .col-4{ width:33.33% } .sky-form .col-5{ width:41.66% } .sky-form .col-5_2{ width:50% } .sky-form .col-6{ width:35% } .sky-form .col-8{ width:66.67% } .sky-form .col-9{ width:75% } .sky-form .col-10{ width:100% } .sky-form .col-11{ width:17% } @media screen and (max-width:600px){ .sky-form .col{ float:none; width:100%; margin:auto } .sky-form .col-1_2{ width:33.33%; margin:auto; float:right } } .sky-form .tooltip{ position:absolute; z-index:1; left:-9999px; padding:2px 8px 3px; font-size:13px; line-height:16px; font-weight:400; background:rgba(0,0,0,.9); color:#fff; opacity:0; transition:margin .3s,opacity .3s; -o-transition:margin .3s,opacity .3s; -ms-transition:margin .3s,opacity .3s; -moz-transition:margin .3s,opacity .3s; -webkit-transition:margin .3s,opacity .3s } .sky-form .button2:hover,.sky-form .button:hover,.sky-form .input input:focus+.tooltip,.sky-form .textarea textarea:focus+.tooltip{ opacity:1 } .sky-form .tooltip:after{ content:''; position:absolute } .sky-form .tooltip-top-right{ bottom:100%; margin-bottom:15px } .sky-form .tooltip-top-right:after{ right:16px } .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{ left:16px } .sky-form .tooltip-left:after,.sky-form .tooltip-right:after{ border-top:4px solid transparent; border-bottom: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-right:4px solid rgba(0,0,0,.9) } .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-left:4px solid rgba(0,0,0,.9) } .sky-form .tooltip-bottom-left:after,.sky-form .tooltip-bottom-right:after{ bottom:100%; border-right:4px solid transparent; border-bottom:4px solid rgba(0,0,0,.9); border-left:4px solid transparent } .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{ right:16px } .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{ left:16px } .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 .checkbox i,.sky-form .icon-append,.sky-form .icon-prepend,.sky-form .radio i,.sky-form .select select,.sky-form .textarea textarea,.sky-form .toggle i,/ .sky-form .input input{ border-color:#e5e5e5; transition:border-color .3s; -o-transition:border-color .3s; -ms-transition:border-color .3s; -moz-transition:border-color .3s; -webkit-transition:border-color .3s } .sky-form .toggle i:before{ background-color:#2da5da } .sky-form .rating label{ color:#ccc; transition:color .3s; -o-transition:color .3s; -ms-transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s } .sky-form .button,.sky-form .button2{ background-color:#ff764c; font-size:13px; height:42px; float:left } .sky-form .button.button-secondary,.sky-form .button2.button2-secondary{ background-color:#b3b3b3 } .sky-form .checkbox.state-success i,.sky-form .radio.state-success i,.sky-form .state-success input,.sky-form .state-success select,.sky-form .state-success textarea,.sky-form .toggle.state-success i,.sky-form .toggle.state-success input:checked+i{ background:#ff764c } .sky-form .icon-append,.sky-form .icon-prepend{ color:#ccc } .sky-form .checkbox input+i:after,.sky-form .note-success,.sky-form .rating input+label:hover,.sky-form .rating input+label:hover~label,.sky-form .rating input:checked~label{ color:#ff764c } .sky-form .checkbox:hover i,.sky-form .input:hover input,.sky-form .radio:hover i,.sky-form .select:hover select,.sky-form .textarea:hover textarea,.sky-form .toggle:hover i{ border-color:#e15f4e } .sky-form .checkbox input:checked+i,.sky-form .checkbox input:focus+i,.sky-form .input input:focus,.sky-form .radio input:checked+i,.sky-form .radio input:focus+i,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .toggle input:checked+i,.sky-form .toggle input:focus+i{ border-color:#ff764c } .sky-form .radio input+i:after{ background-color:#ff764c } .sky-form .state-success select+i{ background:#ff764c; box-shadow:0 0 0 12px #ff764c } .sky-form .button.state-disabled,.sky-form .button2.state-disabled,.sky-form .checkbox.state-disabled,.sky-form .input.state-disabled input,.sky-form .radio.state-disabled,.sky-form .select.state-disabled,.sky-form .textarea.state-disabled,.sky-form .toggle.state-disabled{ cursor:default } .sky-form .checkbox.state-disabled:hover i,.sky-form .input.state-disabled:hover input,.sky-form .radio.state-disabled:hover i,.sky-form .select.state-disabled:hover select,.sky-form .textarea.state-disabled:hover textarea,.sky-form .toggle.state-disabled:hover i{ border-color:#e5e5e5 }