/* Minification failed. Returning unminified contents.
(2280,20): run-time error CSS1035: Expected colon, found 'background'
(2804,1): run-time error CSS1019: Unexpected token, found '}'
(2998,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3044,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@import url(default.css);
@import url(Fonts.css);
@import url(font-awesome.min.css);
@import url(themes/temas.css);
@import url(jquery.mCustomScrollbar.min.css);
@import url('dropzone.css');
@import url(jquery.filer.css);
@import url(themes/jquery.filer-dragdropbox-theme.css);
@import url(jquery-ui.css);
@import url('jquery.datatables.min.css');
@import url('PagedList.css');

/*BODY*/
body {
    font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    /*font-size: 1vw;*/
    line-height: 150%;
    color: #303030;
    background: #fbfbfb;
    overflow: hidden;
}

::selection {
    background: #f99b0c;
}


/*LOADING*/
#loading {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background:#f5f5f5;*/
    z-index: 999;
}

    #loading > div {
        display: block;
        position: absolute;
        width: 72px;
        height: 72px;
        top: 50%;
        left: 50%;
        margin-top: -36px;
        margin-left: -36px;
    }

.bounce {
    width: 30px;
    height: 30px;
    margin: 3px;
    opacity: 0;
    /*border-radius: 50%;*/
    background-color: #f99b0c;
    position: relative;
    float: left;
    /*margin-top:30px;
            margin-left:15px;
            left: 50%;*/
    -webkit-animation: bounce 2.0s infinite ease-out;
    animation: bounce 2.0s infinite ease-out;
}

.double-bounce2 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

.double-bounce3 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}

.double-bounce4 {
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% {
        opacity: 0;
    }

    40%, 60% {
        opacity: 0.8;
    }
}

@keyframes bounce {
    0%, 100% {
        opacity: 0;
    }

    40%, 60% {
        opacity: 0.8;
    }
}

/*A*/
a:hover {
    text-decoration: none;
}

a.seleccionado {
    color: #303030;
}

.linkLista, div.listaInfo {
    padding: 10px 1.04%;
}

.listaItem:hover,
#IdiomaWrap.menuHeader ul li a:hover {
    background: rgba(249,155,12,.1);
}

ul.listaItemNoHover li.listaItem:hover,
ul.listaItemNoHover li.listaItem a:hover {
    background: none;
}
/*INPUTS*/

.textarea.input.input_checkmein {
    font-family: 'Gotham Book', sans-serif;
    padding: 4px;
    margin-top: 15px;
    font-size: medium;
    width: 100%;
    background-color: #f5f5f5;
    outline: none;
}

input.inputDatePicker {
    background-color: #f5f5f5;
    font-size: 120%;
    font-family: 'Gotham Book', sans-serif;
    height: 22px;
    border: none;
    padding: 4px;
    outline: none;
    margin-top: 30px;
}

    input.inputDatePicker ~ label {
        color: #777;
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 34px;
        font-size: 100%;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        z-index: 1;
    }

    input.inputDatePicker:not(.vacio) ~ label {
        top: 5px;
    }

input.input.inputDropdownCheck {
    font-family: 'Gotham Book', sans-serif;
    width: calc(100% - 8px);
    padding: 4px;
    border-bottom: 2px solid #f99b0c;
    margin-top: 20px;
}

    input.input.inputDropdownCheck ~ .placeholder_float {
        color: #f99b0c;
        font-size: 90%;
        position: absolute;
        top: 5px;
        left: 5px;
    }

