body, html {
    height: 100%;
    margin: 0;
    overflow: auto;
    font-family: Arial;
    font-weight: 100;
}

/****Inicio - Estilos de fuente*******/
.estrecho {
    margin: 0;
    padding: 0;
}

.small {
    font-size: 12px;
}

.normal {
    font-size: 14px;
}

.medium {
    font-size: 16px;
}

.large {
    font-size: 18px;
}

.superLarge {
    font-size: 20px;
}

.extraLarge {
    font-size: 25px;
}

.black {
    color: #555555;
}

.green {
    color: #00b0ac;
}

.orange {
    color: orange;
}

.red {
    color: red;
}

.blueLigth {
    color: rgba(27, 37, 106, 0.60);
}

.redLigth {
    color: rgba(200,0,50,0.6);
}

.white {
    color: #FFFFFF;
}

.negrita {
    font-weight: bold;
}

.ligera {
    font-weight: lighter;
}

.active {
    color: #555555;
}

.saltaLeft {
    clear: left;
}

.saltaRight {
    clear: right;
}
/****Fin - Estilos de fuente*******/

.mayus {
    text-transform: uppercase;
    font-family: Arial;
}

.FloatIzq {
    text-align: left !important;
    float: left;
    display: inline;
}

.Aliz {
    text-align: left;
}

.tabla {
    width: auto;
    text-align: left;
    border: 1px solid #5D8CC9;
    background: rgba(226, 239, 220, 0.6);
    color: rgba(0,0,0, 1);
    font-family: Arial;
    font-size: small;
    margin: 0;
    padding: 0;
}

.RadMenu {
    float: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
}

.tabla2 {
    border: 1px solid #5D8CC9;
    background-color: #E2EFFF;
    color: rgba(0,0,0, 1);
    font-family: Arial;
    font-size: small;
}

.fondo {
    width: 100%;
    border: 1px solid #5D8CC9;
    background-color: #E2EEEF;
    color: rgba(0,0,0, 1);
    font-family: Arial;
    font-size: small;
}

.panel {
    width: 100%;
    border: 1px solid #5D8CC9;
    background-color: #E2EFFF;
    color: rgba(0,0,0, 1);
    font-family: Arial;
    font-size: small;
    height: 100%;
    text-align: center;
}

.Screen {
    width: 100%;
    border: 1px solid #5D8CC9;
    height: 98%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(173,216,230, 0.2);
    color: rgba(0,0,0, 1);
    -webkit-box-shadow: inset 2px 2px 5px 5px rgba(176,196,222, 1);
    box-shadow: inset 2px 2px 5px 5px rgba(176,196,222, 1);
}

.divBorde {
    border: 1px solid #5D8CC9;
    background-color: rgba(173,216,230, 0.2);
    color: rgba(0,0,0, 1);
    -webkit-box-shadow: inset 2px 2px 5px 5px rgba(176,196,222, 1);
    box-shadow: inset 2px 2px 5px 5px rgba(176,196,222, 1);
}

.Header {
    width: 100%;
    text-align: center;
    background-color: rgba(176,196,222, 0.4);
    color: rgba(0,0,0, 1);
}

.Footer {
    width: 100%;
    text-align: center;
    background-color: rgba(176,196,222, 0.4);
    color: rgba(0,0,0, 1);
}

.pnAcceso {
    padding: 5px 20px;
    height: auto !important;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: inset 5px 5px 5px 5px rgba(100, 100, 100, 0.9);
    box-shadow: inset 5px 5px 5px 5px rgba(100, 100, 100, 0.9);
}

div.centrado {
    width: 100%;
    text-align: center;
}

    div.centrado table {
        margin: 0 auto;
        overflow: auto;
    }

div.modalcentrado .bluebox {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    overflow: auto;
    margin-top: 50px;
}

.div {
    overflow: auto;
    height: 500px;
    width: 50ex;
}

h1 {
    color: #0000cc;
    font-family: Arial;
    font-size: 25px;
    text-align: center;
    text-decoration: underline;
}

h4 {
    color: #0000cc;
    background-color: #7EC50E;
    font-family: Arial;
    font-size: 25px;
    text-align: center;
    border-style: solid;
    border-color: Blue;
}

h3 {
    color: #0000cc;
    background-color: transparent;
    font-family: Arial;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

p {
    color: #555555;
    font-family: Arial;
    text-align: justify;
}

#grabar {
    font-family: Arial;
    font-size: 30px;
    text-align: center;
    color: #0000ff;
    background-color: #bbbbbb;
}

