#textcontent { padding:10px !important; width:900px !important; } 
/*#wrapper { padding-bottom:10px !important; background:url(../images/bg_content_bottom.gif) center bottom no-repeat; }*/
#footer { text-align:center; padding:15px 0px; color: #666; font-size:11px; }
.hidden { display:none; }
.text { padding:10px 15px; }
.nopadding { padding:0px !important; }
.floatLeft { float:left; }
.floatRight { float:right; }
a.ninguno { background:url(../images/ninguno.png) no-repeat left top; display:inline-block; width: 20px; height:20px;margin:10px 0px 0px 45px;}
a.envie_mensaje { background:url(../images/envie_mensaje.png) no-repeat left top; display:inline-block; width: 20px; height:20px;margin:10px 0px 0px 45px;}
a.me_enviaron { background:url(../images/me_enviaron.png) no-repeat left top; display:inline-block; width: 20px; height:20px;margin:10px 0px 0px 45px;}

a.volver_abiertas_icon { background:url(../images/icons/exclamation.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.edit_icon { background:url(../images/icons/edit.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.user_icon { background:url(../images/icons/user.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.delete_icon { background:url(../images/icons/action_delete.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.approve_icon { background:url(../images/icons/action_check.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.reject_icon { background:url(../images/icons/action_remove.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.edit_inline { background:url(../images/icons/edit.gif) no-repeat left top; display:inline-block; line-height:16px; color: #069 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.delete_inline { background:url(../images/icons/action_delete.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #D23333 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.reject_inline { background:url(../images/icons/action_remove.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #D23333 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.approve_inline { background:url(../images/icons/action_check.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #5a801b !important; font-size:10px; padding-left:20px; margin-right:5px; }
.news_items li { margin-left:15px; }
/*******************************************************************************
  HEADING CLASSES
*******************************************************************************/
h1 { font-size:22px; color: #1b486a; display: block; margin-top: 10px;}
h1.dashboard { background:url(../images/icon_dashboard_small.gif) left 3px no-repeat; padding-left:35px;}
h1.content_edit { background:url(../images/icon_content_small.gif) left 3px no-repeat; padding-left:35px;}
h2 { font-size:18px !important; }
h3 { font-size: 13px !important; }
/*******************************************************************************
  EVENTBOX (title -> rightbox)
*******************************************************************************/
#eventbox {
    font-size:11px;
    text-align:right;
    margin-top: 10px;
    line-height:35px;
    width: 375px !important;
    position:relative;
}
a.inline_calendar { padding-left:21px; background:url(../images/icons/calendar.gif) no-repeat left top; }
a.inline_tip { padding-left:21px; background:url(../images/icons/lightbulb_off.gif) no-repeat left top; }
.hidden_calendar { position:absolute; top:35px; right:20px; width:200px; height:200px; display:none; }
.hidden_calendar { line-height:normal !important;}
.hidden_calendar .ui-datepicker .ui-datepicker-prev span, .hidden_calendar .ui-datepicker .ui-datepicker-next span {
    text-indent:-99999px !important;
}
/*******************************************************************************
  USER TOOLS
*******************************************************************************/
#user_tools {
    background:url(../images/bg_usertools_right.gif) right top no-repeat;
    height:34px;
    padding-right:9px;
    float:right;
}
#user_tools span {
    background:url(../images/bg_usertools_left.gif) left top no-repeat #000000;
    height:34px;
    padding-left:9px;
    line-height: 34px;
    font-size:10px;
    color: #b0b0b0;
    display:block;
    float:right;
}
#user_tools a { color: #FFF; text-decoration:none; }
#user_tools a:hover { text-decoration:underline; }
#user_tools a.mail { background: url(../images/icon_mail_small.gif) left 2px no-repeat; padding-left:17px; margin-right:5px; }
#user_tools a.mail:hover { text-decoration:none !important; }
.dropdown { background:url(../images/arrow_mini_down.gif) no-repeat right 3px; padding-right:13px; }
#colorchanger { z-index: 8; display: none; position:absolute; color: white; top:33px; right:35px; border-left:1px solid #333; border-right: 1px solid #333; background:black; width:100px;}
#colorchanger a { padding:5px; border-bottom:1px solid #333; color: #FFF; display: block; font-size: 10px; text-decoration:none; }
#colorchanger a:hover { background: #222; }
#colorchanger span.redtheme { background: url(../images/bullet_red.gif) left 0px no-repeat; padding-left:16px;  }
#colorchanger span.bluetheme { background: url(../images/bullet_blue.gif) left 0px no-repeat; padding-left:16px; }
#colorchanger span.greentheme { background: url(../images/bullet_green.gif) left 0px no-repeat; padding-left:16px; }
/*******************************************************************************
  MENU
*******************************************************************************/
#menu {
    float: left;
}
#menu ul.group {
    margin: 12px 0px 0px 14px;
    padding: 0px 0px 0px;
    list-style: none;
    float: left;
    z-index:4;
}
#menu ul.group li {
    display: inline;
    float: left;
    position: static;
    z-index: 5;
    margin-left:0px !important;
}
#menu ul.group li a {
    display: block;
    float: left;
    height: 100px;
    width: 114px;
    overflow:hidden;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: white;
    text-decoration:none;
    text-align:center;
    z-index:6;
}
#menu ul.group li a * {
    cursor: pointer;
}
#menu ul.group li a span.outer {
    display: block;
    height: 90px;
    padding-top: 10px
}
#menu ul.group li a span.inner {
    display: block;
    padding: 55px 4px 9px 10px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 50% 3px;
}
#menu ul.group li a {
    background:url('../images/navigation_background_blue.gif') repeat-x top left;
}
#menu ul.group li.first a {
    background:url('../images/navigation_first_blue.gif') no-repeat top left;
}
#menu ul.group li.last a {
    background:url('../images/navigation_last_blue.gif') no-repeat top right;
}
#menu ul.group li.last a span.inner {
    border: none !important;
}

