/*COLOR 
    CELESTE #009ADA
*/

/*HOUSEBUILD*/







/*BACKEND*/



/*LOGIN*/
.alert {
    margin-bottom: 0px;
    margin-left: 0px;
    border-radius: unset;
}


/*INDEX*/
#htmlIndex {
    height: 100vh;
}

#bodyIndex {
    height: 100vh;
}

.noScript {
    text-align: center !important;
}

    .noScript h1, .noScript p {
        color: red !important;
    }

.bg-red {
    /*background-color: #A71F2D !important;*/
    background-color: #1f70c3 !important;
    color: white !important;
}



.skin-black .sidebar-menu > li > .treeview-menu {
    margin: 0 0px;
    padding-left: 10px;
}

.skin-black .sidebar-form input[type="text"], .skin-black .sidebar-form .btn {
    /*background-color: #2c3b41;
    color: #b8c7ce;*/
    background-color: #1f70c3;
    color: #1f70c3;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        width: 230px !important;
    }
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    /*background-color: #2c3b41;*/
    background-color: #1f70c3;
}

#modalError, #modalExitoso, #modalAdvertencia, #modalInformacion {
    padding-top: 15%;
}

.modal .alert {
    margin-bottom: 0px;
}

.alert a {
    text-decoration: none !important;
}

.alert .close {
    color: white !important;
    opacity: 1 !important;
}

.alert-info {
    background-color: dodgerblue !important;
}

.modal-body {
    padding: 1px;
}

.alert p {
    text-align: center;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 9999999;
    text-align: center;
}

#loading-image {
    position: relative;
    top: 30%;
    left: 0;
    z-index: 10004;
}

.textAlignLeft {
    text-align: left !important;
}

.textAlignRight {
    text-align: right !important;
}

.textAlignCenter {
    text-align: center !important;
}

.floatRight {
    float: right;
}

.skin-black .main-header > .logo {
    background: none;
    border-right: none;
    color: white;
}

    .skin-black .main-header > .logo:hover {
        background: none;
        border-right: none;
        color: white;
    }

.skin-black .main-header > .navbar > .sidebar-toggle {
    color: white;
    border-right: none;
}

.skin-black .main-header > .navbar .nav > li > a {
    color: white;
}

.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header > .navbar .navbar-right > li > a {
    border-left: none;
}

iframe {
    border: 1px;
}

.e-disable {
    opacity: 0.75;
}