.label {
    color: black;
}

.ltabla.titulo {
    text-align: left;
}

.grid {
    width: 100%;
    border: 1px solid #285F8A;
    background-color: #285F8A;
    color: #FFFFFF;
    font-family: Arial;
}

.mastertable {
    width: 100%;
    border: 1px solid #5D8CC9;
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
}

.loading {
    background-color: #fff;
    height: 100%;
    width: 100%;
}

.topbar {
    position: absolute;
    border: 0px solid #ceaeae;
    padding: 0px;
    background-color: transparent;
    width: 610px;
    visibility: hidden;
    z-index: 100;
}

.RadMenu_Fixed {
    position: fixed !important;
    z-index: 500;
}

.disable {
    background: White;
    Height: 1.4em;
    border-style: Solid;
    border-width: thin;
    border-color: Gray;
}

.titulo {
    background-color: lightgray;
    color: Blue;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    border: 3px solid #A4BACA;
    padding: 3px;
    box-shadow: 3px 3px #888888;
    /*text-shadow: -1px -1px white, 1px 1px #333;*/
    text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
}

.subtitulo {
    color: Black;
    font-family: Arial;
    font-size: small;
    font-style: normal;
    text-align: center;
    background: #E2EFFF;
}

.parrafo {
    color: Black;
    font-family: Arial;
    font-size: small;
    font-style: normal;
    text-align: justify;
    background: #E2EFFF;
}

.icono {
    width: 20px;
    height: 20px;
}

.accordionCabecera {
    border: 1px solid black;
    background-color: #D2E6FA;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
    margin-top: 4px;
    cursor: pointer;
}

.accordionContenido {
    font-family: Sans-Serif;
    background-color: #E2EFFF;
    border: 1px solid black;
    border-top: none;
    font-size: 12px;
    padding: 7px;
}

.txtbox {
    font-family: verdana, arial, snas-serif;
    font-size: large;
    padding: 3px;
    color: #000000;
    background: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 90%;
}

    .txtbox:focus {
        border-color: darkblue;
    }

    .txtbox:hover {
        border-color: darkblue;
    }

.TextBox {
    border-style: none;
    border-width: thin;
    background-color: Transparent;
}

.TextBoxr {
    text-align: right;
    border-style: none;
    border-width: thin;
    background-color: Transparent;
}

.TextBoxl {
    text-align: left;
    border-style: none;
    border-width: thin;
    background-color: Transparent;
}

.texto {
    color: #000066;
    font-family: Arial Unicode MS;
    font-size: 12px;
    font-weight: lighter;
    position: absolute;
    margin-top: 5px;
}

.TabStripBox {
    border: solid 1px #A3C4EF;
}

.reTool .Guardar {
    background-image: url(../Icons/Salida.png);
}

.flotante {
    position: fixed;
    bottom: 200px;
    right: 0px;
}

.treevw {
    font-size: 12px;
    font-weight: bold;
    background-color: #E2EFFF;
}

.tooltip {
    overflow: auto;
    display: block;
    border: 1px solid #5D8CC9;
}

#Lblmensaje {
    font-style: italic;
    font-size: .8em;
    color: Red;
    text-align: center;
    width: 100%;
}

.tdtopcentrado {
    text-align: center;
    vertical-align: top;
}

.tderecha {
    text-align: right;
    vertical-align: middle;
}

.tdcentrado {
    text-align: center;
    vertical-align: middle;
}

.tdalineado {
    text-align: left;
    vertical-align: middle;
}

.tablabordes {
    border: 0;
    width: 100%;
    padding: 0px;
}

#pnAcceso {
    width: 272px;
    border-color: Silver;
    Border-Style: Solid;
    background: #DCE7E7;
    Border-Width: 1px;
    margin-left: 38%;
}

.LblTitulo {
    font-size: 14pt;
    font-weight: bold;
    color: Blue;
    width: 100%;
    border: 1px solid blue;
}

.tdTitulo {
    text-align: center;
    vertical-align: middle;
    border-bottom-color: Maroon;
    background-color: snow;
}

#ImbCuenta {
    text-align: center;
    vertical-align: middle;
    Border-Width: 0px;
    padding: 0;
}

.ocultar {
    display: none;
}

#tbNueva td, #tbNueva th {
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    vertical-align: middle;
}

.botones {
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-color: Blue;
}

.contenedor {
    width: 920px;
    height: 450px;
    background-color: Blue;
    border-color: Blue;
    border-style: solid;
}

