/*/ 				CM SoftLutions
/// 			Todos los derechos reservados.
///
///	LA REPRODUCCIÓN Y/O TRANSMISIÓN TOTAL Ó PARCIAL, 
///	POR CUALQUIER MEDIO ESTÁ  PROHIBIDA SIN EL PREVIO CONSENTIMIENTO DE  
///	CM SoftLutions.
///--------------------------------------------------------------------------
///--------------------------------------------------------------------------
/// NOMBRE ARCHIVO 	:	CMS_CombinedCSS.js
/// CREADO POR		:	(??) ??
/// FECHA CREACION	:	DD/MMM/YYYY
/// PATH SVN ORIGINAL:  Root/Sites/CMSFoodService/CMS_FoodService%20WebPlatform/WebPlatformV2/WebPlatformV2/CMS_CombinedCSS.css
///--------------------------------------------------------------------------
///HISTORIAL DE MODIFICACIONES
///--------------------------------------------------------------------------
/// AUTOR		:	(jlrodriguez) Johanna Lizeth Rodríguez Mosquera
/// FECHA		:	24/APR/2017
///------------------------------------
/// DESCRIPCION	:
///		0. I've adds comments.
///		1. If it requires modification, do it inside the original solution (see path SVN). When you change the original file, please replace the file where you need it.
///--------------------------------------------------------------------------
/// AUTOR		:	(jlrodriguez) Johanna Lizeth Rodríguez Mosquera
/// FECHA		:	26/APR/2017
///------------------------------------
/// DESCRIPCION	:
///		1. I've changed the .filedContainer style, added font-size:14px.
///		2. I have removed the above action. :D
///--------------------------------------------------------------------------
/// AUTOR		:	(AFARFAN) Andrés Farfán
/// FECHA		:	2021/07/14
///------------------------------------
/// DESCRIPCION	:
///	1. Se crea y usa la variable --vloki-yellow para actualizar el mismo color fácilmente.
///--------------------------------------------------------------------------
/// AUTOR		:	(NFCHOCUE) NESTOR FERNANDO CHOCUE
/// FECHA		:	2022/11/01
///------------------------------------
/// DESCRIPCION	:
///	1. Se actualiza el estilo de la clase .CMS_actionButton  en el que se define el ancho del boton y se quita el padding con el fin de que los botones se organicen.
///    1.1 adicional a las imagenes que con tiene este boton se les define un ancho y un alto para que no se desborde.
/// 2. Se crea la clase ".CMS_actionButton_grid" para los botones que van en la grid o utilizan un control  GridView, ya que estos botones son más pequeños
///--------------------------------------------------------------------------
/// AUTOR		:	(NFCHOCUE) NESTOR FERNANDO CHOCUE
/// FECHA		:	2023/01/11
///------------------------------------
/// DESCRIPCION	:
/// se adiciona el siguiente estilo  div[id$="_pnlFailedOnlineRecharge"] .CMS_actionButton
/// para centralizar boton de recarga en liena cuando una transacción es rechazada
///--------------------------------------------------------------------------
/// AUTOR		:	(NAGONZALEZ) Nelson Gonzalez
/// FECHA		:	2023/07/25
///------------------------------------
/// DESCRIPCION	:
/// se modifica el siguiente estilo .CMS_SubHeader en la propiedad width asignarle 100%, con esto se debería ampliar los títulos de una página
/// este cambio se realiza CMS_CombinedCSS.css, Eco_CMS_CombinedCSS.css, Yellow_CMS_CombinedCSS.css, Red_CMS_CombinedCSS.css, Blue_CMS_CombinedCSS.css
///--------------------------------------------------------------------------
/// AUTOR		:	(NFCHOCUE) NESTOR FERNANDO CHOCUE
/// FECHA		:	2023/09/21
///------------------------------------
/// DESCRIPCION	:
/// Caso soporte: 15B-2C9E23C0-0006
/// Se definen estilos para solucionar el inconveniente, se definieron los estilos para los siguientes selectores:
/// [id*="DivSearchProducts"] [id$="_Divvpad10"] 
/// [id*="DivSearchProducts"] .CMS_SearchEngine_bar [id*="ibtSearch"]
/// [id*="DivSearchAgreemet"] .CMS_SearchEngine_bar [id*="ibtSearch"]
///--------------------------------------------------------------------------
/// AUTOR		:	(JDSAAVEDRA) Juan Daniel Saavedra
/// FECHA		:	2024/01/25
///------------------------------------
/// DESCRIPCION	:
/// Se añade clase nav.fieldContainer para recuedro en el checkin, además se actualiza archivo en componente de CheckIn con respecto a SVN
///--------------------------------------------------------------------------
/// AUTOR		:	(JDSAAVEDRA) Juan Daniel Saavedra
/// FECHA		:	2024/01/31
///------------------------------------
/// DESCRIPCION	:
/// Se añade clase de modal para evitar error donde los popups siempre salian en la parte superior
///--------------------------------------------------------------------------*/

:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --black: #000000;
    --vloki-yellow: #FBD51F;
    --vloki-dark-gray: #333333;
    --vloki-light-gray: #6A6A6A;
}

.CMS_HPanel {
    background-color: #FFF;
    border: 1px solid #FFF;
    width: 1600px;
    margin: 10px 0;
    padding: 10px;
}

.CMS_Panel_S {
    font-size: 13px;
    color: #333;
    background-color: #EEE;
}

.CMS_Title_S {
    font-size: 17px;
    color: #333;
    padding-top: 3px;
}

.CMS_SubTitle_S {
    font-size: 16px;
    font-weight: 700;
    color: transparent;
    text-shadow: 1px 1px var(--vloki-dark-gray);
    padding: 5px;
    display: inline-block;
}

.CMS_Texto_S {
    font-size: 13px;
}

.CMS_TDBgColor {
    background-color: #d3d3d4;
}

.CMS_ErrorMessageLevel1_S {
    font-size: 11px;
    color: red;
}

.CMS_SuccessfulMessageLevel1_S {
    font-size: 11px;
    color: green;
}

.CMS_NoteLevel3_S {
    font-size: 13px;
    color: #3B91CE;
}

.CMS_NoteLevel2_S {
    font-size: 13px;
    color: #CCC;
}

.CMS_NoteLevel1_S {
    font-size: 11px;
    color: #CCC;
}

.CMS_LabelLevel3_S {
    font-size: 17px;
    color: #666;
}

.CMS_LabelLevel2_S {
    font-size: 13px;
    font-weight: 700;
    color: #666;
}

.CMS_LabelLevel1_S {
    font-size: 13px;
    color: #666;
}

.CMS_TextBoxLevel1_S {
    font-size: 13px;
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
    -border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    margin-left: 3px;
    padding: 2px;
}

.CMS_GridView_S {
    font-size: 13px;
    color: #666;
    background-color: #FFF;
}

    .CMS_GridView_S td {
        border: 1px solid #CCC;
        padding: 3px 5px;
    }

.CMS_GridViewHeaderStyle_S {
    font-size: 13px;
    font-weight: 700;
    color: #FFF;
    background: #DCDCDC;
    height: 20px;
}

.CMS_GridViewAlternatingRowStyle_S {
    font-size: 13px;
    color: #555;
    background-color: #FFF;
}

.CMS_GridViewPagerStyle_S {
    font-size: 13px;
    font-weight: 700;
    background: url(images/mat_hea.png) repeat-x scroll 0 80% #EEE;
    text-align: center;
    color: #999;
    border: 1px solid #333;
    margin: 1px;
}

.CMS_GridViewPagerStyle_S td {
    border: 1px solid #AAA;
    margin: 1px;
}

.CMS_GridViewPagerStyle_S td a {
    color: #333;
}

.CMS_LargerTexto_S {
    font-size: 13px;
    line-height: 13px;
}

.CMS_LabelInfo {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    overflow: auto;
    color: Navy;
}

.CMS_GridViewSelectedRowStyle_S {
    background-color: InactiveCaptionText;
}

.CMS_BlueBorderBox_White {
    border-right: #4682B4 1px solid;
    border-top: #4682B4 1px solid;
    border-left: #4682B4 1px solid;
    border-bottom: #4682B4 1px solid;
}

.CMS_BlueBorderBox_Blue {
    border-right: #4682B4 1px solid;
    border-top: #4682B4 1px solid;
    border-left: #4682B4 1px solid;
    border-bottom: #4682B4 1px solid;
    background-color: #eef1fa;
}