input.input.input_checkmein,
textarea.input.input_checkmein,
select.input.input_checkmein {
    font-family: 'Gotham Book', sans-serif;
    width: calc(100% - 8px);
    padding: 4px;
    margin-top: 30px;
    background-image: linear-gradient(#f99b0c, #f99b0c), linear-gradient(#f5f5f5, #f5f5f5);
    background-size: 0 3px, 100% 1px;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    background-position: center bottom, center calc(100% - 1px);
    /*box-shadow: 0 0 2px #202020;*/
    /*border-radius:4px;*/
    -webkit-transition: all 0.30s ease-out;
    -moz-transition: all 0.30s ease-out;
    -ms-transition: all 0.30s ease-out;
    -o-transition: all 0.30s ease-out;
}

input.input:read-only {
    color: #bdbdbd;
    cursor: not-allowed;
}

input.input.input_checkmein ~ .placeholder_float,
select.input.input_checkmein ~ label {
    color: #777;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 34px;
    font-size: 100%;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1;
    -webkit-transition: all 0.30s ease-out;
    -moz-transition: all 0.30s ease-out;
    -ms-transition: all 0.30s ease-out;
    -o-transition: all 0.30s ease-out;
}

    input.input.input_checkmein ~ .placeholder_float > i {
        color: #777;
    }

select.input.input_checkmein ~ label {
    width: 100%;
}

input.input.input_checkmein:focus ~ .placeholder_float,
input.input.input_checkmein:not(.vacio) ~ .placeholder_float,
select.input.input_checkmein:focus ~ label,
select.input.input_checkmein:not(.vacio) ~ label {
    color: #f99b0c;
    top: 5px;
    font-size: 90%;
}

    input.input.input_checkmein:focus ~ .placeholder_float > i,
    input.input.input_checkmein:not(.vacio) ~ .placeholder_float > i,
    select.input.input_checkmein:focus ~ label > i,
    select.input.input_checkmein:not(.vacio) ~ label > i {
        color: #f99b0c;
    }

    input.input.input_checkmein:not(.vacio) ~ .placeholder_float,
    select.input.input_checkmein:not(.vacio) ~ label,
    input.input.input_checkmein:not(.vacio) ~ .placeholder_float > i,
    select.input.input_checkmein:not(.vacio) ~ label > i {
        color: #bdbdbd;
    }

input.input.input_checkmeinAmarillo {
    /*border:1px dotted #f99b0c;*/
    box-shadow: 0 0 2px #f99b0c;
    -webkit-transition: all 0.30s ease-out;
    -moz-transition: all 0.30s ease-out;
    -ms-transition: all 0.30s ease-out;
    -o-transition: all 0.30s ease-out;
}

textarea.input.input_checkmein:focus, input.input.input_checkmein:focus, select.input.input_checkmein:focus {
    /*border:1px solid #f99b0c;*/
    /*box-shadow: 0 0 4px #202020;*/
    background-size: 100% 2px, 100% 1px;
}

input.input:read-only:focus {
    background-size: 0 2px, 100% 1px;
}

textarea.input.input_checkmeinAmarillo:focus, input.input.input_checkmeinAmarillo:focus {
    /*border:1px solid #f99b0c;*/
    box-shadow: 0 0 6px #f99b0c;
}

select.input.input_dropdown ~ label {
    top: 5px;
}

select.input_dropdown {
    line-height: inherit;
}

label.labeInput {
    display: block;
    min-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dropdown {
    position: relative;
}

    .dropdown > i {
        position: absolute;
        top: 20%;
        right: 0;
        height: 80%;
        line-height: 41px;
        z-index: 1;
    }

    .dropdown optgroup {
        font-style: italic;
    }

    .dropdown option {
        font-style: normal;
        height: 30px;
        font-family: 'Gotham Book';
    }

        .dropdown option.timePicker {
            font-style: normal;
            height: 30px;
            font-family: 'Arial';
        }

.dropdown_MenuCheck {
    box-shadow: 0 0 0 1px #D8D8D8;
    position: absolute;
    top: 60px;
    left: 0;
    padding: 5px 5px;
    z-index: 999;
    background: #f5f5f5;
    overflow-y: scroll;
    height: 220px;
}

.dropdown_Menulist {
    box-shadow: 0 0 0 1px #D8D8D8;
    position: absolute;
    top: 60px;
    left: 2px;
    padding: 0 5px;
    z-index: 999;
    background: #f5f5f5;
    overflow-y: scroll;
    height: 200px;
    cursor: pointer;
}

    .dropdown_Menulist ul > li {
        cursor: pointer;
    }

        .dropdown_Menulist ul > li:hover {
            background: rgba(0,188,212,.1);
        }

.MenulistRadio {
    box-shadow: 0 0 0 1px #D8D8D8;
    position: absolute;
    top: 60px;
    left: 0;
    padding: 5px 5px;
    z-index: 999;
    background: #f5f5f5;
}

/*.dropdown > span{
        position:absolute;
        top:20px;
        left:0;
        color:#bdbdbd;
        z-index:2;
    }
    .dropdown > .clickArea{
        display:block;
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        cursor:pointer;
        z-index:3;
    }
    .dropdown > i{
        position:absolute;
        top:20%;
        right:0;
        height:80%;
        line-height:41px;
    }
    .dropdown > ul{
        position:absolute;
        width:100%;
        top:100%;
        left:0;
        background:#fff;
        box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12), inset 0 0 0 2px #f99b0c;
        z-index:2;
    }
        .dropdown > ul > li{
            cursor:pointer;
            display:block;
            width:97.92%;
            padding:5px 1.04%;
        }
            .dropdown > ul > li:hover{
                background:rgba(249,155,12,.1);
            }*/

/*DATEPICKER*/

.ui-datepicker .ui-datepicker-header {
    background: #0288D1;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #0288D1;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #f99b0c;
}


/*BOTONES*/

.btn.btn_checkmein,
.btn.btn_aceptar,
.btn.btn_cancelar {
    position: relative;
    box-shadow: 0 0 0 1px #D8D8D8;
    color: #303030;
    background: #f5f5f5;
    box-sizing: initial;
    font-family: 'Gotham Book', sans-serif;
}

.btn.btn_aceptar,
.btn.btn_cancelar {
    box-shadow: none;
}

    .btn.btn_checkmein:before,
    .btn.btn_aceptar:before,
    .btn.btn_cancelar:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 3px;
        top: 0;
        left: 0;
        background: #f99b0c;
        transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

    .btn.btn_aceptar:before {
        background: #007221;
    }

    .btn.btn_cancelar:before {
        background: #A50000;
    }

    .btn.btn_checkmein:hover:before,
    .btn.btn_aceptar:hover:before,
    .btn.btn_cancelar:hover:before {
        width: 100%;
    }

.btn.btnIcon.inactivo:hover {
    color: inherit !important;
    cursor: default !important;
}

.btn.btnIcon.inactivo > i {
    color: #a4a4a4;
}

    .btn.btnIcon.inactivo > i:before {
        content: "\f023";
    }

.btn.btnIcon.eliminarCheckout:hover {
    color: #E50000;
}

.btn.btnAzul {
    position: relative;
    color: #006064;
    font-size: 115%;
}

    .btn.btnAzul:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 0;
        background: #B2EBF2;
        transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

    .btn.btnAzul:hover {
        color: #B2EBF2;
    }

        .btn.btnAzul:hover:before {
            width: 100%;
        }

.btn.btnGris {
    position: relative;
    color: #949494;
    font-size: 115%;
}

    .btn.btnGris:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 0;
        background: #f1f1f1;
        transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

    .btn.btnGris:hover {
        color: #f1f1f1;
    }

        .btn.btnGris:hover:before {
            width: 100%;
        }

.btn.btn_noneHover {
    position: relative;
    color: #006064;
    font-size: 115%;
}

    .btn.btn_noneHover:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 3px;
        bottom: 0;
        left: 0;
        background: #B2EBF2;
        transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

    .btn.btn_noneHover:hover {
        color: #006064;
    }

        .btn.btn_noneHover:hover:before {
            width: 100%;
        }

.btn.btnChico {
    font-size: 90%;
    padding: 8px;
}

.btn_inline {
    margin-top: 22px;
    font-size: 90%;
    padding: 10px;
}

.btn.Btn_dropdown {
    position: relative;
    color: #777;
    background: #f5f5f5;
    box-sizing: initial;
    font-family: 'Gotham Book', sans-serif;
    font-size: 100%;
    height: 22px;
    border: none;
    padding: 4px 4px 4px 0;
    outline: none;
    margin-top: 30px;
}

.btn.btn_PageTable {
    position: relative;
    box-shadow: 0 0 0 1px #D8D8D8;
    color: #fff;
    background: #00BCD4;
    box-sizing: initial;
    font-family: 'Gotham Book', sans-serif;
}

    .btn.btn_PageTable:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 3px;
        top: 0;
        left: 0;
        background: #0C97EB;
        transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

    .btn.btn_PageTable:hover:before {
        width: 100%;
    }

/*ICONOS*/

.iconMenu {
    color: #006064;
    position: relative;
    top: -9px;
    cursor: pointer;
    height: 30px;
}

    .iconMenu:hover {
        color: #B2EBF2;
    }


.icon_editCategory {
    color: #333;
    cursor: pointer;
    float: left;
    padding: 0 4px;
}

    .icon_editCategory:hover {
        color: #f99b0c;
    }

.iconNext {
    color: #a4a4a4;
    font-size: 200%;
    cursor: pointer;
    position: relative;
    float: right;
    right: 200px;
    bottom: 140px;
}

    .iconNext:hover {
        color: #f99b0c;
    }

.iconPrev {
    color: #a4a4a4;
    font-size: 200%;
    cursor: pointer;
    position: relative;
    float: left;
    left: 200px;
    bottom: 140px;
}

    .iconPrev:hover {
        color: #f99b0c;
    }

.iconFile {
    padding: 15px 0;
    color: #a4a4a4;
}

.OrientationIcon {
    color: #a4a4a4;
    cursor: pointer;
    outline: none;
}

    .OrientationIcon:hover {
        color: #f99b0c;
    }


.iconUpload {
    display: block;
    color: #03A9F4;
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: iconDownload;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@keyframes iconDownload {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.iconHelp {
    font-size: 150%;
    display: block;
    color: #a4a4a4;
    cursor: pointer;
    outline: none;
}

    .iconHelp:hover {
        color: #f99b0c;
    }

.iconRemove {
    font-size: 100%;
    display: block;
    color: #a4a4a4;
    cursor: pointer;
    margin: 5px 5px;
    outline: none;
}

    .iconRemove:hover {
        color: #E50000;
    }

.iconDownload {
    outline: none;
    font-size: 150%;
    display: block;
    color: #f99b0c;
    cursor: pointer;
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: iconDownload;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

    .iconDownload:hover {
        animation: none;
    }

/*BTN DROPDOWN*/
.btnDropdown ul > li {
    z-index: 999;
    width: 100%;
}

.btnDropdown li ul li > div {
    height: 33px;
    line-height: 33px;
    background: #f5f5f5;
    border-bottom: 1px solid #D8D8D8;
}

.btnDropdown li a,
.btnSquare {
    height: 17px;
    line-height: 17px;
    text-decoration: none;
    padding: 8px 10px;
}

.txtBtnHide {
    display: none;
}

.btnDropdown:hover > li > a,
.btnDropdown li a:hover,
.btnSquare:hover {
    background-color: #E3E3E3;
}

.btnDropdown li a.activo {
    background-color: #e3e3e3;
}

.btnDropdown li a:hover > .txtBtnHide {
    display: initial;
}

.btnDropdown ul li:hover {
    background-color: #e3e3e3;
}

.btnDropdown li ul {
    overflow: visible;
    display: none;
    position: absolute;
    width: auto;
    border: 1px solid #D8D8D8;
    border-bottom: none;
    overflow-y: scroll;
    max-height: 80vh;
    z-index: 9;
}

.btnDropdown li:hover > ul {
    display: block;
    background-color: #e3e3e3;
}

.btnDropdown li ul li {
    position: relative;
}

/*MODAL*/
.modalWrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(239, 239, 239, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

    .modalWrapper.open {
        opacity: 1;
        visibility: visible;
        z-index: 999;
    }

.modal {
    width: 600px;
    height: 400px;
    display: block;
    margin: 50% 0 0 -300px;
    position: relative;
    box-shadow: -2px 2px 16px -5px rgba(0,0,0,0.3);
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.modalWrapper.open .modal {
    margin-top: -200px;
    opacity: 1;
}

.headModal {
    width: 90%;
    height: 20px;
    padding: 1.5em 5%;
    overflow: hidden;
    background: #0288D1;
}

.btn-close {
    width: 32px;
    height: 32px;
    display: block;
    float: right;
}

    .btn-close::before, .btn-close::after {
        content: '';
        width: 20px;
        height: 6px;
        display: block;
        background: #fff;
    }

    .btn-close::before {
        margin-top: 12px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .btn-close::after {
        margin-top: -6px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


/*STEPMONARCH*/
#wrapperSteps {
    overflow-x: hidden;
    background-color: #fff;
}

    #wrapperSteps > div {
        display: block;
        width: 99999999px;
    }

.stepBeeInvoice {
    float: left;
}

#headerSteps {
    height: auto;
    background-color: #0288D1;
    padding: 15px 15px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
    color: #fff;
}

/*DROPZONE*/
.dropzone.dz-started:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
}

.dz-details {
    margin-top: 20px;
}

.dz-image {
    margin-top: 20px;
}

.dropzone .dz-preview .dz-error-message {
    top: 150px;
}


.dz-default.dz-message {
    display: none;
}

.dropzone .dz-preview .dz-remove {
    font-size: 25px;
    margin-top: 6px;
}

.dz-remove {
    text-indent: -99999999px;
    color: #be2626;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: relative;
    visibility: visible;
    opacity: 1;
}

    .dz-remove:before {
        content: "\f057";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        text-indent: initial;
    }

.dropzone .dz-preview {
    z-index: 1000;
}

.dz-error-message {
    margin-top: 20px;
}

/*THUMBNAIL*/
.wrapThumbnail {
    width: 300px;
    height: auto;
    display: inline-block;
    position: relative;
    padding-right: 10px;
    cursor: pointer;
}

.imgThumbnail {
    background: rgba(125, 125, 125, 0.9);
    height: auto;
    width: 300px;
    color: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

    .imgThumbnail:hover {
        animation: moveUp 2s ease;
        -webkit-animation: moveUp 2s ease;
    }

    .imgThumbnail > span {
        display: block;
        margin-top: 40px;
        width: 100%;
        font-weight: bold;
    }

@keyframes moveUp {
    0% {
        top: 300px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

.iconsThumbnail {
    vertical-align: middle;
    color: #fff;
}

    .iconsThumbnail:hover {
        color: #03A9F4;
    }

/*UPLOAD FILES CONSTANCY*/

.text_BtnUpload {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
}

.WrapFileButton {
    position: relative;
}

    .WrapFileButton > input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 999;
        opacity: 0;
    }

.WrapFormButton {
    width: 100%;
    height: auto;
    min-height: 33px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.WrapFile {
    border: 3px dashed #777;
    border-radius: 3px;
    width: 100%;
    height: auto;
    min-height: 250px;
    display: block;
    text-align: center;
    position: relative;
}

.WrapFileB {
    border: 0px dashed #777;
    border-radius: 3px;
    width: 100%;
    height: auto;
    min-height: 250px;
    display: block;
    text-align: center;
    position: relative;
}

.ContentFile {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
}

.ContentFile_pp {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    display: block;
    color: #333;
}

.wrapForm {
    width: 100%;
    height: auto;
    min-height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
}

.ContentInformation {
    z-index: 999;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}

.ContentDownload {
    z-index: 90;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

/*TABLE*/

.table_Monarch {
    width: 100%;
    height: auto;
    position: relative;
}

table.table_Monarch thead td {
    border: none;
}

table.table_Monarch {
    border-collapse: collapse;
}

    table.table_Monarch thead {
        background: #03A9F4;
        color: #fff;
        font-variant: small-caps;
        font-weight: bold;
    }

table.headCian > thead {
    background: #00BCD4;
    color: #fff;
    font-variant: small-caps;
    font-weight: bold;
}

table.table_Monarch thead th {
    white-space: normal;
    padding: 5px 20px;
    border-bottom: none;
    position: relative;
}

table.table_Monarch tbody td {
    white-space: normal;
    padding: 5px 20px;
    border-bottom: none;
    position: relative;
    vertical-align: middle;
}

table.table_Monarch > tbody tr {
    background: none;
}

    table.table_Monarch > tbody tr:hover {
        background: #e3e3e3;
    }

table.table_Monarch.table_input > tbody tr:hover {
    background: none;
}

/*ANCHO DE COLUMNA*/
.col_800 {
    width: 10%;
}


.col_18 {
    width: 18%;
}

.col_20 {
    width: 20%;
}

.wrapBtnsTable {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

    .wrapBtnsTable ul {
        display: none;
        opacity: 0;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -17px;
        line-height: 34px;
        transition: all ease-out .15s;
        -o-transition: all ease-out .15s;
        -moz-transition: all ease-out .15s;
        -webkit-transition: all ease-out .15s;
    }

table.table_Monarch > tbody {
    background: #f1f1f1;
    cursor: default;
}

    table.table_Monarch > tbody tr:hover .wrapBtnsTable ul {
        display: block;
        background: #e3e3e3 !important;
        opacity: 1;
    }

    table.table_Monarch > tbody tr:nth-child(odd) .wrapBtnsTable ul {
        background: #eaeaea;
    }

    table.table_Monarch > tbody tr:nth-child(even) .wrapBtnsTable ul {
        background: #f1f1f1;
    }

.wrapBtnsTable ul li {
    display: inline;
    margin-left: 5px;
}

.wrapBtnsTable ul li {
    cursor: pointer;
}

    .wrapBtnsTable ul li a:hover {
        color: #f99b0c;
    }

.scrollBar-h {
    padding: 45px 0;
    height: 100%;
}

    .scrollBar-h .mCSB_scrollTools_horizontal {
        bottom: 41px !important;
    }

.scroll_noPadding .scrollBar-h {
    padding: 0;
}

    .scroll_noPadding .scrollBar-h .mCSB_scrollTools_horizontal {
        bottom: 0 !important;
    }

/*SEARCH*/
.buscadorTabla_ConstanciasMonarch {
    position: relative;
    margin-top: 4px !important;
}

.wrapTable .wrap_busquedaTablas {
    width: 40px;
    background: #f5f5f5;
    position: absolute;
    right: 12px;
    top: 0;
    border-radius: 3px;
    transition: all ease-out .15s;
    -o-transition: all ease-out .15s;
    -moz-transition: all ease-out .15s;
    -webkit-transition: all ease-out .15s;
}

    .wrapTable .wrap_busquedaTablas.search {
        width: 166px;
    }

    .wrapTable .wrap_busquedaTablas a.btn {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        color: #03A9F4;
        z-index: 2;
        width: 100%;
        height: 100%;
        line-height: 40px;
    }

    .wrapTable .wrap_busquedaTablas.search a.btn {
        display: none;
    }

    .wrapTable .wrap_busquedaTablas input {
        padding-left: 9px;
        padding-right: 10px;
        background: none;
        border: none;
        color: #000;
        border-radius: 0;
        width: 80%;
    }

    .wrapTable .wrap_busquedaTablas a.icon_close {
        position: absolute;
        top: 15px;
        right: 5px;
        cursor: pointer;
        z-index: 999;
        color: #03A9F4;
        display: none;
    }

        .wrapTable .wrap_busquedaTablas a.icon_close:hover {
            color: #356A75;
        }

    .wrapTable .wrap_busquedaTablas.search a.icon_close {
        display: block;
    }

/*CHECKBOX & RADIOS*/
.checkbox_checkmein {
    cursor: pointer;
    position: relative;
}

    .checkbox_checkmein.inactivo {
        cursor: not-allowed;
    }

    .checkbox_checkmein > div {
        padding-left: 25px;
    }

    .checkbox_checkmein > i.fa {
        color: transparent;
        display: block;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 15px;
        height: 15px;
        left: 1.04%;
        top: 50%;
        margin-top: -8px;
    }

        .checkbox_checkmein > i.fa:before {
            opacity: 0;
            position: relative;
            top: 1px;
            transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
        }

    .checkbox_checkmein.checked > i.fa {
        color: #00B233;
    }

        .checkbox_checkmein.checked > i.fa:before,
        .checkbox_checkmein.checked.inactivo > i.fa:before {
            content: "\f00c";
            opacity: 1;
        }

    .checkbox_checkmein.inactivo > i.fa:before {
        content: "\f05e";
        opacity: 1;
    }

    .checkbox_checkmein.inactivo > i.fa {
        color: #a4a4a4;
    }

/*---------*/
.radioButton {
    cursor: pointer;
    position: relative;
}

    .radioButton.inactivo {
        cursor: not-allowed;
    }

    .radioButton > div {
        padding-left: 25px;
    }

    .radioButton > i.fa-check {
        color: #a4a4a4;
        display: block;
        position: absolute;
        width: 15px;
        height: 15px;
        left: 1.04%;
        top: 50%;
        margin-top: -8px;
    }

    .radioButton > i.fa:before {
        content: "\f10c";
        transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

    .radioButton > i.fa-check_left {
        left: 15%;
    }
    /*.radioButton.checked > i.fa{
        color:#00B233;
    }*/
    .radioButton.checked > i.fa:before {
        content: "\f192";
        color: #00B233;
    }
/*.radioButton.inactivo > i.fa{
            color:#a4a4a4
        }*/

/*.checkbox_checkmein.checked > i.fa:after{
        content:"";
        display:block;
        position:absolute;
        background:#000;
        border-radius:50%;
        top:0;
        left:0;
        margin-left:-8px;
        margin-top:-8px;

        animation-name:clickCheck;
        -moz-animation-name:clickCheck;
        -o-animation-name:clickCheck;
        -webkit-animation-name:clickCheck;
        animation-duration: .3s;
        -moz-animation-duration: .3s;
        -o-animation-duration: .3s;
        -webkit-animation-duration: .3s;
    }
    @keyframes clickCheck{
        0%, 100%{width:0; height:0; opacity:0;}
        50%{width:31px; height:31px; opacity:1;}
    }
    @-moz-keyframes clickCheck{
        0%, 100%{width:0; height:0; opacity:0;}
        50%{width:31px; height:31px; opacity:1;}
    }
    @-o-keyframes clickCheck{
        0%, 100%{width:0; height:0; opacity:0;}
        50%{width:31px; height:31px; opacity:1;}
    }
    @-webkit-keyframes clickCheck{
        0%, 100%{width:0; height:0; opacity:0;}
        50%{width:31px; height:31px; opacity:1;}
    }*/

/*AVISOS Y MENSAJES DE ERROR*/
.aviso {
    display: block;
    opacity: 0;
    width: 100%;
    min-width: 100%;
    position: fixed;
    padding: 5px 10px;
    padding-top: 15px;
    left: 0;
    height: 50px;
    text-align: center;
    z-index: 9999;
}

    .aviso span {
        padding: 5px 10px;
        display: inline-block;
        width: auto;
        position: relative;
        background: #fff29d;
        border: 1px solid #13455c;
        border-top: none;
        border-radius: 0 0 4px 4px;
        text-align: center;
        line-height: 50px;
        font-size: 100%;
    }

    .aviso:before,
    .avisosCarrito:after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        /*background-image:url(../Images/spriteIconsCheckmein.png);*/
        background-repeat: no-repeat;
        background-position: -656px -4px;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -7px;
    }

/*INTRO*/
.bgLogin {
    position: absolute;
    z-index: 1;
}

.bg_imgs,
.nextBg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg_imgs {
    animation-name: inicioLogin;
    -webkit-animation-name: inicioLogin;
    animation-duration: 10s;
    -webkit-animation-duration: 10s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    background-size: cover;
    z-index: 2;
    height: 100vh;
    position: absolute;
    /*opacity:0;*/
    background: url("https://s3.amazonaws.com/cdnbtc.pricetravel.com/Registro/Content/Img/img_1.jpg") center;
    background-size: cover;
    z-index: 1;
}

@keyframes inicioLogin {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes inicioLogin {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.nextBg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.bg_pattern:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../Img/pattern_black.png) repeat;
    top: 0;
    left: 0;
    z-index: 3;
}

.bg_pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../Img/pattern.png) repeat;
    top: 0;
    left: 0;
    z-index: 4;
}

#intro {
    /*background:#2B2E33;*/
    overflow: hidden;
    position: relative;
    opacity: 0;
}

.wrapLogoIntro {
    width: 100%;
}

.bgLogo {
    display: inline-block;
    position: relative;
    width: 70%;
    min-width: 150px;
    max-width: 200px;
    padding: 20px;
}

    .bgLogo:after {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .bgLogo span {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border: 2px solid #fff;
        border-radius: 4px;
        background-size: 90%;
        background-position: center;
        background-repeat: no-repeat;
    }

.wrapOpcionesIntro > div:first-child {
    box-shadow: 1px 0 0 #fff;
}

#intro > div:not(#wrapperBg) {
    position: relative;
    z-index: 9;
}

.bg_imgs {
    /*animation-name: inicioLogin;
        -webkit-animation-name: inicioLogin;
        animation-duration: 10s;
        -webkit-animation-duration: 10s;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        background: url("../Img/img_5.jpg") center;
        background: url("../Img/img_2.jpg") center;
        background: url("../Img/img_3.jpg") center;
        background: url("../Img/img_4.jpg") center;
        background: url("../Img/img_5.jpg") center;

            163503779
            242631790
            70562815
            330380069
            135721667
             61104214

            128200298
        */
    /*background-size: cover;
        z-index: 2;
        height:100vh;
        position:absolute;*/
}

.bg_pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../Img/pattern.png) repeat;
    top: 0;
    left: 0;
    z-index: 4;
}

    .bg_pattern:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../Img/pattern_black.png) repeat;
        top: 0;
        left: 0;
        z-index: 3;
    }

/*INTRO CONSTANCY*/
.bg_Constancy {
    width: 100%;
    height: auto;
    background: url(../Img/bg_login.jpg);
    background-size: cover;
}

.bg_patternIntro {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../img/pattern.png) repeat;
    top: 0;
    left: 0;
    z-index: 0;
}

    .bg_patternIntro:before {
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        background: url(../img/pattern_black.png) repeat;
        top: 0;
        left: 0;
        z-index: 0;
    }

/*INTRO REGISTRO*/
.bg_Registro {
    width: 100%;
    height: auto;
    background: url(../Img/bg_registro.jpg);
    background-size: cover;
}

/*HEADER*/
header {
    background: #01579B;
    height: 50px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 9;
}

    header > div {
        max-height: 50px;
    }

    header div > a,
    header div > h3 {
        line-height: 50px;
    }

.menuHeader {
    position: relative;
}

    .menuHeader > ul {
        top: 51px;
        right: 0;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .menuHeader > a {
        padding: 0 30px;
        padding-bottom: 1px;
        position: relative;
        color: #C3E4FF;
    }

        .menuHeader > a:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 3px;
            top: 0;
            left: 0;
            background: #f99b0c;
            /*box-shadow: 0 0 10px #f99b0c;*/
            opacity: 0;
            transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -ms-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
        }

        .menuHeader > a.expandido:after,
        .menuHeader > a:hover:after {
            opacity: 1;
        }

#IdiomaWrap.menuHeader ul {
    width: auto;
}

    #IdiomaWrap.menuHeader ul li {
        white-space: nowrap;
    }

        #IdiomaWrap.menuHeader ul li a {
            padding: 10px;
        }