/** ============================== Header ============================== **/
/*#header_bg {height:194px;background:url(../images/header_bg.png) repeat-x;}*/
#header_bg {
    height: 100px;
}

#header_top {
    border: 1px solid #c6c6c6;
    color: #595959 !important;
    font-size: 16px;
}

    #header_top .page-header-logo {
        width: 25%;
        padding-left: 1em;
        vertical-align: middle;
    }

    #header_top .page-header-hora {
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    #header_top .page-header-datos {
        width: 20%;
        font-size: 8px;
        font-weight: bold;
        text-align: right;
        padding-right: 8px;
        vertical-align: middle;
    }

    #header_top a {
        color: #595959;
        text-decoration: none;
        margin-right: 15px;
    }

        #header_top a:hover {
            text-decoration: underline;
        }

.tocenter {
    margin: auto;
    width: 90%;
    text-align: center;
}

.centered {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
    bottom: 0;
    z-index: -1;
}

.header_table {
    width: 100%;
    height: auto !important;
    float: left;
    border-spacing: 0;
    border: 0;
    padding: 0;
}

.header_tool {
    width: 100% !important;
    height: 39px !important;
    border: 1px solid #D9E5F2;
}

.page-header-logo, .page-header-hora, .page-header-datos, .header_tool {
    background: url(../images/box_header_bg.gif) repeat-x bottom;
    color: #4e4e4e;
    background-color: #fff !important;
    margin: 0;
    padding: 0;
}

.rowHead {
    vertical-align: top;
    margin: 0;
    padding: 0;
}
/*Specify logo Here*/
#logo {
    background: url('../images/logo Integrin.png') no-repeat left bottom;
    height: 43px;
    width: 200px;
    float: left;
    margin: 13px 0px 0px;
    display: block;
    text-indent: -9999px
}
/**============================== Form Styling ==============================**/
fieldset {
    padding: 12px;
}

    fieldset legend {
        font-weight: bold;
    }

form p small {
    font-size: 8px;
    display: block;
}
/*form input.textfield {padding:6px;margin-right:10px;background: url("../images/textfield_bg.gif") repeat-x scroll center top #FFFFFF;border: 1px solid #D2D1D1;}*/
form input.small {
    width: 40%;
}

form input.med {
    width: 60%;
}

form input.large {
    width: 95%;
}

/**============================== Box ==============================**/
.box {
    background: #fdfdfd;
    margin-bottom: 15px;
}

    .box .body {
        padding: 5px;
    }

    .box .header {
        height: 40px;
        font-size: 18px;
        line-height: 24px;
        padding: 0px 15px;
        position: relative;
        background: url(../images/box_header_bg.gif) repeat-x bottom;
        color: #4e4e4e;
    }

        .box .header img {
            position: relative;
            top: 5px;
            margin-right: 10px;
        }

    .box .header_login {
        vertical-align: middle;
        height: 60px;
        font-size: 18px;
        line-height: 24px;
        padding: 0px 15px;
        position: relative;
    }

        .box .header_login img {
            position: relative;
            top: 14px;
            margin-right: 10px;
        }

.boxInfo {
    margin: 0px auto;
    position: relative;
    padding: 5px 20px;
    text-align: left;
    height: auto !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 2px 2px rgba(100, 100, 100, 0.9);
    box-shadow: inset 1px 1px 2px 2px rgba(100, 100, 100, 0.9);
    width: 100%;
    background-color: #CADCFF;
    color: #3760b5;
}

.Sitemas {
    -webkit-border-radius: 2px;
    border-radius: 10px;
    border: 1px solid #CADCFF;
    margin-right: 30px;
    width: 150px;
    padding: 10px;
    -webkit-box-shadow: -1px 6px 8px 5px rgba(0,0,0,0.21);
    box-shadow: -1px 6px 8px 3px rgba(0, 0, 0, 0.18);
}

    .Sitemas:hover {
        border: 1px solid #CADCFF;
    }
/** ============================== Display styles for Error Messages, Notifications and General Info ============================== **/
div.info {
    background: #CADCFF url(../images/info_box_bg.gif) repeat-x left top;
    border: 1px solid #c3d7ff;
    color: #3760b5;
}

div.warning {
    background: #fff6d0 url(../images/warning_box_bg.gif) repeat-x left top;
    border: 1px solid #bc6c34;
    color: #bc6c34;
}

div.error {
    background: #ffd6d0 url(../images/error_box_bg.gif) repeat-x left top;
    border: 1px solid #ff0606;
    color: #b22723;
}