/* PROGRESS BAR*/
.e-progressbar {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .e-progressbar .e-progress {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

#textArea {
    width: 1000px;
    height: 400px;
}


/*Pop Up*/
.tituloCampo {
    text-align: right;
    font-weight: bold;
}

.gridform div {
    text-align: center;
}

.gridform .e-tab {
    text-align: justify !important;
}

.e-ddl .e-widget, .e-ddl, .e-numeric {
    width: 100%;
}


.e-in-wrap .e-box {
    min-width: 175px !important;
}

.e-datepicker.e-js.e-input, .e-datetimepicker.e-js.e-input {
    height: 26px !important;
}

.e-dialog > .e-header .e-title {
    font-weight: bold;
}

.e-button-container .e-btn.e-select {
    height: 20px;
}

div[id$="ConfirmDialog_wrapper"].e-dialog.e-dialog-wrap {
    width: 350px !important;
    top: 180px !important;
}

.gridform table {
    width: 100%;
}

.e-dialog > .e-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.e-dialog > .e-dialog-scroller {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.e-dialog .e-ejinputtext {
    height: 26px;
}

input[id$="ConfirmDialogCancel"].e-button {
    background-color: white;
    color: #1f70c3;
    border-color: #1f70c3;
}

    input[id$="ConfirmDialogCancel"].e-button:hover {
        background-color: #86cbea;
    }

.e-dialog-content {
    width: 100% !important;
}


div[id$="dialogEdit_wrapper"].e-dialog.e-dialog-wrap {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 60% !important;
}

    div[id$="dialogEdit_wrapper"].e-dialog.e-dialog-wrap.dialogChico {
        width: 40% !important;
    }

    div[id$="dialogEdit_wrapper"].e-dialog.e-dialog-wrap.dialogGrande {
        width: 80% !important;
        left: 8% !important;
    }

    div[id$="dialogEdit_wrapper"].e-dialog.e-dialog-wrap.dialogExtraGrande {
        width: 95% !important;
        left: 3% !important;
    }


.dialogLetraChica .e-dialog.e-widget-content {
    font-size: 12px !important;
}

    .dialogLetraChica .e-dialog.e-widget-content .e-ddl .e-input,
    .dialogLetraChica .e-dialog.e-widget-content .e-ddl .e-input[readonly],
    .dialogLetraChica .e-dialog.e-widget-content .e-ddl-popup,
    .dialogLetraChica .e-dialog.e-widget-content .e-ddltxt,
    .dialogLetraChica .e-dialog.e-widget-content .e-ddl .e-options {
        font-size: 12px;
    }



/*Accordion*/
.e-acrdn > .e-select {
    line-height: normal;
}

.e-acrdn .e-select {
    font-size: 13px;
}

.e-acrdn > .e-content {
    padding: 0px;
}

.e-acrdn.e-js.e-widget {
    padding-bottom: 6px;
}

/*Validaciones*/
.e-grid div.e-error .e-toparrow {
    border-bottom-color: red !important;
}

.e-grid div.e-field-validation-error {
    background-color: red;
    color: white;
}

.e-error {
    width: auto !important;
}

.e-grid .e-error div.e-field-validation-error {
    padding: 4px;
    font-size: 12px;
}

.e-field-validation-error {
    word-break: break-all;
}


/*Grilla*/

.e-rowcell .e-btn.e-select {
    height: 26px;
}

.e-grid, .e-grid .e-headercelldiv {
    font-size: 12px;
}

.e-icon.e-down-arrow, .e-rowcell .e-icon.e-edit {
    color: white !important;
}


/*.conDetalle table > colgroup > col:first-child {
    width: 15px !important;
}*/

td.e-groupcaption {
    font-weight: bold !important;
}

.e-grid .e-rowcell {
    padding: 0.5em;
}

.e-grid .e-gridheader {
    height: 32px;
}

.e-grid .e-toolbar.e-toolbarspan {
    height: 32px;
}

.e-pager {
    padding-bottom: 2px;
    padding-top: 6px;
}

.e-grid .e-unboundcelldiv button {
    height: 21px !important;
}

.e-grid .emptyrecord {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
/*Le agregue important para que prevalezca a una clase externa a la grilla. MLUCERO*/
.e-grid td.e-active {
    background: #FF9C2F !important; /*linear-gradient(to bottom,#3277b2,#296293);*/
    color: white !important;
}

.e-grid tr.e-hover {
    background-color: #d7ebf9;
    color: black;
}

.e-grid .e-detailindentcell {
    border-right-color: #95B3D7;
}

.e-detailrow, .e-detailrowexpand {
    background-color: #95B3D7;
}

.e-table tbody tr {
    line-height: 20px;
}

.e-grid .e-rowcell {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    line-height: 20px;
}

.e-grid .e-detailcell {
    padding-top: 5px;
    padding-bottom: 4px;
    padding-right: 4px;
}

.e-grid .e-ejinputtext {
    width: 100%;
    /*min-width: 175px;*/
    min-width: 10px !important;
    padding: 0px;
    height: 26px;
}

.e-grid input.e-input, .e-grid input[type="text"].e-input, .e-grid .e-input.e-placeholder {
    padding-left: 4px !important;
}

.grillaConFuente11 {
    font-size: 11px !important;
}

    .grillaConFuente11 .e-ejinputtext, .grillaConFuente11 .e-numeric,
    .grillaConFuente11 input.e-input, .grillaConFuente11 .e-grid input[type="text"].e-input {
        font-size: 11px !important;
        text-indent: 3px !important;
    }

.e-grid .e-icon.e-gnextforward {
    margin-top: 3px;
    padding-top: 3px;
}

.e-grid td.e-active .e-icon.e-gnextforward {
    color: white;
}

.e-gridtoolbar.e-toolbar.e-js.e-widget.e-box.e-toolbarspan ul:last-child, .e-gantttoolbar.e-toolbar.e-js.e-widget.e-box.e-toolbarspan.e-tooltip ul:last-child {
    float: right;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.table label {
    margin-bottom: 0px;
}

.filaNaranjaClarito {
    background-color: #fbc97f !important;
}

.filaRojoClarito {
    background-color: tomato !important;
}

.filaRosaClarito {
    background-color: #FFB6C1 !important;
}


.filaEnTrabajo {
    background-color: #95B3D7 !important;
    color: black;
}

    .filaEnTrabajo.e-hover {
        color: white !important;
    }

.e-grid .e-detailrowexpand .e-icon.e-gdiagonalnext {
    color: white;
}

.e-tab .e-header.e-addborderbottom {
    background-color: #95B3D7;
}


.e-grid .e-gridheader {
    height: auto !important;
}




/* TABLA */
.table {
    margin-bottom: 0px;
}

    .table tbody tr td {
        padding: 4px;
    }

.tablaCompactaAmplia tbody tr td {
    padding-left: 15px;
    padding-bottom: 10px;
    vertical-align: initial;
}

.tablaCompacta tbody tr td {
    padding-left: 8px;
    padding-bottom: 5px;
}

    .tablaCompacta tbody tr td p {
        margin-top: 8px;
    }

.tablaResumen {
    background-color: #B8CCE4;
    border-color: #035ca5;
    border-style: groove;
}

    .tablaResumen tbody tr td {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }




/* ICONOS */
.reporte:before {
    content: "\e743";
}

.recargar:before {
    content: "\e677";
}

.key:before {
    font: normal normal normal 14px/1 FontAwesome !important;
    content: "\f084";
}

.au-btn-verde {
    background-color: #4AC959 !important;
    color: white !important;
}

    .au-btn-verde:hover {
        background: #455A64 !important;
        color: white !important;
    }