/*CARRITO DE COMPRAS*/
#CarritoComprasWrap > ul {
    position: absolute;
    top: 51px;
    right: -500px;
    width: 480px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

    #CarritoComprasWrap > ul > li:first-child {
        padding: 15px;
        padding-bottom: 0;
        transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

.carritoTitulo,
.carritoNotas,
.carritoItem {
    font-variant: small-caps;
    position: relative;
}

.carritoTotales {
    text-transform: uppercase;
}

.carritoItem.itemReciente {
    animation: itemReciente 1.5s ease-out;
    -moz-animation: itemReciente 1.5s ease-out;
    -webkit-animation: itemReciente 1.5s ease-out;
    -o-animation: itemReciente 1.5s ease-out;
}

@keyframes itemReciente {
    from {
        background-color: #E1FFEA;
    }

    to {
        background-color: transparent;
    }
}

@-moz-keyframes itemReciente {
    from {
        background-color: #E1FFEA;
    }

    to {
        background-color: transparent;
    }
}

@-o-keyframes itemReciente {
    from {
        background-color: #E1FFEA;
    }

    to {
        background-color: transparent;
    }
}

@-webkit-keyframes itemReciente {
    from {
        background-color: #E1FFEA;
    }

    to {
        background-color: transparent;
    }
}