.CMS_BlockPanel_Inactive {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.CMS_BlockPanel_Active {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    z-index: 999;
    filter: alpha(opacity=60);
    -opacity: 0.60;
    padding-top: 20%;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #F8F8FF;
    width: 250px;
    border-color: Gray;
    border-style: solid;
    border-width: 3px;
    padding: 3px;
}

Body {
    margin-top: 0;
    background: var(--white);
    font-family: Arial,Verdana,Helvetica;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    padding-top: 65px;
}

.Footer {
    font-family: Helvetica,Tahoma,Arial;
    font-size: 9px;
    background-color: var(--white);
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.HeadBg {
    background-color: #E6EEF0;
}

.SiteTitle {
    font-size: 18px;
    color: #900;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contentPane {
    text-align: left;
    padding-left: 10px;
}

.TabBg {
    background-color: #FFF !important;
    border-color: #21A5A9;
}

.OtherTabsBg {
    font-size: 12px;
}

    .OtherTabsBg td {
        background-color: #6A6A6A;
        border-right: 1px solid #AAA; /*background-image:url(images/mat_hea.png);*/
    }

        .OtherTabsBg td:hover {
            background-color: #AAA;
        }

.tabs:hover {
    background-color: #EEE;
    color: #EEE;
}

.SelectedTab {
    background-color: var(--vloki-yellow) !important;
}

.OtherTabs {
    text-decoration: none;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #FFF;
}

a.OtherTabs:hover {
    text-decoration: underline;
    color: #FFF;
}

.level2 {
    border-bottom: none !important;
}

.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #069;
}

a.SiteLink:visited {
    text-decoration: none;
    color: #168B92;
}

.Accent {
    color: #069;
    font-weight: 700;
}

.Message {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 11px;
    background-color: #eee;
}

.ItemTitle {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #666;
}

.Head {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #222;
}

.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #444;
}

.Normal {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
}

.NormalRed {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #D00;
}

.NormalBold {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
}

a.CommandButton:hover {
    text-decoration: underline;
    color: #6495ED;
}

tfoot, thead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #168B92;
}

th {
    font-weight: 400;
    color: #000;
    border: 1px solid #CCC;
    font: 9pt Tahoma;
    padding: 4px 10px;
}

a:link {
    text-decoration: underline;
    color: #666;
}

a:visited {
    text-decoration: none;
    color: #666;
}

a:active {
    text-decoration: none;
    color: #6495ED;
}

a:hover {
    text-decoration: underline;
    color: #39F;
}

.blueLink {
    color: #168B92 !important;
    font-weight: 700;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
}

small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

big {
    font-size: 14px;
}

blockquote, pre {
    font-family: Lucida Console, monospace;
}

ol li {
    list-style-type: decimal;
}

ol ol li {
    list-style-type: lower-alpha;
}

ol ol ol li {
    list-style-type: lower-roman;
}

hr {
    color: #333;
    height: 1pt;
    text-align: left;
}

fieldset {
    background-color: #EFEFEF;
    color: #222;
    font-size: 20px;
    border: none;
    padding: 5px;
}

.loginButton {
    vertical-align: top;
    margin: 2px;
}

.login_overlay {
    display: none;
    z-index: 10000;
    -box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    border-top-left-radius: 15px;
    -border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
}

    .login_overlay .close {
        background-image: url(images/close.png);
        position: absolute;
        right: -15px;
        top: -15px;
        cursor: pointer;
        height: 35px;
        width: 35px;
        z-index: 1;
    }

.menuDiv {
    height: 27px;
    width: 999px;
    text-align: left;
    background-color: var(--vloki-yellow);
    margin: 1px 0 0;
}

.hidden {
    position: absolute;
    top: 0;
    left: -9999px;
    width: 1px;
    height: 1px;
}

.fg-button {
    clear: left;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
    padding: 3px 5px 5px;
}

    .fg-button .ui-icon {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 50%;
        margin-left: -8px;
    }

a.fg-button {
    float: left;
    color: #FFF;
}

button.fg-button {
    width: auto;
    overflow: visible;
}

