html
{
	overflow: auto;
}

body
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #333333;
	font-size: 11px;
	margin: 0px; /*line-height: 16px;*/	
	text-align: left;
}

.asterisk
{
	color:Red;
	font-size:12px;
}

a, a:visited, a:hover
{
	color: #333333;
}

/* Razon: compatible con IE 6.0 */
a.login_link, a.login_link:visited, a.login_link:hover
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #92309d; 
    text-decoration: underline
}

.login_textbox
{
	margin-top:2px; 	
}

.login_label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding-right:15px;
}

.login_button
{
	margin-right:7px; 	
    margin-top:5px; 	
}



.buttonClosePanel
{
	cursor: pointer;
	width: 25px;
	height: 15px;
}

.pathNode
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #666666;
	font-size: 10px;
	padding-left: 2px;
	padding-right: 2px;
}

.pathCurrentNode
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: Black;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.pathSeparator
{
	color: Black;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
}

.panel_header
{
	font-family: verdana,arial,helvetica,sans-serif;
	background: transparent url(../js/yui/assets/skins/sam/sprite.png) repeat-x scroll 0 -200px;
	/*height: 20px;*/
	color: Black;
	text-align: left;
	font-size: 93%;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 6px;
}

.action_title
{
	font-size: 110%;
	margin-bottom: 10px;
}
/* PANEL DE ACCIONES */
.action_item
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-left: 14px;
}