div.info, div.warning, div.error {
    margin: 10px 0;
    padding: 5px;
    position: relative;
}

.close_notification {
    position: absolute;
    top: 8px;
    right: 8px;
}

.Error {
    color: Red;
    font-weight: bold;
}

.sumaryerror {
    background: #ffd6d0 url(../images/error_box_bg.gif) repeat-x left top;
    border: 1px solid #ff0606;
    color: #b22723;
    padding: 0;
}

/**============================== Buttons ==============================**/
.button {
    background: #fff url(../images/button_bg.gif) repeat-x left bottom;
    border: 1px solid #c6c6c6;
    color: #595959;
}

    .button:hover {
        background: #fff url(../images/button_bg_hover.gif) repeat-x left bottom;
        border: 1px solid #c6c6c6;
    }

.button2 {
    background: #92C85F url(../images/button_bg.gif) repeat-x left bottom;
    border: 1px solid #73B82A;
    color: #fff;
}

    .button2:hover {
        background: #589716 url(../images/button_bg_hover.gif) repeat-x left bottom;
        border: 1px solid #868789;
    }

.button, .button2 {
    padding: 6px 20px 7px;
    cursor: pointer;
    font-weight: bold;
    margin: 10px;
}

.navbuttons {
    padding-left: 16px;
    clear: both;
}

.buttonP {
    padding: 0;
    margin: 0 !important;
}

.button {
    margin: 15px 1px 5px 1px !important;
}

.borde {
    margin: 1px !important;
}

/**============================== General Positioning Classes ==============================**/
.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*??*/

/** ============================== Footer ============================== **/
#footer {
    background: #fff url(../images/button_bg.gif) repeat-x left bottom;
    border: 1px solid #c6c6c6;
    color: #595959;
    text-align: center;
    padding: 20px 0px;
}

/**============================== Decorations ==============================**/
.box {
    box-shadow: 0 0 10px #808080;
}

.bluebox {
    /*border: 10px solid #E9F7EF;*/
    background: rgba(226, 239, 220, 0.6) !important;
    padding: 10px;
    box-shadow: 5px 5px #888888;
}

.bluebox, .box, div.info, div.warning, div.error, .button, .button2 {
    border-radius: 5px 5px 5px 5px;
    top: -3px;
    left: 2px;
}


body {
    height: 100%;
}

#login_page {
    background-color: #ffffff;
}
    /*Background color for login page*/
    #login_page .wrapper {
        width: 30% !important;
        float: left;
    }

    #login_page .content {
        padding-top: 100px;
    }

.wrapper {
    width: 70%;
    margin: 0px auto;
    position: relative;
}

body {
    height: 100%;
}

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

.Screen {
    width: 100%;
    border: 1px solid #5D8CC9;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(173,216,230, 0.2);
    -webkit-box-shadow: inset 2px 2px 5px 5px rgba(176,196,222, 1);
    box-shadow: inset 2px 2px 5px 5px rgba(176,196,222, 1);
    float: left;
}

.rsAdvOptionsScroll, .workarea {
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    box-shadow: inset 1px 1px 1px 1px rgba(100, 100, 100, 0.6) !important;
    text-align: left !important;
}

.rsAdvOptionsScroll {
    padding: 15px !important;
}

.workareaPos {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: transparent;
}

.workarea {
    padding: 12px;
    overflow: auto;
    min-height: 100%;
    height: 100%;
    position: relative;
    bottom: 0;
    background: url(../images/box_header_bg.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
}
/*
    .workarea {
    padding: 12px;
    overflow: auto;
    width: 90%;
    min-height: 100%;
    position: relative;
}
*/

.nofloat {
    clear: both;
}

.Popupcenter {
    margin: auto;
    width: 100%;
    text-align: center;
}

#content_bg {
    padding-bottom: 20px;
    text-align: left;
    width: 100%;
}

#TheMenu {
    padding-left: 0;
    margin-left: 0;
    display: inline;
    float: left;
    width: 20%;
    min-width: 220px;
    position: relative;
}

#TheMain {
    display: inline;
    float: left;
    text-align: right;
    width: 77%;
    min-width: 220px;
    position: relative;
    padding: 12px;
}
/*#TheMenu,.vFlotante{position: fixed;left: -19%;top: 15%;width: 20%;transition: all .4s ease-in;vertical-align: top;
          -webkit-transition: all .4s ease-in;}
#TheMenu,.vFlotante:hover{left: 0;}*/

