/*  Gen modeno 

    

body {
    padding-top: 70px;
    padding-bottom: 20px;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
            font-family: 'dubai';

}


@media (max-width: 767px) {
    .top-menu {
        top: 6px;
        right: 52px;
        width: 100%;
    }

        .top-menu > .navbar-nav > li {
            float: none !important;
        }
}

@media (min-width: 768px) {
    .top-menu {
        margin-right: -15px;
    }

    .top-auth-menu {
        margin-left: auto;
    }
}
*/

body {
    font-family: Arial, Helvetica, sans-serif !important;
}
/* Site.Css*/

style {
    font-style: normal;
    color: white;
}

.HeaderGridCustom {
    background-color: #00525E;
    color: white;
    text-align: center;
}


/*GRidView Main*/
.customeHeaderSyle {
    background-color: #00525E;
    column-width: 100px;
    text-align: center !important;
    color: white;
}

    .customeHeaderSyle a {
        color: white;
        text-align: center;
        column-width: 300px;
    }

.customeHeaderSyleNomLarge {
    background-color: #00525E;
    column-width: 100px;
    text-align: center !important;
    color: white;
}

    .customeHeaderSyleNomLarge a {
        color: white;
        text-align: center;
    }


.customeFooterSyle {
    background-color: #737373;
    column-width: 80px;
    text-align: center !important;
    color: white !important;
}

    .customeFooterSyle a {
        color: white;
        text-align: center;
        column-width: 80px;
    }
/*-------------------------------*/

/*    sub gredviee        */


.customeHeaderSyle_sbGV {
    background-color: #808080;
    column-width: 50px;
    text-align: center !important;
    color: white;
}

    .customeHeaderSyle_sbGV a {
        color: white;
        text-align: center;
        column-width: 100px;
    }


.customeFooterSyle_sbGV {
    background-color: #808080;
    column-width: 20px;
    text-align: center !important;
    color: white !important;
}

.customeFooterSyle a {
    color: white;
    text-align: center;
    column-width: 80px;
}

/*----------------------------------*/


/*Encabezados de columnas amplias centradas*/
.customeHeaderSyle2 {
    background-color: #00525E;
    text-align: center;
    /*color: white;*/
}

    .customeHeaderSyle2 a {
        color: white;
        text-align: center;
    }

.customeHeaderSyleBack {
    background-color: white;
}

    .customeHeaderSyleBack a {
        color: black;
    }

.customeHeaderSyleTab {
    background-color: white;
}

    .customeHeaderSyleTab a {
        color: white;
    }

customeHeaderSyleJscrip {
    background-color: #00525E;
    text-align: center !important;
    color: white;
    /*column-width: 100px;*/
}

.aspnetForm {
    height: 100%;
}

header {
    flex: none;
    border-bottom: 1px solid #c7c7c7;
    background: #fff;
    width: 100%;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    top: -100px;
    z-index: 1000;
}
/*header.shrink {*/
.shrink {
    opacity: 0.9;
    position: fixed;
    top: 0;
    left: 0;
}

.title {
    float: left;
    padding: 8px;
    padding: 8px 0;
}

    .title a {
        font-weight: 600;
        /*font-size: 1.8em;*/
        font-size: 0.9em;
        color: #c7c7c7;
        text-decoration: none;
    }

    .title p {
        color: #b2b2b2;
        font-weight: 600;
        /*margin: 0;*/
    }

.expandBar {
    padding: 0;
    /*padding: 0 !important;*/
    width: 100%;
}

.expandedPanel .title {
    display: none;
}

.panelContent {
    padding-top: 15px;
}

.expandedPanel .pull-right {
    float: none;
    /*float: none !important;*/
}

.panelItem {
    display: inline-block;
}

.expandedPanel .panelItem {
    display: block;
}

.expandedPanel .panelContent {
    padding-bottom: 15px;
}

.loginButton {
    margin: 0 0 1px 20px;
}

.expandedPanel .loginButton {
    width: 100%;
    margin: 10px 0 0 0;
    text-align: left;
}

    .expandedPanel .loginButton .dropdown-toggle {
        width: 100%;
    }

.loginButton-large,
.expandedPanel .loginButton-small {
    display: none;
}

.expandedPanel .loginButton-large {
    display: inline-block;
}