.carritoItem .eliminarCarritoItem {
    position: absolute;
    top: 5px;
    right: 10px;
    visibility: hidden;
    z-index: 1;
}

.carritoItem:hover,
.carritoItem.itemReciente:hover {
    background: rgba(249,155,12,.1);
}

.carritoItem .linkLista {
    padding-left: 15px;
    padding-right: 15px;
}

.carritoItem:hover .linkLista {
    background: none;
}

.carritoItem:hover .eliminarCarritoItem {
    visibility: visible;
}

.carritoItem .eliminarCarritoItem:hover {
    color: #E50000;
}

/*PRECIOS Y MONEDAS*/
.precio {
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

    .precio:after {
        margin-left: 5px;
    }

    .precio i:before {
        content: "\f155";
        margin-right: 5px;
    }

.moneda_EURO i:before {
    content: "\f153";
}

.moneda_USD:after {
    content: "USD";
}

.moneda_MXN:after {
    content: "MXN";
}

/*SECCIONES DASHBOARD*/
#main > div, #main > section {
    position: relative;
}

.wrap_1024 {
    max-width: 1024px;
    margin: 0 auto;
}

.wrapFull > section {
    min-height: 100%;
}

.wrap_1024 > section {
    /*width:100%;*/
}

.panel {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding-top: 10px;
    /*padding-bottom:10px;*/
}

    .panel:not(.panelTitulo) {
        padding-bottom: 10px;
    }