.hMenu {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    right: 0;
    text-align: right !important;
}

#PopMain {
    text-align: left;
    width: 95%;
    min-width: 220px;
    padding: 12px;
}

.rtbMiddle, .rtbOuter {
    background: none !important;
    border: 0 !important;
}

#cphCuerpo_ReportViewer1 {
    padding: 12px;
    overflow: auto;
    /*position: absolute;*/
    width: 99% !important;
    min-height: 92%;
}

.Main1 {
    width: 77% !important;
}

.Main2 {
    width: 100% !important;
}

#dvToolBarr {
    float: left;
}
/*RadToolBar RadToolBar_Horizontal RadToolBar_Office2010Blue RadToolBar_Office2010Blue_Horizontal*/

.Titles {
    font-family: Comfortaa !important;
    font-size: 18px !important;
    text-align: center !important;
    font-weight: bold !important;
    width: 100% !important;
    height: 57px !important;
}

.loginMessage {
    font-family: Comfortaa !important;
    font-size: 1em;
    text-align: right;
    padding: 10px;
    vertical-align: middle;
    color: #595959 !important;
    vertical-align: bottom;
}

div.rgEditForm label {
    padding-right: 20px;
    font-size: 14px !important;
}

.rgEditForm {
    padding-left: 20px;
    padding-top: 10px;
    background-color: rgba(173,216,230, 0.1) !important;
    width: 97% !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 3px 3px 3px 3px rgba(100, 100, 100, 0.5);
    text-align: left;
}

.RadGrid_Sitefinity .rgCommandRow a {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
}

.error {
    color: #ff0606;
}

.radio {
    font-size: 12px !important;
}

.tooltip {
    visibility: hidden !important;
}

input[value="Insert"], input[value="Update"], input[value="Cancel"], input[value="SKIP"], .caption {
    color: #73B82A !important;
}

.RadPicker, .RadPicker_Sitefinity {
    display: none
}

input.rgExpand {
    background-image: url('../Icons/Add_24x24.png') !important;
    background-position: center !important;
    width: 30px !important;
    height: 24px !important;
}

input.rgCollapse {
    background-image: url('../Icons/Menos_24x24.png') !important;
    background-position: center !important;
    width: 30px !important;
    height: 24px !important;
}

.rtwMenu .rtPlus,
.rtwMenu .rtMinus {
    font-size: 0;
    padding: 0;
    display: none !important;
    vertical-align: top;
    margin: 0;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
}

.rtwMenu {
    padding: 10px 0px 10px 0px;
    background-color: rgba(233,233,233, 0.3);
}

.rtwMenuHijo {
    font-size: 13px;
    list-style: none;
    margin: 0;
    text-transform: uppercase;
    color: #595959 !important;
}

    .rtwMenuHijo:hover {
        color: #000 !important;
        font-weight: bold !important;
    }
/* mouse over link */

.rtwMenuNieto {
    font-size: 12px;
    list-style: none;
    margin: 0;
    color: #595959 !important;
}

    .rtwMenuNieto:hover {
        color: #000 !important;
        text-transform: capitalize;
        font-weight: bold !important;
    }
/* mouse over link */

.rtwMenu .rtSelected .rtIn {
    color: #fff !important;
    font-weight: bold !important;
}

.treeMenu, .formMenu, .imgList, .blocks2 {
    float: left;
    text-align: left;
    /*position: relative; 
    border: 1px solid #5D8CC9;*/
}

.treeMenu {
    width: 25%;
    min-width: 200px;
    padding: 0px 0 0 20px;
    margin: 0px 5px 5px 20px;
    height: 100%;
    overflow: auto;
}

.formMenu {
    width: 45%;
    min-width: 200px;
    padding: 0px 0 0 20px;
    margin: 0px 5px 5px 20px;
    height: 100%;
}

.imgList {
    width: auto;
    margin: 20px 5px 5px 20px;
    height: auto !important;
    max-height: 470px
}

.dvTabla {
    display: table !important;
    width: 100%;
    font-size: small !important;
}

.formRow {
    display: table-row !important;
    width: 100%;
}

.formCell {
    display: table-cell !important;
    vertical-align: middle;
    float: left;
}

.fieldsetFull {
    border: 1px solid !important;
}

.fieldsetFull, .fieldset2Col, .fieldset3Col, .fieldset4Col {
    height: auto;
    margin-bottom: 20px;
    padding: 0;
}

.fieldset2Col, .fieldset3Col, .fieldset4Col {
    float: left;
    border: 0;
}

