html
{
/*    height: 100%;*/
font-size:12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto-Regular, Roboto, "Open Sans", sans-serif;
    font-weight: 500;
}
body {
    background-color: #f8f9fa; /* Color de fondo similar al de tu imagen */
    padding-top: 20px;
}
.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 20px;
}
.form-label {
    font-weight: bold;
    margin-bottom: 0.25rem; /* Vuelve al tamaño original */
    font-size: 0.9rem; /* Vuelve al tamaño original o similar */
}
.form-control, .form-select {
    /* Vuelve al tamaño original de Bootstrap 5 */
    height: calc(1.5em + 0.75rem + 2px); 
    padding: 0.375rem 0.75rem; 
    font-size: 1rem; 
}
.input-group-text {
    /* Vuelve al tamaño original de Bootstrap 5 */
    height: calc(1.5em + 0.75rem + 2px); 
    padding: 0.375rem 0.75rem; 
}
/* Ajustes para el layout de los campos */
.row {
    margin-bottom: 1rem; /* Espacio entre filas de campos, puedes ajustar si quieres más */
}
.col-md-2, .col-md-1, .col-md-3, .col-md-4 {
    padding-right: 15px; 
    padding-left: 15px;
}
/* Eliminamos los anchos específicos para que Bootstrap maneje el layout de columnas */
/* .form-col-custom.col-edad, .form-col-custom.col-nacionalidad, .form-col-custom.col-lang */

.form-check-inline {
    margin-right: 1rem; /* Espacio entre los radios SI/NO, ajusta si quieres más */
}
.card-header .col {
    padding-top: 15px;
    padding-bottom: 5px;
}
.card-footer {
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.125);
    padding: 1rem 1.25rem; /* Vuelve al padding original */
}
.btn-group-footer .btn {
    padding: 0.75rem 1.5rem;
    font-size: 1rem; 
}
.form-label-top {
    margin-bottom: 0.5rem; /* Vuelve al espacio original */
    display: block; 
    font-size: 1rem; /* Vuelve al tamaño original */
}

/* Ajuste para el input "Cual?" al lado de los radios */
.radio-input-group {
    display: flex;
    align-items: center;
    gap: 10px; /* Espacio entre los radios y el input "Cual?" */
}
.radio-input-group .form-control {
    flex-grow: 1;
}

*:focus {
    outline: none;
}

img, a img
{
    border: none;
}
.clearfix
{
    clear: both;
}

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.container_grid
{
    background-color: #CAD2D7; /*max-width: 400px;*/
    /*height: 100%;*/
}

.lighter {
    font-family: "Roboto-Thin";
    font-weight:normal;
}

.light {
    font-family: "Roboto-Light";
    font-weight:normal;
}

strong, b, .bold {
    font-family: "Roboto-Bold";
    font-weight:normal;
}

.semibold {
    font-family: "Roboto-Medium";
    font-weight:normal;
}

.bolder {
    font-family: "Roboto-Black";
    font-weight:normal;
}


