.popupBody {
  background-color: transparent !important;
}

#pageContent {
    /*margin: 0px 50px 0px 50px;*/
    width: 90%;
    text-align: center;
    margin: auto;
}

#containerImage {
    float: left;
    text-align: left;
    clear: both;
    width: 100%;
    padding: 13px 0 13px 0;
}

#containerTitle {
    clear: both;
    font-weight: 600;
    color: #333333;
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 22px;
    line-height: 30px;
    margin: 20px 0 6px 5px;
    text-align: left;
    text-rendering: optimizelegibility;
}

.separator {
    height: 21px;
    background: none repeat scroll 0 0 #838383;
    width: 1px;
}

#containerBody {
    clear: both;
    width: 100%;
}

.contact {
    color: #222222;
    font-family: Arial,sans-serif;
    font-size: 11px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}




.form-control:-moz-placeholder {
    color: #b2bcc5;
}

.form-control::-moz-placeholder {
    color: #b2bcc5;
}

.form-control:-ms-input-placeholder {
    color: #b2bcc5;
}

.form-control::-webkit-input-placeholder {
    color: #b2bcc5;
}

.form-control.placeholder {
    color: #b2bcc5;
}

.form-control {
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 14px;
    padding: 10px;
    -webkit-appearance: none;
    border-radius: 0px;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: 300;
    margin-bottom: 25px;
    display: block
}

    .form-group.focus .form-control,
    .form-control:focus {
        border-color: #329AFB;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #f4f6f6;
        border-color: #d5dbdb;
        color: #ff0000 !important;
        cursor: default;
    }

    .form-control.flat {
        border-color: transparent;
    }

        .form-control.flat:hover {
            border-color: #bdc3c7;
        }

        .form-control.flat:focus {
            border-color: #329AFB;
        }

    .form-control + .input-icon {
        position: absolute;
        top: 2px;
        right: 2px;
        line-height: 37px;
        vertical-align: middle;
        font-size: 20px;
        color: #b2bcc5;
        background-color: #ffffff;
        padding: 0 12px 0 0;
    }

.form-control-required {
    border: 1px solid #E74C3C !important;
    color: #333333;
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 14px;
    padding: 10px;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: 300;
    margin-bottom: 25px;
    display: block
}

    .form-control-required option {
        color: #333333;
    }

.form-control-disabled {
    background-color: #f8f8f8;
    border: 1px solid rgba(34,36,38,.15);
    color: #b6b6b6 !important;
    cursor: default;
    font-size: 14px;
    padding: 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 25px;
}

select[disabled='disabled']::-ms-value {
    color: #b6b6b6 !important;
    background-color: #f4f6f6 !important;
}

.form-control-SearchBox {
    background-color: #E2ECDC;
}

/****************************************************************************************/
/******************************* BOTONES ************************************************/
/****************************************************************************************/

.btn {
    border: none;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    padding: 10px 15px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: 0.25s linear;
    transition: 0.25s linear;
    text-decoration: none;
    font-family: Roboto, open_sansregular, sans-serif;
}

    .btn:hover,
    .btn:focus {
        color: #ffffff;
        cursor: pointer;
        text-decoration: none !important;
    }

    .btn:active,
    .btn.active {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-decoration: none;
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        background-color: #bdc3c7 !important;
        color: rgba(255, 255, 255, 0.75) !important;
        opacity: 0.7 !important;
        filter: alpha(opacity=70) !important;
        cursor: default;
    }

    .btn > [class^="fui-"] {
        margin: 0 1px;
        position: relative;
        line-height: 1;
        top: 1px;
    }

.btn-xs.btn > [class^="fui-"] {
    font-size: 11px;
    top: 0;
}

.btn-hg.btn > [class^="fui-"] {
    top: 2px;
}

.btn-default {
    color: #ffffff;
    background-color: #bdc3c7;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #ffffff;
        background-color: #cacfd2;
        border-color: #cacfd2;
        text-decoration: none;
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background: #a1a6a9;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #bdc3c7;
    }

.btn-primary {
    color: #ffffff;
    background-color: #329AFB;
    text-decoration: none;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #65B3FC;
        border-color: #65B3FC;
        text-decoration: none;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background: #65B3FC;
        text-decoration: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #329AFB;
        text-decoration: none;
    }