.btnBackToTop {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 70px;
    z-index: 100;
    display: inline;
    text-decoration: none;
    cursor: pointer;
}

    .btnBackToTop i {
        font-size: 60px;
        color: #c7c7c7;
    }

        .btnBackToTop i:hover {
            color: #e0e0e0;
        }

.wrapper {
    display: -webkit-box;
    display: flex;
    min-height: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.content {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    margin-bottom: 40px;
}

.latestPosts li:not(:last-child) {
    border-bottom: 1px dotted #fff;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/*usados en contactos*/

/*Contact Us*/
.map {
    height: 300px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop40 {
    margin-top: 40px;
}

/*pie page*/
.footerUp {
    padding-bottom: 26px;
    /*background: #002541;*/
    background: gray;
}

.footerDown {
    background: #000000;
}

    .footerDown p {
        margin: 16px 0;
    }

footer {
    flex: none;
    color: white;
}

    footer a {
        color: #cecaca;
    }

        footer a:hover,
        footer a:focus {
            color: #fff;
        }

    footer h4 {
        margin-top: 32px;
    }



/*NO USADOS*/

/*Blog*/
.blogImage {
    width: 100%;
}

.dataViewPosts .blogImage {
    padding-top: 25px;
}

.textToCenter {
    color: #c7c7c7;
}

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

.blogNavBar {
    margin-top: 45px;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    cursor: default;
    background-color: #00525E;
    border-color: #008599;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #00525e;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .pagination > li > a:hover {
        z-index: 2;
        color: #00525e;
        background-color: #f2f2f2;
        border-color: #ddd;
    }



/* StyleCustomOGPM  */
.CapComboBox {
    color: black;
    text-align: center;
    font-size-adjust: inherit;
}

.CapComboBoxRight {
    color: slategray;
    text-align: right;
    font-size-adjust: inherit;
}

.CapComboBoxLeft {
    color: slategray;
    text-align: left;
    font-size-adjust: inherit;
}

.TitleGroup { /* Se modifico para el titulo del check box de sumary */
    Font-Size: large;
    text-align: center;
    font-weight: 600;
    color: #000000;
}

.SubTitleGroup {
    Font-Size: large;
    text-align: center;
    font-weight: 600;
}

.TitleMid {
    color: #000000;
    Font-Size: 20px;
    text-align: center;
}

.TitleLitle {
    color: #717177;
    Font-Size: 18px;
    text-align: center;
}

.TitleLitleBlack {
    color: black;
    Font-Size: 18px;
    text-align: center;
}

.TitleMidBlack {
    color: #00525E;
    Font-Size: 20px;
    text-decoration: underline;
    text-align: center;
}

.TitleChart {
    color: black;
    Font-Size: 10px;
    text-align: center;
}

.CapTextBox {
    color: black;
    font-size: inherit;
    text-align: right;
    direction: rtl;
}

.CapDateEdit {
    color: black;
    text-align: center;
    font-size: inherit;
}

.CapDescription {
    color: slategray;
    text-align: left;
    font-size-adjust: inherit;
}

.SympleControl {
    color: slategray;
    font-size-adjust: initial;
}

.WorkFrameCustomMain {
    border-radius: 25px;
    background-color: #008599;
    border-style: hidden;
}

.WorkFrameCustom {
    border-radius: 25px;
    border-style: hidden;
}

.WorkFrameCustom2 {
    border-radius: 15px;
    border-color: black;
    border-style: hidden;
}

.WorkFrameCustomTab {
    color: white;
}

.capCheckBox {
    color: slategray;
    text-align: center;
    font-size-adjust: inherit;
    font-weight: 700;
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 700;
    cursor: pointer;
}


.capCheckBoxLost {
    color: black;
    border: solid;
    margin-block: auto;
    border-color: #00525E;
    align-content: center;
    font-weight: 700;
}

.checkLost {
}


.MainContainer {
    border: 0;
    border-top: solid #337ab7 1px;
    border-bottom: solid #337ab7 1px;
    border-left: solid #337ab7 1px;
    border-right: solid #337ab7 1px;
    background: #008599;
}

.MainTitles {
    color: black;
    font-size: large;
    text-align: center;
    font: 500;
}


.MainControlTitles {
    color: #000000;
    font-size: 38px;
    text-align: center;
    font: 500;
}

.DateControlTitles {
    color: #000000;
    font-size: 11px;
    text-align: left;
    /*font: 400;*/
}

/*Permite crear marcos dentro de paginas 
Ajuste Horizontal */
.mygrid-wrapper-div {
    overflow: auto;
    border: none;
    zoom: inherit;
}

/*Ajuste Vertical*/
/*Solo para reportes puntos 2 2 y 3 grid*/
.mygrid-wrapper-div-Ver {
    height: 350px;
}



.RowCustom1 {
    /*background-color: #52658c;*/
    background-color: #008599;
    color: #ffffff;
}

.ViewTableCell {
    display: table-cell;
    float: none;
}


/* Controla los elementos del GRid y de las tablas*/

.dxbs-gridview > .panel > table > tbody > tr.bg-primary .btn-link { /*Ajuste del header lo que no hereda.*/
    /* color: cornflowerblue;*/
    color: black;
}

.dxbs-gridview > .panel > table > tbody > tr.bg-primary { /*Fila selecionada*/
    color: #00525E;
    font-style: italic;
}

    .dxbs-gridview > .panel > table > tbody > tr.bg-primary .btn-link { /*EL boton link (Editar/Borrar) de fila selecionada. */
        color: #000000 !important;
        font-style: italic;
    }

.table_Class > tbody > tr:nth-of-type(odd) { /*impares*/
    background-color: #ffffff;
    color: black;
}

.table_Class > tbody > tr:nth-of-type(even) { /*pares*/
    background-color: #f5f5f5;
    color: black;
}

/*Ajusta ellipse boton del Icono Sort center los Grid.*/
.btn-link {
    color: #52658c;
}

    .btn-link active {
        color: red;
    }


/*FIN Controla los elementos del GRid y de las tablas */

.dxpLite_Default1 {
    font: 12px Tahoma,Geneva,sans-serif;
    color: black;
    padding: 5px 2px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #FFFF00;
}

    .dxpLite_Default1 a {
        color: #394EA2;
        text-decoration: underline;
    }

.dxpLite_GridViewVOGPM {
    padding-top: 4px;
    border-radius: 15px;
    color: #000080;
    font-weight: bold;
    text-align: center;
    background: #e6fcff;
    -webkit-border-radius: 15px;
}

/*FIN Lo que antes estuvo en WellTesting CSS*/

/*Modo sin definir clase en la columna*/

.dxbs-footer-row {
    color: black;
}


/*usada  grid header column  jalg
    Depreciada por que pone las cosas en azul.
*/
.CenterTextHeaderColumnGrid {
    text-align: center;
    background-color: #52658c;
    border-color: white;
}

/*FIN Header-Columna borrar/Editar*/

/* En chemical y Chart, Deliveri point ver si es requerido*/
.CellGrid {
    background-color: #52658c;
    color: #000000;
    text-align: center;
}
/* En chemical ver si es requerido*/

/* el tooltip personalizado en los chart de API x lotes*/
.state-tooltip {
    background-color: #e6fcff;
    color: #000000;
    text-align: center;
}
/*En Chart*/
/*
.HeaderGridCombo {
    background-color: #52658c;
    color: #ffffff;
    text-align: center;
}

.CusChartSerie {
    border: 0px;
}
    */
/*FIN En Chart*/
/*.customCSS input[type='checkbox'] {
    color: slategray;
    height: 25px;
    width: 25px;
}

.customCSS label {
    color: slategray;
    background-color: red;
}*/
/*
.btn-toolbar, .dxbs-toolbar, btn-default {
    color: yellow;
    background-color: #51658c;
}
*/
.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
    color: white;
    background-color: #00525E;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: black;
}




.updateFileForm {
    /*   visibility: hidden; */
    align-content: center;
    margin-top: 30px;
    border: 1px solid lightgray;
    background-color: #fff;
    border-radius: 6px;
    transition: .2s;
    font-size: 14px !important;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    height: 320px;
}

.btn-default {
    color: #fff;
    background-color: #00525E;
    border-color: #ccc;
}


.btn-main {
    color: #fff;
    background-color: black;
    border-color: #ccc;
}

.btn-info {
    color: #fff;
    background-color: black;
    border-color: #46b8da;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*   NUEVO 2020-07-15*/
.btn-primary {
    color: #fff;
    background-color: #00525E !important;
    border-color: #000000 !important;
}


/*DrawZone For File Uploads*/
.dropZoneExternal > div,
.dropZoneExternal > img {
    position: absolute;
}

.dropZoneExternal {
    position: relative;
    border: 1px dashed #00525e !important;
    cursor: pointer;
}

.dropZoneExternal,
.dragZoneText {
    width: 100%;
    max-width: 350px;
    min-width: 286px;
    height: 350px;
}

#dragZone {
    width: 100%;
    display: table;
}

#uploadedImage {
    width: 100%;
}

.dropZoneText {
    width: 300px;
    height: 150px;
    color: #fff;
    background-color: #888;
}

#dropZone {
    top: 0;
    padding: 100px 25px;
}