.fg-button-icon-left {
    padding-left: 2.1em;
}

    .fg-button-icon-left .ui-icon {
        right: auto;
        left: .2em;
        margin-left: 0;
    }

.fg-button-icon-right .ui-icon {
    left: auto;
    right: 0;
    margin-left: 0;
}

.fg-button-icon-solo {
    display: block;
    width: 8px;
    text-indent: -9999px;
}

.fg-button:link {
    color: #fff;
}

.fg-button:hover {
    color: #FFF !important;
    text-shadow: 1px 1px #222;
}

.fg-menu-open {
    color: #FFF !important;
    text-shadow: 1px 1px #222 !important;
}

.fg-button.ui-state-loading .ui-icon {
    background: url(spinner_bar.gif) no-repeat 0 0;
}

.boxFront {
    border: 1px solid #EEE;
    width: 255px;
    height: 303px;
    background: url(images/mat_pro.png) repeat-x 0 0 #FFF;
    margin-left: 5px;
    float: left;
}

.titleBar {
    height: 25px;
    width: 100%;
    background: url(images/mat_pro.png) repeat-x 0 0 #B7CD47;
    color: #333;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    text-align: center;
    padding-top: 3px;
    font-weight: 700;
}

.centeredBox {
    border: 1px solid #CCC;
    width: 600px;
    background-color: #FFF;
    border-top-left-radius: 5px;
    -border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    padding-bottom: 10px;
    margin: 50px 160px;
}

.leftBigBox {
    border: 1px solid #CCC;
    width: 700px;
    background-color: #FFF;
    border-top-left-radius: 5px;
    -border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    padding-bottom: 10px;
    margin: 10px 0;
}

.leftMediumBox {
    border: 1px solid #CCC;
    width: 400px;
    background-color: #FFF;
    border-top-left-radius: 5px;
    -border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    padding-bottom: 10px;
    margin: 10px 0;
}

.leftSmallBox {
    border: 1px solid #CCC;
    width: 200px;
    background-color: #FFF;
    border-top-left-radius: 5px;
    -border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    padding-bottom: 10px;
    margin: 10px 0;
}

.boxTitle {
    margin-left: 0;
    width: auto;
    background: var(--vloki-yellow);
    border-bottom: 1px solid #DDD;
    padding: 2px 5px;
}

.TextIndicator {
    background-color: #DDD;
    color: #FFF;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 3px;
}

.TextIndicatorStrength1 {
    background-color: #DDD;
    color: red;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    padding: 4px;
}

.TextIndicatorStrength2 {
    background-color: #DDD;
    color: #FF0;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    padding: 4px;
}

.TextIndicatorStrength3 {
    background-color: #DDD;
    color: #66B3DF;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    padding: 4px;
}

.TextIndicatorStrength4 {
    background-color: #DDD;
    color: #01A189;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    padding: 4px;
}

.TextIndicatorStrength5 {
    background-color: #DDD;
    color: #7ABB1A;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    padding: 4px;
}

.ajax__html_editor_extender_container, .ajax__html_editor_extender_texteditor {
    background-color: #FFF;
}

.fg-menu-container {
    position: absolute;
    top: 25px;
    left: -999px;
    overflow: hidden;
    margin-top: 1px;
    padding: 1px;
    z-index: 2000;
}

    .fg-menu-container.fg-menu-flyout {
        overflow: visible;
    }

.fg-menu, .fg-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.fg-menu-flyout .fg-menu {
    position: static;
}

.fg-menu ul {
    position: absolute;
    top: 0;
}

    .fg-menu ul ul {
        top: -1px;
    }

.fg-menu-container.fg-menu-ipod .fg-menu-content, .fg-menu-container.fg-menu-ipod .fg-menu-content ul {
    background: none !important;
}

.fg-menu li {
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 1px solid #CCC;
    margin: 0;
    padding: 0;
}

    .fg-menu li li {
        font-size: 1em;
    }

.fg-menu-flyout ul ul {
    padding: 1px 0 1px 1px;
}

.fg-menu-breadcrumb {
    margin: 0;
    padding: 0;
}

.fg-menu-footer {
    margin-top: .4em;
    padding: .4em;
}

.fg-menu-header {
    margin-bottom: .4em;
    padding: .4em;
}