#menu ul.group li a:hover, #menu ul.group li a.hover {
    background-position: bottom left;
    text-decoration: none;
}
#menu ul.group li.last a:hover, #menu ul.group li.last a.hover  {
    background-position: bottom right;
}
#menu ul.group li a.current {
    background-position: bottom left;
    text-decoration: none;
}
#menu ul.group li.last a.current  {
    background-position: bottom right;
}
#menu ul.group li.first a.current  {
    background-position: bottom left;
}

#menu ul.group li a span.inner {
    border-right: 1px solid #4985b2;
}
#menu ul.group li a:hover span.inner {
    border-right: 1px solid #4985b2;
}
#menu ul.group li a.more {
}
#menu .additional a span {
    border-right:1px solid #DFDCBB;
}
#menu .dashboard { background-image: url(../images/icon_dashboard.png); background-repeat: no-repeat;  }
#menu .content { background-image: url(../images/icon_edit.png); background-repeat: no-repeat;  }
#menu .reports { background-image: url(../images/icon_reports.png); background-repeat: no-repeat;  }
#menu .users { background-image: url(../images/icon_users.png); background-repeat: no-repeat;  } 
#menu .media_library { background-image: url(../images/icon_media.png); background-repeat: no-repeat;  }
#menu .event_manager { background-image: url(../images/icon_clock.png); background-repeat: no-repeat;  } 
#menu .newsletter { background-image: url(../images/clientes.png); background-repeat: no-repeat;  }
#menu .settings { background-image: url(../images/icon_settings.png); background-repeat: no-repeat;  }
#menu .bitacora { background-image: url(../images/bitacora.png); background-repeat: no-repeat;  }
#menu .clave { background-image: url(../images/llave.png); background-repeat: no-repeat;  }
#menu .buscar { background-image: url(../images/buscar_boleta.png); background-repeat: no-repeat;  }