.panelTitulo {
    padding-top: 0;
}
/*.panelAmarillo {background:#f99b0c;}*/

.panelAmarillo:not(.panelTitulo) {
    background: #F7F8E0;
}

.panelAzul:not(.panelTitulo) {
    background: #deedf2;
}
/*.panelGrisObs {background:#2B2E33;}*/
.panelRojo:not(.panelTitulo) {
    background: #FFDEDE;
}

.panelVerde:not(.panelTitulo) {
    background: #E1FFEA;
}

section.paperCut {
    position: relative;
}

    section.paperCut > div {
        padding-bottom: 80px;
    }

    section.paperCut:before,
    section.paperCut:after {
        background: linear-gradient(-45deg, #f5f5f5 16px, transparent 0), linear-gradient(45deg, #f5f5f5 16px, transparent 0);
        background-position: left-bottom;
        background-repeat: repeat-x;
        background-size: 32px 32px;
        content: " ";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 1.04%;
        width: calc(100% - 2.06%);
        height: 32px;
        z-index: 2;
    }

    section.paperCut:after {
        background: #fff;
        z-index: 1;
    }

/*MENU DESPLEGABLE*/

.Content_menuDesplegable {
    cursor: pointer;
}

.panelScroll {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
    /*padding-bottom:5px;*/
}

.panelMenu > div:first-child {
    background: #0097A7;
    overflow: hidden;
    box-shadow: 0 1px 1px 0px rgba(0,0,0,0.3);
    white-space: nowrap;
    height: auto;
    width: 100%;
}

.panelMenu_Sistemas > div:first-child {
    background: #4a4a4a;
    overflow: hidden;
    box-shadow: inset 0 17px 23px -18px #333;
    white-space: nowrap;
    height: 100%;
}

.panelTitulo > div:first-child {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #2B2E33;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 1px 0px rgba(0,0,0,0.3);
}

    .panelTitulo > div:first-child > * {
        white-space: nowrap;
        display: inline;
        width: auto;
    }

.panelTitulo.marquesina > div:first-child > * {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    animation: marquesina 3s ease infinite;
    -webkit-animation: marquesina 3s ease infinite;
}

@keyframes marquesina {
    0%, 100% {
        left: 0;
    }

    50% {
        left: -100%;
    }
}

@-webkit-keyframes marquesina {
    0%, 100% {
        left: 0;
    }

    50% {
        left: -100%;
    }
}

.panelTitulo.panelAmarillo > div:first-child {
    background: #f99b0c;
}

.panelTitulo.panelRojo > div:first-child {
    background: #E50000;
}

.panelTitulo.panelVerde > div:first-child {
    background: #00B233;
}

/*MAIN*/
#contentSite {
    background: #f5f5f5;
    position: relative;
    z-index: 7;
}

    #contentSite > span.layerCloseWindows {
        position: absolute;
        width: 100vw;
        height: 100vh;
        z-index: 8;
    }