.fieldsetFull {
    width: 99%;
}

    .fieldsetFull table {
        border-spacing: 0;
        padding: 5px;
    }

#pnSistemas {
    text-align: center;
    font-size: medium;
    font-weight: bold;
    vertical-align: middle;
    margin: 0 auto;
    min-width: 250px;
    width: 700px;
}

    #pnSistemas div {
        width: 250px;
        margin: 0 auto;
        display: table-cell;
    }

#UlMenu {
    right: 0px;
    left: auto;
    top: 202px;
}

.RadToolTip_Office2007 .rtWrapper .rtWrapperContent {
    /*background-color: rgba(0,0,220,0.9) !important;*/
    background: #CADCFF url(../images/info_box_bg.gif) repeat-x left top;
    border: 1px solid #c3d7ff;
    color: #3760b5;
}

div.RadToolTip {
    /*background-color: rgba(0,0,240,0.9) !important;*/
    background: #CADCFF url(../images/info_box_bg.gif) repeat-x left top;
    position: absolute !important;
    z-index: 8000 !important;
    visibility: visible !important;
    left: 40% !important;
    top: 48% !important;
    width: 300px !important;
}













/*Nuevos desde Sige*/
.htmlGrid {
    border: 1px solid silver;
    background-color: white;
    border-spacing: 0;
}

    .htmlGrid .rgHeader {
        text-align: center !important;
    }

.htmlRow {
    background-color: white;
}

.htmlRowDetalles {
    background: url('/Iconos/Pin.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlRowDocumentos {
    background: url('/Iconos/Folder.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlRowImprimir {
    background: url('/Iconos/Imprimir.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlRowOutBox {
    background: url('/Iconos/OutBox.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlRowInBox {
    background: url('/Iconos/InBox.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlRowEditar {
    background: url('/Iconos/Editar.png') no-repeat;
    width: 15px;
    height: 15px;
    background-position: center;
    cursor: pointer;
}

.htmlRowEditarLapiz {
    background: url('/Iconos/Editar.png') no-repeat;
    width: 15px;
    height: 15px;
    background-position: center;
    cursor: pointer;
}

.htmlRowEditarObser {
    background: url('/Iconos/Lista.png') no-repeat;
    width: 20px;
    height: 20px;
    background-position: center;
    cursor: pointer;
}

.htmlRowAdicionar {
    background: url('/Iconos/Adicion.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlRowBorrar {
    background: url('/Iconos/Borrar.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlRowRefrescar {
    background: url('/Iconos/RefrescarGrid.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlRowSeguimiento {
    background: url('/Iconos/pasos.png') no-repeat;
    width: 15px;
    height: 25px;
    background-position: center;
    cursor: pointer;
}

.htmlGrid .htmlRow td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.htmlRowEnEdicion {
    background-color: cornflowerblue;
}

.htmlColExpandir {
    cursor: pointer;
    background-color: cornflowerblue !important;
    width: 25px;
    padding-left: 12px;
    background: url('/Iconos/Expandir.png') no-repeat !important;
    background-position: top center !important;
}

.textoTransparente {
    color: transparent
}
/*.centroBotones{margin: 0 auto; text-align:center; display:inline-block; }*/
.centroBotones {
    /*width: auto;*/
    overflow: hidden;
    text-align: center;
}
/*.derechaBotones{float:right;text-align:right; }*/
.derechaBotones {
    float: right;
    padding-left: 10px;
}

.centroBotonesContainer {
    position: inherit;
    bottom: 0px;
    width: 100%;
    height: 55px
}

/* Muestra el gif Cargando... hasta que la página carga completamente */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: center no-repeat #fff;
}

    .se-pre-con > div {
        margin: auto;
        width: 50%;
        padding: 20% 0;
        text-align: center;
        background: url('iconos/Loading.gif') center no-repeat;
    }

.se-pre-con-inner {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: center no-repeat transparent;
}

    .se-pre-con-inner > div {
        margin: auto;
        width: 50%;
        padding: 20% 0;
        text-align: center;
        background: url('iconos/Loading.gif') center no-repeat;
    }

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 5px !important;
}

.caretUp {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 5px !important;
}
/* Chrome/Opera/Safari */
*::-webkit-input-placeholder {
    font-style: italic;
}
/* Firefox 19+ */
*::-moz-placeholder {
    font-style: italic;
}
/* IE 10+ */
*:-ms-input-placeholder {
    font-style: italic;
}
/* Firefox 18- */
*:-moz-placeholder {
    font-style: italic;
}