#hidden_submenu {
    background:#FFF;
    padding:10px;
    display:none;
    width:918px !important;
    border-left: 1px solid #9C9C9C;
    border-right: 1px solid #9C9C9C;
    border-bottom: 1px solid #CCC;
}
#hidden_submenu .more_menu { float:left; margin: 10px 5px; }
#hidden_submenu .more_menu li { margin-left: 30px; }
/*******************************************************************************
  TABS
*******************************************************************************/

#tabs {
}


#tabs ul {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    list-style: none;
}

#tabs ul li {
    display: inline;
}

#tabs ul li a {
    font-family:Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    height: 25px;
    margin-right: 3px;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    border-bottom: 0px;
    background: #DEDEDE;
    text-decoration:none;
    color: #1b486a;
}

#tabs ul li a:hover {
    text-decoration: underline;
    background-color: #FFFFFF;
}

#tabs ul li a span {
    height: 20px;
    padding: 0px 10px;
    display: block;
    padding-top: 5px;
    cursor: pointer;
    white-space: nowrap;
}

#tabs ul li a.current {
    background-color: #FFFFFF;
}
#tabs ul li.first a span {
    padding-left: 15px;
    padding-right: 15px;
}
#tabs {
    background: #639ecb;
}



#tabs ul li a {
    background: url('../images/tabs_left.gif') no-repeat left top;
    border: 0px;
}

#tabs ul li a span {
    background: url('../images/tabs_right.gif') no-repeat right top;
}

#tabs ul li a.current {
    background-position: left bottom;
}

#tabs ul li a.current span {
    background-position: right bottom;
}
#tabs ul li a.tempoff {
    background-position: left top;
}

#tabs ul li a.tempoff span {
    background-position: right top;
}

#tabs ul li.first a{
    color: #1b486a !important;	
}
/*******************************************************************************
  PORTLETS AND GRID
*******************************************************************************/

/*******************************************************************************
  Informational Messages
*******************************************************************************/
.info  {
    display: block;
    background: url('../images/informationbar_right.gif') no-repeat right top;
    height: 30px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom:10px !important;
    padding: 0px !important;
    font-size: 12px !important;
    font-weight: bold;
    cursor: pointer;
    border: 0px;
    font-style: italic;
}
.info .info_inner {
    display: block;
    height: 30px;
    padding: 6px 10px 0px 35px;
}
#success .info_inner {
    color: #5a801b;
    background: url('../images/icon_success.gif') no-repeat left top;
    border: 0px;
}
#warning .info_inner {
    color: #E89326;
    background: url('../images/icon_warning.gif') no-repeat left top;
    border: 0px;
}
#error .info_inner {
    color: #C00;
    background: url('../images/icon_error.gif') no-repeat left top;
    border: 0px;	
}
#info .info_inner {
    color: #4985B2;
    background: url('../images/icon_info.gif') no-repeat left top;
    border: 0px;
}
/*******************************************************************************
  TABLE DESIGN 
*******************************************************************************/
.leftContent{
    float:left;
    margin: 10px;
    overflow: hidden;
}

#box-table-a {
    font-size: 12px;
    margin: 0px;
    text-align: left;
    border-collapse: separate;
    border-bottom:none;
}
#box-table-a th {
    font-size: 13px;

    padding: 8px;
    background: #EFEFEF;

    color: #333;
    text-align: left;
}

#box-table-a tr:nth-child(odd){ background: #FFF; } 
#box-table-a tr:nth-child(even){ background: #EFEFEF;} 


#box-table-a td {
    padding: 8px;
    background: none; 
    border-top: 1px solid #CCC;
    color: #666;
    border-bottom: none !important;
}
#box-table-a tr:hover td {
    background: #ccc;
    transition: all 0.5s ease-in-out;
}
#box-table-a tr.footer { background: none !important; }
#box-table-a tr.footer:hover td { background: none !important;  }


