/*Chrome*/
*:focus {
    outline: 0;
}

/* center menu viewer */
.dxrd-preview.dxrd-designer-wrapper .dxrdp-toolbar-scrollable.dxrd-toolbar-wrapper .dxrd-toolbar {
    margin: auto;
    display: table;
}

/* Required to have full-screen RadSplitter */
html, body, form {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font: normal 12px/1.5em "Segoe UI", Arial, sans-serif;
}

.fixIE7 .startControl {
    height: 0px;
    margin-top: 2%;
}

.startControl {
    height: 25px;
}

.formcontents {
    line-height: 25px;
    zoom: 1;
}

    .formcontents a {
        text-decoration: none;
        color: black;
    }

.header {
    background-image: url('/Styles/Images/Logo/header_white.png');
    height: 40px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: repeat-x;
}

.logo {
    width: 240px;
    height: 40px;
    border: 0;
}

.header-buttons {
    position: absolute;
    top: 8px;
    right: 20px;
}

.report-special-features {
    padding-left: 30px;
}

.report-special-features2 {
    padding-left: 35px;
}

/*telerik*/

.RadToolBar_Windows7_Horizontal .rtbOuter {
    background-image: none !important;
}

.RadToolBar .rtbWrap, .RadToolBar .rtbOut, .RadToolBar .rtbMid, .RadToolBar .rtbIn {
    background-repeat: repeat !important;
}

.RadGrid {
    border-style: none !important;
}

    .RadGrid.RadGrid_Windows7.CustomRadGridMiniList {
        border-style: solid !important;
    }

.RadGrid_Windows7 .rgRow {
    background-color: #F7F7F7 !important;
}

    .RadGrid_Windows7 .rgRow > td {
        border-color: #F7F7F7 !important;
    }

.RadGrid_Windows7 .rgAltRow {
    background-color: #FFFFFF !important;
}

    .RadGrid_Windows7 .rgAltRow > td {
        border-color: #FFFFFF !important;
    }

.RadGrid_Windows7 .rgMasterTable .rgSelectedCell, .RadGrid_Windows7 .rgSelectedRow {
    background: #d7e8fe 0 -3900px repeat-x !important;
}

.RadGrid_Windows7 .rgMasterTable .rgSelectedCell, .RadGrid_Windows7 .rgHoveredRow {
    background: #e7eef6 0 -3900px repeat-x !important;
}

/* En hover/active, Telerik sustituye border 1px + padding 7px por border 0 + padding 8px.
   Con DPR != 1 (zoom de Windows) el border de 1px se renderiza en sub-pixel (~0.835 px),
   y la compensacion queda corta: el contenido pierde ~0.33 px y los textos que cabian
   justo pasan a dos lineas. Mantenemos el border a 1px transparente y el padding a 7px. */
