@charset "utf-8";


#co1,#co2,#co3{float:left;width:23px;height:23px;border:1px solid #FFFFFF;}
#co4,#co5,#co6{float:left;width:23px;height:23px;border:1px solid #FFFFFF;}
#co7,#co8,#co9,#co10{float:left;width:23px;height:23px;border:1px solid #FFFFFF;}
#co11{float:left;width:46px;height:23px;border:1px solid #FFFFFF;}
.clear{clear:both;}
.clearsearchclass{
    display:none;
}

label{
    font-family: segoe ui, Arial, sans-serif; 
    font-size: 11px; 
    font-variant: normal;
    font-style: normal;
    text-transform:uppercase;
    font-weight:bold;
}
label.required:before {
	content:"*";
	color:red;
	font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
/* label.normal:before {
	color: #5491AD;
        font-size: 5pt;
	font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
} */
label.ok {
	background:url("../images/valid.gif") no-repeat;
	padding-left:16px;
}
label.error {
	color:#d00;
	text-transform:none;
	margin-left:6px;
}

.error_msg{
    border: 1px solid #a6cbe8; 
    background: #ffebeb url(../images/bg/ui-bg_highlight-hard_100_f2f5f7_1x100_error.png) 50% top repeat-x; 
}

img{
    border: none;
}

/* .ui-tabs-nav li {position: relative;}
.ui-tabs-selected a span {padding-right: 10px;} */
/* .ui-tabs-close {display: none;position: absolute;top: 3px;right: 0px;;width: 16px;height: 14px;font-size: 10px; font-style: normal;cursor: pointer;} */
/* .ui-tabs-selected .ui-tabs-close {display: block;}
.ui-layout-west .ui-jqgrid tr.jqgrow td { border-bottom: 0px none;}
.ui-datepicker {z-index:1200;} */
.rotate
    {
        /* for Safari */
        -webkit-transform: rotate(-90deg);

        /* for Firefox */
        -moz-transform: rotate(-90deg);

        /* for Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    
  
  fieldset legend { width: 100%; font-size: 12px;}
  fieldset legend div { margin: 0.3em 0.5em;}
  fieldset .field { margin: 0.5em; padding: 0.5em; }
  fieldset .field label { margin-right: 0.4em; }
  
  
  .upload{
    background-color: #ffffe8;
    border: 1px solid #404000;
    margin-top: 5px;
    
}

.upload div span{
    color: #cc0000;
}

.upload div{
    font: normal normal normal 11px/normal Verdana, Geneva, sans-serif;
    color: #000099;
    font-weight: bold;
    margin-bottom: 5px;
    vertical-align: top;
}

/* Boxes
---------------------------------------------------------------------*/

.box {
	padding: 4px;
	margin-bottom:8px;
	color:#555;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#eee;
}
.box-info {
	padding-left: 32px;
	border-top:1px solid #B8E2FB;
	border-bottom:1px solid #B8E2FB;
	background:#E8F6FF url("../images/information.png") no-repeat 8px 50%;
}
.box-warning{
	padding-left: 32px;
	border-top:1px solid #F2DD8C;
	border-bottom:1px solid #F2DD8C;
	background:#FFF5CC url("../images/error.png") no-repeat 8px 50%;
}

.box-warning-msg{
	margin-top:-8px;
        background:#fff9e4;
	border-top:0 none;
	border-bottom:1px solid #FDDCDC;
	color:#664B4B;
	padding:4px;
}

.box-warning-msg ol{
	margin-top: 0;
	margin-bottom: 0;
}

.box-error{
	padding-left: 32px;
	border-top:1px solid #F8ACAC;
	border-bottom:1px solid #F8ACAC;
	background:#FFD1D1 url("../images/exclamation.png") no-repeat 8px 50%;
}
.box-error-msg{
	margin-top:-8px;
	background:#FFF1F1;
	border-top:0 none;
	border-bottom:1px solid #FDDCDC;
	color:#664B4B;
	padding:4px;
}
.box-error-msg ol {
	margin-top: 0;
	margin-bottom: 0;
}
.box-success{
	padding-left: 32px;
	border-top:1px solid #BBDF8D;
	border-bottom:1px solid #BBDF8D;
	background:#EAF7D9 url("../images/accept.png") no-repeat 8px 50%;
}

.box-success-msg{
	margin-top:-8px;
        background:#f4ffe7;
	border-top:0 none;
	border-bottom:1px solid #EAF7D9;
	color:#664B4B;
	padding:4px;
}

.box-success-msg ol{
	margin-top: 0;
	margin-bottom: 0;
}

.box-info-msg{
	margin-top:-8px;
        background:#f3faff;
	border-top:0 none;
	border-bottom:1px solid #E8F6FF;
	color:#664B4B;
	padding:4px;
}

.box-info-msg ol{
	margin-top: 0;
	margin-bottom: 0;
}

.box a:hover {
	background: transparent !important;
}

.background-content{
    background: #fcfdfd url("../images/bg/ui-bg_inset-hard_100_fcfdfd_1x100.png") repeat-x scroll 50% bottom;
}
.background-content a, #taskbar a{
    color: #222222;
}
.background-content-bordered{
    border: 1px solid #a6c9e2;
}

.navbar-custom-menu {
    float: right;
    padding: 10px;
}

#taskbar {
    text-align: right;
}