/*******************************************************************************
  PAGINATION
*******************************************************************************/
.pagination { border:0; margin:0; padding:0; font-size:10px; }
.pagination a { border:solid 1px #DEDEDE; margin-right:2px; }
.pagination .previous-off, .pagination .next-off { color:#888888; display:inline-block; font-weight:normal; padding:3px 4px; }
.pagination .next a,.pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
.pagination .active{ color:#000000; font-weight:bold; display:inline-block; padding:4px 6px; }
.pagination a:link, .pagination a:visited { display:inline-block; padding:3px 6px; text-decoration:none; }
.pagination a:hover{ text-decoration:none; border: 1px solid #999; }

/*******************************************************************************
  FORMS
*******************************************************************************/
form label { display:block !important; line-height:normal !important; margin: 5px 0px;  font-size:12px;	font-weight:bold; }
input[type=text] { display:block !important; }
textarea { display:block; }
.smallInput { height:30px;width:380px; border: 1px dotted #424242; background:#FFFFE6; font-size:14px !important; font-family:"Arial", Arial, Helvetica, sans-serif !important; color: #333 !important; font-style:italic; }
.largeInput { padding:6px 5px; border:1px solid #999; background:#FFFFE6; font-size:15px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; }
form .small { width:150px; }
form .medium { width:350px; }
form .wide { width:890px; }
.smallInput_min { height:30px;width:220px; border: 1px dotted #424242;
                  background:#FFFFE6; font-size:14px !important;
                  font-family:"Arial", Arial, Helvetica, sans-serif
                      !important; color: #333 !important; font-style:italic; }


.button_grey {
    margin: 0px;
    padding: 0px !important;
    border: 0px;
    background: transparent url('../images/but_right_grey.gif') no-repeat scroll top right;
    color: #555;
    display: block;
    float: left;
    height: 30px;
    margin-right: 6px;
    margin-top:10px;
    padding-right: 12px !important;
    text-decoration: none;
    overflow: hidden;
    font-size: 12px;
    outline: none !important;
    cursor: pointer;
    font-weight: bold;	
}
.button_grey span {
    background: url('../images/but_left_grey.gif') no-repeat left top;
    display: block;
    line-height: 30px;
    padding: 0px 0px 0px 12px;
    outline: none !important;
    float:left;
}
.button_grey:hover {
    background-position: right bottom;
    text-decoration:none !important
}
.button_grey:hover span {
    background-position: left bottom;
    color: #333;
}
.button_ok {
    margin: 0px;
    padding: 0px !important;
    border: 0px;
    background: transparent url('../images/but_round_span_blue.gif') no-repeat scroll top right;
    color: #1b486a;
    display: block;
    float: left;
    height: 30px;
    margin-right: 6px;
    margin-top:10px;
    padding-right: 15px !important;
    text-decoration: none;
    overflow: hidden;
    font-size: 12px;
    outline: none !important;
    cursor: pointer;
    font-weight: bold;
}
.button_ok span {
    background: url('../images/but_round_ok_blue.gif') no-repeat left top;
    display: block;
    line-height: 30px;
    padding: 0px 0px 0px 35px;
    outline: none !important;
    float:left;
}
.button_ok:hover {
    background-position: right bottom;
    text-decoration:none !important
}
.button_ok:hover span {
    background-position: left bottom;
    color: #1b486a;
}
.button_notok {
    margin: 0px;
    padding: 0px !important;
    border: 0px;
    background: transparent url('../images/but_round_span_blue.gif') no-repeat scroll top right;
    color: #1b486a;
    display: block;
    float: left;
    height: 30px;
    margin-right: 6px;
    margin-top:10px;
    padding-right: 15px !important;
    text-decoration: none;
    overflow: hidden;
    font-size: 12px;
    outline: none !important;
    cursor: pointer;
    font-weight: bold;
}
.button_notok span {
    background: url('../images/but_round_del_blue.gif') no-repeat left top;
    display: block;
    line-height: 30px;
    padding: 0px 0px 0px 35px;
    outline: none !important;
    float:left;
    font-style: italic;
}
.button_notok:hover {
    background-position: right bottom;
    text-decoration:none !important
}
.button_notok:hover span {
    background-position: left bottom;
    color: #1b486a;
}
.button_grey_round {
    margin: 0px;
    padding: 0px !important;
    border: 0px;
    background: transparent url('../images/but_round_span_grey.gif') no-repeat scroll top right;
    color:#555;
    display: block;
    float: left;
    height: 30px;
    margin-right: 6px;
    margin-top:10px;
    padding-right: 12px !important;
    text-decoration: none;
    overflow: hidden;
    font-size: 12px;
    outline: none !important;
    cursor: pointer;
    font-weight: bold;	
}
.button_grey_round span {
    background: url('../images/but_round_left_grey.gif') no-repeat left top;
    display: block;
    line-height: 30px;
    padding: 0px 0px 0px 12px;
    outline: none !important;
    float:left;
}
.button_grey_round:hover {
    background-position: right bottom;
    text-decoration:none !important
}
.button_grey_round:hover span {
    background-position: left bottom;
    color: #333;
}
/*******************************************************************************
  MODAL BOX OVERRIDE
*******************************************************************************/
.ui-dialog { 
    padding:0px !important; 
    border: none 0 !important;
    font-size: 12px !important;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding-left:5px !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
    padding-right:5px !important;
    position:relative;
    border-bottom: none !important;
    font-size:13px !important;
}
.ui-dialog .ui-corner-all {
    -moz-border-radius-bottomleft:0px !important;
    -moz-border-radius-bottomright:0px !important;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}
.ui-dialog .ui-dialog-content {
    border: 1px solid #AAAAAA !important;
}
.ui-widget-overlay {
    background:#000 !important;
    opacity:0.7 !important;
}
.boleta_box{

    width: 95%;
    clear: both;
    background: url(../images/correo.png) no-repeat left #fcfae9;
    background-position: 15px 
        10px;
    padding: 20px 20px 15px 60px;
    margin: 0 0 10px 0;
    margin: 10px;
border: 1px solid #ccc;



}


.boleta_box_anotacion {
width: 95%;
clear: both;
 background: url(../images/chincheta.png) no-repeat left #fbca99; 
/* border: 1px #000 dashed; */
background-position: 15px 10px;
/* padding: 20px 20px 15px 60px; */
/* margin: 0 0 10px 0; */
margin: 30px 0 ;
/* box-shadow: 0 15px 10px rgba(0,0,0, 0.3); */
border-radius: 5px;
font-size: 15px;
}


.boleta_box_mensaje{

    width:95%;
    clear: both;
   /* background: url(../images/email_responder_min.png) no-repeat left #fff;*/
   /* padding: 20px 20px 15px 60px;*/
    margin: 30px 10px 10px 10px;
    font-size: 15px;

}

.boleta_box_reasigno{

    width: 95%;
    clear: both;
    background: #fff;
    border: 1px #ccc solid;
    background-position: 15px 
        10px;
    margin: 0 0 10px 0;
    margin: 10px;

    font-size: 15px;

}




.boleta_box_encargado{

    width:95%;
    clear:both;
    background-position:15px 10px;
    padding:5px 5px 5px 5px;
    margin: 15px 10px;


    /*LETRA*/

    font-size: 15px;



}


.boleta_box_info{

    cursor: move !important;
    background:url(../images/estrella.png) no-repeat left #fcefa1 !important;
    background-position:15px 
        10px !important;padding:50px 90px 35px 50px !important; 


    box-shadow:  15px 35px 135px 135px rgba(0, 0, 9, 0.2) !important;

    border-radius:15px 15px !important;

    border:1px #000  dashed !important;
    float:  left !important;
    position: absolute;
    width: 110px !important; 
    margin: 235px 0px 0px 0px !important;

    z-index: 3001 !important;


}


.boleta_box_info:hover{

    background:url(../images/estrella.png) no-repeat left #fcefa1 !important;
    background-position:15px 
        10px !important;padding:50px 90px 35px 50px !important; 

    -webkit-box-shadow: 0 15px 15px rgba(0,0,0, 0.7) !important;  
    -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7) !important;

    -moz-border-radius:0px  !important;
    -webkit-border-radius: 0px  !important;

    float:  left !important;
    position: absolute;
    width: 110px !important; 
    margin: 235px 0px 0px 0px !important;


}



.boleta_box_info_quitar div{

    margin-top: 10px;
    font-size: 23px;

}


#reporte_box{background: #fcfae9;
             /*border:3px #397CAE solid;background-position:15px 
                 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;*/
             margin: 10px;
            /* -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);  
             -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);*/
             width:100%;


             height: auto !important;
             /*min-height: 930px;
             -moz-border-radius: 0 0;
             -webkit-border-radius:0  0;

             -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7);
             -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7);
             box-shadow:     0 15px 15px rgba(0, 0, 0, 0.7); */

}


.reporte_box_usuario{

    background:url(../images/reasignar_boleta.png) no-repeat left #ccc !important;

    background-position:15px 10px !important;
    padding:10px !important; 
    border:1px #ccc solid;
    float:  left !important;
    max-width: 200px !important; 
    min-height: 250px;
    font-size: 12px;
    opacity: 0.70;
    margin: 10px 10px 0px 0px;
}

.reporte_box_usuario p{
    margin: 45px 0 0 0;
    text-align: justify !important;
}

.estadisticaFlecha{
    clear: both;
    margin:20px 0 0 0;
}


.reporte_box_usuario:hover{
    opacity: 1;

}

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


.styledselect {
    background:#ffffff;
    border: 1px solid #424242;
    color: #346a92;
    width:225px;
    padding: 5px;
    line-height: 14px;
    margin-right: 6px;
    font-size: 15px;
}

.area {
    background:#ffffff;
    border: 1px solid #424242;
    color:#000;
    width:225px !important;
    height:35px !important;
    padding: 5px;
    line-height: 14px;
    margin-right: 6px;
    font-size: 15px;
}

.areaGrande {
    background:#ffffff;
    border: 1px solid #424242;
    color: #000;
    width:230px !important;
    height:50px !important;
    padding: 5px;
    line-height: 14px;
    margin-right: 6px;
    font-size: 15px;
}

/*TOOLBAR CASO*/

#cerrar-boleta {
    background:red;
    width:60px;
    height:60px;
    position:absolute;

    background:url(../images/cerrar_boleta.png) no-repeat;
}
#cerrar-boleta:hover {

    background:url(../images/cerrar_boleta_hover.png) no-repeat;
}


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


#respoder_boleta {
    background:red;
    width:60px;
    height:60px;
    position:absolute;

    background:url(../images/email_responder.png) no-repeat;
}
#respoder_boleta:hover {

    background:url(../images/email_responder_hover.png) no-repeat;
}

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

#anotacion_boleta {
    background:red;
    width:60px;
    height:60px;
    position:absolute;

    background:url(../images/chincheta.png) no-repeat;
}
#anotacion_boleta:hover {

    background:url(../images/chincheta_hover.png) no-repeat;
}

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

