#preloader, #preloaderImp
{
    background-color: #ffffff !important;
    border: 1px solid;
    border: none;
    color: #808080;
    left: 45%;
    padding: 10px;
    /*position: absolute;*/
    position: fixed;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 15001;
}

.dxlp-withoutBorders, .dxlp-withoutBorders *{
     background-color: #ffffff !important;
    border: 1px solid !important;
}

body .popover{
        max-width: 100%;
    }

#fullheight{
    min-height:100% !important;
}
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
}

.nav > li > a {
    padding:3px 15px;
}

/* main layout
----------------------------------------------------------*/
/* Medidas para 1024 */
/*.container { width: 1000px !important; min-width:1000px; max-width: 1000px; }*/

.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

#body {
    background-color: #efeeef !important;
    clear: both;
    padding-bottom: 35px;
}

footer {
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    height: 100px;
}

/* login
----------------------------------------------------------*/
/*.login{
    padding:50px;
    padding-top:30px;
}

.logos div{text-align:center;}
.logos div:first-child, .logos div:last-child{position:relative; top:+20px;}*/

.login-logo-placa p{font-size:16px; color:#e6e6e6; padding-top:50px;}

.Msj-Error{
    clear:both;
    margin:15px auto;
    width:300px;
    position:relative;
    top:5px;
}

.form-field{
    margin-bottom: 30px;
}

.txtForm{
    height: 30px;
    width: 100%;
    font-weight: lighter;
    color: black;
    border-radius: 6px;
    border:0px none;
    padding:5px 15px;
}

.link-RemPass{
    color:#a91b5c !important;
    font-size: 14px;
    width:auto;
    font-weight:bold;
}

#btnEnviar{
    margin-left: 16px !important;
}

#btnCancel{
    margin-left: 16px !important;
}

.loginControl .info-User,
.loginControl .btn-log {
    float:left;
    margin-left:30px;
    font-size: 18px;
    color:white;
}

.loginControl
{
    float: right;
    margin-top: 8px;
    margin-right: 25px;
    font-size: 12px;
}


.btnIngresar{
    background-color: #ea3751 !important;
    border-radius: 6px;
    color: #fff;
    font-weight:normal;
    border:0px none;
    padding:7px 40px;
}

.btnCancelar{
    background-color: #357385 !important;
    border-radius: 6px;
    color: #000;
    font-weight:normal;
    border:0px none;
    padding:7px 40px;
}

.Buttons{
    margin-top:20px;
}


/* Estilos header
-------------------------------------------------------------------------*/
#div-logo-set > a,
#div-logo-set > div > span,
#div-lbl-nombre > span,
#div-btn-eng > a {
    display: table-cell;
    vertical-align: middle;
    height:40px;
}

#div-logo-set > a{
    float:left;
    width: 70px;
}
.logo-img {
    float: left;
    width: 63px;
    height: 26px;
    /*background: url("/Images/header/logo.png") no-repeat center;*/
    overflow:hidden;
}