.fg-menu-breadcrumb li {
    float: left;
    list-style: none;
    font-size: .9em;
    opacity: .7;
    margin: 0;
    padding: 0 .2em;
}

    .fg-menu-breadcrumb li.fg-menu-prev-list, .fg-menu-breadcrumb li.fg-menu-current-crumb {
        clear: left;
        float: none;
        opacity: 1;
    }

    .fg-menu-breadcrumb li.fg-menu-current-crumb {
        padding-top: .2em;
    }

.fg-menu-footer a:link, .fg-menu-footer a:visited {
    float: left;
    width: 100%;
    text-decoration: none;
}

.fg-menu-footer a span {
    float: left;
    cursor: pointer;
}

.fg-menu-breadcrumb .fg-menu-prev-list a:link, .fg-menu-breadcrumb .fg-menu-prev-list a:visited, .fg-menu-breadcrumb .fg-menu-prev-list a:hover, .fg-menu-breadcrumb .fg-menu-prev-list a:active {
    background-image: none;
    text-decoration: none;
}

.fg-menu-breadcrumb .fg-menu-prev-list a {
    float: left;
    padding-right: .4em;
}

.fg-menu-breadcrumb .fg-menu-current-crumb a:link, .fg-menu-breadcrumb .fg-menu-current-crumb a:visited, .fg-menu-breadcrumb .fg-menu-current-crumb a:hover, .fg-menu-breadcrumb .fg-menu-current-crumb a:active {
    display: block;
    background-image: none;
    font-size: 1.3em;
    text-decoration: none;
}

.fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active {
    float: left;
    width: 92%;
    text-decoration: none;
    outline: 0 !important;
    color: #444;
    font-size: 13px;
    padding: .3em 3%;
}

.fg-menu a {
    border: 1px dashed transparent;
}

    .fg-menu a.ui-state-default:link, .fg-menu a.ui-state-default:visited, .fg-menu a.ui-state-default:hover, .fg-menu a.ui-state-default:active, .fg-menu a.ui-state-hover:link, .fg-menu a.ui-state-hover:visited, .fg-menu a.ui-state-hover:hover, .fg-menu a.ui-state-hover:active, .fg-menu a.ui-state-active:link, .fg-menu a.ui-state-active:visited, .fg-menu a.ui-state-active:hover, .fg-menu a.ui-state-active:active {
        font-weight: 400;
        border-style: solid;
    }

    .fg-menu a span {
        display: block;
        cursor: pointer;
    }

.fg-menu-content.ui-widget-content, .fg-menu-content ul.ui-widget-content {
    border: 0;
}

.fg-menu.fg-menu-has-icons a:link, .fg-menu.fg-menu-has-icons a:visited, .fg-menu.fg-menu-has-icons a:hover, .fg-menu.fg-menu-has-icons a:active {
    padding-left: 20px;
}

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span {
    margin: 5px .6em;
    padding: 0;
}

.fg-menu .horizontal-divider hr {
    border: 0;
    height: 1px;
}

.fg-menu .horizontal-divider span {
    font-size: .9em;
    text-transform: uppercase;
    padding-left: .2em;
}

.pad5 {
    padding: 5px;
}

.rpad10 {
    padding-right: 10px;
}

.lpad10 {
    padding-left: 10px;
}

.vpad10 {
    padding: 10px 0;
}

.hpad10 {
    padding: 0 10px;
}

.tpad10 {
    padding-top: 10px;
}

.tpad5 {
    padding-top: 5px;
}

.tpad3 {
    padding-top: 3px;
}

.bpad10 {
    padding-bottom: 10px;
}

.clear {
    clear: both;
}

.pad20 {
    padding-top: 20px;
}

.centerElement {
    text-align: center;
}

.centerVerticalElement {
    vertical-align: super;
}

.leftTopCorner {
    border-top-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
}

.rightTopCorner {
    border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
}

.CMS_SubHeader {
    width: 100%;
    background: url(images/mat_pro.png) repeat-x 0 0 #DDD;
    border-bottom: 1px solid #CCC;
    margin: -2px 0 0 0;
}

.progress {
    margin: 80px 0 315px 400px;
}

