@import url("../claro/claro.css");


.accordionmmenucount {
    color: #CC9F53;
}


.claro .dijitCalendar {
    background-color: white;
    background-image: unset !important;
}

    .claro .dijitCalendarHover, .claro .dijitCalendarActive, .claro .dijitCalendar:hover {
        background-color: white;
    }

.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel {
    background-color: #cb9931;
}

.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .claro .dijitCalendarNextMonth .dijitCalendarDateLabel {
    background-color: #ffffff;
}

.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .claro .dijitCalendarNextMonth .dijitCalendarDateLabel {
    color: #cc9a32;
    border-color: #cb9931;
}

.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel {
    background-color: #cb9931;
    color: white;
}

.claro .dijitCalendarHoverDate .dijitCalendarDateLabel {
    background-color: #cb9931;
    color: white;
}

.claro button {
}

.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro

.dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    background-color: #cb9931;
    color: white !important;
    border: 1px solid #B57406;
    padding: 2px 4px 4px 4px;
    -moz-border-radius: 4px;
    border-radius: 6px;
    /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); */
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); */
    /* background-color: #bcd8f4; */
    _background-image: none;
}


.dijitToggleButton .dijitCheckBoxIcon {
    background-color: #cb9931;
}

.claro .dijitAccordionInnerContainerSelected {
    background-color: #cb9931;
}

.claro .dijitAccordionInnerContainerActive {
    background-color: #cb9931;
}

.claro .dijitAccordionInnerContainerHover, .claro

.dijitAccordionInnerContainerSelectedActive {
    background-color: #cb9931;
}

.claro .dijitTabActive {
    background-color: #cb9931;
}

.claro

.dijitTabHover {
    background-color: #cb9931;
}

.claro .dijitTabChecked {
    background-color: #cb9931;
}

.claro .dijitTitlePaneTitleActive {
    background-color: #cb9931;
}

.claro .dijitTitlePaneTitleHover {
    background-color: #cb9931;
}

.claro .dijitSelectMenu .dijitMenuItemHover td, 
.claro .dijitSelectMenu .dijitMenuItemSelected td, .claro .dijitMenuItemHover, .claro .dijitMenuItemSelected {
    border: none;
    background-color: #cb9931;
}

.claro .dijitMenu .dijitMenuItemSelected td .accordionmmenucount {
    color: white;
}

.claro .dijitMenu .dijitMenuItemHover td .accordionmmenucount {
    color: white;
}


.claro .dijitDialogTitleBar {
    background-color: #cb9931;
}

.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .claro .dijitToolbar

.dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
    background-color: #cb9931;
}

.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar
.dijitToggleButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode {
    background-color: #cb9931;
}

.claro .dijitCalendarActiveDate .dijitCalendarDateLabel, .claro .dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
    background-color: #cb9931;
    border: solid 1px #ffffff;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    color: white;
}

.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .dijitCalendarLite .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
    background-color: #cb9931;
    border: solid 1px #759dc0;
    color: #ffffff;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,
.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelActive {
    border-color: #759dc0;
    border-width: 1px 0;
    background-color: #cb9931;
    background-image: unset;
    color: white;
}

.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode,
.claro .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode {
    background-color: #cb9931;
    border: solid 1px #ffffff;
    color: white;
}

.claro .dijitCalendarNextYearHover,
.claro .dijitCalendarNextYear:hover,
.claro .dijitCalendarPreviousYearHover,
.claro .dijitCalendarPreviousYear:hover {
    color: #000000;
    border: solid 1px #ffffff;
    padding: 0 5px 0 5px;
    background-color: #cb9931;
    color: white;
}

.claro .dijitTitlePaneTitleOpen,
.claro .dijitTitlePaneTitleFixedOpen {
    background-color: #cb9931;
}

.claro .dijitAccordionInnerContainer {
    background-color: #cb9931;
}

.claro .dijitTitlePaneTitle {
    border: 1px solid #b5bcc7;
    width: 65px;
    background-color: #cb9931;
    color: white;
}

.claro .dijitTitlePaneContentOuter {
    background: #ffffff;
    border: 0px solid #b5bcc7;
    border-top: none;
}

.claro .dijitTitlePaneContentInner {
    width: -webkit-fill-available;
    padding: 10px;
    border: 1.5px solid #cb9931;
}