.toolbar-bg
{
    background: #aab5bd;
    background: -moz-linear-gradient(top,  #aab5bd 0%, #c1cbd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aab5bd), color-stop(100%,#c1cbd1));
    background: -webkit-linear-gradient(top,  #aab5bd 0%,#c1cbd1 100%);
    background: -o-linear-gradient(top,  #aab5bd 0%,#c1cbd1 100%);
    background: -ms-linear-gradient(top,  #aab5bd 0%,#c1cbd1 100%);
    background: linear-gradient(to bottom,  #aab5bd 0%,#c1cbd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aab5bd', endColorstr='#c1cbd1',GradientType=0 );

}

.btn_disabled_report {
	background-color: #DAE4EB !important;
	border:2px solid #DAE4EB !important;
	color: #ADC6D3  !important;

}


.linkDisabled
{
    color:#98AAB8;
}

.linkDisabledInvert
{
    color:#A2ACB9;
}

.linkEnabled
{
    color: Black;
    text-shadow:0 1px 0 #fff;
    cursor:pointer;
    
}

.size12 { font-size:12px !important; }
.size14 { font-size:14px !important; }
.size16 { font-size:16px !important; }
.size18 { font-size:18px !important; }
.size20 { font-size:20px !important; }
.size24 { font-size:24px !important; }
.size32 { font-size:32px !important; }


.wcombo { /*width:170px !important;*/ }
.wdatepicker { width:131px !important; }

.report_button
{
    background-color: #D2DBE0;
    background-image: -moz-linear-gradient(43% 0 -90deg, #D2DBE0 0%, #B8C3C9 99%, #B9C4CA 97%);
    border-color: #CED7DC;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    margin: 4px 4px 10px 4px;
    min-height: 90px;
    padding: 5px;
    width: 80px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.report_button:hover
{
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(43% 0 -90deg, #F5F7F8 0%, #D2DBE0 98%, #D3DCE1 96%);
    background-repeat: repeat-x;
    border: 1px solid #F5F5F5;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    
}

.report_button.active
{
    background-color: #465156;
    background-image: -moz-linear-gradient(60% 0 -90deg, #788388 0%, #465156 97%);
    background-repeat: repeat-x;
    border-color: #566066;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #A2ACB1 inset;
}

.report_button a
{
    color: #000000;
    font: normal 12px "Roboto-Regular", "Segoe UI" ,Arial,Helvetica,Sans-serif;
    padding: 5px 3px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.report_button:hover a
{
    text-shadow: 0 1px 0 #FFFFFF;
}

.report_button.active a
{
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}
.collapsedReport
{
    /*
    background-image: url(images/mas.png);   
    background-repeat:no-repeat;
    background-position:right;
 */
}
.expandedReport
{
    /*background-image: url(images/menos.png);   
    background-repeat:no-repeat;
    background-position:right;*/
 
}
/*----------------------------------------------------------
Estilos para el login...
-----------------------------------------------------------*/

#loadingsubmit
{
    display:none;
	margin-left:34px;
    color:#14A2D5;
    font-size:18px;
    font-family:"Roboto-Thin";
    transition: all 500ms linear;
}


body#loginbody
{
    /*background-color: transparent;
    background-image: url(images/bg_login.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    */
    background-color:#EAEFF2;
    margin: 0;
    padding: 0;
    font: normal 12px "Roboto-Regular","Segoe UI" , Arial, Helvetica, Sans-serif;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#loginlogo
{
    background-image: url(images/logo_intertelweb.png);
    background-repeat: no-repeat;
    background-position:top center;
    width: 708px;
    height: 56px;
    margin: 25px auto 0;
}


#logoIntertelOffline
{
    background-image: url(images/logo_intertel_noversion.png);
    background-position:top center;
    background-repeat: no-repeat;
    width: 464px;
    height:119px;
    margin:0 auto ;
}

#loginOfflineMessage { 
    background-image: url(images/IPR_offline_message_gen.png); 
    width: 561px;  
    height: 185px; margin: 0 auto; 
    margin-top: 50px; 
}

#loginEmptyMessage { 
    background-image: url(images/IPR_offline_message_empty.png); 
    width: 561px;  
    height: 185px; margin: 0 auto; 
    margin-top: 50px; 
}

#loginEmptyMessage div 
{
    padding:35px 25px 0 150px;
    color:#4C5958;
    font-size:15px;
}

#loginslogan
{
    background-image: url(images/slogan.png);
    background-repeat: no-repeat;
    width: 429px;
    height: 17px;
    margin: 15px auto 0;
}

#loginpanel
{
    
    /*background-image: url("images/login_panel.png");
    background-repeat: no-repeat;
    background-color:transparent;*/
    background-color:#fff;
    width: 500px;
    /*height: 300px;*/
    margin: 20px auto 10px;
    box-shadow:0 10px 80px rgba(81,122,145,0.2);
    transition: all 500ms linear;
    background-image:linear-gradient(#EAEFF2 0%, #FFF 25%, #FFF 75%, #EAEFF2 100%);
    border:1px solid #FFF;
    border-width:3px 1px 2px;




    border-radius: 5px;
}

#loginpanel:hover
{
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
    box-shadow:0 10px 50px rgba(81,122,145,0.3);
    transition: all 300ms linear;

}


#loginTitle
{
    font-size:38px;
    font-family:"Roboto-Thin","Segoe UI", Arial, Sans-Serif;
    letter-spacing:-2px;
    color:#528DAD;
    background: -webkit-linear-gradient(#B4CDDB, #528DAD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align:center;
    padding-top:5px;

}


#loginpanel fieldset
{
    padding-top: 20px;
    width:380px;
    margin:0 auto;
    border: 0 none;
    display: block;
    background-color: transparent !important;
}

#loginpanel label
{
    font: normal 14px "Roboto-Light","Segoe UI" , Arial, Helvetica,Sans-serif;
    color: #000;
    width:380px;
    text-align:left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#btSubmitLogin
{
    color: #fff;
    font: normal 17px "Roboto-Regular","Segoe UI" , Arial, Helvetica,Sans-serif;
    padding: 6px 45px;
    background-color: #0184ef;
    position: relative;
    border: 1px solid #0c578f;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 1px white inset, 0 0 1px white inset, 0px 4px 0px rgba(17, 17, 17, 0.12);
    -webkit-box-shadow: 0px 4px 0px rgba(17, 17, 17, 0.12);
    box-shadow: 0 0 1px white inset, 0px 4px 0px rgba(17, 17, 17, 0.12);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff0184ef,endColorstr = #ff0159a0,GradientType = 0) progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 4,Color = #1f111111,Positive = true)";
    background-image: linear-gradient(-90deg, rgb(1,132,239) 0%, rgb(1,89,160) 97%);
    transition: all 1500ms linear;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#btSubmitLogin:hover
{
    background-color: #12adff;
    border: 1px solid #0069b7;
    -moz-box-shadow: 0 0 1px white inset, 0 0 1px white inset, 0px 4px 0px rgba(17, 17, 17, 0.12);
    -webkit-box-shadow: 0 0 1px white inset, 0 0 1px white inset, 0px 4px 0px rgba(17, 17, 17, 0.12);
    box-shadow: 0 0 1px white inset, 0 0 1px white inset, 0px 4px 0px rgba(17, 17, 17, 0.12);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff12adff,endColorstr = #ff1276d2,GradientType = 0) progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 4,Color = #1f111111,Positive = true)";
    background-image: linear-gradient(-90deg, rgb(18,173,255) 0%, rgb(18,118,210) 99%);
    transition: all 1500ms linear;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#btSubmitLogin:active
{
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5) inset;
    box-shadow: 0 1px 3px rgba(0,0,0,.5) inset;
}

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #F3FCFE inset;
    /*-webkit-text-fill-color: #177AAE !important;*/
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

#btnsubmit
{
    background-color: transparent;
    background-color:#177BAF;
    
    cursor: pointer;
    font: normal 18px "Roboto-Medium","Segoe UI" , Arial, Helvetica,Sans-serif;
    color:#FFF;
    width: 200px;
    padding:10px;
    transition: all 500ms linear;
    border-radius:3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#btnsubmit:hover
{
    background-image:linear-gradient(180deg,rgb(20,163,213) 0%,rgb(28,139,195) 100%);
    background-color:#14A2D5;
    background-color:#233645;
    border:2px solid #233645;
}
#btnsubmit:active {
    background-color:#FFF;
    border:2px solid #AEAEAE;
    color:#233645 !important;
     transition: all 300ms linear;
}

#btnback
{
    background-color: transparent;
    background-color:#177BAF;
    
    cursor: pointer;
    font: normal 18px "Roboto-Medium","Segoe UI" , Arial, Helvetica,Sans-serif;
    color:#FFF;
    width: 200px;
    padding:10px;
    transition: all 500ms linear;
    border-radius:3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#btnback:hover
{
    background-image:linear-gradient(180deg,rgb(20,163,213) 0%,rgb(28,139,195) 100%);
    background-color:#14A2D5;
    background-color:#233645;
    border:2px solid #233645;
}
#btnback:active {
    background-color:#FFF;
    border:2px solid #AEAEAE;
    color:#233645 !important;
     transition: all 300ms linear;
}





#btnback
{
    background-color: transparent;
    background-color:#177BAF;
    
    cursor: pointer;
    font: normal 18px "Roboto-Medium","Segoe UI" , Arial, Helvetica,Sans-serif;
    color:#FFF;
    width: 200px;
    padding:10px;
    transition: all 500ms linear;
    border-radius:3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#btnback:hover
{
    background-image:linear-gradient(180deg,rgb(20,163,213) 0%,rgb(28,139,195) 100%);
    background-color:#14A2D5;
    background-color:#233645;
    border:2px solid #233645;
}
#btnback:active {
    background-color:#FFF;
    border:2px solid #AEAEAE;
    color:#233645 !important;
     transition: all 300ms linear;
}
#UserName, #Password, #CaptchaResult
{
    background-color: #fff;
    border: 1px solid #D6DDDE; /*background-color: #c6d7df;     background-image: -moz-linear-gradient(55% -24% -90deg, rgb(198,215,223) 0%, rgb(241,245,246) 100%);     background-image: -webkit-gradient(linear,  55% -24%, 55% 76%, color-stop(0, rgb(198,215,223)), color-stop(1, rgb(241,245,246)));     background-image: -webkit-linear-gradient(-90deg, rgb(198,215,223) 0%, rgb(241,245,246) 100%);     background-image: -o-linear-gradient(-90deg, rgb(198,215,223) 0%, rgb(241,245,246) 100%);     background-image: linear-gradient(-90deg, rgb(198,215,223) 0%, rgb(241,245,246) 100%);*/
    width: 380px;
    padding: 10px;
    margin-bottom:5px;
    font: normal 14px "Roboto-Regular","Segoe UI", Arial, Helvetica, Sans-serif;
    color: #8D98A5; /*border: 1px solid #9daab9;     -moz-border-radius: 3px;     -webkit-border-radius: 3px;     border-radius: 3px;     -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.47);     -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.47);     box-shadow: 0px 1px 0px rgba(255,255,255,0.47);          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #ffc6d7df,endColorstr = #fff1f5f6,GradientType = 0) progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #78ffffff,Positive = true);     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = #ffc6d7df,endColorstr = #fff1f5f6,GradientType = 0) progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #78ffffff,Positive = true)";     */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#UserName:hover, #Password:hover, #CaptchaResult:hover {
    border-color:#909AA0;
}

::-webkit-input-placeholder { color: #8D98A5; }
:-moz-placeholder           { color: #8D98A5; }
::-moz-placeholder          { color: #8D98A5; }
:-ms-input-placeholder      { color: #8D98A5; }

#captchaImg
{
    height:30px;
    width:130px; 
    vertical-align: middle;
}
.validation-input-error
{
    width: 350px;
    padding: 8px 10px;
    color: #000 !important;
    font: normal 13px;
    background-color: #FFEAC4;
    height: auto;
    display: block;
    text-align: left !important;
}

.validation-summary-errors
{
    width: 350px;
    margin: 10px auto;
    padding: 8px 10px;
    color: #fff !important;
    font: normal 13px; /*-moz-border-radius: 4px;     -webkit-border-radius: 4px;     border-radius: 4px;*/
    background-color: #B20026; /*border: 1px solid #950022;     -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5);     -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);     box-shadow: 0px 1px 2px rgba(0,0,0,.5);*/
    height: auto;
    display: block;
}

.validation-summary-errors span
{
    margin: 0;
    padding: 0;
}

.validation-summary-errors ul
{
    display: none;
    margin: 0;
}

#loginfooter
{
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 33px;
}

#loginfooter #footer_copyright
{
    float: left;
    vertical-align: bottom;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 10px;
    color: #7a7e83;
}

#loginfooter #footer_logo
{
    float: right;
    margin-right: 15px;
}


.forget-link:link 
{
    text-decoration:none;
    color:#14A2D5;
    font-size:16px;
    font-family:"Roboto-Light";
}

.forget-link:hover
{
    text-decoration:underline;
    color:#233645;
}



.recommendedBrowsers
{
    margin-top:30px; 
    right:0; 
    text-align:center; 
    color: #7F9EAF; 
    font-size: 11px;
}






/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    /*background-color: #DFE6EA;*/
    background-color:#FFF;
    font-size: 12px;
    font-family: "Roboto-Regular","Segoe UI" , Arial, Helvetica, "Trebuchet MS" , Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*height: 100%;*/
}
div#superContainer
{
    /*min-height: 100%;*/
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, footer, nav, section
{
    display: block;
}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2
{
    margin: 0;
    color: #005B9F;
    font-size: 19px;
    padding: 5px 10px;
    text-shadow: 0 1px 1px #F0F0F0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */

.page
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

header, #Header
{
    position: relative;
    background-image: url(images/bg_header.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    min-height: 95px;
    border-bottom:5px solid #233645;
}


header h1, #header h1
{
    font-weight: normal;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main
{
    width: 100%;
    overflow:auto;
    overflow-x:hidden;
    /*margin-top:65px;*/
}
/*
#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}*/

footer, #footer
{
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    font-weight:normal;
}

/* TAB MENU
----------------------------------------------------------*/


#menu_container
  {
      width:400px;
      margin-left:20px;
      overflow: auto;
      overflow-x:hidden;
  }

/*#menu_container::-webkit-scrollbar-track
{
	border-radius: 0px;
	background-color: #C6D7E1;
}

#menu_container::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}

#menu_container::-webkit-scrollbar-thumb
{
	border-radius: 1px;
	background-color: #97B2C1;
}*/


.menu_container
{
    margin-bottom: -4px;
}

ul#menu
{
    /* border-bottom: 1px #5C87B2 solid;*/
    padding: 0;
    position: relative;
    margin: 0;
    margin-bottom:1px;
    text-align: left;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: normal;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
   
    background-position: left top;
    padding: 5px 12px;
    text-decoration: none;
    line-height: 2.4em;
    color: #404D5B;
    background-color: rgba(213,226,233,0.5);
    font-family: "Roboto-Medium","Segoe UI" , Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: normal;
    color: #333b3f;
    text-align: center;
    letter-spacing: -.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

ul#menu li a:hover
{

    background-color:rgba(255,255,255,0.3);
    background-position: left top;
}

ul#menu li a:active, ul#menu li a.active
{
    background-color: #233645;
    background-image: none;
    background-image:linear-gradient(180deg,rgb(52,80,101) 0%,rgb(35,54,69) 100%);
    color: #ABCDCF;

}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/

fieldset
{
    /*border: 1px solid #ddd;*/
    border: none;
    padding: 15px;
    background-color: #DFE6EA;
    margin: 0px 0 10px 0;
    border-top: 0px solid #B5BFC6;
}

legend
{
    font-size: 1.2em;
    font-weight: normal;
    background-color: #0053A4;
    padding: 4px 10px;
    margin-top: -27px;
    margin-left: -15px;
    display: block;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 5px solid #00478F;
}

textarea
{
    min-height: 75px;
}

input[type="text"], input[type="password"]
{
    padding: 3px 3px 2px 3px;
    color: #444;
    border-radius:0;
    background-color: #ffffff;
    border: 1px solid #aab4b8;
    font: normal 12px "Roboto-Regular","Segoe UI",Arial, Helvetica, Sans-serif;
    border-radius: 0;

}

select
{
    background:#fff;
    padding: 2px;
    color: #444;
}
option:hover
{
    background-color: #000000;
    color: #ffffff;
}

input[type="submit"]
{
    font-size: 1.2em; /*padding: 5px;*/
}

#DateFrom
{
    width: 8em;
}
#DateTo
{
    width: 8em;
}

/* TABLE
----------------------------------------------------------*/

table
{
    /* border: solid 1px #e8eef4;*/
    border-collapse: collapse;
}

table td
{
    /*padding: 5px;     border: solid 1px #e8eef4;*/
}
/*
table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}*/

/* TABLE
----------------------------------------------------------*/

.tableDeclare
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    padding: 5px;
    border: solid 1px #e8eef4;
}

table td
{
}
/*
table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}*/

/* MISC
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

label.error
{
    /*background-color: Red;*/
    display:block;
    color:red;
    padding: 5px 10px;
    font-weight:normal;
}


input[type=text].error,input[type=password].error, textarea.error, select.error
{
    border:1px solid  Red;
    color:Red;
}


nav, #menucontainer
{
    margin: 10px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    /*font-size: 1.1em;*/
    display: block;
    /*text-align: right;*/
    margin: 5px;
    color: #333;
    vertical-align:top;
    line-height:32px;
}

#logindisplay a:link
{
    color: #333;
    text-decoration:none;
}

#logindisplay a:visited
{
    color: #333;
    text-decoration:none;
    
}

#logindisplay a:hover
{
    color: #333;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
/*
.validation-summary-errors
{
    font-weight: normal;
    color: #ff0000;
}*/

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
    font-size: 13px;
    font-weight: normal;
    color: #000;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

#header_username
{
    margin: 0 5px;
    display: inline-block;
    font-size: 11px;
    vertical-align: top;
    margin-top: 2px;
}

#siteLogo
{
    margin-left: 5px;
    max-height: 60px;
    max-width: 250px;
}

#siteName
{
    margin-left: 15px;
}

/*#btn_config
{
    background-image: url(images/btn_help_logout.png);
    width: 32px;
    height: 32px;
    background-position: -32px 0;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    text-indent: -9000px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: inline-block;
}
#btn_config:hover
{
    background-position: -32px -32px;
}
#btn_config:active
{
    background-position: -32px -64px;
}


#btn_ayuda
{
    background-image: url(images/btn_help_logout.png);
    width: 32px;
    height: 32px;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    text-indent: -9000px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: inline-block;
}
#btn_ayuda:hover
{
    background-position: 0px -32px;
}
#btn_ayuda:active
{
    background-position: 0px -64px;
}

#btn_logout
{
    background-image: url(images/btn_help_logout.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-position: -64px 0;
    background-color: transparent;
    overflow: hidden;
    text-indent: -9000px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: inline-block;
}*/
/*
#btn_help
{
    background-image: url(images/btn_help_logout.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-position: 1px 5px;
    background-color: transparent;
    overflow: hidden;
    text-indent: -9000px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: inline-block;
}*/

#btn_logout:hover
{
    background-position: -64px -32px;
}
#btn_logout:active
{
    background-position: -64px -64px;
}
.button_log_container
{
    margin: 15px 16px 8px;
}

#siteSelect
{
    /*color: #484848;*/
    font-family: "Roboto-Regular","Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #525D62;
    border: 1px solid #AAB4B8;
    padding: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*width: 135px;*/
}

.fcategories
{
    background-image: url(images/fcategory.png);
    background-repeat: repeat-x;
    background-color: #005E97;
    font: normal 13px "Roboto-Regular","Segoe UI" , Arial, Helvetica, Sans-serif;
    padding: 8px 10px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0,0,0,.5);
    text-align: left;
}

#tooltips_desc
{
    background-image: /*url(images/arrow_blue.png),*/ url(images/bg_tooltips.gif);
    background-position: /*10px 15px,*/ left top;
    background-repeat: /*no-repeat,*/ repeat-x;
    background-color: #D2DBE0;
    padding: 10px 30px 10px 30px;
    font: normal 13px "Roboto-Regular","Segoe UI" , Arial, Helvetica, Sans-serif;
    color: #333B3F;
    min-height: 20px;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    text-align: left;
}

#reports
{
    background-color: #C8D2D7;    
}

.fgradient td
{
    background-image: url(images/bg_content_gradient.gif);
    background-repeat: repeat-x;
    border-top: 1px solid #C8D2D7;
}

select, input[type=text]
{
    background-color: #ffffff;
    border: 1px solid #aab4b8; /*-moz-border-radius: 2px;     -webkit-border-radius: 2px;     border-radius: 2px;     -moz-box-shadow: inset 0px 1px 2px rgba(44,44,44,0.32);     -webkit-box-shadow: inset 0px 1px 2px rgba(44,44,44,0.32);     box-shadow: inset 0px 1px 2px rgba(44,44,44,0.32);*/
    font: normal 12px "Roboto-Regular","Segoe UI",Arial, Helvetica, Sans-serif;
    border-radius:0;
}

.report_button
{
    background-color: #d2dbe0;
    background-image: -moz-linear-gradient(43% 0% -90deg, rgb(210,219,224) 0%, rgb(184,195,201) 99%, rgb(185,196,202) 97%);
    background-image: -webkit-gradient(linear, 43% 0%, 43% 98%, color-stop(0, rgb(210,219,224)), color-stop(0.99, rgb(184,195,201)), color-stop(0.97, rgb(185,196,202)));
    background-image: -webkit-linear-gradient(-90deg, rgb(210,219,224) 0%, rgb(184,195,201) 99%, rgb(185,196,202) 97%);
    background-image: -o-linear-gradient(-90deg, rgb(210,219,224) 0%, rgb(184,195,201) 99%, rgb(185,196,202) 97%);
    background-image: linear-gradient(-90deg, rgb(210,219,224) 0%, rgb(184,195,201) 99%, rgb(185,196,202) 97%);
    border-color: #ced7dc;
    border-width: 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-style: solid;
    padding: 5px;
    margin: 3px;
    margin-bottom: 10px;
    min-height: 90px;
    width: 80px;
}

.report_button:hover
{
    background-color: #fff;
    background-repeat: repeat-x;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #f5f5f5;
    background-image: linear-gradient(-90deg, rgb(245,247,248) 0%, rgb(210,219,224) 98%, rgb(211,220,225) 96%);
}

.report_button.active
{
    border: 1px solid #566066;
    background-color: #465156;
    background-repeat: repeat-x;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: linear-gradient(-90deg, rgb(120,131,136) 0%, rgb(70,81,86) 97%);
}

.report_button a
{
    font: normal 12px "Roboto-Regular","Segoe UI" , Arial, Helvetica, Sans-serif;
    color: #000;
    text-decoration: none;
    padding: 5px 3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.report_button:hover a
{
    text-shadow: 0 1px 0 #fff;
}
.report_button.active a
{
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.button_description
{
    display: none;
}



/*----------------------------------------------------------
Estilos para los filtros de los reportes
-----------------------------------------------------------*/

#interactiveSection
{
    /*background-color: #DFE6EA/*#C8D2D7;*/
    margin-left: 5px;
    padding: 10px 10px 37px 10px;
}

/*
#interactiveSection *
{
    font: normal 12px "Roboto-Regular","Segoe UI" , Arial, Helvetica, Sans-serif;
}*/

#interactiveSection .h2
{
    font-size: 13px;
    width: 650px;
    font-weight: normal;
    text-align: center;
    padding: 0 10px 5px 10px;
    color: #3E444C; /*#005B9F;*/
}

.ftitle
{
    /*background-color: #E2EDF3;*/
    background-color: #DCE7EC;
    border-bottom: 1px solid #BBC4C9;
    padding: 6px;
    text-align: left;
}

.table_filters
{
    border-collapse: separate;
    background-color:#fff;
    /*background-color: #D2DBE0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/
    border-radius: 0px;
}


.table_filters tr  th
{
    font-family: "Roboto-Bold","Segoe UI", Arial, Helvetica, Sans-serif !important;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.table_filtersEspeciales
{
    background-color:#FFF;
    /*background-color: #D2DBE0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/
    border-radius: 0px;
}
.table_programmed
{
    border-collapse: separate;
    background-color: transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0px;
}

.table_suscript textarea
{
    min-height: 30px;
    width:98%;
}

.table_suscript input
{
    width:98%;
}


.table_reportmanager tbody td.nobg
{
    background-color:transparent !important;
    background-image:none !important;
}

.tdTitleNoBg
{
    background-image: none !important;
    background-color: transparent !important;
        
}
.table_reportmanager, .table_report_nomargin
{
    border-collapse: separate; /*background-color: #D2DBE0;*/
    background-color: #fff/*#E6F1F8*/;
}

.table_reportmanager th, .table_reportmanager thead tr th, .table_report_nomargin th, .table_report_nomargin thead tr th
{
    background-color:#fff;
    color:#000;
    font: normal 12px "Roboto-Bold","Segoe UI", Arial, Helvetica, Sans-serif !important;
    /*padding: 8px 10px !important;*/
    padding: 8px 0px !important;
    text-align: left;
    border-bottom:2px solid #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.table_report_nomargin th, .table_report_nomargin thead tr th { padding: 8px 0 !important; }
.table_report_nomargin th span.al, .table_report_nomargin thead tr th span.al { padding-left:10px; }
.table_report_nomargin th span.ar, .table_report_nomargin thead tr th span.ar { padding-right:10px; }
.table_reportmanager th:first-child, .table_reportmanager thead tr th:first-child { border-left: none !important; }
.table_reportmanager th:last-child, .table_reportmanager thead tr th:last-child { border-right: none !important; }


.table_reportmanager td
{
    font-size: 12px;
    font-weight: normal;
    /*border-bottom: 1px solid #CBDCE7;
    border-top: 1px solid #fff; /*font-family:Arial, Helvetica, Sans-Serif;*/
    border-bottom:1px dotted #DFE6EA;
    padding:6px 0;
}

/*Declaration detailed -------------------------------------------*/
.table_detail
{
 /*width :95%;
 float:right;*/
 background:#fff;
}
.table_detail th
{
    /*background-color: #005E97;*/
    padding: 2px  !important;
    /*background-color: #DBDFE3 !important;*/
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    border-left:none !important;
    border-right:none !important;
    font: normal 10px Arial, Helvetica, Sans-serif;
    color: #000; /*#77898E; border-bottom: 5px solid #AFC4D6;*/
    text-align: left;
    /*border-right: 1px solid #CCD2D7 !important;
    border-left: 1px solid #FFF !important;
    */
    border-bottom:2px solid #000;
}

.table_detail td
{
    padding: 2px;
    font-size: 10px !important;
    font-weight: normal !important;
    border:none !important;
    /*border-bottom: 1px solid #DCE8EF !important;
    border-top: 1px solid #fff !important;
    background-color: #E3E7EA;*/
    text-align: left;
}

.detailToggle
{
    display: inline;
    /*float: left;*/
    padding-left: 10px;
    /*background-color: #C8CED5;*/
    cursor: pointer;
    height:100%;
    padding-right: 8px;
}
.detailToggle:hover
{
    /*background-color: #DDE1E6;*/
}

.numericCell
{
    text-align:right !important; 
    padding-right:10px !important;   
}

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

.odd
{
    background-color: #DCE3E7;
}

.tr_active
{
    background-color: #fff;
}

.tr_active td
{
    /*border-top: 1px dotted #A3BAE9;
    border-bottom: 1px dotted #CBDCE7;*/
}
.tr_active td:first-child
{
    /*border-left: 1px dotted #A3BAE9;*/
}

.tr_active td:last-child
{
    /*border-right: 1px dotted #A3BAE9;*/
}

.gradient_filters
{
    background-image: url(images/bg_gradient_filters.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 10px;
    padding-top: 20px;
}

.gradient_filters_small
{
    background-image: url(images/bg_gradient_filters_small.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 10px;
    padding-top: 20px;
}

.ico_option
{
    padding: 4px 5px;
    margin-left: 3px;
    font: normal 12px "Roboto-Regular","Segoe UI" , Arial, Helvetica, Sans-serif !important;
    color: #000 !important;
    text-decoration: none !important;
    background-color: #e4eaed;
    border-color: #bcc9cf;
    border-width: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.06);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #1a000000,Positive = true);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #1a000000,Positive = true)";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico_option:hover
{
    background-color: #F7F8F9;
}

.ico_option_del
{
    padding: 4px 5px;
    margin-left: 3px;
    font: normal 12px "Roboto-Regular","Segoe UI" , Arial, Helvetica, Sans-serif !important;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #a41523;
    border-color: #84111d;
    border-width: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.12);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #1f000000,Positive = true);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #1f000000,Positive = true)";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico_option_del:hover
{
    background-color: #BD1728;
    border-color: #9A1422;
}

.gradient_header_title
{
    padding: 7px 15px;
    background-color: #a9b4bc;
    background-image: linear-gradient(-90deg, rgb(169,180,188) 0%, rgb(210,219,224) 96%);
    }

.wdetails
{
    width: 250px;
}

.msg_warning_red
{
    background-image: url(images/ico/ico_warning.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #A41523;
    border-width: 4px 0;
    border-style: solid;
    border-color: #84111D;
    padding: 12px 20px 12px 55px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-shadow: 0 1px 1px #000;
    margin: 10px 0;
}
footer
{
    /*float:right;    margin-top:10px;    margin-right:10px;*/
    height: 20px;
    margin: 0;
    padding: 3px 10px 3px 0;
    background-color: transparent;
    text-align: right;
    position: fixed;
    /*background-color: #DFE6EA;*/
    background-color:#fff;
    width: 100%;
    bottom: 0;
    right: 0;
    height: 20px;
    color:#707B80;
    font-family: "Roboto-Regular","Segoe UI",Arial,Helvetica,Sans-Serif;
    font-size: 11px;
    font-style: italic;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#btSubmit, .btSubmit
{
    background-color:#0277BD;
    border: 2px solid #0277BD;
    border-radius: 3px !important;
    color: #FFFFFF !important;
    /*text-transform:uppercase !important;*/
    text-decoration: none !important;
    margin-top: 8px;
    font: normal 14px "Roboto-Regular","Segoe UI" , Arial, Helvetica,Sans-serif !important;
    padding: 6px 20px;
    position: relative;
    display: inline-block;
    transition: all 500ms linear;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#btSubmit:hover, .btSubmit:hover
{
    background-color:#233645;
    border:2px solid #233645;
}

#btSubmit:active, .btSubmit:active
{
    background-color:#FFF;
    border:2px solid #233645;
    color:#233645 !important;
     transition: all 300ms linear;
}

#btSubmit:disabled, .btSubmit:disabled
{
    background-color:#DAE4EB !important;
    border:2px solid #DAE4EB  !important;
    border-radius: 3px;
    color: #ADC6D3 !important;
    font: normal 14px "Roboto-Medium","Segoe UI" , Arial, Helvetica,Sans-serif !important;
    text-decoration: none !important;
    /*text-transform:uppercase;*/
    text-shadow:1px 1px 0 #f5f5f5;
    margin-top: 8px;
    padding: 6px 20px;
    position: relative;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#btSubmitDisabled, .btSubmitDisabled
{

    background-color:#DAE4EB;
    border:2px solid #DAE4EB;
    border-radius: 3px;
    color: #ADC6D3 !important;
    font: normal 14px "Roboto-Medium","Segoe UI" , Arial, Helvetica,Sans-serif !important;
    text-decoration: none !important;
    text-shadow:1px 1px 0 #f5f5f5;
    /*text-transform:uppercase;*/
    margin-top: 8px;
    padding: 8px 25px;
    position: relative;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#submit-all, .submit-all
{
    background-color:#0277BD;
    border: 2px solid #0277BD;
    border-radius: 3px;
    color: #FFFFFF !important;
    text-transform:uppercase !important;
    text-decoration: none !important;
    margin-top: 20px;
    font: normal 14px "Roboto-Medium","Segoe UI" , Arial, Helvetica,Sans-serif !important;
    padding: 6px 20px;
    position: relative;
    display: inline-block;
    transition: all 500ms linear;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#submit-all:hover, .submit-all:hover
{
    background-color:#233645;
    border:2px solid #233645;
}

#submit-all:active, .submit-all:active
{
    background-color:#FFF;
    border:2px solid #233645;
    color:#233645 !important;
     transition: all 300ms linear;
}

#submit-all:disabled, .submit-all:disabled
{
    background-color:#DAE4EB !important;
    border:2px solid #DAE4EB  !important;
    border-radius: 3px;
    color: #ADC6D3 !important;
    font: normal 14px "Roboto-Medium","Segoe UI" , Arial, Helvetica,Sans-serif !important;
    text-decoration: none !important;
    text-transform:uppercase;
    margin-top: 20px;
    padding: 8px 25px;
    position: relative;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-datepicker-trigger
{
    /*display:table-cell;*/
    vertical-align: top;
    margin-top:0px;
}

.nomargin
{
    margin: 0 !important;
}

.arrow_tooltip
{
    background-image: url(images/arrow_blue.png);
    background-position: top left;
    width: 7px;
    height: 9px;
    margin-right: 10px;
    display: inline-block;
}

.filter_checkboxes
{
    background-color: #ffffff;
    border: 1px solid #B5BFC7;
    overflow: auto;
    max-height: 150px;
    width: 250px;   
    /*width: 322px;*/
}
.filter_checkboxesEspeciales
{
    background-color: #ffffff;
    border: 1px solid #B5BFC7;
    overflow: auto;
    max-height: 60px !important;
    width: 250px;   
    /*width: 322px;*/
}
.filter_SitesEspeciales
{
   
    overflow: auto;
    max-height: 70px !important;
    
    /*width: 322px;*/
}
#login_error_msg
{
    display: none;
}

#msgerror
{
    display: none;
    text-align: center;
    font-size: 15px;
    font-family:"Roboto-Light", "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    background-color: #B12037;
    padding: 20px;
    background-image: url(images/la_x.png);
    background-position: 99% center;
    background-repeat: no-repeat;
    box-shadow:0px 8px 0px rgb(200,213,221) ,inset 0px -1px 0px rgb(154,13,48) ,inset 0px -2px 0px rgb(207,56,64);
    margin-bottom:8px;
    cursor:pointer;

}

#msgerror:hover {
    background-color:#C1203D;
    background-image: url(images/la_x_hover.png);
    /*background-position: 99% center;
    background-repeat: no-repeat;
    box-shadow:0px 8px 0px rgb(200,213,221) ,inset 0px -1px 0px rgb(154,13,48) ,inset 0px -2px 0px rgb(207,56,64);
    margin-bottom:8px;
    cursor:pointer;*/
    
}
#msgerror strong
{
    color: #ffc;
}

.x-tool
{
    background: none no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 15px;
    margin-left: 2px;
    margin-top: -5px;
    margin-right: -5px;
    overflow: hidden;
    width: 15px;
}

.x-tool
{
    background-image: url("images/ico/tool-sprites.gif");
}

.x-tool-close
{
    background-position: 0 0;
}

.x-tool-close:hover
{
    background-position: -15px 0;
}

.ulclass  
 {
     width: 400px; 
     height: 150px; 
     padding: 2em; 
     margin: 10px; 
     color:#ddd; 
     list-style: none; 
     overflow:scroll; 
     overflow-x:hidden;
}
  
#selectable .ui-selecting 
{ 
    background: #007CBA; 
    color: white;
}
#selectable .ui-selected  
{
    background: #008BCE; 
    color: white; 
}
#selectable  
{
    background:#fff; 
    list-style-type: none; 
    margin: 0; 
    padding: 0;  
}
#selectable li  
{
    margin: 3px; 
    padding: 3px; 
    color:#000; 
    height: 18px; 
 }

#droppable .ui-selecting 
{
    background: #007CBA;
    color: white; 
}
#droppable .ui-selected  
{
    background: #008BCE; 
    color: white; 
}
#droppable  
{
    background:#fff; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
}
#droppable li  
{
    margin: 3px; 
    padding: 3px; 
    color:#000; 
    height: 18px;    
}
/*---------------------------------------------
    Estilos para Toolbar Report Viewer
---------------------------------------------*/
.ToolBarLink
{
    color:red;
    display:inline;
    vertical-align:middle;
    margin-right: 20px;
}
.reportOptionsLabel
{
    font-size:x-large;    
    cursor:pointer;   
}
.reportOptionsLabel:hover
{
    color:Gray;
}

.reportFilter
{
    font-weight:normal;   
    display:inline-block;
    margin-right:5px;
    width:100px;
}
.reportFilterValue
{
    display:inline;
    font-style:italic;    
}
/*---------------------------------------------
    Estilos para Reportes Sección Agrupada
---------------------------------------------*/
.Group
{
    margin-left: 15px;
    font-family: helvetica;    
}
.GroupHeader
{
    font-size: 14px;
    font-weight: normal;
    color: #36A;
    }
.GroupItem
{
    color: #5296D5;
    font-size: 11px;
    font-weight: normal;
    margin-left: 10px;  
    cursor:pointer;
}
.Search
{
    margin-left: 15px;
    font-family: helvetica; 
    }
.SearchHeader
{
    font-size: 14px;
    font-weight: normal;
    color: #36A;
    }
.SearchEditor
{
    }
.SearchLabel
{
    color: #5296D5;
    font-size: 11px;
    font-weight: normal;
    margin-left: 10px;  
    display:inline;
    }
.SearchValue
{
    /*color: #5296D5;*/
    font-size: 11px;
    font-weight: normal;
    margin-left: 10px;  
    cursor:pointer;
    display:inline;
    }
  /*
 Estilo para el reporte inicial MENU
*/
a {
	text-decoration: none;
}
#example1,
#example5 {
	float: left;
}
.expand_all,
.collapse_all {
	cursor: pointer;
}
.example_menu {
	font-size: 90%;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 136px;
}
.example_menu ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu1,
#menu5 {
	margin: 0;
}
#menu1 li,
#menu5 li,
.example_menu li {
	background-image: none;
	margin: 0;
	padding: 0;
    width:364px;
}
.example_menu ul ul {
	display: block;
}
.example_menu ul ul li a {
	padding-left: 20px;
	text-decoration:none;
	width: 385px;
}
.example_menu a {
	color: #fff;
	text-decoration:none;
	cursor: pointer;
	display: block;
	font-weight: normal;
	margin-left: 0;
	padding: 6px 10px 4px 10px;
	width: 364px;
}

.example_menu:first-child a.expanded,  .example_menu:first-child a.collapsed
{
    border-top:none !important;
}
		
.example_menu a.expanded, .example_menu a.collapsed {
    
	/*background-color:#0060A4 #0087CB;*/
    background-color:#1093BF;
    /*background-image:linear-gradient(180deg,rgb(23,123,175) 0%,rgb(16,147,191) 100%);*/
    background-image: linear-gradient(180deg,#0c73b1 0%,#318ec5 100%);
	border-top:1px solid #fff;
	text-decoration:none;
	font-family:"Roboto-Regular","Segoe UI Light", "Segoe UI", Arial, Helvetica, Sans-Serif;
	font-size:14px;
	font-weight:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

		
.example_menu a.expanded span 
{
	float:right;
	width: 12px;
	height: 17px;
	/*background:url(images/collapse.gif) no-repeat 0px 50%;*/
}
.example_menu a.collapsed span
{
	float:right;
	width: 12px;
	height: 17px;
	/*background:url(images/expand.gif) no-repeat 0px 50%;*/
}
		
/*		
.example_menu a.collapsed {
	
	background-color:#0060A4;
	border-top:1px solid #4088BB;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	background: #bbb url('images/expand.gif') no-repeat 0px 50%;
	background-color:#009de1;
	background-image: -moz-linear-gradient(top, rgb(0,157,225) 0%, rgb(0,95,152) 100%); 
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(0,157,225)), color-stop(0.98, rgb(0,95,152)));
	background-image: -webkit-linear-gradient(-90deg, rgb(0,157,225) 0%, rgb(0,95,152) 98%); 
	background-image: -o-linear-gradient(-90deg, rgb(0,157,225) 0%, rgb(0,95,152) 98%);
	background-image: linear-gradient(to bottom, rgb(0,157,225) 0%,rgb(0,95,152) 100%); 
	-moz-box-shadow:inset 0px 1px 0px rgb(84,191,236);
	-webkit-box-shadow:inset 0px 1px 0px rgb(84,191,236);
	box-shadow:inset 0px 1px 0px rgb(84,191,236);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff009de1,endColorstr = #ff005f98,GradientType = 0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff009de1,endColorstr = #ff005f98,GradientType = 0)";*/
}
.example_menu a:hover {
	text-decoration: none;
}
.example_menu ul a {
	/*background-color: #D2DBE0;*/
    background-color:#D8E3EA;
	font: normal 12px "Roboto-Regular","Segoe UI","Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	display: block;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	border:1px solid transparent;
	width: 364px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	/*background: #e8e8e8;
	border-top: 2px solid #fff;
	color: #000;
	display: block;
	font-weight: normal;
	padding: 2px 2px 2px 10px;
	width: 385px;
*/
}
.example_menu ul a:link {
	font-weight: normal;
}
.example_menu ul a:hover {
	background-color:#fff;
	border:1px solid #C6D7E1;
	/*box-sizing:border-box;*/
	/*
	background : #f5f5f5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #d3dce1 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3dce1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d3dce1 100%); 
	background: -o-linear-gradient(top,  #ffffff 0%,#d3dce1 100%); 
	background: -ms-linear-gradient(top,  #ffffff 0%,#d3dce1 100%);
	background: linear-gradient(top,  #ffffff 0%,#d3dce1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3dce1',GradientType=0 ); 
	border:1px solid #f5f5f5;
	text-shadow: 0 1px 0 #FFFFFF;
	text-decoration: none;
    */
}
.example_menu li.active a {
	background: #fff;
}
.example_menu li.active li a {
	background: #54BFEC;
}


.example_menu li a.active, .example_menu li a.active:hover 
{
    
    font: normal 12px "Roboto-Regular","Segoe UI","Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background-color:#233645;
    background-image:linear-gradient(180deg,rgb(52,80,101) 0%,rgb(35,54,69) 100%);
    color:#ABCDCF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*
    background-color:#54BFEC;
    border:1px solid #0087CB;
	background: #788388; 
	background: -moz-linear-gradient(top,  #788388 0%, #465156 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#788388), color-stop(100%,#465156)); 
	background: -webkit-linear-gradient(top,  #788388 0%,#465156 100%); 
	background: -o-linear-gradient(top,  #788388 0%,#465156 100%); 
	background: -ms-linear-gradient(top,  #788388 0%,#465156 100%);
	background: linear-gradient(top,  #788388 0%,#465156 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#788388', endColorstr='#465156',GradientType=0 ); 
	border:1px solid #566066;
	box-shadow: 0 1px 0 #A2ACB1 inset;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
    */
}

.example_menus li a:hover
{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d3dce1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3dce1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d3dce1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d3dce1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d3dce1 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#d3dce1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3dce1',GradientType=0 ); /* IE6-9 */
	border:1px solid #f5f5f5;
	text-shadow: 0 1px 0 #FFFFFF;
}
		
#menu1 li.footer,
#menu5 li.footer,
.example_menu .footer {
	background: transparent url('images/footer.jpg') no-repeat 0 0;
	border-top: 2px solid #fff;
	height: 9px;
	line-height: 15px;
	margin: 0 0 10px 0;
	width: 131px;
}
.example_menu .footer span {
	display: none;
}
.itemActionFav
{
    display: inline;
    float: right;
    margin-right: 6px;
    width:17px;
    height:17px;
    text-align:center;
    vertical-align:central;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    color:#FFC800;
    font-size:14px;

}

.itemActionNoFav
{
    display: inline;
    float: right;
    margin-right: 6px;
    width:17px;
    height:17px;
    text-align:center;
    vertical-align:central;
    font-size:14px;
    /*font-size:8px;*/
    /*padding-top:2px;*/
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /*margin-top:-2px;    */
    color:#EOEOEO;
    /*font-size:18px;*/
    /*text-shadow: 1px 1px 2px #AEB3B5;*/
}
.itemActionNoFav:hover
{
    color: #FCc10a;
    font-size: 14px;
    /*text-shadow: 1px 1px 2px #AEB3B5;*/
}

div#wrapper{float:right;width:98%;margin-left:-400px; }
div#content{margin-left:400px}
div#navigation{float:left;/*overflow:auto;*/ width:400px; padding-top:15px;}

.desc_report
{
	font-size:30px; 
	color:#177AAE;
	font-weight:normal;
	font-family:"Roboto-Light","Segoe UI Light","Segoe UI","Arial";
	letter-spacing:-1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#descToggle {
    border-bottom: 3px solid #D4E0E8 !important;
}

.desc_report_no_border
{
    font-size:28px; 
	color:#0277BD;
	font-weight:normal;
	font-family:"Roboto-Thin","Segoe UI Light","Segoe UI","Arial";
	background-color:transparent !important;
    border-bottom:3px solid #D4E0E8 ;
	background-image:none;
	margin-bottom:10px;
	letter-spacing:-1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.filter_divider
{
	
	border-bottom:1px dotted #8C9193;
	
}
.lblResult
{
    margin-left:20px;    
}
.lblMensajes
{
    margin-left:20px;    
}

/*.linkEnabled
{
    text-decoration:none !important; 
    background:#E3EDF2;
    border:1px solid #BAC4CB;
    color:#000 !important;
    display:inline-block;
    padding:4px 8px;
}

.linkDisabled
{
    text-decoration:none !important;
    background:transparent;
    color:#AAB5BD !important;
    text-shadow: 1px 1px 0 #fff;
    display:inline-block;
    padding:5px 9px;
}*/

.alert-error
{
    background-color: #FCF8E3;
    color: #8A6D3B;
    padding:10px;
    margin:10px;
    border:1px solid #FAEBCC;
}

.alert-error-byZero
{
    text-align:center;
    
    background-color: #FCF8E3;
    color: #8A6D3B;
    /*padding:5px;
    margin:5px;*/
    border:1px solid #FAEBCC;
}

.alert-info-byZero
{
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #31708F;
    padding:5px;
    margin:5px;
    border:1px solid #BCE8F1;
}

.itemsSubscriptionsScroll
{
    border-bottom:2px solid #000;
    background:#fff;
    overflow-y: scroll;
    margin: 0 auto;
    width:1000px;
    height: 600px;
}

.titleReportCategory {
    background-color: #DCE7ED;
    border-bottom:2px solid #D5E2EA !important;
    padding:10px 0;
    font-family:"Roboto-Medium",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:14px !important;
}

.durationRow
{
    display:none;   
}

.reportDescription
{
    float:left;
    margin-left:10px;
    width:400px;
    
}
.reportIconInfo
{
    float:left;
    margin:0 5px 0 10px;
    cursor:help;
}

.filtersTitleLeft 
{ 
    font-size:13px; 
}

.linkNoUnderLine { text-decoration: none !important; }

.al { text-align:left !important;} 
.ac { text-align:center !important;} 
.ar { text-align:right !important;} 
.aj { text-align:justify !important;} 

.m-l-0 { margin-left:0px !important; }
.m-l-5 { margin-left:5px !important; }
.m-l-10 { margin-left:10px !important; }
.m-l-15 { margin-left:15px !important; }
.m-l-20 { margin-left:20px !important; }
.m-l-30 { margin-left:30px !important; }
.m-l-40 { margin-left:40px !important; }

.m-r-0 { margin-right:0px !important; }
.m-r-5 { margin-right:5px !important; }
.m-r-10 { margin-right:10px !important; }
.m-r-15 { margin-right:15px !important; }
.m-r-20 { margin-right:20px !important; }
.m-r-30 { margin-right:30px !important; }
.m-r-40 { margin-right:40px !important; }

.m-t-0 { margin-top:0px !important; }
.m-t-5 { margin-top:5px !important; }
.m-t-10 { margin-top:10px !important; }
.m-t-15 { margin-top:15px !important; }
.m-t-20 { margin-top:20px !important; }
.m-t-30 { margin-top:30px !important; }
.m-t-40 { margin-top:40px !important; }

.m-b-0 { margin-bottom:0px !important; }
.m-b-5 { margin-bottom:5px !important; }
.m-b-10 { margin-bottom:10px !important; }
.m-b-15 { margin-bottom:15px !important; }
.m-b-20 { margin-bottom:20px !important; }
.m-b-30 { margin-bottom:30px !important; }
.m-b-40 { margin-bottom:40px !important; }

.mar-0, .nomargin { margin:0px !important; }
.mar-5 { margin:5px !important; }
.mar-10 { margin:10px !important; }
.mar-15 { margin:15px !important; }
.mar-20 { margin:20px !important; }
.mar-30 { margin:30px !important; }
.mar-40 { margin:40px !important; }

.p-l-0 { padding-left:0px !important; }
.p-l-5 { padding-left:5px !important; }
.p-l-10 { padding-left:10px !important; }
.p-l-15 { padding-left:15px !important; }
.p-l-20 { padding-left:20px !important; }
.p-l-30 { padding-left:30px !important; }
.p-l-40 { padding-left:40px !important; }

.p-r-0 { padding-right:0px !important; }
.p-r-5 { padding-right:5px !important; }
.p-r-10 { padding-right:10px !important; }
.p-r-15 { padding-right:15px !important; }
.p-r-20 { padding-right:20px !important; }
.p-r-30 { padding-right:30px !important; }
.p-r-40 { padding-right:40px !important; }

.p-t-0 { padding-top:0px !important; }
.p-t-5 { padding-top:5px !important; }
.p-t-10 { padding-top:10px !important; }
.p-t-15 { padding-top:15px !important; }
.p-t-20 { padding-top:20px !important; }
.p-t-30 { padding-top:30px !important; }
.p-t-40 { padding-top:40px !important; }

.p-b-0 { padding-bottom:0px !important; }
.p-b-5 { padding-bottom:5px !important; }
.p-b-10 { padding-bottom:10px !important; }
.p-b-15 { padding-bottom:15px !important; }
.p-b-20 { padding-bottom:20px !important; }
.p-b-30 { padding-bottom:30px !important; }
.p-b-40 { padding-bottom:40px !important; }

.pad-0, .nopadding { padding:0px !important; }
.pad-5 { padding:5px !important; }
.pad-10 { padding:10px !important; }
.pad-15 { padding:15px !important; }
.pad-20 { padding:20px !important; }
.pad-30 { padding:30px !important; }
.pad-40 { padding:40px !important; }

.margint5 { margin-top:5px; } .marginb5 { margin-bottom:5px; } .marginl5 { margin-left:5px; } .marginr5 { margin-right:5px; }
.padt5 { padding-top:5px; } .padb5 { padding-bottom:5px; } .padl5 { padding-left:5px; } .padr5 { padding-right:5px; } .pad5  { padding:5px; }


.icon_plus { background-image: url(images/ico/icon_plus.png); width:16px; height:16px; display:inline-block;}
.icon_minus { background-image: url(images/ico/icon_minus.png); width:16px; height:16px; display:inline-block;}


#descReport {  display:none; 
               font-size:12px !important; 
               color:#333333 !important;  
               padding:10px;
               font-family:"Roboto-Regular","Segoe UI", Arial, Sans-Serif;
               letter-spacing:0;
               background-color:#E3EBF1;
               text-align: justify;
               }


.icon-toggler 
{
    float:right;
    margin-top:5px;
    background-color:#fff;
    color:#97B2C1;
    border:3px solid #97B2C1; 
    border-radius:25px !important; 
    font-size: 18px;
    padding: 3px;
    transition: all 500ms linear;
}


.icon-toggler:hover
{
    float:right;
    margin-top:5px;
    background-color:#0277BD;
    color:#fff;
    border:3px solid #0277BD; 
    border-radius:24px; 
    font-size: 18px;
    padding: 3px;
    transition: all 500ms linear;
}

.titleDash
{
    background-color:#2F7ED8;
    padding: 5px 0.5%;
    color:#fff;
    font-size:15px;
}
.wlistbox 
{
     width:250px !important; 
     height:120px !important;
     background: #fff !important;
     }
 .wlistboxReportType
{
     background: #fff !important;

     }
.sitedesc
{
    border-radius: 3px;
    color: #595959;
    font-size: 10px;
    font-weight: normal;
    padding: 4px 8px;
    background: #FAE778;
    display: inline-block;
    

   
    
}
.hide
{
    display:none !important;
 }
 .show
{
    display:block !important;
 }



 #nCalls
 {
     padding:8px 10px;
     width:1000px;
     margin:0 auto;
     font-weight:normal;
 }

 .dottedDivider
 {
     border-top:1px dotted #C7CCCF;
     margin-bottom:10px;
     width:1000px;
     margin:0 auto;
 }


 #pasar, #quitar 
 {
     background-color:#177BAF;
     border:2px solid #177BAF;
     padding: 8px 10px;
     border-radius:3px;
     margin:2px;

     color:#fff;
    transition: all 500ms linear;
    -webkit-font-smoothing: antialiased;
 }

 #pasar:hover, #quitar:hover
 {
     background-color:#233645;
     border:2px solid #233645;
 }

 #pasar:active, #quitar:active
 {
    background-color: #FFF;
    border: 2px solid #233645;
    color: #233645 !important;
    transition: all 300ms linear;
 }

/*#pasar:disabled, #quitar:disabled,
#pasar.disabled, #quitar.disabled 
 {
    background-color: #DAE4EB !important;
	border:2px solid #DAE4EB !important;
	color: #ADC6D3  !important;
}*/

 /*
    CUSTOM SCROLLBARS
     ****************************************/
 ::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 16px;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    /*background-color: rgba(0,0,0,.2);*/
    background-color:#97B2C1;
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 6px;
    min-height: 28px;
    padding: 100px 0 0;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}

::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px;
    background-color: #DAE4EB;
}
/*

 #allsitiosDiv::-webkit-scrollbar, #LevelTypesDiv::-webkit-scrollbar, #CallTypesDiv::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
    border-radius:5px;
}
 #allsitiosDiv::-webkit-scrollbar-thumb, #LevelTypesDiv::-webkit-scrollbar-thumb, #CallTypesDiv::-webkit-scrollbar-thumb  {
    border-radius: 1px;
    background-color: #97B2C1;
}

#allsitiosDiv::-webkit-scrollbar-track, #LevelTypesDiv::-webkit-scrollbar-track, #CallTypesDiv::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #DAE4EB;
}

    */

.fs10 { font-size:10px !important;}
.fs11 { font-size:11px !important;}
.fs12 { font-size:12px !important;}
.fs13 { font-size:13px !important;}
.fs14 { font-size:14px !important;}
.fs16 { font-size:16px !important;}
.fs18 { font-size:18px !important;}
.fs20 { font-size:20px !important;}
.fs22 { font-size:22px !important;}
.fs24 { font-size:24px !important;}
.fs26 { font-size:26px !important;}
.fs28 { font-size:28px !important;}
.fs30 { font-size:30px !important;}
.fs32 { font-size:32px !important;}
.fs48 { font-size:48px !important;}
.fs64 { font-size:64px !important;}

.suscDescription b
{
    color:#000;
}

.suscDescription 
{
    color:#607D8B;
}


#SiteForm {
    vertical-align:top;
    display:inline-block; 
    vertical-align: middle; 
    line-height: 56px; 
}

.report_cat_title
{
    font-family:"Roboto-Medium",Arial,sans-serif;
    font-weight:normal;
    font-size:14px;
    color:#000;
    padding:10px 0;
    border-bottom:2px solid #AAB5BD;
}

.report_long_title
{
    font-family:"Roboto-Medium",Arial,sans-serif;
    font-weight:normal;
    font-size:13px;
    color:#000;
    margin-bottom:5px;
}

.report_long_desc{
    font-family:"Roboto-Regular",Arial,sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#607D8B;
}



/*
    Loader login
    ***************************/

.cssload-fond{
	position:relative;
	margin: auto;
}

.cssload-container-general
{
	animation:cssload-animball_two 1.15s infinite;
		-o-animation:cssload-animball_two 1.15s infinite;
		-ms-animation:cssload-animball_two 1.15s infinite;
		-webkit-animation:cssload-animball_two 1.15s infinite;
		-moz-animation:cssload-animball_two 1.15s infinite;
	width:22px; height:22px;
}
.cssload-internal
{
	width:22px; height:22px; position:absolute;
}
.cssload-ballcolor
{
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4
{
	position: absolute;
	animation:cssload-animball_one 1.15s infinite ease;
		-o-animation:cssload-animball_one 1.15s infinite ease;
		-ms-animation:cssload-animball_one 1.15s infinite ease;
		-webkit-animation:cssload-animball_one 1.15s infinite ease;
		-moz-animation:cssload-animball_one 1.15s infinite ease;
}
.cssload-ball_1
{
	background-color:rgb(23,122,175);
	top:0; left:0;
}
.cssload-ball_2
{
	background-color:rgb(20,162,213);
	top:0; left:12px;
}
.cssload-ball_3
{
	background-color:rgb(35,54,69);
	top:12px; left:0;
}
.cssload-ball_4
{
	background-color:rgb(230,236,239);
	top:12px; left:12px;
}





@keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:6px; left:6px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-o-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:6px; left:6px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-ms-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:6px; left:6px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-webkit-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:6px; left:6px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-moz-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:6px; left:6px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@keyframes cssload-animball_two
{
	0%{transform:rotate(0deg) scale(1);}
	50%{transform:rotate(360deg) scale(1.3);}
	100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes cssload-animball_two
{
	0%{-o-transform:rotate(0deg) scale(1);}
	50%{-o-transform:rotate(360deg) scale(1.3);}
	100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes cssload-animball_two
{
	0%{-ms-transform:rotate(0deg) scale(1);}
	50%{-ms-transform:rotate(360deg) scale(1.3);}
	100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes cssload-animball_two
{
	0%{-webkit-transform:rotate(0deg) scale(1);}
	50%{-webkit-transform:rotate(360deg) scale(1.3);}
	100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes cssload-animball_two
{
	0%{-moz-transform:rotate(0deg) scale(1);}
	50%{-moz-transform:rotate(360deg) scale(1.3);}
	100%{-moz-transform:rotate(720deg) scale(1);}
}




/*
    Profile Section
    *********************************/
/*--------------------------------------------------
    [TRANSITION]
----------------------------------------------------*/
/* Cubic Bezier Transition */
/***
New Profile Page
***/
.profile-sidebar {
  float: left;
  width: 300px;
  margin-right: 20px;
}

.profile-content {
  overflow: hidden;
}

/* PROFILE SIDEBAR */
.profile-sidebar-portlet {
  padding: 30px 0 0 0 !important;
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  /*width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;*/
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 12px;
  font-family:"Roboto-Bold";
  
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 7px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  margin-right: 5px;
}
.profile-userbuttons .btn:last-child {
  margin-right: 0;
}

.profile-userbuttons button {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
}

.profile-usermenu {
  margin-top: 30px;
  padding-bottom: 20px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 16px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 16px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

.profile-stat {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f4f7;
}

.profile-stat-title {
  color: #7f90a4;
  font-size: 25px;
  text-align: center;
}

.profile-stat-text {
  color: #5b9bd1;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

.profile-desc-title {
  color: #7f90a4;
  font-size: 17px;
  font-weight: 600;
}

.profile-desc-text {
  color: #7e8c9e;
  font-size: 14px;
}

.profile-desc-link i {
  width: 22px;
  font-size: 19px;
  color: #abb6c4;
  margin-right: 5px;
}

.profile-desc-link a {
  font-size: 14px;
  font-weight: 600;
  color: #5b9bd1;
}

/* END PROFILE SIDEBAR */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
  /* 991px */
  /* 991px */
  .profile-sidebar {
    float: none;
    width: 100% !important;
    margin: 0;
  }

  .profile-sidebar > .portlet {
    margin-bottom: 20px;
  }

  .profile-content {
    overflow: visible;
  }
}


/*
    Renovacion de códigos | Perfiles 
**************************************/

table tr.borderb2 td,  table tr.borderb2 th  {
    border-bottom:2px solid #000;
}

table tr.borderb2 th  {
    font-family:"Roboto-Bold";
    font-weight:normal !important;
}
    
.highlight_on
{
    background-color:#fff3a1;
    transition: all 300ms linear;
}
.highlight_off
{
    background-color:#ffffff;
    transition: all 300ms linear;
}

.cpointer {
    cursor:pointer;
}




.table_dotted_divider tr td {
    border-bottom: 1px dotted #DFE6EA;
}

.personnelDetail thead tr td {
    font-size:12px;
}

.personnelDetail tbody tr td {
    font-size:11px;
}


/********************************************************************************/
/* OVERRIDES MENU LATERAL DE REPORTES */
/********************************************************************************/
#menu1 li,
#menu5 li,
.example_menu li {
	background-image: none;
	margin: 0;
	padding: 0;
    width:364px;
    
}
.example_menu ul ul {
	display: block;
}


.example_menu ul ul li a {
	padding-left: 20px;
	text-decoration:none;
	width: 385px;
}
.example_menu a {
	color: #fff;
	text-decoration:none;
	cursor: pointer;
	display: block;
	font-weight: normal;
	margin-left: 0;
	padding: 6px 10px 4px 10px;
    padding:10px;
	width: 364px;
    /*border-bottom:1px solid rgba(218,228,235,0.5);/* #DAE4EB;*/
}

.example_menu:first-child a.expanded,  .example_menu:first-child a.collapsed
{
    border-top:none !important;
}
		
.example_menu a.expanded, .example_menu a.collapsed {
    background-color:#E0E9EF;
    background-image:none;
	border-top:1px solid #fff;
    border-radius:3px !important;
	text-decoration:none;
	font-family:"Roboto-Medium","Segoe UI Light", "Segoe UI", Arial, Helvetica, Sans-Serif;
	font-size:14px;
	font-weight:normal;
    -webkit-font-smoothing: antialiased;
    color:#3f4850;
    transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-duration:400ms;

}


.example_menu a.expanded:hover, .example_menu a.collapsed:hover {
    background-color:#F0F5F7;
}

.example_menu a.expanded:hover span, .example_menu a.collapsed:hover span {
    color:#000;
}

.example_menu a.expanded {
    background-color:#bdcad4;
    color:#000;
}

		
.example_menu a.expanded span 
{
	float:right;
    padding:5px;
    color:#000;
}
.example_menu a.collapsed span
{
	float:right;
    padding:5px;
}



.example_menu ul a {
    background-color:#D8E3EA;
    background-color:#FFF;
	font: normal 12px "Roboto-Regular","Segoe UI","Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #7d878e;
	display: block;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	border:1px solid transparent;
	width: 364px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}
.example_menu ul a:link {
	font-weight: normal;
}
.example_menu ul a:hover {
	background-color:#fff;
	border:1px solid #C6D7E1;
	
}
.example_menu li.active a {
	background: #fff;
}
.example_menu li.active li a {
	background: #54BFEC;
}


.example_menu li a.active, .example_menu li a.active:hover 
{
    
    font: normal 12px "Roboto-Regular","Segoe UI","Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background-color:#233645;
    background-image:linear-gradient(180deg,rgb(52,80,101) 0%,rgb(35,54,69) 100%);
    color:#ABCDCF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  
}

.example_menus li a:hover
{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d3dce1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3dce1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d3dce1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d3dce1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d3dce1 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#d3dce1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3dce1',GradientType=0 ); /* IE6-9 */
	border:1px solid #f5f5f5;
	text-shadow: 0 1px 0 #FFFFFF;
}

.page-header.navbar
{
    min-height:110px;
}

#top_reports 
{
    border-bottom: 3px solid #233645;
    padding-bottom: 10px;
    padding-top: 10px;
}

.label.label-sm {
    font-size: 10px;
    text-transform:uppercase;
    padding: 0px 4px 1px 4px;
}

.itemPreview {
    display: inline;
    float: right;
    margin-right: 6px;
    width: 17px;
    height: 17px;
    text-align: center;
    vertical-align: central;
    font-size: 14px;
    /* font-size: 8px; */
    /* padding-top: 2px; */
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    /* margin-top: -2px; */
}    



/* overrides */

.ui-dialog .ui-dialog-buttonpane button {
    border-radius: 3px !important;
}


.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    font-weight: 500;
    text-transform: none;
    font-size:13px;
}

.dropdown-menu {
    font-size: 13px;
}


.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
    width: 52px;
    font-size: 12px !important;
    left : 0;
}

.bootstrap-switch {
    border-radius: 0px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
}

.container, .container-fluid {
    padding-left: 25px;
    padding-right: 35px;
}

.page-quick-sidebar-toggler:not(:hover) {
    background: none !important;
}


.page-quick-sidebar-toggler > i {
    color: #ffc107;
}

.toggler-close {
    padding: 22px;
    background: #fff url(assets/admin/layout/img/icon-color-close-dark.png) center no-repeat !important;
    border-radius:50%;    
    top:5px;
    right:5px;
    transition:all 0.3s ease;
}

.toggler-close:hover {
    background-color: #F0F5F7 !important;
    transition:all 0.3s ease;
    transform: rotate(90deg);
}

.page-quick-sidebar-wrapper {
    width: 500px;
    right: -500px;
    overflow: hidden;
    color: #233645;
    background: #fff;
    box-shadow: 0px 0 20px 5px rgba(81,122,145,0.2);
    opacity:0;
    transition: all 0.3s cubic-bezier(0.39, 0.03, 0, 1.5);
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
    transition: all 0.3s cubic-bezier(0.42, 0, 0, 1);
    right: 0;
    opacity: 1;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
    /*background: #F0F5F7;*/
    background: #FFF;
    
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
    border-bottom: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li {
    /*background: #233645;*/
    background: #fff;
    box-shadow:0px 0 20px 0px rgba(92, 144, 173, 0.27);
    z-index:2;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
    /*padding: 69px 15px 8px;*/
    padding: 10px 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
    color: #233645;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
    color: #14A2D5;
    font-family: "Roboto-Bold";
    border-top: 5px solid #D4E0E8;
    padding: 20px 10px 10px;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
    /*border-bottom-color: #dde2e8;*/
    border-bottom-color: #fff;
}

#logindisplay .nav-tabs a, #logindisplay .nav-tabs a:hover {
    color:#233645;
    font-size:28px;
    text-transform:none;
}


.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    /* position: absolute; */
    /* margin-left: -20px; */
    margin-left:-9px;
}


.dropdown-menu {
    font-family: "Roboto-Regular","Helvetica Neue", Helvetica, Arial, sans-serif;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: static; 
    margin-left: 0;
}


.noselect, .noselect *
{
    user-select:none !important;
}


/************************************
 * Close button
************************************/
#closebt-container {
	position: relative;
	width:100%;
	text-align:center;
}


.closebt {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	cursor:pointer;
}

.closebt:hover {
	transform:rotate(90deg);
    color:#000 !important;
}



#item > p  {
	margin:0px;
	color:#E74B3D;
}

/************************************
 * SVG ANIMATIONS
************************************/
#browser-container {
	position:relative;
	top:500px;
}


#btn-openModal {
    -webkit-transform-origin: center center;
            transform-origin: center center;
	opacity:0;

}


#cursor{
	position:relative;
	top:-100px;
}

#modal {
    -webkit-transform-origin: center center;
            transform-origin: center center;
	opacity:0;
}

#modal-btn-close {
    -webkit-transform-origin: center center;
            transform-origin: center center;
	opacity:0;
}

#el-01,
#el-02,
#el-03  
{
    -webkit-transform-origin: center center;
            transform-origin: center center;
	opacity:0;
}

.feeds ul 
{
    padding:0;
}

.feeds li {
    color: #233645;
}


.feeds li .col1 > .cont {
    margin-right:0;
}

.feeds li .col1 > .cont > .cont-col2 > .desc {
    padding-top: 0; 
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li, .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
    background: #fff;
    
}


.feeds li, .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li 
.feeds li:hover, .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover
  {
    background-color: #fff;
    list-style-type:none;
}

.feeds.list-items p {
    margin-top:0;
}

.blue-light-title {
    color:#14A2D5;
}

.table_dash_config
{
    font-size:12px;
    color: #233645;
    border:none;
    margin-bottom:20px;
}

.table_dash_config tr td 
{
    padding: 5px 0;
}


table tr th {
    font-family: "Roboto-Bold", Roboto, "Open Sans", sans-serif;
    font-weight: 500;
}

.min-width-language-menu
{
   min-width: 50px;
}