.uploadControlDropZone,
.hidden {
    display: none;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20pt;
}

.dragZoneText {
    color: #808080;
}

.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-weight: normal !important;
}

.validationMessage {
    padding: 0 20px;
    text-align: center;
}

.uploadContainer {
    width: 100%;
    max-width: 350px;
    min-width: 286px;
    margin-top: 10px;
}

.Note {
    max-width: 500px;
}

.dxbs-gridview {
    color: #00525e;
}


/* Del boostrap modificado por hector*/


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    /*   NUEVO 2020-07-15*/
    .form-control:focus {
        border-color: #00525E;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217, 217, 217,.9);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217, 217, 217,.9);
    }

    /*   NUEVO 2020-07-15*/
    .form-control::selection {
        background-color: #00525E;
        color: white;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #ccc;
    }

form1-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/*   NUEVO 2020-07-15*/
.form1-control:focus {
    border-color: #00525E;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217,217,217,.9);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217,217,217,.9);
}

.dxbs-textbox .form-control,
.dxbs-dropdown-edit .input-group .form1-control {
    display: inline-block;
    margin-bottom: 0px;
    text-align: right;
}



/*   NUEVO 2020-07-15*/
.form1-control::selection {
    background-color: #00525E;
    color: white;
}

.form1-control[disabled], .form1-control[readonly], fieldset[disabled] .form1-control {
    background-color: #e6f2ff;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    background-color: #f2f2f2;
    border-radius: 4px 4px 4px 4px;
}

    .nav-tabs > li > a:hover {
        /*font-family: 'dubai'*/
        border-color: #eee #eee #ddd;
        background-color: #000000;
        color: white;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #00525E;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}


/*ajustar son por qu no se ven botones grid en api*/
.TableRowsCustom {
    color: black;
}


/*ajustar son por qu no se ven botones grid en api*/



/*
<HeaderStyleCollapsed BackColor="#824614" ForeColor="White" > </HeaderStyleCollapsed >
<HeaderStyle BackColor="Gainsboro" ForeColor="#52658C" > </HeaderStyle >*/


/*   NUEVO 2020-07-15*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a {
    color: #fff;
    text-decoration: none;
    background-color: #00525E !important;
    outline: 0;
}

/*   NUEVO 2020-07-15*/
.dropdown-menu > li > a:hover {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    background-color: #e6f2ff;
}


/* PARA REVISAR POSTERIOR*/

element.style {
    color: Black;
    background-color: #eeeee4;
    border-top-color: #00525E;
    border-top-style: Solid;
    border-top-width: 1px;
}

span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    line-height: 100%;
    padding: 2px 0;
    text-decoration: inherit;
}

.dxbs-gridview > .panel .dxbs-table > tbody > .dxbs-empty-data-row > td {
    padding: 1em;
    color: #000000;
    text-align: center;
    background: #f2f2f2;
}

.panel-default > .panel-heading {
    color: #000000;
    background-color: #f2f2f2;
    border-color: #ddd;
    font-size: 20px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #00525E;
    border-color: #000000;
}

.MainTitleChart {
    color: #000000;
}

.IconColors {
    color: #000000;
    Font-Size: 20px;
    text-align: center;
}

.dxbs-gridview > .panel .dxbs-table > thead > tr > th > a:not(:last-child),
.dxbs-gridview > .panel .dxbs-table > thead > tr > th > span:not(:last-child),
.dxbs-th.panel > .panel-body > a:not(:last-child),
.dxbs-th.panel > .panel-body > span:not(:last-child) {
    display: table-cell;
    width: 99.9%;
    vertical-align: middle;
    color: #002c33 !important;
}