.preLoad {
    opacity: 0.4;
    filter: alpha(opacity=40);
    width: 100%;
    height: 100%;
}

.topVerticalAlign {
    vertical-align: top;
}

.buttonOveride {
    width: 40px !important;
    border: none !important;
    float: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

#purr-container {
    position: fixed;
    top: 30%;
    right: 42%;
}

.notice {
    position: relative;
    width: 324px;
}

    .notice .close {
        position: absolute;
        top: 12px;
        right: 12px;
        display: block;
        width: 18px;
        height: 17px;
        text-indent: -9999px;
        background: url(images/purrClose.png) no-repeat 0 10px;
    }

.notice-body {
    min-height: 50px;
    background: url(images/purrTop.png) no-repeat left top;
    color: #f9f9f9;
    padding: 22px 24px 0 19px;
}

    .notice-body img {
        width: 50px;
        float: left;
        margin: 0 10px 0 0;
    }

    .notice-body h3 {
        font-size: 1.1em;
        margin: 0;
    }

    .notice-body p {
        font-size: .8em;
        line-height: 1.4em;
        margin: 5px 0 0 60px;
    }

.notice-bottom {
    height: 22px;
    background: url(images/purrBottom.png) no-repeat left top;
}

.CMSTab .ajax__tab_header {
    color: #444;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #FFF;
    margin-left: 3px;
    margin-bottom: 5px;
}

.CMSTab .ajax__tab_outer {
    background-color: #FFF;
    background-image: url(images/tab_bg.png);
}

.CMSTab .ajax__tab_inner {
    background-color: #DDE7EE;
    border-left: 1px solid #DDD;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    text-align: center;
    min-width: 90px;
    margin: 0;
    padding: 6px;
}

.CMSTab .ajax__tab_hover .ajax__tab_outer {
    background-color: #FEFEFE;
}

.CMSTab .ajax__tab_hover .ajax__tab_inner {
    background-color: #f8f8f8;
    cursor: pointer;
}

.CMSTab .ajax__tab_active .ajax__tab_outer {
    background-color: #FFF;
    cursor: default;
}

.CMSTab .ajax__tab_active .ajax__tab_inner {
    background-color: #FFF;
    border-top: 1px solid #DDD;
}

.fieldContainer {
    clear: both;
    background-color: var(--white);
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px #ccc;
    box-shadow: 0 0 1x #ccc;
    color: #666;
    margin: 5px 0;
    padding: 10px;
}

nav.fieldContainer {
    clear: both;
    background-color: var(--white);
    border: 1px solid #808080bb;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px #ccc;
    box-shadow: 0 0 1x #ccc;
    color: #666;
    margin: 5px 0;
    padding: 10px;
    display: inline-block;
}

input[type=image] {
    background: url(images/mat_hea_men.png) 0 0 repeat-x transparent;
    border: 1px solid #DDD;
}

    input[type=image]:hover {
        background-color: #DDD;
    }

.CMS_GridView_S input[type=image] {
    background: url(images/mat_hea_men.png) 0 0 repeat-x transparent;
    border: none;
}

    .CMS_GridView_S input[type=image]:hover {
        background-color: transparent;
    }

.dxpcHeader {
    background: var(--vloki-yellow) !important;
}

.Invisible {
    display: none;
}

.dxpcHeader td.dxpc {
    font-size: 16px;
    font-weight: 700;
    font-family: Verdana;
    color: #FFF;
    text-shadow: 1px 1px #AAA;
    padding: 5px;
}

.CMS_actionButton {
    width: 36px !important;
    background: #f8f8f8;
    border: 1px solid #CCC;
    color: #666;
    text-align: left;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 0px !important;
    margin-right: 3px !important;
    display: inline-block;
}

div[id$="_pnlFailedOnlineRecharge"] .CMS_actionButton {
    margin-left: 45% !important;
}

.CMS_actionButton input[type=image] {
    width: 33px !important;
    height: 33px !important;
}

.CMS_actionButton:hover {
    background: url(images/mat_hea.png) 0 0 repeat-x #DDD;
    border: 1px solid #AAA;
    color: #333;
}