#main {
    height: 100%;
}

/*TIMELINE*/
#timeLine {
    position: relative;
    height: 36px;
}

    #timeLine ul {
        position: absolute;
        width: 97.92%;
        height: 100%;
    }

    #timeLine .paso {
        position: relative;
    }

        #timeLine .paso:before,
        #timeLine .paso:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 6px;
            top: 50%;
            left: 0;
            margin-top: -3px;
            background: #d1d1d1;
            box-shadow: 0 1px 2px -1px #888;
            z-index: 2;
        }

        #timeLine .paso.animarPaso:after {
            background: #00B233;
            animation: pasoSiguiente .5s ease-in-out;
            -moz-animation: pasoSiguiente .5s ease-in-out;
            -webkit-animation: pasoSiguiente .5s ease-in-out;
            -o-animation: pasoSiguiente .5s ease-in-out;
        }

@keyframes pasoSiguiente {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-moz-keyframes pasoSiguiente {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-o-keyframes pasoSiguiente {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes pasoSiguiente {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

#timeLine .paso i {
    position: relative;
    z-index: 3;
    font-synthesis background:#f5f5f5;
    text-shadow: 0px 1px 2px #888;
}

    #timeLine .paso i:before {
        content: "\f111";
        color: #d1d1d1;
        background: #f1f1f1;
        z-index: 4;
    }

#timeLine .paso.animarPaso i:before {
    animation: checkPasoSiguiente .3s ease-out .5s forwards;
    -moz-animation: checkPasoSiguiente .3s ease-out .5s forwards;
    -webkit-animation: checkPasoSiguiente .3s ease-out .5s forwards;
    -o-animation: checkPasoSiguiente .3s ease-out .5s forwards;
}

@keyframes checkPasoSiguiente {
    0% {
        color: #d1d1d1;
    }

    50% {
    }

    100% {
        color: #00B233;
        content: "\f058";
    }
}

/*CALENDARIO*/
.calendarioActividades {
    min-height: 340px;
}

    .calendarioActividades ul li {
        position: relative;
        z-index: 2;
    }

        .calendarioActividades ul li div.fechaActividad {
            background: #03A9F4;
            padding: 10px 0;
        }

        .calendarioActividades ul li ul {
            position: relative;
        }

            .calendarioActividades ul li ul li {
                cursor: pointer;
                background: #fff;
                padding: 10px 0 10px 0px;
                /*border-left:5px solid #fff;*/
                border-bottom: 1px dashed #d1d1d1;
                position: relative;
            }

                .calendarioActividades ul li ul li.actividadSeleccionada {
                    cursor: default;
                    background: #E1FFEA;
                }

                    .calendarioActividades ul li ul li.actividadSeleccionada:before {
                        content: "";
                        display: block;
                        width: 5px;
                        height: 90%;
                        position: absolute;
                        left: 0;
                        top: 5%;
                        background: #00B233;
                    }

                .calendarioActividades ul li ul li .tituloActividad {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .calendarioActividades ul li ul li.actividadPrev,
                .calendarioActividades ul li ul li:hover {
                    background: #E3F2FD;
                }

    .calendarioActividades ul .descripcionTemporal {
        position: absolute;
        background: #E3F2FD;
        left: 0;
        top: 0;
        margin-left: -30px;
        opacity: 0;
        padding: 15px;
        width: calc(200% - 30px);
        height: calc(100% - 30px);
        min-height: 250px;
        z-index: 1;
    }

    .calendarioActividades ul li ul li div {
        position: relative;
        left: 10px;
        width: calc(100% - 5px);
    }

        .calendarioActividades ul li ul li div * {
            width: 100%;
        }

#detallesActividad {
    overflow: hidden;
}

    #detallesActividad li.actividadSeleccionada {
        position: relative;
    }

        #detallesActividad li.actividadSeleccionada div {
            position: relative;
        }

    #detallesActividad li div:first-child {
        padding-left: 10px;
    }

    #detallesActividad li.actividadSeleccionada div:first-child:after {
        content: '';
        display: block;
        width: 5px;
        height: 100%;
        /*border-top: 0 solid transparent;
                    border-bottom: 20px solid transparent;
                    border-right: 20px solid #00B233;*/
        background: #00B233;
        position: absolute;
        top: 0;
        left: 0;
    }

    #detallesActividad ul li div:last-child {
        overflow: hidden;
        float: none;
    }