.claro .dijitMenuItem {
    border: none
}

.claro .dijitMenu .dijitMenuItemSelected td {
    background-color: #cb9931;
}

.claro .dijitMenu .dijitMenuItemHover td,
.claro .dijitMenu .dijitMenuItemSelected td,
.claro .dijitMenuItemHover,
.claro .dijitComboBoxMenu .dijitMenuItemHover,
.claro .dijitMenuItemSelected {
    border-color: #cb9931;
    color: white !important;
    background-color: #cb9931;
}

.dojoxGridRowSelected {
    background-color: #cb9931 !important;
}

.claro .dijitCheckBox,
.claro .dijitCheckBoxIcon {
    background-image: url("form/images/checkboxRadioButtonStatesMenfis.png");
    background-repeat: no-repeat;
    width: 15px;
    height: 16px;
    margin: 0 2px 0 0;
    padding: 0;
}

.claro .dijitMenu {
    background-color: #ffffff;
    border: 1px solid #cb9931;
}

.claro .dijitDialogTitleBar {
    padding: 5px 7px 4px 7px;
}



.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
    color: #FFFFFF;
}


.claro .dijitAccordionTitle {
    background-color: transparent;
    padding: 5px 7px 2px 7px;
    min-height: 17px;
    color: #fff;
}


.claro .dijitDialogTitle {
    padding: 0 1px;
    font-size: 1.091em;
    color: white;
}


.claro .dijitButtonDisabled .dijitButtonNode, .claro .dijitDropDownButtonDisabled .dijitButtonNode, .claro .dijitComboButtonDisabled .dijitButtonNode, .claro .dijitToggleButtonDisabled .dijitButtonNode {
    background-color: #d3d4d1 !important;
    color: black !important;
    border: solid 1px #a8a9a5;
    background-image: none;
}


.claro .dijitTabContainerTop-tabs .dijitTabChecked {
    padding-bottom: 3px;
    padding-top: 9px;
    background-color: #cb9931;
    background-image: url(layout/images/tabTopSelected.png);
    background-image: -moz-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px);
    background-image: -webkit-linear-gradient(bottom, #f8f8ff 0px, #f8f8ff -1px, rgba(255, 255, 179, 0) 2px, #f8f8ff 4px);
    background-image: -o-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px);
    background-image: linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px);
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 -31px -3px rgba(0, 0, 0, 0.05);
    color: black;
    
}


.claro .dijitTab {
    border: 1px solid #b5bcc7;
    background-color: #f8f8ff;
    border-color: #a8a9a5;
    -webkit-transition-property: background-color, border;
    -moz-transition-property: background-color, border;
    transition-property: background-color, border;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #a8a9a5;
    font-weight: bold;
}

.claro .dijitTabContainerTop-tabs .dijitTab {
    top: 1px;
    margin-right: 1px;
    padding: 9px 6px;
    border-bottom-width: 0;
    min-width: 60px;
    text-align: center;
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
}


/*accordion*/

.accordion {
    overflow: hidden;
    min-width: 18%;
    left: 5px;
    top: 91px;
    position: absolute;
    height: 984px;
    /* color: blanchedalmond; */
    font-weight: bold;
}

    .accordion .dijitAccordionInnerContainer {
        background-color: #f8f8ff;
    }

.accordion .dijitAccordionInnerContainerSelected {
    background-color: #cb9931;
}

.accordion .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
    /* color: #FFFFFF; */
    /* border: 3px solid red; */
    border-top: 3px solid #cc9a32;
    border-bottom: 0px solid #cc9a32;
    border-left: none;
    border-right: none;
    background: #f8f8ff;
}

.accordion .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
    color: #cc9932;
    font-weight: bold;
    padding-top: 10px;
}

    .accordion .dijitAccordionTitle {
        background-color: transparent;
        padding: 10px 7px 10px 7px;
        min-height: 17px;
        /* color: #fff; */
        border-top: 3px solid #cc9a32;
        border-bottom: 3px solid #cc9a31;
        border-left: none;
        border-right: none;
        color: #cc9a32;
    }

    .accordion .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
        color: #cc9a32;
        font-weight: bold;
        padding-top: 10px;
    }