.CMS_actionButton_grid {
    width: 25px !important;
    background: #f8f8f8;
    border: 1px solid #CCC;
    color: #666;
    text-align: left;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 0px !important;
    margin-right: 1px !important;
    display: inline-block;
}

    .CMS_actionButton_grid input[type=image] {
        width: 22px !important;
        height: 22px !important;
    }

    .CMS_actionButton_grid:hover {
        background: url(images/mat_hea.png) 0 0 repeat-x #DDD;
        border: 1px solid #AAA;
        color: #333;
    }

.CMS_Link {
    color: #6495ED !important;
    text-decoration: underline !important;
}

.CMS_DottedBottomBorder {
    border-bottom: 1px dotted #EEE;
}

.CMS_Panel_S table, .pad10 {
    padding: 10px;
}

.CMS_ErrorMessageLevel3_S, .CMS_ErrorMessageLevel2_S {
    font-size: 13px;
    color: red;
}

.CMS_TextBoxLevel3_S, .CMS_ButtonLevel3_S, .CMS_DropDownListLevel3_S, .CMS_ListBoxLevel3_S, .CMS_CheckBoxLevel3_S, .CMS_CheckBoxListLevel3_S, .CMS_RadioButtonLevel3_S, .CMS_RadioButtonListLevel3_S {
    font-size: 17px;
    color: #333;
}

.CMS_TextBoxLevel2_S, .CMS_ButtonLevel2_S, .CMS_DropDownListLevel2_S, .CMS_ListBoxLevel2_S, .CMS_CheckBoxLevel2_S, .CMS_CheckBoxListLevel2_S, .CMS_RadioButtonLevel2_S, .CMS_RadioButtonListLevel2_S, .CMS_LargerSubTitle_S, .CMS_LargerLabelLevel2_S, .CMS_LargerTextBoxLevel2_S, .CMS_LargerButtonLevel2_S, .CMS_LargerDropDownListLevel2_S, .CMS_LargerListBoxLevel2_S, .CMS_LargerCheckBoxLevel2_S, .CMS_LargerCheckBoxListLevel2_S, .CMS_LargerRadioButtonLevel2_S, .CMS_LargerRadioButtonListLevel2_S {
    font-size: 13px;
    font-weight: 700;
    color: #333;
}

.CMS_ButtonLevel1_S, .CMS_DropDownListLevel1_S, .CMS_ListBoxLevel1_S, .CMS_CheckBoxLevel1_S, .CMS_CheckBoxListLevel1_S, .CMS_RadioButtonLevel1_S, .CMS_RadioButtonListLevel1_S, .CMS_LargerLabelLevel1_S, .CMS_LargerTextBoxLevel1_S, .CMS_LargerButtonLevel1_S, .CMS_LargerDropDownListLevel1_S, .CMS_LargerListBoxLevel1_S, .CMS_LargerCheckBoxLevel1_S, .CMS_LargerCheckBoxListLevel1_S, .CMS_LargerRadioButtonLevel1_S, .CMS_LargerRadioButtonListLevel1_S {
    font-size: 13px;
    color: #333;
}

.CMS_LinkButtonLevel3_S, .CMS_HyperLinkLevel3_S {
    font-size: 17px;
    color: #3B91CE;
    text-decoration: none;
}

.CMS_LinkButtonLevel2_S, .CMS_HyperLinkLevel2_S, .CMS_LargerLinkButtonLevel2_S, .CMS_LargerHyperLinkLevel2_S {
    font-size: 13px;
    font-weight: 700;
    color: #3B91CE;
    text-decoration: none;
}

.CMS_LinkButtonLevel1_S, .CMS_HyperLinkLevel1_S, .CMS_LargerLinkButtonLevel1_S, .CMS_LargerHyperLinkLevel1_S {
    font-size: 13px;
    color: #3B91CE;
    text-decoration: none;
}

.CMS_GridView_S td div input, a img {
    border: none;
}

.CMS_LargerTitle_S, .CMS_LargerLabelLevel3_S, .CMS_LargerTextBoxLevel3_S, .CMS_LargerButtonLevel3_S, .CMS_LargerDropDownListLevel3_S, .CMS_LargerListBoxLevel3_S, .CMS_LargerCheckBoxLevel3_S, .CMS_LargerCheckBoxListLevel3_S, .CMS_LargerRadioButtonLevel3_S, .CMS_LargerRadioButtonListLevel3_S {
    font-size: 20px;
    color: #333;
}

