/* BEGIN: /Themes/Telerik_15v2/FormDecorator.css */
.RadForm {
/* this is set to the "real" radiobuttons and checkboxes */
/* --- COMMON SETTINGS FOR THE SKINNED BUTTONS --- */
/* set dotted border to a focused button */
/* Headings */
/* Unified default width for */
/* Skin specific styles does not apply to type "search" in webkit */
/* Sets height of 22px to text boxes and padding */
/* Fix when RadInput is decorated by RFD and has width specified */
/* Textarea padding Webkit fix */
/* Input height fixes where it is necessary if it breaks the layout */
/* FileExplorer addresbar fix */
/* Fixes RadColor Picker text input when it is decorated by RadFromDecorator in webkit browsers */
/*TEKI: fix CSS inheritance issue with RadComboBox */
/*TEKI: (text) inputs by default can have no type specified, so update the button definition to show no border!*/
/* IE8 Onclickg filckering Bug fix */
/* IE7 hovers fix */
/* IE 6 fix for inputs */
/* --- END OF COMMON SETTINGS FOR THE SKINNED BUTTONS --- */
/* Checkboxes and Radios Sprite Positions */
/* Decorate */
/* Decorate */
/* FormDecorator + TreeView fix */
/* FormDecorator + TreeView fix */
/* decorated , and */
/* do not merge these 2 rules, because of IE6 ! */
/* Styling for TABLE cells */
/* right-to-left support begin */
/* right-to-left support end */
/* skinned selectbox */
/* end of skinned selectbox */
/* Internet Explorer fix for background position of a */
/* IE9 overwrite */
/* This one fixes the jumping of the skinned select boxes when clicked in IE7 */
/* the styling of radiobuttons and checkboxes in Safari and Chrome is already fully achieved with CSS */
/* ScrollBar CSS Settings for WebKit */
/* Since v.6 chrome uses standard Windows scrollbars for the iframe only */
/* We ca not manipulate them and will style only body, div and form scrolls */
/* arrow button settings */
/* Validation Summary Control and Login Control */ }
.RadForm .rfdRealInput {
position: fixed;
left: -99999px;
top: 0;
/*fixes scrolling issues in scrollable containers*/ }
.RadForm, .RadForm.rfdTextbox input[type="text"].rfdDecorated, .RadForm.rfdTextbox input[type="password"].rfdDecorated {
box-sizing: content-box;
-moz-box-sizing: content-box; }
.RadForm a.rfdSkinnedButton, .RadForm a.rfdSkinnedButton * {
cursor: default;
background-repeat: no-repeat;
background-color: transparent;
height: 22px;
line-height: 22px;
text-decoration: none;
display: inline-block;
border: 0 !important;
/* do not remove the !important flag, otherwise the * selector will not apply for that property */
text-align: center;
font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif !important;
white-space: nowrap; }
.RadForm a.rfdSkinnedButton:focus {
outline: 1px dotted #ccc; }
.RadForm a.rfdSkinnedButton, .RadForm a.rfdInputDisabled.rfdSkinnedButton:hover {
padding: 0 4px 0 0; }
.RadForm.rfdTextbox input[type="text"].rfdDecorated, .RadForm.rfdTextbox input[type="password"].rfdDecorated, .RadForm.rfdTextarea textarea, .RadForm.rfdTextarea textarea[disabled].rfdDecorated:hover, .RadForm.rfdTextbox input[disabled][type="text"].rfdDecorated:hover, .RadForm.rfdTextbox input[disabled][type="password"].rfdDecorated:hover, .RadForm.rfdLabel label, .RadForm .rfdDecorated, .RadForm .rfdCheckboxChecked, .RadForm .rfdInputDisabled.rfdCheckboxChecked:hover, .RadForm .rfdCheckboxUnchecked, .RadForm .rfdInputDisabled.rfdCheckboxUnchecked:hover, .RadForm.rfdLabel .rfdAspLabel, .RadForm .rfdRadioUnchecked, .RadForm .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm .rfdRadioUnchecked:hover, .RadForm .rfdRadioChecked, .RadForm .rfdInputDisabled.rfdRadioChecked:hover, .RadForm .rfdRadioChecked:hover, .RadForm .riTextBox, .RadForm .rfdValidationSummaryControl, .RadForm .rfdLoginControl, .RadForm legend {
font-size: 12px;
font-family: "Segoe UI", Arial, Helvetica, sans-serif; }
.RadForm.rfdHeading h4, .RadForm.rfdHeading h5, .RadForm.rfdHeading h6 {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0;
padding: 6px 0 1px 0;
line-height: normal; }
.RadForm.rfdHeading h4 {
font-size: 14px; }
.RadForm.rfdHeading h5 {
font-size: 13px; }
.RadForm.rfdHeading h6 {
font-size: 12px; }
.RadForm.rfdTextbox input[type="text"].rfdDecorated, .RadForm.rfdTextbox input[type="password"].rfdDecorated, .RadForm.rfdTextbox input[type="search"].rfdDecorated, .RadForm.rfdTextbox input[type="url"].rfdDecorated, .RadForm.rfdTextbox input[type="tel"].rfdDecorated, .RadForm.rfdTextbox input[type="email"].rfdDecorated {
width: 154px;
*width: 148px;
height: 17px;
padding: 2px 2px 1px;
line-height: normal;
vertical-align: top; }
.RadForm.rfdTextbox .RadInput input[type="text"].rfdDecorated, .RadForm.rfdTextbox .RadInput input[type="password"].rfdDecorated, .RadForm.rfdTextbox .RadInput input[type="search"].rfdDecorated, .RadForm.rfdTextbox .RadInput input[type="url"].rfdDecorated, .RadForm.rfdTextbox .RadInput input[type="tel"].rfdDecorated, .RadForm.rfdTextbox .RadInput input[type="email"].rfdDecorated, .RadForm.rfdTextbox .RadInput textarea {
width: 100%;
box-sizing: border-box; }
.RadForm.rfdTextarea textarea {
padding: 2px; }
.RadForm._Telerik_IE9.rfdTextarea textarea {
padding: 2px 3px; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.RadForm.rfdTextarea textarea {
padding: 2px 3px; } }
.RadForm.rfdTextbox input.rfeAddressBox[type="text"].rfdDecorated {
padding: 0; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.RadForm.rfdTextbox .RadColorPicker input[type="text"].rfdDecorated {
padding-top: 1px;
padding-bottom: 0;
height: 19px;
line-height: 19px; } }
.RadForm.rfdTextbox .rfdSkinnedButton input, .RadForm.rfdTextbox .rfdSkinnedButton button, .RadForm.rfdTextbox .rfdInputDisabled {
border: 0;
background-color: transparent; }
.RadForm.rfdTextbox input[type="button"].rfdDecorated, .RadForm.rfdTextbox input[type="reset"].rfdDecorated, .RadForm.rfdTextbox input[type="submit"].rfdDecorated {
border: 0; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.RadForm.rfdTextbox input[type="button"].rfdDecorated, .RadForm.rfdTextbox input[type="reset"].rfdDecorated, .RadForm.rfdTextbox input[type="submit"].rfdDecorated {
border-radius: 0;
margin: 0 -1px 0 0 !important; } }
.RadForm.rfdButton input[type="button"].rfdDecorated, .RadForm.rfdButton input[type="reset"].rfdDecorated, .RadForm.rfdButton input[type="submit"].rfdDecorated, .RadForm.rfdButton .rfdSkinnedButton button, .RadForm.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover * {
background-position: left -22px;
height: 22px;
line-height: 22px;
border: 0;
padding: 0 6px 0 10px;
*padding-right: 0;
margin-right: 0;
/*Safari!*/ }
.RadForm.rfdButton a.rfdSkinnedButton, .RadForm.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover {
background-position: right 0; }
.RadForm.rfdButton a.rfdSkinnedButton:hover {
background-position: right -44px; }
.RadForm.rfdButton a.rfdSkinnedButton:hover * {
background-position: left -66px; }
.RadForm.rfdButton a.rfdClickedButton, .RadForm.rfdButton a.rfdClickedButton:hover {
background-position: right -88px; }
.RadForm.rfdButton .rfdSkinnedButton.rfdClickedButton .rfdDecorated {
-ms-background-position-x: 1px !important;
-ms-background-position-y: -109px !important; }
.RadForm.rfdButton a.rfdSkinnedButton.rfdClickedButton * {
background-position: left -110px !important; }
.RadForm.rfdButton a.rfdSkinnedButton:hover *, .RadForm .rfdButton a.rfdSkinnedButton:hover * {
*background-position: left -66px; }
.RadForm .rfdButtonType {
padding-left: 5px; }
.RadForm .rfdCheckboxChecked, .RadForm .rfdCheckboxUnchecked, .RadForm .rfdRadioUnchecked, .RadForm .rfdRadioChecked {
line-height: 20px;
padding: 0 0 0 20px;
zoom: 1;
/* IE font-size fix when set in percent */
display: inline-block;
background-color: transparent;
background-repeat: no-repeat; }
.RadForm .rfdCheckboxUnchecked {
background-position: 0 0; }
.RadForm .rfdCheckboxUnchecked:hover {
background-position: 0 -200px; }
.RadForm .rfdCheckboxChecked {
background-position: 0 -420px; }
.RadForm .rfdCheckboxChecked:hover {
background-position: 0 -640px; }
.RadForm .rfdCheckboxUnchecked.rfdInputDisabled, .RadForm .rfdCheckboxUnchecked.rfdInputDisabled:hover {
background-position: 0 -860px; }
.RadForm .rfdCheckboxChecked.rfdInputDisabled, .RadForm .rfdCheckboxChecked.rfdInputDisabled:hover {
background-position: 0 -1080px; }
.RadForm .rfdRadioUnchecked {
background-position: 1px 0; }
.RadForm .rfdRadioUnchecked:hover {
background-position: 1px -220px; }
.RadForm .rfdRadioChecked {
background-position: 1px -440px; }
.RadForm .rfdRadioChecked:hover {
background-position: 1px -640px; }
.RadForm .rfdRadioUnchecked.rfdInputDisabled, .RadForm .rfdRadioUnchecked.rfdInputDisabled:hover {
background-position: 1px -860px; }
.RadForm .rfdRadioChecked.rfdInputDisabled, .RadForm .rfdRadioChecked.rfdInputDisabled:hover {
background-position: 1px -1080px; }
.RadForm .rfdSkinnedButton.rfdInputDisabled, .RadForm.rfdTextarea textarea[disabled], .RadForm.rfdTextbox input[type="text"][disabled].rfdDecorated, .RadForm.rfdTextbox input[type="password"][disabled].rfdDecorated, .RadForm .rfdSelectDisabled {
opacity: 0.6; }
.RadForm .rfdCheckboxChecked.rfdInputDisabled, .RadForm .rfdCheckboxUnchecked.rfdInputDisabled, .RadForm .rfdRadioChecked.rfdInputDisabled, .RadForm .rfdRadioUnchecked.rfdInputDisabled, .RadForm .rfdCheckboxChecked.rfdInputDisabled:hover, .RadForm .rfdCheckboxUnchecked.rfdInputDisabled:hover, .RadForm .rfdRadioChecked.rfdInputDisabled:hover, .RadForm .rfdRadioUnchecked.rfdInputDisabled:hover {
opacity: 1; }
.RadForm .RadTreeView .rfdCheckboxUnchecked, .RadForm .RadTreeView .rfdCheckboxChecked {
display: inline-block;
width: 0;
vertical-align: middle;
line-height: 21px;
height: 21px; }
.RadForm .RadGrid .rfdCheckboxUnchecked, .RadForm .RadGrid .rfdCheckboxChecked {
display: inline-block; }
.RadForm .rfdRoundedInner {
width: 1px;
font-size: 1px;
background-repeat: no-repeat; }
.RadForm .rfdRoundedOuter {
width: 1px;
font-size: 0; }
.RadForm table.rfdRoundedWrapper, .RadForm table.rfdRoundedWrapper_fieldset {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
border-width: 0 !important; }
.RadForm table.rfdRoundedWrapper td {
padding: 0 !important;
border: 0 !important;
width: 1px; }
.RadForm table.rfdRoundedWrapper_fieldset > tbody > tr > td {
padding: 0 !important;
border: 0 !important; }
.RadForm table.rfdRoundedWrapper tr td, .RadForm table.rfdRoundedWrapper_fieldset tr td {
vertical-align: middle; }
.RadForm .rfdRoundedWrapper.rfdPercentageWidth .rfdRoundedContent {
width: 100%; }
.RadForm .rfdRoundedWrapper.rfdPercentageWidth .rfdRoundedContent .rfdDecorated {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important; }
.RadForm .RadForm table.rfdRoundedWrapper input[type='text'] {
border-left: none !important;
border-right: none !important; }
.RadForm .rfdGrids .rfdTable th, .RadForm .rfdGrids .rfdTable td {
border: 0;
padding: 5px 7px 4px; }
.RadForm.rfdRtl {
direction: rtl; }
.RadForm.rfdRtl .rfdRealInput {
position: fixed !important;
/* Causes IE to jump when a textbox in a scrollable parent is clicked -however, setting position:relative has other side effects. This is why it will be left here as *absolute* and set to relative where needed */
width: 0;
height: 0;
padding: 0;
overflow: hidden;
*display: none;
*display: block\9;
*position: static !important;
*float: right;
*outline: 0; }
.RadForm.rfdRtl .rfdCheckboxUnchecked, .RadForm.rfdRtl .rfdCheckboxUnchecked, .RadForm.rfdRtl .rfdInputDisabled.rfdCheckboxUnchecked:hover, .RadForm.rfdRtl .rfdInputDisabled.rfdCheckboxUnchecked:hover {
padding: 0 20px 0 0 !important;
background-position: right 0 !important; }
.RadForm.rfdRtl .rfdCheckboxUnchecked:hover, .RadForm.rfdRtl .rfdCheckboxUnchecked:hover {
background-position: right -200px !important; }
.RadForm.rfdRtl .rfdCheckboxChecked, .RadForm.rfdRtl .rfdCheckboxChecked, .RadForm.rfdRtl .rfdInputDisabled.rfdCheckboxChecked:hover, .RadForm.rfdRtl .rfdInputDisabled.rfdCheckboxChecked:hover {
padding: 0 20px 0 0 !important;
background-position: right -420px !important; }
.RadForm.rfdRtl .rfdCheckboxChecked:hover, .RadForm.rfdRtl .rfdCheckboxChecked:hover {
background-position: right -640px !important; }
.RadForm.rfdRtl .rfdRadioUnchecked, .RadForm.rfdRtl .rfdRadioUnchecked, .RadForm.rfdRtl .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm.rfdRtl .rfdInputDisabled.rfdRadioUnchecked:hover {
padding: 0 20px 0 0 !important;
background-position: right 0 !important; }
.RadForm.rfdRtl .rfdRadioUnchecked:hover, .RadForm.rfdRtl .rfdRadioUnchecked:hover {
background-position: right -220px !important; }
.RadForm.rfdRtl .rfdRadioChecked, .RadForm.rfdRtl .rfdRadioChecked, .RadForm.rfdRtl .rfdInputDisabled.rfdRadioChecked:hover, .RadForm.rfdRtl .rfdInputDisabled.rfdRadioChecked:hover {
padding: 0 20px 0 0 !important;
background-position: right -440px !important; }
.RadForm .rfdRtl .rfdRadioChecked:hover, .RadForm.rfdRtl .rfdRadioChecked:hover {
background-position: right -640px !important; }
.RadForm .rfdSelect {
display: inline-block;
text-decoration: none;
font-size: 12px;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
cursor: default;
outline: none;
-webkit-touch-callout: none;
user-select: none;
max-width: 1024px;
background-position: 0 0;
padding-left: 2px;
zoom: 1;
z-index: 3000;
vertical-align: top;
margin-right: 5px;
*margin-right: 0;
/*NEW - TEKI - Support for SELECT dropdowns using the new rendering */ }
.RadForm .rfdSelect:hover {
background-position: 0 -44px; }
.RadForm .rfdSelect .rfdSelectOuter, .RadForm .rfdSelect.rfdSelectDisabled:hover .rfdSelectOuter {
background-position: right -22px;
display: block;
line-height: 22px;
height: 22px;
white-space: nowrap;
width: inherit;
margin-left: 2px; }
.RadForm .rfdSelect.rfdSelectDisabled:hover {
background-position: 0 0; }
.RadForm .rfdSelect .rfdSelectOuter, .RadForm .rfdSelect.rfdSelectDisabled:hover .rfdSelectOuter {
margin-right: -1px\9; }
.RadForm .rfdSelect:hover .rfdSelectOuter {
background-position: right -66px; }
.RadForm .rfdSelect .rfdSelectOuter span {
margin-right: 22px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.RadForm .rfdSelect .rfdSelectBox {
position: absolute;
overflow-y: auto;
float: left;
width: inherit; }
.RadForm .rfdSelect li {
padding: 0 0 0 3px;
line-height: 16px;
height: 16px;
background-image: none !important; }
.RadForm .rfdSelectDisabled {
opacity: 0.4;
/* Gecko, Opera */ }
.RadForm .rfdSelectDisabled .rfdSelectText {
filter: alpha(opacity=40);
/* IE */ }
.RadForm.rfdFieldset fieldset {
background-position: 0 0\9;
/* all versions IE hack */
background-repeat: repeat;
background-repeat: no-repeat\9;
*background-repeat: no-repeat;
/* Mandatory to use because of incorrect IE positioning of the image */ }
.RadForm._Telerik_IE9.rfdFieldset fieldset {
background-repeat: repeat; }
.RadForm._Telerik_IE9.rfdFieldset fieldset, .RadForm fieldset.rfdRoundedCorners {
background-position: 0 0; }
.RadForm.rfdFieldset legend {
margin: 0;
padding: 0;
width: auto;
border: 0 none; }
.RadForm .rfdCheckboxChecked, .RadForm .rfdCheckboxUnchecked, .RadForm .rfdRadioUnchecked, .RadForm .rfdRadioChecked {
line-height: 20px;
padding: 0;
padding-left: 20px;
zoom: 1;
/* fixes IE issue with font-size set in percent */
display: inline-block;
font-weight: normal;
margin-bottom: auto; }
.RadForm .rfdRoundedCorners {
border-radius: 4px; }
* + html .RadForm .rfdSelect {
vertical-align: middle; }
.RadForm.rfdRtl .rfdSelect {
padding-left: 18px;
background-position: 0 -110px; }
.RadForm.rfdRtl .rfdSelect .rfdSelectOuter {
margin: 0 !important;
background-position: right -88px; }
.RadForm.rfdRtl .rfdSelect:hover {
background-position: 0 -154px; }
.RadForm.rfdRtl .rfdSelect .rfdSelectOuter:hover {
margin: 0 !important;
background-position: right -132px; }
.RadForm.rfdRtl .rfdSelect .rfdSelectOuter span.rfdSelectText {
margin: 0;
padding: 0 5px 0 0; }
.RadForm input.rfdDecorated, .RadForm button.rfdDecorated {
*padding-left: 4px !important; }
.RadForm .rfdDecorated, .RadForm a.rfdSkinnedButton {
vertical-align: middle;
*vertical-align: top; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.RadForm.rfdRadio.rfdLabel label, .RadForm.rfdCheckbox.rfdLabel label {
padding-left: 0 !important;
background-image: none !important;
vertical-align: middle;
font-weight: normal;
display: inline-block;
margin-bottom: auto; }
.RadForm.rfdRadio input[type="radio"], .RadForm.rfdCheckbox input[type="checkbox"] {
-khtml-appearance: none;
/* remove the graphic appearance of the original control */
position: static;
/* set back it's static position on the page */
width: 20px;
/* set default width of the control */
height: 22px;
/* set default height of the control */
vertical-align: middle;
/* align the control properly */
margin: 0;
-webkit-appearance: none;
outline: none; }
.RadForm.rfdCheckbox input[type="checkbox"] {
background-repeat: no-repeat;
background-position: 0 0; }
.RadForm.rfdCheckbox input[type="checkbox"]:hover {
background-position-y: -200px; }
.RadForm.rfdCheckbox input[type="checkbox"]:checked {
background-position-y: -420px; }
.RadForm.rfdCheckbox input[type="checkbox"]:hover:checked {
background-position-y: -640px; }
.RadForm.rfdCheckbox input[type="checkbox"][disabled], .RadForm.rfdCheckbox input[type="checkbox"][disabled]:hover {
background-position-y: -860px; }
.RadForm.rfdCheckbox input[type="checkbox"][disabled]:checked, .RadForm.rfdCheckbox input[type="checkbox"][disabled]:checked:hover {
background-position-y: -1080px; }
.RadForm.rfdRadio input[type="radio"] {
background-repeat: no-repeat;
background-position: 0 0; }
.RadForm.rfdRadio input[type="radio"]:hover {
background-position-y: -220px; }
.RadForm.rfdRadio input[type="radio"]:checked {
background-position-y: -440px; }
.RadForm.rfdRadio input[type="radio"]:hover:checked {
background-position-y: -640px; }
.RadForm.rfdCheckbox input[type="radio"][disabled], .RadForm.rfdCheckbox input[type="radio"][disabled]:hover {
background-position-y: -860px; }
.RadForm.rfdCheckbox input[type="radio"][disabled]:checked, .RadForm.rfdCheckbox input[type="radio"][disabled]:checked:hover {
background-position-y: -1080px; }
.RadForm input[type="checkbox"], .RadForm input[type="radio"], .RadForm input[type="checkbox"][checked], .RadForm input[type="radio"][checked] {
border: 0;
background-color: transparent; } }
.RadForm.rfdScrollBars {
/* horizontal scroll left button */
/* horizontal scroll right button */
/* vertical scroll up button */
/* vertical scroll down button */
/* increment / decrement button settings */ }
.RadForm.rfdScrollBars body::-webkit-scrollbar, .RadForm.rfdScrollBars textarea::-webkit-scrollbar, .RadForm.rfdScrollBars div::-webkit-scrollbar {
width: 16px;
height: 16px; }
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement {
background-position: 1px -132px; }
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment {
background-position: -10px -132px; }
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement {
background-position: 0 -145px; }
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment {
background-position: -11px -145px; }
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement, .RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment, .RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement, .RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment {
background-repeat: no-repeat;
height: auto;
width: auto; }
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement, .RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment, .RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement, .RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment, .RadForm.rfdScrollBars ::-webkit-scrollbar-thumb:vertical, .RadForm.rfdScrollBars ::-webkit-scrollbar-thumb:horizontal {
border-style: solid;
border-width: 1px; }
.RadForm .rfdValidationSummaryControl, .RadForm .rfdLoginControl {
padding: 4px;
border-radius: 4px;
border-collapse: separate !important;
/* need to be with important as by default the table is rendered with collpase inline style */ }
.RadForm .rfdValidationSummaryControl ul {
padding-left: 65px;
margin-left: 0;
min-height: 32px;
color: #f00;
background: url('/Themes/Telerik_15v2/Common/ModalDialogAlert.gif') no-repeat 8px -3px; }
* + html.RadForm.rfdButton a.rfdSkinnedButton:hover {
background-position: right -44px; }
* + html.RadForm.rfdButton a.rfdSkinnedButton:hover * {
background-position: left -66px; }
.rfdSelectBox {
font-size: 12px;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
display: inline-block;
overflow-x: hidden;
z-index: 4007;
border-radius: 3px; }
.rfdSelectBox.rfdSelectDisabled:hover {
background-position: 0 0; }
.rfdSelectBox ul {
width: inherit; }
.rfdSelectBox ul, .rfdSelectBox li {
padding: 0;
margin: 0;
list-style: none; }
.rfdSelectBox li {
cursor: default;
padding: 0 3px;
/* In AJAX CSS-es are registered skin-specific first, base second, which creates problems*/
line-height: 16px;
height: 16px;
text-overflow: ellipsis;
overflow: hidden; }
.rfdSelectBox .rfdSelect_hovered {
outline: 1px dotted; }
.rfdSelectBox .rfdSelectBox_optgroup li {
padding-left: 20px;
height: 18px;
line-height: 18px; }
.rfdSelectBox .rfdSelectBox_optgroup .rfdSelectBox_optgroup_label {
font-style: italic;
font-weight: bold;
padding-left: 0; }
.rfdSelectBox.rfdSelectDisabled li:hover {
background: none; }
.rfdSelectBox .rfdSelectBox_optgroup li {
padding-left: 12px; }
.rfdSelectBox li.rfdSelectBox_optgroup_label {
padding-left: 0; }
/* IE9 Onclicking flickering bug fix */
._Telerik_IE9.rfdButton a.rfdSkinnedButton.rfdClickedButton .rfdDecorated, ._Telerik_IE9 .rfdZone a.rfdSkinnedButton.rfdClickedButton .rfdDecorated, ._Telerik_IE9 .rfdZone a.rfdSkinnedButton.rfdClickedButton input.rfdDecorated {
-ms-background-position-x: 1px !important;
-ms-background-position-y: -110px !important; }
._Telerik_IE9.rfdButton .rfdInputDisabled.rfdClickedButton input.rfdDecorated, ._Telerik_IE9 .rfdZone .rfdInputDisabled.rfdSkinnedButton.rfdClickedButton input.rfdDecorated, ._Telerik_IE9 .rfdZone .rfdInputDisabled.rfdSkinnedButton.rfdClickedButton button.rfdDecorated {
-ms-background-position-x: 0 !important;
-ms-background-position-y: -22px !important; }
/* END: /Themes/Telerik_15v2/FormDecorator.css */
/* BEGIN: /Themes/Telerik_15v2/Ajax.css */
/* Telerik RadAjaxLoadingPanel Common CSS */
.RadAjax .raDiv,
.RadAjax .raColor {
width: 100%;
height: 100%;
margin: 0;
padding: 0; }
.RadAjax .raDiv {
position: relative;
z-index: 2;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat; }
.RadAjax .raColor {
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-image: none; }
.RadAjax .raTransp {
zoom: 1; }
.RadAjax .raTop {
background-position: center top; }
.RadAjax .raTopLeft {
background-position: left top; }
.RadAjax .raTopRight {
background-position: right top; }
.RadAjax .raLeft {
background-position: left center; }
.RadAjax .raRight {
background-position: right center; }
.RadAjax .raBottom {
background-position: center bottom; }
.RadAjax .raBottomLeft {
background-position: left bottom; }
.RadAjax .raBottomRight {
background-position: right bottom; }
.RadAjax div.raNone {
background-image: none; }
* html .RadAjaxUpdatedElement select {
visibility: hidden !important; }
/* END: /Themes/Telerik_15v2/Ajax.css */
/* BEGIN: /Themes/Telerik_15v2/Window.css */
.RadWindow {
/* improves drag&drop in mobile browsers */
-webkit-transform: rotate3d(0, 0, 1, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-transform: rotate3d(0, 0, 1, 0);
-moz-backface-visibility: hidden;
-moz-perspective: 1000;
-o-transform: rotate3d(0, 0, 1, 0);
-o-backface-visibility: hidden;
-o-perspective: 1000;
-ie-transform: rotate3d(0, 0, 1, 0);
-ie-backface-visibility: hidden;
-ie-perspective: 1000;
/* MVC overrides */
/* Support for displayng the rwLoading image in the iframe's parent TD */
/* Support for displaying rwLoading image in the status bar */
/* reload button */
/* unpin button */
/* pin button */
/* minimize button */
/* maximize button */
/* close button */
/* restore button */
/* stop the control buttons from stretching in IE8 */
/* css for window's top corners when visibletitlebar is set to false */
/* Window Horizontal Shadows */
/* Window Vertical Shadows */
/* Shadows minimzed specific style */
/* css for shadowed window's top corners when visibletitlebar is set to false */
/* Inactive notitlebar state */ }
.RadWindow .rwTitleRow, .RadWindow .rwTitleRow * {
box-sizing: content-box;
-moz-box-sizing: content-box; }
.RadWindow table.rwTable, .RadWindow table.rwShadow, .RadWindow .rwTitlebarControls {
border: 0;
padding: 0; }
.RadWindow .rwCorner, .RadWindow .rwTitlebar, .RadWindow .rwStatusbar, .RadWindow .rwFooterCenter, .RadWindow .rwTitlebarControls td {
padding: 0;
margin: 0;
border: 0;
border-collapse: collapse;
vertical-align: top; }
.RadWindow .rwTopResize {
font-size: 1px;
line-height: 4px;
width: 100%;
height: 4px;
background-position: 0 -31px;
background-repeat: repeat-x; }
.RadWindow .rwStatusbarRow .rwCorner {
background-repeat: no-repeat; }
.RadWindow .rwStatusbarRow .rwBodyLeft {
background-position: -16px 0; }
.RadWindow .rwStatusbarRow .rwBodyRight {
background-position: -24px 0; }
.RadWindow .rwStatusbar {
height: 22px;
background-position: 0 -113px;
background-repeat: repeat-x; }
.RadWindow .rwStatusbar div {
width: 18px;
height: 18px;
padding: 0 3px 0 0;
background-position: 0 -94px;
background-repeat: no-repeat; }
.RadWindow .rwTable {
width: 100%;
height: 100%;
table-layout: auto;
/* fixes the dimensions under IE */ }
.RadWindow .rwCorner {
width: 8px; }
.RadWindow .rwTopLeft, .RadWindow .rwTopRight, .RadWindow .rwTitlebar, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight, .RadWindow .rwFooterCenter {
height: 8px;
font-size: 1px;
background-repeat: no-repeat;
line-height: 1px; }
.RadWindow .rwBodyLeft, .RadWindow .rwBodyRight {
background-repeat: repeat-y; }
.RadWindow .rwBodyRight {
background-position: -8px 0; }
.RadWindow .rwTopLeft {
background-position: 0 0; }
.RadWindow .rwTopRight {
background-position: -8px 0; }
.RadWindow table .rwTitlebar {
background-repeat: repeat-x;
background-position: 0 -31px;
-moz-user-select: none; }
.RadWindow .rwFooterLeft {
background-position: 0 -62px; }
.RadWindow .rwFooterRight {
background-position: -8px -62px; }
.RadWindow .rwFooterCenter {
background-repeat: repeat-x;
background-position: 0 -70px; }
.RadWindow .rwTitlebarControls {
width: 100%;
height: 27px; }
.RadWindow .rwIframeWrapperIOS {
width: 100%;
height: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch; }
.RadWindow .rwWindowContent {
height: 100% !important;
/* very important property, especially for opera */
background: white; }
.RadWindow .rwWindowContent iframe {
display: block; }
.RadWindow td.rwLoading {
background-repeat: no-repeat;
background-position: center; }
.RadWindow .rwStatusbar .rwLoading {
background-repeat: no-repeat; }
.RadWindow .rwStatusbar .rwLoading {
padding-left: 30px; }
.RadWindow td.rwStatusbar input {
font: normal 12px "Segoe UI", Arial, Verdana, Sans-serif;
padding: 4px 0 0 3px;
margin: 0;
border: 0 !important;
width: 100%;
height: 18px;
line-height: 18px;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: left center !important;
cursor: default;
-moz-user-select: none;
overflow: hidden;
text-overflow: ellipsis;
display: block;
float: left;
vertical-align: middle; }
.RadWindow .rwControlButtons {
padding: 0;
margin: 2px 0 0 0;
list-style: none;
white-space: nowrap;
float: right; }
.RadWindow .rwControlButtons li {
float: left;
padding: 0 1px 0 0; }
.RadWindow .rwControlButtons a {
width: 30px;
height: 21px;
line-height: 1px;
font-size: 1px;
cursor: default;
background-repeat: no-repeat;
display: block;
text-decoration: none;
outline: none; }
.RadWindow .rwControlButtons span {
display: block; }
.RadWindow .rwReloadButton {
background-position: -120px 0; }
.RadWindow .rwReloadButton:hover {
background-position: -120px -21px; }
.RadWindow .rwPinButton {
background-position: -180px 0; }
.RadWindow .rwPinButton:hover {
background-position: -180px -21px; }
.RadWindow .rwPinButton.on {
background-position: -150px 0; }
.RadWindow .rwPinButton.on:hover {
background-position: -150px -21px; }
.RadWindow .rwMinimizeButton {
background-position: 0 0; }
.RadWindow .rwMinimizeButton:hover {
background-position: 0 -21px; }
.RadWindow .rwMaximizeButton {
background-position: -60px 0; }
.RadWindow .rwMaximizeButton:hover {
background-position: -60px -21px; }
.RadWindow .rwCloseButton {
background-position: -90px 0; }
.RadWindow .rwCloseButton:hover {
background-position: -90px -21px; }
.RadWindow.rwMaximizedWindow .rwMaximizeButton, .RadWindow.rwMinimizedWindow .rwMinimizeButton {
background-position: -30px 0; }
.RadWindow.rwMaximizedWindow .rwMaximizeButton:hover, .RadWindow.rwMinimizedWindow .rwMinimizeButton:hover {
background-position: -30px -21px; }
.RadWindow.rwMaximizedWindow .rwTopResize, .RadWindow.rwMaximizedWindow .rwCorner, .RadWindow.rwMaximizedWindow .rwFooterCenter, .RadWindow.rwMaximizedWindow .rwTitlebar {
cursor: default !important;
/* need to be important to overwrite inline style */ }
.RadWindow .rwIcon {
display: block;
background-repeat: no-repeat;
background-position: 0 -78px;
width: 16px;
height: 16px;
cursor: default;
margin: 3px 5px 0 0; }
.RadWindow .rwTitleRow em {
font: normal bold 12px "Segoe UI", Arial;
color: black;
padding: 3px 0 0 1px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left; }
.RadWindow.rwInactiveWindow .rwTitlebarControls {
position: static; }
.RadWindow .rwDialogPopup {
margin: 16px;
color: black;
padding: 1px 0 16px 50px;
font: normal 12px "Segoe UI", Arial, Verdana;
cursor: default; }
.RadWindow .rwDialogPopup .rwPopupButton, .RadWindow .rwDialogPopup .rwPopupButton span {
display: block;
float: left; }
.RadWindow .rwControlButtons a {
text-indent: -3333px;
overflow: hidden;
text-align: center; }
.RadWindow .rwDialogText {
text-align: left; }
.RadWindow.rwMinimizedWindow .rwPinButton, .RadWindow.rwMinimizedWindow .rwReloadButton, .RadWindow.rwMinimizedWindow .rwMaximizeButton, .RadWindow.rwMinimizedWindow .rwTopResize {
display: none !important; }
.RadWindow .rwDialogInput {
font: normal 12px "Segoe UI", Arial, Verdana;
color: black;
width: 90%;
display: block;
margin: 8px 0;
border-radius: 3px; }
.RadWindow .rwWindowContent .radconfirm, .RadWindow .rwWindowContent .radalert {
background-color: transparent;
background-position: left center;
background-repeat: no-repeat; }
.RadWindow .rwWindowContent .radconfirm {
background-image: url('/Themes/Telerik_15v2/Common/ModalDialogConfirm.gif'); }
.RadWindow .rwWindowContent .radalert {
background-image: url('/Themes/Telerik_15v2/Common/ModalDialogAlert.gif'); }
.RadWindow .rwWindowContent .radprompt {
padding: 0; }
.RadWindow .rwPopupButton, .RadWindow .rwPopupButton span {
text-decoration: none;
color: black;
line-height: 21px;
height: 21px;
cursor: default; }
.RadWindow .rwPopupButton {
background-repeat: no-repeat;
background-position: 0 -136px;
padding: 0 0 0 3px;
margin: 8px 8px 8px 0; }
.RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan {
background-repeat: no-repeat;
background-position: right -136px;
padding: 0 3px 0 0; }
.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan {
background-repeat: repeat-x;
background-position: 0 -157px;
padding: 0 12px; }
.RadWindow .rwWindowContent .rwPopupButton:hover {
background-position: 0 -178px;
padding: 0 0 0 3px;
margin: 8px 8px 8px 0; }
.RadWindow .rwWindowContent .rwPopupButton:hover .rwOuterSpan {
background-position: right -178px;
padding: 0 3px 0 0; }
.RadWindow .rwWindowContent .rwPopupButton:hover .rwInnerSpan {
background-position: 0 -199px;
padding: 0 12px; }
.RadWindow .rwStatusbarRow .rwBodyLeft {
background-position: -16px 0; }
.RadWindow .rwStatusbarRow .rwBodyRight {
background-position: -24px 0; }
.RadWindow.rwMinimizedWindow .rwContentRow, .RadWindow.rwMinimizedWindow .rwStatusbarRow {
display: none; }
.RadWindow.rwMinimizedWindow table.rwTitlebarControls {
margin-top: 4px; }
.RadWindow.rwMinimizedWindow .rwControlButtons {
width: 66px !important; }
.RadWindow.rwMinimizedWindow em {
width: 90px; }
.RadWindow.rwMinimizedWindow, .RadWindow .rwMinimizedWindowOverlay {
width: 200px !important;
height: 30px !important;
overflow: hidden !important;
float: left !important; }
.RadWindow.rwMinimizedWindow .rwCorner.rwTopLeft {
background-position: 0 -220px;
background-repeat: no-repeat; }
.RadWindow.rwMinimizedWindow .rwCorner.rwTopRight {
background-position: -8px -220px;
background-repeat: no-repeat; }
.RadWindow.rwMinimizedWindow .rwTitlebar {
background-position: 0 -250px !important;
/* Should be !important because of IE6 */
background-repeat: repeat-x; }
.RadWindow.rwInactiveWindow .rwCorner, .RadWindow.rwInactiveWindow .rwTitlebar, .RadWindow.rwInactiveWindow .rwFooterCenter {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65) !important;
opacity: 0.65 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }
.RadWindow ul.rwControlButtons span {
display: none\9; }
.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTopLeft {
background-position: 0 -280px; }
.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTitlebar {
background-position: 0 -288px;
background-repeat: repeat-x; }
.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTopRight {
background-position: -8px -280px; }
.RadWindow.rwNoTitleBar table div.rwTopResize {
background: none; }
.RadWindow .rwShadow .rwTopLeft, .RadWindow .rwShadow .rwTopRight, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
width: 15px !important; }
.RadWindow .rwShadow .rwTopLeft, .RadWindow .rwShadow .rwTopRight {
height: 38px; }
.RadWindow .rwShadow .rwTopLeft, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft {
background-position: 0 -297px !important; }
.RadWindow .rwShadow .rwTopRight, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
background-position: 0 -335px !important; }
.RadWindow .rwShadow .rwTopResize {
height: 8px;
background-position: 0 -376px !important; }
.RadWindow .rwShadow .rwTitlebar, .RadWindow.rwMinimizedWindow .rwShadow .rwTitlebar {
height: 30px !important;
background-position: 0 -391px !important;
/* Should be !important because of IE6 */
background-repeat: repeat-x !important; }
.RadWindow .rwInactiveWindow.rwMinimizedWindow {
height: 29px\9 !important;
_height: 30px !important; }
.RadWindow .rwShadow .rwFooterLeft, .RadWindow .rwShadow .rwFooterRight, .RadWindow .rwShadow .rwFooterCenter {
height: 14px; }
.RadWindow .rwShadow .rwFooterLeft {
width: 15px;
background-position: 0 -431px; }
.RadWindow .rwShadow .rwFooterCenter {
background-position: 0 -461px;
background-repeat: repeat-x; }
.RadWindow .rwShadow .rwFooterRight {
width: 15px;
background-position: 0 -446px; }
.RadWindow .rwShadow .rwBodyLeft, .RadWindow .rwShadow .rwBodyRight {
width: 15px;
background-repeat: repeat-y; }
.RadWindow .rwShadow .rwBodyLeft {
background-position: -33px 0; }
.RadWindow .rwShadow .rwBodyRight {
background-position: -52px 0; }
.RadWindow .rwShadow .rwIcon {
margin: 7px 5px 0 1px; }
.RadWindow .rwShadow em {
padding: 7px 0 0 1px; }
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
height: 1px !important; }
.RadWindow.rwMinimizedWindowShadow {
overflow: visible !important; }
.RadWindow.rwMinimizedWindowShadow .rwTable {
height: auto !important;
width: 210px !important; }
.RadWindow.rwMinimizedWindow .rwShadow .rwFooterLeft {
background-position: 0 -432px; }
.RadWindow.rwMinimizedWindow .rwShadow .rwFooterCenter {
background-position: 0 -462px; }
.RadWindow.rwMinimizedWindow .rwShadow .rwFooterRight {
background-position: 0 -447px; }
.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls {
display: block; }
.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwPinButton, .RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwReloadButton, .RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwMaximizeButton, .RadWindow.rwMinimizedWindowShadow .rwShadow .rwContentRow, .RadWindow.rwMinimizedWindowShadow .rwShadow .rwStatusbarRow {
display: none !important; }
.RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopLeft, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopRight, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterLeft, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterRight, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterCenter, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopResize {
cursor: default !important; }
.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTopLeft {
background-position: 0 -480px !important; }
.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTitlebar {
background-position: 0 -525px !important; }
.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTopRight {
background-position: 0 -500px !important; }
.RadWindow.rwNoTitleBar .rwShadow .rwTitlebar, .RadWindow.rwNoTitleBar .rwShadow .rwTopLeft, .RadWindow.rwNoTitleBar .rwShadow .rwTopRight {
height: 13px !important; }
.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTopLeft {
background-position: 8px -280px !important; }
.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTitlebar {
background-position: 0 -288px !important; }
.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTopRight {
background-position: -9px -280px !important; }
.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTitlebar, .RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTopLeft, .RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTopRight {
height: 8px !important; }
html:first-child .RadWindow ul {
float: right;
border: 1px solid transparent; }
.RadWindow_rtl .rwControlButtons {
float: left; }
div.RadWindow_rtl .rwControlButtons li {
float: right; }
div.RadWindow_rtl table.rwShadow .rwControlButtons li {
float: right; }
.RadWindow.RadWindow_rtl div.rwDialogText, .RadWindow.RadWindow_rtl div.rwDialogText {
text-align: right; }
.RadWindow.RadWindow_rtl div.rwDialogPopup div a, .RadWindow.RadWindow_rtl div.rwDialogPopup div a {
float: right; }
.RadWindow.RadWindow_rtl div.rwDialogPopup, .RadWindow.RadWindow_rtl div.rwDialogPopup {
background-position: right center;
padding: 1px 50px 16px 0; }
.RadWindow.RadWindow_rtl div.rwDialogPopup.radprompt, .RadWindow.RadWindow_rtl div.rwDialogPopup.radprompt {
padding: 1px 0 16px 0; }
.RadWindow.RadWindow_rtl .rwPopupButton, .RadWindow.RadWindow_rtl .rwPopupButton:hover {
margin: 8px 0 8px 8px; }
/* END: /Themes/Telerik_15v2/Window.css */
/* BEGIN: /Themes/Telerik_15v2/Input.css */
.RadInput,
.RadInputMgr {
vertical-align: middle; }
* + html .riSingle input.riTextBox,
* + html .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"],
.RadInput .riTextBox,
.RadInputMgr {
height: 17px; }
.riSingle .riTextBox,
.RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
height: 1.833em; }
.RadInput textarea.riTextBox {
height: auto; }
.RadInput table {
border: 0;
vertical-align: bottom; }
.RadInput table.riTable td {
border: 0;
padding: 0;
vertical-align: middle;
overflow: visible; }
.RadInput table td.riCell {
padding-right: 4px; }
.RadInput textarea {
vertical-align: bottom;
overflow: auto;
resize: none;
white-space: pre-wrap; }
.RadInput.riResizable .riTextBox {
min-width: 65px;
min-height: 40px; }
.RadInput.riResizable .riTextBox {
padding-right: 2px; }
.RadInput.riContButton .riResizeIcon {
margin-left: -27px; }
.RadInput .riResizeIcon, .RadInput.riButtonSwap .riResizeIcon {
width: 7px;
height: 7px;
display: inline-block;
vertical-align: bottom;
margin-left: -7px; }
.RadInput .rfdRoundedContent {
width: 100% !important; }
.RadInput .rfdRoundedWrapper {
table-layout: fixed; }
html body .RadInput .riTextBox,
html body .RadInputMgr {
border-width: 1px;
border-style: solid;
padding: 2px 2px 1px;
vertical-align: middle; }
html body .RadInput .riTextBox:disabled,
html body .RadInputMgr:disabled {
opacity: 1; }
.riSingle input.rfdDecorated {
*padding-left: 5px !important; }
input.RadInputMgr.rfdDecorated {
*padding-left: 2px !important; }
textarea.RadInputMgr {
overflow: auto; }
html body .RadInput input.riEmpty,
html body .RadInput textarea.riEmpty,
html body input.RadInput_Empty {
font-style: italic; }
.RadInput a {
display: block;
overflow: hidden;
position: relative;
outline: none;
z-index: 2;
text-indent: -2222px;
text-align: center;
text-decoration: none; }
* html .RadInput a, * + html .RadInput a {
position: static; }
* + html .RadInput a {
text-indent: 0;
text-align: right; }
* + html .RadInput a span {
text-indent: -2222px;
display: inline-block; }
.RadInput .riSpin a {
margin: 0 1px; }
.RadInput a.riDown {
margin-top: 3px; }
.RadInput .riLabel {
margin: 0 4px 0 0;
white-space: nowrap;
width: 40%;
background: transparent; }
* + html .RadInput .riLabel {
padding-right: 0; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.rdfd_ {
position: absolute; } }
* html .RadInput {
display: inline-block;
height: 25px; }
.RadInputRTL table td.riCell {
padding: 0 0 0 4px; }
.RadInputRTL .riLabel {
margin: 0 0 0 4px; }
.riStrengthBar {
background: url('/Themes/Telerik_15v2/Common/PasswordStrength.png') repeat-y;
display: inline-block;
width: 100px;
height: 20px;
margin-left: 5px;
font: 12px / 18px "segoe ui", arial, sans-serif;
color: #000;
text-align: center;
vertical-align: middle;
overflow: hidden; }
.riStrengthBarL0 {
background: none; }
.riStrengthBarL1 {
background-color: #ff3933;
background-position: 0 0;
color: #620000; }
.riStrengthBarL2 {
background-color: #ff7833;
background-position: -300px 0;
color: #922b00; }
.riStrengthBarL3 {
background-color: #ffbe33;
background-position: -600px 0;
color: #9e5900; }
.riStrengthBarL4 {
background-color: #ddcc33;
background-position: -900px 0;
color: #696400; }
.riStrengthBarL5 {
background-color: #6bcc33;
background-position: 100% 0;
color: #236800; }
.riSingle {
display: inline-block;
white-space: nowrap;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box; }
.riLabel {
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box; }
.riSingle .riTextBox, .riSingle .riContentWrapper {
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box; }
.riSingle a.riButton {
display: inline-block;
vertical-align: middle;
background-position: 3px 5px;
height: 18px;
line-height: 18px;
width: 20px; }
.riSingle a.riButton:hover {
background-position: 3px -45px; }
.riSingle .riLabel {
vertical-align: middle;
display: inline-block;
margin: 0;
padding-right: 5px; }
.riSingle a.riUp {
display: inline-block;
height: 8px;
width: 15px;
vertical-align: top; }
.riSingle a.riDown {
display: inline-block;
height: 8px;
width: 15px;
vertical-align: top;
margin-left: -15px;
vertical-align: bottom; }
.riSingle .riContentWrapper {
display: inline-block;
vertical-align: middle;
overflow: visible;
width: 60%; }
* + html .riSingle .riContentWrapper {
overflow: visible; }
.riContButton {
padding-right: 22px; }
.riContSpinButtons {
padding-right: 17px; }
.riContButton.riContSpinButtons {
padding-right: 35px; }
.riContButton .riContentWrapper {
padding-right: 21px; }
* + html .riContButton .riContentWrapper {
text-align: right; }
.riContSpinButtons .riContentWrapper {
padding-right: 17px; }
.riContButton.riContSpinButtons .riContentWrapper {
padding-right: 35px; }
html body .riSingle .riTextBox {
padding-right: 5px;
padding-left: 5px;
margin: 0;
width: 100%; }
.RadForm.rfdTextbox .riSingle input.rfdDecorated {
padding-right: 5px;
padding-left: 5px; }
.RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
padding-right: 5px;
padding-left: 5px; }
.RadForm.rfdTextbox input.rfdDecorated.RadInputMgr {
width: auto; }
.riSingle .riButton {
display: inline-block;
margin-top: 2px; }
.riSingle .riStrengthBar {
margin-left: 0; }
.rcSingle .riSingle {
white-space: normal; }
div.RadPicker table.rcSingle .rcInputCell {
padding-right: 0; }
.RadInputRTL {
text-align: right; }
.RadInputRTL.riResizable .riTextBox {
padding-right: 5px;
padding-left: 2px; }
.RadInputRTL.riContButton .riResizeIcon {
margin-left: 0;
margin-right: -27px; }
.RadInputRTL .riResizeIcon, .RadInputRTL.riButtonSwap .riResizeIcon {
margin-left: 0;
margin-right: -7px; }
.riSingle.RadInputRTL a.riDown {
margin-left: 0;
margin-right: -15px; }
._Telerik_Opera11 .riSingle.RadInputRTL a.riUp {
margin-right: -15px; }
._Telerik_Opera11 .riSingle.RadInputRTL a.riDown {
margin-right: 0; }
.riContSpinButtons .RadInputRTL {
padding-right: 0;
padding-left: 17px; }
.riContButton.riContSpinButtons.RadInputRTL {
padding-right: 0;
padding-left: 35px; }
.riContButton.RadInputRTL .riContentWrapper {
padding-right: 0;
margin-right: 0;
padding-left: 21px;
margin-left: -21px; }
.riContSpinButtons.RadInputRTL .riContentWrapper {
padding-right: 0px;
padding-left: 17px; }
.riContButton.riContSpinButtons.RadInputRTL .riContentWrapper {
padding-right: 0;
padding-left: 35px; }
* html body .riSingle .riTextBox {
margin-top: -2px;
margin-top: 0; }
/* END: /Themes/Telerik_15v2/Input.css */
/* BEGIN: /Themes/Telerik_15v2/Metro/FormDecorator.Metro.css */
.RadForm_Metro {
/* Decorate scrollbars */
/* Decorate and - look if there is a secondary .rfdButton class applied to the root element */
/* below are the IE6 fixes - should not be combined with the other CSS */
/* OPERA width fix - do not remove (and check if it is still necessary) */
/* Decorate */
/* Decorate */
/* Decorate */
/* Decorate */
/* IE6 - we set .gif")%> image instead of .png")%> due to the lack RGBA support */
/* and */
/* this selector styles the hover of the side bars of the rounded elements */
/* Decorate and */
/* For all browsers except IE6 we are using attribute selectors - single or double */
/* Decorate and */
/* Because of a glitch in IE the following 2 CSS classes must be declared separately for correct parsing of the textarea class in IE6*/
/* */
/* dropdown settings */
/* IE6 disabled state fix - this should not be added to the base stylesheet, but at the bottom of the skin file */
/* IE6 only settings - should be at the bottom of the file */
/* the styling of radiobuttons and checkboxes in Safari and Chrome is already fully achieved with CSS */
/* ----------------------------------------------- Skin-specific Scrollbar Settings for WebKit ----------------------------------------------- */
/* the scrollbar face color */
/*GridView, FormView, DetailsView*/
/* Validation Summary Control and Login Control */ }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.RadForm_Metro.rfdButton a.rfdSkinnedButton input.rfdDecorated, .RadForm_Metro.rfdButton a.rfdSkinnedButton input.rfdDecorated, .RadForm_Metro.rfdButton a.rfdSkinnedButton input.rfdDecorated:active, .RadForm_Metro.rfdButton a.rfdSkinnedButton input.rfdDecorated:focus {
background-color: transparent;
border: 0; }
.RadForm_Metro.rfdButton input[type="button"].rfdDecorated, .RadForm_Metro.rfdButton input[type="reset"].rfdDecorated, .RadForm_Metro.rfdButton input[type="submit"].rfdDecorated, .RadForm_Metro.rfdButton .rfdSkinnedButton button, .RadForm_Metro.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover * {
padding: 0 6px 0 8px !important; } }
.RadForm_Metro.rfdScrollBars {
scrollbar-3dlight-color: #e5e5e5;
scrollbar-arrow-color: #000;
scrollbar-base-color: #e5e5e5;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-face-color: #e5e5e5;
scrollbar-highlight-color: #e5e5e5;
scrollbar-shadow-color: #000;
scrollbar-track-color: #d5d4d4; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton, .RadForm_Metro.rfdButton input[type="button"].rfdDecorated, .RadForm_Metro.rfdButton input[type="reset"].rfdDecorated, .RadForm_Metro.rfdButton input[type="submit"].rfdDecorated, .RadForm_Metro.rfdButton .rfdSkinnedButton button {
background: #f9f9f9;
border: 1px solid #cdcdcd;
color: #000000; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton {
border: 1px solid #cdcdcd !important; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton:hover {
border-color: #e5e5e5 !important; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton:hover, .RadForm_Metro.rfdButton a.rfdSkinnedButton:hover * {
background: #e8e8e8;
color: #000000; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton:active, .RadForm_Metro.rfdButton a.rfdSkinnedButton:focus, .RadForm_Metro.rfdButton a.rfdClickedButton {
border: 1px solid #25a0da !important;
background-color: #25a0da; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton:active *, .RadForm_Metro.rfdButton a.rfdSkinnedButton:focus * {
background-color: #25a0da;
color: #ffffff; }
.RadForm_Metro.rfdButton a.rfdClickedButton, .RadForm_Metro.rfdButton a.rfdClickedButton:hover {
border-color: #25a0da !important; }
.RadForm_Metro.rfdButton a.rfdClickedButton, .RadForm_Metro.rfdButton a.rfdClickedButton * {
background-color: #25a0da !important;
color: #ffffff; }
.RadForm_Metro.rfdButton a.rfdClickedButton.rfdInputDisabled, .RadForm_Metro.rfdButton a.rfdClickedButton.rfdInputDisabled * {
background-color: #ffffff !important;
border-color: #e5e5e5 !important; }
.RadForm_Metro.rfdButton.RadForm a.rfdInputDisabled, .RadForm_Metro.rfdButton.RadForm a.rfdInputDisabled:hover, .RadForm_Metro.rfdButton.RadForm a.rfdInputDisabled:active, .RadForm_Metro.rfdButton.RadForm a.rfdInputDisabled:focus, .RadForm_Metro.rfdButton a.rfdClickedButton.rfdInputDisabled {
border: 1px solid #cdcdcd !important;
background-color: #ffffff;
outline: none; }
.RadForm_Metro.rfdButton.RadForm a.rfdInputDisabled .rfdDecorated, .RadForm_Metro.rfdButton.RadForm a.rfdInputDisabled:hover .rfdDecorated, .RadForm_Metro.rfdButton.RadForm a.rfdInputDisabled:active .rfdDecorated, .RadForm_Metro.rfdButton.RadForm a.rfdInputDisabled:focus .rfdDecorated, .RadForm_Metro.rfdButton a.rfdClickedButton.rfdInputDisabled .rfdDecorated {
background-color: #ffffff;
color: #000000 !important; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton.rfdInputDisabled:active input.rfdDecorated[type="submit"], .RadForm_Metro.rfdButton a.rfdSkinnedButton.rfdInputDisabled:focus input.rfdDecorated[type="submit"], .RadForm_Metro.rfdButton a.rfdSkinnedButton.rfdInputDisabled:active input.rfdDecorated[type="reset"], .RadForm_Metro.rfdButton a.rfdSkinnedButton.rfdInputDisabled:focus input.rfdDecorated[type="reset"], .RadForm_Metro.rfdButton a.rfdSkinnedButton.rfdInputDisabled:active input.rfdDecorated[type="button"], .RadForm_Metro.rfdButton a.rfdSkinnedButton.rfdInputDisabled:focus input.rfdDecorated[type="button"], .RadForm_Metro.rfdButton a.rfdClickedButton.rfdInputDisabled input.rfdDecorated[type="submit"], .RadForm_Metro.rfdButton a.rfdClickedButton.rfdInputDisabled input.rfdDecorated[type="reset"], .RadForm_Metro.rfdButton a.rfdClickedButton.rfdInputDisabled input.rfdDecorated[type="button"] {
background-color: #ffffff; }
.RadForm_Metro .rfdButton a.rfdSkinnedButton:link, .RadForm_Metro .rfdButton a.rfdSkinnedButton:visited {
_border: 1px solid #e5e5e5 !important;
_background-color: #ffffff !important;
_color: #767676 !important; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton * {
_background-color: #ffffff !important; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton:hover {
_border: 1px solid #e5e5e5 !important;
_background-color: #e8e8e8 !important; }
.RadForm_Metro.rfdButton a.rfdSkinnedButton:hover * {
_background-color: #ffe79c !important;
_color: #882501 !important; }
.RadForm_Metro.rfdButton a.rfdInputDisabled:hover {
_border: 1px solid #e5e5e5 !important; }
.RadForm_Metro.rfdButton a.rfdInputDisabled:hover, .RadForm_Metro.rfdButton a.rfdInputDisabled:hover * {
_background-color: #ffffff !important; }
@media screen and (min-width: 1px) {
.RadForm_Metro {
/*
the hack below fixes a strange behavior under Opera -
input and button have a different CSS display when in anchor tag
*/ }
.RadForm_Metro.rfdButton a.rfdSkinnedButton input {
display: block;
float: left; } }
.RadForm_Metro.rfdHeading h4, .RadForm_Metro.rfdHeading h5, .RadForm_Metro.rfdHeading h6 {
color: #767676;
border-bottom: 1px solid #767676;
text-transform: uppercase; }
.RadForm_Metro.rfdLabel label, .RadForm_Metro.rfdLabel .rfdAspLabel, .RadForm_Metro.rfdRadio .rfdRadioUnchecked, .RadForm_Metro.rfdRadio .rfdRadioChecked, .RadForm_Metro.rfdCheckbox .rfdCheckboxUnchecked, .RadForm_Metro.rfdCheckbox .rfdCheckboxChecked {
color: #767676; }
.RadForm_Metro .rfdCheckboxUnchecked, .RadForm_Metro .rfdCheckboxChecked, .RadForm_Metro .rfdInputDisabled.rfdCheckboxUnchecked, .RadForm_Metro .rfdInputDisabled.rfdCheckboxChecked {
background-image: url('/Themes/Telerik_15v2/Metro/FormDecorator/CheckBoxSprites.gif'); }
.RadForm_Metro .rfdRadioUnchecked, .RadForm_Metro .rfdRadioChecked, .RadForm_Metro .rfdInputDisabled.rfdRadioUnchecked, .RadForm_Metro .rfdInputDisabled.rfdRadioChecked {
background-image: url('/Themes/Telerik_15v2/Metro/FormDecorator/RadioButtonSprites.png'); }
.RadForm_Metro .rfdRadioUnchecked, .RadForm_Metro .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm_Metro .rfdRadioUnchecked:hover, .RadForm_Metro .rfdRadioChecked, .RadForm_Metro .rfdInputDisabled.rfdRadioChecked:hover, .RadForm_Metro .rfdRadioChecked:hover {
_background-image: url('/Themes/Telerik_15v2/Metro/FormDecorator/RadioButtonSprites.gif');
/* IE6 hack */ }
.RadForm_Metro.rfdFieldset table.rfdRoundedWrapper_fieldset legend, .RadForm_Metro.rfdFieldset fieldset legend {
color: #767676; }
.RadForm_Metro table.rfdRoundedWrapper:hover div.rfdRoundedInner {
background-color: #ffffff;
border-color: #767676 !important; }
.RadForm_Metro table.rfdRoundedWrapper:hover .rfdRoundedOuter {
background-color: #767676 !important; }
.RadForm_Metro.rfdTextbox input[type="text"].rfdDecorated, .RadForm_Metro.rfdTextbox input[type="password"].rfdDecorated, .RadForm_Metro.rfdTextbox input[type="search"].rfdDecorated, .RadForm_Metro.rfdTextbox input[type="url"].rfdDecorated, .RadForm_Metro.rfdTextbox input[type="tel"].rfdDecorated, .RadForm_Metro.rfdTextbox input[type="email"].rfdDecorated, .RadForm_Metro.rfdTextarea textarea, .RadForm_Metro.rfdTextarea textarea[disabled].rfdDecorated:hover, .RadForm_Metro.rfdTextbox input[disabled][type="text"].rfdDecorated:hover, .RadForm_Metro.rfdTextbox input[disabled][type="password"].rfdDecorated:hover, .RadForm_Metro.rfdTextbox input[disabled][type="search"].rfdDecorated:hover, .RadForm_Metro.rfdTextbox input[disabled][type="url"].rfdDecorated:hover, .RadForm_Metro.rfdTextbox input[disabled][type="tel"].rfdDecorated:hover, .RadForm_Metro.rfdTextbox input[disabled][type="email"].rfdDecorated:hover {
border: 1px solid #e5e5e5;
background-color: #ffffff; }
.RadForm_Metro.RadForm.rfdTextbox .rfdDecorated:hover, .RadForm_Metro.RadForm.rfdTextbox .rfdDecorated:hover, .RadForm_Metro.RadForm.rfdTextarea textarea:hover {
border: 1px solid #767676; }
.RadForm_Metro.rfdTextbox .rfdDecorated:focus, .RadForm_Metro.rfdTextbox .rfdDecorated:focus, .RadForm_Metro.rfdTextarea textarea:focus, .RadForm_Metro.rfdTextbox .rfdDecorated:active, .RadForm_Metro.rfdTextbox .rfdDecorated:active, .RadForm_Metro.rfdTextarea textarea:active {
border: 1px solid #25a0da; }
.RadForm_Metro .rfdFieldset table.rfdRoundedWrapper_fieldset legend, .RadForm_Metro .rfdFieldset fieldset.rfdFieldset legend {
color: #767676; }
.RadForm_Metro.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset, .RadForm_Metro.rfdFieldset fieldset {
border: 1px solid #e5e5e5;
border-radius: 0; }
.RadForm_Metro table.rfdRoundedWrapper input, .RadForm_Metro table.rfdRoundedWrapper textarea, .RadForm_Metro input.rfdInput, .RadForm_Metro textarea.rfdTextarea {
border: 1px solid #e5e5e5;
background: #ffffff;
color: #767676; }
.RadForm_Metro textarea.rfdTextarea, .RadForm_Metro table.rfdRoundedWrapper textarea {
overflow: auto; }
.RadForm_Metro .rfdSelect_Metro, .RadForm_Metro .rfdSelect_Metro:hover, .RadForm_Metro .rfdSelect_Metro .rfdSelectOuter, .RadForm_Metro .rfdSelect_Metro:hover .rfdSelectOuter, .RadForm_Metro .rfdSelect_Metro .rfdSelectArrow span, .RadForm_Metro .rfdSelectBox_Metro .rfdSelect_selected, .RadForm_Metro .rfdSelectBox_Metro li:hover, .RadForm_Metro .rfdSelect_Metro.rfdSelectDisabled:hover, .RadForm_Metro .rfdRtl .rfdSelect_Metro, .RadForm_Metro .rfdRtl .rfdSelect_Metro:hover, .RadForm_Metro .rfdRtl .rfdSelect_Metro .rfdSelectOuter, .RadForm_Metro .rfdRtl .rfdSelect_Metro .rfdSelectOuter:hover {
background-image: url('/Themes/Telerik_15v2/Metro/FormDecorator/ComboSprites.gif');
background-repeat: no-repeat;
background-color: transparent; }
.RadForm_Metro .rfdSelect_Metro .rfdSelectOuter, .RadForm_Metro .rfdSelect_Metro.rfdSelectDisabled:hover .rfdSelectOuter {
color: #767676; }
.RadForm_Metro .rfdSelect_Metro:hover .rfdSelectOuter {
color: #000000; }
.RadForm_Metro .rfdSelectBox_Metro {
background: #ffffff;
border: 1px solid #e5e5e5;
color: #767676;
border-radius: 0; }
.RadForm_Metro .rfdSelectBox_Metro li {
padding: 0 0 0 3px;
background-image: none !important; }
.RadForm_Metro .rfdSelectBox_Metro li:hover {
background-color: #e8e8e8;
color: #000000; }
.RadForm_Metro .rfdSelectBox_Metro .rfdSelectBox_optgroup_label:hover {
background: none;
color: #000000; }
.RadForm_Metro .rfdSelectBox_Metro .rfdSelect_selected {
background-color: #25a0da;
color: #ffffff; }
.RadForm_Metro.rfdButton a.rfdInputDisabled:hover {
_background-position: 0 0; }
.RadForm_Metro.rfdButton a.rfdInputDisabled:hover * {
_background-position: right -21px;
_color: #824703; }
.RadForm_Metro.rfdTextbox input.rfdIE6TextBox, .RadForm_Metro.rfdTextbox textarea.rfdIE6TextBox {
_border: 1px solid #e5e5e5;
_background-color: #ffffff; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.RadForm_Metro {
/* checkboxes */
/* radio buttons */ }
.RadForm_Metro.rfdCheckbox input[type="checkbox"], .RadForm_Metro.rfdCheckbox input[type="checkbox"][disabled]:hover {
background-image: url('/Themes/Telerik_15v2/Metro/FormDecorator/CheckBoxSprites.gif'); }
.RadForm_Metro.rfdRadio input[type="radio"], .RadForm_Metro.rfdRadio input[type="radio"][disabled="disabled"]:hover {
background-image: url('/Themes/Telerik_15v2/Metro/FormDecorator/RadioButtonSprites.png'); } }
.RadForm_Metro.rfdScrollBars {
/* scrollbar track background color */
/* increment / decrement button settings */ }
.RadForm_Metro.rfdScrollBars body::-webkit-scrollbar, .RadForm_Metro.rfdScrollBars body::-webkit-scrollbar-thumb:vertical, .RadForm_Metro.rfdScrollBars body::-webkit-scrollbar-thumb:horizontal, .RadForm_Metro.rfdScrollBars div::-webkit-scrollbar, .RadForm_Metro.rfdScrollBars div::-webkit-scrollbar-thumb:vertical, .RadForm_Metro.rfdScrollBars div::-webkit-scrollbar-thumb:horizontal form::-webkit-scrollbar, .RadForm_Metro.rfdScrollBars form::-webkit-scrollbar-thumb:vertical, .RadForm_Metro.rfdScrollBars form::-webkit-scrollbar-thumb:horizontal {
background-color: #e5e5e5; }
.RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-track-piece, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-corner {
background-color: #d5d4d4; }
.RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-thumb:vertical, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-thumb:horizontal {
border-color: #e5e5e5 #000 #000 #e5e5e5; }
.RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement, .RadForm_Metro.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment {
background-image: url('/Themes/Telerik_15v2/Metro/FormDecorator/ButtonSprites.gif');
background-color: #e5e5e5; }
.RadForm_Metro.rfdGrids .rfdTable {
border: 1px solid #e5e5e5;
background: #ffffff;
color: #000000;
font: 12px "Segoe UI", Arial, Helvetica, sans-serif; }
.RadForm_Metro.rfdGrids .rfdTable th {
border: 1px solid #e5e5e5;
border: 1px solid #e5e5e5;
background: #f9f9f9;
color: #000000; }
.RadForm_Metro.rfdGrids .rfdTable a {
color: #767676; }
.RadForm_Metro .rfdValidationSummaryControl, .RadForm_Metro .rfdLoginControl {
background-color: #ffffff;
border: 1px solid #e5e5e5; }
.RadForm_Metro a.rfdLoginControl, .RadForm_Metro a.rfdLoginControl:active, .RadForm_Metro a.rfdLoginControl:hover, .RadForm_Metro a.rfdLoginControl:visited {
color: #000000; }
* + html.RadForm_Metro.rfdButton a.rfdSkinnedButton:hover, * + html.RadForm_Metro.rfdButton a.rfdSkinnedButton:hover * {
background-color: #e8e8e8;
color: #000; }
/* dropdown settings */
.rfdSelectBox_Metro {
background: #ffffff;
border: 1px solid #e5e5e5;
color: #767676;
border-radius: 0; }
.rfdSelectBox_Metro li {
padding: 0 0 0 3px;
background-image: none !important; }
.rfdSelectBox_Metro li:hover, .rfdSelectBox_Metro .rfdSelect_hovered {
background-color: #e8e8e8;
color: #000000; }
.rfdSelectBox_Metro .rfdSelectBox_optgroup_label:hover {
background: none;
color: #000000; }
.rfdSelectBox_Metro .rfdSelect_selected {
background-color: #25a0da;
color: #ffffff; }
/* END: /Themes/Telerik_15v2/Metro/FormDecorator.Metro.css */
/* BEGIN: /Themes/Telerik_15v2/Metro/Ajax.Metro.css */
.RadAjax_Metro .raDiv {
background-image: url('/Themes/Telerik_15v2/Metro/Ajax/loading.gif'); }
.RadAjax_Metro .raColor {
background-color: #25a0da;
color: black; }
.RadAjax_Metro .raTransp {
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70); }
/* END: /Themes/Telerik_15v2/Metro/Ajax.Metro.css */
/* BEGIN: /Themes/Telerik_15v2/Metro/Window.Metro.css */
/* Window/WindowHorizontalSprites.gif */
.RadWindow_Metro {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #e5e5e5;
/* end shadows */
/* When ShowContentDuringLoad="false" */ }
.RadWindow_Metro .rwTopLeft,
.RadWindow_Metro .rwTopRight,
.RadWindow_Metro .rwTitlebar,
.RadWindow_Metro .rwTopResize {
background: #25a0da; }
.RadWindow_Metro .rwFooterLeft,
.RadWindow_Metro .rwFooterRight,
.RadWindow_Metro .rwFooterCenter,
.RadWindow_Metro .rwStatusbar div,
.RadWindow_Metro .rwStatusbar,
.RadWindow_Metro .rwBodyLeft,
.RadWindow_Metro .rwBodyRight,
.RadWindow_Metro .rwStatusbarRow .rwCorner {
background: white; }
.RadWindow_Metro table.rwShadow .rwTopLeft,
.RadWindow_Metro table.rwShadow .rwTopRight, .RadWindow_Metro.rwMinimizedWindow table.rwShadow .rwCorner.rwTopLeft, .RadWindow_Metro.rwMinimizedWindow table.rwShadow .rwCorner.rwTopRight,
.RadWindow_Metro table.rwShadow .rwBodyLeft,
.RadWindow_Metro table.rwShadow .rwBodyRight,
.RadWindow_Metro table.rwShadow .rwFooterLeft,
.RadWindow_Metro table.rwShadow .rwFooterRight {
width: 7px !important; }
.RadWindow_Metro .rwStatusbarRow .rwBodyLeft,
.RadWindow_Metro .rwStatusbarRow .rwStatusbar,
.RadWindow_Metro .rwStatusbarRow .rwBodyRight {
border-top: 1px solid #e5e5e5; }
.RadWindow_Metro .rwShadow td.rwFooterLeft,
.RadWindow_Metro .rwShadow td.rwFooterRight,
.RadWindow_Metro .rwShadow td.rwFooterCenter {
height: 7px; }
.RadWindow_Metro iframe {
display: block; }
.RadWindow_Metro a.rwIcon {
background: url('/Themes/Telerik_15v2/Metro/Window/Icon.gif') no-repeat center; }
.RadWindow_Metro ul.rwControlButtons {
margin: 0; }
.RadWindow_Metro .rwControlButtons a {
background-color: #25a0da;
background-image: url('/Themes/Telerik_15v2/Metro/Window/CommandButtonSprites.gif');
width: 29px;
height: 19px;
border: 1px solid #25a0da; }
.RadWindow_Metro table.rwTitlebarControls em {
color: white;
font-size: 14px;
font-weight: normal;
padding: 1px 0 0 1px;
text-transform: uppercase; }
.RadWindow_Metro td.rwStatusbar div {
background-image: url('/Themes/Telerik_15v2/Metro/Window/rwResize.gif');
background-position: 10px 8px;
background-repeat: no-repeat;
margin: 0 -4px -7px 0;
*margin: 0 -1px -4px 0; }
.RadWindow_Metro input.rwDialogInput {
border: 1px solid #cdcdcd; }
.RadWindow_Metro input.rwDialogInput:hover {
border: 1px solid #767676; }
.RadWindow_Metro table tr td.rwLoading {
background-color: white; }
.RadWindow_Metro tr td.rwWindowContent.rwLoading {
background-image: url('/Themes/Telerik_15v2/Metro/Common/loading.gif'); }
.RadWindow_Metro input.rwLoading {
background-image: url('/Themes/Telerik_15v2/Metro/Common/loading_small.gif'); }
.RadWindow_Metro .rwDialogPopup a.rwPopupButton {
background: #f9f9f9;
border: 1px solid #cdcdcd; }
.RadWindow_Metro .rwDialogPopup a.rwPopupButton:hover {
background: #e8e8e8;
border-color: #767676; }
.RadWindow_Metro .rwShadow .rwFooterLeft,
.RadWindow_Metro .rwShadow .rwFooterRight,
.RadWindow_Metro .rwShadow .rwFooterCenter {
height: 5px; }
.RadWindow_Metro.rwMinimizedWindowShadow .rwFooterRow {
display: none; }
.RadWindow_Metro.rwMinimizedWindowShadow .rwTable {
width: 200px; }
.RadWindow_Metro .rwShadow a.rwIcon {
margin: 5px 5px 0 0; }
.RadWindow_Metro table.rwShadow em {
padding: 1px 0 0 1px; }
.RadWindow_Metro.rwMinimizedWindow .rwShadow .rwControlButtons {
margin: 2px 0 0 0; }
div.RadWindow_Metro a.rwCancel,
div.RadWindow_Metro a.rwCancel span {
background: none !important;
cursor: pointer;
border: 0 !important; }
div.RadWindow_Metro a.rwCancel span span,
div.RadWindow_Metro a.rwCancel:hover span span {
color: black;
text-decoration: underline; }
/* END: /Themes/Telerik_15v2/Metro/Window.Metro.css */
/* BEGIN: /Themes/Telerik_15v2/Metro/Input.Metro.css */
/*global*/
.RadInput_Metro,
.RadInputMgr_Metro {
font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif; }
/*textbox states*/
html body .RadInput_Metro .riTextBox,
html body .RadInputMgr_Metro {
border-color: #e5e5e5;
background: #fff;
color: black;
font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif; }
html body .RadInput_Metro .riEmpty,
html body .RadInput_Empty_Metro {
color: #bbbbbb; }
html body .RadInput_Metro .riHover,
html body .RadInput_Hover_Metro {
color: black;
border-color: #767676; }
html body .RadInput_Metro .riFocused,
html body .RadInput_Focused_Metro {
border-color: #25a0da; }
html body .RadInput_Metro .riRead,
html body .RadInput_Read_Metro {
border-color: #b0b0b0; }
html body .RadInput_Metro .riDisabled,
html body .RadInput_Disabled_Metro {
color: #c9c0c0;
cursor: default; }
html body .RadInput_Metro .riError,
html body .RadInput_Error_Metro {
border-color: #de3914;
background: #ffe9e9 100% -298px no-repeat url('/Themes/Telerik_15v2/Metro/Input/sprite.gif');
color: #de3914; }
.RadForm.rfdTextbox .RadInput_Metro .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_Metro[type="text"] {
border-color: #de3914;
background: white 100% -298px no-repeat url('/Themes/Telerik_15v2/Metro/Input/sprite.gif');
color: #de3914; }
html body .RadInput_Metro .riNegative,
html body .RadInput_Negative_Metro {
color: #565656; }
/*buttons*/
.RadInput_Metro a {
background: transparent no-repeat url('/Themes/Telerik_15v2/Metro/Input/sprite.gif'); }
/*go*/
.RadInput_Metro .riBtn a {
width: 20px;
height: 18px;
line-height: 18px;
background-position: 3px 5px; }
.RadInput_Metro .riBtn a:hover {
background-position: 3px -45px; }
/*spin*/
.RadInput_Metro .riSpin a {
width: 15px;
height: 7px;
line-height: 7px; }
.RadInput_Metro a.riUp {
background-position: 4px -98px; }
.RadInput_Metro a.riUp:hover {
background-position: 4px -148px; }
.RadInput_Metro a.riDown {
background-position: 4px -199px; }
.RadInput_Metro a.riDown:hover {
background-position: 4px -249px; }
/*label*/
.RadInput_Metro .riLabel {
color: #666; }
.RadInput_Metro .riResizeIcon {
background: transparent 0 0 no-repeat url('/Themes/Telerik_15v2/Metro/Input/ResizeEdge.gif'); }
html body .RadInputRTL_Metro .riError,
html body .RadInputRTL_Error_Metro {
background-position: 3px -298px; }
.RadInputRTL_Metro .riResizeIcon {
background-position: 0 -19px; }
.RadForm.rfdTextbox .RadInputRTL_Metro .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error_Metro[type="text"] {
background-position: 3px -298px; }
/* END: /Themes/Telerik_15v2/Metro/Input.Metro.css */
/* BEGIN: /Layouts/custom/lne/mst_default.css */
body {
background-color: #fff;
/* font-family: 'Kanit', sans-serif;*/
font-family: 'Montserrat', sans-serif;
}
/*HEADER*/
.mst-header {
min-height: 65px;
padding-top: 50px;
}
.mst-header > .container {
padding: 0 10px 0 0;
}
.mst-header .mst-logo {
float: left;
padding-top: 0px;
}
.mst-header .mst-logo .img-responsive {
display: inline-block;
}
.mst-header .menu-top-button {
float: right;
margin-top: -4px;
}
.menu-top-content {
padding: 0;
}
@media (max-width: 767px) {
.mst-header .menu-top-content {
clear: both;
}
.mst-header .mst-logo {
text-align: center;
float: none;
}
.mst-mobile-menu-icon {
border-radius: 100px;
width: 45px;
height: 45px;
background-color: #ce1443;
color: white;
position: absolute;
font-size: 18px;
top: 68px;
left: calc(50% - 22px);
text-align: center;
padding-top: 11px;
cursor: pointer;
z-index:12;
}
}
@media (min-width: 768px) {
.mst-header .menu-top-content {
float: right;
margin-top: -16px;
}
.mst-mobile-menu-icon {
display: none;
}
}
@media (max-width: 767px) {
.mst-header {
background-color: #ce1443;
height: 95px;
padding-top: 14px;
}
.menu-top-content {
padding-top: 0px;
position: absolute;
background: #ce1443;
width: 100%;
top: 93px;
z-index: 9;
height: 0;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
overflow: hidden;
}
.menu-top-content-show {
padding-top: 25px;
height: 450px;
}
.mst-logo {
}
}
/*end HEADER*/
/*base*/
.mst-content {
}
@media (max-width: 991px) {
.mst-content {
margin-top: 20px;
}
}
.mst-content > div {
}
.mst-footer {
clear: both;
padding-bottom: 60px;
}
.mst-footer > .container {
}
.mst-content-bottom {
}
/*base END*/
/*ADDED*/
/*ADDED END*/
/*MENU*/
@media (max-width: 767px)
{
.menu-top-1 .menu {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.menu-top-1 .menu > li {
margin: 0;
padding: 0;
display: inline-block;
}
.menu-top-1 .menu > li > a {
display: block;
text-decoration: none;
color: #ce1443;
padding: 1px 0 0;
text-transform: uppercase;
font-weight: 700;
text-align: center;
font-size: 27px;
background-color: white;
width: 40px;
height: 39px;
margin: 0 10px 30px;
border-radius: 100px;
}
.menu-top-1 .menu > li.menu-text > a {
color: #363636;
cursor: default;
font-size: 12px;
font-weight: normal;
padding: 4px 18px 0;
border-right: 0px solid;
}
.menu-top-1 .menu > li > a > span {
display:none;
}
.menu-top-1 .menu > li.menu-text:hover > a {
color: #7d7b7b;
}
.menu-top-1 .menu > li:hover > a {
color:black;
}
.menu-top-1 .menu > li > ul {
list-style: none;
margin: 0px;
padding: 0px;
_position: absolute;
_display:none;
}
.menu-top-1 .menu > li:hover > ul {
display: block;
}
.menu-top-1 .menu > li > ul > li {
margin: 0;
padding: 0 0 0 20px;
}
.menu-top-1 .menu > li > ul > li > a {
display: block;
text-decoration: none;
color: black;
padding: 5px 14px;
}
.menu-top-1 .menu > li > ul > li:hover > a {
color:black;
}
.menu-top-2 .menu {
list-style: none;
margin: 0;
padding: 0;
}
.menu-top-2 .menu > li {
margin: 0;
padding: 0;
}
.menu-top-2 .menu > li > a {
display: block;
text-decoration: none;
color: white;
padding: 5px 13px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
font-size: 18px;
}
.menu-top-2 .menu > li.menu-text > a {
color: #363636;
cursor: default;
font-size: 12px;
font-weight: normal;
padding: 4px 18px 0;
border-right: 0px solid;
}
.menu-top-2 .menu > li.menu-text:hover > a {
color: #7d7b7b;
}
.menu-top-2 .menu > li:hover > a {
color: black;
}
.menu-top-2 .menu > li > ul {
list-style: none;
margin: 0px;
padding: 0px;
_position: absolute;
_display: none;
}
.menu-top-2 .menu > li:hover > ul {
display: block;
}
.menu-top-2 .menu > li > ul > li {
margin: 0;
padding: 0 0 0 20px;
}
.menu-top-2 .menu > li > ul > li > a {
display: block;
text-decoration: none;
color: black;
padding: 5px 14px;
}
.menu-top-2 .menu > li > ul > li:hover > a {
color: black;
}
}
@media (min-width: 768px)
{
.menu-top-2 {
display:none;
}
.menu-top-1 .menu {
list-style: none;
margin:0;
padding:0;
}
.menu-top-1 .menu > li {
float: left;
margin: 0;
padding: 0;
}
.menu-top-1 .menu > li > a {
display: block;
text-decoration: none;
color: #ffffff;
font-size: 20px;
background-color: #4e4c4d;
width: 34px;
height: 34px;
margin: 0 0 0 20px;
border-radius: 100px;
text-align: center;
padding-top: 3px;
}
.menu-top-1 .menu > li > a > span {
display: none;
}
.menu-top-1 .menu > li:last-child > a,
.menu-top-1 .menu > li:nth-last-child(2) > a {
padding-right: 0;
}
.menu-top-1 .menu > li.menu-text > a {
color: #363636;
cursor: default;
font-size: 12px;
font-weight: 500;
padding-top: 3px;
border-right: 0px solid;
}
.menu-top-1 .menu > li.menu-text:hover > a {
color: #7d7b7b;
}
.menu-top-1 .menu > li:last-child > a,
.menu-top-1 .menu > li:nth-last-child(2) > a {
border-right: 0px solid;
}
.menu-top-1 .menu > li > a > i {
margin-top: -5px;
}
.menu-top-1 .menu > li:hover > a {
background-color: #ce1443;
}
.menu-top-1 .menu > li > ul {
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
display:none;
background-color: rgba(10, 10, 10, 0.78);
}
.menu-top-1 .menu > li:hover > ul {
display: block;
}
.menu-top-1 .menu > li > ul > li {
margin: 0;
padding: 0;
}
.menu-top-1 .menu > li > ul > li > a {
display: block;
text-decoration: none;
color: black;
padding: 5px 14px;
color: white;
}
.menu-top-1 .menu > li > ul > li:hover > a {
color:#ccc;
}
}
/*MENU END*/
/*MAGAZYN*/
.magazyn-spis-tresci {
clear:both;
}
.magazyn-spis-tresci > h3 {
border-bottom: 1px solid #ddd;
margin: 30px 0;
padding-bottom: 5px;
}
.magazyn-spis-tresci-content {
}
@media (min-width: 992px) {
.magazyn-spis-tresci-content {
-webkit-column-count: 3;
-webkit-column-gap: 30px;
-webkit-column-rule: 0px solid rgba(0,0,0,0.3);
-moz-column-count: 3;
-moz-column-gap: 30px;
-moz-column-rule: 0px solid rgba(0,0,0,0.3);
column-count: 3;
column-gap: 30px;
column-rule: 0px solid rgba(0,0,0,0.3);
}
}
.magazyn-spis-tresci-dzial {
padding-bottom: 35px;
/*line-height: 1.2;*/
}
.magazyn-spis-tresci-dzial > span {
display: block;
padding: 10px 0;
/*padding-left: 5px;*/
}
.magazyn-spis-tresci-dzial > a {
display: block;
padding: 10px 0;
/*padding-left: 5px;*/
}
.magazyn-spis-tresci-dzial > b ,
.magazyn-spis-tresci-dzial > strong {
display: block;
padding: 10px 0;
}
/*MAGAZYN END*/
.more-link {
text-decoration: underline;
font-size: 16px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
}
/* END: /Layouts/custom/lne/mst_default.css */
/* BEGIN: /Layouts/custom/lne/nmst_top_menu.css */
.nmst_top_menu-menu-container {
padding: 0;
margin-top: -19px;
margin-bottom: 35px;
}
.nmst_top_menu-menu-top-content {
padding: 0;
}
.nmst_top_menu-menu-top-button {
margin-top: -10px;
}
@media (max-width: 767px)
{
.nmst_top_menu-menu-top-content {
display: none;
}
.nmst_top_menu-menu-container {
margin-top: -51px;
margin-bottom: 51px;
}
.menu-top-nm .menu {
list-style: none;
margin:0;
padding:0;
display:table;
width: 100%;
}
.menu-top-nm .menu > li {
margin: 0;
padding: 0;
display: table-cell;
}
.menu-top-nm .menu > li > a {
display: block;
text-decoration: none;
color: white;
padding: 5px 2px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
font-size: 12px;
}
.menu-top-nm .menu > li:hover > a {
color: #747474;
}
.menu-top-nm .menu > li > ul {
list-style: none;
margin: 0px;
padding: 0px;
_position: absolute;
_display:none;
}
.menu-top-nm .menu > li:hover > ul {
display: block;
}
.menu-top-nm .menu > li > ul > li {
margin: 0;
padding: 0 0 0 20px;
}
.menu-top-nm .menu > li > ul > li > a {
display: block;
text-decoration: none;
color: black;
padding: 5px 14px;
}
.menu-top-nm .menu > li > ul > li:hover > a {
color:black;
}
}
@media (min-width: 768px)
{
.menu-top-nm {
float: right;
margin-right: 10px;
}
.menu-top-nm .menu {
list-style: none;
margin:0;
padding:0;
}
.menu-top-nm .menu > li {
float: left;
margin: 0;
padding: 0;
}
.menu-top-nm .menu > li > a {
display: block;
text-decoration: none;
color: black;
padding: 5px 11px;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
}
.menu-top-nm .menu > li.menu-item-red > a {
color: #e1325d;
}
.menu-top-nm .menu > li:last-child > a {
padding-right: 0;
}
.menu-top-nm .menu > li > a > i {
margin-top: -5px;
color: #808080;
}
.menu-top-nm .menu > li:hover > a {
color: #747474;
}
.menu-top-nm .menu > li > ul {
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
display:none;
background-color: rgba(10, 10, 10, 0.78);
}
.menu-top-nm .menu > li:hover > ul {
display: block;
}
.menu-top-nm .menu > li > ul > li {
margin: 0;
padding: 0;
}
.menu-top-nm .menu > li > ul > li > a {
display: block;
text-decoration: none;
color: black;
padding: 5px 14px;
color: white;
}
.menu-top-nm .menu > li > ul > li:hover > a {
color:#ccc;
}
}
/* END: /Layouts/custom/lne/nmst_top_menu.css */
/* BEGIN: /Layouts/custom/lne/nmst_articles.css */
.nmst_art_top {
padding: 0;
}
.nmst_art_bottom {
padding: 26px 0 0;
border-top: 1px solid #e0e1e1;
margin-top: 10px;
}
.nmst_art_title {
/*float: left;*/
padding-left: 15px;
text-transform: uppercase;
}
.nmst_art_search {
border: 1px solid #e0e1e1;
padding: 0 9px 3px 5px;
}
@media (min-width: 768px) {
.nmst_art_title {
padding-left: 2px;
padding-top: 8px;
}
.nmst_art_search {
float: right;
max-width: 380px;
margin-top: 12px;
width: 100%;
}
}
.nmst_art_menu_button {
float: right;
margin-top: -14px;
}
@media (max-width: 767px) {
.nmst_art_bottom {
border-top: none;
}
.nmst_art_title {
clear: both;
}
.nmst_art_menu_button {
float: left;
margin: 0 0 0 15px !important;
}
.nmst_art_menu_button > button {
border-radius: 5px;
background-color: #ce1443;
color: white;
margin-right: 0;
}
.nmst_art_search {
float: right;
margin-right: 15px;
margin-top: 8px;
width: calc(100vw - 161px);
}
}
.nmst_art_search .input-group input.form-control {
border: 0px;
box-shadow: none !important;
font-size: 12px;
}
.nmst_art_search .input-group-addon:last-child {
border: 0px;
}
.nmst_art_search .input-group-addon {
background-color: white;
}
.nmst_art_search .input-group-addon:first-child {
border: 0;
background-color: transparent;
padding-right: 20px !important;
color: black;
}
.nmst_art_menu {
clear: both;
padding: 0;
max-height:none;
}
.menu-art-category {
padding-top: 20px;
}
.menu-art-category .menu-menu-container {
}
.parent {
}
.parent child:nth-child(1) {
}
.menu-art-category .menu {
/*display: block;*/
list-style: none;
margin: 0;
padding: 0;
/*text-align: center;*/
display: -ms-flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 767px) {
.menu-art-category .menu {
display: block;
}
}
.menu-art-category .menu > li {
/*display: inline-block;*/
margin: 0;
padding: 0;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.menu-art-category .menu > li > a {
display: block;
text-decoration: none;
color: black;
padding: 10px 7px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
/*font-size: 15px;*/
}
.menu-art-category .menu > li > a > .fa {
display: none;
}
/*.menu-art-category .menu > li:first-child > a {
padding-left:0;
}
.menu-art-category .menu > li:last-child > a {
padding-right:0;
}*/
.menu-art-category .menu > li:hover > a {
color: #e1325d;
background-color: rgba(0,0,0,.05);
}
.menu-art-category .menu > li > ul {
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
display: none;
}
.menu-art-category .menu > li:hover > ul {
display: block;
}
.menu-art-category .menu > li > ul > li {
margin: 0;
padding: 0;
}
.menu-art-category .menu > li > ul > li > a {
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
display: none;
}
.menu-art-category .menu > li > ul > li:hover > a {
display: block;
}
.article-search {
position: relative;
}
.article-search > .fa {
position: absolute;
font-size: 20px;
right: 0;
z-index: 1;
top: 8px;
}
.article-search > input {
width: 100%;
border: 0px;
height: 35px;
font-weight: 500;
}
/* END: /Layouts/custom/lne/nmst_articles.css */
/* BEGIN: /Layouts/custom/lne/ctn_article.css */
.ctn-article {
padding: 0;
}
.ctn-article-top {
padding: 0 0px 30px;
}
.ctn-article-content {
}
.ctn-article-right {
}
.ctn-article-bottom {
}
@media (min-width: 768px) {
.ctn-article-top {
padding: 0 0 30px;
}
.ctn-article-content {
/*padding-left: 0;*/
}
.ctn-article-right {
padding-right: 0;
}
.ctn-article-bottom {
padding: 0;
}
}
/* END: /Layouts/custom/lne/ctn_article.css */
/* BEGIN: /Layouts/custom/lne/lne.css */
body {
color: #363636;
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
@media (min-width: 768px) {
.border-1 {
outline: 1px solid #e0e1e1;
}
}
a {
color: #ce1443;
}
b, strong {
font-weight: 700;
}
a:hover {
color: #791b32;
}
h3, .h3 {
font-size: 30px;
font-weight: 700;
}
.h-border {
border-bottom: 1px solid #e0e1e1;
padding-bottom: 10px;
}
hr {
border-top: 1px solid #e0e1e1;
}
.btn-primary {
color: rgb(255,255,255);
background-color: #ce1443;
border-color: #ce1443;
background-image: none !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: rgb(255,255,255);
background-color: #e6597c;
border-color: #e6597c;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #e87390;
border-color: #9a2441;
}
.btn-primary .badge {
color: #ce1443;
background-color: rgb(255,255,255);
}
/* GLOBAL STYLE */
/*.cms-control-header
{
font-size: 32px;
padding-bottom: 25px;
padding-top: 9px;
text-transform: uppercase;
color: #14A7C0;
text-shadow: 0 0 5px #14A7C0;
display: block;
font-family: FontFabricNexa;
}
.cms-control-header > span
{
}
.cms-control-subheader
{
padding-bottom: 0px;
padding-top: 10px;
clear: both;
}
.control-tools-content
{
opacity: .2;
position: absolute;
background-color: white;
box-shadow: 2px 2px 5px rgba(0,0,0,.5);
margin-top: -21px;
font-size: 17px;
z-index: 999;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
-moz-transform: scale(.8);
-webkit-transform: scale(.8);
-o-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
}
.control-tools-content:hover
{
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.control-tools-content a
{
color: #777 !important;
padding: 6px;
}
.control-tools-content a:hover
{
color: black !important;
}
/* end GLOBAL STYLE *
.anty-layout-content, div[data-layout-container=true]
{
padding: 0;
}
.d-slider {
overflow:hidden;
width:100%;
height: 200px;
/*outline: 1px solid red;*
}
.d-slider .s-item {
display:inline-block;
float:left;
height: 100%;
/*outline: 1px solid blue;*
}
.s-control-panel {
text-align: center;
}
.s-control-panel > a {
display:inline-block;
width: 13px;
height: 13px;
border-radius: 10px;
margin: 0 5px;
background-color: transparent;
border:1px solid #00A4C9;
color: transparent;
font-size: 1px;
cursor: pointer;
}
.s-control-panel > a.select {
background-color: #00A4C9;
}*/
/* IMPREZA */
.form-control {
height: 35px;
font-size: 16px;
border-radius: 0px;
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #4d4c4c;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #4d4c4c;
opacity: 1;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
color: #4d4c4c;
}
.telerik-checkbox.chk_sm.RadButton .rbText, .telerik-checkbox.RadButton .rbText {
top: 3px;
}
.menu-top-nm .menu > li.menu-item-kongres > a {
font-size: 20px;
line-height: 1;
font-weight: 800;
}
@media (min-width: 768px) {
.menu-top-1 .menu > li > a > i {
margin-top: 0;
background-color: #4e4c4d;
width: 38px;
height: 38px;
margin: 0 0 0 20px;
border-radius: 100px;
padding-top: 9px;
}
.menu-top-1 .menu > li > a {
display: block;
text-decoration: none;
color: #ffffff;
font-size: 20px;
background-color: transparent;
width: auto;
height: auto;
margin: 0 0 0 20px;
border-radius: 0px;
text-align: center;
padding-top: 0px;
}
.menu-top-1 .menu > li > a > span {
display: inline;
color: #000;
margin-left: 10px;
}
.menu-top-1 .menu > li:hover > a {
background-color: transparent;
}
.menu-top-1 .menu > li:hover > a > span {
color: #ce1443;
}
.menu-top-1 .menu > li:hover > a > i {
background-color: #ce1443;
}
}
@media (max-width: 767px)
{
.menu-top-1 .menu {
margin-bottom: 30px;
}
.menu-top-1 .menu > li {
margin: 0;
padding: 0;
display: inline-block;
width: 100px;
text-align: center;
}
.menu-top-1 .menu > li > a {
display: inline-block;
margin: 0 10px 30px;
width: auto;
}
.menu-top-1 .menu > li > a > span {
display: inline;
color: white;
font-size: 16px;
}
}
@media (max-height: 700px) {
.article-popup {
min-height: 700vh;
}
}
/* END: /Layouts/custom/lne/lne.css */
/* BEGIN: /Themes/default.css */
/* END: /Themes/default.css */
/* BEGIN: ~/Controls/CMS/Ajs/Article/ArticleViewV1.css */
/* END: ~/Controls/CMS/Ajs/Article/ArticleViewV1.css */
/* BEGIN: ~/Controls/CMS/Ajs/Article/ArticleSearchV1.css */
body {
}
/* END: ~/Controls/CMS/Ajs/Article/ArticleSearchV1.css */
/* BEGIN: ~/Controls/CMS/Ajs/Menu/MenuV1.css */
.font-size-0 span {
font-size: 0;
}
.unread-email {
display: inline-block;
width: 20px;
height: 20px;
background-color: #10525e;
border-radius: 100%;
text-align: center;
font-size: 10px !important;
line-height: 21px;
vertical-align: super;
}
/* END: ~/Controls/CMS/Ajs/Menu/MenuV1.css */
/* BEGIN: ~/Controls/CMS/Ajs/Article/TextOrLinkV1.css */
body {
}
/* END: ~/Controls/CMS/Ajs/Article/TextOrLinkV1.css */
/* BEGIN: ~/Controls/CMS/Ajs/Image/ImageV1.css */
/* END: ~/Controls/CMS/Ajs/Image/ImageV1.css */
.menu-lvl-1 { position: relative; z-index: 9999; }
.art-top { width: 100%; height: 460px; background-size: cover; background-position: center; } .art-top-a { background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 50%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 50%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#4d000000',GradientType=0 ); color: white; font-size: 20px; height: 100%; width: 100%; padding: 25px; display: table; } .art-top-a > div { display: table-cell; vertical-align: bottom; } .art-top-a > div > h1, .art-top-a > div > .h1 { font-size: 48px; font-weight: 600; } .art-top-title { color: black; } .art-top-title-mobile { padding: 0 15px; } .art-top-title-mobile h1, .art-top-title-mobile .h1 { font-size: 23px; } .art-top-img { width: 100%; position: absolute; z-index: -1; } @media (max-width: 991px) { .art-top { height: 0; padding-bottom: 42%; } }
.lne-article-content{ line-height: 1.7; font-weight: 400; color: #4d4c4c; } .lne-article-content img { display: inline-block; max-width: 100%; height: auto; } .lne-article-content h1, .lne-article-content h2, .lne-article-content h3, .lne-article-content h4, .lne-article-content h5, .lne-article-content h6, .lne-article-content h7 { line-height: 1.7; } .lne-article-content b, .lne-article-content strong { font-weight: 500; color: #363636; } .lne-article-content-share { clear: both; padding-top: 40px; padding-bottom: 40px; } .lne-article-content-share .jssocials { display: inline-block; } .lne-article-content-share .jssocials-shares:before { content: "UDOSTĘPNIJ"; font-size: 14px; font-weight: 700; padding: 5px 20px 5px 0; vertical-align: bottom; } .lne-article-content-share .jssocials-share { font-size: 34px; padding: 0 18px; margin: 0; border-left: 1px solid #ebebeb; height: 25px; line-height: 1; display: inline-block; vertical-align: top; } .lne-article-content-share .jssocials-share.jssocials-share-facebook { font-size: 30px; } .lne-article-content-share .jssocials-share a { color: #4d4c4c !important; margin-top: -4px; } .lne-article-content-share .jssocials-share-label { display: none; } .subtitle { font-weight: 700; border-left: 1px solid #ebebeb; height: 25px; display: inline-block; padding-left: 20px; vertical-align: sub; } .subtitle:empty { display: none; } @media (max-width: 767px) { .lne-article-content-share { text-align: center; } .subtitle { border: none; padding: 0; margin-top: 30px; } } .lne-article-authors { } .ara-item { clear: both; padding: 15px 0; } .ara-item .ara-img { width: 133px; height: 133px; background-size: cover; background-position: center; border-radius: 500px; float: left; margin-right: 20px; } .ara-text { vertical-align: middle; height: 133px; display: table-cell; max-width: 400px; } .ara-item .ara-name { font-weight: 600; margin-bottom: 4px; } .ara-item .ara-description { } .sub-not-show { display: none; } .sub-not-hide { display: block } .demo-gradiant { background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); height: 200px; margin-top: -200px; z-index: 9; position: relative; } .demo-text { text-align: center; margin-bottom: 70px; } .demo-text-a { font-size: 28px; font-weight: 500; } .demo-text-b { font-size: 28px; font-weight: 700; } .demo-text-c { font-size: 28px; font-weight: 800; color: #e1325d; padding-left: 9px; } .demo-text-d { display: block; margin-top: 20px; font-size: 18px; font-weight: 500; margin-bottom: 18px; } .demo-text-e { display: block; font-weight: 600; } .demo-text a { color: white; background-color: #ce1443; font-size: 20px; padding: 10px 16px; border-radius: 6px; font-weight: 700; margin-top: 20px; display: inline-block; } .demo-text a:hover { text-decoration: none; } @media(max-width: 767px) { .demo-text-a, .demo-text-b, .demo-text-c { font-size: 20px; } } .demo-1 { display: block; } #articleFrame { border: 1px solid #ce1443; border-radius: 15px; padding: 15px; } #wyimek { border-left: 8px solid #e1e2e2; padding: 15px; font-size: large; font-style: italic; }
.add-content-r { margin-bottom: 41px; } .add-content-r ins { display:block; } .add-content ins a { display:block; } .add-content-r ins a img { width:100%; height:auto; }
.news-item { height: 250px; display: block; margin: 0; float: left; padding-top: 15px; padding-bottom: 15px; } .news-item:hover { color: #ddd; text-decoration: none; } .news-item-a { height: 100%; background-image: url(/FileManager/image/7219ccc01cfd4b2a977d8989dd3a2f1e/Layout/img-default.jpg); background-size: cover; background-position: center; } .news-item-b { background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 50%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 50%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#4d000000',GradientType=0 ); color: white; font-size: 24px; font-weight: 600; height: 100%; width: 100%; padding: 15px; display: table; position: relative; } .news-item-b > div { height: 58px; overflow: hidden; display: block; bottom: 15px; position: absolute; line-height: 1.2; } .news-item-c { position: absolute; padding: 10px; color: white; font-size: 12px; text-transform: uppercase; text-shadow: 0 0 2px black; } .other-art-list { } @media (min-width: 768px) { .other-art-list { margin: 0 -15px; } } @media (max-width: 991px) { .news-item { padding: 7px 0; } }
.add-content { padding: 10px 10px 0 } .add-content ins { display:block; } .add-content ins a { display:block; } .add-content ins a img { width:100%; height:auto; } @media (min-width: 992px) { .add-content { margin-right:-5px; } }
.fooger-art a { color: #4d4c4c; text-decoration: none; padding: 0 10px; } .footer-text { font-weight: 500; line-height: 1.3; } .footer-c { text-align: center; border-top: 1px solid #e0e1e1; padding-top: 45px; } @media (max-width: 767px) { .footer-text { font-size: 13px; } .footer-c { border: none; } .fooger-art a { padding: 0 5px; font-size: 11px; } } .pfr { max-width: 100%; } @media only screen and (orientation: landscape) { .pfr { max-width: 60%; } }