.btn-info {
    color: #ffffff;
    background-color: #3498db;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #5dade2;
        border-color: #5dade2;
    }

    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background: #2c81ba;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #3498db;
    }

.btn-danger {
    color: #ffffff;
    background-color: #e74c3c;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #ec7063;
        border-color: #ec7063;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background: #c44133;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #e74c3c;
    }

.btn-success {
    color: #ffffff;
    background-color: #2ecc71;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #58d68d;
        border-color: #58d68d;
    }

    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background: #27ad60;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #2ecc71;
    }

.btn-warning {
    color: #ffffff;
    background-color: #f1c40f;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #f5d313;
        border-color: #f5d313;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        background: #cda70d;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #f1c40f;
    }

.btn-inverse {
    color: #ffffff;
    background-color: #333333;
}

    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .open .dropdown-toggle.btn-inverse {
        color: #ffffff;
        background-color: #65B3FC;
        border-color: #65B3FC;
    }

    .btn-inverse:active,
    .btn-inverse.active,
    .open .dropdown-toggle.btn-inverse {
        background: #2c3e50;
    }

    .btn-inverse.disabled,
    .btn-inverse[disabled],
    fieldset[disabled] .btn-inverse,
    .btn-inverse.disabled:hover,
    .btn-inverse[disabled]:hover,
    fieldset[disabled] .btn-inverse:hover,
    .btn-inverse.disabled:focus,
    .btn-inverse[disabled]:focus,
    fieldset[disabled] .btn-inverse:focus,
    .btn-inverse.disabled:active,
    .btn-inverse[disabled]:active,
    fieldset[disabled] .btn-inverse:active,
    .btn-inverse.disabled.active,
    .btn-inverse[disabled].active,
    fieldset[disabled] .btn-inverse.active {
        background-color: #333333;
    }

.btn-embossed {
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}

    .btn-embossed.active,
    .btn-embossed:active {
        -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
    }

.btn-wide {
    min-width: 140px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-link {
    color: #16a085;
}

    .btn-link:hover,
    .btn-link:focus {
        color: #329AFB;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:hover,
    .btn-link[disabled]:focus,
    fieldset[disabled] .btn-link:focus {
        color: #bdc3c7;
        text-decoration: none;
    }

.btn-hg {
    padding: 13px 20px;
    font-size: 22px;
    line-height: 1.227;
}

.btn-lg {
    margin: 5px 3px 0 3px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    padding: 10px 15px;
    width: auto
}

.btn-sm {
    padding: 9px 13px;
    font-size: 13px;
    line-height: 1.385;
}

.btn-xs {
    padding: 6px 9px;
    font-size: 12px;
    line-height: 1.083;
}

.btn-tip {
    font-weight: 300;
    padding-left: 10px;
    font-size: 92%;
}

.btn-block {
    white-space: normal;
}

.btn-default .caret {
    border-top-color: #ffffff;
}

.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
    border-top-color: #ffffff;
}

.dropup .btn-default .caret {
    border-bottom-color: #ffffff;
}

.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
    border-bottom-color: #ffffff;
}

.btn-group-xs > .btn {
    padding: 6px 9px;
    font-size: 12px;
    line-height: 1.083;
}

.btn-group-sm > .btn {
    padding: 9px 13px;
    font-size: 13px;
    line-height: 1.385;
}

.btn-group-lg > .btn {
    padding: 10px 19px;
    font-size: 17px;
    line-height: 1.471;
}

.btn-group-gh > .btn {
    padding: 13px 20px;
    font-size: 22px;
    line-height: 1.227;
}

.btn-group > .btn + .btn {
    margin-left: 0;
}

.btn-group > .btn + .dropdown-toggle {
    border-left: 2px solid rgba(52, 73, 94, 0.15);
    padding-left: 12px;
    padding-right: 12px;
}

    .btn-group > .btn + .dropdown-toggle .caret {
        margin-left: 3px;
        margin-right: 3px;
    }

.btn-group > .btn.btn-gh + .dropdown-toggle .caret {
    margin-left: 7px;
    margin-right: 7px;
}

