Line 2: | Line 2: | ||
<style> | <style> | ||
+ | |||
+ | /* important Bootstrap CSS*/ | ||
+ | |||
+ | html { | ||
+ | font-family: sans-serif; | ||
+ | -ms-text-size-adjust: 100%; | ||
+ | -webkit-text-size-adjust: 100%; | ||
+ | } | ||
+ | body { | ||
+ | margin: 0; | ||
+ | } | ||
+ | article, | ||
+ | aside, | ||
+ | details, | ||
+ | figcaption, | ||
+ | figure, | ||
+ | footer, | ||
+ | header, | ||
+ | hgroup, | ||
+ | main, | ||
+ | menu, | ||
+ | nav, | ||
+ | section, | ||
+ | summary { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | abbr[title] { | ||
+ | border-bottom: 1px dotted; | ||
+ | } | ||
+ | b, | ||
+ | strong { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | dfn { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 2em; | ||
+ | margin: 0.67em 0; | ||
+ | } | ||
+ | mark { | ||
+ | background: #ff0; | ||
+ | color: #000; | ||
+ | } | ||
+ | small { | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | sub, | ||
+ | sup { | ||
+ | font-size: 75%; | ||
+ | line-height: 0; | ||
+ | position: relative; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | sup { | ||
+ | top: -0.5em; | ||
+ | } | ||
+ | sub { | ||
+ | bottom: -0.25em; | ||
+ | } | ||
+ | img { | ||
+ | border: 0; | ||
+ | } | ||
+ | svg:not(:root) { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | figure { | ||
+ | margin: 1em 40px; | ||
+ | } | ||
+ | hr { | ||
+ | -webkit-box-sizing: content-box; | ||
+ | -moz-box-sizing: content-box; | ||
+ | box-sizing: content-box; | ||
+ | height: 0; | ||
+ | } | ||
+ | pre { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | code, | ||
+ | kbd, | ||
+ | pre, | ||
+ | samp { | ||
+ | font-family: monospace, monospace; | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | button, | ||
+ | input, | ||
+ | optgroup, | ||
+ | select, | ||
+ | textarea { | ||
+ | color: inherit; | ||
+ | font: inherit; | ||
+ | margin: 0; | ||
+ | } | ||
+ | button { | ||
+ | overflow: visible; | ||
+ | } | ||
+ | button, | ||
+ | select { | ||
+ | text-transform: none; | ||
+ | } | ||
+ | button, | ||
+ | html input[type="button"], | ||
+ | input[type="reset"], | ||
+ | input[type="submit"] { | ||
+ | -webkit-appearance: button; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | button[disabled], | ||
+ | html input[disabled] { | ||
+ | cursor: default; | ||
+ | } | ||
+ | button::-moz-focus-inner, | ||
+ | input::-moz-focus-inner { | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | input { | ||
+ | line-height: normal; | ||
+ | } | ||
+ | input[type="checkbox"], | ||
+ | input[type="radio"] { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | padding: 0; | ||
+ | } | ||
+ | input[type="number"]::-webkit-inner-spin-button, | ||
+ | input[type="number"]::-webkit-outer-spin-button { | ||
+ | height: auto; | ||
+ | } | ||
+ | input[type="search"] { | ||
+ | -webkit-appearance: textfield; | ||
+ | -webkit-box-sizing: content-box; | ||
+ | -moz-box-sizing: content-box; | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | input[type="search"]::-webkit-search-cancel-button, | ||
+ | input[type="search"]::-webkit-search-decoration { | ||
+ | -webkit-appearance: none; | ||
+ | } | ||
+ | fieldset { | ||
+ | border: 1px solid #c0c0c0; | ||
+ | margin: 0 2px; | ||
+ | padding: 0.35em 0.625em 0.75em; | ||
+ | } | ||
+ | legend { | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | textarea { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | optgroup { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | td, | ||
+ | th { | ||
+ | padding: 0; | ||
+ | } | ||
+ | * { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | *:before, | ||
+ | *:after { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | html { | ||
+ | font-size: 10px; | ||
+ | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
+ | } | ||
+ | body { | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857143; | ||
+ | color: #333333; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | input, | ||
+ | button, | ||
+ | select, | ||
+ | textarea { | ||
+ | font-family: inherit; | ||
+ | font-size: inherit; | ||
+ | line-height: inherit; | ||
+ | } | ||
+ | a { | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:hover, | ||
+ | a:focus { | ||
+ | color: #002a5c; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:focus { | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | figure { | ||
+ | margin: 0; | ||
+ | } | ||
+ | img { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .img-responsive { | ||
+ | display: block; | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .img-rounded { | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | .img-thumbnail { | ||
+ | padding: 4px; | ||
+ | line-height: 1.42857143; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #dddddd; | ||
+ | border-radius: 4px; | ||
+ | -webkit-transition: all 0.2s ease-in-out; | ||
+ | -o-transition: all 0.2s ease-in-out; | ||
+ | transition: all 0.2s ease-in-out; | ||
+ | display: inline-block; | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .img-circle { | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | hr { | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | border: 0; | ||
+ | border-top: 1px solid #eeeeee; | ||
+ | } | ||
+ | .sr-only { | ||
+ | position: absolute; | ||
+ | width: 1px; | ||
+ | height: 1px; | ||
+ | margin: -1px; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | clip: rect(0, 0, 0, 0); | ||
+ | border: 0; | ||
+ | } | ||
+ | .sr-only-focusable:active, | ||
+ | .sr-only-focusable:focus { | ||
+ | position: static; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | margin: 0; | ||
+ | overflow: visible; | ||
+ | clip: auto; | ||
+ | } | ||
+ | [role="button"] { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .container { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .container { | ||
+ | width: 750px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .container { | ||
+ | width: 970px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .container { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | } | ||
+ | .container-fluid { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | .row { | ||
+ | margin-left: -15px; | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | |||
+ | fieldset { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | min-width: 0; | ||
+ | } | ||
+ | legend { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | margin-bottom: 20px; | ||
+ | font-size: 21px; | ||
+ | line-height: inherit; | ||
+ | color: #333333; | ||
+ | border: 0; | ||
+ | border-bottom: 1px solid #e5e5e5; | ||
+ | } | ||
+ | label { | ||
+ | display: inline-block; | ||
+ | max-width: 100%; | ||
+ | margin-bottom: 5px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | input[type="search"] { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | input[type="radio"], | ||
+ | input[type="checkbox"] { | ||
+ | margin: 4px 0 0; | ||
+ | margin-top: 1px \9; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | input[type="file"] { | ||
+ | display: block; | ||
+ | } | ||
+ | input[type="range"] { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | select[multiple], | ||
+ | select[size] { | ||
+ | height: auto; | ||
+ | } | ||
+ | input[type="file"]:focus, | ||
+ | input[type="radio"]:focus, | ||
+ | input[type="checkbox"]:focus { | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | output { | ||
+ | display: block; | ||
+ | padding-top: 7px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857143; | ||
+ | color: #555555; | ||
+ | } | ||
+ | .form-control { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height: 34px; | ||
+ | padding: 6px 12px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857143; | ||
+ | color: #555555; | ||
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | border: 1px solid #cccccc; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; | ||
+ | -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||
+ | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||
+ | } | ||
+ | .form-control:focus { | ||
+ | border-color: #66afe9; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | ||
+ | box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | ||
+ | } | ||
+ | .form-control::-moz-placeholder { | ||
+ | color: #999999; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .form-control:-ms-input-placeholder { | ||
+ | color: #999999; | ||
+ | } | ||
+ | .form-control::-webkit-input-placeholder { | ||
+ | color: #999999; | ||
+ | } | ||
+ | .form-control::-ms-expand { | ||
+ | border: 0; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .form-control[disabled], | ||
+ | .form-control[readonly], | ||
+ | fieldset[disabled] .form-control { | ||
+ | background-color: #eeeeee; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .form-control[disabled], | ||
+ | fieldset[disabled] .form-control { | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | textarea.form-control { | ||
+ | height: auto; | ||
+ | } | ||
+ | input[type="search"] { | ||
+ | -webkit-appearance: none; | ||
+ | } | ||
+ | @media screen and (-webkit-min-device-pixel-ratio: 0) { | ||
+ | input[type="date"].form-control, | ||
+ | input[type="time"].form-control, | ||
+ | input[type="datetime-local"].form-control, | ||
+ | input[type="month"].form-control { | ||
+ | line-height: 34px; | ||
+ | } | ||
+ | input[type="date"].input-sm, | ||
+ | input[type="time"].input-sm, | ||
+ | input[type="datetime-local"].input-sm, | ||
+ | input[type="month"].input-sm, | ||
+ | .input-group-sm input[type="date"], | ||
+ | .input-group-sm input[type="time"], | ||
+ | .input-group-sm input[type="datetime-local"], | ||
+ | .input-group-sm input[type="month"] { | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | input[type="date"].input-lg, | ||
+ | input[type="time"].input-lg, | ||
+ | input[type="datetime-local"].input-lg, | ||
+ | input[type="month"].input-lg, | ||
+ | .input-group-lg input[type="date"], | ||
+ | .input-group-lg input[type="time"], | ||
+ | .input-group-lg input[type="datetime-local"], | ||
+ | .input-group-lg input[type="month"] { | ||
+ | line-height: 46px; | ||
+ | } | ||
+ | } | ||
+ | .form-group { | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | .radio, | ||
+ | .checkbox { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | .radio label, | ||
+ | .checkbox label { | ||
+ | min-height: 20px; | ||
+ | padding-left: 20px; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: normal; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .radio input[type="radio"], | ||
+ | .radio-inline input[type="radio"], | ||
+ | .checkbox input[type="checkbox"], | ||
+ | .checkbox-inline input[type="checkbox"] { | ||
+ | position: absolute; | ||
+ | margin-left: -20px; | ||
+ | margin-top: 4px \9; | ||
+ | } | ||
+ | .radio + .radio, | ||
+ | .checkbox + .checkbox { | ||
+ | margin-top: -5px; | ||
+ | } | ||
+ | .radio-inline, | ||
+ | .checkbox-inline { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | padding-left: 20px; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | font-weight: normal; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .radio-inline + .radio-inline, | ||
+ | .checkbox-inline + .checkbox-inline { | ||
+ | margin-top: 0; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | input[type="radio"][disabled], | ||
+ | input[type="checkbox"][disabled], | ||
+ | input[type="radio"].disabled, | ||
+ | input[type="checkbox"].disabled, | ||
+ | fieldset[disabled] input[type="radio"], | ||
+ | fieldset[disabled] input[type="checkbox"] { | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | .radio-inline.disabled, | ||
+ | .checkbox-inline.disabled, | ||
+ | fieldset[disabled] .radio-inline, | ||
+ | fieldset[disabled] .checkbox-inline { | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | .radio.disabled label, | ||
+ | .checkbox.disabled label, | ||
+ | fieldset[disabled] .radio label, | ||
+ | fieldset[disabled] .checkbox label { | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | .form-control-static { | ||
+ | padding-top: 7px; | ||
+ | padding-bottom: 7px; | ||
+ | margin-bottom: 0; | ||
+ | min-height: 34px; | ||
+ | } | ||
+ | .form-control-static.input-lg, | ||
+ | .form-control-static.input-sm { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | .input-sm { | ||
+ | height: 30px; | ||
+ | padding: 5px 10px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | select.input-sm { | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | textarea.input-sm, | ||
+ | select[multiple].input-sm { | ||
+ | height: auto; | ||
+ | } | ||
+ | .form-group-sm .form-control { | ||
+ | height: 30px; | ||
+ | padding: 5px 10px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .form-group-sm select.form-control { | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | .form-group-sm textarea.form-control, | ||
+ | .form-group-sm select[multiple].form-control { | ||
+ | height: auto; | ||
+ | } | ||
+ | .form-group-sm .form-control-static { | ||
+ | height: 30px; | ||
+ | min-height: 32px; | ||
+ | padding: 6px 10px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | .input-lg { | ||
+ | height: 46px; | ||
+ | padding: 10px 16px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.3333333; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | select.input-lg { | ||
+ | height: 46px; | ||
+ | line-height: 46px; | ||
+ | } | ||
+ | textarea.input-lg, | ||
+ | select[multiple].input-lg { | ||
+ | height: auto; | ||
+ | } | ||
+ | .form-group-lg .form-control { | ||
+ | height: 46px; | ||
+ | padding: 10px 16px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.3333333; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | .form-group-lg select.form-control { | ||
+ | height: 46px; | ||
+ | line-height: 46px; | ||
+ | } | ||
+ | .form-group-lg textarea.form-control, | ||
+ | .form-group-lg select[multiple].form-control { | ||
+ | height: auto; | ||
+ | } | ||
+ | .form-group-lg .form-control-static { | ||
+ | height: 46px; | ||
+ | min-height: 38px; | ||
+ | padding: 11px 16px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.3333333; | ||
+ | } | ||
+ | .has-feedback { | ||
+ | position: relative; | ||
+ | } | ||
+ | .has-feedback .form-control { | ||
+ | padding-right: 42.5px; | ||
+ | } | ||
+ | .form-control-feedback { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | z-index: 2; | ||
+ | display: block; | ||
+ | width: 34px; | ||
+ | height: 34px; | ||
+ | line-height: 34px; | ||
+ | text-align: center; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | .input-lg + .form-control-feedback, | ||
+ | .input-group-lg + .form-control-feedback, | ||
+ | .form-group-lg .form-control + .form-control-feedback { | ||
+ | width: 46px; | ||
+ | height: 46px; | ||
+ | line-height: 46px; | ||
+ | } | ||
+ | .input-sm + .form-control-feedback, | ||
+ | .input-group-sm + .form-control-feedback, | ||
+ | .form-group-sm .form-control + .form-control-feedback { | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | .has-success .help-block, | ||
+ | .has-success .control-label, | ||
+ | .has-success .radio, | ||
+ | .has-success .checkbox, | ||
+ | .has-success .radio-inline, | ||
+ | .has-success .checkbox-inline, | ||
+ | .has-success.radio label, | ||
+ | .has-success.checkbox label, | ||
+ | .has-success.radio-inline label, | ||
+ | .has-success.checkbox-inline label { | ||
+ | color: #3c763d; | ||
+ | } | ||
+ | .has-success .form-control { | ||
+ | border-color: #3c763d; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | } | ||
+ | .has-success .form-control:focus { | ||
+ | border-color: #2b542c; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | ||
+ | } | ||
+ | .has-success .input-group-addon { | ||
+ | color: #3c763d; | ||
+ | border-color: #3c763d; | ||
+ | background-color: #dff0d8; | ||
+ | } | ||
+ | .has-success .form-control-feedback { | ||
+ | color: #3c763d; | ||
+ | } | ||
+ | .has-warning .help-block, | ||
+ | .has-warning .control-label, | ||
+ | .has-warning .radio, | ||
+ | .has-warning .checkbox, | ||
+ | .has-warning .radio-inline, | ||
+ | .has-warning .checkbox-inline, | ||
+ | .has-warning.radio label, | ||
+ | .has-warning.checkbox label, | ||
+ | .has-warning.radio-inline label, | ||
+ | .has-warning.checkbox-inline label { | ||
+ | color: #8a6d3b; | ||
+ | } | ||
+ | .has-warning .form-control { | ||
+ | border-color: #8a6d3b; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | } | ||
+ | .has-warning .form-control:focus { | ||
+ | border-color: #66512c; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | ||
+ | } | ||
+ | .has-warning .input-group-addon { | ||
+ | color: #8a6d3b; | ||
+ | border-color: #8a6d3b; | ||
+ | background-color: #fcf8e3; | ||
+ | } | ||
+ | .has-warning .form-control-feedback { | ||
+ | color: #8a6d3b; | ||
+ | } | ||
+ | .has-error .help-block, | ||
+ | .has-error .control-label, | ||
+ | .has-error .radio, | ||
+ | .has-error .checkbox, | ||
+ | .has-error .radio-inline, | ||
+ | .has-error .checkbox-inline, | ||
+ | .has-error.radio label, | ||
+ | .has-error.checkbox label, | ||
+ | .has-error.radio-inline label, | ||
+ | .has-error.checkbox-inline label { | ||
+ | color: #a94442; | ||
+ | } | ||
+ | .has-error .form-control { | ||
+ | border-color: #a94442; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | } | ||
+ | .has-error .form-control:focus { | ||
+ | border-color: #843534; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | ||
+ | } | ||
+ | .has-error .input-group-addon { | ||
+ | color: #a94442; | ||
+ | border-color: #a94442; | ||
+ | background-color: #f2dede; | ||
+ | } | ||
+ | .has-error .form-control-feedback { | ||
+ | color: #a94442; | ||
+ | } | ||
+ | .has-feedback label ~ .form-control-feedback { | ||
+ | top: 25px; | ||
+ | } | ||
+ | .has-feedback label.sr-only ~ .form-control-feedback { | ||
+ | top: 0; | ||
+ | } | ||
+ | .help-block { | ||
+ | display: block; | ||
+ | margin-top: 5px; | ||
+ | margin-bottom: 10px; | ||
+ | color: #737373; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .form-inline .form-group { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .form-control { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .form-control-static { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .form-inline .input-group { | ||
+ | display: inline-table; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .input-group .input-group-addon, | ||
+ | .form-inline .input-group .input-group-btn, | ||
+ | .form-inline .input-group .form-control { | ||
+ | width: auto; | ||
+ | } | ||
+ | .form-inline .input-group > .form-control { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .form-inline .control-label { | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .radio, | ||
+ | .form-inline .checkbox { | ||
+ | display: inline-block; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .radio label, | ||
+ | .form-inline .checkbox label { | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | .form-inline .radio input[type="radio"], | ||
+ | .form-inline .checkbox input[type="checkbox"] { | ||
+ | position: relative; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .form-inline .has-feedback .form-control-feedback { | ||
+ | top: 0; | ||
+ | } | ||
+ | } | ||
+ | .form-horizontal .radio, | ||
+ | .form-horizontal .checkbox, | ||
+ | .form-horizontal .radio-inline, | ||
+ | .form-horizontal .checkbox-inline { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | padding-top: 7px; | ||
+ | } | ||
+ | .form-horizontal .radio, | ||
+ | .form-horizontal .checkbox { | ||
+ | min-height: 27px; | ||
+ | } | ||
+ | .form-horizontal .form-group { | ||
+ | margin-left: -15px; | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .form-horizontal .control-label { | ||
+ | text-align: right; | ||
+ | margin-bottom: 0; | ||
+ | padding-top: 7px; | ||
+ | } | ||
+ | } | ||
+ | .form-horizontal .has-feedback .form-control-feedback { | ||
+ | right: 15px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .form-horizontal .form-group-lg .control-label { | ||
+ | padding-top: 11px; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .form-horizontal .form-group-sm .control-label { | ||
+ | padding-top: 6px; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | } | ||
+ | .btn { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: normal; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | -ms-touch-action: manipulation; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | white-space: nowrap; | ||
+ | padding: 6px 12px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857143; | ||
+ | border-radius: 4px; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | } | ||
+ | .btn:focus, | ||
+ | .btn:active:focus, | ||
+ | .btn.active:focus, | ||
+ | .btn.focus, | ||
+ | .btn:active.focus, | ||
+ | .btn.active.focus { | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn:hover, | ||
+ | .btn:focus, | ||
+ | .btn.focus { | ||
+ | color: #333333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .btn:active, | ||
+ | .btn.active { | ||
+ | outline: 0; | ||
+ | background-image: none; | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
+ | } | ||
+ | .btn.disabled, | ||
+ | .btn[disabled], | ||
+ | fieldset[disabled] .btn { | ||
+ | cursor: not-allowed; | ||
+ | opacity: 0.65; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | a.btn.disabled, | ||
+ | fieldset[disabled] a.btn { | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | .btn-default { | ||
+ | color: #333333; | ||
+ | background-color: #ffffff; | ||
+ | border-color: #cccccc; | ||
+ | } | ||
+ | .btn-default:focus, | ||
+ | .btn-default.focus { | ||
+ | color: #333333; | ||
+ | background-color: #e6e6e6; | ||
+ | border-color: #8c8c8c; | ||
+ | } | ||
+ | .btn-default:hover { | ||
+ | color: #333333; | ||
+ | background-color: #e6e6e6; | ||
+ | border-color: #adadad; | ||
+ | } | ||
+ | .btn-default:active, | ||
+ | .btn-default.active, | ||
+ | .open > .dropdown-toggle.btn-default { | ||
+ | color: #333333; | ||
+ | background-color: #e6e6e6; | ||
+ | border-color: #adadad; | ||
+ | } | ||
+ | .btn-default:active:hover, | ||
+ | .btn-default.active:hover, | ||
+ | .open > .dropdown-toggle.btn-default:hover, | ||
+ | .btn-default:active:focus, | ||
+ | .btn-default.active:focus, | ||
+ | .open > .dropdown-toggle.btn-default:focus, | ||
+ | .btn-default:active.focus, | ||
+ | .btn-default.active.focus, | ||
+ | .open > .dropdown-toggle.btn-default.focus { | ||
+ | color: #333333; | ||
+ | background-color: #d4d4d4; | ||
+ | border-color: #8c8c8c; | ||
+ | } | ||
+ | .btn-default:active, | ||
+ | .btn-default.active, | ||
+ | .open > .dropdown-toggle.btn-default { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-default.disabled:hover, | ||
+ | .btn-default[disabled]:hover, | ||
+ | fieldset[disabled] .btn-default:hover, | ||
+ | .btn-default.disabled:focus, | ||
+ | .btn-default[disabled]:focus, | ||
+ | fieldset[disabled] .btn-default:focus, | ||
+ | .btn-default.disabled.focus, | ||
+ | .btn-default[disabled].focus, | ||
+ | fieldset[disabled] .btn-default.focus { | ||
+ | background-color: #ffffff; | ||
+ | border-color: #cccccc; | ||
+ | } | ||
+ | .btn-default .badge { | ||
+ | color: #ffffff; | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | .btn-primary { | ||
+ | color: #ffffff; | ||
+ | background-color: #337ab7; | ||
+ | border-color: #2e6da4; | ||
+ | } | ||
+ | .btn-primary:focus, | ||
+ | .btn-primary.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #286090; | ||
+ | border-color: #122b40; | ||
+ | } | ||
+ | .btn-primary:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #286090; | ||
+ | border-color: #204d74; | ||
+ | } | ||
+ | .btn-primary:active, | ||
+ | .btn-primary.active, | ||
+ | .open > .dropdown-toggle.btn-primary { | ||
+ | color: #ffffff; | ||
+ | background-color: #286090; | ||
+ | border-color: #204d74; | ||
+ | } | ||
+ | .btn-primary:active:hover, | ||
+ | .btn-primary.active:hover, | ||
+ | .open > .dropdown-toggle.btn-primary:hover, | ||
+ | .btn-primary:active:focus, | ||
+ | .btn-primary.active:focus, | ||
+ | .open > .dropdown-toggle.btn-primary:focus, | ||
+ | .btn-primary:active.focus, | ||
+ | .btn-primary.active.focus, | ||
+ | .open > .dropdown-toggle.btn-primary.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #204d74; | ||
+ | border-color: #122b40; | ||
+ | } | ||
+ | .btn-primary:active, | ||
+ | .btn-primary.active, | ||
+ | .open > .dropdown-toggle.btn-primary { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-primary.disabled:hover, | ||
+ | .btn-primary[disabled]:hover, | ||
+ | fieldset[disabled] .btn-primary:hover, | ||
+ | .btn-primary.disabled:focus, | ||
+ | .btn-primary[disabled]:focus, | ||
+ | fieldset[disabled] .btn-primary:focus, | ||
+ | .btn-primary.disabled.focus, | ||
+ | .btn-primary[disabled].focus, | ||
+ | fieldset[disabled] .btn-primary.focus { | ||
+ | background-color: #337ab7; | ||
+ | border-color: #2e6da4; | ||
+ | } | ||
+ | .btn-primary .badge { | ||
+ | color: #337ab7; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .btn-success { | ||
+ | color: #ffffff; | ||
+ | background-color: #5cb85c; | ||
+ | border-color: #4cae4c; | ||
+ | } | ||
+ | .btn-success:focus, | ||
+ | .btn-success.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #449d44; | ||
+ | border-color: #255625; | ||
+ | } | ||
+ | .btn-success:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #449d44; | ||
+ | border-color: #398439; | ||
+ | } | ||
+ | .btn-success:active, | ||
+ | .btn-success.active, | ||
+ | .open > .dropdown-toggle.btn-success { | ||
+ | color: #ffffff; | ||
+ | background-color: #449d44; | ||
+ | border-color: #398439; | ||
+ | } | ||
+ | .btn-success:active:hover, | ||
+ | .btn-success.active:hover, | ||
+ | .open > .dropdown-toggle.btn-success:hover, | ||
+ | .btn-success:active:focus, | ||
+ | .btn-success.active:focus, | ||
+ | .open > .dropdown-toggle.btn-success:focus, | ||
+ | .btn-success:active.focus, | ||
+ | .btn-success.active.focus, | ||
+ | .open > .dropdown-toggle.btn-success.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #398439; | ||
+ | border-color: #255625; | ||
+ | } | ||
+ | .btn-success:active, | ||
+ | .btn-success.active, | ||
+ | .open > .dropdown-toggle.btn-success { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-success.disabled:hover, | ||
+ | .btn-success[disabled]:hover, | ||
+ | fieldset[disabled] .btn-success:hover, | ||
+ | .btn-success.disabled:focus, | ||
+ | .btn-success[disabled]:focus, | ||
+ | fieldset[disabled] .btn-success:focus, | ||
+ | .btn-success.disabled.focus, | ||
+ | .btn-success[disabled].focus, | ||
+ | fieldset[disabled] .btn-success.focus { | ||
+ | background-color: #5cb85c; | ||
+ | border-color: #4cae4c; | ||
+ | } | ||
+ | .btn-success .badge { | ||
+ | color: #5cb85c; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .btn-info { | ||
+ | color: #ffffff; | ||
+ | background-color: #5bc0de; | ||
+ | border-color: #46b8da; | ||
+ | } | ||
+ | .btn-info:focus, | ||
+ | .btn-info.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #31b0d5; | ||
+ | border-color: #1b6d85; | ||
+ | } | ||
+ | .btn-info:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #31b0d5; | ||
+ | border-color: #269abc; | ||
+ | } | ||
+ | .btn-info:active, | ||
+ | .btn-info.active, | ||
+ | .open > .dropdown-toggle.btn-info { | ||
+ | color: #ffffff; | ||
+ | background-color: #31b0d5; | ||
+ | border-color: #269abc; | ||
+ | } | ||
+ | .btn-info:active:hover, | ||
+ | .btn-info.active:hover, | ||
+ | .open > .dropdown-toggle.btn-info:hover, | ||
+ | .btn-info:active:focus, | ||
+ | .btn-info.active:focus, | ||
+ | .open > .dropdown-toggle.btn-info:focus, | ||
+ | .btn-info:active.focus, | ||
+ | .btn-info.active.focus, | ||
+ | .open > .dropdown-toggle.btn-info.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #269abc; | ||
+ | border-color: #1b6d85; | ||
+ | } | ||
+ | .btn-info:active, | ||
+ | .btn-info.active, | ||
+ | .open > .dropdown-toggle.btn-info { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-info.disabled:hover, | ||
+ | .btn-info[disabled]:hover, | ||
+ | fieldset[disabled] .btn-info:hover, | ||
+ | .btn-info.disabled:focus, | ||
+ | .btn-info[disabled]:focus, | ||
+ | fieldset[disabled] .btn-info:focus, | ||
+ | .btn-info.disabled.focus, | ||
+ | .btn-info[disabled].focus, | ||
+ | fieldset[disabled] .btn-info.focus { | ||
+ | background-color: #5bc0de; | ||
+ | border-color: #46b8da; | ||
+ | } | ||
+ | .btn-info .badge { | ||
+ | color: #5bc0de; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .btn-warning { | ||
+ | color: #ffffff; | ||
+ | background-color: #f0ad4e; | ||
+ | border-color: #eea236; | ||
+ | } | ||
+ | .btn-warning:focus, | ||
+ | .btn-warning.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #ec971f; | ||
+ | border-color: #985f0d; | ||
+ | } | ||
+ | .btn-warning:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #ec971f; | ||
+ | border-color: #d58512; | ||
+ | } | ||
+ | .btn-warning:active, | ||
+ | .btn-warning.active, | ||
+ | .open > .dropdown-toggle.btn-warning { | ||
+ | color: #ffffff; | ||
+ | background-color: #ec971f; | ||
+ | border-color: #d58512; | ||
+ | } | ||
+ | .btn-warning:active:hover, | ||
+ | .btn-warning.active:hover, | ||
+ | .open > .dropdown-toggle.btn-warning:hover, | ||
+ | .btn-warning:active:focus, | ||
+ | .btn-warning.active:focus, | ||
+ | .open > .dropdown-toggle.btn-warning:focus, | ||
+ | .btn-warning:active.focus, | ||
+ | .btn-warning.active.focus, | ||
+ | .open > .dropdown-toggle.btn-warning.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #d58512; | ||
+ | border-color: #985f0d; | ||
+ | } | ||
+ | .btn-warning:active, | ||
+ | .btn-warning.active, | ||
+ | .open > .dropdown-toggle.btn-warning { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-warning.disabled:hover, | ||
+ | .btn-warning[disabled]:hover, | ||
+ | fieldset[disabled] .btn-warning:hover, | ||
+ | .btn-warning.disabled:focus, | ||
+ | .btn-warning[disabled]:focus, | ||
+ | fieldset[disabled] .btn-warning:focus, | ||
+ | .btn-warning.disabled.focus, | ||
+ | .btn-warning[disabled].focus, | ||
+ | fieldset[disabled] .btn-warning.focus { | ||
+ | background-color: #f0ad4e; | ||
+ | border-color: #eea236; | ||
+ | } | ||
+ | .btn-warning .badge { | ||
+ | color: #f0ad4e; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .btn-danger { | ||
+ | color: #ffffff; | ||
+ | background-color: #d9534f; | ||
+ | border-color: #d43f3a; | ||
+ | } | ||
+ | .btn-danger:focus, | ||
+ | .btn-danger.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #c9302c; | ||
+ | border-color: #761c19; | ||
+ | } | ||
+ | .btn-danger:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #c9302c; | ||
+ | border-color: #ac2925; | ||
+ | } | ||
+ | .btn-danger:active, | ||
+ | .btn-danger.active, | ||
+ | .open > .dropdown-toggle.btn-danger { | ||
+ | color: #ffffff; | ||
+ | background-color: #c9302c; | ||
+ | border-color: #ac2925; | ||
+ | } | ||
+ | .btn-danger:active:hover, | ||
+ | .btn-danger.active:hover, | ||
+ | .open > .dropdown-toggle.btn-danger:hover, | ||
+ | .btn-danger:active:focus, | ||
+ | .btn-danger.active:focus, | ||
+ | .open > .dropdown-toggle.btn-danger:focus, | ||
+ | .btn-danger:active.focus, | ||
+ | .btn-danger.active.focus, | ||
+ | .open > .dropdown-toggle.btn-danger.focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #ac2925; | ||
+ | border-color: #761c19; | ||
+ | } | ||
+ | .btn-danger:active, | ||
+ | .btn-danger.active, | ||
+ | .open > .dropdown-toggle.btn-danger { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-danger.disabled:hover, | ||
+ | .btn-danger[disabled]:hover, | ||
+ | fieldset[disabled] .btn-danger:hover, | ||
+ | .btn-danger.disabled:focus, | ||
+ | .btn-danger[disabled]:focus, | ||
+ | fieldset[disabled] .btn-danger:focus, | ||
+ | .btn-danger.disabled.focus, | ||
+ | .btn-danger[disabled].focus, | ||
+ | fieldset[disabled] .btn-danger.focus { | ||
+ | background-color: #d9534f; | ||
+ | border-color: #d43f3a; | ||
+ | } | ||
+ | .btn-danger .badge { | ||
+ | color: #d9534f; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .btn-link { | ||
+ | color: #337ab7; | ||
+ | font-weight: normal; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .btn-link, | ||
+ | .btn-link:active, | ||
+ | .btn-link.active, | ||
+ | .btn-link[disabled], | ||
+ | fieldset[disabled] .btn-link { | ||
+ | background-color: transparent; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | .btn-link, | ||
+ | .btn-link:hover, | ||
+ | .btn-link:focus, | ||
+ | .btn-link:active { | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | .btn-link:hover, | ||
+ | .btn-link:focus { | ||
+ | color: #23527c; | ||
+ | text-decoration: underline; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .btn-link[disabled]:hover, | ||
+ | fieldset[disabled] .btn-link:hover, | ||
+ | .btn-link[disabled]:focus, | ||
+ | fieldset[disabled] .btn-link:focus { | ||
+ | color: #777777; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .btn-lg { | ||
+ | padding: 10px 16px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.3333333; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | .btn-sm { | ||
+ | padding: 5px 10px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .btn-xs { | ||
+ | padding: 1px 5px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .btn-block { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .btn-block + .btn-block { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | input[type="submit"].btn-block, | ||
+ | input[type="reset"].btn-block, | ||
+ | input[type="button"].btn-block { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .fade { | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.15s linear; | ||
+ | -o-transition: opacity 0.15s linear; | ||
+ | transition: opacity 0.15s linear; | ||
+ | } | ||
+ | .fade.in { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .collapse { | ||
+ | display: none; | ||
+ | } | ||
+ | .collapse.in { | ||
+ | display: block; | ||
+ | } | ||
+ | tr.collapse.in { | ||
+ | display: table-row; | ||
+ | } | ||
+ | tbody.collapse.in { | ||
+ | display: table-row-group; | ||
+ | } | ||
+ | .collapsing { | ||
+ | position: relative; | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | -webkit-transition-property: height, visibility; | ||
+ | -o-transition-property: height, visibility; | ||
+ | transition-property: height, visibility; | ||
+ | -webkit-transition-duration: 0.35s; | ||
+ | -o-transition-duration: 0.35s; | ||
+ | transition-duration: 0.35s; | ||
+ | -webkit-transition-timing-function: ease; | ||
+ | -o-transition-timing-function: ease; | ||
+ | transition-timing-function: ease; | ||
+ | } | ||
+ | .caret { | ||
+ | display: inline-block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | margin-left: 2px; | ||
+ | vertical-align: middle; | ||
+ | border-top: 4px dashed; | ||
+ | border-top: 4px solid \9; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-left: 4px solid transparent; | ||
+ | } | ||
+ | .dropup, | ||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | } | ||
+ | .dropdown-toggle:focus { | ||
+ | outline: 0; | ||
+ | } | ||
+ | .dropdown-menu { | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 1000; | ||
+ | display: none; | ||
+ | float: left; | ||
+ | min-width: 160px; | ||
+ | padding: 5px 0; | ||
+ | margin: 2px 0 0; | ||
+ | list-style: none; | ||
+ | font-size: 14px; | ||
+ | text-align: left; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #cccccc; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.15); | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
+ | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
+ | -webkit-background-clip: padding-box; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | .dropdown-menu.pull-right { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | .dropdown-menu .divider { | ||
+ | height: 1px; | ||
+ | margin: 9px 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #e5e5e5; | ||
+ | } | ||
+ | .dropdown-menu > li > a { | ||
+ | display: block; | ||
+ | padding: 3px 20px; | ||
+ | clear: both; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
+ | color: #333333; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .dropdown-menu > li > a:hover, | ||
+ | .dropdown-menu > li > a:focus { | ||
+ | text-decoration: none; | ||
+ | color: #262626; | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | .dropdown-menu > .active > a, | ||
+ | .dropdown-menu > .active > a:hover, | ||
+ | .dropdown-menu > .active > a:focus { | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | outline: 0; | ||
+ | background-color: #337ab7; | ||
+ | } | ||
+ | .dropdown-menu > .disabled > a, | ||
+ | .dropdown-menu > .disabled > a:hover, | ||
+ | .dropdown-menu > .disabled > a:focus { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .dropdown-menu > .disabled > a:hover, | ||
+ | .dropdown-menu > .disabled > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | .open > .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | .open > a { | ||
+ | outline: 0; | ||
+ | } | ||
+ | .dropdown-menu-right { | ||
+ | left: auto; | ||
+ | right: 0; | ||
+ | } | ||
+ | .dropdown-menu-left { | ||
+ | left: 0; | ||
+ | right: auto; | ||
+ | } | ||
+ | .dropdown-header { | ||
+ | display: block; | ||
+ | padding: 3px 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.42857143; | ||
+ | color: #777777; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .dropdown-backdrop { | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | top: 0; | ||
+ | z-index: 990; | ||
+ | } | ||
+ | .pull-right > .dropdown-menu { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | .dropup .caret, | ||
+ | .navbar-fixed-bottom .dropdown .caret { | ||
+ | border-top: 0; | ||
+ | border-bottom: 4px dashed; | ||
+ | border-bottom: 4px solid \9; | ||
+ | content: ""; | ||
+ | } | ||
+ | .dropup .dropdown-menu, | ||
+ | .navbar-fixed-bottom .dropdown .dropdown-menu { | ||
+ | top: auto; | ||
+ | bottom: 100%; | ||
+ | margin-bottom: 2px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-right .dropdown-menu { | ||
+ | left: auto; | ||
+ | right: 0; | ||
+ | } | ||
+ | .navbar-right .dropdown-menu-left { | ||
+ | left: 0; | ||
+ | right: auto; | ||
+ | } | ||
+ | } | ||
+ | .nav { | ||
+ | margin-bottom: 0; | ||
+ | padding-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .nav > li { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | } | ||
+ | .nav > li > a { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | .nav > li > a:hover, | ||
+ | .nav > li > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | .nav > li.disabled > a { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .nav > li.disabled > a:hover, | ||
+ | .nav > li.disabled > a:focus { | ||
+ | color: #777777; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | .nav .open > a, | ||
+ | .nav .open > a:hover, | ||
+ | .nav .open > a:focus { | ||
+ | background-color: #eeeeee; | ||
+ | border-color: #337ab7; | ||
+ | } | ||
+ | .nav .nav-divider { | ||
+ | height: 1px; | ||
+ | margin: 9px 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #e5e5e5; | ||
+ | } | ||
+ | .nav > li > a > img { | ||
+ | max-width: none; | ||
+ | } | ||
+ | .nav-tabs { | ||
+ | border-bottom: 1px solid #dddddd; | ||
+ | } | ||
+ | .nav-tabs > li { | ||
+ | float: left; | ||
+ | margin-bottom: -1px; | ||
+ | } | ||
+ | .nav-tabs > li > a { | ||
+ | margin-right: 2px; | ||
+ | line-height: 1.42857143; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | .nav-tabs > li > a:hover { | ||
+ | border-color: #eeeeee #eeeeee #dddddd; | ||
+ | } | ||
+ | .nav-tabs > li.active > a, | ||
+ | .nav-tabs > li.active > a:hover, | ||
+ | .nav-tabs > li.active > a:focus { | ||
+ | color: #555555; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #dddddd; | ||
+ | border-bottom-color: transparent; | ||
+ | cursor: default; | ||
+ | } | ||
+ | .nav-tabs.nav-justified { | ||
+ | width: 100%; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .nav-tabs.nav-justified > li { | ||
+ | float: none; | ||
+ | } | ||
+ | .nav-tabs.nav-justified > li > a { | ||
+ | text-align: center; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .nav-tabs.nav-justified > .dropdown .dropdown-menu { | ||
+ | top: auto; | ||
+ | left: auto; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .nav-tabs.nav-justified > li { | ||
+ | display: table-cell; | ||
+ | width: 1%; | ||
+ | } | ||
+ | .nav-tabs.nav-justified > li > a { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | } | ||
+ | .nav-tabs.nav-justified > li > a { | ||
+ | margin-right: 0; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .nav-tabs.nav-justified > .active > a, | ||
+ | .nav-tabs.nav-justified > .active > a:hover, | ||
+ | .nav-tabs.nav-justified > .active > a:focus { | ||
+ | border: 1px solid #dddddd; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .nav-tabs.nav-justified > li > a { | ||
+ | border-bottom: 1px solid #dddddd; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | .nav-tabs.nav-justified > .active > a, | ||
+ | .nav-tabs.nav-justified > .active > a:hover, | ||
+ | .nav-tabs.nav-justified > .active > a:focus { | ||
+ | border-bottom-color: #ffffff; | ||
+ | } | ||
+ | } | ||
+ | .nav-pills > li { | ||
+ | float: left; | ||
+ | } | ||
+ | .nav-pills > li > a { | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .nav-pills > li + li { | ||
+ | margin-left: 2px; | ||
+ | } | ||
+ | .nav-pills > li.active > a, | ||
+ | .nav-pills > li.active > a:hover, | ||
+ | .nav-pills > li.active > a:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #337ab7; | ||
+ | } | ||
+ | .nav-stacked > li { | ||
+ | float: none; | ||
+ | } | ||
+ | .nav-stacked > li + li { | ||
+ | margin-top: 2px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .nav-justified { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .nav-justified > li { | ||
+ | float: none; | ||
+ | } | ||
+ | .nav-justified > li > a { | ||
+ | text-align: center; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .nav-justified > .dropdown .dropdown-menu { | ||
+ | top: auto; | ||
+ | left: auto; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .nav-justified > li { | ||
+ | display: table-cell; | ||
+ | width: 1%; | ||
+ | } | ||
+ | .nav-justified > li > a { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | } | ||
+ | .nav-tabs-justified { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .nav-tabs-justified > li > a { | ||
+ | margin-right: 0; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .nav-tabs-justified > .active > a, | ||
+ | .nav-tabs-justified > .active > a:hover, | ||
+ | .nav-tabs-justified > .active > a:focus { | ||
+ | border: 1px solid #dddddd; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .nav-tabs-justified > li > a { | ||
+ | border-bottom: 1px solid #dddddd; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | .nav-tabs-justified > .active > a, | ||
+ | .nav-tabs-justified > .active > a:hover, | ||
+ | .nav-tabs-justified > .active > a:focus { | ||
+ | border-bottom-color: #ffffff; | ||
+ | } | ||
+ | } | ||
+ | .tab-content > .tab-pane { | ||
+ | display: none; | ||
+ | } | ||
+ | .tab-content > .active { | ||
+ | display: block; | ||
+ | } | ||
+ | .nav-tabs .dropdown-menu { | ||
+ | margin-top: -1px; | ||
+ | border-top-right-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | .navbar { | ||
+ | position: relative; | ||
+ | min-height: 50px; | ||
+ | margin-bottom: 20px; | ||
+ | border: 1px solid transparent; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar { | ||
+ | border-radius: 0px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-header { | ||
+ | float: left; | ||
+ | } | ||
+ | } | ||
+ | .navbar-collapse { | ||
+ | overflow-x: visible; | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | border-top: 1px solid transparent; | ||
+ | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | } | ||
+ | .navbar-collapse.in { | ||
+ | overflow-y: auto; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-collapse { | ||
+ | width: auto; | ||
+ | border-top: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | .navbar-collapse.collapse { | ||
+ | display: block !important; | ||
+ | height: auto !important; | ||
+ | padding-bottom: 0; | ||
+ | overflow: visible !important; | ||
+ | } | ||
+ | .navbar-collapse.in { | ||
+ | overflow-y: visible; | ||
+ | } | ||
+ | .navbar-fixed-top .navbar-collapse, | ||
+ | .navbar-static-top .navbar-collapse, | ||
+ | .navbar-fixed-bottom .navbar-collapse { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | } | ||
+ | .navbar-fixed-top .navbar-collapse, | ||
+ | .navbar-fixed-bottom .navbar-collapse { | ||
+ | max-height: 340px; | ||
+ | } | ||
+ | @media (max-device-width: 480px) and (orientation: landscape) { | ||
+ | .navbar-fixed-top .navbar-collapse, | ||
+ | .navbar-fixed-bottom .navbar-collapse { | ||
+ | max-height: 200px; | ||
+ | } | ||
+ | } | ||
+ | .container > .navbar-header, | ||
+ | .container-fluid > .navbar-header, | ||
+ | .container > .navbar-collapse, | ||
+ | .container-fluid > .navbar-collapse { | ||
+ | margin-right: -15px; | ||
+ | margin-left: -15px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .container > .navbar-header, | ||
+ | .container-fluid > .navbar-header, | ||
+ | .container > .navbar-collapse, | ||
+ | .container-fluid > .navbar-collapse { | ||
+ | margin-right: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | } | ||
+ | .navbar-static-top { | ||
+ | |||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | z-index: 1030; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-static-top { | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | } | ||
+ | .navbar-fixed-top, | ||
+ | .navbar-fixed-bottom { | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | z-index: 1030; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-fixed-top, | ||
+ | .navbar-fixed-bottom { | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | } | ||
+ | .navbar-fixed-top { | ||
+ | top: 0; | ||
+ | border-width: 0 0 1px; | ||
+ | } | ||
+ | .navbar-fixed-bottom { | ||
+ | bottom: 0; | ||
+ | margin-bottom: 0; | ||
+ | border-width: 1px 0 0; | ||
+ | } | ||
+ | .navbar-brand { | ||
+ | float: left; | ||
+ | padding: 15px 15px; | ||
+ | font-size: 18px; | ||
+ | line-height: 20px; | ||
+ | height: 50px; | ||
+ | } | ||
+ | .navbar-brand:hover, | ||
+ | .navbar-brand:focus { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .navbar-brand > img { | ||
+ | display: block; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar > .container .navbar-brand, | ||
+ | .navbar > .container-fluid .navbar-brand { | ||
+ | margin-left: -15px; | ||
+ | } | ||
+ | } | ||
+ | .navbar-toggle { | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | margin-right: 15px; | ||
+ | padding: 9px 10px; | ||
+ | margin-top: 8px; | ||
+ | margin-bottom: 8px; | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .navbar-toggle:focus { | ||
+ | outline: 0; | ||
+ | } | ||
+ | .navbar-toggle .icon-bar { | ||
+ | display: block; | ||
+ | width: 22px; | ||
+ | height: 2px; | ||
+ | border-radius: 1px; | ||
+ | } | ||
+ | .navbar-toggle .icon-bar + .icon-bar { | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-toggle { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | .navbar-nav { | ||
+ | margin: 7.5px -15px; | ||
+ | } | ||
+ | .navbar-nav > li > a { | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .navbar-nav .open .dropdown-menu { | ||
+ | position: static; | ||
+ | float: none; | ||
+ | width: auto; | ||
+ | margin-top: 0; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | .navbar-nav .open .dropdown-menu > li > a, | ||
+ | .navbar-nav .open .dropdown-menu .dropdown-header { | ||
+ | padding: 5px 15px 5px 25px; | ||
+ | } | ||
+ | .navbar-nav .open .dropdown-menu > li > a { | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | .navbar-nav .open .dropdown-menu > li > a:hover, | ||
+ | .navbar-nav .open .dropdown-menu > li > a:focus { | ||
+ | background-image: none; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-nav { | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .navbar-nav > li { | ||
+ | float: left; | ||
+ | } | ||
+ | .navbar-nav > li > a { | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | } | ||
+ | } | ||
+ | .navbar-form { | ||
+ | margin-left: -15px; | ||
+ | margin-right: -15px; | ||
+ | padding: 10px 15px; | ||
+ | border-top: 1px solid transparent; | ||
+ | border-bottom: 1px solid transparent; | ||
+ | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | margin-top: 8px; | ||
+ | margin-bottom: 8px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-form .form-group { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .form-control { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .form-control-static { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .navbar-form .input-group { | ||
+ | display: inline-table; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .input-group .input-group-addon, | ||
+ | .navbar-form .input-group .input-group-btn, | ||
+ | .navbar-form .input-group .form-control { | ||
+ | width: auto; | ||
+ | } | ||
+ | .navbar-form .input-group > .form-control { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .navbar-form .control-label { | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .radio, | ||
+ | .navbar-form .checkbox { | ||
+ | display: inline-block; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .radio label, | ||
+ | .navbar-form .checkbox label { | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | .navbar-form .radio input[type="radio"], | ||
+ | .navbar-form .checkbox input[type="checkbox"] { | ||
+ | position: relative; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .navbar-form .has-feedback .form-control-feedback { | ||
+ | top: 0; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .navbar-form .form-group { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .navbar-form .form-group:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-form { | ||
+ | width: auto; | ||
+ | border: 0; | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | } | ||
+ | .navbar-nav > li > .dropdown-menu { | ||
+ | margin-top: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | ||
+ | margin-bottom: 0; | ||
+ | border-top-right-radius: 4px; | ||
+ | border-top-left-radius: 4px; | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | } | ||
+ | .navbar-btn { | ||
+ | margin-top: 8px; | ||
+ | margin-bottom: 8px; | ||
+ | } | ||
+ | .navbar-btn.btn-sm { | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | .navbar-btn.btn-xs { | ||
+ | margin-top: 14px; | ||
+ | margin-bottom: 14px; | ||
+ | } | ||
+ | .navbar-text { | ||
+ | margin-top: 15px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-text { | ||
+ | float: left; | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-left { | ||
+ | float: left !important; | ||
+ | } | ||
+ | .navbar-right { | ||
+ | float: right !important; | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | .navbar-right ~ .navbar-right { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | } | ||
+ | .navbar-default { | ||
+ | background-color: #f8f8f8; | ||
+ | border-color: #e7e7e7; | ||
+ | } | ||
+ | .navbar-default .navbar-brand { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .navbar-default .navbar-brand:hover, | ||
+ | .navbar-default .navbar-brand:focus { | ||
+ | color: #5e5e5e; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-default .navbar-text { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > li > a { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > li > a:hover, | ||
+ | .navbar-default .navbar-nav > li > a:focus { | ||
+ | color: #333333; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > .active > a, | ||
+ | .navbar-default .navbar-nav > .active > a:hover, | ||
+ | .navbar-default .navbar-nav > .active > a:focus { | ||
+ | color: #555555; | ||
+ | background-color: #e7e7e7; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > .disabled > a, | ||
+ | .navbar-default .navbar-nav > .disabled > a:hover, | ||
+ | .navbar-default .navbar-nav > .disabled > a:focus { | ||
+ | color: #cccccc; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle { | ||
+ | border-color: #dddddd; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle:hover, | ||
+ | .navbar-default .navbar-toggle:focus { | ||
+ | background-color: #dddddd; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle .icon-bar { | ||
+ | background-color: #888888; | ||
+ | } | ||
+ | .navbar-default .navbar-collapse, | ||
+ | .navbar-default .navbar-form { | ||
+ | border-color: #e7e7e7; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > .open > a, | ||
+ | .navbar-default .navbar-nav > .open > a:hover, | ||
+ | .navbar-default .navbar-nav > .open > a:focus { | ||
+ | background-color: #e7e7e7; | ||
+ | color: #555555; | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > li > a { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | ||
+ | color: #333333; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .active > a, | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
+ | color: #555555; | ||
+ | background-color: #e7e7e7; | ||
+ | } | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||
+ | color: #cccccc; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | } | ||
+ | .navbar-default .navbar-link { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .navbar-default .navbar-link:hover { | ||
+ | color: #333333; | ||
+ | } | ||
+ | .navbar-default .btn-link { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .navbar-default .btn-link:hover, | ||
+ | .navbar-default .btn-link:focus { | ||
+ | color: #333333; | ||
+ | } | ||
+ | .navbar-default .btn-link[disabled]:hover, | ||
+ | fieldset[disabled] .navbar-default .btn-link:hover, | ||
+ | .navbar-default .btn-link[disabled]:focus, | ||
+ | fieldset[disabled] .navbar-default .btn-link:focus { | ||
+ | color: #cccccc; | ||
+ | } | ||
+ | .navbar-inverse { | ||
+ | background-color: #222222; | ||
+ | border-color: #080808; | ||
+ | } | ||
+ | .navbar-inverse .navbar-brand { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-brand:hover, | ||
+ | .navbar-inverse .navbar-brand:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-inverse .navbar-text { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > li > a { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > li > a:hover, | ||
+ | .navbar-inverse .navbar-nav > li > a:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > .active > a, | ||
+ | .navbar-inverse .navbar-nav > .active > a:hover, | ||
+ | .navbar-inverse .navbar-nav > .active > a:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #080808; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > .disabled > a, | ||
+ | .navbar-inverse .navbar-nav > .disabled > a:hover, | ||
+ | .navbar-inverse .navbar-nav > .disabled > a:focus { | ||
+ | color: #444444; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-inverse .navbar-toggle { | ||
+ | border-color: #333333; | ||
+ | } | ||
+ | .navbar-inverse .navbar-toggle:hover, | ||
+ | .navbar-inverse .navbar-toggle:focus { | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | .navbar-inverse .navbar-toggle .icon-bar { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .navbar-inverse .navbar-collapse, | ||
+ | .navbar-inverse .navbar-form { | ||
+ | border-color: #101010; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > .open > a, | ||
+ | .navbar-inverse .navbar-nav > .open > a:hover, | ||
+ | .navbar-inverse .navbar-nav > .open > a:focus { | ||
+ | background-color: #080808; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | ||
+ | border-color: #080808; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu .divider { | ||
+ | background-color: #080808; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #080808; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||
+ | color: #444444; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | } | ||
+ | .navbar-inverse .navbar-link { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-link:hover { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .navbar-inverse .btn-link { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .btn-link:hover, | ||
+ | .navbar-inverse .btn-link:focus { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .navbar-inverse .btn-link[disabled]:hover, | ||
+ | fieldset[disabled] .navbar-inverse .btn-link:hover, | ||
+ | .navbar-inverse .btn-link[disabled]:focus, | ||
+ | fieldset[disabled] .navbar-inverse .btn-link:focus { | ||
+ | color: #444444; | ||
+ | } | ||
+ | .clearfix:before, | ||
+ | .clearfix:after, | ||
+ | .container:before, | ||
+ | .container:after, | ||
+ | .container-fluid:before, | ||
+ | .container-fluid:after, | ||
+ | .row:before, | ||
+ | .row:after, | ||
+ | .form-horizontal .form-group:before, | ||
+ | .form-horizontal .form-group:after, | ||
+ | .nav:before, | ||
+ | .nav:after, | ||
+ | .navbar:before, | ||
+ | .navbar:after, | ||
+ | .navbar-header:before, | ||
+ | .navbar-header:after, | ||
+ | .navbar-collapse:before, | ||
+ | .navbar-collapse:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .clearfix:after, | ||
+ | .container:after, | ||
+ | .container-fluid:after, | ||
+ | .row:after, | ||
+ | .form-horizontal .form-group:after, | ||
+ | .nav:after, | ||
+ | .navbar:after, | ||
+ | .navbar-header:after, | ||
+ | .navbar-collapse:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .center-block { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | .pull-right { | ||
+ | float: right !important; | ||
+ | } | ||
+ | .pull-left { | ||
+ | float: left !important; | ||
+ | } | ||
+ | .hide { | ||
+ | display: none !important; | ||
+ | } | ||
+ | .show { | ||
+ | display: block !important; | ||
+ | } | ||
+ | .invisible { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .text-hide { | ||
+ | font: 0/0 a; | ||
+ | color: transparent; | ||
+ | text-shadow: none; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | } | ||
+ | .hidden { | ||
+ | display: none !important; | ||
+ | } | ||
+ | .affix { | ||
+ | position: fixed; | ||
+ | } | ||
+ | @-ms-viewport { | ||
+ | width: device-width; | ||
+ | } | ||
+ | .visible-xs, | ||
+ | .visible-sm, | ||
+ | .visible-md, | ||
+ | .visible-lg { | ||
+ | display: none !important; | ||
+ | } | ||
+ | .visible-xs-block, | ||
+ | .visible-xs-inline, | ||
+ | .visible-xs-inline-block, | ||
+ | .visible-sm-block, | ||
+ | .visible-sm-inline, | ||
+ | .visible-sm-inline-block, | ||
+ | .visible-md-block, | ||
+ | .visible-md-inline, | ||
+ | .visible-md-inline-block, | ||
+ | .visible-lg-block, | ||
+ | .visible-lg-inline, | ||
+ | .visible-lg-inline-block { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-xs { | ||
+ | display: table !important; | ||
+ | } | ||
+ | tr.visible-xs { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-xs, | ||
+ | td.visible-xs { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-sm { | ||
+ | display: table !important; | ||
+ | } | ||
+ | tr.visible-sm { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-sm, | ||
+ | td.visible-sm { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-md { | ||
+ | display: table !important; | ||
+ | } | ||
+ | tr.visible-md { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-md, | ||
+ | td.visible-md { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-lg { | ||
+ | display: table !important; | ||
+ | } | ||
+ | tr.visible-lg { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-lg, | ||
+ | td.visible-lg { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .hidden-xs { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .hidden-sm { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .hidden-md { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .hidden-lg { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-print { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media print { | ||
+ | .visible-print { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-print { | ||
+ | display: table !important; | ||
+ | } | ||
+ | tr.visible-print { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-print, | ||
+ | td.visible-print { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-print-block { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media print { | ||
+ | .visible-print-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-print-inline { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media print { | ||
+ | .visible-print-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-print-inline-block { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media print { | ||
+ | .visible-print-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | @media print { | ||
+ | .hidden-print { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
/* W3 Schools templates*/ | /* W3 Schools templates*/ |
Revision as of 20:45, 27 July 2018