.RadGrid_Windows7 .rgHoveredRow > td,
.RadGrid_Windows7 .rgActiveRow > td {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.RadGrid_Windows7 .rgHoveredRow > td:first-child,
.RadGrid_Windows7 .rgActiveRow > td:first-child {
    border-left-width: 0 !important;
    padding-left: 8px !important;
}

html .rspPaneHorizontal .rspFirstItem {
    border-bottom-style: none !important;
}

html .RadToolBar .rtbOuter {
    border-top-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
}

.RadToolBar_Windows7 .rtbOuter {
    box-shadow: none !important;
}

html .RadPanelBar .rpLevel1 .rpFirst {
    padding-top: 0px;
}

html .RadPanelBar .rpRootGroup {
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
}

html .RadPanelBar .rpGroup a.rpLink,
html .RadPanelBar .rpGroup a.rpLink .rpOut {
    background-image: none;
}

    html .RadPanelBar .rpGroup a.rpLink:hover,
    html .RadPanelBar .rpGroup a.rpLink:hover .rpOut {
        background-color: #D8E9FC;
    }

    html .RadPanelBar .rpGroup a.rpLink.rpFocused,
    html .RadPanelBar .rpGroup a.rpLink.rpFocused .rpOut {
        background-color: #D8E9FC;
    }

    html .RadPanelBar .rpGroup a.rpLink.rpSelected,
    html .RadPanelBar .rpGroup a.rpLink.rpSelected .rpOut {
        background-color: #C5DEFC;
    }

.RadToolBar .RadComboBox, .RadMenu .RadComboBox, .RadMenu .skinLabel, a.RadButton {
    vertical-align: middle;
}

div.RadToolBar {
    width: 100%;
}

.RadWindow_Windows7 a.rwIcon {
    background-image: none !important;
}

.no-wrap-cell {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}

/*fix ie7 grid*/
.RadAjaxPanel {
    zoom: 1;
}
/*fix ie7 panel*/
.fixIE7 {
    position: relative;
}

.RadButton.selectButton, .RadButton.nextButton .rbDecorated, .RadButton.middleButton .rbDecorated, .RadButton.endButton .rbDecorated, .RadButton.nextButtonNoMargin .rbDecorated {
    font-weight: bold;
    vertical-align: middle;
}

.rbPrimaryIcon {
    margin-left: 7px;
    margin-top: 1px;
}

.RadPanelBar .rpItem {
    float: none;
    display: block;
    overflow: hidden;
    position: static;
    min-height: 25px !important;
}

a.rpLink, a.rpLink.rpExpandable, a.rpLink:hover, a.rpLink.rpFocused, a.rpLink.rpSelected, a.rpLink.rpExpanded {
    min-height: 25px !important;
}

.RadWindow .rwTopResize {
    font-size: 1px;
    height: 3px !important;
    width: 100%;
    height: 3px !important;
    background-position: 0 -31px;
    background-repeat: repeat-x;
}

.RadWindow .rwFooterCenter {
    background-color: #f1f5fb !important;
    background-image: linear-gradient(
        to bottom,
        #f1f5fb 0%,
        #f1f5fb 12.5%,
        #a5b3c5 12.5%,
        #a5b3c5 25%,
        #f1f5fb 25%,
        #f1f5fb 87.5%,
        #a5b3c5 87.5%,
        #a5b3c5 100%
    ) !important;
    background-size: auto !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
}

/* textfields */

.obligatoryField {
    font-weight: bold;
    color: black;
}

.highlightFieldOrange {
    color: #D88F08;
}

.highlightFieldGreen {
    color: #25a816;
}

.wizardTitle, table.twocol .wizardTitle a {
    font-weight: bold;
    text-decoration: underline;
    line-height: 55px;
    color: #0958BB;
}

.wizardTitleNarrow, table.twocol .wizardTitleNarrow a {
    font-weight: bold;
    text-decoration: underline;
    line-height: 35px;
    color: #0958BB;
}

/* table two col */
table.twocol {
    width: 100%;
    table-layout: fixed;
}

    table.twocol a {
        text-decoration: none;
        color: black;
    }

.twocolleftmargin {
    width: 1%;
    padding: 0px;
    margin: 0px;
}

.twocolrightmargin {
    width: 1%;
    padding: 0px;
}

.twocolrightmarginnobuttons {
    width: 13%;
    padding: 0px;
}

.twocollabel {
    width: 16%;
    text-align: right;
    padding: 0px;
}

.twocolseparator {
    width: 1%;
    padding: 0px;
}

.twocolmiddleseparator {
    width: 2%;
    padding: 0px;
}

.twocolquartercontent {
    width: 11%;
    padding: 0px;
}

.twocolhalfcontentnobuttons {
    width: 25%;
    padding: 0px;
}

.twocolbuttons {
    width: 18%;
}

table.twocol .RadInput, table.twocol .RadComboBox, table.twocol .RadPicker {
    width: 100% !important;
}

/*table twocolnowizard*/
table.twocolnowizard {
    width: 710px;
    table-layout: fixed;
}

td.twocolnowizardlabel {
    width: 120px;
    text-align: right;
    padding-bottom: 15px;
}

td.twocolnowizardcontent {
    width: 455px;
    padding-left: 10px;
    padding-bottom: 5px;
}

table.twocolnowizard .RadInput, table.twocolnowizard .RadComboBox, table.twocolnowizard .RadPicker {
    width: 100% !important;
}

/*table three col*/
table.threecol {
    width: 100%;
    table-layout: fixed;
}

    table.threecol a {
        text-decoration: none;
        color: black;
    }

.threecolleftmargin {
    width: 1%;
    padding: 0px;
    margin: 0px;
}

.threecolrightmargin {
    width: 1%;
    padding: 0px;
}

.threecolrightmarginnobuttons {
    width: 13%;
    padding: 0px;
}

.threecolleftlabel {
    width: 16%;
    text-align: right;
    padding: 0px;
}

.threecolotherlabel {
    width: 11%;
    text-align: right;
    padding: 0px;
}

.threecolseparator {
    width: 1%;
    padding: 0px;
}

.threecolmiddleseparator {
    width: 1%;
    padding: 0px;
}

.threecolthirdcontent {
    width: 12%;
    padding: 0px;
}

.threecolbuttons {
    width: 18%;
}

table.threecol .RadInput, table.threecol .RadComboBox, table.threecol .RadPicker {
    width: 100% !important;
}


/*table two col two buttons*/
table.twocoltwobuttons {
    width: 100%;
    table-layout: fixed;
}

    table.twocoltwobuttons a {
        text-decoration: none;
        color: black;
    }

.twocoltwobuttonsleftmargin {
    width: 1%;
    padding: 0px;
    margin: 0px;
}

.twocoltwobuttonsrightmargin {
    width: 8%;
    padding: 0px;
}

.twocoltwobuttonsleftlabel {
    width: 13%;
    text-align: right;
    padding: 0px;
}

.twocoltwobuttonsrightlabel {
    width: 13%;
    text-align: right;
    padding: 0px;
}

.twocoltwobuttonsquartercontent {
    width: 7%;
    padding: 0px;
}

.twocoltwobuttonsseparator {
    width: 1%;
    padding: 0px;
}

.twocoltwobuttonsmiddleseparator {
    width: 1%;
    padding: 0px;
}

.twocoltwobuttonsleftbuttons {
    width: 128px;
}

.twocoltwobuttonsrightbuttons {
    width: 128px;
}

table.twocoltwobuttons .RadInput, table.twocoltwobuttons .RadComboBox, table.twocoltwobuttons .RadPicker {
    width: 100% !important;
}


/* grids */
.CustomRadGridMiniList {
    margin: 0 auto;
}

/* buttons */
.nextButton {
}

.nextButtonNoMargin {
}

.middleButton {
}

.middleButtonNoBold {
}

.endButton {
}

.RadButton_Windows7.rbSkinnedButton {
    padding-left: 2px !important;
}

/* RadWindow: spinner translúcido mientras el iframe está cargando. Se mantiene el fondo original de Telerik y solo se atenúa el GIF del spinner (movido a un pseudo-element para poder aplicarle opacidad de forma aislada). */
.RadWindow .rwWindowContent.rwLoading {
    background-image: none !important;
    position: relative !important;
}

.RadWindow .rwWindowContent.rwLoading::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('https://d35islomi5rx1v.cloudfront.net/ajaxz/2025.1.416/Windows7/Common/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.50;
    pointer-events: none;
}

    .RadButton_Windows7.rbSkinnedButton.nextButton {
        color: #0958BB;
    }

.RadButton_Windows7.nextButton .rbDecorated {
    color: #0958BB;
    min-width: 100px;
}

.RadButton_Windows7.rbSkinnedButton.nextButtonNoMargin {
    color: #0958BB;
}

.RadButton_Windows7.nextButtonNoMargin .rbDecorated {
    color: #0958BB;
    min-width: 100px;
}

.RadButton_Windows7.rbSkinnedButton.endButton {
    color: #0958BB;
}

.RadButton_Windows7.endButton .rbDecorated {
    color: #0958BB;
    min-width: 100px;
}

.RadButton_Windows7.middleButton .rbDecorated {
    min-width: 100px;
}

.selectButton {
}

/* hide */
.psHideElement {
    display: none;
}

/* left */
.psAlignLeft {
    text-align: left;
}

/*devexpress */
.dxmMenuItem {
    width: 30px;
}

.dxeEditArea.dxeEditAreaSys.rfdDecorated {
    width: 50px !important;
}

#loginSlogan {
    font-size: 12px;
}