.btn-group > .btn.btn-sm + .dropdown-toggle .caret {
    margin-left: 0;
    margin-right: 0;
}

.dropdown-toggle .caret {
    margin-left: 8px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-weight: 400;
}

.btn-group:focus .dropdown-toggle {
    outline: none;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.btn-group.open .dropdown-toggle {
    color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-toolbar .btn.active {
    color: #ffffff;
}

.btn-toolbar .btn > [class^="fui-"] {
    font-size: 16px;
    margin: 0 1px;
}

/***********************************************************************************************************/
/********************************************** EDSA Alert  ************************************************/
/***********************************************************************************************************/

.edsa-alert {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px
}

/***********************************************************************************************************/
/********************************************** EDSA Confirm  ************************************************/
/***********************************************************************************************************/

.edsa-confirm {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 16px;
}


.tooltip {
    display: inline;
    position: relative;
    
}

    .tooltip:hover:after {
        bottom: 21px;
        content: attr(text); /* este es el texto que será mostrado */
        left: -20%;
        position: absolute;
        z-index: 98;
        /* el formato gráfico */
        background: #333333; /* el color de fondo */
        color: #FFF; /* el color del texto */
        font-family: Roboto, open_sansregular, sans-serif;
        font-size: 13px;
        padding: 5px 12px 5px 12px;
        margin-bottom: 15px;
        text-align: center;
        text-transform: none !important;
        white-space: pre;
    }

    .tooltip:hover:before {
        bottom: 15px;
        content: "";
        left: 25%;
        margin-bottom: 15px;
        position: absolute;
        z-index: 99;
        /* el triángulo inferior */
        border: solid;
        border-color: #333333 transparent;
        border-width: 6px 6px 0 6px;
    }

.tooltip-error {
    display: inline;
    position: relative;
    white-space: pre;
}

    .tooltip-error:hover:after {
        bottom: 21px;
        content: attr(text); /* este es el texto que será mostrado */
        left: 20%;
        position: absolute;
        z-index: 98;
        /* el formato gráfico */
        background: #E74C3C; /* el color de fondo */
        color: #fff; /* el color del texto */
        font-family: Roboto, open_sansregular, sans-serif;
        font-size: 13px;
        padding: 5px 12px 5px 12px;
        text-align: center;
    }

    .tooltip-error:hover:before {
        bottom: 15px;
        content: "";
        left: 25%;
        position: absolute;
        z-index: 99;
        /* el triángulo inferior */
        border: solid;
        border-color: #E74C3C transparent;
        border-width: 6px 6px 0 6px;
    }

.tooltip-error-area {
    display: inline;
    position: relative;
    white-space: pre;
}

    .tooltip-error-area:hover:after {
        bottom: 56px;
        content: attr(text); /* este es el texto que será mostrado */
        left: 24%;
        position: absolute;
        z-index: 98;
        /* el formato gráfico */
        background: #E74C3C; /* el color de fondo */
        color: #fff; /* el color del texto */
        font-family: Roboto, open_sansregular, sans-serif;
        font-size: 13px;
        padding: 5px 12px 5px 12px;
        text-align: center;
    }

    .tooltip-error-area:hover:before {
        bottom: 50px;
        content: "";
        left: 25%;
        position: absolute;
        z-index: 99;
        /* el triángulo inferior */
        border: solid;
        border-color: #E74C3C transparent;
        border-width: 6px 6px 0 6px;
    }

/* ----- Formato para fileUpload ------*/
.tooltip-error-FileUpload {
    display: inline;
    position: relative;
    white-space: inherit;

}

    .tooltip-error-FileUpload:hover:after {
        bottom: 21px;
        content: attr(text); /* este es el texto que será mostrado */
        left: 20%;
        position: absolute;
        z-index: 98;
        /* el formato gráfico */
        background: #E74C3C; /* el color de fondo */
        color: #fff; /* el color del texto */
        font-family: Roboto, open_sansregular, sans-serif;
        font-size: 13px;
        padding: 5px 12px 5px 12px;
        text-align: center;
    }

    .tooltip-error-FileUpload:hover:before {
        bottom: 15px;
        content: "";
        left: 25%;
        position: absolute;
        z-index: 99;
        /* el triángulo inferior */
        border: solid;
        border-color: #E74C3C transparent;
        border-width: 6px 6px 0 6px;
    }
/*-----------------------------------------*/

/* ----- Formato para fileUpload Requerido------*/
.form-controlFileUpdate-required {
    border: 2px solid #E74C3C !important;
    color: #333333;
    font-size: 14px;
    font-family: Roboto, open_sansregular, sans-serif;
    padding: 5px 9px;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .form-controlFileUpdate-required option {
        color: #333333;
    }
/*-----------------------------------------*/


/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
    width: 215px;
}

    .ui-timepicker-div dl dt {
        float: left;
        clear: left;
        padding: 0 0 0 5px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 0 5px 25%;
        width: 70%;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
        padding: 0 5px 0 0;
    }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right;
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 45% 10px 10px;
        }

.ui_tpicker_hour_label {
    margin: 5px 0 0 0;
}

.ui_tpicker_minute_label {
    margin: 5px 0 0 0;
}



/***********************************************************************************************************/
/********************************************** EDSA Datepicker  *******************************************/
/***********************************************************************************************************/

.ui-state-default {
    background-color: #329AFB;
    color: #FFFFFF;
    border: medium none;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4;
    padding: 10px 15px;
    text-decoration: none;
    transition: all 0.25s linear 0s;
}


    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
        color: #fff;
        text-decoration: none;
        font-weight: normal;
    }

