/*
	=====================================
	RAM STYLE
	-------------------------------------
	2017. DATALOU
	=====================================
*/
.report-table th {
	/* Font & Text */
	font-family: Helvetica;
	font-size: 16.64px;
	font-weight: 200;
	letter-spacing: normal;
	line-height: 20.8px;
	vertical-align: baseline; 
	text-align: left;

	/* Color & Background */
	background-color: rgb(246, 244, 245);
	color: rgb(153, 153, 153);

	/* Box */
	border: 1px solid rgb(204, 204, 204);
	margin: 0px 0px 7px;
	padding: 7px;
	

	/* Table */
	border-collapse: separate;
	border-spacing: 50px;
	caption-side: top;
	empty-cells: show;
	table-layout: auto;

	/* Effects */
}
.sinborde {

    border: 0;
	background-color: white;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	
}
.d01hidden {

    display: none;	
}
.report-table td {
	/* Font & Text */
	font-family: Helvetica;
	vertical-align: middle;
	

	/* Box */
	margin: 0px 0px 7px;
	
	border-radius: 10px;
    border: 1px solid rgb(204, 204, 204);
    padding: 10px; 
    width: 200px;
	
	/* Table */
	border-collapse: separate;
	border-spacing: 50px;
	caption-side: top;
	empty-cells: hide;
	table-layout: auto;

} 