#guardar_mensaje {
    background:red;
    width:60px;
    height:60px;
    position:absolute;

    background:url(../images/save_mensaje.png) no-repeat;
}
#guardar_mensaje:hover {

    background:url(../images/save_mensaje_hover.png) no-repeat;
}

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

#reasignar_boleta {
    margin-top: -5px;
    margin-left: 2%;
    background:red;
    width:60px;
    height:60px;
    position:absolute;
float:left;
display:block;
    background:url(../images/reasignar_boleta.png) no-repeat;
}
#reasignar_boleta:hover {

    background:url(../images/reasignar_boleta_hover.png) no-repeat;
}

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

#agregar_remitente {
    margin-top: -5px;
    margin-left: 80px;
    background:red;
    float:left;
display:block;
    width:60px;
    height:60px;
    position:absolute;

    background:url(../images/agregar_remitente.png) no-repeat;
}
#agregar_remitente:hover {

    background:url(../images/agregar_remitente_hover.png) no-repeat;
}


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

#agregar_archivo {
    background:red;
    width:60px;
    height:60px;
    position:absolute;

    background:url(../images/adjuntar.png) no-repeat;
}
#agregar_archivo:hover {

    background:url(../images/adjuntar_hover.png) no-repeat;
}

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

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

#cerrar_archivo {
    background:red;
    width:60px;
    height:60px;
    position:absolute;
    right : 0;

    background:url(../images/close_file.png) no-repeat;
}
#cerrar_archivo:hover {

    background:url(../images/close_file_hover.png) no-repeat;
}

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

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