.CMS_LargerLinkButtonLevel3_S, .CMS_LargerHyperLinkLevel3_S {
    font-size: 20px;
    color: #3B91CE;
    text-decoration: none;
}

a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active {
    text-decoration: none;
    color: #FFF;
}

a.SiteLink:link, a.SiteLink:active {
    text-decoration: none;
    color: #069;
}

a.SiteLink:hover, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
    text-decoration: underline;
    color: #168B92;
}

.SubHead, h5, dt, h6 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #168B92;
}

.NormalTextBox, .CommandButton {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

h1, h2 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #664;
}

h3, h4 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #168B92;
}

.fg-menu, .fg-menu-flyout li {
    position: relative;
}

    .fg-menu.fg-menu-scroll, .fg-menu ul.fg-menu-scroll, .fg-menu-scroll {
        overflow: scroll;
        overflow-x: hidden;
    }

.fg-menu-breadcrumb a, .fg-menu-breadcrumb span, .fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon, .fg-menu-indicator span, .left {
    float: left;
}


    .fg-menu-indicator span.ui-icon, .right {
        float: right;
    }

.CMS_actionButton input {
    border: none !important;
}

.cms_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1010;
    background-color: rgba(0,0,0,.5)
}

.cms_modal_wide {
    position: fixed;
    background-color: #edeff4;
    top: 25%;
    left: 50%;
    margin-top: -100px;
    margin-left: -36vw;
    width: 70vw;
    min-height: 200px;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    background-clip: padding-box;
    z-index: 1011;
    overflow: hidden;
    padding: 10px
}

.cms_modal_closeBtn {
    font-family: "Open Sans",sans-serif;
    margin: 0;
    float: right;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    font-size: 20px;
    font-weight: 700;
    color: #717274;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    text-transform: none
}

.cms_img_button {
    display: inline;
    border: 1px solid #D8D8D8 !important;
    border-radius: 1px;
    outline: 0;
    padding: 8px
}

    .cms_img_button:hover {
        cursor: pointer;
        text-decoration: none;
        background-color: #DDD
    }

/*20200724 -Para evita recuadro negro en los campos de texto en Chrome*/
textarea:focus, input:focus {
    outline: none;
}

/**Se cambia coloer de texto para el area de inicio de sesión*/
.navbar a:link {
    text-decoration: underline;
    color: #fff;
}

.navbar .Accent {
    color: #fff !important;
    font-weight: 700;
}

.navbar a:hover {
    color: #edb621;
    text-decoration: underline;
}

.navbarWelcomeMsg {
    color: #fff;
}

/*para inventarios se controla que el botón sea más pequeño*/
[id*="DivSearchProducts"] .CMS_SearchEngine_bar [id*="ibtSearch"] {
    padding: 1px;
}
/*Botones tapan otros controles*/
[id*="DivSearchProducts"] [id$="_Divvpad10"] {
    width: 100% !important;
}

/*para Anexo tarifario contratos se controla que el botón sea más pequeño*/
[id*="DivSearchAgreemet"] .CMS_SearchEngine_bar [id*="ibtSearch"] {
    padding: 1px;
}

[id*="DivSearchAgreemet"] [id$="_Divvpad10"] {
    width: 100% !important;
}

.notification-icon {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.notification-badge {
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 1px 2px;
    font-size: 12px;
    margin-right: 10px;
    margin-left: 10px;
}

.dxpcHeader div.dxpc, span.dxpc {
    font-size: 16px;
    font-weight: 700;
    font-family: Verdana;
    color: #FFF;
    text-shadow: 1px 1px #AAA;
    padding: 5px;
}

#Banner1_divNotifications .btn:hover {
    text-decoration: none;
    background-color: #6a6a6a;
}

#Banner1_divNotifications i.bi.bi-bell {
    font-size: larger;
    color: white;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

button.btn.notifyalert:hover {
    background-color: #6a6a6a;
}

.CMS_ModalCenter {
    position: fixed;
    bottom: 0;
    z-index: 10000001;
}


/*Si es internet explorer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .CMS_ModalCenter {
        position: absolute;
        bottom: 0;
        z-index: 10000001;
    }
}