.d01resultstable tr:nth-child(even){background-color: #f2f2f2}
.d01resultstable th.dos {
	background-color: white; 
	color: black; 
	font-size: 10px;
	font-weight: bolder; 
	border:0px;
	
}
.d01resultstable th.tres {
	background-color: #D8D8D8; 
	color: black; 
	font-size: 10px;
	border: 2px solid #D8D8D8;
	text-align: center;
	width: 90px;	
}	

.d01resultstable th {
	/* Font & Text */
	font-family: Helvetica;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	letter-spacing: normal;
	text-align: center;
	vertical-align: center;
	white-space: nowrap;
	word-spacing: 0px;

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgb(102, 102, 102);
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: rgb(255, 255, 255);

	/* Box */
	height: 2px;
	width: 180px;
	margin: 0px;
	padding: 4px;
	


	/* Table */
	empty-cells: show;
	border-spacing: 0;
    border-collapse: collapse;
	border: 1px solid rgb(204, 204, 204);
	
	
	/* Effects */
	word-wrap: normal;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}	
.d01resultstable td {
	/* Font & Text */
	font-family: open_sansregular, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: right;
	text-indent: 0px;
	text-transform: none;
	vertical-align: bottom;
	white-space: normal;
	word-spacing: 0px;

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: rgb(51, 51, 51);

	/* Box */
	height: auto;
	width: auto;
	margin: 0px;
	padding: 4px;

	/* Table */

	empty-cells: show;
	border-spacing: 0;
        border-collapse: collapse;
	border: 0.5px solid rgb(204, 204, 204);

	/* Effects */
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.charts-row {
	/* Font & Text */
        font-family: Helvetica;
	font-size: 12px;
	font-weight: 200; 
        margin: 10px;
        padding: 10px;
        
         
}
.charts-title {
	/* Font & Text */
        font-family: Helvetica;
	font-size: 10px;
	font-weight: 100; 
        text-align: left; 
        font-size: 12,8px; 
        background-color: #f2f2f2; 
        color: #363636; 
}
.charts-results-table th {
	/* Font & Text */
        font-family: Helvetica;
	font-size: 10px;
	font-weight: 100; 
        text-align: left; 
        font-size: 12,8px; 
        background-color: #f2f2f2; 
        color: #363636; 
}	
.charts-results-table td {
	/* Font & Text */
	font-family: Helvetica;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
        
	/* Color & Background */
	
	/* Box */
	margin: 100px;
        padding: 40px;
	/* Table */

	/* Effects */
	
}
.charts-xy-table tr:nth-child(even){background-color: #f2f2f2}
.charts-xy-table th {
	/* Font & Text */
        font-family: Helvetica;
	font-size: 14px;
	font-weight: 600; 
        text-align: left;  
        background-color: #D8D8D8;
        color: #363636; 
        text-align: left;
        /* Box */
        margin: 100px;
        padding: 10px;
	
}	
.charts-xy-table td {
	/* Font & Text */
	font-family: Helvetica;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	
	/* Color & Background */
	
	/* Box */
        margin: 100px;
        padding: 10px;
        
	/* Table */

	/* Effects */
	
}
#list option{
 width:500px;   
}
.ajustartexto{
padding: 5px 10px;
}

.iconexport232 {

float: right;
height: 3em;
margin: .1em 1em 1em 0;
overflow: hidden;
width: 4em;
}
.iconcharts232 {

float: right;
height: 3em;
margin: 0.1em 6em -6em 0;
overflow: hidden;
width: 4em;
}
a.especiallink { margin: 1em 0; display: block; color: white;}
 
.report-results-t tr:nth-child(even){background-color: #f2f2f2}

.report-results-t th {
	/* Font & Text */
	font-family: Helvetica;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	letter-spacing: normal;
	text-align: center;
	vertical-align: center;
	white-space: nowrap;
	word-spacing: 0px;

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgb(102, 102, 102);
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: white;

	/* Box */
	
	/* Table */
	empty-cells: show;
	border-spacing: 0;
    border-collapse: collapse;
	border: 1px solid rgb(204, 204, 204);
	
	
}	
.report-results-t td {
	/* Font & Text */
	font-family: Helvetica;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: right;
	text-indent: 0px;
	text-transform: none;
	vertical-align: bottom;
	white-space: normal;
	word-spacing: 0px;

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: rgb(51, 51, 51);

	
	/* Table */

	empty-cells: show;
	border-spacing: 0;
        border-collapse: collapse;
	border: 0.5px solid rgb(204, 204, 204);
	
	
}
.iconexportaudit{
    padding-top: 40px;
    height:33px;
    width:47px;
    margin: 0px 0px 0px 0px;
    float: right;
    
}
.iconexport{
    height:33px;
    width:47px;
    display:inline-block;
    background: url('/images/xls_r2.png');
    margin: 0px 0px 5px 0px;
    float: right;
    
}
.iconexport:hover {
    background: url('/images/xls2.png');

}
.iconexportpdf{
    height:33px;
    width:47px;
    display:inline-block;
    background: url('/images/pdf_r.png');
    margin: 0px 5px 5px 0px;
    float: right;
    
}
.iconexportpdf:hover {
    background: url('/images/pdf.png');

}
.iconexportemail{
    height:33px;
    width:53px;
    display:inline-block;
    background: url('/images/mail.png');
    margin: 0px 5px 5px 0px;
    float: right;
    
}
.iconexportemail:hover {
    background: url('/images/email.png');

}

.iconcharts{
    height:33px;
    width:47px;
    display:inline-block;
    background: url('/images/charts.png');
    vertical-align: top;

    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.iconcharts:hover {
    background: url('/images/chartsr.png');
}

#loader
{
    position:fixed;
    width:100%;height:100%;
    z-index:999;
    background-color:#2494F2;
}
#loader img
{
    display:block;
    position:absolute;
    top:50%;left:50%;
}

/* #############  GRID VIEW M ################  */
.d01gridviewM {
    position: static;
    marging-top: 200px;
    background-color: #CCCCCC;
}
.d01gridviewM tr:nth-child(even){background-color: #f2f2f2}
.d01gridviewM th {
    font-family: Helvetica;
    font-size: 11px;
    color: white;
    background-color: rgb(102, 102, 102);
    text-align: center;
    
}
.d01gridviewM td {
    font-family: Helvetica;
    font-size: 11px;
    border: 0.5px solid rgb(204, 204, 204);
    text-align: center;
    height: auto;    
    word-wrap: break-word; /* IE 5+ */
}    

.d01gridviewM th a:link {
     color: white;  
     text-decoration: none;      
}    
.d01gridviewM th a:hover {
     color: black;  
     text-decoration: none;      
}    
.d01gridviewM th a {
     color: white;  
     text-decoration: none;      
}    

/* #############  GRID VIEW S ################  */
.d01gridview tr:nth-child(even){background-color: #f2f2f2}
.d01gridview th {
    font-family: Helvetica;
    font-size: 11px;
    color: white;
    background-color: rgb(102, 102, 102);
    text-align: center;
    
}
.d01gridview td {
    font-family: Helvetica;
    font-size: 11px;
    border: 0.5px solid rgb(204, 204, 204);
    text-align: center;
    height: auto;    
    word-wrap: break-word; /* IE 5+ */
}    

.d01gridview th a:link {
     color: white;  
     text-decoration: none;      
}    
.d01gridview th a:hover {
     color: black;  
     text-decoration: none;      
}    
.d01gridview th a {
     color: white;  
     text-decoration: none;      
}    

/* #############  GRID VIEW L ################  */

.d01gridview_l {background-color: rgb(227, 227, 227);}
.d01gridview_l tr:nth-child(even){background-color: rgb(213, 213, 213)}
.d01gridview_l tr:hover {background-color: #f5f5f5;}
.d01gridview_l th {
    font-family: Helvetica;
    font-size: 12px;
    color: white;
    background-color: rgb(102, 102, 102);
    text-align: center;
    
}
.d01gridview_l td {
    font-family: Helvetica;
    font-size: 15px;
    border: 0.5px solid rgb(204, 204, 204);
    text-align: center;
    height: auto;    
    padding: 5px;
    word-wrap: break-word; /* IE 5+ */
    
}    
.d01gridview_l a {
     color: white;  
     text-decoration: none;      
}    
.d01gridview_l a:hover {
     color: black;  
     text-decoration: none;    
}

    /*#homesigupnew {*/
    /*    !**/
    /*        background: #333 url(../../images/search-supplier-l.jpg) no-repeat center top;*/
    /*        -webkit-background-size: 100%;*/
    /*        -moz-background-size: 100%;*/
    /*        background-size: 100%;*/
    /*        padding-bottom: 1px;*/
    /*    *!*/
    /*        !* Ubicación de la imagen *!*/
    /*        !**/
    /*        background-image: url(../../images/signup.jpg);*/
    /*        *!*/
    /*        background-position: center center;*/

    /*        background-repeat: no-repeat;*/

    /*        background-attachment: fixed;*/

    /*        background-size: cover;*/

    /*        background-color: #a5a102;*/
    /*        */
    /*    }*/
    #homesigupnew {
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: white;
    }
   
   .column-ram {
    display: inline-block;
    /*width: 33%;*/
    margin: 0 auto;
    vertical-align: bottom;
    
    /*
    -moz-column-width: 28em;
    -moz-columns: 28em;
    -webkit-columns: 28em;
    columns: 28em;
    */
    -moz-column-width: 320px;
  -webkit-column-width: 320px;
  column-width: 320px;
    }
    .column-ram-c {
    display: inline-block;
    /*width: 33%;*/
    margin: 0 auto;
    vertical-align: bottom;
    
    /*
    -moz-column-width: 28em;
    -moz-columns: 28em;
    -webkit-columns: 28em;
    columns: 28em;
    */
    -moz-column-width: 60px;
  -webkit-column-width: 60px;
  column-width: 60px;
  
    }
    
    .siguptype-ram {
    margin: auto;
    text-align: center;
    
    padding: 25px;
    background-color: white;
    min-height: 290px;
    max-height: 290px;
    min-width: 300px;
    max-width: 300px;
    color: black;
    font-size: 30px;
    font-family: Helvetica;
    
    }
    .siguptype-ram:hover {
    background-color: grey;  
    color:  black;
    /*
    font-weight: bolder;
    */
    }
    .siguptype-ram-i {
    
    text-align: center;
    margin-top: 30px;
    padding: 22px;
    background-color: white;
    min-height: 290px;
    max-height: 290px;
    min-width: 300px;
    max-width: 300px;
    color: black;
    font-size: 26px;
    font-family: Helvetica;
    
    }
    .siguptype-ram-i:hover {
    background-color: grey;  
    color:  black;
    /*
    font-weight: bolder;
    */
    }
    .siguptype-ram-comp {
    margin: auto;
    text-align: center;
    
    padding: 25px;
    background-color: #333333;
    min-height: 290px;
    max-height: 290px;
    min-width: 300px;
    max-width: 300px;
    color: #ffffff;
    font-size: 30px;
    font-family: Helvetica;
    
    }
    .siguptype-ram-comp:hover {
    background-color: graytext;  
    /*
    font-weight: bolder;
    */
    }
    .siguptype-ram-comp2 {
    margin: auto;
    text-align: center;
    padding: 25px;
    background-color: #333333;
    min-height: 290px;
    max-height: 290px;
    min-width: 300px;
    max-width: 300px;
    color: #ffffff;
    font-size: 26px;
    font-family: Helvetica;
    
    }
    
    .siguptype-ram-comp2:hover {
    background-color: graytext;  
    /*
    font-weight: bolder;
    */
    }
    
    
    
    .col-foot-ram1{
        float: left;
        width: 50%;
        color: black;
        margin-bottom: 20px;
    }
    .col-foot-ram2{
        float: right;
        width: 50%;
        text-align: right;
        color: black;
    }
    .col-foot-ram2 a, a:link{
        color: black;
    }
.col-foot-ram2 a, a:visited{
    color: black;
}
    .col-foot-ram2 a:hover{
        color: yellow;
    }
    
    
    .tooltipram {
    position: relative;
    display: inline-block;
    }

.tooltipram .tooltiptextram {
    visibility: hidden;
    width: 120px;
    background-color: #525252;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 3;
}

.tooltipram:hover .tooltiptextram {
    visibility: visible;
}


.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: visible;
  	overflow-y: scroll;
}

#confirmBox
{
    display: none;
    background-color: #525252;
    border-radius: 5px;
    border: 3px solid #999999;
    color: white;
    position: fixed;
    z-index: 99;
    width: 300px;
    min-height: 60px;
    left: 50%;
    margin-left: -95px;
    padding: 46px 18px 48px;
    box-sizing: border-box;
    text-align: center;
}
#confirmBox:before {
  background: none;
  border: 2px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  pointer-events: none;
}
#confirmBox button {
    background-color: #ebe83f;
    color: black;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
#confirmBox button:hover
{
    background-color: #ddd;
}
#confirmBox .message
{
    text-align: left;
    margin-bottom: 8px;
}

.internalnetuser{
    position: absolute;
    z-index: 0;
    text-align: right;
    padding-top: -3px;
    float: right;
    margin-right: 20px;
    margin-left: 0;
    font-weight: bold;
    font-size: 10px;
    margin-top: 1px;
}

.eventsbox {
    background: #fff;
    -moz-box-shadow: 0 0 .325em .13em rgba( 0, 0, 0, .1 );
    -webkit-box-shadow: 0 0 .325em .13em rgba( 0, 0, 0, .1 );
    box-shadow: 0 0 .325em .13em rgba( 0, 0, 0, .1 );
    padding: 2em; /* 3/4 of 1.3 */
    width: 80%;
    padding-top: 10px;
    padding-left: 20px;
    margin-left: 10px;
    margin-top: 30px;
    /*transform: translate(370%, -50%);*/
    /*display: inline-block;*/
   /* 
    position: fixed;
    top: 20%;
    right: 15%;
   */
    /*transform: translate(-50%, -50%);*/
}
.dr-event{
    font-family: Helvetica, sans-serif;	
    font-size: 13.8px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    background-color: white;
    color: #726e6b;
    min-height: 35px;
    padding: 10px;
}
.dr-event:hover {
     color: white; 
     background-color: #484848;
     text-decoration: none;      
}    


.rolform{
    border: 1px solid #e1e8ed;
    border-left: 0px;
    float: left;
    margin: 0;
    padding: 7px;
    width: 100%;
}


.checkbox-3col {
    border: 1px solid #e1e8ed;
    border-left: 0px;
    margin: 0;
    padding-left: 5px; 
        width: 100%;
	overflow:auto;
}

.checkbox-3col div {
	width: 200px;
	float:left;
}
.checkbox-2col {
    border: 1px solid #e1e8ed;
    border-left: 0px;
    margin: 0;
    padding-left: 5px; 
        width: 100%;
	overflow:auto;
}

.checkbox-2col div {
	width: 120px;
	float:left;
}

.modal-dialog-gdpr {
    width: 100%;
    position: absolute;
    top: 45%;     
}
.modal-header-gdpr {
    background-color: #ededed;
    padding:16px 12px;
    color:#FFF;
    border-bottom:2px dashed #ededed;
 }

/* TIMEOUT modal style */
.modal-dialog-to {
    width: 360px;
    position: absolute;
    top: 13%;
    left: 50%;
    width: 320px;
    height: 120px;
    margin-left: -160px;
    margin-top: -60px;
}
.modal-header-to {
    background-color: #ededed;
    padding:16px 12px;
    color:#FFF;
    border-bottom:2px dashed #ededed;
 }
.modal-body-to {
    padding:16px 16px;
    color:black;
    text-align: center;
}

/* DATALOU SEARCH */
#wrapper
{
 margin:0 auto;
 padding:0px;
 text-align:center;
 width:995px;
}
#wrapper h1
{
 margin-top:50px;
 font-size:45px;
 color:#585858;
}
#wrapper h1 p
{
 font-size:18px;
}

#result_div
{
 width:95%;
 margin-left:15px;
}
#result_div li
{
 --c:white;
 margin-bottom:20px;
 list-style-type:none;
 background-color: var(--c);
}
#result_div li:hover {
	--c:#E6E6E6;
}
#result_div li a
{
 text-decoration:none;
 display:block;
 text-align:left;
}
#result_div li a .title
{
 font-weight:bold;
 font-size:18px;
 color:#484848;
}
#result_div li a .desc
{
 color:#6E6E6E;
}
#result_div li a:hover {
     color: white;
     background-color: #E6E6E6;
     text-decoration: none;      
}    

.three_cols {
  width:33%;
  float:left;
}
.cols25 {
  width:25%;
  float:left;
}
.cols50 {
  width:50%;
  float:left;
}

@media (max-width: 500px) {  
  .three_cols, .cols25, .cols50 {
    width:auto;
    float:none;
  }  
}

.modal-header-normal {
    background-color: #666666;
    min-height: 30px;
    padding-left: 15px;
    padding-top: 6px;
    padding-right: 8px;
    color:white;
    font-weight: bold;
    border-bottom:2px dashed #666666;
}
.modal-body-normal{
    min-height: 60px;
    padding-left: 15px;
    padding-right: 15px;    
}

/* Advocacy start */
.actionButtons {
	padding: 5px;
	background-color: white;
	margin-right: 15px;
	float: right;
}
.actionButtons ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.actionButtons li {
	background-color: white !important;

	display: inline;
	float: left;
	margin-left: 3px;
	padding: 2px;

}
.actionButtons .diff:hover {
	background-color: white !important;
	color: #9C9C9C !important;
	text-decoration: underline;
}
.actionButtons a:link {
	color: blue;
}
.actionButtons a:active {
	color: blue;
}
.actionButtons a:visited {
	color: black;
}

.label-ram{
	color: #666666;
	background-color: white;
	border: 0;
	font-weight: bold;
	font-size: 13px;
	margin-left: 12px;
	max-width: 160px;
	right: 0;
}

.parthover:hover h3  {
	color: white !important;
	border-top: 1px solid whitesmoke;
	background-color: #6E6E6E;
	font-style: normal;
}
.parthover:focus-within h3  {
	color: white !important;
	border-top: 1px solid whitesmoke;
	background-color: #6E6E6E;
	font-style: normal;
}
.parthover:hover {
	background-color: whitesmoke;
	border-bottom: 3px solid #6E6E6E;
	border-top: 3px solid #6E6E6E;
}
.parthover:focus-within  {
	background-color: whitesmoke;
	border-bottom: 3px solid #6E6E6E;
	border-top: 3px solid #6E6E6E;
}
.parthover:hover .label-ram {
	background-color: whitesmoke;
}
.parthover:focus-within .label-ram {
	background-color: whitesmoke;
}
.modalsubtittle {
	font-weight: bold;
	font-style: italic;
	color: darkgray;
	margin-left: 0;
	padding-left: 5px;
	min-width: 568px;
}

.inner-addon {
	position: relative;
}

/* style glyph */
.inner-addon #searchbox {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}

/* align glyph */
.left-addon #searchbox  { left:  0px;}
.right-addon #searchbox { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/* Advocacy End */