/*ACORDEON*/
#accordion { /* el rectángulo contenedor */
    width:auto;
}
#accordion h3 { 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 10px #444 inset;
    -webkit-box-shadow: 0 0 10px #444 inset;
    box-shadow: 0 0 10px #444 inset;
    background-color:#D2E0E6;
    color: #000;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 17px;
    font-weight: normal;
    height: 1.7em;
    line-height: 1.7em;
    margin: 0 0 2px;
    padding: 0 20px;
    position: relative;
}
#accordion h3:hover { 
    -moz-box-shadow: 0 0 10px #000 inset;
    -webkit-box-shadow: 0 0 10px #000 inset;
    box-shadow: 0 0 10px #069 inset;
    background-color:#D2E0E1;
    color:   #000;
}
#accordion h3 span { 

    display: block;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 7px;
    width: 16px;
}
#accordion h3.active span { /* desplegado */
    background-position: right bottom;
}
#accordion div { /* el contenido */
    
    width:820px;clear:both;background:url(../images/archivo_adjunto.png) no-repeat left #e2f0ff;
    border:1px #000  dashed !important;background-position:15px 
        10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
    margin: 10px;

   box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);

    border-radius: 5px ;

    /*LETRA*/

    font-size: 15px;
}



.adjunto_imagen{
    clear:both;  background:url(../images/estrella.png) no-repeat left #fcefa1 !important;
    background-position:15px 
        10px !important;padding:20px 20px 15px 60px !important;margin:0 0 10px 0;
    margin: 10px !important;

    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3) !important;

    border-radius: 5px !important;
    border:1px #000  dashed !important;

}