.ui-state-hover,
.ui-state-focus {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    background-color: #69B4FE;
}

.ui-priority-primary {
    font-weight: normal;
    background-color: #333333;
}

    .ui-priority-primary a,
    .ui-priority-primary a:link,
    .ui-priority-primary a:visited {
        font-weight: normal;
        background-color: #333333;
    }

    .ui-priority-primary:hover {
        font-weight: normal;
        background-color: #557095;
    }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    font-weight: normal;
}

.ui-widget {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 12px;
}

    .ui-widget .ui-widget {
        font-size: 12px;
    }
/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget { font-family: Roboto, open_sansregular; font-size: 12px; height:25px; width:90%; padding-bottom: 5px}*/
.ui-widget-content {
    background: transparent;
    color: #333333;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    color: #222222;
    font-weight: bold;
}

.ui-widget-header {
    border-bottom: 0px solid #BDC3C7;
    font-size: 14px;
    background-color: transparent;
}

    .ui-widget-header a {
        color: #222222;
    }

.ui-datepicker {
    width: auto;
    padding: 0;
    display: none;
    border: 0 none;
    background-color: #FFF;
}

.ui-datepicker {
    /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
    box-shadow: 0 1px 2px rgba(0,0,0,0.35);*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;padding: 10px;
        border-bottom: 1px solid #e8e9ea;
        border-radius: 0px;
    }

    .ui-datepicker .ui-datepicker-header {
        background: #ffffff;
    }

    .ui-datepicker th {
        color: #329AFB !important;
        border: 0 #e8e9ea solid !important;
        border-width: 1px 0 !important;
        background: #ffffff;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 9px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 9px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
        color: #333333;
        text-transform: uppercase;
        font-weight: 300
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 12px;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        /*width: 1px;*/
        font-size: .9em;
        border-collapse: collapse;
        margin: -1px 0 0 0;
        background-color: #fff;
    }

    .ui-datepicker th {
        padding: 10px;
        text-align: center;
        font-weight: 300;
        border: 0;
        font-size: 13px;
        color: #868686;
        border-top: 0px solid #ebebeb !important;
    }

    .ui-datepicker td {
        border: 0;
        padding: 0;
        border-bottom: 1px solid #fff;
        border-top:0;
        border-left:0;
        border-right:0;
    }

    .ui-datepicker td a {
        display: block;
        padding: 0 !important;
        width: 100%;
        height: 40px;
        border: 0 none !important;
        border-radius: 100%;
        line-height: 40px;
        text-align: center;
        font-size: 12px;
        text-decoration: none;
        font-weight: bold !important;
    }

    .ui-datepicker td a.ui-state-default {
        color: #5d5d5d;
        background: #ffffff; /* Old browsers */
        border-radius: 0;
    }

    .ui-datepicker tr:first-child {
        border: 0px solid #27292b;
    }