.principal-container {
    text-align: center;
}
.lnk-menu-principal {
    display: inline-block;
    width: 243px;
    height: 155px;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/*CONTENEDOR PRINCIPAL DE MODULOS*/
.cnt-mod-sis {
    background-color: #FFF !important;
    box-shadow: 5px 5px 6px #CCC;
    padding-bottom: 10px !important;
    min-height: 500px;
}

/*SE SOBREESCRIBE CLASS BUTTON*/

.btn-azul, .btn-azul:focus, .btn-azul:hover, .btn-azul:active, .modal .btnAceptar
{
    background-color:#0099FF;
    color:#fff !important;
    font-size:16px !important;
    padding:3px 40px !important;
    outline:none !important;
}

.btn-azul.visor{
    cursor:zoom-in;
}

.btn-grid{
    background-color:#0099FF;
    color:#fff !important;
    font-size:12px !important;
    padding:3px 10px !important;
    outline:none !important;
}

.btn-rojo, .btn-rojo:focus, .btn-rojo:hover, .btn-rojo:active
{
    background-color:#ea3751;
    color:#fff !important;
    font-size:16px !important;
    padding:3px 40px !important;
    outline:none !important;
}

.btn-azul2, .btn-azul2:focus, .btn-azul2:hover, .btn-azul2:active{
    background-color:#0099FF;
    color:#fff !important;
    font-size:16px !important;
    padding:3px 5px !important;
    outline:none !important;
}

.btn-blanco, .btn-blanco:focus, .btn-blanco:hover, .btn-blanco:active{
    background-color:#fff;
    color:#EA3751 !important;
    font-size:16px !important;
    padding:3px 20px !important;
    outline:none !important;
    box-shadow:-5px 5px 5px rgba(0,0,0,0.1);
}

.btn-gris, .btn-gris:focus, .btn-gris:hover, .btn-gris:active, .modal .btnCancelar{
    background-color:#586572 !important;
    color:#fff;
    font-size:16px !important;
    padding:3px 40px !important;
    outline:none !important;
}


.btn-default:focus,.btn-default:hover, .btn-default.active:hover,.btn-default.active:focus,
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{
    background-color:#586572 !important;
    color:#fff !important;
    outline:none !important;
}


.title-modulo{
    color:#EA3751;
    font-weight:bold;
    font-size:16px;
}


/*ESTILOS PARA CAJA*/
.title-encabezado{
    color:#586572;
    font-size:14px;
    font-weight:bold;
}

.text-comun{
    color:#586572;
    font-size:14px;
    font-weight:normal !important;
}

.frm-fondo-gris{
    background:rgba(164, 172, 183, .1);
    background-color:#EFF1F5;
    border-radius:16px;
    padding-top:10px;
    margin-top:15px;
}

.monto-caja{
    font-size:16px;
    font-weight:bold;
    color:#0099ff;
}

/*ESTILOS TABLEROS*/
.tablero-adeudos > div.container-fluid, .tablero-cobros > div.container-fluid{padding-top:10px;}

.dxtc-strip.dxtc-stripContainer > li:first-child,
.dxtc-strip.dxtc-stripContainer > li:last-child {
    display: none !important;
}

.dxpcLite_Metropolis .dxpc-header, .dxdpLite_Metropolis .dxpc-header, .dxgvControl_Metropolis a.dxbButton_Metropolis{
    color:#ea3751 !important;
}

.dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-tab, .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-spacer, .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-sbSpacer{
        border-bottom: 2px solid #6DC0D0 !important;
        /*border: none !important;*/
}

 .dxtcLite_Metropolis > .dxtc-stripContainer .dxtc-link {
        padding: 4px 10px !important;
    }

  .tabwcat{
        width: 100px !important;
    }

  .tabwcatadmin{
        width: 190px !important;
    }

  .tabwdictamen
  {
 width: 200px !important;
  }

  .dxtcLite_Metropolis > .dxtc-stripContainer .dxtc-activeTab{
      background-color: #6DC0D0 !important;

  }

  .dxgvHeader_Metropolis{
      font-weight: bold !important;
  }

  .dxtcLite_Metropolis > .dxtc-stripContainer .dxtc-tabHover{
      background-color: #D3ECE6 !important;
  }

  .mantenimiento-indicators li {
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}

  .mantenimiento-indicators .active {
    background-color: #337ab7;
    height: 12px;
    margin: 0;
    width: 12px;
}

  .tabwresumen{
      width: 100px !important;
  }

  .GridColumnEditable{
      background-color: #75C3D1 !important;
      color: #ffffff;
  }

.alarmafotos{
    width: 30px !important;
    height: 30px !important;
}

.dxbButtonHover_Metropolis{
    background-color: #6dc0d0 !important;
    border:1px solid #6dc0d0 !important;
}

.dxWeb_edtCheckBoxChecked_Metropolis, .dxWeb_edtCheckBoxCheckedDisabled_Metropolis, .dxWeb_edtCheckBoxGrayed_Metropolis, .dxWeb_edtCheckBoxGrayedDisabled_Metropolis, .dxWeb_edtCheckBoxUnchecked_Metropolis, .dxWeb_edtCheckBoxUncheckedDisabled_Metropolis, .dxpnl-btnHover .dxWeb_pnlExpand_Metropolis, .dxpnl-btnHover .dxWeb_pnlExpandArrowBottom_Metropolis, .dxpnl-btnHover .dxWeb_pnlExpandArrowLeft_Metropolis, .dxpnl-btnHover .dxWeb_pnlExpandArrowRight_Metropolis, .dxpnl-btnHover .dxWeb_pnlExpandArrowTop_Metropolis, .dxpnl-btnPressed .dxWeb_pnlExpand_Metropolis, .dxpnl-btnPressed .dxWeb_pnlExpandArrowBottom_Metropolis, .dxpnl-btnPressed .dxWeb_pnlExpandArrowLeft_Metropolis, .dxpnl-btnPressed .dxWeb_pnlExpandArrowRight_Metropolis, .dxpnl-btnPressed .dxWeb_pnlExpandArrowTop_Metropolis, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpand_Metropolis, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowBottom_Metropolis, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowLeft_Metropolis, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowRight_Metropolis, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowTop_Metropolis, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpand_Metropolis, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowBottom_Metropolis, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowLeft_Metropolis, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowRight_Metropolis, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowTop_Metropolis {
    background-color: #6dc0d0 !important;
}
.dxICBFocused_Metropolis{outline: 1px dotted #6dc0d0 !important;}
.dxgvControl_Metropolis a {
    color: #6dc0d0 !important;
}
.dxeFocused_Metropolis{border:1px solid #6dc0d0 !important;}
.dxeListBoxItemSelected_Metropolis {
    background-color: #6dc0d0 !important;
    color: White;
}
.dxGridView_gvHeaderFilterActive_Metropolis{background-color: #6dc0d0 !important;}
.dxpLite_Metropolis .dxp-current,
.dxeCalendarButtonHover_Metropolis, .dxeButtonEditButtonHover_Metropolis, .dxeSpinIncButtonHover_Metropolis, .dxeSpinDecButtonHover_Metropolis, .dxeSpinLargeIncButtonHover_Metropolis, .dxeSpinLargeDecButtonHover_Metropolis, .dxeColorEditButton_Metropolis:hover,
.dxeCalendarSelected_Metropolis
 {
    background-color: #6dc0d0 !important;
}
.dxeCalendarButtonHover_Metropolis, .dxeColorEditButton_Metropolis:hover{
    border:1px solid #6dc0d0 !important;
}
.dxeCalendarHeader_Metropolis{
    color: #6dc0d0 !important;
}

.dxgvControl_Metropolis a.btn-file,.btn-file, .btn-file:focus, .btn-file:hover, .btn-file:active
{
    background-color:#0099FF;
    color:#fff !important;
    font-size:12px !important;
    padding:1px 10px !important;
    outline:none !important;
}

.dxgvControl_Metropolis a.btn-file,
.btn-file, 
.btn-file:focus, 
.btn-file:hover, 
.btn-file:active
{
    background-color:#0099FF;
    color:#fff !important;
    font-size:12px !important;
    padding:1px 10px !important;
    outline:none !important;
}

.dxgvControl_Metropolis a.btn-ope,
.btn-ope, 
.btn-ope:focus, 
.btn-ope:hover, 
.btn-ope:active{
    background-color:#0099FF;
    color:#fff !important;
    font-size:12px !important;
    padding:1px 5px !important;
    outline:none !important;
}

.dxbButton_Metropolis{
    border:0px none !important;
    padding:0px !important;
}

.dxbButtonHover_Metropolis{
    background-color:transparent !important;
    border:0px none !important;
}

.form-control{ padding:6px;}