.accordion .dijitAccordionContainer .dijitAccordionChildWrapper {
    background-color: #ffffff;
    font-weight: bold;
    border: none !important;
    margin: 0 !important;
}

.accordion .dijitAccordionContainer .dijitAccordionContainer-child {
    padding: 9px;
    background: #f8f8ff;
}

.accordion .dijitMenu {
    background-color: #f8f8ff;
    border: none;
}


    .accordion .dijitAccordionInnerContainerSelected {
        border: none;
        /* background-color: #cfe5fa; */
    }



.accordion .dijitAccordionContainer .dijitAccordionChildWrapper {
    border: none;
    margin: 0px;
    background-color: #f8f8ff;
}


.accordion .dijitAccordionContainer-dijitContentPane {
    background-color: #f8f8ff;
}

    .accordion .dijitAccordionInnerContainerHover .dijitAccordionTitle {
        color: #cc9a32;
    }


    .accordion .dijitMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem {
        padding: 17px 10px;
        border-width: 1px 0 1px 0;
        border-style: solid;
        border-color: #ffffff;
        font-size: 15px;
    }




.claro .dijitAccordionInnerContainer .dijitAccordionArrow {
    background: url("images/arrow.png") no-repeat;
    margin-top: -1px;
    width: 25px;
    height: 23px;
    background-size: contain;
    order: 2;
}

.claro .dijitAccordionInnerContainerSelected .dijitAccordionArrow {
    background: url(images/arrow_s.png) no-repeat;
    margin-top: -1px;
    width: 25px;
    height: 23px;
    background-size: contain;
    order: 2;
}




.accordion .dijitAccordionTitleFocus {
    display: flex; /* Activa el modelo de diseño flexbox */
    justify-content: space-between; /* Coloca los elementos en extremos opuestos si es necesario */
    align-items: center; /* Alinea los elementos verticalmente al centro */
}

.accordion .dijitAccordionText {
    order: 1; /* Coloca este elemento primero */
}


.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
    background-color: #ffffff;
    border: 0px solid #759dc0;
    margin: 0 0px 0px;
}


.claro .dijitDialog {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.5) 8px 10px 10px;
    border: 1px solid #000000;
    background: white;
}


.claro .dijitDialogTitleBar {
    background-color: white;
}


.claro .dijitDialogPaneActionBar {
    background-color: white;
    padding: 3px 5px 2px 7px;
    text-align: right;
    border-top: none;
}

.claro .dijitDialogPaneContent {
    background: #ffffff repeat-x top left;
    border-top: none;
    padding: 10px 8px;
    position: relative;
}


.claro .dijitDialogCloseIcon {
    background: url(images/closebtn.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    height: 29px;
    width: 26px;
}


.readonly-checkbox {
    pointer-events: none; /* Evita la interacción con el checkbox */
}



/* Customize the label (the container) */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }


input[type="checkbox"] {
    appearance: none; /* Para navegadores modernos */
    -webkit-appearance: none; /* Para navegadores basados en WebKit */
}


input[type="checkbox"] {
    width: 20px; /* Tamaño del checkbox */
    height: 20px;
    appearance: none; /* Eliminar estilos predeterminados del navegador */
    background-color: #f8f8ff; /* Fondo amarillo */
    border: 0.5px solid grey; /* Borde negro */
    border-radius: 4px; /* Esquinas redondeadas */
    cursor: pointer;
}

    /* Estilo cuando el checkbox está marcado */
    input[type="checkbox"]:checked {
        background-color: #CC9F53; /* Fondo sigue siendo amarillo */
        color: white; /* Color de la marca */
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        content: "✔"; /* Paloma */
    }

        input[type="checkbox"]:checked::before {
            content: "✔"; /* Paloma blanca */
        }

.comboportal{
    background:red;
}



.claro .dijitSelect, .claro .dijitTextBox {
    background-color: #ffffff !important;
    border-color: #cb9931 !important;
    /* border: none; */
}

.claro .dijitComboBox .dijitButtonNode {
    background-color: #efefef;
}

.claro .dijitSelect .dijitArrowButtonInner, .claro .dijitComboBox .dijitArrowButtonInner {
    background-image: url("images/arrow_s.png");
    background-repeat: repeat;
    background-size: cover;
}

.claro .dijitSelect .dijitInputField, .claro .dijitTextBox .dijitInputField {
    padding: 8px 2px;
}