.ai_enabled
{
	background-image: url('../images/action_enabled.png');
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.ai_enabled2left
{
	background-image: url('../images/action_enabled_2left.png');
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.ai_disabled
{
	background-image: url('../images/action_disabled.png');
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.ai_enabled a
{
	text-decoration: none;
	color: Black;
}

.ai_disabled a
{
	color: #898989;
}

.ai_enabled a:hover
{
	text-decoration: underline;
	color: Black;
}

.calc_error
{
	color: #FF0000;
    font-style: italic;
}

/* FIN PANEL DE ACCIONES */

/* PANEL INFO */
.clear_filter_enabled {
	background-image: url('../images/filter_cancel.png');
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.clear_filter_disabled {
	background-image: url('../images/filter_cancel_disabled.png');
	cursor: default;
	width: 20px;
	height: 20px;
}
/* FIN PANEL INFO */

/* div#ID_DIV => Estilo de elemento */
/* .CLASS_NAME => Estilo de clase */

/* cis (customized image style) */
input[type=image][disabled].cis {
    cursor: default !important;
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    opacity:0.7;
}

input[disabled]
{
	cursor: text;
}

input:not([disabled])[type=image] {
	cursor: pointer;
}

input[type=button], input[type=submit]
{
	font-size: 12px;
	font-family: arial,helvetica,clean,sans-serif;
}

input[type=text], input[type=password]
{
	padding: 1px 1px 2px 1px;
	font: 11px Verdana, Arial,Helvetica,Sans-serif;
	height: 14px;
}

select
{ *height:20px;/* IE */
padding:0px;
margin:0px;
font:11px Verdana,helvetica,sans-serif;
}

.title_page
{
	background-color: #C2C4C5;
	color: #6B1874;
	font-size: larger;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.default_footer
{
	bottom: 0px;
	position: absolute;
	width: 100%;
}

.login_footer
{
	color: Gray;
	padding: 10px 0px 10px 0px;
	width: 100%; /*	bottom:0px; 	position:absolute; */
}

a.footer_link
{
	color: #333333;
}

.POIs_Grid_HeaderStyle
{
    font-weight: bold;
    color: White;
    background-image: url('../images/background_pois_header.gif');    
    line-height: 16px;
}

 .POIs_Grid_PagerStyle
 {
 }

.POIs_Grid_RowStyle
{
    color: Black;
    background: #FFFFFF;
}

.POIs_Grid_AlternatingRowStyle
{
    color: Black;
    background-color: #FDF1DE;
}


.RESULTs_Grid_HeaderStyle
{
    font-weight: bold;
    color: White;
    background-image: url('../images/background_results_header.gif');    
    line-height: 16px;
}

 .RESULTs_Grid_PagerStyle
 {
 }

.RESULTs_Grid_RowStyle
{
    color: Black;
    background: #FFFFFF;
}

.RESULTs_Grid_AlternatingRowStyle
{
    color: Black;
    background-color: #FEF2FE;
}



.STUDIES_Grid_HeaderStyle
{
    font-weight: bold;
    color: White;
    background-image: url('../images/background_studies_header.gif');    
    line-height: 16px;
}

.STUDIES_Grid_PagerStyle
{
}

.STUDIES_Grid_RowStyle
{
    color: Black;
    background: #FFFFFF;
}

.STUDIES_Grid_AlternatingRowStyle
{
    color: Black;
    background-color: #FFFDEC;
}

.COMMON_Grid_BorderStyle td, th
{
    border: solid 1px #FFFDEC;
}

.COMMON_Grid_NoBorderStyle td, th {
    border: none;
}


.COMMON_Grid_HeaderStyle
{
    font-weight: bold;
    color: White;
    background-image: url('../images/background_common_header.gif');    
    line-height: 19px;
}

.COMMON_Grid_HeaderStyle_double
{
    font-weight: bold;
    color: White;
    background-image: url('../images/background_common_header_double.gif');    
    line-height: 19px; 
}

.COMMON_Grid_PagerStyle
{    
}

.COMMON_Grid_PagerStyle td
{    
    border-style: none;
}

.COMMON_Grid_RowStyle
{
    color: Black;
    background: #FFFFFF;
}

.COMMON_Grid_AlternatingRowStyle
{
    color: Black;
    background-color: #EBEBEB;
}

.SIGIRCodes_Grid_RowStyle
{
	border: 1px solid #CCCCCC;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    background: #EBEBEB;
	height: 22px;
}


.round_tl
{
	background-image: url('../images/rounded/tl.png');
	background-repeat: no-repeat;
	width: 15px;
	height: 20px;
}

.round_tc
{
	background-image: url('../images/rounded/tc.png');
	background-repeat: repeat;
	width: auto;
	height: 20px;
}

.round_tr
{
	background-image: url('../images/rounded/tr.png');
	background-repeat: no-repeat;
	width: 15px;
	height: 20px;
}

.round_bl
{
	background-image: url('../images/rounded/bl.png');
	background-repeat: no-repeat;
	width: 15px;
	height: 20px;
}

.round_bc
{
	background-image: url('../images/rounded/bc.png');
	background-repeat: repeat-x;
	width: auto;
	height: 20px;
}

.round_br
{
	background-image: url('../images/rounded/br.png');
	background-repeat: no-repeat;
	width: 15px;
	height: 20px;
}

.round_tb_left
{
	background-image: url('../images/rounded/bar_left.png');
	background-repeat: no-repeat;
	height: 31px;
	width: 15px;
}

.round_tb_right
{
	background-image: url('../images/rounded/bar_right.png');
	background-repeat: no-repeat;
	height: 31px;
	width: 15px;
}

.round_tb_button
{
	background-color: White;
	padding-left: 3px;
	padding-right: 3px;
}

.xirioTabs .ajax__tab_header {
	font-family: verdana,tahoma,helvetica !important;
	font-size: 11px !important;
	background: url('../images/tabs/tab-line.gif') repeat-x bottom !important;
}
.xirioTabs .ajax__tab_outer {
	background: url('../images/tabs/tab-right.gif') no-repeat right !important;
	height: 21px !important;
}
.xirioTabs .ajax__tab_inner {
	padding-left: 3px !important;
	background: url('../images/tabs/tab-left.gif') no-repeat !important;
}
.xirioTabs .ajax__tab_tab {
	height: 13px !important;
	padding: 4px !important;
	margin: 0 !important;
	background: url('../images/tabs/tab.gif') repeat-x !important;
}
.xirioTabs .ajax__tab_hover .ajax__tab_outer {
	background: url('../images/tabs/tab-hover-right.gif') no-repeat right !important;
}
.xirioTabs .ajax__tab_hover .ajax__tab_inner {
	background: url('../images/tabs/tab-hover-left.gif') no-repeat !important;
}
.xirioTabs .ajax__tab_hover .ajax__tab_tab {
	background: url('../images/tabs/tab-hover.gif') repeat-x !important;
}
.xirioTabs .ajax__tab_active .ajax__tab_outer {
	background: url('../images/tabs/tab-active-right.gif') no-repeat right !important;
}
.xirioTabs .ajax__tab_active .ajax__tab_inner {
	background: url('../images/tabs/tab-active-left.gif') no-repeat !important;
}
.xirioTabs .ajax__tab_active .ajax__tab_tab {
	background: url('../images/tabs/tab-active.gif') repeat-x !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #6B1874 !important;
}
.xirioTabs .ajax__tab_body {
	padding: 8px 3px 8px 3px !important;
	background-color: #F2F2F2 !important;
	border: 1px solid #999999 !important;
	border-top: 0px !important;
}
body .ajax__tab_xp .ajax__tab_body {
	font-family: verdana,arial,helvetica,sans-serif !important;
	font-size: 11px !important;
}


table.report_table 
{
    width: 90%;
	margin: 0 auto;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	border-collapse: collapse;
}
th.report_th
{
	text-align: left;
	border-bottom: 2px solid #999999;
	border-top: 2px solid #999999;
	padding-left: 2px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.report_td
{
	color: #000000;
	border: 1px solid #ccc;
	padding-left: 5px;
}
tr.odd 
{
	background-color: #E9E9E9;
}
td.message_td
{
	color: #000000;
	border: none;
	padding-left: 5px;
}
td.thick 
{
	font-weight:bold;
}

td.separador_vertical {
    border-left: 1px solid;
    border-left-color: lightgray;
    padding-left: 3px;
}

.marqueecontainer
{
    position: relative;
    width: 295px; /*marquee width */
    height: 70px; /*marquee height */
    background-color: #F8F8F8;
    overflow: hidden;
    border-top: 1px solid #B0B2B2;
    border-bottom: 1px solid #B0B2B2;
    padding: 2px;
    padding-left: 4px;
    text-align: justify;
}

label, input[type="radio"] {
    vertical-align: middle;
}

/*.checkBoxASPX label {
    position: relative;
    top: -3px;
}*/

/* Replace the class: checkBoxASPX label for all checkbox */
span input[type="checkbox"] + label {
    /*Correct align the label after checkbox inside a span -> Apply to <asp:CheckBox> with attributes, CssClass... */
    display: table-cell;
    top: 0px !Important;
}

/* Replace the class: checkBoxASPX label for all checkbox */
input[type="checkbox"] + label {
    /* Correct align the label after checkbox -> Apply to the rest <asp:CheckBox> */
    position: relative;
    top: -3.5px;
}

.mLabelClass {
    color: black;
    padding: 2px;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    min-width: 40px;
    max-width: 250px;
    border: 1.5px solid black;
    white-space: nowrap;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.dynTooltip {
    /* Gradient background */
    background: #FEFEFE; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #E4E5F0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #E4E5F0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #E4E5F0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #E4E5F0);
    /* Shadow */
    box-shadow: 5px 5px 4px -3px #5c5c5c;
    -webkit-box-shadow: 5px 5px 4px -3px #5c5c5c;
    -moz-box-shadow: 5px 5px 4px -3px #5c5c5c;
    /*Tooltip properties*/
    border: 1px solid #767676;
    border-radius: 3px;
    left: 20%;
    padding: 3px 5px;
    position: absolute;
    z-index: 9999;
}

.valsummary ul {
    display: none;
    visibility: hidden;
}

.col1, .col2, .col3, .col4 {
  white-space: nowrap;
}
.col_last {
  width: 99%;
}

.ajax__calendar_container { z-index : 1000 ; }


.no-margin-left {
    margin-left: -3px !Important;
}

.synapse-terms-form {
    /*background-color: #e3e3e3;*/
    padding: 0px 5px;
    border-radius: 5px;
}

.synapse-terms-declaration {
    padding: 10px;
    min-height: 50px;
    height: 100px;
    overflow-y: auto;
    background-color: #fdfdfd;
    border: 1px solid #aaaaaa;
    border-radius: 10px;
}


/* custom scrollbar */
.synapse-terms-declaration::-webkit-scrollbar {
    width: 20px;
}

.synapse-terms-declaration::-webkit-scrollbar-track {
    background-color: transparent;
}

.synapse-terms-declaration::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
    height: 40px;
}

.synapse-terms-declaration::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

.synapse-eula {
    line-height: 107%;
    font-size: 15px;
    font-family: "Calibri",sans-serif;
}

.synapse-eula ol{
    list-style-type: decimal;
    margin-bottom:0px;
    padding-left:10px;
    padding-inline-start: 0.8em;
    margin-block-start: 0em;
}

.synapse-eula ol li {
    font-size: 15px;
    padding: 10px;
    margin-left: 10px;
}

.synapse-eula .title {
    text-align: center;
}
.synapse-eula .paragraph {
    text-align: justify;
    margin-left: -10px;
    margin-top: 5px;
    margin-bottom: 5px;
}


.crossed {
	background: 
		linear-gradient(to top left, 
						rgba(181, 181, 181,0) 0%, 
						rgba(181, 181, 181,0) calc(50% - 1.5px), 
						rgba(181, 181, 181,1) 50%, 
						rgba(181, 181, 181,0) calc(50% + 1.5px), 
						rgba(181, 181, 181,0) 100%), 
		linear-gradient(to top right, 
						rgba(181, 181, 181,0) 0%, 
						rgba(181, 181, 181,0) calc(50% - 1.5px), 
						rgba(181, 181, 181,1) 50%, 
						rgba(181, 181, 181,0) calc(50% + 1.5px), 
						rgba(181, 181, 181,0) 100%);
}


.transp_color_pattern {
	background-image: linear-gradient(90deg, #b5b5b5 3px, white 3px), linear-gradient(90deg, white 3px, #b5b5b5 3px), linear-gradient(90deg, #b5b5b5 3px, white 3px);
	background-position: 0 0, 0 3px, 0 6px;
	background-repeat: repeat-x;
	background-size: 6px 3px, 6px 3px, 6px 3px;
}

#cpContainer .dhxcp_buttons_area {
	display: none !important;
}

#cpContainer .dhxcp_g_area {
	height: 230px !Important;
	margin-top: 5%;
	background-color: #f3f3f3;
	padding: 8px;
	border-radius: 5px;
}

.geoFilterButton {
	border: none;
	text-align: center;
	width: 24px;
	height: 18px;
	cursor: pointer;
}

	.geoFilterButton.active {
		background-image: url('../images/geographical_filter_selected.png');
	}

	.geoFilterButton.tx.active {
		background-image: url('../images/geographical_filter_tx_selected.png');
	}

    .geoFilterButton.inactive {
        background-image: url('../images/geographical_filter_unselected.png')
    }

/************   cartog import *******************/
.is_dragOver {
	background-color: white !important;
	outline-offset: 10px !important;
	border: 2px dashed #5c7095
}

.progress-container {
	position: relative;
	display: inline-block;
	border-radius: 8px;
	overflow: hidden;
}

.progressBar {
	height: 14px;
	background-color: green;
}



.spinner-loading {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='4' r='4' fill='%23fff'/%3E%3Ccircle cx='12.19' cy='7.86' r='3.7' fill='%23f9eafb'/%3E%3Ccircle cx='5.02' cy='17.68' r='3.4' fill='%23f3d5f6'/%3E%3Ccircle cx='5.02' cy='30.32' r='3.1' fill='%23edc0f2'/%3E%3Ccircle cx='12.19' cy='40.14' r='2.8' fill='%23e7abed'/%3E%3Ccircle cx='24' cy='44' r='2.5' fill='%23e096e9'/%3E%3Ccircle cx='35.81' cy='40.14' r='2.2' fill='%23da81e4'/%3E%3Ccircle cx='42.98' cy='30.32' r='1.9' fill='%23d46ce0'/%3E%3Ccircle cx='42.98' cy='17.68' r='1.6' fill='%23ce57db'/%3E%3Ccircle cx='35.81' cy='7.86' r='1.3' fill='%23c842d7'/%3E%3C/svg%3E");
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1.2s;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-transition-property: -moz-transform;
	-moz-animation-name: rotate;
	-moz-animation-duration: 1.2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	transition-property: transform;
	animation-name: rotate;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}



@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
/********  treegrid commands manager*************/
.dhx_tree-cell {
	font-size: 11px !Important;
}
.dhx_grid-cell {
	font-size: 11px !Important;
}

.dhx_footer-wrapper, .dhx_header-wrapper {
	font-size: 11px !Important;
}

/*.custom-row {
	white-space: normal;
}
*/

.progress-cell{
	margin-top: 4px;
	width:99%;
	white-space: normal;
}

/* progress bar of treegrid*/
.main-bar-container {
	height: 14px;
}
.phase-bar-container {
	height: 4px;
}

.animated-progress {
	width: 100%;
	height: 100%;

	border-radius: 5px;
	/*margin: 20px 10px;*/
	border: 1px solid rgb(189, 113, 113);
	overflow: hidden;
	/*position: relative;*/
	vertical-align: top;
	display: inline-table;
}

.animated-progress-label {
	height: 12px;
	/*top: 0px;*/
	display: block;
	color: whitesmoke;
	line-height: 20px;
	/*position: absolute;*/
	text-align: end;
	padding-right: 5px;
	font-size: 10px;
	overflow: hidden;
	/*border-radius: 5px;*/
}

.animated-progress-label span{
	position:relative;
	top: -4px;
}

.progress-blue div {
	background-color: #0d7ac1;
}

/************* phases *************/
.phase {
	display: inline-flex;
	width: 20px;
	height: 2px;
	position:relative;
	top: -11px;
	margin-left: 5px;
}

.ph-finished {
	background-color: green;
}

.ph-current {
	background-color: darkorange;
}

.ph-pending {
	background-color: lightgray;
}

/********** actions  column  **********/
.actions-column {
	display: table-cell;
	white-space: normal;
	width: 99%;
	overflow: hidden;
}

.action-item {
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background-size: 16px;
	border: 0px;
	cursor: pointer;
}

.action-info {
	background-image: url('../images/info.png');
}

.action-cancel {
	background-image: url('../images/cancel.png');
}

.action-soft-cancel {
	background-image: url('../images/tick.png');
}

.action-remove {
	background-image: url('../images/remove.png');
}

/********** graphical transmission frame  **********/
.graphical-subFrame {
	width: 20px;
	height: 20px;
	padding-top: 1px;
	padding-left: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	border: 2px solid #F2F2F2;
	background-color: #E8E8E8;
	font-size: 11px;
	pointer-events: none;
	color: #808080;
}

	.graphical-subFrame.interactive {
		pointer-events: auto;
		background-color: #FFF2CC;
		color: #BF8F00
	}

	.graphical-subFrame:hover {
		background-color: #D3F7D3;
		cursor: pointer;
		color: #548235;
	}

	.graphical-subFrame.active {
		background-color: #D3F7D3;
		color: #548235;
	}



/*****************    dispatcher status    **********/
.server-status-container {
	display: inline-block;
	cursor: pointer;
}

.server-text {
	display: inline-block;
}

.server-status-container .server-status-ok {
	display: inline-block;
	background-image: url('../images/status_ok.png');
	background-repeat: no-repeat;
	background-position-y: 2px;
	width: 12px;
	height: 12px;
}

.server-status-container .server-status-error {
	display: inline-block;
	background-image: url('../images/status_fault.png');
	background-repeat: no-repeat;
	background-position-y: 2px;
	width: 12px;
	height: 12px;
}

.server-status-container .server-status-maintenance {
	display: inline-block;
	background-image: url('../images/status_maintenance.png');
	background-repeat: no-repeat;
	background-position-y: 2px;
	width: 12px;
	height: 12px;
}

.server-status-container .server-status-poor {
	display: inline-block;
	background-image: url('../images/status_poor_connection.png');
	background-repeat: no-repeat;
	background-position-y: 2px;
	width: 12px;
	height: 12px;
}