/*ACOMPAÑANTES*/
.wrapAcomp {
    unicode-bidi: bidi-override;
    direction: rtl;
    box-sizing: border-box;
}

    .wrapAcomp > span {
        position: relative;
        cursor: pointer;
        font-weight: normal;
        font-style: normal;
        font-size: 3em;
        box-sizing: border-box;
        margin-right: -3px;
    }

        .wrapAcomp > span.fa-plus {
            font-size: 2em;
            padding-left: 15px;
        }

        .wrapAcomp > span:not(.fa-plus):before {
            content: "\f183";
            padding: 0 5px;
            box-sizing: border-box;
        }

        .wrapAcomp > span:hover:before,
        .wrapAcomp > span:not(.fa-plus):hover ~ span:not(.fa-plus):before {
            color: #00B233;
        }

.wrapDatosAcomp > div > div {
    background: #f5f5f5;
}

.formAcomp > div {
    position: relative;
}

.formAcomp:hover .eliminarAcomp {
    opacity: 1;
}

.eliminarAcomp {
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

    .eliminarAcomp:hover {
        color: #E50000;
    }

/*FORMAS DE PAGO*/
#paymentMethod .radioButton {
    border: 1px solid #d1d1d1;
    padding: 10px;
}

    #paymentMethod .radioButton.checked {
        border-color: #00B233;
    }

    #paymentMethod .radioButton > i.fa-check {
        display: inline-block;
        position: relative;
        top: inherit;
        left: inherit;
        margin: 0;
    }

    #paymentMethod .radioButton > div {
        padding: 0;
    }

/*COMPRA FINALIZADA*/
#comprobanteCompraFinalizada {
}

    #comprobanteCompraFinalizada:after,
    #comprobanteCompraFinalizada:before {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        left: 10px;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        box-shadow: 0 15px 10px #777;
        transform: rotate(-3deg);
    }

    #comprobanteCompraFinalizada:after {
        transform: rotate(3deg);
        right: 10px;
        left: auto;
    }

/*ADMINISTRADOR CONSTANCIAS*/
.wrapBusquedaAvanzada {
    height: 100%;
    max-height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.btnBusquedaAvanzada {
    height: 30px;
    line-height: 30px;
    margin-top: -13px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 30px;
    z-index: 99;
}

/*ERROR*/
.errorText {
    display: inline-block;
    animation-name: shake;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: 50% 60%;
    -webkit-animation-name: shake;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 60%;
}

/*ERROR 404*/

.Contenterror {
    position: relative;
}

.wrap_1024Error {
    max-width: 1024px;
    margin: 0 auto;
}


#fadein div {
    -webkit-animation: fadein 2.5s ease-out; /* Safari, Chrome and Opera > 12.1 */
    animation: fadein 2.5s ease-out;
}

@keyframes fadein {
    0%, 50% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
        -webkit-transform: translateY(30px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
        -ms-transform: translateY(30px);
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
}

@media screen and (min-width:0px) and (max-width:350px) {
    #content404 {
        display: block;
    }

    #text404 {
        font-size: 80%;
    }

    #gif404 {
        max-width: 350px;
    }
}

@media screen and (min-width:350px) and (max-width:1280px) {
    #content404 {
        display: block;
    }
}


/*ERROR500*/


#svg500 {
    position: relative;
}

#content500 {
    position: absolute;
    left: 0;
    box-shadow: 0 -1px 6px -1px rgba(26,26,26,.2);
    top: 470px;
    z-index: 1;
    width: 100%;
}




/*WARNING ICONO*/
#warning_icon {
    position: relative;
    width: 100%;
}


    #warning_icon .cls-1 {
        fill: #f5fbfb;
    }

    #warning_icon .cls-2 {
        fill: #333;
    }

    #warning_icon .cls-3 {
        fill: #4c4c4c;
    }

    #warning_icon .cls-4 {
        fill: none;
        stroke: #33abb9;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 6px;
    }

/*TRIANGLE FLOOR*/

#triangle_floor {
    width: 100%;
    position: fixed;
}

    #triangle_floor .cls-1 {
        fill: #f2fafc;
    }

    #triangle_floor .cls-2 {
        fill: #ecf7f9;
    }

    #triangle_floor .cls-3, .cls-6, .cls-7, .cls-8 {
        fill: none;
        stroke-miterlimit: 10;
    }

    #triangle_floor .cls-3, .cls-8 {
        stroke: #0097a7;
    }

    #triangle_floor .cls-4 {
        fill: #f8fcfd;
    }

    #triangle_floor .cls-5 {
        fill: #0097a7;
    }

    #triangle_floor .cls-6, .cls-7 {
        stroke: #cae9ec;
    }

    #triangle_floor .cls-7 {
        stroke-width: 2px;
    }

    #triangle_floor .cls-8 {
        stroke-width: 3px;
    }

#errorGif {
    margin-top: 70px;
    -webkit-animation: animarErrorGif 3s ease 1; /* Safari, Chrome and Opera > 12.1 */
    animation: animarErrorGif 3s ease 1;
}


