.ui-connection{position:absolute;text-align:center;top:0;left:0;width:100%;height:0;z-index:2000}.ui-connection > .alert{border-top:0;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;padding-right:14px;display:inline-block} @charset "UTF-8";/* Form ========================================================================== *//* 1 *//*1. Set $font-size-root to the same as the default font size on your element2. The mixin relies on a function to parse the integer from a value with a unit3. We define a list of values for both units4. We iterate through each value in the given parameter $values5. If the value is either auto or 0, we append it to the list as-is6. If the value has a unit, we split it to get both the unit and the raw value7. We append according values to the lists depending on the unit of the given value8. If the two lists are the same, we ouput only one (like margin-top: 0)9. We output the result*//* Form ========================================================================== */.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }.btn:hover, .btn:focus, .btn.focus { color: #333; 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: #333; background-color: #fff; border-color: #ccc; }.btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; }.btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; }.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; }.btn-default .badge { color: #fff; background-color: #333; }.btn-primary { color: #fff; background-color: #0da58d; border-color: #0b8d79; }.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #097665; border-color: #021714; }.btn-primary:hover { color: #fff; background-color: #097665; border-color: #075448; }.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #097665; border-color: #075448; }.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #075448; border-color: #021714; }.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; }.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #0da58d; border-color: #0b8d79; }.btn-primary .badge { color: #0da58d; background-color: #fff; }.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }.btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; }.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; }.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; }.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; }.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; }.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; }.btn-success .badge { color: #5cb85c; background-color: #fff; }.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }.btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; }.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; }.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; }.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; }.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; }.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; }.btn-info .badge { color: #5bc0de; background-color: #fff; }.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; }.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; }.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; }.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; }.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; }.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; }.btn-warning .badge { color: #f0ad4e; background-color: #fff; }.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; }.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; }.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; }.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; }.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; }.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; }.btn-danger .badge { color: #d9534f; background-color: #fff; }.btn-link { color: #0a7f6d; 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: #043830; text-decoration: underline; background-color: transparent; }.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }.btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }.btn-xs, .btn-group-xs > .btn { 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%; }.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; }.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; }.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }.btn-toolbar { margin-left: -5px; }.btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; }.btn-toolbar:after { clear: both; }.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; }.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }.btn-group > .btn:first-child { margin-left: 0; }.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; }.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }.btn-group > .btn-group { float: left; }.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; }.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; }.btn-group.open .dropdown-toggle { -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-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; }.btn .caret { margin-left: 0; }.btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; }.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; }.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; }.btn-group-vertical > .btn-group:after { clear: both; }.btn-group-vertical > .btn-group > .btn { float: none; }.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }.btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }.btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; }.btn-group-justified > .btn-group .btn { width: 100%; }.btn-group-justified > .btn-group .dropdown-menu { left: auto; }[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }.breadcrumb > li { display: inline-block; }.breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #ccc; }.breadcrumb > .active { color: #777777; }.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); }.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }.tooltip.top { margin-top: -3px; padding: 5px 0; }.tooltip.right { margin-left: 3px; padding: 0 5px; }.tooltip.bottom { margin-top: 3px; padding: 5px 0; }.tooltip.left { margin-left: -3px; padding: 0 5px; }.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; }.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }.popover.top { margin-top: -10px; }.popover.right { margin-left: 10px; }.popover.bottom { margin-top: 10px; }.popover.left { margin-left: -10px; }.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }.popover-content { padding: 9px 14px; }.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }.popover > .arrow { border-width: 11px; }.popover > .arrow:after { border-width: 10px; content: ""; }.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; }.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; }.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; }.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; }.modal-open { overflow: hidden; }.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }.modal-open .modal { overflow-x: hidden; overflow-y: auto; }.modal-dialog { position: relative; width: auto; margin: 10px; }.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; }.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }.modal-header:before, .modal-header:after { content: " "; display: table; }.modal-header:after { clear: both; }.modal-header .close { margin-top: -2px; }.modal-title { margin: 0; line-height: 1.42857; }.modal-body { position: relative; padding: 15px; }.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }.modal-footer:before, .modal-footer:after { content: " "; display: table; }.modal-footer:after { clear: both; }.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }.modal-footer .btn-group .btn + .btn { margin-left: -1px; }.modal-footer .btn-block + .btn-block { margin-left: 0; }.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; }.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }.modal-sm { width: 300px; } }@media (min-width: 992px) { .modal-lg { width: 900px; } }.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); }.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }.alert h4 { margin-top: 0; color: inherit; }.alert .alert-link { font-weight: bold; }.alert > p, .alert > ul { margin-bottom: 0; }.alert > p + p { margin-top: 5px; }.alert-dismissable, .alert-dismissible { padding-right: 35px; }.alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }.alert-success hr { border-top-color: #c9e2b3; }.alert-success .alert-link { color: #2b542c; }.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }.alert-info hr { border-top-color: #a6e1ec; }.alert-info .alert-link { color: #245269; }.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }.alert-warning hr { border-top-color: #f7e1b5; }.alert-warning .alert-link { color: #66512c; }.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }.alert-danger hr { border-top-color: #e4b9c0; }.alert-danger .alert-link { color: #843534; }.nav { margin-bottom: 0; padding-left: 0; list-style: none; }.nav:before, .nav:after { content: " "; display: table; }.nav:after { clear: both; }.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: #0a7f6d; }.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 #ddd; }.nav-tabs > li { float: left; margin-bottom: -1px; }.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; }.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; }.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }.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: #fff; background-color: #0a7f6d; }.nav-stacked > li { float: none; }.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }.nav-justified, .nav-tabs.nav-justified { width: 100%; }.nav-justified > li, .nav-tabs.nav-justified > li { float: none; }.nav-justified > li > a, .nav-tabs.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, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }.nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } }.nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; }.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; }.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; }@media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } }.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; }.nav-tabs { float: none; }/*!* Bootstrap v3.3.6 (http://getbootstrap.com)* Copyright 2011-2015 Twitter, Inc.* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }.btn-default:active, .btn-default.active, .btn-primary:active, .btn-primary.active, .btn-success:active, .btn-success.active, .btn-info:active, .btn-info.active, .btn-warning:active, .btn-warning.active, .btn-danger:active, .btn-danger.active { -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-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger { -webkit-box-shadow: none; box-shadow: none; }.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge { text-shadow: none; }.btn:active, .btn.active { background-image: none; }.btn-default { background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE0E0E0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #dbdbdb; text-shadow: 0 1px 0 #fff; border-color: #ccc; }.btn-default:hover, .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px; }.btn-default:active, .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb; }.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #e0e0e0; background-image: none; }.btn-primary { background-image: -webkit-linear-gradient(top, #0da58d 0%, #096c5d 100%); background-image: -o-linear-gradient(top, #0da58d 0%, #096c5d 100%); background-image: linear-gradient(to bottom, #0da58d 0%, #096c5d 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0DA58D', endColorstr='#FF096C5D', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #086355; }.btn-primary:hover, .btn-primary:focus { background-color: #096c5d; background-position: 0 -15px; }.btn-primary:active, .btn-primary.active { background-color: #096c5d; border-color: #086355; }.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #096c5d; background-image: none; }.btn-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5CB85C', endColorstr='#FF419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #3e8f3e; }.btn-success:hover, .btn-success:focus { background-color: #419641; background-position: 0 -15px; }.btn-success:active, .btn-success.active { background-color: #419641; border-color: #3e8f3e; }.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #419641; background-image: none; }.btn-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2AABD2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #28a4c9; }.btn-info:hover, .btn-info:focus { background-color: #2aabd2; background-position: 0 -15px; }.btn-info:active, .btn-info.active { background-color: #2aabd2; border-color: #28a4c9; }.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #2aabd2; background-image: none; }.btn-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0AD4E', endColorstr='#FFEB9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #e38d13; }.btn-warning:hover, .btn-warning:focus { background-color: #eb9316; background-position: 0 -15px; }.btn-warning:active, .btn-warning.active { background-color: #eb9316; border-color: #e38d13; }.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #eb9316; background-image: none; }.btn-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9534F', endColorstr='#FFC12E2A', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #b92c28; }.btn-danger:hover, .btn-danger:focus { background-color: #c12e2a; background-position: 0 -15px; }.btn-danger:active, .btn-danger.active { background-color: #c12e2a; border-color: #b92c28; }.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #c12e2a; background-image: none; }.thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFE8E8E8', GradientType=0); background-color: #e8e8e8; }.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-image: -webkit-linear-gradient(top, #0a7f6d 0%, #086759 100%); background-image: -o-linear-gradient(top, #0a7f6d 0%, #086759 100%); background-image: linear-gradient(to bottom, #0a7f6d 0%, #086759 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A7F6D', endColorstr='#FF086759', GradientType=0); background-color: #086759; }.navbar-default { background-image: -webkit-linear-gradient(top, white 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top, white 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, white 0%, #f8f8f8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF8F8F8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); }.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDBDBDB', endColorstr='#FFE2E2E2', GradientType=0); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); }.navbar-brand, .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); }.navbar-inverse { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3C3C3C', endColorstr='#FF222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-radius: 4px; }.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #090909 0%, #0f0f0f 100%); background-image: -o-linear-gradient(top, #090909 0%, #0f0f0f 100%); background-image: linear-gradient(to bottom, #090909 0%, #0f0f0f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF090909', endColorstr='#FF0F0F0F', GradientType=0); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); }.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; }@media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-image: -webkit-linear-gradient(top, #0a7f6d 0%, #086759 100%); background-image: -o-linear-gradient(top, #0a7f6d 0%, #086759 100%); background-image: linear-gradient(to bottom, #0a7f6d 0%, #086759 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A7F6D', endColorstr='#FF086759', GradientType=0); } }.alert { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); }.alert-success { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFC8E5BC', GradientType=0); border-color: #b2dba1; }.alert-info { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9EDF7', endColorstr='#FFB9DEF0', GradientType=0); border-color: #9acfea; }.alert-warning { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#FFF8EFC0', GradientType=0); border-color: #f5e79e; }.alert-danger { background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFE7C3C3', GradientType=0); border-color: #dca7a7; }.progress { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBEBEB', endColorstr='#FFF5F5F5', GradientType=0); }.progress-bar { background-image: -webkit-linear-gradient(top, #0a7f6d 0%, #065044 100%); background-image: -o-linear-gradient(top, #0a7f6d 0%, #065044 100%); background-image: linear-gradient(to bottom, #0a7f6d 0%, #065044 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A7F6D', endColorstr='#FF065044', GradientType=0); }.progress-bar-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5CB85C', endColorstr='#FF449D44', GradientType=0); }.progress-bar-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF31B0D5', GradientType=0); }.progress-bar-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0AD4E', endColorstr='#FFEC971F', GradientType=0); }.progress-bar-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9534F', endColorstr='#FFC9302C', GradientType=0); }.progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }.list-group { border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { text-shadow: 0 -1px 0 #065044; background-image: -webkit-linear-gradient(top, #0a7f6d 0%, #075c4f 100%); background-image: -o-linear-gradient(top, #0a7f6d 0%, #075c4f 100%); background-image: linear-gradient(to bottom, #0a7f6d 0%, #075c4f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A7F6D', endColorstr='#FF075C4F', GradientType=0); border-color: #075c4f; }.list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge { text-shadow: none; }.panel { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }.panel-default > .panel-heading { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFE8E8E8', GradientType=0); }.panel-primary > .panel-heading { background-image: -webkit-linear-gradient(top, #0a7f6d 0%, #086759 100%); background-image: -o-linear-gradient(top, #0a7f6d 0%, #086759 100%); background-image: linear-gradient(to bottom, #0a7f6d 0%, #086759 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A7F6D', endColorstr='#FF086759', GradientType=0); }.panel-success > .panel-heading { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFD0E9C6', GradientType=0); }.panel-info > .panel-heading { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9EDF7', endColorstr='#FFC4E3F3', GradientType=0); }.panel-warning > .panel-heading { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#FFFAF2CC', GradientType=0); }.panel-danger > .panel-heading { background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFEBCCCC', GradientType=0); }.well { background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE8E8E8', endColorstr='#FFF5F5F5', GradientType=0); border-color: gainsboro; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); }/*@import 'bootstrap-sass/assets/stylesheets/bootstrap/input-groups';*/.alert a { font-weight: normal; }.btn.no-gradient { background: #0c9781; text-shadow: none; border-color: #0a7f6d; }.btn.smaller-text { font-size: 0.9em; padding: 8px 14px; text-transform: none; }/*!* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** CASCADE FRAMEWORK 1.0** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *** Copyright 2013, John Slegers* Released under the MIT license* http://jslegers.github.com/cascadeframework/license.html*** This means you can use Cascade Framework for any project,* whether commercial or not.** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * Cascade Framework also contains the following goodies,* which all have the same or similar 'permissive licenses :*** Includes polyfills by Joshua Bell* http://www.calormen.com/polyfill/* Released in public domain*** Includes Google ExplorerCanvas* https://code.google.com/p/explorercanvas/* Released under the Apache 2.0 license*** Includes Google Prettify* https://code.google.com/p/google-code-prettify/* Released under the Apache 2.0 license*** Includes Yepnope* http://yepnopejs.com/* Released under the WTFPL license*** Includes Modernizr* http://modernizr.com/* Released under the MIT license*** Includes lodash* http://lodash.com/* Released under the MIT license*** Includes jQuery* http://jquery.com/* Released under the MIT license*** Includes jQuery Easing plugin* http://gsgd.co.uk/sandbox/jquery/easing/* Released under the BSD license*** Includes jQuery Flot plugin* http://www.flotcharts.org/* Released under the MIT license*** Includes the Font Awesome webfont* http://fortawesome.github.com/Font-Awesome/* Released under the SIL Open Font License****** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** Cascade Framework was inspired by many articles and projects* * Especially these authors are worth mentioning :* * Nicolle Sullivan* Jonathan Snook* Chris Coyier* Eric Meyer* Nicolas Gallagher* Paul Irish* Mark Otto* Jacob Thornton*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Date: 2013-03-15* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */.width-1of24 { width: 4.1666666%; }.width-1of16 { width: 6.25%; }.width-1of12, .width-2of24 { width: 8.3333333%; }.width-1of10 { width: 10%; }.width-1of9 { width: 11.1111111%; }.width-1of8, .width-2of16, .width-3of24 { width: 12.5%; }.width-1of7 { width: 14.2857143%; }.width-1of6, .width-2of12, .width-4of24 { width: 16.6666666%; }.width-3of16 { width: 18.75%; }.width-1of5, .width-2of10 { width: 20%; }.width-5of24 { width: 20.8333333%; }.width-2of9 { width: 22.2222222%; }.width-1of4, .width-2of8, .width-3of12, .width-4of16, .width-6of24 { width: 25%; }.width-2of7 { width: 28.5714286%; }.width-7of24 { width: 29.1666666%; }.width-3of10 { width: 30%; }.width-5of16 { width: 31.25%; }.width-1of3, .width-2of6, .width-3of9, .width-4of12, .width-8of24 { width: 33.3333333%; }.width-3of8, .width-6of16, .width-9of24 { width: 37.5%; }.width-2of5, .width-4of10 { width: 40%; }.width-5of12, .width-10of24 { width: 41.6666666%; }.width-3of7 { width: 42.8571429%; }.width-7of16 { width: 43.75%; }.width-4of9 { width: 44.4444444%; }.width-11of24 { width: 45.8333333%; }.width-1of2, .width-2of4, .width-3of6, .width-4of8, .width-5of10, .width-6of12, .width-8of16, .width-12of24 { width: 50%; }.width-13of24 { width: 54.1666666%; }.width-5of9 { width: 55.5555555%; }.width-9of16 { width: 56.25%; }.width-4of7 { width: 57.1428572%; }.width-7of12, .width-14of24 { width: 58.3333333%; }.width-3of5, .width-6of10 { width: 60%; }.width-5of8, .width-10of16, .width-15of24 { width: 62.5%; }.width-2of3, .width-4of6, .width-6of9, .width-8of12, .width-16of24 { width: 66.6666666%; }.width-11of16 { width: 68.75%; }.width-7of10 { width: 70%; }.width-17of24 { width: 70.8333333%; }.width-5of7 { width: 71.4285715%; }.width-3of4, .width-6of8, .width-9of12, .width-12of16, .width-18of24 { width: 75%; }.width-7of9 { width: 77.7777777%; }.width-19of24 { width: 79.1666666%; }.width-4of5, .width-8of10 { width: 80%; }.width-13of16 { width: 81.25%; }.width-5of6, .width-10of12, .width-20of24 { width: 83.3333333%; }.width-6of7 { width: 85.7142858%; }.width-7of8, .width-14of16, .width-21of24 { width: 87.5%; }.width-8of9 { width: 88.8888888%; }.width-9of10 { width: 90%; }.width-11of12, .width-22of24 { width: 91.6666666%; }.width-15of16 { width: 93.75%; }.width-23of24 { width: 95.8333333%; }/*!* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** CASCADE FRAMEWORK 1.0** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *** Copyright 2013, John Slegers* Released under the MIT license* http://jslegers.github.com/cascadeframework/license.html*** This means you can use Cascade Framework for any project,* whether commercial or not.** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * Cascade Framework also contains the following goodies,* which all have the same or similar 'permissive licenses :*** Includes polyfills by Joshua Bell* http://www.calormen.com/polyfill/* Released in public domain*** Includes Google ExplorerCanvas* https://code.google.com/p/explorercanvas/* Released under the Apache 2.0 license*** Includes Google Prettify* https://code.google.com/p/google-code-prettify/* Released under the Apache 2.0 license*** Includes Yepnope* http://yepnopejs.com/* Released under the WTFPL license*** Includes Modernizr* http://modernizr.com/* Released under the MIT license*** Includes lodash* http://lodash.com/* Released under the MIT license*** Includes jQuery* http://jquery.com/* Released under the MIT license*** Includes jQuery Easing plugin* http://gsgd.co.uk/sandbox/jquery/easing/* Released under the BSD license*** Includes jQuery Flot plugin* http://www.flotcharts.org/* Released under the MIT license*** Includes the Font Awesome webfont* http://fortawesome.github.com/Font-Awesome/* Released under the SIL Open Font License****** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** Cascade Framework was inspired by many articles and projects* * Especially these authors are worth mentioning :* * Nicolle Sullivan* Jonathan Snook* Chris Coyier* Eric Meyer* Nicolas Gallagher* Paul Irish* Mark Otto* Jacob Thornton*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Date: 2013-03-15* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */.no-margin { margin: 0 !important; }.no-padding { padding: 0 !important; }.float-left { float: left !important; }.float-right { float: right !important; }.float-right .text, .float-left .text { float: left; }.border-bottom { border-bottom-width: 1px !important; }.border-left { border-left-width: 1px !important; }.border-right { border-right-width: 1px !important; }.border-top { border-top-width: 1px !important; }.no-border { border-width: 0 !important; }.width-full { width: 100% !important; }.invisible { visibility: hidden !important; border: none !important; }.collapsed .collapse-section { position: absolute !important; top: -999999em !important; left: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }.collapse-section { overflow: hidden; }.hidden-tab, .collapsible .collapsed-only { display: none !important; }.collapsed .collapsed-only, .collapsible .uncollapsed-only { display: inline !important; }.collapsed .uncollapsed-only { display: none !important; }.desktop-hidden { *display: none !important; }@media \0 screen { .desktop-hidden { display: none !important; } }@media (min-width: 768px) { .desktop-hidden, .col.desktop-hidden { display: none !important; } }@media (max-width: 767px) { .mobile-hidden, .col.mobile-hidden { display: none !important; } }@media (min-width: 481px) and (max-width: 767px) { .tablet-hidden, .col.tablet-hidden { display: none !important; } }@media (max-width: 480px) { .phone-hidden, .col.phone-hidden { display: none !important; } }/*!* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** CASCADE FRAMEWORK 1.0** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *** Copyright 2013, John Slegers* Released under the MIT license* http://jslegers.github.com/cascadeframework/license.html*** This means you can use Cascade Framework for any project,* whether commercial or not.** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * Cascade Framework also contains the following goodies,* which all have the same or similar 'permissive licenses :*** Includes polyfills by Joshua Bell* http://www.calormen.com/polyfill/* Released in public domain*** Includes Google ExplorerCanvas* https://code.google.com/p/explorercanvas/* Released under the Apache 2.0 license*** Includes Google Prettify* https://code.google.com/p/google-code-prettify/* Released under the Apache 2.0 license*** Includes Yepnope* http://yepnopejs.com/* Released under the WTFPL license*** Includes Modernizr* http://modernizr.com/* Released under the MIT license*** Includes lodash* http://lodash.com/* Released under the MIT license*** Includes jQuery* http://jquery.com/* Released under the MIT license*** Includes jQuery Easing plugin* http://gsgd.co.uk/sandbox/jquery/easing/* Released under the BSD license*** Includes jQuery Flot plugin* http://www.flotcharts.org/* Released under the MIT license*** Includes the Font Awesome webfont* http://fortawesome.github.com/Font-Awesome/* Released under the SIL Open Font License****** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** Cascade Framework was inspired by many articles and projects* * Especially these authors are worth mentioning :* * Nicolle Sullivan* Jonathan Snook* Chris Coyier* Eric Meyer* Nicolas Gallagher* Paul Irish* Mark Otto* Jacob Thornton*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Date: 2013-03-15* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */input, textarea, select, code, .label, .icon { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.menu-tabs .menu a, .icon-64 { -webkit-border-radius: 4px; -moz-radius: 4px; border-radius: 4px; }button, .button, .button-group, .tags .blocks a, .pagination a, .tags .blocks li.disabled, .icon-128, .files .tree a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }pre { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }.button-group .button { -webkit-border-radius: 0; -moz-radius: 0; border-radius: 0; }.button-group .button:first-child { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }.button-group .button:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }.menu .collapse-trigger { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }.tabs a { -webkit-border-radius: 4px 4px 0 0; -moz-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }.tabs .bottom a { -webkit-border-radius: 0 0 4px 4px; -moz-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }.tabs .left a { -webkit-border-radius: 4px 0 0 4px; -moz-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }.tabs .right a { -webkit-border-radius: 0 4px 4px 0; -moz-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }.panel, .panel > :first-child, .panel > :first-child > :first-child { -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; }.panel, .panel > :last-child, .panel > :last-child > :last-child, .collapsed:last-child > .collapse-trigger { -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; }.panel, pre { -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05); }.site-header { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }input:focus, textarea:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }button, .button, .button-group { -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }input[type="image"], input[type="file"], input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus, td input { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }input, textarea { -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; -moz-transition: border linear 0.2s,box-shadow linear 0.2s; -ms-transition: border linear 0.2s,box-shadow linear 0.2s; -o-transition: border linear 0.2s,box-shadow linear 0.2s; transition: border linear 0.2s,box-shadow linear 0.2s; }.spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }100% { -moz-transform: rotate(359deg); } }@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(359deg); } }@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(359deg); } }@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(359deg); } }@keyframes spin { 0% { transform: rotate(0deg); }100% { transform: rotate(359deg); } }/*!* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** CASCADE FRAMEWORK 1.0** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *** Copyright 2013, John Slegers* Released under the MIT license* http://jslegers.github.com/cascadeframework/license.html*** This means you can use Cascade Framework for any project,* whether commercial or not.** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * Cascade Framework also contains the following goodies,* which all have the same or similar 'permissive licenses :*** Includes polyfills by Joshua Bell* http://www.calormen.com/polyfill/* Released in public domain*** Includes Google ExplorerCanvas* https://code.google.com/p/explorercanvas/* Released under the Apache 2.0 license*** Includes Google Prettify* https://code.google.com/p/google-code-prettify/* Released under the Apache 2.0 license*** Includes Yepnope* http://yepnopejs.com/* Released under the WTFPL license*** Includes Modernizr* http://modernizr.com/* Released under the MIT license*** Includes lodash* http://lodash.com/* Released under the MIT license*** Includes jQuery* http://jquery.com/* Released under the MIT license*** Includes jQuery Easing plugin* http://gsgd.co.uk/sandbox/jquery/easing/* Released under the BSD license*** Includes jQuery Flot plugin* http://www.flotcharts.org/* Released under the MIT license*** Includes the Font Awesome webfont* http://fortawesome.github.com/Font-Awesome/* Released under the SIL Open Font License****** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** Cascade Framework was inspired by many articles and projects* * Especially these authors are worth mentioning :* * Nicolle Sullivan* Jonathan Snook* Chris Coyier* Eric Meyer* Nicolas Gallagher* Paul Irish* Mark Otto* Jacob Thornton*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Date: 2013-03-15* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* ============================================================================= Default table padding and font ========================================================================== */.block th, .block td { padding: 10px 20px; }.condensed th, .condensed td { padding: 4px 5px; }.datasheet td, .datasheet th { padding: 2px 4px; }.outline-header th { font-size: 14px; line-height: 14px; }.datasheet th { line-height: 16px; height: 18px; }.datasheet tbody th { text-align: right; }.uppercase-header th { text-transform: uppercase; }/* ============================================================================= Default table border ========================================================================== */.box-header th { border-left-width: 0; border-right-width: 0; }.box-header th, .outline td, .outline th { border-bottom-width: 0; }.outline tr :last-child { border-right-width: 0; }.block th, .block td { border-width: 0 1px 0 0; }table.box { border-width: 1px; }.header-border thead td, .header-border thead th { border-bottom-width: 1px; }table.block { border-width: 1px 0 1px 1px; }.datasheet td, .datasheet th { border-width: 1px; }table.border, table.datasheet { border-width: 1px 0 0 1px; }.datasheet td, .border th, .border td { border-width: 0 1px 1px 0; }.box-header thead tr { border-width: 0 0 1px 0; }table.outline { border-width: 2px; }.horizontal-border th, .horizontal-border td { border-bottom-width: 1px; }.outline-header thead td, .outline-header thead th { border-bottom-width: 2px; }.border .body { border-bottom-width: 0; }.border .body, .block .body { border-right-width: 0; }* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }body { color: #333333; }body { font-size: 1em; }p { text-align: left; }section, article { float: none; }@media (min-width: 1200px) { .site-center { width: 1170px; } }header, footer { float: none; }ul { margin: 0 0 1.5em 2em; }select { width: auto; }button { float: none; }table input { width: auto; }.panel, .panel > *:first-child, .panel > *:first-child > *:first-child { border-radius: 0; }.panel { border-width: 0; }.panel header { float: none; width: auto; }.panel .body { padding: 10px; padding: 0.71429rem; border-width: 0; border-radius: 0; }/* ========================================================================== Form ========================================================================== *//* ========================================================================== Compass Helpers ========================================================================== *//* clearfix used project wide to clear floats and create a new formatting context usage @include clearfix-me() $clearfix-method sets default method */.form .field { zoom: 1; }.form .field:before, .form .field:after { content: " "; display: table; }.form .field:after { clear: both; }/** Make elements into inline-block with IE7 fix. Use it only when you need to make a block level element inline-block. Elements that are inline by default won't need the IE7 fix. Usage @extend %nlineBlockFix; */.form .field-group-inline > li { display: inline-block; *display: inline; *zoom: 1; }.form, .form .field { margin-top: 1.5em; margin-bottom: 1.5em; }.form .text input, .form .select select, .form .text textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }.form .field-item, .form .field-group, .form .field-group-inline { display: table-cell; width: 10000px; *width: auto; *display: block; *zoom: 1; }/*// placeholder::-webkit-input-placeholder { color: $placeholderText;}:-moz-placeholder { color: $placeholderText;}:-ms-input-placeholder { color: $placeholderText;}.placeholder { color: $placeholderText; //Class added via JS shim for IE7-9}*/.form { /** Forms Structure*/ }.form input[type="radio"], .form input[type="checkbox"] { margin-bottom: 0; }.form label { padding-top: 0; padding-bottom: 0; }.form .field-group li { line-height: 1.75em; padding-top: 3px; }.form .col :first-child { margin-top: 0; }.form .col :last-child { margin-bottom: 0; }/*** @desc Label* @name label* @author * @tested * @requires _variables.scss*/.form .field-label { margin-bottom: 2px; min-height: 1px; display: block; cursor: pointer; font-weight: bold; }.form label.label-left, .form .label-left .field-label { width: 30%; float: left; padding: 4px 13px 4px 0; text-align: right; }/*** @desc Input text* @name Input* @author * @tested * @requires form.scss*/.form .text input { width: 100%; }/*** @desc Default Select dropdown* @name Select* @author * @tested * @requires form.scss*/.form .select select { width: 100%; }/*** @desc Checkbox & radio buttons* @name checkboxRadio* @author * @tested * @requires */.form { /** webkit fix */ }.form .radio, .form .checkbox { position: relative; }.form .radio label, .form .checkbox label { display: block; width: auto; padding-left: 0; *zoom: 1; *padding-left: 0; vertical-align: middle; line-height: 1.5em; }.form .radio .hanging-indent, .form .checkbox .hanging-indent { padding-left: 1.4em; }.form .radio input[type="checkbox"], .form .radio input[type="radio"], .form .checkbox input[type="checkbox"], .form .checkbox input[type="radio"] { margin-right: 5px; padding: 0; float: left; position: relative; top: 4px; border: 0; line-height: 1.5em; vertical-align: middle; }.form .radio input[type="radio"], .form .checkbox input[type="radio"] { top: 4px; }.form .label-left .checkbox .field-item { padding-top: 4px; }@media screen and (-webkit-min-device-pixel-ratio: 0) { .form .radio input, .form .checkbox input { top: 0.35em; }.form .radio input[type="radio"], .form .checkbox input[type="radio"] { left: 1px; } }/*** @desc Textarea* @name textarea* @author * @tested * @requires */.form .text textarea { width: 100%; padding: 8px; }/*** @desc Textarea* @name textarea* @author * @tested * @requires */.form .field-group { margin: 0; }.form .field-group > li { margin: 5px 0; list-style-type: none; }.form .field-group > li > label { display: block; margin-bottom: 2px; }.form .field-group:before, .form .field-group:after { display: table; content: ""; clear: both; }/*** @desc Inline field group* @name fieldGroupInline* @author * @tested * @requires */.form .field-group-inline > li { margin-left: 13px; float: none; }.form .field-group-inline > li:first-child { margin-left: 0; }.form .field-group-inline > li > label { display: inline-block; margin: 0; }.form .field-group-inline label, .form .field-group-inline .field-item { vertical-align: middle; float: none; display: inline-block; width: auto; }.form .field-group-inline .radio input, .form .field-group-inline .checkbox input { top: auto; float: none; vertical-align: middle; }.form .field-group-inline .radio label, .form .field-group-inline .checkbox label { padding-left: 0; }/*** @desc Inline field group* @name fieldGroupInline* @author * @tested * @requires */.form .field-range > li { display: table-cell; vertical-align: middle; }.form .field-range .range-label { padding: 0 10px; }.field-item-static { padding: 4px; }.label-left .text input, .label-left .text textarea { width: auto; min-width: 20em; max-width: 100% !important; }.label-left .select select { width: auto; min-width: 20em; }legend { display: block; width: 100%; margin-bottom: 1em; font-size: 125%; padding-bottom: 3px; color: #333333; border: 0; border-bottom: 1px solid #CCC; }.width-mini { width: 3.5em !important; }.width-small { width: 4.5em !important; }.width-medium { width: 20em !important; }.width-large { width: 35em !important; }.width-xlarge { width: 90% !important; }.width-xxlarge { width: 100% !important; }@media (max-width: 1199px) { .label-left .text input { min-width: 10em; } }.width-mini, .width-small, .width-medium, .width-large, .width-xlarge, .width-xxlarge { min-width: 0 !important; }.help-block { color: #4d4d4d; display: block; margin: 5px 0 5px 0; }.form-actions { margin-top: 2em; }/*$formActionsBgColor: #F5F5F5 !default;$formActionsBorderColor: #E5E5E5;.form-actions {background-color: $formActionsBgColor;border-top: 1px solid $formActionsBorderColor;padding-top: 1em;padding-bottom: 1em;padding-left: 1em;}*/.label-left .buttons { margin-left: 30%; width: auto; display: block; }label.required:after { content: ' *'; color: red; }input:disabled, input.disabled { background: #eee; }.form span.error { margin-left: 1em; }.parsley-error-list { color: red; list-style: none; }.autosuggest { min-width: 20em; }p { margin: 0 0 1em 0; }small { font-size: 0.75em; }.text-left { text-align: left; }.text-right { text-align: right; }.text-center { text-align: center; }.important { color: red; }.muted { color: #333132; }.tags .blocks li { background: #dddcdb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4px 8px; }dt { margin-top: 1em; }dl dt:first-child { margin-top: 0; }.dl-inline { overflow: hidden; *zoom: 1; }.dl-inline dt { margin: 0; float: left; clear: both; font-weight: bold; }.dl-inline dt::after { content: ':'; }.dl-inline dd { float: left; margin-left: 1ex; }.dl-inline dd + dd { clear: both; }ul.unstyled { list-style-type: none; margin: 0; padding: 0; }.columns-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }.columns-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }.columns-4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }table { margin-top: 1em; border-spacing: 0 2px; }table.highlight-on-hover tr:hover td { background: #D6E9EF; }table a { font-weight: normal; }table th, table td { padding: 0.8em 0.5em; }table th { background-color: #9c9b97; padding-bottom: 2px; border-bottom-color: #d2d1ce; line-height: normal; }table th, table th a { color: #ffffff; font-weight: bold; }table th a { text-decoration: underline; }table tr:nth-child(odd) { background: #f6f5f2; }table tr:nth-child(even) { background: #eceae5; }table.form .select-all.checkbox { margin-top: 3px; display: block; width: auto; }table.form .select-all.checkbox label { font-weight: normal; }table.form .select-all.checkbox label input { top: 1px !important; margin-right: .75em; }table .checkbox-col { width: 2.5em; }.select2-result-label { font-size: 0.9em; }.breadcrumb { margin-left: 0; }.breadcrumb > li + li:before { content: '» '; }.no-margin { margin: 0 !important; }.no-margin-top { margin-top: 0 !important; }.no-margin-bottom { margin-bottom: 0 !important; }.no-padding { padding: 0 !important; }.no-padding-top { padding-top: 0 !important; }.no-padding-bottom { padding-bottom: 0 !important; }.margin-top-small { margin-top: 1ex !important; }.margin-bottom-small { margin-bottom: 1ex !important; }.margin-vertical-small { margin-top: 1ex !important; margin-bottom: 1ex !important; }.margin-horizontal-small { margin-left: 1ex !important; margin-right: 1ex !important; }.margin-top-medium { margin-top: 1em !important; }.margin-bottom-medium { margin-bottom: 1em !important; }.margin-vertical-medium { margin-top: 1em !important; margin-bottom: 1em !important; }.margin-horizontal-medium { margin-left: 1em !important; margin-right: 1em !important; }.margin-top-large { margin-top: 2em !important; }.margin-bottom-large { margin-bottom: 2em !important; }.margin-vertical-large { margin-top: 2em !important; margin-bottom: 2em !important; }.margin-horizontal-large { margin-left: 2em !important; margin-right: 2em !important; }.error, .errors { color: red; }.image-link { cursor: pointer; }.float-none { float: none !important; }.full-width { width: 100% !important; }.no-background { background: none !important; padding: 0; }.paginator-options { display: table; width: 100%; margin-bottom: 1em; }.paginator-options .row { display: table-row; }.paginator-options .col { display: table-cell; float: none; }.paginator-options .col, .paginator-options select { vertical-align: bottom; }.paginator-options .select-records-per-page { width: 5em; }.paginator-links span { margin-right: .5em; }.paginator-links span:first-child { margin-left: .5em; }#loading-overlay { position: absolute; z-index: 10000; left: 0; top: 0; bottom: 0; right: 0; background: #696969; opacity: 0.8; filter: alpha(opacity=80); }#loading-overlay img { position: absolute; top: 50%; left: 50%; }html { font-size: 0.875em; }/*@media (max-width:1199px) {html {font-size: ( ($font-size-root - 2) / 16) + em;}}*/body { background-color: #e0d9c9; }body, p, button, input, select, textarea { font-family: Verdana, sans-serif; }#page { min-height: 100%; position: relative; }#site-header { float: none; }#site-header .nav a { font-size: 100%; padding: 0; }#site-header .nav a:hover { text-decoration: underline; }#account-nav { background-color: #97002e; padding: 4px; min-height: 41px; margin-bottom: 2px; color: #d6cbb4; }#account-nav a { color: #d6cbb4; font-weight: normal; }#account-nav .user-name { display: inline; float: none; font-weight: bold; }#account-nav .nav { position: absolute; right: 4px; }#account-nav .nav > li { min-height: 33px; margin-left: 1.5em; margin-top: 8px; }#account-nav li.account { margin-top: 0; }#account-nav li.account img { float: none; }#account-nav li.account > a { width: 100%; color: #333132; text-transform: uppercase; margin-bottom: 1px; }#account-nav li.account > a:hover { text-decoration: none; }#account-nav li.account .body, #account-nav li.account .down-arrow { padding-top: 6px; min-height: 33px; }#account-nav li.account .body { background: #d6cbb4; padding-right: 38px; text-align: right; }#account-nav li.account .account-icon { display: block; margin-top: 6px; margin-left: 8px; float: left; }#account-nav li.account .down-arrow { float: right; vertical-align: bottom; min-height: 33px; margin-left: 2px; background: #d6cbb4; border-left: 2px solid #97002e; /*

right

middle

left

*/ }#account-nav li.account .down-arrow img { margin: 0 4px 0 5px; }#account-nav-dropdown { float: none; clear: both; z-index: 10; position: relative; }#account-nav-dropdown ul { background: #ffffff; margin: 0; padding: .75em .25em .25em .25em; }#account-nav-dropdown ul li { float: none; margin-left: .5em; margin-right: 1em; margin-bottom: .5em; }#account-nav-dropdown ul li a { color: #333132; float: none; }@media (max-width: 1199px) { #account-nav li.account .account-icon { margin-top: 3px; }#account-nav li.account .body { font-size: 1em; padding-top: 8px; } }#logo-and-primary-nav { position: relative; margin: 2px 0; background: #333132; clear: both; }#logo { background-color: #fff; }#logo img { display: block; float: none; margin: 0; position: relative; left: 33px; }#primary-nav { float: right; width: auto; }#primary-nav ul { margin: 0; padding: 0; list-style: none; background: #333132 url(/img/top-nav-bg-sprite.png) no-repeat; }#primary-nav ul li { display: inline-block; line-height: 137px; vertical-align: middle; background-repeat: no-repeat; }#primary-nav ul li a { display: table-cell; height: 137px; width: 176px; vertical-align: middle; text-align: center; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 19px; line-height: 23px; letter-spacing: 1px; color: #d6cbb4; }#primary-nav ul li a:hover { text-decoration: none; }#primary-nav ul li:first-child a { padding-left: 4px; }#primary-nav ul li.active a { color: #ffffff; }#primary-nav ul .item-2 a { position: relative; top: 3px; }#primary-nav ul .item-1.active, #primary-nav ul .item-1:hover { background-position: 0 -137px; background-image: url(/img/top-nav-bg-sprite.png); }#primary-nav ul .item-2.active, #primary-nav ul .item-2:hover { background-position: -176px -137px; background-image: url(/img/top-nav-bg-sprite.png); }#primary-nav ul .item-3.active, #primary-nav ul .item-3:hover { background-position: -352px -137px; background-image: url(/img/top-nav-bg-sprite.png); }#primary-nav ul .item-4.active, #primary-nav ul .item-4:hover { background-position: -528px -137px; background-image: url(/img/top-nav-bg-sprite.png); }#top-banner { display: block; position: relative; width: 100%; height: 108px; background: url(/img/top-banner.jpg) no-repeat right top #000; color: #eceae5; font-family: 'Oswald', sans-serif; font-weight: normal; font-size: 34px; letter-spacing: 3px; padding: 41px 0 0 31px; }#top-banner:hover { text-decoration: none; }#top-banner .subscribe-button { position: absolute; top: 30px; left: 500px; font-size: 22px; font-family: 'Oswald', sans-serif; letter-spacing: 3px; min-width: 0; padding: 5px 15px; color: #e0d9c9; background: #0a7f6d; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }@media (max-width: 1199px) { html { font-size: 0.75em; }#logo img { width: 310px; }#primary-nav ul { background-size: 550px; background-position: 3px 0; }#primary-nav ul li { height: 107px; }#primary-nav ul li a { width: 137.5px; height: 107px; font-size: 16px; }#top-banner { font-size: 28px; }#top-banner .subscribe-button { left: auto; right: 180px; padding: 3px 10px; } }#site-body { padding-bottom: 180px; }.layout-section { *zoom: 1; background-color: white; padding: 8px; padding: 0.57143rem; margin-bottom: 1em; }.layout-section:after { content: ""; display: table; clear: both; }aside .layout-section { margin-bottom: 2em; }.news .news-icon { padding-right: 1em; }.news p { margin-bottom: 0; }.sidebar-ads { background: #fff; padding-top: 1em; }.sidebar-ads .ad { *zoom: 1; margin-bottom: 1em; text-align: center; /*img {max-width:100%;}*/ }.sidebar-ads .ad:after { content: ""; display: table; clear: both; }.sidebar-ads .ad img { width: 219px; float: none; }.main-col { padding-right: 1.75em; }.main-col .layout-section { padding: 15px; padding: 1.07143rem; }.main-col.full-width { padding-right: 0; }#site-footer { height: 150px; position: absolute; bottom: 0; margin-bottom: 0; font-size: .9em; }#site-footer .nav-and-social-media { float: left; }#site-footer nav ul { margin-top: 54px; }#site-footer nav ul li { padding: 0; }#site-footer nav ul li:after { content: "|"; color: #97002e; padding: 0 1em; }#site-footer nav ul li:last-child:after { content: none; }#site-footer nav ul a { font-weight: normal; padding: 0; }#site-footer .social-media-links { float: right; text-align: right; padding-top: 15px; }#site-footer .social-media-links img { float: none; margin-left: 18px; width: 30px; }#site-footer .creators-link-container { margin-top: 1.5em; font-style: italic; }#site-footer .creators-link-container a { font-weight: normal; }.nav .active a { cursor: default; }#nav-left { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }#nav-left .body { margin-right: 2em; padding-bottom: 2em; }#nav-left .nav a { font-size: 0.9em; }#nav-left .nav .active a:before { content: '» '; }#footer-logo { float: none; margin: 12px 3em 0 1.75em; }a { color: #0a7f6d; font-weight: bold; }h2 a { font-weight: normal; }h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-bottom: .75em; }h1 { font-size: 1.75em; }h2 { font-size: 1.25em; background: #c4c3c1; padding: .5em; }h3 { font-size: 1.25em; font-weight: normal; }.main-col h2 { margin-top: 1em; }.main-col .panel h2 { margin-top: 0; }.main-col article h2 { margin-top: 1.5em; }ul.bulleted { margin-left: .75em; }ul.bulleted li { list-style: none; padding-left: 20px; background: url(/img/icons/bullet.png) 0px 5px no-repeat; }.panel { margin-bottom: 1em; }.panel .header { background: #9c9b97; color: #ffffff; }.panel .header h2 { background: transparent; padding: 0; margin-bottom: 0; }.panel .body { background: #eceae5; }.btn { min-width: 8em; text-transform: uppercase; }legend { font-size: 1.15em; }.news-list { list-style: none; margin: 0; }.song-search-form .panel .body { font-size: 0.9em; }.song-search-form .panel .body .layout-section { font-size: 1.1em; }.song-search-form fieldset { margin: 0; }.song-search-form legend { border: 0; }.song-search-form .field { margin-top: 0; }.song-search-form .tier1 .col { padding-right: .75em; width: 25%; }.song-search-form .tier1 .row.free-version .col { width: 20%; }.song-search-form .tier1 select { width: 100%; }.song-search-form .tier1 label { font-weight: bold; }.song-search-form .tier1 .checkbox .field-item label, .song-search-form .tier1 .radio .field-item label { font-weight: normal; }.song-search-form .tier1 .select-multiple { margin-left: .5em; margin-top: .5em; }.song-search-form .tier1 .select-multiple label { font-weight: normal; }.song-search-form .multiple-selection-display { margin-top: .25em; margin-bottom: .5em; }.song-search-form .modify-multiple-selection { font-weight: normal; margin-left: .5em; }.song-search-form .composer-field { margin-bottom: 0; }.song-search-form .composer-field .tooltip { width: 400px; }.song-search-form .composer-field .tooltip-inner { max-width: 400px; }.song-search-form .featured-composers label { font-weight: normal; display: block; }.song-search-form .featured-composer-bio-link { color: #333333; font-weight: normal; border-bottom: 1px dotted #333333; }.song-search-form .featured-composer-bio-link:hover { text-decoration: none; }.song-search-form .song-details .header { cursor: pointer; }.song-search-form .song-details .layout-section { min-height: 28em; border-width: 1px; padding: 8px; padding: 0.57143rem; }.song-search-form .song-details .layout-section .field-label { font-weight: normal; text-align: left; }.song-search-form .song-details .col:first-child .layout-section { margin-right: .75em; }.song-search-form .song-details .field { margin-bottom: 0; }.song-search-form .song-details .field label { padding-top: 2px; padding-bottom: 6px; }.song-search-form .song-details .field.text input { width: 100%; }.song-search-form .song-details .help-block { font-size: .9em; }.song-search-form .song-details .major-minor { min-width: 0; width: 10.9em; }.song-search-form .song-details .nav.blocks .tag { color: #333132; }.song-search-form .female-bipoc-fields { line-height: 1.5em; }.song-search-form .female-bipoc-fields .field-item label:first-child { margin-right: 10px; }.song-search-form .female-bipoc-fields input[type="checkbox"] { position: relative; top: -2px; }.song-search-form .female-bipoc-fields .question-icon { margin-left: 2px; }.song-search-form .voice-range-field img { float: left; margin-left: 18px; margin-bottom: 0; margin-right: 7px; vertical-align: middle; }.song-search-form .voice-range-field .piano-icon-container { margin-bottom: 10px; }.song-search-form .voice-range-field .voice-range-display { font-weight: bold; padding-left: 75px; }.song-search-form .decade-or-year-field { margin-top: .5em; }.song-search-form .decade-or-year-field label { padding: 0; }.song-search-form .decade-or-year-field .field-item label { display: inline; }.song-search-form .decade-or-year-field .field-item input { width: 5em; }.song-search-form .decade-or-year-field .field-item input, .song-search-form .decade-or-year-field .field-item select { margin: 0 .5em; }.song-search-form .musical-criteria .field-label { width: 11em; }.song-search-form .tags input { width: 15em; }#tag-list-popover-container { z-index: 100; position: relative; }#tag-list-popover-container .popover { width: 20em; height: 20em; overflow: auto; }#tag-list-popover-container .arrow { display: none; }.add-tag-link { font-weight: normal; }#tag-definition-container { z-index: 200; }.search-form-buttons .clear-search, .search-form-buttons .btn-primary { float: left; }.search-form-buttons .clear-search { margin-right: 4em; margin-top: 7px; }.search-form-buttons .clear-search a { font-weight: normal; }.question-icon { margin-left: .5em; display: inline-block; position: relative; top: 3px; background: url(/img/icons/question.png); width: 15px; height: 15px; }.has-tooltip span { display: block; float: left; width: 8em; }.has-tooltip .question-icon { display: block; float: left; }@media (max-width: 1199px) { .has-tooltip span { width: 7em; } }#range-selector-modal { overflow: auto; /*width:$modalWidth;margin-left: $modalWidth / 4 - 30px; //half of the width, minus scrollbar on the left (30px).modal-dialog {width: $modalWidth;}*/ }#range-selector-modal .modal-dialog { width: 840px; }#range-selector-modal .modal-body { height: 250px; }.voice-range-selector { width: 815px; /* override */ /*.range-select-options {margin:0 .5em 2em 0;background:$veryLightGray;padding:0 1em;border-bottom:1px solid $lightGray;.field {display:inline-block; vertical-align:top; margin-right:2em;}label {line-height:1em;}input {vertical-align:middle;}.exact-match-label {display:block;margin-left:1em;margin-top:.5em;line-height:1em;}.note {font-weight:bold;}}*/ }.voice-range-selector .btn { min-width: 0; }.voice-range-selector .voice-types { margin-left: 0; margin-top: 1em; margin-bottom: 3em; }.voice-range-selector .voice-types li { display: inline-block; width: 25%; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: bold; font-size: 1.3em; }.voice-range-selector .voice-types li a { background: #eceae5; padding: 4px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }.voice-range-selector .voice-types li a:hover { background: lightblue; }.voice-range-selector .key { z-index: 2; position: absolute; font-family: Helvetica; font-weight: 100; font-size: 12px; border: 1px solid rgba(32, 32, 32, 0.2); border-radius: 0px 0px 5px 5px; cursor: pointer; box-shadow: 0px 5px 1px rgba(32, 32, 32, 0.2); -webkit-transition: margin 0.05s ease, background-color 0.05s ease, box-shadow 0.05s ease; }.voice-range-selector .key:hover { background-color: #ffc020 !important; }.voice-range-selector #middle-c-label { position: absolute; width: 10em; top: -46px; }.voice-range-selector #middle-c-indicator-line { border-left: 2px solid #000; height: 20px; }.voice-range-selector .black { background-color: #202020; color: #ffffff; z-index: 1; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); }.voice-range-selector .white { background-color: #ffffff; color: #202020; z-index: 0; text-shadow: 0px 1px 1px rgba(32, 32, 32, 0.5); }.voice-range-selector .black.in-range { background: #2C5391; }.voice-range-selector .white.in-range { background: #A2D0E0; }.voice-range-selector .exact-match { background: #F2E53A !important; }.voice-range-selector .keyboard-options { text-align: center; font-size: 12px; font-weight: 200; padding: 10px; }.voice-range-selector .keyboard-and-slider { position: relative; margin: 30px 0; height: 127px; }.voice-range-selector .keyboard-holder { position: relative; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; }.voice-range-selector .slider { position: absolute; bottom: 0; left: 4px; }.voice-range-selector .slider input { display: inline-block; }.voice-range-selector .slider .tooltip { cursor: pointer; }.voice-range-selector .slider.slider-horizontal .slider-track { height: 8px; }.voice-range-selector .slider-selection { background: #BABABA; }.voice-range-selector .slider-handle { background: url(/js/voice-range-selector/img/slider-handle.png); width: 14px; height: 18px; border: none; top: -2px; }.voice-range-selector .limit-options { position: absolute; top: 25px; width: 13em; background: #fff; }.voice-range-selector .limit-options input, .voice-range-selector .limit-options label { vertical-align: top; }.voice-range-selector .limit-options input { margin-top: 7px; }.voice-range-selector .limit-options label { cursor: default; }.voice-range-selector .limit-options .note { display: inline-block; vertical-align: top; margin-top: 6px; width: 2.5em; font-weight: bold; }.voice-range-selector .tooltip-max .limit-options { right: -1em; }.search-params dl { margin-bottom: 0; }.search-params dt, .search-params dd { display: inline; }.search-params dt { font-weight: normal; font-style: italic; }.search-params dt::after { content: ': '; }.search-params dd { margin-left: 0; }.search-params dd::after { content: ', '; }.search-params dd:last-child::after { content: none; }.song-search-results th, .song-search-results td { vertical-align: top; font-size: 0.9em; }.song-search-results .title-col { padding-left: 0; min-width: 12em; }.song-search-results .composer-lyricist-col { width: 12.5em; }#addToSongListForm .field { margin-bottom: 1em; }.nav.icons { margin-bottom: 1em; }.nav.icons a { font-weight: normal; line-height: 32px; vertical-align: middle; padding: 0 1.5em 0 0; }.nav.icons img { height: 32px; }.song-details { font-size: 0.9em; }.song-details article { margin-bottom: 1em; }.song-details .row { background: #eceae5; padding: 0.5em; margin: 1px 0; }.song-details hgroup { margin-bottom: 1em; }.song-details h2 { background: none; padding: 0; margin: 0; }.song-details dl dt, .song-details dl dd { float: left; margin-top: 0; }.song-details dl dt { clear: both; }.song-details dl dt:after { content: ':'; }.song-details .tags strong, .song-details .tags ul { display: inline-block; float: none; line-height: 1.5em; vertical-align: middle; }.song-details .tags strong { margin-right: 1em; }.song-details .tags .tag { color: #333132; font-weight: normal; cursor: default; }.song-details .comments { padding: 1em 0.5em; }.song-details .comments strong { margin-right: 1em; }.song-details .external-links .popover-content { min-width: 25em; }.song-details .external-links .broken-link { margin-top: 1.5em; font-size: 0.9em; }.song-details .external-links .broken-link a { display: inline; position: relative; top: -2px; }.tooltip { font-size: 1.2em; }.popover ul { margin: 0; }.popover ul li { margin: 0; padding: 0; }.nav.icons .popover li, .nav.icons .popover a { float: none; line-height: normal; }#testimonials-container { margin-top: 3em; }#testimonials { font-size: 0.9em; }#testimonials .testimonial { margin-bottom: 1.5em; }#testimonials .testimonial-author { margin-left: 1em; font-style: italic; color: #9c9b97; }.truncate { display: none; }.social-subscribe-options { margin-bottom: 1em; }.social-subscribe-options .col { padding-right: .5em; }.social-subscribe-options a { color: black; }.social-subscribe-options .btn-social { background: #e6e6e6; border: 1px solid #c4c3c1; }.receipt th, .receipt td { vertical-align: top; line-height: normal; }.receipt th { background: inherit; width: 15em; color: #9c9b97; font-weight: bold; }