/*
|===========================================================
|Master stylesheet css
|===========================================================
|@Project : backend
|@Date    : 07-06-2016
|@Backend :
|@Frontend:
|@Note    :
|===========================================================
*/


@font-face {font-family: 'regular'; src: url('fuentes/Panel/opensans_regular/OpenSans-Regular.ttf')  format('truetype'); }

@font-face {font-family: 'cond'; src: url('fuentes/Panel/opensans_cond/OpenSans-CondLight.ttf')  format('truetype'); }

@font-face {font-family: "b-cond"; src: url('fuentes/Panel/opensans_boldcond/OpenSans-CondBold.ttf') format('truetype');}

@font-face {font-family: 'bold'; src: url('fuentes/Panel/opensans_bold/OpenSans-Bold.ttf')  format('truetype');}

@font-face {font-family: 'semi'; src: url('fuentes/Panel/opensans_semibold/OpenSans-Semibold.ttf')  format('truetype');}

@font-face {font-family: 'it'; src: url('fuentes/Panel/opensans_italic/OpenSans-Italic.ttf')  format('truetype'); }

@font-face {font-family: 'semi-it'; src: url('fuentes/Panel/opensans_semibolditalic/OpenSans-SemiboldItalic.ttf')  format('truetype'); }


/*
|================================
|@php class     :
|@html template :
|@Note          : Reset - normalize.css
|================================
*/
html {}
body {  }

.clear { clear: both; }
.nofloat{ float: none !important; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }

body, div, span { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
img { border: none; }
table { border-collapse: collapse; font-size:13px; }
body, html { font-family: 'regular'; font-size: 13px; color:#000; }


@media (max-width: 479px){
    .col-xxs-12 {width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xxs-6 {width: 50%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
}
@media (min-width: 1860px){
    .col-xlg-1 {width: 8.33333333%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xlg-2 {width: 16.66666667%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xlg-3 {width: 25%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xlg-4 {width: 33.33333333%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xlg-5 {width: 41.66666667%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xlg-6 {width: 50%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
}

#PanelParametros .ui-tabs { padding: 1.0em;border: none }
#PanelParametros ul{margin: 0; padding: 0;}
#PanelParametros .ui-widget-header { background: none;border: none; }
.ui-tabs .ui-tabs-nav li a { padding: 0.5em 2em; }
.ui-widget-header .ui-tabs-active { background: #464646; }
.ui-widget-header .ui-tabs-active a { color: #FFF }
.ui-tabs .ui-tabs-panel { margin: 0 3px 3px;border-width: 1px; background-color: #fafafa }
#imagencargando { display: none; }
.altura_natural{height: auto !important;}

#contenido {width: 100%;margin: auto; position: relative; background-color: #EAEAEA; float:left;}
#contenido.login{ padding: 0; background-color: transparent;}

body.largo #contenido{ max-width: none; width: 100%;}
body.largo #footer{ max-width: none; width: 100%;}

.simple #contenido { }
.simple2{ background-color:none !important;}
.simple2 #contenido { background: none; background-color: #fff; width: auto; margin: 0; padding: 0; }
.miga{background-color: #FFF;padding: 0 15px;}
.miga a{font-size: 15px;font-family: regular;color: #AFAEAE;}
.miga a:hover{color: #545353;}
.miga i{font-size: 15px;color: #AFAEAE;}
.miga span{font-size: 15px;color: #7A991A;font-family: regular;}
.miga span i{color: #2C2C2C;margin-left: 5px;}

body.login{background-position: top center;}
body.login #footer{ position: absolute; bottom: 0; width: 100%; max-width: none;}
body.login #footer .container{ margin: auto;}

.no-padd { padding: 0 !important;  }
.no-padd-l {padding-left: 0px !important;}
.no-padd-r {padding-right: 0px !important;}
.center {width: 1170px; margin: 0 auto;}

.dropdown, .dropup { display:inline-block; }


button, btn{transition: background-color 0.5s, color 0.5s; text-align:center;}
a{transition: background-color 1s, color 1s;}

/*botones*/

    .btn-green{font-size: 16px;color: #FFF;font-family: bold;text-align: center;background-color: #93C31D;border:none;}
    .btn-green:hover{color: #FFF;background-color: #718E17;}
    .btn-gris{padding: 5px 25px;font-family: regular;font-size: 15px;text-align: center;border-radius: 0px;border: none;color: #FFFFFF;background-color: #898B8D; cursor: pointer;}
    .btn-gris:hover{background: none;background-color: #686868;color: #FFF;}
    .btn-cielo{background-color: #207ECE;border: none;font-family: bold;font-size: 15px;text-align: center;color: #FFF;border-radius: 0px;}
    .btn-cielo i{color: #59C9EE;}
    .btn-cielo:hover{background-color: #185887;color: #FFF;}
    .btn-azul{background-color: #00B7EE;border:2px #0E8FAD solid;border-radius: 5px;font-size: 21px;font-family: bold;text-align: center;color: #FFF}
    .btn-azul:hover{background-color: #0E8FAD;color: #FFF;}
    .btn-negro{background-color: #404041;font-size: 15px;font-family: regular;color: #FFF;border: none;border-radius: 0;padding: 5px 25px;}
    .btn-negro:hover{background-color: #000;color: #FFF;}
    .btn-naranja{background-color: #E88503;border-radius: 5px;font-size: 15px;font-family: regular;color: #FFF;}
    .btn-naranja:hover{background-color: #AA5F05;color: #FFF;}
    .btn-rojo{background-color: #EC1C24;border-radius: 5px;font-size: 15px;font-family: regular;color: #FFF;border:1px #921C24 solid;padding: 5px 15px;}
    .btn-rojo:hover{background-color: #921C24;color: #FFF;}
    /*.btn-azul-osc{background-color: #134F8D;font-size: 15px;font-family: regular;text-align: center;color: #FFF;border: none;border-radius: 0;padding: 5px 25px}*/
    /*.btn-azul-osc:hover{background-color: #0D3559;color: #FFF;}*/
    /*.btn-azul-ligth{background-color: #5EB3D4;font-size: 16px;font-family: regular;text-align: center;color: #FFF;border: none;border-radius: 0;padding: 5px 25px}
    .btn-azul-ligth:hover{background-color: #4A92A8;}/**/
    .btn-grande i{display: block;clear: both;font-size: 50px;margin-bottom: 10px;}
    .ctn-btn .btn-izq{float: left;}
    .ctn-btn .btn-der{float: right;}
    .btn-report{background-color: #39393A;font-size: 15px;font-family: regular;text-align: left;color: #FFF;border: none;border-radius: 0;padding: 15px 10px;width: 100%;margin-bottom: 7px;}
    .btn-report i{margin-right: 5px;}
    .btn-accion{background-color: #39393A;font-size: 15px;font-family: regular;text-align: center;color: #FFF;border: none;border-radius: 0;padding: 5px 10px;}
    .btn-accion:hover{color: #FFF;background-color: #7D7D7E;}
    .btn-accion i{margin-right: 5px;}
    .btn-report:hover{background-color: #676768;}
    .btn-menu{background-color: #3E3E3E;border-radius: 0;box-shadow: none;font-family: regular;font-size: 16px;color: #FFF;padding: 10px 25px;border:1px transparent solid;}
    .btn-menu:hover{background-color: #4D4C4C;border: 1px #FFF solid;}
    .btn-menu:last-child{margin-right: 0;}
    
    .menu-activo{background-color: #4D4C4C;border: 1px #FFF solid !important;}
    
    a[class*="btn-"], button[class*="btn-"] { color:#fff; font-size:16px; font-family: regular;text-align: center; border: none; padding: 5px 25px; border-radius: 0; cursor:pointer;}
    a[class*="btn-"]:hover, button[class*="btn-"]:hover { color:#fff;}
    
    .btn-guardar{background-color: #404041;}
    .btn-guardar:hover{background-color: #000;}
    
    .btn-cancelar{background-color: #898B8D;}
    .btn-cancelar:hover{background-color: #686868;}
    
    .btn-osc{ background-color: #134F8D; }
    .btn-osc:hover{ background-color: #0D3559; }
    .btn-light{background-color: #5EB3D4; }
    .btn-light:hover{background-color: #4A92A8;}
  
 .bg-sombreado { background-color:#eee;}   
    
    
/*tooltip*/
    .tooltip{text-transform: initial; position:absolute; z-index:1020;display:block; visibility:visible;padding:5px;}
    .tooltip.top{ margin-top:-2px}
    .tooltip.right{margin-left:2px}
    .tooltip.bottom{margin-top:2px}
    .tooltip.left{margin-left:-2px}
    .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #207ECE;opacity: 1}
    .tooltip .tooltip-inner {background-color: #207ECE;max-width:200px;padding:3px 8px; color:#fff; text-align:justify;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
    .tooltip .tooltip-inner h2{text-align: left;text-transform: uppercase;font-size: 13px;margin: 5px 0;color: #494949;font-family: bold;}
    .tooltip .tooltip-inner p{text-align: left;font-size: 13px;color: #494949;font-family: regular;}
    .tooltip-arrow{position:absolute;width:0;height:0}

/*estilos mensajes sweet alert*/
.sweet-alert {}
    .sweet-alert h2 { font-size:16px; line-height:20px; margin-bottom:15px; margin: 10px 0 10px; }
    .sweet-alert .sa-icon:not(.sa-custom) { transform: scale(0.7); margin: 10px auto; }
    .sweet-alert p { font-size: 14px; }
    .sweet-alert p ul { list-style-type: disc; display: inline-block; clear:both; margin:5px 0;}
    .sweet-alert p ul li { text-align: left; }
    .sweet-alert button { padding: 5px 16px; margin: 15px 5px 0 5px; font-size:16px; }
/*---------*/    
    
/*estilos cargando*/

    .cargando-container{text-align: center; position: fixed; width: 100%; top: 20%;}
    .cargando-container .row{position: fixed; top: 40%; text-align: center; margin: 0; width: 100%;}
    .cargando-container .ctn-loader{display: inline-block; overflow: hidden;}
    .cargando-container .ctn img{position: absolute; top: 30px; left: 55px; width:90px; opacity:0.8; }
    .cargando-container .ctn p{font-family: semi;font-size: 18px;text-align: center;color: #353535;padding: 5px 0;width: 100%;}
    .cargando-container.imag .ctn{width: 200px; height: 250px; position: relative;}
    .cargando-container.imag .ctn p{position: absolute;top: 150px;width: 100%; font-family: regular;}
    .cargando-container .loader {font-size: 10px; margin: 30% auto; text-indent: -9999em; width: 15em; height: 15em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -webkit-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -o-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -ms-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: linear-gradient(to right, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); position: relative; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear;}
    .cargando-container .loader:before {width: 50%; height: 50%; background: #c13d5d; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: '';}
    .cargando-container .loader:after {background: #FFF; width: 97%; height: 97%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
    /*.blockMsg {top: 20px; width: 100%; left: 0;}/**/
    .blockMsg {width: 100% !important; background:transparent !important;}
    @-webkit-keyframes load3 {
        0% {
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg); transform: rotate(360deg);
      }
    }
    @keyframes load3 {
      0% {
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg); transform: rotate(360deg);
      }
    }

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

    
/*opciones de reporte*/

.acciones-reporte{display: inline-block;padding: 0 15px;margin-bottom: 7px;float: right;}
.acciones-reporte .btn{display: inline-block;float: left;margin-bottom: 0;}
.acciones-reporte a{margin-right: 10px;font-size: 15px;font-family: regular;text-align: center;color: #FFF;border: none;border-radius: 0;padding: 5px 10px;}
.acciones-reporte button{margin-right: 10px;font-size: 15px;font-family: regular;text-align: center;color: #FFF;border: none;border-radius: 0;padding: 5px 10px;}
.acciones-reporte .dropdown{ float: left;}
.acciones-reporte .dropdown button{margin-right: 0;}
.acciones-reporte .dropdown button:focus{color:#fff;}
.acciones-reporte .dropdown a{text-align: left;}
.acciones-reporte .dropdown .dropdown-menu{top: 29px;left: initial;right: 0;border-radius: 0;}


/*
|================================
|@php class     :
|@html template :
|@Note          : Formularios
|================================
*/

form .error {color: #cc0000 !important;}
form input.error, 
form select.error, 
form textarea.error, 
/*form select.error + .select2 .select2-selection,/**/
form .ui-multiselect.error,
form .select2-selection.error,
form .icheckbox_minimal.error,
form .mce-tinymce.error,
form .iradio_minimal.error,
form .icons-selector .selector.error {border:1px #cc0000 solid !important;}
form label.error {}
form .error a {color: #cc0000 !important;}
form input + .ayuda{ position:absolute; top:36px; right:18px; font-size:16px;}

.contenedorformulario {  }
    .contenedorformulario .botoncorto { margin-left: 0px; font-weight: bold; height: auto; width: auto; padding: 2px 5px; display: block; float: left; cursor: pointer; margin: 0px 5px; background-image : none; background-color: #D58400; border-radius: 5px; }
    .contenedorformulario .tablaformulario { border-collapse: collapse; width: 80% }
    .contenedorformulario td { padding-right: 15px; }
    .contenedorformulario .etiquetas { text-align: left; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; padding-right: 15px; }
    .contenedorformulario .colboton { text-align: center; }
    .contenedorformulario .tabla-formulario-movimiento { border-collapse: collapse; }
    .contenedorformulario .titulo { padding: 5px 0;margin: 0 10px;font: normal normal 17pt/25pt 'bold',Arial; color: #000;border-radius: 5px;overflow: hidden; }
    .contenedorformulario .titulo h3 { padding: 0px;margin: 0px;font: normal normal 24px/32px  'bold',Arial; color: #000;border-radius: 5px;overflow: hidden; }
    .contenedorformulario .subtitulo { color: #666; font-weight: bold; font-size: 18px; margin-left: 8px; }
    .contenedorformulario fieldset { clear: both; margin: 0; padding: 0; }
    .contenedorformulario .sentidos { margin: 0px 15px 0 0; overflow: hidden; float: left; }
    .contenedorformulario .sentidos-flex { display: inline-flex; display: -moz-deck; }
    .contenedorformulario .contenedor-campo { padding: 5px 5px 5px 5px;float: left; display: inline; margin-right: 13px; }
    .contenedorformulario .contenedor-campo .ayuda { margin: 0 5px;font: normal normal 13px/16px 'regular',Arial;color: #474747; }
    
    .contenedorformulario .contenedor-campo .booleano{  }
    .contenedorformulario .contenedor-campo .booleano .selectorbool{ float: left; margin-right: 5px; }
    .contenedorformulario .contenedor-campo .fecha{ padding-right: 20px; width: 100%; position: relative;    }
    .contenedorformulario .contenedor-campo .fecha .cal{ display: block; float: left; margin-right: 3px;  background-image: url(../Imagenes/Varias/Fecha.png); width: 22px; height: 22px; position: absolute; left: 0; top: 5px;}
    .contenedorformulario .contenedor-campo .fecha input{  margin-left: 25px; margin-right: 25px; float: left; margin-top: 0; padding-top: 0; }
    .contenedorformulario .contenedor-campo .fecha .limpiar{ display: block; float: left; margin-left: 3px; background-image: url(../Imagenes/Template/limpiar-fecha.png); width: 20px; height: 20px; padding: 0; position: absolute; right: 0; top: 7px; background-color: transparent;}
    

    .contenedorformulario .editor { padding: 0 }
/*    .contenedorformulario .contenedor-campo a { padding: 10px 20px; display: block; font: normal normal 14px/14px 'semibold',Arial;color: #FFF;border-radius: 5px;background-color: #666; }
    .contenedorformulario .contenedor-campo a:hover { background-color: #D9534F; }*/
    .contenedorformulario .contenedor-campo a.miniColors-trigger { padding: 0px; }
    .contenedorformulario .contenedor-campo22 { padding-top: 10px; padding-bottom: 5px; padding-right: 45px; float: left; display: inline; }
    .contenedorformulario .contenedor-campo33 { padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 45px; float: left; display: inline; }
    .contenedorformulario .contenedor-campo44 { padding-top: 6px; padding-bottom: 5px; padding-right: 0px; float: left; display: inline; }
    .contenedorformulario .contenedor-error { padding-top: 20px; padding-right: 30px }
    .contenedorformulario .contenedor-botones { padding: 10px;text-align: right;overflow: hidden }
    .contenedorformulario .contenedor-botones input{ margin-left: 10px;}
/*    .contenedorformulario .contenedor-botones input, .contenedorformulario .contenedor-botones div { float: right; margin-left: 10px; }

    .contenedorformulario .contenedor-botones input{ border: none;  border-top: solid 4px #57050f; background-color: #98151b; color: #fff; border-radius: 5px; padding: 5px 15px; font-size: 16px;}
    .contenedorformulario .contenedor-botones input:hover{ color: #fff; background-color: #1688ca;}*/

    .contenedorformulario label { padding: 5px 0;display: block;font: normal normal 14px/14px 'semibold',Arial;color: #474747; }
    .contenedorformulario label i{ margin-left: 2px; margin-top: 2px; }
    .contenedorformulario select { }
    .contenedorformulario select option { }
    .contenedorformulario input[type="text"], .contenedorformulario input[type="password"] { margin: 5px 0;font: normal normal 14px/20px 'regular',Arial;color: #474747; }
    .contenedorformulario input[type="text"], .contenedorformulario textarea, .contenedorformulario select, .contenedorformulario input[type="file"], .contenedorformulario input[type="password"] {padding: 5px 0.5em; border-radius: 3px;border: solid 1px #ccc;}
    .contenedorformulario input[type="text"], .contenedorformulario textarea, .contenedorformulario input[type="file"], .contenedorformulario input[type="password"] {background-color: #f5f5f5;}
    .contenedorformulario input[type="file"] { width: 101%; }

    .contenedorformulario textarea { font: normal normal 14px/18px 'regular',Arial;color: #474747;background-color: #ececec; }
    .contenedorformulario .contenedor-grid { padding-left: 17px; }
    .contenedorformulario p { padding-top: 0px; }
    .contenedorformulario .fieldset { margin: 20px 10px 10px 10px;position: relative; border: 1px solid #CCC;border-radius: 5px; }
    .contenedorformulario .fieldset .campos{ padding: 10px 10px 20px 10px; }
    .contenedorformulario .legend { padding: 10px 20px;margin: 0px;display: block; font: normal normal 16px/18px 'semibold',Arial;color: #474747;border-radius: 5px 5px 0 0;background-color: #CDCDCD; }
    .contenedorformulario .legend.azul { background-color: #5bc0de; color: #fff; }
    .contenedorformulario .legend.verde { background-color: #5cb85c; color: #fff; }
    .contenedorformulario .legend.naranja { background-color: #eea236; color: #fff; }
    .contenedorformulario .legend.rojo { background-color: #d9534f; color: #fff; }
    .contenedorformulario .campo-error { display: block; }
    .contenedorformulario .campo-error br { display: none; }

    .contenedorformulario .numeracion-tabla.completa { background-color: #B4FC9C; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }
    .contenedorformulario .numeracion-tabla.incompleta { background-color: #FFA1A1; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }
    .contenedorformulario .numeracion-tabla.actual { background-color: #CCC; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }

    .contenedorformulario .select-wrapper{ margin: 5px 0;}
    .contenedorformulario .color-picker{ width: 50px; display: inline-block; padding-right: 4px;}

    .contenedorformulario .valorcampo { border: 1px solid; height: 25px; width: 100px; text-align: center; border-radius: 10px;}

    .contenedorformulario .selectororden {   border: 1px dotted; margin: 15px; padding: 15px; width: 60%;}
    .contenedorformulario .selectororden .tablamuestra {float: left; margin: 15px; padding: 5px;}
    .contenedorformulario .selectororden .tablamuestra table thead tr td{background-color: #9FD8B1; font-weight: bold;}
    .contenedorformulario .selectororden .selectorordencampo {float: left; margin: 15px; padding: 5px;}

/*    .contenedorformulario .botonenviar {width: 75%;}
    .contenedorformulario .botonenviar a {border-radius: 10px; border: 1px solid; margin: 2px; padding: 3px; background-color: #E73852; color: #fff;}*/

    .contenedorformulario .mostrarresumen p {margin: 5px; padding: 6px;}

    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker {border-style:none; border-width:0px; position:absolute; visibility:hidden; background:white; width: 140px; font-size: 14px; }
    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker .options-marker {width:96%; height:18px; padding:3px 0px 3px 2px; border:1px solid #ccc; cursor:pointer; }
    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker .options-marker:hover {background:#ccc; }

    .ui-dialog .ui-dialog-content, .ui-tabs { padding:0; }
    /*.ui-dialog-titlebar { display:none; }*/
    #ui-tab-dialog-close { position:absolute; right:0; top:23px; }
    #ui-tab-dialog-close a { float:none; padding:0; }

    .ui-dialog .ui-dialog-content .contenedor-campo { float: left; padding: 15px 15px 5px; }
    .ui-dialog .ui-dialog-content .contenedor-campo label { clear: both; display: block; font-weight: bold; }

/*estilos formulario nuevo -sebastian*/
    .interna-reporte{background-color: #282828;}
    .ctn-reporte{background-color: #EAEAEA; min-height: 300px;}
    .ph_formulario.predeterminado{background-color: #EAEAEA;min-height: 300px; max-width: 1340px;}
    .ph_formulario .form-group .ph_archivo { }
    .ph_formulario .form-group .ph_archivo label span{ color: #fff;}
    .ph_formulario .form-group .ph_archivo .ctn-img { background: #c5c5c5; position:relative; min-height:80px; }
    .ph_formulario .form-group .ph_archivo .ctn-img .img{ max-width:130px; max-height:150px; margin:0 auto; display:block;}
    .ph_formulario .form-group .ph_archivo .ctn-img img{ margin:0 auto;}
    .ph_formulario .form-group .ph_archivo .ctn-img .ctn-borrarimg{ position:absolute; bottom:0; left:0; width:100%; background: rgba(20,20,20,0.9); text-align:center; color:#fff; padding:5px 0; }
    .ph_formulario .form-group .ph_archivo .ctn-img .ctn-borrarimg .icheckbox_minimal{ background-color:#fff; }

    .titulo-reporte{font-size: 19px;font-family: regular;color: #515151;text-align: left;margin: 0;margin: 15px 0 0;}
    .subtitulo-reporte{font-size: 14px;font-family: regular;color: #919191;text-align: left;margin: 0;margin: 5px 0 10px;}
    .descripcion-reporte{font-size: 14px;font-family: regular;text-align: left;margin: 0;margin: 0 0 10px;}
    .titulo-formulario{font-size: 19px;font-family: regular;color: #515151;text-align: left;margin: 0;margin: 15px 0;}
    .ctn-formulario{ background: #EAEAEA;}
    .ctn-form{margin-bottom: 20px;}
    .ctn-form .ctn-campos-esp {background-color: #FDFADB;padding-top: 15px;margin: 80px 0 20px;}
    .h-campos{padding:6px 15px;background-color: #3C3D41;font-family: semi;font-size: 15px;text-align: left;color: #FFF;margin: 0px;}
    .h-campos i{color: #93C31D;margin-right: 5px;}    
    .ctn-campos{border: 1px #AFAFAF solid;background-color: #FFF;padding: 0;padding-top: 15px;}
    .form-group label{font-size: 15px; color: #282828;font-family: regular;font-weight: normal;display: block;}
    .form-group label span{color: #207ECE;}
    .form-group label .ayuda{margin-left: 5px; display:inline-block; color: #93C31D;}
    .form-group label .buttonText{font-family: regular;font-size: 14px; color: #FFF;}
    .form-group .btn-file{width: 100%;padding: 5px 0;margin:0;}
    
    .form-group .checkbox-inline{padding: 0px; font-family: regular; /*color: #207ECE;*/ font-size: 15px;}
    .form-group input[type="text"]{border-radius: 0px; background-color: #FFF;border:1px #AFAFAF solid;height: 29px;}
    .form-group input[type="password"]{border-radius: 0px; background-color: #FFF;border:1px #AFAFAF solid;height: 29px;}
    .form-group input[type="file"]{border-radius: 0px; background-color: transparent;border:none;height: 29px;}
    .form-group input:read-only { border-color: transparent; box-shadow: inset 0 0; }
    
    .form-group .bootstrap-filestyle {width: 100%;}
    .form-group .bootstrap-filestyle .form-control{width: 58%;margin-right: 10px;}
    
    .form-group .bootstrap-filestyle .group-span-filestyle{ overflow: hidden;display: inline-block; width: 100%}
    .form-group .form-control{ padding:6px;}
    
    
    /*#panel-menu .form-group .bootstrap-filestyle .group-span-filestyle{height: 29px;overflow: hidden;display: inline-block;width: 37%;}*/
    
    .form-group .icheckbox_minimal{margin-right: 5px; background-color:#fff; background-position-y: center; height:29px;}
    .form-group textarea{border-radius: 0px; background-color: #FFF;border:1px #AFAFAF solid;}
    .form-group .cod{font-family: bold;font-size: 15px;color: #282828;}
    /*.form-group button{margin-top: 15px;font-family: semi;font-size: 15px;padding: 5px 10px;float: right;}*/
   
    .ctn-date { position:relative; }
    .ctn-date .input-group-addon{ border-radius: 0px;background-color: #FFF;height: 24px;border: none; padding: 3px; position:absolute; right:1px; top:3px; z-index:3; cursor:pointer; width:auto; }
    .ctn-date .glyphicon{color: #59C9EE;}
    
    .colorpicker-component .input-group-addon{ padding: 3px 5px; border-color: #AFAFAF; }
    
    .gmap {}
        .gmap .gmap_campo { float:left; width:100%;  }
	.gmap .gmap_campo label { }
        .gmap .gmap_campo input { float: left; width: 85%; }
        .gmap .gmap_campo .gmap_boton { float: left; padding: 4px; }
	.gmap .gmap_campo .gmap_boton img { margin-left: 5px; cursor: pointer;}
	.gmap_ventana .gmap_info { display: none; margin-top: 0px; padding-top:5px;  overflow:hidden; }
	.gmap_ventana .gmap_info div { float: left; padding: 5px; }
	.gmap_ventana .gmap_info div label { float: left; font-size: 11px; color: #000; margin-right: 3px; }
	.gmap_ventana .gmap_info div input[type="text"] { float: left; font-size: 12px; }
	.gmap_ventana .gmap_info .gmap_lat, .gmap_ventana .gmap_info .gmap_lon{width: 140px} 
	.gmap_ventana .gmap_info .gmap_zoom{width: 50px} 
	.gmap_ventana .gmap_info div input[type="button"] { float: left; font-size: 10px; padding: 5px; height: auto; width: auto; margin-left: 5px; }
	.gmap_ventana .gmap_info .gmap_search { width: 70%; }
	.gmap_ventana .gmap_info .copiar-busqueda {display:none; font-size:18px; margin-left:5px; cursor:pointer; padding:3px 5px; background:#ccc; border-radius:3px; color:#000; }
	.gmap_ventana .gmap_parametros,
	.gmap_contenedor .gmap_puntosreferencia { display: none; }
    
    #gmap_ventana_ida_tabs { border:0; }
    
    .pac-container { background-color: #FFF; z-index: 2000 !important; position: fixed;  float: left; }
    
    .b-magin{margin-top: 26px;float: left;}
    .b-magin-xs{margin-top: 26px;float: left;}
    .input-adc{background: none;border:none;font-family: regular;font-size: 15px;color: #134F8D;float: left;}
    .input-adc:hover{text-decoration: underline;}
    .ctn-ad{margin-bottom: 15px;clear: both;}
    .ctn-ad .ctn-icon{float: left;display: inline-block; text-align:center;}
    .ctn-ad .ctn-icon img{display: block;margin: 0 auto;}
    .ctn-ad .ctn-icon i{font-size:36px; color:#3C3D41;}
    .ctn-ad .p-advertencia{float: left;display: inline-block;}
    .ctn-ad .p-advertencia p{font-family: regular;color: #515151;font-size: 15px;}
    .ctn-item-img{clear: both;margin-bottom: 20px;}
    .ctn-item-img .ctn-item{display: inline-block;}
    .ctn-item-img .ctn-item h2{color: #282828;font-size: 15px;font-family: regular;margin-top: 0;margin-bottom: 15px;}
    .ctn-item-img .ctn-item .ctn-img{position: relative;clear: both;}
    .ctn-item-img .ctn-item .ctn-img img{width: 100%;}
    .ctn-item-img .ctn-item .ctn-img .txt-img{width: 100%;position: absolute;bottom: 0;background-color: #999999;font-family: semi;text-align: center;color: #FFF;font-size: 15px;}
    .ctn-item-img .ctn-item .ctn-img .txt-img:hover{color: #FFF;text-decoration: none;background-color: #595959;}
    .ctn-item-img .ctn-item .ctn-img .bootstrap-filestyle { position:absolute; bottom:0; right:0;}
    .form-parametros{margin-bottom: 20px;}
    .margen-top-0{margin-top: 0;}
    .ctn-info-form{clear: both;margin: 20px 0 30px;}
    .ctn-info-form .ctn-icon{display: inline-block;}
    .ctn-info-form .ctn-icon img{display: block;margin: 0 auto;}
    .ctn-info-form .ctn-txt{display: inline-block;padding-left: 0;}
    .ctn-info-form .ctn-txt p{display: inline-block;font-family: regular;font-size: 14px; color: #585757;}
    .form-parametros .campos-parametros{border: none;}
    .form-parametros .campos-parametros .form-group { margin-bottom:20px; }
    .form-parametros .campos-parametros .form-group label{font-family: regular;font-size: 14px;color: #585757;margin-top: 0px; min-height:40px; }
    .form-parametros .campos-parametros .form-group label i{margin-left: 5px; color: #A1BF3B;}
    .form-parametros .campos-parametros .form-group .field-big{color: #585757;font-family: regular;font-size: 23px;background-color: #F6F6F6; border: 1px #DBDADA solid;height: 37px;box-shadow: none; border-radius: 0;}
    .form-parametros .campos-parametros .form-group .field-big-text{color: #585757;font-family: regular;font-size: 14px;background-color: #F6F6F6; border: 1px #DBDADA solid;box-shadow: none; border-radius: 0;margin-top: 10px;}
    
    .ctn-repetidor { position:relative; margin-bottom:30px; }
    .ctn-repetidor .ctn-repetidor-etiquetas { background:#eee; padding-top:5px; padding-right:5px;  }
    .ctn-repetidor .ctn-repetidor-etiquetas .form-group { margin-bottom:0; }
    .ctn-repetidor .ctn-repetidor-etiquetas .form-group label { white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
    .ctn-repetidor .ctn-repetidor-items { /*max-height:400px; overflow-y:auto;/**/ }
    .ctn-repetidor .ctn-repetidor-item { position:relative; background:#eee; border-top:1px #fff solid; padding-top:5px; padding-right:5px; }
    .ctn-repetidor .ctn-repetidor-item .form-group { margin-bottom:5px; }
    .ctn-repetidor .btn-repetidor-agregar { position: absolute;left: 15px;bottom: -19px;z-index: 1;display: block;font-size: 16px;color: #fff;background: #404041;padding: 0px 5px;cursor: pointer;height: 20px; }
    .ctn-repetidor .btn-repetidor-agregar:hover { background: #000;}
    .ctn-repetidor .btn-repetidor-borrar {position: absolute;right: 2px;top: 8px;z-index: 1;display: block;font-size: 18px;cursor: pointer;color: #898B8D;}
    .ctn-repetidor .btn-repetidor-borrar:hover { color: #686868;}
    /*.ctn-repetidor .ctn-repetidor-item:first-child .btn-repetidor-borrar{ display:none; }*/
    
    #FormTraducirEtiquetas .ctn-repetidor { height:450px; overflow-y:scroll; }
    
    /*mensaje en campo de archivos*/
    .label-file{display: none;}
    .campo-archivo .dropzone{float: left;width: 100%;min-height: 0;height: auto;background-color: transparent;padding: 20px 0;}
    .campo-archivo .dropzone.dz-clickable .dz-message {margin: 20px 0;float: left;width: 100%;}
    .campo-archivo .dropzone.dz-clickable .dz-message p{font-family: semi;font-size: 25px;}
    .campo-archivo .dropzone.dz-clickable .dz-message i{font-size: 35px;margin-right: 5px;}
    
    .ctn-item-archivo{display: none;}
    .ctn-item-album{display: none;}
    
    /*item de archivos*/
    .ctn-archivo{display: inline-block;margin-bottom: 15px; max-width:290px;}
    .item-archivo{background-color: #FFF;padding: 15px; }
    .item-archivo .sup{clear: both;margin-bottom: 4px;}
    .item-archivo .sup .icon-archivo{display: inline-block;}
    .item-archivo .sup .icon-archivo img{display: block;margin: 0 auto;}
    .item-archivo .sup .name-file{display: inline-block;font-family: regular;font-size: 14px; color: #222220;word-wrap: break-word; margin:0; padding:0 2px; position:relative;}
    .item-archivo .sup .name-file i{display:inline-block; margin-left:3px; color:#222220; cursor:pointer;}
    .item-archivo .sup .name-file-edit {display:none; font-family: regular;font-size: 14px; color: #222220;word-wrap: break-word; margin:0; padding:0; position:relative;}
    .item-archivo .sup .name-file-edit input{width:100%; padding-right:32px;}
    .item-archivo .sup .name-file-edit i{position:absolute; font-size:12px;color:#222220; cursor:pointer; top:7px; }
    .item-archivo .sup .name-file-edit .btn-archivocancelar{ position:absolute; right:3px; }
    .item-archivo .sup .name-file-edit .btn-archivoguardar{ position:absolute; right:18px; }
    .item-archivo .inf {clear: both;}
    .item-archivo .inf h2{display: inline-block;float: left;font-family: regular;color: #6F6F6E;font-size: 13px;}
    .item-archivo .inf .btn-file{display: inline-block;float: right;}
    .item-archivo .inf .btn-file button{display: inline-block; font-size: 14px;font-family: regular;color: #FFF;border-radius: 0;padding: 5px 15px; border: none;float: left;}
    .item-archivo .inf .btn-file button:first-child{margin-right: 5px;}
    .item-archivo .link-archivo,
    .item-archivo button,
    .item-archivo .link-archivo img{ cursor:pointer !important;}
    
    /*item de album imagenes*/
    
    .ctn-img-album{display: inline-block;margin-bottom: 15px; max-width:260px;}
    .ctn-img-album .item-report{background-color: #FFF; border: 1px #AFAFAF solid;padding: 8px 8px 20px;height: 265px;}
    .ctn-img-album .item-report .titulo-item{margin-top: 0px;margin-bottom: 10px;text-align: left;color: #282828;font-size: 15px;font-family: semi;word-wrap: break-word; height:30px;}
    .ctn-img-album .item-report .titulo-item-edit {display:none; font-family: semi;font-size: 15px; color: #282828;word-wrap: break-word; margin:0 0 10px; position:relative; height:30px;}
    .ctn-img-album .item-report .titulo-item-edit input{width:100%; padding-right:32px;}
    .ctn-img-album .item-report .titulo-item-edit i{position:absolute; font-size:12px;color:#222220; cursor:pointer; top:7px; }
    .ctn-img-album .item-report .titulo-item-edit .btn-imagencancelar{ position:absolute; right:3px; }
    .ctn-img-album .item-report .titulo-item-edit .btn-imagenguardar{ position:absolute; right:18px; }
    
    .ctn-img-album .item-report .correo{margin-top: 0px;margin-bottom: 10px;text-align: left;color: #6F6F6E;font-size: 13px;font-family: regular;}
    .ctn-img-album .item-report .img-item{margin-bottom: 10px; position: relative;border: 1px #DBDADA solid;}
    .ctn-img-album .item-report .img-item img{display: block;margin: 0 auto;}
    .ctn-img-album .item-report .img-item .btn-ampliar{color: #93C31D;position: absolute;top: 0;right: 0;border: none;background-color: rgba(255,255,255,0.5);font-size: 25px;text-align: center;transition: color 0s;margin-top: 0;}
    .ctn-img-album .item-report .img-item .btn-ampliar i{cursor:pointer;}
    .ctn-img-album .item-report .txt-item{margin-bottom: 10px;padding: 0px;}
    .ctn-img-album .item-report .txt-item .ctn-info{float: left;display: inline-block;margin-bottom: 10px;}
    .ctn-img-album .item-report .txt-item .ctn-info p{float: left;display: inline-block; font-size: 15px; color: #515151;font-family: regular;margin-bottom: 0px;margin-right: 10px;}
    .ctn-img-album .item-report .txt-item .ctn-info p:last-child{margin-right: 0px;}
    .ctn-img-album .item-report .txt-item .ctn-info p i{color: #207ECE;margin-right: 5px;}
    .ctn-img-album .item-report .txt-item .ctn-info p b{color: #207ECE;margin-right: 5px;}
    .ctn-img-album .item-report .txt-item .usuario-txt p i{color: #535353;margin-right: 5px;}
    .ctn-img-album .item-report .txt-item .categoria{display: inline-block;float: right;color: #515151;font-family: regular;font-size: 15px;margin-bottom: 0px;}
    .ctn-img-album .item-report .link-banner {float:left;font-size: 14px;font-family: bold;color: #535353;margin-bottom: 15px;}
    .ctn-img-album .item-report .link-banner i{color: #3C3C3C; margin-right: 5px;}
    .ctn-img-album .item-report .link-banner a{font-family: regular;}
    .ctn-img-album .item-report .link-banner a:hover{text-decoration: underline;}
    .ctn-img-album .item-report .btn-desplegable{float:right;}
    .ctn-img-album .item-report .btn-desplegable .btn-green{float:right;border-radius: 0px;font-family: semi;font-size: 15px;border: none;padding: 5px 20px;margin-top: 0;}
    .ctn-img-album .link-imagen,
    .ctn-img-album button,
    .ctn-img-album a,
    .ctn-img-album .link-imagen img,
    .ctn-img-album .btn-imageneditar{ cursor:pointer !important;}
     
    
    
    .ctn-btn{margin-bottom: 15px;clear: both;float: right;padding: 0 15px;}
    .ctn-btn button{padding: 5px 25px;font-size: 16px;font-family: regular;}
    .ctn-btn a{padding: 5px 25px;font-size: 16px;font-family: regular; }
    .ctn-tab-form{background-color: #207ECE;border: none;padding: 0;margin-bottom: 20px;}
    .ctn-tab-form  > li{margin-bottom: 0; }
    .ctn-tab-form  > li > a{background-color: #207ECE;border: none;font-size: 15px;font-family: semi;color: #59C9EE;border-radius: 0;}
    .ctn-tab-form  > li > a:hover{background-color: #134F8D;color: #FFF; border:none;}
    .ctn-tab-form > li.active {border:none;}
    .ctn-tab-form > li.active > a{border:none; background-color: #134F8D;color: #FFF;}
    .ctn-tab-form > li.active > a:hover{border:none; background-color: #134F8D;color: #FFF;}
    .ctn-tab-form > li.active > a:focus{border:none; color:#fff; background-color: #134F8D;}
    
    
    .ctn-btn button{margin-right: 5px;}
    .ctn-btn button:last-child{margin-right: 0px;}
    .n-item{float: left;margin-bottom: 15px;}
    .n-item label{float: left;display: inline-block;color: #515151;font-family: regular;font-size: 15px;margin-right: 10px;margin-bottom: 0px;margin-top: 3px;}
    .n-item .form-group{float: left;margin-bottom: 0px;}
    .n-item .ctn-select{float: left;display: inline-block;margin-right: 10px;}
    
    /*estilos select2*/
    .select2.select2-container{width: 100% !important;}
    .select2-container--default .select2-selection--single{border-radius: 0px;border: 1px #AFAFAF solid; height:29px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-left:6px;}
    
    .select2-container--default .select2-selection--multiple{border-radius: 0px;border: 1px #AFAFAF solid; min-height:0;}
    .select2-container--default .select2-selection--multiple .select2-selection__rendered{/*font-family: bold;/**/}
    
    select[readonly].select2-hidden-accessible + .select2-container { pointer-events: none; touch-action: none;
        .select2-selection { background: #eee; box-shadow: none; }

        .select2-selection__arrow,
        .select2-selection__clear { display: none; }
    }
    
    .select2-container--open .select2-dropdown--below { width: max-content !important; }
    
    /*estilos fontIconPicker */
    .fip-bootstrap.icons-selector { }
    .fip-bootstrap.icons-selector .selector { border: 1px #AFAFAF solid; height:29px; box-sizing: border-box; position:relative; }
    .fip-bootstrap.icons-selector .selected-icon { border:none; float:none; text-align:left; padding:0 10px; width:unset;}
    .fip-bootstrap.icons-selector .selected-icon i {font-size:13px; line-height:29px; }
    .fip-bootstrap.icons-selector .selector-button { border:none; background:#fff; position:absolute; top:0px; right:0px; width:unset;}
    .fip-bootstrap.icons-selector .selector-button:hover { background:#fff;}
    .fip-bootstrap.icons-selector .selector-button i {font-size:13px; line-height:29px; }
    .fip-bootstrap.icons-selector .selector-popup { border-radius:0; border-color:#AFAFAF;}
    
    /*item-articulo*/
    
    .ctn-items{clear: both;}
    .ctn-items .ctn-padd{display: inline-block;margin-bottom: 20px;}
    .ctn-items .ctn-padd .item-report{background-color: #FFF; border: 1px #AFAFAF solid;padding: 8px 8px 20px; height: 350px;}
    .ctn-items .ctn-padd .item-report .titulo-item{margin-top: 0px;margin-bottom: 5px;text-align: left;color: #282828;font-size: 15px;font-family: semi; height:16px; overflow:hidden;}
    .ctn-items .ctn-padd .item-report .correo{margin-top: 0px;margin-bottom: 10px;text-align: left;color: #6F6F6E;font-size: 13px; font-family: regular; height:18px; overflow:hidden;}
    .ctn-items .ctn-padd .item-report .img-item{margin-bottom: 10px; position: relative;border: 1px #DBDADA solid;}
    .ctn-items .ctn-padd .item-report .img-item img{ margin:0 auto; }
    .ctn-items .ctn-padd .item-report .img-item .ctn-botones{position: absolute;top: 0;right: 0;border: none;font-size: 25px;text-align: right; padding:2px 0;}
    .ctn-items .ctn-padd .item-report .img-item .btn-item{ margin:0 4px; float:right;}
    .ctn-items .ctn-padd .item-report .img-item .btn{border: none;background-color: transparent; font-size: 22px;text-align: center;transition: color 0s; padding:0; text-shadow:2px 2px 2px #f9f7d7;}
    .ctn-items .ctn-padd .item-report .txt-item{margin-bottom: 10px;padding: 0px;}
    .ctn-items .ctn-padd .item-banner .txt-item{margin-bottom: 0px;padding: 0px;}
    .ctn-items .ctn-padd .item-report .txt-item .ctn-info{float: left;display: inline-block;margin-bottom: 10px;}
    .ctn-items .ctn-padd .item-banner .txt-item{margin-bottom: 0px;padding: 0px;}
    .ctn-items .ctn-padd .item-banner .txt-item .ctn-info{float: left;display: inline-block;margin-bottom: 0px;}
    .ctn-items .ctn-padd .item-report .txt-item .ctn-info p{float: left;display: inline-block; font-size: 15px; color: #515151;font-family: regular;margin-bottom: 0px;margin-right: 10px;}
    .ctn-items .ctn-padd .item-banner .txt-item .ctn-info p{font-size: 16px; color: #535353;margin-bottom: 10px;margin-right: 0;padding-right: 0; padding-left: 10px;}
    .ctn-items .ctn-padd .item-report .txt-item .ctn-info p:last-child{margin-right: 0px;}
    .ctn-items .ctn-padd .item-report .txt-item .ctn-info p i{color: #207ECE;margin-right: 5px;}
    .ctn-items .ctn-padd .item-report .txt-item .ctn-info p b{color: #207ECE;margin-right: 5px;}
    .ctn-items .ctn-padd .item-report .txt-item .usuario-txt p i{color: #535353;margin-right: 5px;}
    .ctn-items .ctn-padd .item-report .txt-item .categoria{display: inline-block;float: right;color: #515151;font-family: regular;font-size: 15px;margin-bottom: 0px; height:40px;}
    .ctn-items .ctn-padd .item-report .link-banner {float:left;font-size: 14px;font-family: bold;color: #535353;margin-bottom: 15px;}
    .ctn-items .ctn-padd .item-report .link-banner i{color: #3C3C3C; margin-right: 5px;}
    .ctn-items .ctn-padd .item-report .link-banner a{font-family: regular;}
    .ctn-items .ctn-padd .item-report .link-banner a:hover{text-decoration: underline;}
    .ctn-items .ctn-padd .item-report .btn-user{ height:32px;}
    .ctn-items .ctn-padd .item-report .btn-desplegable{float:right;}
    .ctn-items .ctn-padd .item-report .btn-desplegable .btn-green{float:right;border-radius: 0px;font-family: semi;font-size: 15px;border: none;padding: 5px 20px;}
    .ctn-items .ctn-padd .item-report .btn-desplegable .dropdown-menu{border-radius: 0;}
    .ctn-items .ctn-padd .item-report .btn-desplegable .dropdown-menu i{margin-right: 5px;}
    .ctn-borrar button {width: 100%;}    
    
    
    
    
    @media (max-width: 1808px) {
        .form-parametros .campos-parametros .form-group label{margin-top: 0;}
    }
    @media (max-width: 1220px) {
        .ctn-items .ctn-padd .item-banner .txt-item .ctn-info p{font-size: 14px;}
    }
    
    @media (max-width: 991px) {
        .ctn-form .ctn-campos .b-magin{margin: 0px 15px;}
        .ctn-form .ctn-campos{padding: 15px;}
        .ctn-reporte{min-height: 0px;}
        .ctn-formulario{min-height: 0px;}
        
    }
    
    @media (max-width: 767px) {
        .ctn-items .ctn-padd .item-report { height:auto; }
        .ctn-form .ctn-campos{padding: 15px 0;}
        .ctn-form .ctn-campos .b-magin-xs{margin-top: 0px;}
        .ctn-btn .btn-izq{overflow: hidden;clear: none;float: left;display: block;margin: 0 auto;margin-bottom: 15px;}
        .ctn-btn .btn-der{overflow: hidden;clear: none;float: right;display: block;margin: 0 auto;}
        .ctn-items .ctn-padd .item-banner .txt-item .ctn-info p{padding: 0;margin-bottom: 10px;}
    }
    
    @media (max-width: 490px) {
        
        .ctn-menu .ctn-raiz-0 .btn-menu{width: 100%;margin-right: 0;margin-bottom: 15px;}
    }
    @media (max-width: 498px) {
        .acciones-reporte{float: left;width: 100%;}
        .acciones-reporte .btn{padding: 5px 10px;}
    }
    
    @media (max-width: 479px) {
        .ctn-items .ctn-padd{width: 100%}
/*        .ctn-items .ctn-padd .item-report .img-item{width: 30%;}
        .ctn-items .ctn-padd .item-report .txt-item{width: 70%;padding-left: 15px;}
        .ctn-items .ctn-padd .item-banner .img-item{width: 100%;}
        .ctn-items .ctn-padd .item-banner .txt-item{width: 100%;padding: 0;}*/
        .ctn-items .ctn-padd .item-report .btn-desplegable{width: 100%;}
        .ctn-items .ctn-padd .item-report .btn-desplegable .btn-green{width: 100%;}
        .ctn-items .ctn-padd .item-report .img-item .btn{ font-size: 30px;}
        .ctn-items .ctn-padd .item-banner .img-item .btn-estado{width: auto;height: auto;background-color: rgba(255,255,255,0.8);font-size: 35px;}
        .ctn-pag .num-pag{margin-bottom: 15px;}
        .ctn-pag .ctn-btn{width: 100%}
        .ctn-pag .ctn-btn .btn-osc{width: 49%;}
        .ctn-form .ctn-campos .ctn-ad .ctn-icon{width: 100%;margin-bottom: 10px;}
        .ctn-form .ctn-campos .ctn-ad .p-advertencia{width: 100%;}
        .ctn-borrar{width: 100%;} 
        .ctn-btn{width: 100%;}
        .ctn-btn button:first-child{margin-right: 0;}
        .ctn-btn button{margin: 0;width: 100%;margin-bottom: 15px;}
        .ctn-btn a:first-child{margin-right: 0;}
        .ctn-btn a{margin: 0;width: 100%;margin-bottom: 15px;display: block;}
        .ctn-btn .btn-izq{width: 100%;}
        .ctn-btn .btn-der{width: 100%;}
        .ctn-items .ctn-padd .item-report .btn-user{width: 100%}
        .ctn-archivo{width: 100%;}
        .item-archivo .inf h2{width: 100%;}
        .item-archivo .inf .btn-file{width: 100%;}
        .item-archivo .inf .btn-file button:first-child{margin-right: 0;}
        .item-archivo .inf .btn-file button{width: 100%;margin-bottom: 5px;margin-top: 0;}
        .item-archivo .inf .btn-file button:last-child{margin-bottom: 0px;}
        .ctn-img-album{width: 100%;}
        .acciones-reporte button{margin-bottom: 10px !important;margin-right: 5px;}
        .acciones-reporte a{ margin-bottom: 10px !important;margin-right: 6px;}
        .acciones-reporte div{margin: 0; }
    }
    
   
    
    
    
    /*paginacion*/ 
    
    .ctn-pag{clear: both;margin-bottom: 20px;}
    .ctn-pag .num-pag{display: inline-block;float: left;padding: 0 15px;}
    .ctn-pag .num-pag p{color: #515151;font-family: regular;font-size: 15px;margin-bottom: 0px;}
    .ctn-pag .num-pag p .total-reg{font-family: bold;}
    .ctn-pag .ctn-btn{display: inline-block;float: right;padding: 0 15px;}
    .ctn-pag .ctn-btn .btn-osc{color: #FFF;font-size: 15px;font-family: semi;padding: 5px 25px;}
    .ctn-pag .pagination > li > a{border:1px #AFAFAF solid; color: #134F8D;}
    .ctn-pag .pagination li a.activa{ font-weight: bold;}
    .ctn-pag .pagination > li:first-child > a{border-radius: 0;}
    .ctn-pag .pagination > li:last-child > a{border-radius: 0;}
    
    
    
@media (max-width: 479px) {
    .ctn-pag .ctn-btn .btn-osc{width: 48%;}
} 
        
/*
|================================
|@php class     :
|@html template :
|@Note          : Campos globales
|================================
*/
div.uploader span.action {background-color: transparent;}



/*
*Inputs, textareas and selects
*/


select.formSelectormultiple { background: none }



.ie9 input[type="text"] { line-height:normal; } /* Get the stuff to line up right */

textarea { width:100%; height:10em; }


/*
*Select menu
*/


/*
*File field
*/

input[type="button"],input[type="submit"] { cursor: pointer;}


.formArchivo { font-weight: bold; }
.formBooleano { font-weight: bold; }
.formBotonEnviar { font-weight: bold; }
.formDesplegable { font-weight: bold; /* display:block;  border: 1px solid #a3a3a3; font-weight: bold; background-color: transparent; background-image: url(../Imagenes/Template/input-fondo-text.gif); background-repeat: repeat; background-position: left top; /**/ }
.formEmail { font-weight: bold; }
.formEntero { font-weight: bold; }
.formEnum { font-weight: bold; }
.formFecha { font-weight: bold; }
.formPassword { font-weight: bold; }
.formSelectormultiple { /* padding-left:5px; padding-top: 4px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/template/input-fondo-largo.gif') repeat-x top left; font-weight: bold;/**/ }
.formTextArea { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#titulo {width: 465px} #subtitulo {width: 465px} #link {width: 465px} #autor {width: 465px}
.formTexto { font-weight: bold; }

.formTextoResaltado { font-weight: bold; }
.formUrl { font-weight: bold; }
.formTelefono { font-weight: bold; }
.formValor { font-weight: bold; }
.FieldErr { border: 1px solid #cc0000!important; background-image: inherit; }
form .fecha { background-image: url(../Imagenes/Template/fecha.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }






@media (max-width: 1220px) {
    .center {width: 100%}
} 


/*
|--------------------------------------------------
| - Estilos de campos y formularios
|--------------------------------------------------
*/
.formulario { }
    .formulario .campo { margin-right: 20px; float: left; margin-bottom: 10px; }
    .formulario .texto { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 1px 3px; background-image: url(../img/input-texto.jpg); background-repeat: repeat-x; background-position: bottom; }
    .formulario .areadetexto { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 8px; background-image: url(../img/input-areadetexto.jpg); background-repeat: repeat-x; background-position: bottom; font-family: 'mregular'; }
    .formulario .selector { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 1px 3px; background-image: url(../img/input-texto.jpg); background-repeat: repeat-x; background-position: bottom; }
    .formulario .campo label { font-size: 12px; color: #565656; display: block; }
    .formulario .botones { clear: both; overflow: hidden; margin-top: 15px; }
    .formulario .botones .boton { float: right; margin-left: 8px; }
    .formulario.panel { background-image: url(../img/formulario-fondopanel.jpg); background-repeat: repeat-x; background-position: top; padding: 20px; padding-top: 0px; }
    .formulario h2 { position: relative; margin-left: -30px; margin-bottom: 10px; margin-top: 10px; }
    .formulario .campo .selfecha { background-image: url(../img/icono-fecha.png); display: block; height: 20px; width: 21px; float: left; margin-left: 2px; }
    .formulario .campo .inputfecha { float: left; margin-top: 1px; }
    .agregar-archivo { display: block; overflow: hidden; margin-right: 8px; }
    .agregar-archivo a { padding: 10px 20px;float: right; display: block; font: normal normal 14px/14px 'semibold',Arial;color: #FFF;border-radius: 5px;background-color: #f6921e; }
    .agregar-archivo a:hover { text-decoration: none; background-color: #333; }
    .quitar-archivo { display: block; overflow: hidden; margin-right: 8px; margin-top: 15px; }
    .quitar-archivo a { float: right; display: block; padding: 5px; background-color: #CC0000; color: #fff !important; border-radius: 5px; }
    .quitar-archivo a:hover { text-decoration: none; background-color: #BF0000; }
/*
|================================
|@php class     :
|@html template :
|@Note          : Reportes
|================================
*/
.reporte { }
    .reporte div.listado-reporte { margin: 0px;clear: both; }
    .reporte div.titulo-reporte h3 { color: #fff }
    .reporte div.contenido-reporte { padding: 10px 0; padding-top: 0px;  padding-bottom: 10px; }
    .reporte div.contenido-reporte .tabla-reporte { width: 100%; margin: 0 auto; }
    .reporte div.contenido-reporte .tabla-reporte td { padding: 5px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos {background-color: #dddddd; height: 27px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td { text-align: center; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td span { display: block; padding: 5px 0 5px 0;font: normal normal 14px/14px 'semibold',Arial;color: #4a5056; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td div { float: right; margin: 12px 20px 0 0 }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td a { width: 9px; height: 5px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido { }
    .reporte .fila-totales { background-color: #ccc; }
    .reporte .fila-totales td { padding: 10px;text-align: center; color: #333; font-weight: bold; font-size: 13px; text-align: left; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido { cursor: pointer; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido .azul { cursor: pointer; background-color: #f3fafd }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td { font-size: 12px; text-align: center; border-bottom: 1px dotted #dfdfdf; border-right: dotted 1px #CCC; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td:last-of-type { border-right: none; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td.error { background-color: #ff0000; color: #fff; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td span { display: block; padding: 3px 0 3px 0 }
    .reporte div.contenido-reporte .tabla-reporte td.order span { padding: 0 !important; margin: auto; margin: auto; cursor: move !important; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido:hover { background: transparent url('../Imagenes/Template/fondo-tr-hover.gif') repeat-x top left; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada { cursor: pointer; background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color: #cde3e6 !important; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada .azul { cursor: pointer; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada td { font-size: 12px; text-align: center; border-bottom: 1px dotted #dfdfdf; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada td span { display: block; padding: 3px 0 3px 0 }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada:hover { background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color: #cde3e6 !important; }

    .reporte h1 { margin: 0; padding: 5px;font: normal normal 18pt/18pt 'bold',Arial; color: #000;border-radius: 5px;overflow: hidden; }
    .reporte div.informacion { clear: both; overflow: hidden; margin-bottom: 15px; }
    .reporte div.informacion h4 { margin: 0;font: normal normal 14px/18px 'semibold',Arial;text-transform: uppercase;color: #4a5056 }
    .reporte div.informacion div.nro-clientes { padding: 2px;overflow: hidden  }
    .reporte div.informacion div.nro-clientes p { font: normal normal 12px/18px 'semibold',Arial;color: #4a5056;  }
    .reporte div.informacion div.nro-clientes b { padding: 2px 6px;font: normal normal 12px/12px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333 }
    .reporte div.informacion div.nro-clientes em { color: #35969f }
    .reporte div.informacion div.paginador-listado { float: right; width: 240px; padding-right: 10px; }
    .reporte div.informacion div.paginador-listado li { margin-right: 0px; float: left }
    .reporte div.informacion div.paginador-listado li a { display: block; text-decoration: underline; color: #35969f; font-weight: bold; min-width: 18px; text-align: center; margin-right: 3px }
    .reporte div.informacion div.paginador-listado li a.activo, div.informacion div.paginador-listado li a.numero:hover { background: transparent url('../Imagenes/Template/fondo-link-paginador.gif') no-repeat top left; color: white; text-decoration: none; }
    .reporte div.informacion div.paginador-listado p { float: left; font-weight: bold; margin-right: 10px }
    .reporte .cabecera-reporte { padding: 10px 10px; border-radius: 5px 5px 0px 0px;background-color: #ccc;overflow: hidden; }
    .reporte .cabecera-reporte { padding: 10px 10px; border-radius: 5px 5px 0px 0px;background-color: #ccc;overflow: hidden; }
    
    #tabla-reporte_wrapper #tabla-reporte .btn-info{background-color: #8cc63e;border:1px solid #8cc63e;}
    
    
    .reporte .flechas-ordenamiento { float: right; }

    .reporte #Menu-secundario { clear: both; padding-bottom: 0px; float: right; background-color: transparent; overflow: hidden; }
    .reporte #Menu-secundario ul { margin: 0; padding: 0; list-style-type: none; }
    .reporte #Menu-secundario ul li { float: left; color: transparent; }
    .reporte #Menu-secundario ul li a { padding: 5px 10px;margin: 0 1px;float: left;font: normal normal 14px/22px 'semibold',Arial;text-transform: uppercase;color: #FFF;background-color: #333; }
    .reporte #Menu-secundario ul li:first-child a { border-radius: 5px 0 0 5px; }
    .reporte #Menu-secundario ul li:last-child a { border-radius:  0 5px 5px 0; }
    .reporte #Menu-secundario ul li a:hover { background-color: #666; text-decoration: none; }
    .reporte #Menu-secundario ul li img { padding-right: 5px; vertical-align: text-top; margin-top: -5px; height: 22px; }
    .reporte #Menu-opciones { margin: 0px;float: right;clear: both; overflow: hidden; }
    .reporte #Menu-opciones ul { padding: 5px; border-radius: 3px; overflow: hidden; }
    .reporte #Menu-opciones ul li { padding: 0 0px;margin: 0 2px;float: left;border-bottom: 4px solid #333 }
    .reporte #Menu-opciones ul li + li { border-left: 0px solid #c6c6c6; }
    .reporte #Menu-opciones ul li a { padding: 5px 5pt;display: block;font: normal normal 15px/22px 'semibold',Arial;text-transform: uppercase;color: #4a5056;box-shadow: 0 0 0 0 #333 inset;transition-duration: 0.7s; }
    .reporte #Menu-opciones ul li a.nuevo, .reporte #Menu-opciones ul li a.nueva { color: #FFF;background-color: #007F0E }
    .reporte #Menu-opciones ul li a.nuevo, .reporte #Menu-opciones ul li a.agregar { color: #FFF; background-color: #8cc63e }
    .reporte #Menu-opciones ul li a.nuevo i, .reporte #Menu-opciones ul li a.nueva i { color: #FFF; }
    .reporte #Menu-opciones ul li a:hover { color: #FFF;box-shadow: 0 100px 0 0 #333 inset;transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li:hover { border-bottom: 4px solid rgb(0,115,187);transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li a:hover i { color: #FFF;transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li a i { margin: 0 5px 0 0;float: left; font-size: 20px; color: #333;transition-duration: 0.7s; }
    .reporte #Menu-opciones ul li:first-child a i { color: #FFF; }
    .reporte #Menu-opciones ul li img { padding-right: 5px; vertical-align: text-top; }
    

    .reporte .opcion-reporte{ display: inline-block; background-color: #333; color: #fff; padding: 3px 5px; border-radius: 5px; text-align: center; margin: auto;  }
    .reporte .opcion-reporte.editar{ background-color: #007F0E;   }
    .reporte .opcion-reporte.borrar{ background-color: #C6291D;  }
    .reporte .opcion-reporte:hover{ background-color: #1688ca;}
    .reporte .opcion-reporte i{ margin-right: 2px;  }
    .reporte .opcion-menu i{margin-right: 3px;}
    .reporte td.opcion{ width: 32px;  }
    .reporte thead tr td span{ font-family: 'bold' }
    
    
    
    .ctn-tabla-reporte { margin-bottom:15px; }
    .ctn-reporte .tabla-reporte { background:#fff; }
    .ctn-reporte .tabla-reporte .fila-titulos { background-color: #333333; color:#fff;}
    .ctn-reporte .tabla-reporte .btn-green { font-size:12px;}
    .ctn-reporte .tabla-reporte tbody tr { height: 40px;}
    .ctn-reporte .tabla-reporte tbody tr:hover { background-color: #e0e0e0 !important;}
    .ctn-reporte .tabla-reporte tbody tr th > span,
    .ctn-reporte .tabla-reporte tbody tr td > span { display:block;}
    .ctn-reporte .tabla-reporte tbody tr td > span i { font-size:20px; }
    .ctn-reporte .tabla-reporte a { cursor: pointer; }
/*    .ctn-reporte .tabla-reporte { width: 100%; margin: 0 auto; }
    .ctn-reporte .tabla-reporte td { padding: 5px; }
    .ctn-reporte .tabla-reporte .fila-titulos {background-color: #dddddd; height: 27px; }
    .ctn-reporte .tabla-reporte .fila-titulos td { text-align: center; }
    .ctn-reporte .tabla-reporte .fila-titulos td span { display: block; padding: 5px 0 5px 0;font: normal normal 14px/14px 'semibold',Arial;color: #4a5056; }
    .ctn-reporte .tabla-reporte .fila-titulos td div { float: right; margin: 12px 20px 0 0 }
    .ctn-reporte .tabla-reporte .fila-titulos td a { width: 9px; height: 5px; }
    .ctn-reporte .tabla-reporte .fila-contenido { background:#fff; }
    .ctn-reporte .tabla-reporte .fila-contenido .azul { background-color: #f3fafd }
    .ctn-reporte .tabla-reporte .fila-contenido td { font-size: 12px; text-align: center; border-bottom: 1px dotted #dfdfdf; border-right: dotted 1px #CCC; }
    .ctn-reporte .tabla-reporte .fila-contenido td:last-of-type { border-right: none; }
    .ctn-reporte .tabla-reporte .fila-contenido td.error { background-color: #ff0000; color: #fff; }
    .ctn-reporte .tabla-reporte .fila-contenido td span { display: block; padding: 3px 0 3px 0 }
    .ctn-reporte .tabla-reporte td.order span { padding: 0 !important; margin: auto; margin: auto; cursor: move !important; }*/
    
    .ph_item .btn-item{ display:inline-block; position:relative;}
    .ph_item .btn-item li{}
    .ph_item .btn-item .sel{ background-color:#ddd;}
    .ph_item .btn-item li a:focus,
    .ph_item .btn-item li a:active{ background-color:#ddd;}
    .ph_item i.activo, .ctn-reporte .form-group i.activo, .tabla-reporte i.activo {color: #93C31D;}
    .ph_item i.inactivo, .ctn-reporte .form-group i.inactivo, .tabla-reporte i.inactivo {color: #F05A28;}
    .ph_item i.pendiente, .ctn-reporte .form-group i.pendiente, .tabla-reporte i.pendiente {color: #FFEA00;}
    .ph_item i.deshabilitado, .ctn-reporte .form-group i.deshabilitado, .tabla-reporte i.deshabilitado {color: #DDD;}
    
    .ph_item i.naranja, .ctn-reporte .form-group i.naranja, .tabla-reporte i.naranja{color: orange;}
    .ph_item i.azul, .ctn-reporte .form-group i.azul, .tabla-reporte i.azul{color: blue;}
    .ph_item i.violeta, .ctn-reporte .form-group i.violeta, .tabla-reporte i.violeta{color: blueviolet;}
    .ph_item i.fucsia, .ctn-reporte .form-group i.fucsia, .tabla-reporte i.fucsia {color: fuchsia;}
    .ph_item i.cafe, .ctn-reporte .form-group i.cafe, .tabla-reporte i.cafe {color: cafe;}
    .ph_item i.gris, .ctn-reporte .form-group i.gris, .tabla-reporte i.gris {color: gris;}

#busqueda { }
    #busqueda form {  }
    #busqueda form .contenedorformulario { min-height: 200px }
/*
|================================
|@php class     :
|@html template :
|@Note          : Tablas
|================================
*/
.tabla-tipo1 .arriba-izquierda { width: 4px; background-image: url(../Imagenes/Marcos/tabla1-arriba-izquierda.gif); background-repeat: no-repeat; background-position: right top; height: 25px; }
    .tabla-tipo1 .celda-cerrar { width: 20px; text-align: right; }
    .tabla-tipo1 .arriba { background-image: url(../Imagenes/Marcos/tabla1-arriba.gif); background-position: top; height: 25px; }
    .tabla-tipo1 .arriba-derecha { background-image: url(../Imagenes/Marcos/tabla1-arriba-derecha.gif); background-repeat: no-repeat; background-position: left top; width: 4px; height: 25px; }
    .tabla-tipo1 .celda-titulo { color: #FFFFFF; }
    .tabla-tipo1 .celda-cerrar { cursor: pointer; }
    .tabla-tipo1 .celda-cerrar img { }
    .tabla-tipo1 .izquierda { background-image: url(../Imagenes/Marcos/tabla1-izquierda.gif); background-repeat: repeat-y; width: 4px; }
    .tabla-tipo1 .derecha { background-image: url(../Imagenes/Marcos/tabla1-derecha.gif); background-repeat: repeat-y; }
    .tabla-tipo1 .abajo-izquierda { background-image: url(../Imagenes/Marcos/tabla1-abajo-izquierda.gif); background-repeat: no-repeat; background-position: right top; }
    .tabla-tipo1 .abajo { background-image: url(../Imagenes/Marcos/tabla1-abajo.gif); background-repeat: repeat-x; background-position: top; }
    .tabla-tipo1 .abajo-derecha { background-image: url(../Imagenes/Marcos/tabla1-abajo-derecha.gif); background-repeat: no-repeat; background-position: left top; }
/*
|================================
|@php class     :
|@html template :
|@Note          : Mensajes
|================================
*/
.mensaje-error { background-color: #CC0000;  color: #fff; border: 1px solid #363232; }
.mensaje-confirmacion {  background-color: #1688ca;  color: #fff; border: 1px solid #0A4BFF; }
#mensaje p { text-align: center; text-align: center; font-weight: bold; font-size: 16px; }
#mensaje { position: absolute; top: -35px; right: 25px; background-position: 0 0; border-radius: 6px !important; box-shadow: 0 2px 2px #AAAAAA; padding: 10px; max-width: 600px; z-index: 1000; padding-bottom: 0px; }
#mensajeestado { display: none; margin-right: 10px; background-color: #FC0; font-size: 12px; padding: 5px; -moz-border-radius: 5px; position: fixed; top: 10px; right: 10px; font-weight: bold; border: solid 1px #333; z-index: 100000000; }
h2 { color: #505050 }
h2 em { color: #000 }

/*
|================================
|@php class     :
|@html template :
|@Note          : Autocompletar
|================================
*/
.yui-skin-sam .input { position: static; width: 20em; vertical-align: middle; }
.yui-skin-sam .yui-ac-container { width: 20em; left: 0px; }
.componente-autocompletar { z-index: 9001; }
.componente-autocompletar .input-autocompletar { float: left; }
.componente-autocompletar .boton-autocompletar { float: right; }
.yui-ac .yui-button { vertical-align: middle; }
.yui-ac .yui-button button { background: url(../Imagenes/Template/ac-arrow-rt.png) center center no-repeat }
.yui-ac .open .yui-button button { background: url(../Imagenes/Template/ac-arrow-dn.png) center center no-repeat }
/*??*/
.c_formulario { width: 990px; margin: auto; background-color: #F0EFED; overflow: hidden; }
    .c_formulario .tabs { background-color: #FFF; overflow: hidden; }
    .c_formulario .tabs ul { float: left; }
    .c_formulario .tabs ul li { margin: 0 5px 0 0; float: left; background: #F03838; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
    .c_formulario .tabs ul li.activo { background: #B8292F; }
    .c_formulario .tabs ul li a { padding: 10px 10px 20px 10px; display: block; font: normal normal 18px/18px Arial; color: #FFF; }
    .c_formulario .tabs ul li.activo a { font: bold normal 18px/18px Arial; }
    .c_formulario .tabs ul li a i { font-size: 20px; }
    .c_formulario .tabs ul li a:hover { text-decoration: none; }
    .c_formulario .tabs-contenido { width: 100%; margin: 0px 0 0 0;/*position: absolute;*/ }
    .c_formulario .tab { padding: 0px; }
    /*TAB 1*/
    .c_formulario .tab.tab1 { height: auto; }
    .c_formulario .tab.tab2 { }
    .c_formulario .tab.tab3 { }
    .c_formulario .tab.tab4 { }
    .c_formulario .botoncorto { margin-left: 0px; font-weight: bold; height: auto; width: auto; padding: 2px 5px; display: block; float: left; cursor: pointer; margin: 0px 5px; background-image : none; background-color: #D58400; border-radius: 5px; }
    .c_formulario .tablaformulario { border-collapse: collapse; width: 80% }
    .c_formulario td { padding-right: 15px; }
    .c_formulario .etiquetas { text-align: left; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; padding-right: 15px; }
    .c_formulario .colboton { text-align: center; }
    .c_formulario .tabla-formulario-movimiento { border-collapse: collapse; }
    .c_formulario .titulo { color: #008CC4; font-weight: bold; font-size: 20px; margin-left: 8px; }
    .c_formulario .subtitulo { color: #000; font-weight: bold; font-size: 12px; margin-left: 8px; }
    .c_formulario fieldset { clear: both; }
    .c_formulario .contenedor-campo { padding: 10px 10px; margin: 10px 0; float: left; display: inline; }
    .c_formulario .inner_l { width: 720px; padding: 0 0 0 10px; float: left; }
    .c_formulario .inner_l .mce-tinymce { width: 730px !important; }
    .c_formulario .inner_r { width: 242px; margin: 0; float: right; }
    .c_formulario .inner_r .c_opt { padding: 5px; position: absolute; top: 20px; overflow: hidden; }
    .c_formulario .inner_r .c_opt a { padding: 0 15px; float: left; display: block; font: bold normal 14px/18px Arial; color: #333; text-align: center; }
    .c_formulario .inner_r .c_opt a:hover { background-color: #EAEAEA; }
    .c_formulario .inner_r .c_opt a + a { border-left: 2px solid #A4A4A4; box-shadow: -2px 0 0 0 #CED0D2; }
    .c_formulario .inner_r .c_opt a i { display: block; font-size: 40px; }
    .c_formulario .inner_r .c_opt a:nth-child(1) i { color: #F03838; }
    .c_formulario .inner_r .c_opt a:nth-child(2) i { color: #FF6100; }
    .c_formulario .inner_r .c_opt a:nth-child(3) i { color: #BED630; }
    .c_formulario .inner_r h4 { padding: 10px 5px; margin: 20px 0 0 0; font: bold normal 16px/16px Arial; color: #FFF; background-color: #FF6100; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
    .c_formulario .inner_r h4 i { margin: 0 5px; font-size: 16px; }
    .c_formulario .inner_r .c_config { padding: 10px 5px; margin: 0; background-color: #FFF; overflow: hidden; }
    .c_formulario .inner_r .c_config .contenedor-campo { }
    .c_formulario .inner_r .c_config .contenedor-campo.tipo2 { margin: 10px 0; }
    .c_formulario .inner_r .c_config .contenedor-campo .formTexto { width: 200px; }
    .c_formulario .inner_r .c_config .contenedor-campo .formDesplegable { width: 210px; }
    .c_formulario .contenedor-campo22 { padding-top: 10px; padding-bottom: 5px; padding-right: 45px; float: left; display: inline; }
    .c_formulario .contenedor-campo33 { padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 45px; float: left; display: inline; }
    .c_formulario .contenedor-campo44 { padding-top: 6px; padding-bottom: 5px; padding-right: 0px; float: left; display: inline; }
    .c_formulario .contenedor-error { padding-top: 20px; padding-right: 30px }
    .c_formulario .contenedor-boton { padding: 10px; float: right; display: block; text-align: right; }
    .c_formulario .contenedor-boton input { padding: 8px 22px; font: normal normal 15px/15px 'regular', Arial; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #FFF; }
    .c_formulario .contenedor-boton input:hover { cursor: pointer; }
    .c_formulario .contenedor-boton input[name="boton_principal"] { margin: 0px; background-color: #BED630; }
    .c_formulario .contenedor-boton input[name="boton_cancelar"] { margin: 0 10px 0 0; float: left; background-color: #58595B; }
    .c_formulario label { font: normal normal 14px/14px 'regular', Arial; color: #565759; font-weight: normal; display: block; font-size: 12px; padding-bottom: 5px; }
    .c_formulario label.tipo2 { margin: 0 0 0 5px; float: right; font: normal normal 14px/14px 'regular', Arial; color: #565759; }
    .c_formulario select { }
    .c_formulario select option { }
    .c_formulario .contenedor-campo .formTexto { width: 235px; padding: 5px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #CCC; }
    .c_formulario .contenedor-campo .formDesplegable { width: 235px; padding: 0px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0px solid #CCC; }
    .c_formulario .contenedor-campo .formDesplegable .selectric { background-color: #FFF; }
    .c_formulario .contenedor-campo .formDesplegable .selectric .label { padding: 5px; min-height: 15px; margin: 0 30px 0 0; display: block; font: normal normal 12px/16px Arial; overflow: hidden; white-space: nowrap; }
    .c_formulario .contenedor-campo .formDesplegable .selectric .button:after { border-color: #333 rgba(0, 0, 0, 0) -moz-use-text-color; border-width: 6px 4px medium; }
    .c_formulario .contenedor-campo .formFecha { width: 135px; padding: 5px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #CCC; }
    .c_formulario textarea { /* width:420px; height:80px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; /**/ }
    .c_formulario .contenedor-grid { padding-left: 17px; }
    .c_formulario p { padding-top: 0px; }
    .c_formulario .fieldset { margin: 0px 0; overflow: hidden; position: relative; }
    .c_formulario .legend { display: block; margin-top: -29px; font-size: 14px; font-weight: bold; margin-top: 0px; }
    .c_formulario .campo-error { display: block; }
    .c_formulario .campo-error br { display: none; }



/*
|================================
|@php class     : Panel/index.php
|@html template : panel-modelo-login.html
|@Note          : Login
|================================
*/
#index-nosesion{ background:#f5f5f5; }
    
    #index-nosesion .ctn-contenido{margin: 50px 0;}
    #index-nosesion .ctn-contenido .ctn-form{width: 341px;display: block;margin: 0 auto;height: 420px;}
    #index-nosesion .nav-tabs > li.active > a,  
    #index-nosesion .nav-tabs > li.active > a:focus,  
    #index-nosesion .nav-tabs > li.active > a:hover{background-color: transparent !important;}
    #index-nosesion .ctn-contenido .ctn-form .titulo-login{border: none;margin: 0 auto;float: none;overflow: hidden;padding: 15px 0 40px;}
    #index-nosesion .ctn-contenido .ctn-form .titulo-login li a{border-radius: 0;border: none;color: #636466;text-transform: uppercase;font-family: bold;font-size: 17px;padding: 0 15px;}
    #index-nosesion .ctn-contenido .ctn-form .titulo-login li:first-child a{padding-left: 0;}
    #index-nosesion .ctn-contenido .ctn-form .titulo-login .active a{color: #59C9EE;border: none;}
    #index-nosesion .ctn-contenido .ctn-form .titulo-login li:last-child a{border-left: 2px #636466 solid !important;}
    #index-nosesion .ctn-contenido .ctn-form .titulo-login a:hover{color: #59C9EE;background-color: transparent;}
    #index-nosesion .ctn-contenido .ctn-form .form-group{padding: 0px;margin-bottom: 40px}
    #index-nosesion .ctn-contenido .ctn-form .form-group input{padding-left: 0;font-size: 15px;font-family: semi;color: #636466;background-color: transparent !important;border:none;border-bottom: 2px #636466 solid;border-radius: 0;box-shadow: none;}
    #index-nosesion .ctn-contenido .ctn-form .form-group label{font-size: 15px;font-family: semi;color: #636466;}
    #index-nosesion .ctn-contenido .ctn-form .info-usuario{margin: 35px 0 30px;} 
    #index-nosesion .ctn-contenido .ctn-form .info-usuario .ctn-img{display: inline-block;padding: 0;} 
    #index-nosesion .ctn-contenido .ctn-form .info-usuario .ctn-img img{display: block;margin: 0 auto;} 
    #index-nosesion .ctn-contenido .ctn-form .info-usuario .ctn-txt{display: inline-block;} 
    #index-nosesion .ctn-contenido .ctn-form .info-usuario .ctn-txt h2{font-family: semi-it;font-size: 18px; color: #585757;margin: 15px 0 9px;} 
    #index-nosesion .ctn-contenido .ctn-form .info-usuario .ctn-txt a{font-family: regular;font-size: 13px; color: #646567;} 
    #index-nosesion .ctn-contenido .ctn-form .info-usuario .ctn-txt a:hover{text-decoration: underline;} 
    
    #index-nosesion .ctn-contenido .ctn-form .ctn-btn{margin-top: 10px;padding: 0px;}
    #index-nosesion .ctn-contenido .ctn-form .ctn-btn button{width: 100%;padding: 10px;}
    #index-nosesion .ctn-contenido .ctn-form .ayuda{font-family: regular;font-size: 14px;color: #585757;margin-bottom: 40px;}
    
#header-nosesion{background: #207ECE; padding: 10px 0;}
    
    #header-nosesion .ctn-logo{}
    #header-nosesion .ctn-logo .img-logo img{display: block;margin: 0 auto; max-height: 70px;}
    
#panel-index-sesion{}
    
    #panel-index-sesion .ctn-sup{clear: both;margin: 30px 0;}
    #panel-index-sesion .ctn-info{display: inline-block;}
    #panel-index-sesion .ctn-info .back-cont{background-image: url('../Imagenes/Template/fondo-panel-inicio1.png');background-repeat: no-repeat;background-position: right 8px;}
    #panel-index-sesion .ctn-info .back-comment{background-image: url('../Imagenes/Template/fondo-panel-inicio2.png');background-repeat: no-repeat;background-position: right 8px;}
    #panel-index-sesion .border{border: 1px #DBDADA solid;background-color: #FFF;padding: 15px 0;position: relative;padding-bottom: 30px;}
    #panel-index-sesion .titulo-reporte{text-align: center;font-size: 17px;text-transform: uppercase;margin-bottom: 30px;margin-top: 0;}
    #panel-index-sesion .ctn-items{clear: both;}
    #panel-index-sesion .back-comment .ctn-items{height:186px; overflow-y:scroll;}
    #panel-index-sesion .ctn-info .border{min-height: 303px;}
    #panel-index-sesion .ctn-info .ctn-items .ctn-btn{display: inline-block;clear: none;float: left;}
    #panel-index-sesion .ctn-info .ctn-items .ctn-btn:nth-child(odd){clear: left;}
    #panel-index-sesion .ctn-info .ctn-items .item-cat{padding: 15px 0;display: inline-block;border: 1px #DBDADA solid;text-align: center;background-color: transparent;color: #585757;font-family: regular;font-size: 16px;border-radius: 0;margin-right: 0;}
    #panel-index-sesion .ctn-info .ctn-items .item-cat:hover{background-color: #DBDADA;color: #FFF;}
    #panel-index-sesion .ctn-info .btn-vermas{position: absolute;bottom: 0;right: 0;}
    #panel-index-sesion .ctn-info .item-op{clear: both;border-bottom: 1px #B3B2B2 dashed;padding-bottom: 15px;margin-bottom: 25px;}
    #panel-index-sesion .ctn-info .item-op:last-child{border-bottom:none;padding-bottom: 0px;}
    #panel-index-sesion .ctn-info .item-op .ctn-img{padding: 0;display: inline-block;}
    #panel-index-sesion .ctn-info .item-op .ctn-img img{display: block;margin: 0 auto;}
    #panel-index-sesion .ctn-info .item-op .ctn-img i{display: block;margin: 0 auto; font-size:55px; color:#666; text-align:center;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt{padding: 0;display: inline-block;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .enc-item{clear: both;margin-bottom: 8px;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .enc-item .user-name{float: left;display: inline-block;color: #585757;font-family: bold;font-size: 16px;margin: 0;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .enc-item a:hover{color: #585757;text-decoration: underline;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .enc-item .time{float: right;display: inline-block;color: #FFF;;font-family: regular;font-size: 11px;text-align: center;background-color: #B1B1B0;padding: 3px 15px;margin: 0;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .txt-comment{clear: both;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .txt-comment p{font-size: 14px;color: #6F6F6E;font-family: it;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .txt-comment a:hover{text-decoration: underline;color: #6F6F6E;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .txt-cont{clear: both;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .txt-cont a{font-size: 14px;color: #6F6F6E;font-family: semi;}
    #panel-index-sesion .ctn-info .item-op .ctn-txt .txt-cont a:hover{text-decoration: underline;}
    #panel-index-sesion .ctn-info .item-accion{background-color: #ECECEC;text-align: left;font-size: 14px;color: #6F6F6E;font-family: semi;border: none;box-shadow: none;padding: 8.5px 5px;margin-right: 0;}
    #panel-index-sesion .ctn-info .item-accion i{margin-right: 1px;}
    #panel-index-sesion .ctn-info .item-accion:hover{background-color: #B2B2B1;color: #FFF;}
    #panel-index-sesion .ctn-inf{clear: both;margin-bottom: 80px;}
    #panel-index-sesion .ctn-inf .border{padding: 15px;}
    #panel-index-sesion .ctn-inf .titulo-reporte{text-align: left;border-bottom: 1px #9D9D9C solid;padding: 0;margin-bottom: 30px;padding-bottom: 10px;}
    #panel-index-sesion .ctn-inf .item-inf{display: inline-block;}
    #panel-index-sesion .ctn-inf .item-inf .img-item{display: inline-block;padding: 0; float:left; }
    #panel-index-sesion .ctn-inf .item-inf .img-item img{display: block}
    #panel-index-sesion .ctn-inf .item-inf .txt-item{display: inline-block;}
    #panel-index-sesion .ctn-inf .item-inf .txt-item a{font-size: 17px; font-family: bold; color: #585757;margin:0 0 5px;}
    #panel-index-sesion .ctn-inf .item-inf .txt-item a:hover{text-decoration: underline;}
    #panel-index-sesion .ctn-inf .item-inf .txt-item p{font-size: 14px; font-family: regular; color: #585757;margin-bottom: 0;}
    #panel-index-sesion .ctn-inf .item-inf i{font-size: 48px; color:#585757; }

    
    
    .ui-dialog-buttonset button{ border: none;  border-top: solid 4px #01d6fc; background-color: #10a0d9; color: #fff; border-radius: 8px; padding: 3px 10px; font-size: 16px;}
    .ui-dialog-buttonset button:hover{ color: #fff; background-color: #CB6525;}
    /*
|================================
|@php class     : Panel/inc-superior.php
|@html template : panel-modelo.html
|@Note          : Panel modelo
|================================
*/
#top { width: 100%;padding: 0;position: absolute;top: 0; }
    #top.login { height: 30px;background-color: #07417e }
    

    
    
    #header {background-color: #207ECE;}
    #header .ctn-logo a{ display: table-cell; vertical-align: middle; height: 80px; }
    #header .ctn-logo{margin-top: 9px;}
    #header .ctn-logo img{ max-height:60px; }
    #header .menu-ppal{display: inline-block; min-height: 90px;}
    #header .menu-ppal .navbar-default{margin-bottom: 0px;background-color: #207ECE;border: none;min-height: 0px;}
    #header .menu-ppal .navbar-default .navbar-collapse{padding: 0;}
    #header .menu-ppal .navbar-default .navbar-nav > li:hover{background-color: #2270C1;}
    #header .menu-ppal .navbar-default .navbar-nav > .buscador{padding: 10px 15px;border-top: 1px #FFF solid;}
    #header .menu-ppal .navbar-default .navbar-nav > li .ctn-li{background-color: #4D98D8;float: left;width: 100%;}
    #header .menu-ppal .navbar-default .navbar-nav > li > a{font-family: semi;color: #FFF;font-size: 15px;text-align: center;padding: 10px 15px;}
    #header .menu-ppal .navbar-default .navbar-nav > li > a i{color: #59C9EE;font-size: 40px;text-align: center;clear: both;display: block;margin-bottom: 8px;}
    #header .menu-ppal .navbar-default .navbar-nav > .open > a{background-color: #2270C1;}
    #header .dropdown-menu{border-radius: 0px;border: 1px #D8D8D8 solid;}
    #header .dropdown-menu > li > a{color: #878787;font-family: regular;font-size: 15px;}
    #header .dropdown-menu > li > a i{color: #878787;font-size: 15px;margin-right: 5px;}
/*    #header .dropdown-menu > .dropdown a span { font-size:12px; display:block; position:absolute; right:6px;top:10px; color:#aaa;}
    #header .dropdown-menu > .dropdown > .dropdown-menu { left:100%; top:0; margin-top:0;}
    #header .dropdown-menu > .dropdown:active > .dropdown-menu { display:block;}*/
    #header .dropdown-submenu { position: relative; }
    #header .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px;}
    #header .dropdown-submenu > a span { font-size:12px; display:block; position:absolute; right:6px;top:10px; color:#aaa;}
    #header .buscador{display: inline-block;margin-top: 29px;}
    #header .buscador .ctn-buscador{background-color: #4D98D8;}
    #header .buscador .form-group{margin-bottom: 0px;}
    #header .buscador input{background-color: transparent;border:none;box-shadow: none;font-family: regular;font-size: 15px;color: #FFF;padding: 0;height: 30px;}
    #header .buscador input::-webkit-input-placeholder{color: #A6CCEC;}
    #header .buscador input:-moz-placeholder{color: #A6CCEC;}
    #header .buscador input::-moz-placeholder{color: #A6CCEC;}
    #header .buscador input:-ms-input-placeholder{color: #A6CCEC;}
    #header .buscador .select2-container--default .select2-selection--single{background-color: transparent;border: none;margin-top: 3px;}
    #header .buscador .select2-container--default .select2-selection--single .select2-selection__rendered{font-family: regular;font-size: 15px;color: #FFF;}
    #header .buscador .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
    #header .buscador .select2-container--open .select2-dropdown--below{border-radius: 0;}
                      
    #header .buscador button{background: none;border: none;color: #FFF;font-size: 20px;text-align: center;padding: 0;width: 100%;margin-top: 2px;}
    #header .buscador label{background: none;border: none;color: #FFF;font-size: 20px;text-align: center;padding: 0;width: 100%;margin-top: 2px;}
    #header .logo-minimal{float:left;margin-top: 6px;}
    #header .ctn-miga{background-color: #FFF;padding: 12px 0px;}
    #header .ctn-miga .opciones-sesion{float: right;background-color: #FFF;border:none;color: #7A991A;font-family: it;font-size: 15px;padding: 0 15px;}
    #header .ctn-miga .opciones-sesion button{background-color: #FFF;padding: 0px;}
    #header .ctn-miga .opciones-sesion button:hover{color: #566614}
    #header .ctn-miga .opciones-sesion button span{margin-left: 5px;}
    #header .dropdown-menu.animated {-webkit-animation-duration: 0.55s;animation-duration: 0.55s;-webkit-animation-timing-function: ease; animation-timing-function: ease;}

    @media (max-width: 1371px) {
       
        #panel-index-sesion .ctn-info .border{height: 375px;}
        
    }
    
    @media (max-width: 1210px) {
        #panel-index-sesion .ctn-sup .ctn-info .item-op .ctn-txt .enc-item .user-name{width: 100%; margin-bottom: 10px;}
        #panel-index-sesion .ctn-sup .ctn-info .item-op .ctn-txt .enc-item .time{float: left;}
        #panel-index-sesion .ctn-info .border {height: 443px;}
    } 
    
    
    @media (max-width: 991px) {
        #header .ctn-logo{margin-top: 15px;}
        #header .ctn-logo img{margin: 0 auto;}
        #header .buscador{margin-top: 0px;}
        #header .menu-ppal .navbar-default .navbar-nav > li > a i{font-size: 20px;display: inline-block;margin-right: 5px;}
        #panel-index-sesion .ctn-sup .ctn-info{margin-bottom: 15px;}
        #panel-index-sesion .ctn-sup .ctn-info .item-op{clear: none;border-bottom: none;border-right: 1px #B3B2B2 dashed;padding-bottom: 0;margin-bottom: 0;}
        #panel-index-sesion .ctn-sup .ctn-info .item-op:last-child{border-right: none;}
        #panel-index-sesion .ctn-info .border{height: auto;}
        #panel-index-sesion .ctn-info .ctn-items .ctn-btn:nth-child(odd){clear: none;}
    } 
    
    @media (max-width: 767px) {
        #header .menu-ppal { min-height: unset; }
        #header .menu-ppal .navbar-default .navbar-collapse{padding: 0 15px;}
        #header .menu-ppal .navbar-default .navbar-nav > li > a{text-align: left;}
        #header .menu-ppal .navbar-nav > li > .dropdown-menu{background-color: #FFF;}
        #header .menu-ppal .navbar-default .navbar-toggle{background-color: #FFF;}
        #header .buscador button{padding-right: 15px;text-align: right;}
        #header .menu-ppal .navbar-default .navbar-nav > li:hover{background-color: #207ECE;}
        #panel-index-sesion .ctn-sup .ctn-info .item-op .ctn-img{margin-bottom: 15px;}
        #panel-index-sesion .ctn-inf .item-inf{margin-bottom: 15px;}
        #header .logo-minimal{padding-left: 15px;}
        #header .logo-minimal img{max-height: 41px;}
        #header .ctn-logo a { height: auto;}
    } 
    @media (max-width: 479px) {
        #panel-index-sesion .ctn-sup .ctn-info .item-accion{margin-bottom: 0;}
        #panel-index-sesion .ctn-sup .ctn-info .ctn-items .item-cat{margin-bottom: 0;}
        #panel-index-sesion .ctn-sup .ctn-info .ctn-items .ctn-btn{width: 50%;}
        #panel-index-sesion .ctn-sup .ctn-info .acciones .ctn-btn{width: 100%;}
        #panel-index-sesion .ctn-sup .ctn-info .item-op{width: 100%;border-right: 0;border-bottom: 1px #B3B2B2 dashed;padding-bottom: 15px;margin-bottom: 15px;}
        #panel-index-sesion .ctn-sup .ctn-info .item-op:last-child{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}
    } 
    
#footer {}
    
    #footer .block-framework{background-color: #898B8D;padding: 25px 0 20px;}
    #footer .block-framework p{margin-bottom: 0px;}
    #footer .nosesion{background-color: rgba(32,126,206,0.2)}
    #footer .block-framework .p-left{float: left;display: inline-block;font-family: regular;font-size: 15px;color: #FFF;padding: 0 15px;margin-top: 6px;}
    #footer .nosesion .p-left{float: left;display: inline-block;font-family: regular;font-size: 15px;color: #636363;padding: 0 15px;margin-top: 6px;}
    #footer .block-framework .item-framework{float: right;display: inline-block;padding: 0 15px;}
    #footer .block-framework .item-framework p{display: inline-block;font-family: regular;font-size: 15px;color: #FFF;margin-right: 5px;float: left;margin-top: 9px;}
    #footer .nosesion .item-framework p{float:left; font-family: regular;font-size: 15px;color: #636363;margin-right: 5px;margin-top: 10px;}
    #footer .block-framework .item-framework a{float: left;}

.ctn-menu{background-color: #2C2C2C;padding: 15px;}
.ctn-menu h2{color: #FFF;font-family: semi; font-size: 15px;margin: 15px 0 10px;padding: 0;}
.ctn-menu .btn-menu{margin-right: 5px;display: inline-block;text-align: center; border:1px solid #2C2C2C;}
.ctn-menu .btn-menu:last-child{margin-right: 0px;}
    
    
.ctn-categorias{background-color: #282828;}

    .ctn-categorias .item-caracteristica {margin-bottom: 15px;}
    .ctn-categorias .titulo-item{font-size: 15px;font-family: semi;color: #FFF;background-color: #333333;margin: 0px;padding: 7px 15px 7px 7px;margin-bottom: 10px;}
    .ctn-categorias .titulo-item .drop-ul{float: left;display: inline-block;padding: 0;background-color: transparent;border:none;margin-right: 5px;}
    .ctn-categorias .titulo-item .drop-ul i{font-size: 20px;color: #A1BF3B;}
    .ctn-categorias .titulo-item a{float: right;}
    .ctn-categorias .titulo-item a i{color: #93C31D;}
    .ctn-categorias .item-categoria{float: left;width: 100%;padding: 5px 15px;border-bottom: 1px transparent solid;border-top: 1px transparent solid;}
    .ctn-categorias .sub-categoria .item-categoria{padding-left: 40px;}
    .ctn-categorias ul li p{font-family: regular;font-size: 15px;color: #A9A9A9;display: inline-block;float: left;margin: 5px 0px;}
    .ctn-categorias ul li p a{font-family: regular;font-size: 15px;color: #A9A9A9;display: inline-block;float: left;margin-bottom: 0px;}
    .ctn-categorias ul li p i{color: #FFF;margin-right: 5px;}
    .ctn-categorias ul li .opciones{float: right;display: none;margin-top: 5px;}
    .ctn-categorias ul li .opciones a{display: inline-block;float: left;}
    .ctn-categorias ul li .opciones .editar{color: #FAAF40;font-size: 15px;margin-right: 5px;}
    .ctn-categorias ul li .opciones .borrar{color: #EC1C24;font-size: 15px;}
    .ctn-categorias ul li .opciones .orden{color: #000;font-size: 15px;}
    .ctn-categorias ul .item-categoria:hover {background-color: #000000;border-top: 1px #595958 solid;border-bottom: 1px #595958 solid;}
    .ctn-categorias ul .item-categoria:hover .opciones{display: inline-block;}
    .ctn-categorias ul .item-categoria .op-cat{display: inline-block;float: left;margin-left: 7px;}
    .ctn-categorias ul .item-categoria .op-cat button{padding: 0;color: #FFF;font-size: 15px;background-color: transparent;}
    
    .ctn-categorias .ul-principal{display: none;}
    
    .ctn-categorias ul .item-categoria .op-cat a i{color: #666;font-size: 15px;margin-right: 5px;}
    
    .ctn-categorias ul .item-categoria .op-cat .dropdown-menu{border-radius: 0;}
    .ctn-categorias ul .item-categoria .op-cat .edit i{color: #FAAF40;font-size: 15px;margin-right: 5px;}
    .ctn-categorias ul .item-categoria .op-cat .delete i{color: #EC1C24;font-size: 15px;margin-right: 5px;}
    .ctn-categorias .drop-sub{color: #A1BF3B; float: left;background-color: transparent;border: none;padding-left: 0;display: inline-block;font-size: 17px;margin-top: 4px;}
    
    .ctn-niveles{background-color: #6F6F6E;}
    .ctn-niveles .titulo-item{background-color: #6F6F6E;font-family: semi;font-size: 15px;}
    .ctn-niveles .drop-sub{color: #A1BF3B; float: left;background-color: transparent;border: none;padding-left: 0;display: inline-block;font-size: 17px;margin-top: 4px;}
    .ctn-niveles ul li {float:left; display:block; width:100%;} 
    .ctn-niveles ul .item-categoria{border-bottom: 1px #9D9D9C solid;border-top: 1px transparent solid;}
    .ctn-niveles ul .item-categoria:hover {background-color: #848484;border-top: 1px #9D9D9C solid;border-bottom: 1px #9D9D9C solid;}
    .ctn-niveles ul .active {background-color: #848484;border-top: 1px #9D9D9C solid;border-bottom: 1px #9D9D9C solid;}
    .ctn-niveles ul li p a{color: #CACACA;font-size: 14px;}
    .ctn-niveles ul li:last-child .item-categoria{border-bottom: none;}
    .ctn-niveles .sub-menu{background-color: #D7D7D7;display: none;}
    .ctn-niveles .sub-menu li .item-categoria{padding-left: 23px;padding-right: 0;border-top-color: transparent;border-bottom: 1px #FFF solid;}
    .ctn-niveles .sub-menu li .item-categoria:hover{background-color: #D7D7D7;}
    .ctn-niveles .sub-menu li .active{background-color: #D7D7D7;}
    .ctn-niveles .sub-menu li p a{color: #585757}
    
    
    
    
    #mostrar_carateristicas{padding: 5px;font-size: 16px;color: #FFF;text-align: center;font-family: semi;text-transform: uppercase;background-color: #3C3D41;border:none;}
    
    @media (max-width: 1436px) {
        .ctn-categorias .item-categoria{padding: 5px 7px}
        .ctn-categorias .sub-categoria .item-categoria{padding-left: 22px;}
    }
    
    @media (max-width: 1200px) {
        .ctn-categorias .item-categoria{padding: 5px 15px;}
        .ctn-categorias .sub-categoria .item-categoria{padding-left: 40px;}
    }
    
    
   @media (max-width: 1110px) {
        .ctn-categorias .item-categoria{padding: 5px 10px;}
        .ctn-categorias .sub-categoria .item-categoria{padding-left: 18px;}
    }  
    
   @media (max-width: 991px) {
        .ctn-categorias .item-categoria{padding: 5px 15px;}
        .ctn-categorias .sub-categoria .item-categoria{padding-left: 40px;}
        .ctn-categorias ul .item-categoria .op-cat .dropdown-menu{left:-140px;}
         .ctn-categorias ul li .opciones{display: inline-block;}
    }  
    
    
    

@media (max-width: 767px) {
    .ctn-form .ctn-campos-esp{margin: 20px 0;}
    .ctn-menu .btn-menu{margin-bottom: 10px;}
} 

@media (max-width: 600px) {
    #footer .block-framework .p-left{width: 100%;margin-bottom: 10px;}
    
} 




@media (max-width: 480px) {
    #footer .block-framework .p-left{font-size: 13px}
} 


#panel-sesion { }
	#panel-sesion .index { width: 990px; margin: auto; overflow: hidden; }
	#panel-sesion .index .item { width: 32.38%; height: 410px; padding: 0px; margin: 0px; float: left; -webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; background-color: #eaeaea; }
	#panel-sesion .index .item .logo { width: 110px; margin: 10px auto;text-align: center }
	#panel-sesion .index .item .logo i { font-size: 60px;color: #333 }
	#panel-sesion .index .item h4 { width: auto;padding: 20px; margin: 5px 0; font: normal normal 20px/20px 'semi',Arial;text-align: center;text-transform: uppercase; color: #FFF; background-color: #333 }
	#panel-sesion .index .item .content { height: 265px;padding: 0 10px; position: relative; overflow: hidden; }
	#panel-sesion .index .item .content ul { padding: 0 0 0 10px; }
	#panel-sesion .index .item .content ul li { margin: 0; }
	#panel-sesion .index .item .content ul li a { padding: 5px 0; display: block; font: normal normal 15px/18px Arial; text-decoration: none; color: #FFF; }
	#panel-sesion .index .item .content .link-item { padding: 10px 20px; display: block; position: absolute; bottom: 10px; right: 10px; font: normal normal 16px/16px 'semi',Arial; text-decoration: none; color: #FFF;background-color: #333;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;opacity: 0.9 }
	#panel-sesion .index .item .content .link-item:hover { opacity: 1.0 }

        #panel-sesion .index .item:nth-of-type(1) {  }
        #panel-sesion .index .item:nth-of-type(1) h4 { background-color: #f79526 }
	#panel-sesion .index .item:nth-of-type(1) ul { height: 206px;padding: 0;overflow-y: auto }
        #panel-sesion .index .item:nth-of-type(1) ul li { height: 64px;padding: 0; margin: 5px 0;border-bottom: 1px dashed #bdbdbd; }
        #panel-sesion .index .item:nth-of-type(1) ul li:first-of-type {  }
        #panel-sesion .index .item:nth-of-type(1) ul li p:nth-of-type(1) { margin: 0px 0;font: normal normal 16px/24px 'semi',Arial;color: #000 }
        #panel-sesion .index .item:nth-of-type(1) ul li p:nth-of-type(2) { margin: 0px 0;font: normal normal 12px/16px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(1) ul li a { padding: 10px;margin: 0px 0;font: normal normal 16px/16px 'regular',Arial;color: #333;background-color: rgba(0,0,0,0.01); }
        #panel-sesion .index .item:nth-of-type(1) ul li a:hover {  }
        #panel-sesion .index .item:nth-of-type(1) ul li a i { margin: 0 0px 0 10px;float: right; font-size: 24px; }
        #panel-sesion .index .item:nth-of-type(1) .c-info { width: 42%;position: absolute;bottom: 12px; }
        #panel-sesion .index .item:nth-of-type(1) .c-info p { margin: 0px 0;font: normal normal 12px/14px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(1) .c-info p span { padding: 6px 8px;margin: 0px 10px 0px 0; float: left; font: normal normal 14px/14px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333; }

        #panel-sesion .index .item:nth-of-type(2) { margin: 0 14px; }
	#panel-sesion .index .item:nth-of-type(2) h4 { background-color: #f1ac06 }
	#panel-sesion .index .item:nth-of-type(2) ul { height: 206px;padding: 0;overflow-y: auto }
        #panel-sesion .index .item:nth-of-type(2) ul li { height: 64px;padding: 0; margin: 5px 0;border-bottom: 1px dashed #bdbdbd }
        #panel-sesion .index .item:nth-of-type(2) ul li:first-of-type { margin-top: 0  }
        #panel-sesion .index .item:nth-of-type(2) ul li p:nth-of-type(1) { margin: 0px 0;font: normal normal 18px/22px 'semi',Arial;color: #333 }
        #panel-sesion .index .item:nth-of-type(2) ul li p:nth-of-type(1) span { margin: 0px 0;float: right; font: normal normal 12px/24px 'semi',Arial;color: #000 }
        #panel-sesion .index .item:nth-of-type(2) ul li p:nth-of-type(2) { margin: 0px 0;font: normal normal 12px/16px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(2) ul li a { padding: 5px;margin: 0px;display: block; }
        #panel-sesion .index .item:nth-of-type(2) ul li a:hover { background-color: rgba(0,0,0,0.05); }
        #panel-sesion .index .item:nth-of-type(2) .c-info { width: 42%;position: absolute;bottom: 12px; }
        #panel-sesion .index .item:nth-of-type(2) .c-info p { margin: 0px 0;font: normal normal 12px/14px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(2) .c-info p span { padding: 6px 8px;margin: 0px 10px 0px 0; float: left; font: normal normal 14px/14px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333; }

        #panel-sesion .index .item:nth-of-type(3) {  }
	#panel-sesion .index .item:nth-of-type(3) h4 { background-color: #f26629 }
	#panel-sesion .index .item:nth-of-type(3) ul { height: 206px;padding: 0;overflow-y: auto }
        #panel-sesion .index .item:nth-of-type(3) ul li { height: 64px;padding: 0; margin: 5px 0;border-bottom: 1px dashed #bdbdbd }
        #panel-sesion .index .item:nth-of-type(3) ul li:first-of-type { margin-top: 0  }
        #panel-sesion .index .item:nth-of-type(3) ul li p:nth-of-type(1) { margin: 0px 0;font: normal normal 18px/22px 'semi',Arial;color: #333 }
        #panel-sesion .index .item:nth-of-type(3) ul li p:nth-of-type(2) { margin: 0px 0;font: normal normal 12px/16px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(3) ul li a { padding: 5px;margin: 0px;display: block; }
        #panel-sesion .index .item:nth-of-type(3) ul li a:hover { background-color: rgba(0,0,0,0.05); }
        #panel-sesion .index .item:nth-of-type(3) .c-info { width: 42%;position: absolute;bottom: 12px; }
        #panel-sesion .index .item:nth-of-type(3) .c-info p { margin: 0px 0;font: normal normal 12px/14px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(3) .c-info p span { padding: 6px 8px;margin: 0px 10px 0px 0; float: left; font: normal normal 14px/14px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333; }

	#panel-sesion .index .item.item_op3 {  }
	#panel-sesion .index .item.item_op3 .content ul { }
	#panel-sesion .index .item.item_op3 .content ul li { }
	#panel-sesion .index .item.item_op3 .content ul li a { padding: 0px 0 0px 18px; margin: 10px 0; }


        #panel-sesion .bloq2 { margin: 20px 0 0;display: none; overflow: hidden; }
	#panel-sesion .bloq2 h4 { width: 990px; margin: 10px auto; font: bold normal 20px/22px Arial; text-align: left; color: #333; }
	#panel-sesion .bloq2 .content { width: auto; padding: 20px 0; background-color: #eaeaea; overflow: hidden; }
	#panel-sesion .bloq2 .content ul { width: 990px; margin: auto; }
	#panel-sesion .bloq2 .content ul li { width: 31.0%; height: 64px; padding: 10px 0px 10px 20px; float: left; border-left: 2px solid #999; box-shadow: 4px 0 0 0 #DCDCDC; }
	#panel-sesion .bloq2 .content ul li:first-child { border-left: none; }
	#panel-sesion .bloq2 .content ul li:nth-child(3) { box-shadow: none; }
	#panel-sesion .bloq2 .content ul li a { display: block; text-decoration: none; }
	#panel-sesion .bloq2 .content ul li a img { padding: 5px; float: left; display: block; background-color: #FFF; -webkit-border-radius: 10px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-bottomleft: 0; border-radius: 10px; border-bottom-left-radius: 0; }
	#panel-sesion .bloq2 .content ul li a .c_info { width: 228px; padding: 10px 0; float: right; display: block; }
	#panel-sesion .bloq2 .content ul li a .c_info span.item1 { display: block; font: bold normal 16px/20px Arial; color: #333; }
	#panel-sesion .bloq2 .content ul li a .c_info span.item2 { display: block; font: normal normal 13px/16px Arial; color: #FFF; overflow: hidden; }



div.token-input-dropdown { display: none !important; }
div .ui-timepicker-hours { padding-right: 10px!important; }
/***CLUETIP ***/
.cluetip-default { background-color: #eee!important; border-radius: 8px; }
.cluetip-default h3#cluetip-title { background: #ea8024 url('../Imagenes/Template/cabecera-reporte.png') !important; margin: 0px !important; padding: 3px 10px !important; font-size: 14px !important; font-weight: bold !important; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.cluetip-default #cluetip-inner { padding: 10px !important; font-size: 11px !important; background-color: #fff; border: 1px #ea8024 solid; }

.ui-multiselect { padding: 6px 5px; text-align: left; font-family: 'regular'; }
    .ui-multiselect span.ui-icon { float: right }
    .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; }
    .ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important }
    .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px;  }
    .ui-multiselect-header ul { font-size: 0.9em }
    .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0 }
    .ui-multiselect-header a { text-decoration: none;  font-family: 'regular'; }
    .ui-multiselect-header a:hover { text-decoration: underline }
    .ui-multiselect-header span.ui-icon { float: left }
    .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0 }
    .ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000; text-align: left }
    .ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: scroll }
    .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px }
    .ui-multiselect-checkboxes label span{ font-weight: normal;  font-family: 'regular';}
    .ui-multiselect-checkboxes label input { position: relative; top: 1px }
    .ui-multiselect-checkboxes li { clear: both; font-size: 0.9em; padding-right: 3px }
    .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid }
    .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none }
    /* remove label borders in IE6 because IE6 does not support transparency */
    * html .ui-multiselect-checkboxes label { border: none }
    .ui-multiselect-hasfilter ul { position: relative; top: 2px }
    .ui-multiselect-filter { float: left; margin-right: 10px; font-size: 11px }
    .ui-multiselect-filter input { width: 100px; font-size: 10px; margin-left: 5px; height: 15px; padding: 2px; border: 1px solid #292929; -webkit-appearance: textfield; -webkit-box-sizing: content-box; color: #000;font-family: regular;}

#form-imagenes { }
    #form-imagenes .imagenes { padding: 10px; border-radius: 5px; background-color: #F4F4F4; overflow: hidden; margin-top: 5px; }
    #form-imagenes .imagenes .imagen { float: left; border: solid 1px #ccc; border-radius: 5px; padding: 5px; margin: 8px; background-color: #fff; }
    #form-imagenes .imagenes .imagen .imgc { height: 158px; padding-top: 3px; text-align: center; clear: both; }
    #form-imagenes .imagenes .imagen input { margin-top: 5px; width: 185px; }
    #form-imagenes .imagenes .imagen .borrar { float: right; display: block; cursor: pointer; float: right; background-image: url(../Imagenes/Template/borrar-peq.png); height: 20px; width: 20px; background-position: top; margin-bottom: 4px; }
    #form-imagenes .imagenes .imagen .borrar:hover { background-position: bottom; }
    #form-imagenes .imagenes .imagen .portada { float: left; padding: 2px; border-radius: 5px; background-color: #CCCCCC; color: #fff; cursor: pointer; }
    #form-imagenes .imagenes .imagen .portada:hover { background-color: #999999; text-decoration: none; }
    #form-imagenes .imagenes .imagen .portada.selected { background-color: #d58400; }
    #form-imagenes #cargar-imagen { margin: 5px 0; }

#form-archivos { }
    #form-archivos .archivos { padding: 0px;margin-top: 5px;border-radius: 5px; overflow: hidden; }
    #form-archivos .archivos .archivo input { margin-top: 5px; width: 185px; padding: 3px; }
    #form-archivos .archivos .archivo .borrar { display: block; cursor: pointer; background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; background-position: top; margin-bottom: 4px; }
    #form-archivos .archivos .archivo .borrar:hover { background-position: bottom; }
    #form-archivos .archivos .archivo .portada { float: left; padding: 2px; border-radius: 5px; background-color: #CCCCCC; color: #fff; cursor: pointer; }
    #form-archivos .archivos .archivo .portada:hover { background-color: #999999; text-decoration: none; }
    #form-archivos .archivos .archivo .portada.selected { background-color: #d58400; }
    #form-archivos #cargar-archivo { margin: 5px 0; }

.tabla-reporte1 { width: 100%;border: 1px #939598 solid; }
    .tabla-reporte1 thead tr td { padding: 10px; font: normal normal 14px/14px 'semibold',Arial;color: #FFF; text-align: center;border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom;background-color: #666; }
    .tabla-reporte1 thead tr td:last-child { border: none; }
    .tabla-reporte1 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; }
    .tabla-reporte1 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; }
    .tabla-reporte1 tbody tr { border-bottom: dotted 1px #939598; }
    .tabla-reporte1 tbody tr:hover { background-color: #CCCCCC; background-image: none; }
    .tabla-reporte1 tbody tr.selected { background-color: #DCECF9; background-image: none; }
    .tabla-reporte1 tbody tr td { color: #231f20; padding: 6px 4px; font-size: 12px; text-align: center; border-right: dotted 1px #939598; }
    .tabla-reporte1 tbody tr td a { font-weight: bold; }
    .tabla-reporte1 tbody tr td:last-child { border: none; }
    .tabla-reporte1 tbody tr td .opcion { font-weight: normal; }
    .tabla-reporte1 tbody tr td .opcion span { font-size: 10px; clear: both; display: block; color: #5b5b5f; }
    .tabla-reporte1 tfoot tr td { background-color: #FFFF99; color: #000; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; font-size: 14px; font-weight: bold; }
    .tabla-reporte1 td .borrar { background-image: url("../Imagenes/Opciones/22x22/Borrar.png"); cursor: pointer; display: block; height: 22px; margin: auto; width: 22px; }

.tabla-reporte2 { width: 100%;border: 1px #939598 solid; }
    .tabla-reporte2 thead { background-color: #CDCDCD; }
    .tabla-reporte2 thead th { border: solid 1px #939598; text-align: center !important; }
    .tabla-reporte2 thead tr th { padding: 5px 0px; }
    .tabla-reporte2 thead tr td { padding: 10px; font: normal normal 14px/14px 'semibold',Arial;color: #FFF; text-align: center !important; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom;background-color: #666; }
    .tabla-reporte2 thead tr td:last-child { border: none; }
    .tabla-reporte2 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; }
    .tabla-reporte2 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; }
    .tabla-reporte2 tbody tr { border-bottom: dotted 1px #939598; }
    .tabla-reporte2 tbody tr:hover { background-color: #CCCCCC; background-image: none; }
    .tabla-reporte2 tbody tr.selected { background-color: #BCC3CA; background-image: none; }
    .tabla-reporte2 tbody tr td { color: #231f20; padding: 0px; font-size: 12px; text-align: center; border-right: dotted 1px #939598; }
    .tabla-reporte2 tbody tr.tabla-calculos td { padding: 0px 5px; height: 32px; font-size: 15px; }
    .tabla-reporte2 tbody tr input { text-align: center; padding: 0px; }
    .tabla-reporte2 tbody tr input[type="checkbox"] { transform: scale(1.2); -webkit-transform: scale(1.2); }
    .tabla-reporte2 tbody tr td a { font-weight: bold; }
    .tabla-reporte2 tbody tr td:last-child { border: none; }
    .tabla-reporte2 tbody tr td .opcion { font-weight: normal; }
    .tabla-reporte2 tbody tr td .opcion span { font-size: 10px; clear: both; display: block; color: #5b5b5f; }
    .tabla-reporte2 tfoot tr td { background-color: #FFFF99; color: #000; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; font-size: 14px; font-weight: bold; }
    .tabla-reporte2 td .borrar { background-image: url("../Imagenes/Opciones/22x22/Borrar.png"); cursor: pointer; display: block; height: 22px; margin: auto; width: 22px; }

#form-busqueda .ui-multiselect { width: 220px !important; }



.vertical-center { min-height: 100%;  min-height: 100vh; display: flex; align-items: center;}
    .nopadding{ padding: 0; }
    .nopadding-left{ padding-left: 0;}
    .row{ margin: 0}





div.listado-agendas .seleccionada { float: left; background-color: #f8fdff; margin:0 10px 10px 0; padding: 10px;  width:250px; background: transparent url('../Imagenes/Template/fondo-agenda-hover.gif') repeat-x top left; border: 1px solid #abd4f2; height:150px; cursor:pointer;}
div.listado-agendas .fila-contenido { float: left; background-color: #f8fdff; margin:0 10px 10px 0; padding: 10px;  width:250px; border: 1px solid #ffffff; height:150px; cursor:pointer;}

.cluetip-default { background-color : none!important ;}
.cluetip-default #cluetip-outer { background-color : #ddd!important ;}
.cluetip-default h3#cluetip-title { background-color: #eee!important; color: #000!important;}
.cluetip-default #cluetip-inner {}

.opciones-reporte{ float: right; margin-right: 40px;}
.opciones-reporte .botonExcel {cursor:pointer; text-align:center; color: #000; }
.opciones-reporte .botonExcel img{clear:both; }
.opciones-reporte .botonExcel span{display:block;color:blue; }

.reporte-antiguo h2{ font-size: 18px; line-height: 20px; margin: 0; padding: 0; text-align: center;}
.reporte-antiguo table{ margin-bottom: 30px;}
.reporte-antiguo table td{ padding: 3px; }
.reporte-antiguo table th{ padding: 3px; text-align: center; background-color: #1688ca; color: #fff;}

#estadisticas-campana{}
#estadisticas-campana .estadistica { min-height: 145px;}
#estadisticas-campana .estadistica .porcentaje{ display: block; font-size: 32px; text-align: center;}
#estadisticas-campana .estadistica .numero{ display: block; font-size: 16px; text-align: center;}


#factura { }
	#factura .titulo-seccion h1 {  }
	#factura .imprimir{  background: transparent url('../Imagenes/Template/imprimir.png') no-repeat; padding-left: 20px; width: auto;  margin:10px 0px; cursor: pointer; font-size: 12px; font-weight: bold;}

	#factura .contenedor-factura { background-color: transparent;}
	.contenedor-factura { width: 995px; background-color: #fff;}
    .contenedor-factura ul { list-style-type: none;}
    .contenedor-factura .contenedor { border: #ccc 1px solid; border-radius:5px; padding: 10px;  margin-left: auto; margin-right: auto; margin-top:10px; font-size: 12px;}
    .contenedor-factura .contenedor h1{ font-size: 14px; text-decoration: underline; color: #0071b9; float: left;}
    .contenedor-factura .contenedor h2{ font-size: 12px; text-align: center; }
    .contenedor-factura .contenedor .datos{ float: left; padding: 10px; position: relative; font-size: 12px; }
    .contenedor-factura .contenedor .factura-cabecera{ border-bottom : #ccc 1px solid; height: 110px; }
    .contenedor-factura .contenedor .factura-cabecera div{ float:left; padding: 10px; }
    .contenedor-factura .contenedor .factura-cabecera .factura-logo{ border-right: #ccc 1px solid; }
    .contenedor-factura .contenedor .factura-cabecera .factura-logo img{  }

    .contenedor-factura .contenedor .factura-cabecera .factura-titulo{ width: 550px; font-size: 24px; text-align: center; font-weight: bold; }
    .contenedor-factura .contenedor .factura-cabecera .factura-orden{ float:right; border-left :#ccc 1px solid; border-bottom : #ccc 1px solid; text-align: right;  }
    .contenedor-factura .contenedor .factura-cabecera .factura-orden b{ }
    .contenedor-factura .contenedor .factura-cabecera .factura-orden span.orden{ color: #cc0000; font-size: 18px; margin-left: 5px;}
    .contenedor-factura .contenedor .factura-cabecera .factura-orden span.estado{ color: #cc0000; font-size: 16px; margin-left: 5px;}
    .contenedor-factura .contenedor .factura-cabecera .factura-orden span { color: #000; font-size: 11px; margin-left: 0px;  }

    .contenedor-factura .compras th { font-size: 12px; background-color: #e4e5e5; padding: 2px 0; font-weight: bold; border-bottom: 1px dotted #ddd; text-align: center;  }
	.contenedor-factura .compras { width: 100%; text-align: center; font-size: 12px;  border-spacing: 0px; }
	.contenedor-factura .descripcion { font-weight: bold;  margin-bottom: 15px; padding-left: 10px; width: 550px; text-align: left;}
	.contenedor-factura .descripcion .subtitulo { font-weight: normal; border-left: 1px solid #ddd;  padding-left: 3px; margin-left: 3px;}
	.contenedor-factura .compras .entrega { font-weight: normal; }
	.contenedor-factura .compras td { border-bottom: 1px dotted #ddd; padding: 5px 0; }

	.contenedor-factura .factura td { padding-right: 5px; }
	.contenedor-factura .factura .label { font-size: 12px; font-weight: normal; padding: 3px; color:#404041; display: inline-block; }
	.contenedor-factura .factura .valor { font-size: 12px; font-weight: bold; text-align: right; }
	.contenedor-factura .factura .total { font-size: 14px; padding: 3px; width: 140px; font-weight: bold; }
	.contenedor-factura .factura .valor-total { font-size: 14px; font-weight: bold; padding-left: 40px; }
	.contenedor-factura .factura { margin-top: 5px; float: right; border-spacing: 0px;}
        #factura .miga,
        #factura .titulo-seccion { display:none; }


    #configuracion-paginacion textarea{ width: 99%; height: 120px;}
        
@media (max-width: 768px) {

    #header .b-logo{padding-top: 5px; }
    #header .b-usuario{ display: none; }
    #header .b-logo img{ margin-top: 5px; width: 125px; }
    #header .block-form{ margin: 5px;}
    #header .menu .jd_menu{ margin-top: 0;}

    #header .menu li span.nivel0{ display: none;}
    #header .menu li .nivel0 i{ margin-bottom: 8px;}
    #header .b-menu .mod146{display: block;}
    #header .menu li a{ padding: 8px 8px;}
}

@media (min-width: 768px) {
   #header .menu li a.nivel0 img{ display: none;}
}

@media (max-width: 479px) {

    #index-nosesion .ctn-contenido .ctn-form{width: 100%;padding: 0 15px;}
    #index-nosesion .ctn-contenido .ctn-form .titulo-login li a{font-size: 14px;}
}