.adjunto_imagen a {


    text-decoration: none;

    color: #4985b2 !important;


}


.adjunto_file{
    
    clear:both;background:url(../images/file.png) no-repeat left  #fff   !important;
    background-position:15px 
        10px !important;padding:20px 20px 15px 60px;margin:0 0 10px 0 !important;
    margin: 10px !important;
   
   box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3) !important;

  
    border-radius: 5px !important;
    border:1px #000  dashed !important;


}


.adjunto_file a {


    text-decoration: none;

    color: #4985b2;


}


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

.logo_principal{


    position: absolute !important;
    width: 110px !important; 
    margin: 25px 0px 0px 400px !important;


}


#FILE{


    position: absolute !important;
    width: 110px !important; 
    margin: 550px 0px 0px 230px !important;


    width:100%; 
    height:100%; 



    opacity:.60;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

}


#general_upload{

    width:820px;clear:both;background: #e0f2be;
    border:1px #000 solid;background-position:15px 
        10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
    margin: -50px 0px 0px 30px !important;

    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);  
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

    -moz-border-radius: 0px ;
    -webkit-border-radius: 0px ;

    /*LETRA*/

    font-size: 15px;

    width:700px;
    height: 132px;
    overflow:scroll;

    position: absolute !important;

}


#FILE_GENERAL{

    width:100%;
    clear:both;
    background: #397CAE;
    background-position:15px 10px;
    padding:20px 20px 15px 60px;

    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);  
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

    -moz-border-radius: 0px ;
    -webkit-border-radius: 0px ;

    /*LETRA*/
    height: auto;

    margin: 10% 0;
    position: absolute !important;
   /* bottom:30px;*/
    z-index: 400;
    font-size: 14px !important;
    opacity: 0.9;
    

}