.dx-designer-viewport .dxd-back-contrast {
    background-color: #e6e6e6;
}

    .dx-designer-viewport .dxd-state-active .dxd-icon-fill, .dx-designer-viewport .dxd-back-contrast .dxd-back-highlighted:hover .dxd-icon-fill {
        fill: #4b4b4b;
    }

    .dx-designer-viewport .dxd-back-contrast .dxd-back-highlighted.dxd-state-active, .dx-designer-viewport .dxd-back-contrast .dxd-back-highlighted.dxd-state-active:hover, .dx-designer-viewport .dxd-back-contrast .dxd-back-highlighted:hover {
        background-color: white;
    }

/*controls*/
input[type="checkbox"] {
    vertical-align: middle;
}

/*h1*/
h1, h2 {
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

/* Tapa la franja blanca que queda entre el bottom del grid y el bottom del
   wrapper del splitter en las pantallas tipo CustomRadGridList. El hueco lo
   producen los splitters anidados (RadSplitterList dentro de
   RadSplitterContent dentro de MasterRadSplitter) cuando sus paneles
   internos no suman exactamente la altura del splitter — por defecto el
   reparto deja 1 px transparente al fondo del wrapper a zoom 100%, justo
   debajo del pager, que se ve blanco contra el fondo del body. A zoom mas
   alto el hueco puede crecer a 2-3 px (acumulacion de redondeos en cada
   splitter anidado).

   Pintamos dos cosas del azul del pager Telerik Windows7 (#f1f5fb):
   1. El grid (`.RadAjaxPanel > .RadGrid`): el grid tiene bg blanco por
      defecto del skin, y al pintarlo azul se ve azul cualquier transparencia
      dentro del grid que NO este cubierta por un elemento opaco — incluido
      el pixel inferior del propio area del grid (zoom 100% normalmente lo
      cubre el pager, pero en algun zoom queda un sub-pixel del grid al
      fondo).
   2. El wrapper del splitter (`[id$="_RadSplitterList"]`): cubre el pixel
      inmediato debajo del grid (entre grid bottom y splitterList bottom),
      que es el hueco principal a zoom 100%.

   El area interna visible del grid (la zona scrollable de filas) se pinta
   explicitamente blanca via `.rgDataDiv` para que las filas vacias no
   muestren el azul de fondo, que es el efecto colateral indeseado que tenia
   la version original de la regla.

   Limitacion conocida: a zoom muy alto (>= 200%) el reparto interno del
   splitter puede dejar otro pixel transparente entre el splitterList y el
   contentPane (mas externos). No se pinta el contentPane porque rompe
   formularios (filtra azul a las zonas vacias del form), asi que a zoom
   200% puede quedar 1 sub-pixel CSS visible. Es un compromiso aceptable
   frente a no romper otras pantallas. */
.RadAjaxPanel > .RadGrid,
[id$="_RadSplitterList"] {
    background-color: #f1f5fb;
}
.RadAjaxPanel > .RadGrid .rgDataDiv {
    background-color: #fff;
}