.ui-datepicker-current-day a {
    background: #F4F4F4 !important;
    filter: none !important;
    color: #329AFB!important;
    border-radius: 0px !important;
}

td.ui-datepicker-unselectable {
    border-color: #ffffff !important;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }


        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left;
        }

.ui-datepicker .ui-icon-circle-triangle-w {
     background: url(../../../images/left.svg) no-repeat !important;
}

.ui-datepicker .ui-icon-circle-triangle-e {
    background: url(../../../images/right.svg) no-repeat !important;
}

.ui-datepicker-header .ui-state-hover {
    border: 0;
    background: none;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}



/***********************************************************************************************************/
/********************************************** EDSA Tabs  *******************************************/
/***********************************************************************************************************/

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border: 0px solid #329AFB;
            border-bottom: 0px;
            padding: 0;
            white-space: nowrap;
            background-color: #329AFB;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 12px;
                text-decoration: none;
                color:#FFF
            }

                .ui-tabs .ui-tabs-nav li a:hover {
                    float: left;
                    padding: .5em 12px;
                    text-decoration: none;
                    color: #fff;
                    /*background-color: #89B574;*/
                    border: 0px solid #EFF0F2;
                }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: -1px;
                padding-bottom: 1px;
                border: 0px solid #EFF0F2 !important;
                border-bottom: 0px;
                background: #ffffff;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
                    cursor: text;
                    color: #329AFB;
                }

            .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
            .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }

    .ui-tabs .ui-tabs-panel {
        display: block;
        padding: 12px 1.4em;
        background-color: #FFF;
        border: 0px solid #BDC3C7;
    }

.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
    color: #ffffff;
    background: none repeat scroll 0 0 #333333;
    padding: 5px;
    font-size: 44px;
    border: none;    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

    .ui-button:hover, button.ui-button.ui-state-hover, .ui-button.ui-state-hover {
        border: none;
        background-color: #23475f;
        color: #fff;
        cursor: pointer;
    }

    .ui-button .ui-button-text {
        font-size: 12px;
    }

.ui-button-text-only .ui-button-text {
    padding: 0;
}