#FILE_GENERAL:hover{
    opacity: 1;
}

.message{
    color:#fff !important;
    font-size:14px !important;

}



#exportarExcel {


    position: absolute;
    z-index: 200;
    margin-top: 175px;
    margin-left: 890px;
}

.contenedor-menu {

    -webkit-box-shadow: 0 15px 15px rgba(6,6,0, 0.7) !important;  
    -moz-box-shadow: 0 15px 15px rgba(6, 6, 6, 0.7) !important;
    box-shadow: 0 15px 15px rgba(6, 6, 6, 0.7) !important;
    width: 940px;
    margin-left: -460px;

}


.agregar{

    cursor: pointer;

}



#comparacionGeneral {

    padding:10px !important;

    box-shadow: 0 0 10px #444 inset;
    background-color:#fff;
    color: #000;
    cursor: pointer;
    font-size: 20px !important;


    position: absolute;
    top:0;

    width:100%;
}


#comparacionGeneral:hover { 


}


#usuariosBloqueados { 

    background:url(../images/usuario_bloqueado.png) no-repeat left white !important;
    background-position:200px 10px !important;
    padding:10px !important;

    border:1px #ccc  solid !important;

    width:100%;

    float: right;


}

#tabContent_Usuario{
    margin: 0 0 40px 0;
}

#usuariosHabilitados { 

    background:url(../images/usuario_habilitado.png) no-repeat left white !important;
    background-position:200px 10px !important;
    padding:10px !important;


    border:1px #ccc  solid !important;
    width: 100%;
    height: auto;

    float: left;
}


.cerrar-comparar {


    cursor: pointer;
    position: absolute;
    z-index: 200;
    top:0;
    right: 0;


}

.cerrar-comparar:hover {

    width: 40px;


}


/*BLOQUEAR*/


#bloquear {

  
    position: absolute;
    background: red;
    opacity: 0.3;
    border-radius:10px;
   

    min-height: 90px;
    max-height: 90px;


    width: 90%;
    clear:both;
    cursor: not-allowed;

    margin: -20px 0px 0px 10px;
    z-index: 4000;
    

}

/*FIN BLOQUEAR*/

.clock-mensaje{

    display: none;
    width: 300px;
    height: 200px;
    position :absolute;
    margin-left: -300px;
    margin-top: -202px;
    margin-bottom: 10px;
    background: white;

    -webkit-box-shadow: 0 15px 15px rgba(0,0,0, 0.7) !important;  
    -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7) !important;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7) !important;

    -moz-border-radius:15px 15px !important;
    -webkit-border-radius: 15px 15px !important;
    border-radius: 15px 15px 15px 15px !important;

}

#dropbox {
position: absolute;
background: #397CAE;
/* border: 2px solid; */
/* border-radius: 3px; */
opacity: 0.50;
min-height: 150px;
/* max-height: 290px; */
overflow: scroll;
/* padding-bottom: 40px; */
width: 100%;
clear: both;
margin: 20px 0 0 -60px;
}

.cleditorMain {
border: 1px #ccc solid;
width: 100% !important;
background-color: white;
}

.cleditorToolbar {
width: 100% !important;
height: 50px !important;
}

.cleditorMain iframe {
width: 100% !important;
}