#taskbar #container{
/*        background-color:#E5E5E5;
    border:1px solid #B5B5B5;*/
    /*display:block;
    height:30px;*/
    font-family: segoe ui, Arial, sans-serif;
    font-size: 11px;
}

#taskbar #container span 
{
    color: #333;
    font-weight: 600;
}

/* Por defecto: Mostrar en móviles, ocultar en pantallas grandes */
.max_descripcion_sucursal_oficina {
    display: none; /* Ocultar por defecto */
}

.min_descripcion_sucursal_oficina {
    display: block; /* Mostrar por defecto */
}

/* Mostrar en pantallas grandes y ocultar en móviles */
@media (min-width: 768px) {
    .max_descripcion_sucursal_oficina {
        display: inline; /* Mostrar en pantallas grandes */
    }

    .min_descripcion_sucursal_oficina {
        display: none; /* Ocultar en pantallas grandes */
    }
}

/*******/
.borde_blanco{
        font-size: 10pt;
	border:1px solid white !important;}
.borde_negro{
        padding-left: 5px;
        font-size: 10pt;
        border:1px solid black !important;
}

form input[type=text]:read-only{
        background: #E9E8E2;
        cursor: crosshair;
}     
#mensajefin{
    font-size:16px;
    font-weight: bold;
    color:red;
    font:"Arial";
}
.transparente{filter:alpha(opacity=10) !important; opacity:0.10 !important;}
@media print {
                .oculto {display:none}
              }
/* #msg1
{
    bottom: 0px;
    right: 0px;
    position:fixed;
    width:150px;
    height: 100px;
    margin: 0px 0px 0px 20px;
    background-color:white;
    display:none;
    font-size:13px;
    z-index: 9000;
} */

#modal .modaltop
{
	width: 142px;
    background-color: Transparent;
    background-image: url(/images/bg.gif);
    background-repeat: repeat-x;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
#modal .modaltitle
{
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    float:left;
}

#modal .modalbody
{
    padding: 10px;
    text-align: left;
}

.cabeceraModal, .cabeceraModal td{font-weight:bold;font-size:12px !important;text-transform:uppercase;height: 20px;vertical-align: top;text-spacing: 1px;text-shadow:#cccccc 1px 1px;}
.abajoenlace{color:#AA4643;}
.enlacePrincipal{
    color:#355873;
    /*text-shadow:#ccc 0.1em 0.8px;*/
}

.td_empty{
    /*width: 28px;*/
    height: 28px;
}

/*
Estilos para la Carga Dinamica
*/
#contentLoading {
              display: none;
              position: fixed;
              top: 0;
              width: 100%;
              z-index: 1000;
              margin-right: auto;
              margin-left: auto;
          }
#contentLoading .loading {
              color: #FFFFFF;
              font-weight: bold;
              margin: 0 auto;
              position: relative;
              text-align: center;
              width: 320px;
          }
#contentLoading .loading {
                border-radius: 0 0 5px 5px;
                font-weight: normal;
                height:15px;
                line-height: 15px;
                background-repeat: repeat-x;
                background-position: 0 0;
                background-size: 16px 15px;
                background-image: -o-linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent);
                background-image: linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent);
                -webkit-animation: pb 0.8s linear 0 infinite; 
}

/*****************************/

.btn_sistema{
    width:20%; margin:0 auto;
    padding: 5px;
}
.btn_sistema img{
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

.btn_sistema a{
    text-decoration: none;
    font-weight: bold;
    margin-left: 10px;
}
.btn_sistema{
    cursor:pointer;    
    font-weight: bold;
    text-decoration: none;
}
.a_btn_sistema{
    text-decoration: none;
    font-weight: bold;
    text-decoration: none;
}

/* #div_form ul{
    list-style-image: url('../images/valid.gif');
} */

.sp_container{
    display: none;
    padding-left: 30px;
}

.form-group .dropdown-menu .dropdown-item {
    display: block;
    padding: 3px 1px 2px 4px;
}

.form-group .dropdown-menu .dropdown-item.active {
    background-color: #999;
}

#div_alert_message.modal {
    z-index: 1055 !important;
}

#div_confirm_message.modal {
    z-index: 1055 !important;
}

.submodal.modal {
    z-index: 1054 !important;
}

.botones .btn {
    margin-top: 3px;
}

.mis_accesos_directos {
    padding-top: 20px;
}

.shortcut-container {
    display: inline-block;
    text-align: center;
    margin: 10px;
}

.shortcut-btn {
    display: block;
    width: 80px;
    text-align: center;
    font-size: 25px;
    text-decoration: none;
    margin-bottom: 5px;
    color: #337ab7;
}

.shortcut-btn p {
    margin: 0;
    text-align: center;
    font-size: 15px;
    color: #333;
}

.shortcut-btn:hover {
    color: #23527c;
}