@keyframes animarErrorGif {
    0% {
        margin-top: 230px;
    }
    /*50%, 65%{ margin-top: 140px;}*/
    100% {
        margin-top: 70px;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes animarErrorGif {
    0% {
        margin-top: 230px;
    }
    /*50%, 65% { margin-top: 140px;}*/
    100% {
        margin-top: 70px;
    }
}

@keyframes animarErrorGif {
    0% {
        margin-top: 400px;
    }

    100% {
        margin-top: 70px;
    }
}

@media screen and (min-width:0px) and (max-width:350px) {
    #content500 {
        display: block;
        top: 500px;
    }

    .marginTop_xl #errorGif {
        margin-top: 70px;
        -webkit-animation: animarErrorGif 3s ease 1; /* Safari, Chrome and Opera > 12.1 */
        animation: animarErrorGif 3s ease 1;
    }

    @keyframes animarErrorGif {
        0% {
            margin-top: 300px;
        }

        100% {
            margin-top: 70px;
        }
    }

    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes animarErrorGif {
        0% {
            margin-top: 300px;
        }

        100% {
            margin-top: 70px;
        }
    }
}


@media screen and (min-width:350px) and (max-width:1280px) {
    #content500 {
        display: block;
        top: 470px;
    }
}

/*REGISTRO CONCLUIDO*/

#contentConcluido {
    position: relative;
}

#bgTime {
    background: url(../Img/time.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
}

.bg_patternConcluido {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../img/pattern.png) repeat;
    top: 0;
    left: 0;
    z-index: -2;
}

    .bg_patternConcluido:before {
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        background: url(../img/pattern_black.png) repeat;
        top: 0;
        left: 0;
        z-index: -2;
    }

.BorderLogo {
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 12px;
}

.positionLogo {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.positionTitulo {
    position: relative;
}

.styleTitulo {
    font-size: 300%;
}

.colorContacto {
    color: #deedf2;
}

.footerConcluido {
    height: 110px;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: inherit;
    text-align: center;
}

.Svg_LogoMonarch {
    width: auto;
}

    .Svg_LogoMonarch .cls-1 {
        fill: #36a3b6;
    }

    .Svg_LogoMonarch .cls-2 {
        fill: #f2f2f2;
    }

    .Svg_LogoMonarch .cls-3 {
        fill: #a75713;
    }

    .Svg_LogoMonarch .cls-4 {
        fill: #f47e1c;
    }

    .Svg_LogoMonarch .cls-5 {
        fill: #c16416;
    }

@media screen and (min-width:0px) and (max-width:350px) {
    .styleTitulo {
        font-size: 160%;
    }

    .sizeContacto {
        font-size: 110%;
    }

    .marginResponsive {
        margin-top: 10px !important;
    }

    .sizeSvg {
        width: 120px;
        height: 40px;
    }

    .footerConcluido {
        padding: 5px;
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        text-align: center;
    }
}

@media screen and (min-width:350px) and (max-width:750px) {
    .styleTitulo {
        font-size: 250%;
    }

    .sizeContacto {
        font-size: 100%;
    }

    .marginResponsive {
        margin-top: 5px !important;
    }

    .sizeSvg {
        width: 120px;
        height: 40px;
    }

    .footerConcluido {
        padding: 5px;
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        text-align: center;
    }
}

/*INTRO_NUEVO*/
#WrapIntroNuevo {
    position: relative;
}

#ContentIntro {
    width: 100%;
}

#Contentleft {
    float: left;
    width: 70%;
    height: 100%;
}

#Contentright {
    float: left;
    width: 30%;
    background-color: #333333;
    height: 100%;
}

.fontsizeRegistro {
    font-size: 150%;
}

.verticalLine {
    box-shadow: inset 6px 0 11px -7px rgba(0,0,0,1);
}

@keyframes shake {
    0% {
        transform: translate(1px, 0px);
    }

    10% {
        transform: translate(0px, 0px);
    }

    20% {
        transform: translate(2px, 0px);
    }

    30% {
        transform: translate(-1px, 0px);
    }

    40% {
        transform: translate(1px, 0px);
    }

    50% {
        transform: translate(0px, 0px);
    }

    60% {
        transform: translate(1px, 0px);
    }

    70% {
        transform: translate(3px, 0px);
    }

    80% {
        transform: translate(1px, 0px);
    }

    90% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(2px, 0px);
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(1px, 0px);
    }

    10% {
        -webkit-transform: translate(0px, 0px);
    }

    20% {
        -webkit-transform: translate(2px, 0px);
    }

    30% {
        -webkit-transform: translate(-1px, 0px);
    }

    40% {
        -webkit-transform: translate(1px, 0px);
    }

    50% {
        -webkit-transform: translate(0px, 0px);
    }

    60% {
        -webkit-transform: translate(1px, 0px);
    }

    70% {
        -webkit-transform: translate(3px, 0px);
    }

    80% {
        -webkit-transform: translate(1px, 0px);
    }

    90% {
        -webkit-transform: translate(0px, 0px);
    }

    100% {
        -webkit-transform: translate(2px, 0px);
    }
}

a.icon_editCategory:hover {
    font-size: 175%;
    font-weight: 500;
}

/****************************************************************************/

/*SEARCH*/
/*.buscarConstancia_input {
        border-bottom: 1px solid #fff !important;
        margin-top: 10px;
        padding: 4px 4px 4px 4px !important;
        position:center !important;
        float: unset !important;
        color: #333;
        background: #F5F5F5 !important;
    }*/



/* PAGEDLIST */
.pagination {
    text-align: right !important;
}

.activo {
    background-color: #FEF5D9 !important;
}

.btnDropdown > li > a.btnGoogle:hover {
    background-color: #fff !important;
}

.emblema {
    position: absolute;
    z-index: 2;
}
    .estatus {
        margin-top: -8px;
        margin-left: -8px;
    }
    .protegido {
        bottom: 50%;
        margin-left: -6px;
    }

    .vistaIcono {
        height:85px;
    }

    div.foco {
    height: 100%;
    width:90px;
}

    div.focoLista:hover, div.foco:hover {
        box-shadow: inset 0 0 0 -1px #49bcff;
        border-radius: 2%;
        background-color: rgba(206, 246, 245, 0.65);
    }
    div.focoLista:hover {
        border-radius: 5px;
    }

.mensajeFlotante {
    height: 40px;
    position: fixed;
    z-index: 99999;
    top: 70px;
    left: 25px;
    bottom: 10px;
    background-color: #383838;
    color: #F0F0F0;
    font-family: Calibri;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}

.tieneDudas {
    cursor: pointer;    
}

.tieneDudas:hover{
    color: #2e5df6;
}