.ui-button filter {
    padding: 14px;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .12px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: none;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 12px;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 12px .4em 2.12px;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.12px .4em 12px;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.12px;
    padding-right: 2.12px;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 12px;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-spinner {
    position: relative;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    height: 25px;
}

.ui-spinner-input {
    color: #6e6e6e;
    padding: 10px;
    overflow: visible;
    vertical-align: middle;
    text-align: right;
    /*-webkit-appearance: none;*/
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    direction: ltr;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: -6px;
}

.ui-spinner-down {
    bottom: -10px;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.subtitle {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 18px;
    line-height: 1.72222;
    color: #333333;
}

.subtitle1 {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 15px;
    line-height: 1.72222;
    color: #333333;
}

.label, .tableFields {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 15px;
    color: rgba(0,0,0,.87);
    margin-bottom: 7px;
    font-weight: 300;
    text-align: left
}
.labelB {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 15px;
    color: rgba(0,0,0,.87);
    margin-bottom: 7px;
    font-weight: 400;
    text-align: left
}
.labelRed {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 12px;
    color: #E74C3C;
    white-space: nowrap;
    text-align: left;
}

.labelGray {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 12px;
    color: #6e6e6e;
    white-space: nowrap;
    text-align: left;
}

.labelRedAlarm {
    font-family: Roboto, open_sansregular, sans-serif;
    font-size: 15px;
    color: #E74C3C;
    white-space: nowrap;
    text-align: left;
}

.tableFields {
}

.inputTD {
    padding-right: 40px;
}

.labelTD {
    padding-right: 20px;
}

option {
    /*padding: 3px 6px !important;*/
    color: #1c4072 !important;
    font-size: 13px;
    line-height: 20px !important;
}

    option:hover {
        padding: 3px 6px !important;
        color: #1c4072 !important;
        background-color: #EFF3F7;
    }

/* Estilos TOOLTIPS facundo*/

.ui-tooltip-gridheader { background-color: #333333; padding: 0 !important; border: 1px solid #333333; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-gridheader:before { bottom: -8px; content: ""; left: 40%; margin-bottom: 0px; position: absolute; z-index: 99; border: solid; border-color: #333333 transparent; border-width: 6px 6px 0 6px; }
.ui-tooltip-gridheader .ui-tooltip-content { background-color: #333333; padding: 4px; color: #FFF; }
.ui-tooltip-gridcell { background-color: #FAFAFA; padding: 0 !important; border: 1px solid #EEE; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-gridcell .ui-tooltip-content { background-color: #FAFAFA; padding: 4px; color: #666; }
.ui-tooltip-error { background-color: #E74C3C; padding: 0 !important; border: 1px solid #E74C3C; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-error:before { bottom: -8px; content: ""; left: 40%; margin-bottom: 0px; position: absolute; z-index: 99; border: solid; border-color: #E74C3C transparent; border-width: 6px 6px 0 6px; }
.ui-tooltip-error .ui-tooltip-content { background-color: #E74C3C; padding: 4px; color: #FFF; }
.ui-tooltip-button { background-color: #333333; padding: 0 !important; border: 1px solid #333333; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-button:before { bottom: -8px; content: ""; left: 40%; margin-bottom: 0px; position: absolute; z-index: 99; border: solid; border-color: #333333 transparent; border-width: 6px 6px 0 6px; }
.ui-tooltip-button .ui-tooltip-content { background-color: #333333; padding: 4px; color: #FFF; }
.ui-tooltip-BandejaAnalisis { background-color: #333333; padding: 0 !important; border: 1px solid #333333; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-BandejaAnalisis:before { bottom: 40%; content: ""; left: -8px; margin-bottom: 0px; position: absolute; z-index: 99; border: solid; border-color: transparent #333333; border-width: 6px 6px 6px 0px; }
.ui-tooltip-BandejaAnalisis .ui-tooltip-content { background-color: #333333; padding: 4px; color: #FFF; }
.ui-tooltip-MenuToggle { background-color: #E74C3C; padding: 0 !important; border: 1px solid #E74C3C; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-MenuToggle:before { top: -8px; content: ""; left: 45%; margin-bottom: 0px; position: absolute; z-index: 99; border: solid; border-color: #E74C3C transparent; border-width: 0px 6px 6px 6px; }
.ui-tooltip-MenuToggle .ui-tooltip-content { background-color: #E74C3C; padding: 4px; color: #FFF; }
.ui-tooltip-AyudaToggle { background-color: #E74C3C; padding: 0 !important; border: 1px solid #E74C3C; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-AyudaToggle .ui-tooltip-content { background-color: #E74C3C; padding: 4px; color: #FFF; }
.ui-tooltip-flatblue { background-color: #333333; padding: 0 !important; border: 1px solid #333333; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-flatblue .ui-tooltip-content { background-color: #333333; padding: 4px; color: #FFF; }
.ui-tooltip-BandejaAnalisisRefresh { background-color: #E74C3C; padding: 0 !important; border: 1px solid #E74C3C; border-radius: 0px; box-shadow: none !important; }
.ui-tooltip-BandejaAnalisisRefresh:before { bottom: -8px; content: ""; left: 40%; margin-bottom: 0px; position: absolute; z-index: 99; border: solid; border-color: #E74C3C transparent; border-width: 6px 6px 0 6px; }
.ui-tooltip-BandejaAnalisisRefresh .ui-tooltip-content { background-color: #E74C3C; padding: 4px; color: #FFF; }

.form-label {
    font-size: 12px;
}

.form-label-info {
    font-size: 12px;
    background-color: #eaeaea;
}


.popupListItem {

}

.popupListItem a {
    font-size: 13px;
    cursor: pointer;
    color: #585858;
    text-decoration: none;
}

.notificacionVistaPreviaCuerpoPopup {
    line-height: 18px;
    padding: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    color: #333;
}


.ui-datepicker-calendar{width: 100%}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #329AFB;
    border-radius: 8px;
}