.form-line { padding: 10px }
.form-input-wide { clear: both }
.form-pagebreak .form-label-left { outline: none; background: none !important }
.form-label-top { display: block }
.form-fields { float: left; width: 50%; white-space: nowrap }
.form-description { -moz-border-radius: 6px 6px; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); -webkit-border-radius: 6px 6px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); border-radius: 6px 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.5) }
.context-menu-back { -moz-border-radius: 4px 4px; -moz-box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px 4px; -webkit-box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.5); border-radius: 4px 4px; box-shadow: 1px 7px 15px rgba(0,0,0,0.5) }
.context-menu-item { -moz-border-radius: 3px 3px; -webkit-border-radius: 3px 3px; border-radius: 3px 3px; border-radius: 3px 3px }
.context-menu-item:hover { -moz-box-shadow: 0 1px 2px #ccc; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc }
.fullscreen .title-bar, .fullscreen > #content, .fullscreen .form-all { list-style: none; list-style-position: outside; margin: 0px; font-size: 14px; direction: rtl }
.form-captcha { border: 1px solid #ccc; background: #f5f5f5; padding: 6px; width: 152px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px }
.form-captcha:hover { border: 1px solid #aaa }
.form-captcha-image { border: 1px solid #aaa; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px }
.form-collapse-table { height: 58px; border: 1px solid #ccc; background: #f5f5f5 url(../images/soft-grad.png) repeat-x; position: relative }
.form-list { padding: 3px; border: 1px solid #CCC; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset }
.form-list option { padding: 2px }
.form-list option:nth-child(2n+1) { background: #f5f5f5 }
.form-textarea-limit { }
.form-textarea-limit > span { display: inline-block }
.form-textarea-limit textarea { overflow: auto }
.form-textarea-limit textarea:focus { outline: none !important }
.form-textarea-limit-indicator { color: #666; font-size: 9px; margin-top: -1px; padding: 2px; text-align: right }
.form-textarea-limit-indicator-error { background: #FAA; color: #fff }
.form-collapse-left { }
.form-collapse-mid { text-shadow: 0px 2px 0px #fff; float: left; font-size: 18px; margin: 16px 45px 16px 20px }
.form-product-item { display: inline-block; padding: 5px 5px 5px 10px; position: relative }
.form-product-item:hover { background: #f5f5f5; color: #000 }
.form-product-image, .form-product-image-with-options { margin: 5px; margin-left: 10px }
.form-product-image-with-options { position: absolute; top: 15px; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; border-radius: 5px 5px }
.form-radio, .form-checkbox { vertical-align: middle; margin: 0px; padding: 0px }
.form-radio-item, .form-checkbox-item { margin-top: 5px; float: right }
.form-multiple-column, .form-single-column { display: inline-block }
.form-multiple-column br { display: none; }
.form-multiple-column .form-radio-item, .form-multiple-column .form-checkbox-item { width: 150px }
.form-radio-item label, .form-checkbox-item label { margin-right: 5px }
.form-radio-item br, .form-checkbox-item br { clear: right }
.form-submit-button, .form-submit-reset, .form-submit-print { }
.form-submit-button::-moz-focus-inner, .form-submit-reset::-moz-focus-inner { border: 0px; padding: 1px 6px }
.form-submit-print::-moz-focus-inner { padding: 0px 6px }
.form-submit-print img { margin-right: -5px; margin-left: 5px; margin-top: -3px }
.form-submit-print { }
.form-submit-button-img { border: none !important; margin: 0 !important; padding: 0 !important; background: none !important }
.form-collapse-right { position: absolute; right: 0px; height: 58px; width: 40px }
.form-collapse-right-show { background: url(../images/arrow-open.png) no-repeat center }
.form-collapse-right-hide { background: url(../images/arrow-closed.png) no-repeat center }
.form-collapse-hidden { display: none }
.form-grading-item { margin-bottom: 3px }
.form-header { margin: 0px }
.form-subHeader { font-style: italic }
.form-header-group { background: #f5f5f5; border-bottom: 1px solid #ccc; padding: 12px; clear: both }
.form-label { width: 150px; margin-bottom: 6px; display: inline-block; white-space: normal }
.form-label-top { margin-bottom: 6px; display: block; white-space: normal }
.form-label-right { float: right; display: inline-block; text-align: right; padding: 3px; white-space: normal }
.form-label-left { float: left; display: inline-block; text-align: right; margin-right: 6px; margin-bottom: 6px; padding: 3px; white-space: normal }
.form-label-end, .form-label-start { display: inline-block; }
.form-input-wide { }
.form-section, .form-section-closed { list-style: none; list-style-position: outside; margin: 0px; padding: 0px; position: relative; zoom: 1 }
.form-section-closed { overflow: hidden; height: 60px }
.form-input { display: inline-block ; min-width:270px!important;}
.form-line { clear: both; padding: 10px; margin: 0px; display: inline-block; width: 97%; width: -moz-available; position: relative }
.form-line-column { float: right; clear: none; width: auto; white-space: nowrap }
.form-line-column-clear { clear: right /**/; width: auto }
.form-line-active { background-color: #FFFFE0; color: #333 }
.form-matrix-table { border-collapse: collapse; font-size: 10px }
.form-matrix-column-headers { border: 1px solid #ccc; background: #ddd }
.form-matrix-row-headers { border: 1px solid #ccc; background: #ddd }
.form-matrix-values { border: 1px solid #ccc; background: #f5f5f5 }
.form-pagebreak { border-top: 1px solid #ccc; background: #f5f5f5; height: 60px; clear: left }
.form-pagebreak-back-container, .form-pagebreak-next-container { float: left; padding: 10px; padding-top: 14px }
.form-pagebreak-next-container { padding-left: 0px }
.form-pagebreak-back, .form-pagebreak-next { -webkit-border-radius: 5px 5px; -webkit-box-shadow: 0px 1px 2px #aaa; -moz-border-radius: 5px 5px; -moz-box-shadow: 0px 1px 2px #aaa; border-radius: 5px 5px; box-shadow: 0px 1px 2px #aaa; border: 1px solid #999; background: #ddd; padding: 5px; margin: 0px; font-size: 14px }
.form-pagebreak-next { margin: 0 0 0 20px }
.form-required { margin-left: 5px; color: red }
.form-scale-table { font-size: 12px }
.form-scale-table th { border-bottom: 1px solid #ccc; color: #999 }
.form-product-details { font-size: 9px; color: #999; font-style: italic }
.form-address-table { width: 330px }
.form-address-line { width: 310px }
.form-address-city, .form-address-state { width: 144px }
.form-address-table td, .form-address-table th { padding-bottom: 10px }
.form-address-table select { width: 150px }
.form-button-error { color: red; display: inline }
.form-line-error { background: #FAA; color: #333 }
.form-validation-error { border: 1px solid red; -moz-box-shadow: 0 0 2px red; -webkit-box-shadow: 0 0 2px red; box-shadow: 0 0 2px red }
.form-validation-error.form-input { border: none }
.form-line-active .form-error-message { display: none }
.form-error-message { z-index: 900; position: absolute; max-width: 130px; right: 0px; top: 0px; color: #333; padding: 3px; font-size: 10px; border: 4px solid #d88; -webkit-box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5); -webkit-border-radius: 6px 6px; -moz-box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5); -moz-border-radius: 6px 6px; box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5); border-radius: 6px 6px; background: #FCC }
.form-error-arrow { position: absolute; top: -20px; left: 10px; height: 0px; width: 0px; border: 10px solid transparent; border-bottom-color: #666; border-bottom: 10px solid rgba(102,102,102,0.3) }
.form-error-arrow-inner { position: absolute; top: 1px; height: 0px; width: 0px; border: 10px solid transparent; border-bottom-color: #FCC; border-bottom-width: 11px; left: -10px; top: -10px }
.form-input .form-error-message, .form-input-wide .form-error-message { bottom: -5px; font-size: 11px; position: relative; z-index: 900; right: auto; top: auto; color: #333; padding: 3px; max-width: 100%; padding-bottom: 3px; font-size: 12px; border: none; -moz-box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5); -webkit-box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5); -moz-border-radius: 6px 6px; -webkit-border-radius: 6px 6px; box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5); border-radius: 6px 6px; background: #FCC }
.form-description { z-index: 1000; position: absolute; right: 7px; max-width: 150px; top: 6px; border: 4px solid #ccc; -webkit-border-radius: 6px 6px; -webkit-box-shadow: 0px 2px 4px #666; -moz-border-radius: 6px 6px; -moz-box-shadow: 0px 2px 4px #666; border-radius: 6px 6px; box-shadow: 0px 2px 4px #666; background: #f5f5f5; white-space: normal }
.form-description-content { padding: 10px; font-size: 10px; color: #333 }
.form-description-arrow { border-color: transparent #CCC transparent transparent; border-style: solid; border-width: 10px; height: 0; width: 0; left: -24px; top: 7px; position: absolute }
.form-description-arrow-small { border-color: transparent #F5F5F5 transparent transparent; border-style: solid; border-width: 7px; height: 0; width: 0; left: -14px; top: 10px; position: absolute }
.right { right: 33px !important }
.form-line:hover .form-description-indicator, .form-line-active .form-description-indicator { display: block }
.form-description-indicator { display: none; height: 100%; position: absolute; right: 0; top: 0; width: 25px; background: url(../images/s-info.png) no-repeat center }
.right .form-description-arrow { border-color: transparent transparent transparent #CCC; left: auto; right: -24px }
.right .form-description-arrow-small { border-color: transparent transparent transparent #F5F5F5; left: auto; right: -14px }
.form-autocomplete-list { font-family: IranSansWeb_Light,tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 12px; background: #333; background: rgba(26,58,81,0.8); border: 1px solid #eee; border-top: none; padding: 5px 0; -moz-border-radius-bottomright: 10px 10px; -moz-border-radius-bottomleft: 10px 10px; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.6); -webkit-border-bottom-right-radius: 10px 10px; -webkit-border-bottom-left-radius: 10px 10px; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.6); -moz-border-radius-bottomright: 10px 10px; -moz-border-radius-bottomleft: 10px 10px; box-shadow: 0px 5px 10px rgba(0,0,0,0.6) }
.form-autocomplete-list-item { margin: 0 5px; border: 1px solid transparent; color: #fff; padding: 3px; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px; border-radius: 5px 5px; text-shadow: 1px 1px 3px #000; cursor: pointer }
.form-autocomplete-list-item-selected, .form-autocomplete-list-item:hover { -moz-box-shadow: 0 0 4px #333; -webkit-box-shadow: 0 0 4px #333; box-shadow: 0 0 4px #333; border: 1px solid #1a3a51; background: #4295D1 }
.form-autocomplete-list-item:hover { border: 1px solid #ccc }
.form-sub-label-container { display: inline-block; margin-right: 5px; white-space: nowrap }
.form-sub-label { color: #999; display: block; font-size: 9px }
.form-html { padding: 3px }
.form-radio-other-input { margin-left: 5px }
.form-spinner-input-td { white-space: normal }
.form-spinner-input-td input[type="number"]::-webkit-inner-spin-button, .form-spinner-input-td input[type="number"]::-webkit-outer-spin-button { display: none }
.form-single-column .clearfix { display: inline-block }
.form-single-column .clearfix { display: block }

@media only screen and (max-device-width: 550px) {
    body { font-size: 18px }
    .form-all { width: auto !important; }
    .form-label-left { float: none; display: block }
    .form-buttons-wrapper { margin: 5px !important; text-align: center }
    .form-submit-print { display: none }
    .form-textarea { width: 99% !important }
    .form-textbox, .form-textarea, .form-dropdown, .form-list { border: 1px solid #555; padding: 4px; -webkit-border-radius: 5px 5px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.4) inset; -moz-border-radius: 5px 5px; -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.4) inset; border-radius: 5px 5px; box-shadow: 0 2px 4px rgba(0,0,0, 0.4) inset }
    .form-address-table { width: 300px }
    .form-address-line { width: 280px }
    .form-address-city, .form-address-state { width: 130px }
    .form-address-table td, .form-address-table th { padding-bottom: 10px }
    .form-address-table select { width: 120px }
    .form-spinner { border-collapse: inherit !important; border: 1px solid #555 !important; -webkit-border-radius: 5px 5px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.4) inset; -moz-border-radius: 5px 5px; -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.4) inset; border-radius: 5px 5px; box-shadow: 0 2px 4px rgba(0,0,0, 0.4) inset }
    .form-spinner-up, .form-spinner-down { padding: 0 8px !important; border: none !important; border-left: 1px solid #555 !important }
    .form-spinner-up { -moz-border-radius-topright: 5px 5px; -webkit-border-top-right-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom: 1px solid #555 !important }
    .form-spinner-down { -moz-border-radius-bottomright: 5px 5px; -webkit-border-bottom-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px }
    .form-spinner-input-td { padding-right: 6px !important }
    .form-spinner-input-td input { padding: 4px !important; background: none }
    .form-sub-label-container img[id*="pick"] { width: 25px }
    div.form-header-group { margin: 0px !important }
    div.form-pagebreak .form-label-left { display: inline-block !important; float: left }
    .form-submit-button, .form-submit-reset { font-size: 11px; line-height: 30px; }
    .form-captcha { border: 1px solid #555 }
    .form-captcha input { width: 120px !important }
.form-line-column{padding:0;}
}

@media only print {
    .form-submit-reset, .form-submit-print, .form-submit-button { display: none }
}

.print .form-submit-reset, .print .form-submit-print, .print .form-submit-button { display: none }