@font-face 
{
    font-family: 'Gudea';
    src: url('../../font/gudea-regular-webfont.eot');
    src: url('../../font/gudea-regular-webfont.eot?#iefix') format('embedded-opentype'),
            /*url('../../font/gudea-regular-webfont.woff') format('woff'),*/
            url('../../font/gudea-regular-webfont.ttf') format('truetype'),
            url('../../font/gudea-regular-webfont.svg#gudearegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:'Multicolore';
    src:url("../../font/multicolore-webfont.eot");
    src:url("../../font/multicolore-webfont.eot?#iefix") format('embedded-opentype'),
    url("../../font/multicolore-webfont.svg#Overlock") format('svg'), /*move after eot*/
    /*url("../../font/multicolore-webfont.woff") format('woff'),*/
    url("../../font/multicolore-webfont.ttf") format('truetype');
    font-weight:normal;
    font-style:normal
}



* {
  margin: 0;
  padding: 0;
}

html, body
{
    font-family: "Gudea", "Multicolore",sans-serif;
    font-size: 13px;
    height: 100%;
   -webkit-font-smoothing: antialiased;
   -webkit-overflow-scrolling:touch;
   text-rendering: optimizeLegibility;
}

form
{
    height: 97%;
}
 
form.register
{
    height: 100%;
}

::placeholder
{
    font-family: "Gudea", "Multicolore",sans-serif;
}

input[type=button], select
{
    -webkit-appearance:none;
}

select 
{
    background-color:white;
}

#contenedor, #contenedorRegister
{
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -100px; /* the bottom margin is the negative value of the footer's height */
}

#contenedorRegister 
{
    margin-bottom: -50px;
}

#contenedorBody
{
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 10px;
}

#contenedorBodyRegister
{
    margin-left: 5%;
    margin-right: 5%;
}

#contenedorPopUp    
{
    padding: 25px;
}

#centerContent
{
    text-align: center;
    margin:auto;
    width: 100%;
    padding-top: 10%;    
}

.centerContent
{
    text-align: center;
    margin:auto;
    width: 100%;
}

.break
{
    margin: 10px 0 10px 0;
}

.bigBreak
{
    margin: 50px 0 50px 0;
}

.footer, .breakFooter {
	height: 100px; 
    border-top: medium none;
}

.footerRegister, .breakFooterRegister {
	height: 50px; 
}

.contentFooter
{
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 2px solid gainsboro;
}

.contentFooterRegister {
    height: 50px;
    background-color: #f1f2f2;
    width: 100%;
    vertical-align: middle;
}

.non-indent
{
    text-indent: 0px;
}

a:active,a:visited,a:hover, a:link
{
    color:#214497;
    text-decoration: none;
    /*font-weight: bold; */
}

a[disabled="disabled"]
{
    cursor:default;
    color: Black;
    font-weight: normal;
}

a[disabled="disabled"]:hover
{
    cursor:default;
    color: #666 !important;
}


a:hover, a:active {
  text-decoration: underline;
}
    
input[type="text"], input[type="tel"], input[type="email"], input[type="password"] {
    background-color: #F1F2F2;
    border: 1px solid #D1D3D4;
    border-radius: 0 0 0 0 !important;
    height: 33px;
    margin-bottom: 9px;
    padding-right: 2%;
    padding-left: 1%; 
    width: 185px;
    color: Black;
}

.styled-select, .styled-select.small, .styled-select.currency
{
   width: 193px;
   height: 33px;
   overflow: hidden;
   background: url(../../img/down_arrow_select.jpg) no-repeat right #F1F2F2;
   border: 1px solid #ccc;
}

.styled-select select, .styled-select.small select, .styled-select.currency select 
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    
   background: transparent;
   width: 224px;
   padding: 8px 64px 8px 8px ;
   line-height: normal;
   border: 0;
   border-radius: 0;
   height: 34px;
}

/* Only for IE9 or lower */
.ie .styled-select select, .ie .styled-select.small select, .ie .styled-select.currency select
{
    padding: 8px 8px 8px 8px;
}

/* Only works in IE10 or + */
.styled-select select::-ms-expand, .styled-select.small select::-ms-expand, .styled-select.currency select::-ms-expand
{
    padding-right: 0px;
    /*visibility: hidden;*/
    display: none;
}

.styled-select.small 
{
    width: 123px;
}

.styled-select.small select 
{
    width: 150px;
}

.styled-select.big {
    width: 350px;
}

.styled-select.big select {
    width: 377px;
}

.styled-select.currency 
{
    width: 95px;
}
    
.styled-select.currency select 
{
    width: 120px;
}

.styled-select.tiposAgregacion {
    width: 240px;
}

span.symbol, span.symbolBig, span.symbolBegin, span.symbolBigBegin
{
    color: #214497;
}

span.symbol, span.symbolBig
{
    margin-left: -20px;
    margin-right: 20px;
}

span.symbolBig
{
    margin-left: -33px;
}

span.symbolBegin, span.symbolBigBegin
{
    margin-left: 10px;
    position: absolute;
    margin-top: 7px;
}

span.symbolBigBegin
{
    margin-left: 7px;
}


input.symbol, input.symbolBig
{
    width: 175px;
    padding-right: 25px !important;
}

input.symbolBig
{
    padding-right: 35px !important;
}

input.symbolBegin, input.symbolBigBegin
{
    width: 195px;
    padding-right: 5px !important;
    padding-left: 20px;
}

input.symbolBigBegin
{
    width: 165px;
    padding-left: 35px !important;
}


input[type="text"][date] 
{
    width: 88px;
    padding-left: 5px;
}

input.inputTime 
{
    width: 40px;
}

input.inputMoney 
{
    width: 90px;
}

input.inputBigText 
{
    width: 230px;
}

input.integer 
{
    width: 60px;
}

input.largeInputMoney 
{
    width: 135px;
}


img.calendar
{
    background: url("../../img/iconsBP/11b.png") no-repeat;
    border: 0;
	height: 16px; 
	width: 16px; 
    margin-left: -22px;
    cursor: pointer;
    margin-top: 8px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.boton-al-centro, .centro, .messagebox-al-centro {
  text-align: center;
  margin:auto;
  width: 100%;
}

.boton-al-centro span, .centro span
{
    text-align: left;
}

.boton-al-centro .but.green, .centro .but.green, .boton-a-la-derecha .but.green, .derecha .but.green
{
    display: inline;
}

.boton-al-centro .but.red, .centro .but.red, .boton-a-la-derecha .but.red, .derecha .but.red
{
    display: inline;
}

.messagebox-al-centro 
{
    width: 40%;
}

.boton-a-la-derecha, .derecha {
  text-align: right;
  margin:auto;
  width: 100%;
  margin-bottom: 5px;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label.before {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	margin-right: 5px;
	margin-bottom: -5px;
}

.regular-checkbox:disabled + label.before {
    background-color: #cacece;
}
.regular-checkbox + label.before:active, .regular-checkbox:checked + label.before:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label.before {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label.before:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0.1em;
	left: 3px;
	color: #214497;
}

.regular-checkbox:hover + label.before, .regular-radio:hover + label.before, 
.regular-checkbox + label.before:hover, .regular-radio + label.before:hover
{
    box-shadow:0px 0px 10px #214497;
    cursor: pointer;
}

.regular-checkbox:disabled:hover + label.before, .regular-radio:disabled:hover + label.before,
.regular-checkbox:disabled + label.before:hover, .regular-radio:disabled + label.before:hover
{
    box-shadow:0 0 0 #214497;
}

.regular-checkbox + label.before + label.before, .regular-radio + label.before  + label.before
{
    margin-right: 10px;
}

.regular-checkbox + label.after + label.after {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	margin-right: 5px;
	margin-bottom: -5px;
}

.regular-checkbox + label.after + label.after:active, .regular-checkbox:checked + label.after + label.after:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label.after + label.after {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label.after + label.after:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #214497;
}

.regular-checkbox:hover + label.after + label.after, .regular-radio:hover + label.after + label.after, 
.regular-checkbox + label.after + label.after:hover, .regular-radio + label.after + label.after:hover
{
    box-shadow:0px 0px 10px #214497;
    cursor: pointer;
}

.regular-checkbox:disabled:hover + label.after + label.after, .regular-radio:disabled:hover + label.after + label.after,
.regular-checkbox:disabled + label.after + label.after:hover, .regular-radio:disabled + label.after + label.after:hover
{
    box-shadow:0 0 0 #214497;
}

.regular-checkbox + label.after, .regular-radio + label.after
{
    margin-right: 10px;
}

.regular-checkbox:hover + label, .regular-radio:hover + label, .regular-checkbox + label:hover, .regular-radio + label:hover
.regular-checkbox:hover + label + label, .regular-radio:hover + label + label, .regular-checkbox + label + label:hover, .regular-radio + label + label:hover
{
    cursor:pointer;
}

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 5px;
	margin-bottom: -5px;
}

.regular-radio:checked + label:after,span.regular-radio input:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label, span.regular-radio input:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active, span.regular-radio input:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.but.green, .but.blue, .but.red {
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    display: block;
    outline: 0 none;
    text-align: center;
    background: none;
}

.but.green, .but.blue, .but.red {
    background-color: #8CC541;
    font-family: "Multicolore",sans-serif;
    height: 33px;
    min-width: 135px;
    color:White;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}

.but.blue
{
    background-color: #214497;
}

.but.red 
{
    background-color: #FE2E2E;
}

.but.green:disabled, .but.green:hover:disabled, .but.blue:disabled, .but.blue:hover:disabled, .but.red.disabled,.but.red:hover:disabled
{
    color: #a2a0a1 !important;
    background-color: #eeeeee; 
    cursor: default;
    border: 1px solid #a2a0a1;
} 

.but.green:hover, .but.blue:hover {
    background-color: #81B33F;
    color: #C3FF7E;
    text-decoration: none;
}

.but.blue:hover {
    background-color: #1A377C;
    color: #31B0E5;
}

.but.red:hover {
    background-color: #FA5858;
    color: #F5A9A9;
    text-decoration: none;
}

.but.green.submit, .but.blue.submit, .but.red.submit {
    margin: auto;    
    padding: 0px 10px
}

h2, h3
{
    margin-bottom: 15px;
}

h3
{
    color: #214497;
    text-align: left;
}

h2, h3 span.green
{
    color: #81B33F;
    font-family: "Multicolore",sans-serif;
    font-size: 16px;
}

h2.tituloInforme
{
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 0.1em;
    margin-top:0.5em;
}

h4
{
    font-size: 1.2em;
    color: #888;
    margin-bottom: 10px;
    font-weight: normal;
}

.grey {
    color: #808080 !important;
}

.slidingDown
{
    background: url("../../img/arrow-down-bp.png") no-repeat scroll 99% 50% rgba(0, 0, 0, 0);
}

.slidingUp
{
    background: url("../../img/arrow-up-bp.png") no-repeat scroll 99% 50% rgba(0, 0, 0, 0);
}

h3 span.green
{
    font-size: 14px;
}

h3 span
{
    font-family: "Multicolore",sans-serif;
    font-size: 12px;
    color: #214497;
    font-weight: bold;
    font-style: normal;
    font-weight: normal;
}


span.blue, a.blue
{
    color:#214497;
    font-weight: bold;
}

.logo 
{
	padding-top:5px;
	padding-bottom:90px;
	padding-left:05px;
	text-align:left;
	background-position: 0px 4px;
}

#info-session 
{
    float: right;
    margin-top:21px;
    padding-right:10px;
}

.invisible
{
	display:none;
}

.menuRegister
{
    text-align: center;
    margin:auto;
    width: 100%; 
}

.menuRegister div 
{
    width: 500px;
    min-height: 30px; 
}

.buscadorMenu 
{
    margin-right: 10px;
    padding: 10px 10px;
    position: absolute;
    margin-top: 4em;
    top: 0px;
    z-index: 300;
    right: -8px;
}

.clearfix 
{
	clear: both;
	display: block;
	height: 0px;
	width:100%;
}

.datagridContainer 
{
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.datagridContainer .datagrid-footer
{
    border-top: 1px solid #999999;
    background-color: #F6F6F6;
}

.datagrid
{
    padding-left: 10px;
    border-collapse:collapse;
    padding-right: 10px;
    text-align: left;
    margin-right: auto;
}

span.datagrid
{
    padding-left: 0px;
}

.datagrid tr.datagrid-error
{
    height: 35px;
    background-color:#FA8072;
}

.datagrid-header
{
    height: 35px;
    background-color: #f6f6f6;
    border-top: 1px solid  #999999;
    border-bottom: 1px solid  #999999;
}

.datagrid-header h3 
{
    margin-bottom: 0px;
}

.backgroundFooter
{
    background-color: #E8F3D9 !important;
    border: 1px solid #999999;
    font-weight: bold;
    font-style: normal;
}

.datagrid-footer.backgroundFooter.total
{
    height: 50px;
}

.backgroundPanelContainer
{
    background-color: #F3F9EC !important;
}

.backgroundHeader
{
    /*background-color: #CFEDFC ! important;*/
    background-color: #D4EDFC !important;
    border: 1px solid #999999;
}

.datagrid-header th, .datagrid-header-compromisos th
{
    height: 35px;
    border-top: 1px solid  #999999;
    border-bottom: 1px solid  #999999;
    padding-left: 10px;
    padding-right: 10px;
    color: #214497;
}

.datagrid tr.error {
        background-color: #FFDFDF !important;
        border:0px !important;        
}


tr.datagrid-item-odd, tr.datagrid-item-even 
{ 
    height: 35px;
    border-bottom: 1px solid  #999999;
}

tr.datagrid-header td input[type="text"], tr.datagrid-item-odd td input[type="text"], tr.datagrid-item-even td input[type="text"], tr.datagrid-footer td input[type="text"]
{
    /*margin-bottom: 5px; */
    margin-bottom: 0px;
}

tr.datagrid-header td, tr.datagrid-item-odd td, tr.datagrid-item-even td, tr.datagrid-footer td, tr.datagrid-error td
{
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.datagrid-drag-and-drop td{
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
}

.datagrid-item-selected {
    background-color: #efefef;
}

tr.datagrid-pager span{
    margin: 5px;
}

tr.datagrid-pager a{
    margin: 5px;
}

img.datagrid-pager-first {
    background: url("../../img/iconsBP/img_prev_arrov.png") no-repeat; 
    width: 16px;
    height: 16px;
    cursor: pointer;
}

a img.datagrid-pager-last {
    background: url("../../img/iconsBP/img_next_arrow.png") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

img.datagrid-pager-next {
    background: url("../../img/icons/bullet_go.gif") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

img.datagrid-pager-previous {
    background: url("../../img/icons/bullet_back.gif") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.datagrid-col-compromisos {
    padding-top: 10px;
    padding-bottom: 10px;
}

.datagrid-compromisos {
    /*float: left;*/
}

.datagrid-compromisos {
    margin-right: 30px;
}

.datagrid-header-compromisos {
    background-color: #f6f6f6;
}

.datagrid-header-compromisos th {
    border: 0px;
}

.divMedium
{
    margin-bottom: 35px;
}

.verbatimBox
{
    border-top: 2px solid gainsboro; 
    color: Gray; 
    width: 50%; 
    margin: auto; 
    text-align: left; 
    padding-top: 15px;
}

.panelContainer, .panelContainer.small
{
    padding: 20px;
    min-height: 25em;
    width: 97%;
    border: 1px solid #CCCCCC;
}

.panelContainer.small
{
    min-height: 15em;
}

.panelInfo
{
    background-color: #eee !important;
    border: 1px solid #ccc;
    width:97%;
    padding:1em 20px;    
}

.panelHalfPage
{
    width: 51em;
    margin-top: 20px;
}

.panelMarginLeft
{
    margin-top: 20px;
    margin-left: 40%;
}

.panelContainerTermometro
{
    display: table; 
    height: 200px; 
    overflow: hidden;
}

.panelTermometro
{
    display: table-cell; 
    vertical-align: middle; 
}

.panelRight
{
    float: right;    
    width: 28%;
    margin-left: 20px;
}

.panelLeft
{
    float: left;
    width: 69%;
}

.panelMedio
{
    margin-left: 2%; 
    margin-right: 2%;
    float: left;
    width: 46%;
}

.panelMedioLargo
{
    margin-left: 2%; 
    margin-right: 2%;
    float: left;
    width: 65%;
}

.panelFijo
{
    margin-left: 2%; 
    margin-right: 2%;
    float: left;
    width: 42%;
}

.panelFloat
{
    margin-bottom: 30px;
    margin-right: 5%;
    float: left;
}

.panelText 
{
    margin-left: 15%;
    margin-right:15%;
    text-align: justify;
}

.paddingLeft
{
    margin-left: 16px;
}

.paddingRight
{
    margin-right: 16px;
}

.contentFooterRegister .paddingTop 
{
    padding-top: 18px;
}

.panelFloatWithoutMargin
{
    margin-bottom: 30px;
    float: left;
    width: 60%;
}

.panelContainer .panelFloat
{
    margin-bottom: 10px;
    margin-right: 8%;
}

.panel
{
    margin-bottom: 30px;
}

.panelSmall
{
    margin-bottom: 15px;
}

.panelWithMargin
{
    margin-bottom: 30px;
    margin-left: 30px;
}

.panelNewItemToList
{
    width: 100%; 
    margin-bottom: 10px; 
    text-align: right;
}

.topUpper
{
    margin-top : -10px !important;
}

.withoutTop
{
    margin-top: 0px !important;
}

.topSmall
{
    margin-top: 2px !important;
}

.top
{
    margin-top: 7px !important;
}

.topBig
{
    margin-top: 13px;
}

.topLarge
{
    margin-top: 70px;
}

.bottom input
{
    margin-bottom: 0px !important;
}

.bottom
{
    margin-bottom: -7px !important;
}

.bottomBig
{
    margin-bottom: -20px !important;
}

.logoTest {
    width: 200px;
}

.valignBottom
{
    vertical-align: bottom !important;
}

.valignTop
{
    vertical-align: top !important;
}

.valignImgWithText 
{
    height: 33px;
    vertical-align: middle;    
}

.valignImgWithText img
{
    margin-top: 7px;
}     

.right
{
    text-align: right !important;
}

.left
{
    text-align: left !important;
    margin-bottom: 0px;
}

.center
{
    text-align: center !important;
}

.bold 
{
    font-weight: bold;
}

 .centerLeft
 {
     padding-top: 20px; 
     padding-right: 40px;     
 }

.floatLeft
{
    float: left !important;
}

.floatRight
{
    float: right !important;
}

.floatNone
{
    float: none !important;
}

.titleSmall
{
    width: 80px !important;
    float: left;
}

.titleVerySmall
{
    width: 40px !important;
    float: left;
}

.title, 
.title-nofloat
{
    width: 160px !important;
}

.title 
{
    float: left; 
}

.titleMargin 
{
    margin-left: 10px;
    width: 160px;
    float: left; 
}

.titlePrize
{
    width: 120px !important;
    float: left;
}

.titleDate
{
    width: 135px;
    float: left; 
}

.titleMedium
{
    width: 215px !important;
    float: left; 
}

.titleBig
{
    width: 260px !important;
    float: left; 
}

.titleBigMargin
{
    width: 260px !important;
    float: left; 
    margin-left: 10px;
}

.titleSelect
{
    width: 160px !important;
    float: left; 
    margin-bottom: 10px;
}

.titleBigSelect, 
.titleBigSelect-nofloat
{
    width: 260px !important;
}

.titleBigSelect
{
    float: left; 
    margin-bottom: 10px;
}

.titleVeryBig
{
    width: 335px !important;
    float: left; 
}

.titleSmallLarge
{
    width: 420px !important;
    float: left; 
}

.titleLarge
{
    width: 600px !important;
    float: left; 
}

.title .styled-select, .titleBig .styled-select, .titleVeryBig .styled-select
{
    float: left;
    margin-right: 20px;
    margin-bottom: 9px;
}

.title .styled-select + p, .titleBig .styled-select + p, .titleVeryBig .styled-select + p
{
    margin-left: 5px;
}

.subheader
{
    font-size: 15px; 
	border-bottom: 1px dashed;
	width:100%;
	margin-bottom: 10px;
}

.strong
{
 font-weight: 900;
}

.contenedor-campos p, .contenedor-campos span, .contenedor-campos a, 
.contenedor-campos input[type="image"], .contenedor-campos .heightInput
{
    line-height: 33px;
    vertical-align: middle;    
    text-align: left;
}

.notaDisclaimer
{
    margin-left: 10px;
    font-style: italic;
    font-size: 10px;
    color: #666666; 
}

.contenedor-campos .notaDisclaimer span
{
    line-height: 16px;
}

.arrowYear
{
    float: right; 
    width: 20px; 
    height: 35px; 
    margin-left: -4px; 
    border: 0;
}

.Slider
{
    margin-top: 25px;
    width: 100%;
}
.SliderHeader
{
    cursor: pointer;
    background: #F5F5F5; /*#DBDBDB;*/
    border: 1px solid #DBDBDB;
    /*border: 1px;*/
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    color: black;
}
    
.SliderContent 
{
    padding-top: 17px; 
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #DBDBDB;
}

.SubSliderHeader
{
    cursor: pointer;
    text-align:right;
    padding-right:35px;
}

.ayudaSup 
{
    float:left; 
    font-weight:bold;
    width: 30px;
}

.iframeUpload
{
    text-align:center;
    vertical-align:middle;
    border-style:none;
    margin:0px;
    width:100%;
    height: 80px;
}

.tableCenter
{
    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
}

.tableCenter tr, .tableCenter td 
{
    text-align:left;
}

.ayuda
{
	float: right; 
	border: 1px solid #E4E7E8;
	width: 550px;
	padding: 5px;
	margin-right: 20px;
	vertical-align: top;
}

.ayudaWithoutBorder
{
	width: 500px;
	padding: 5px;
	margin-right: 20px;
	vertical-align: top;
	margin-top: 10px;
}

.ayuda img, .ayudaWithoutBorder img {
    vertical-align: bottom;
}

.ayuda p, .ayuda ul, .ayudaWithoutBorder p, .ayudaWithoutBorder ul {
    color: #888888;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

.ayuda ul li, .ayudaWithoutBorder ul li
{
    padding-bottom: 1px;
}

.ayudaSup 
{
    float:left; 
    font-weight:bold;
    width: 30px;
}

.loadingOver
{
    position:fixed;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color: black;
    z-index:10000000;  
    opacity: 0.3;
}

.loadingOverContent 
{
    position: fixed;
    top: 30%;
    transform: translate(50%, 50%);
    right: 50%;
    width: 50px;
    height: 50px !important;
    background-image: url('../../img/loading-black.gif');
    background-repeat: no-repeat;
    background-position: center top;
    z-index: 10000001;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.generalApiMessageBox, .generalApiMessageBoxSuccess, .generalApiMessageBoxError
{
    color: #0066FF;
    background-color: #D1DAEF;
    box-shadow: 0 0 8px rgba(0,0,0,0.8);
    border: 1px solid;
    border-radius: 8px;
    margin-right: 10px;
    padding: 10px 10px;
    background-repeat: no-repeat;
    text-align:left;
    opacity: 0.9;
    width: 16%;
    position: fixed;
    margin-top: 5em;
    top: 0px;
    z-index: 500;
    left: 75%;
}

.generalApiMessageBox .closeButton, .generalApiMessageBoxSuccess .closeButton, .generalApiMessageBoxError .closeButton 
{
    background-image: url("../../img/close_images.png");
    width: 19px;
    height: 18px;
    background-position: 110px 53px;
    float: right;
    margin-top: -18px;
    margin-right: -18px;
    cursor: pointer;
    overflow:hidden;
}

.generalApiMessageBoxSuccess
{
    color: #4F8A10;
    background-color: #E3F7C8;
}

.generalApiMessageBoxSuccess .closeButton 
{
    background-position: 81px 53px;
}

.generalApiMessageBoxError {

    color: #0066FF;    
    background-color: #EFB9B8;
}

.generalApiMessageBoxError .closeButton 
{
    background-position: 50px 53px;
}

.messageBoxHelp, .messageBoxHelpTopSmall, .messageBoxHelpTop, .messageBoxHelpTopMedium, .messageBoxHelpTopBig, .messageBoxHelpTopLarge
{
    position: absolute !important;
    left: auto !important;
    top: auto !important;
    margin-top: -7px;
    margin-left: 10px;
    padding-bottom: 15px;
    width: 30%;
}

.messageBoxHelpTopSmall
{
    margin-top: -207px;
}
    
.messageBoxHelpTop
{
    margin-top: -273px;
}

.messageBoxHelpTopMedium
{
    margin-top: -338px;
}

.messageBoxHelpTopBig
{
    margin-top: -370px;
}

.messageBoxHelpTopLarge
{
    margin-top: -438px;
}

span.error
{
	font-weight:bold;
	color:#d12121;
	text-align:center;
	width:100%;
}

.minWidthSmall
{
    min-width: 18%;
}    

.minWidth
{
    min-width: 28%;   
}

.listado
{
	line-height:20px;
	list-style:none;
	text-indent:15px;
}

.listado-flecha
{
	background: url(../../img/arrow_right.gif) no-repeat; 
	background-position: 0px 8px;
	padding-left: 20px;
}

.listado .listado-flecha
{
	background-position: 0px 1px;
}

.listado-pdf
{
	background: url(../../img/file_acrobat.gif) no-repeat; 
	background-position: 0px 2px;
	padding-left: 16px;	
}

.whiteSpace
{
    margin-right: 5px;
}

.redText
{
    color : Red;
}

.obligatorio, input[type="text"].obligatorio, input[type="tel"].obligatorio, input[type="email"].obligatorio, input[type="password"].obligatorio
{
    background-color: #DBE9FF; 
}

.error
{
    background-color: #FFDFDF !important;
    border: 1px solid red !important;
}
    
select.error {
    background: #ffdfdf url("../../img/down_arrow_select.jpg") no-repeat scroll 206px center;
}

.infoErrorBallon {
    position: absolute !important;
    margin-top: -57px;
    margin-left: 10px;
    display: inline;
    text-align: left;
}

.infoErrorBallonContainer
{
    background-color: #FFF8F0;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    color: #D8000C;
    margin-right: 10px;
    opacity: 0.9;
    padding: 10px;
    position: relative;
    text-align: left;
    top: -1px;
    z-index: 9;
    min-width : 100px;
}

.infoErrorBallonContainer span
{
    color: #D8000C;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    line-height: 24px;
}

.infoErrorBallonExternal
{
    border-top: 9px solid #D8000C;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    height: 0;
    width: 0;    
    left: 0px;
    top: 0px;
    margin-top: -1px;
    margin-left: 20px;
    z-index: 10;
}

.infoErrorBallonInternal
{
    position: relative;
    left: -9px;
    top: -10px;
    height: 0;
    width: 0;
    border-top: 9px solid #FFF8F0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    z-index: 11;
}

.gvCarterasSeleccionadas td {
    width: 50%;
}



/* ***************************************** */
/*                ICONOGRAFÍA                */

.btnConSaldo, .btnSinSaldo:hover
{
    background: transparent url(../../img/icons/coins.png) no-repeat;
    width: 20px;
    border: 0px;
    cursor: pointer;
}

.btnSinSaldo, .btnConSaldo:hover
{
    background: transparent url(../../img/icons/coins_off.png) no-repeat;
    width: 20px;
    border: 0px;
    cursor: pointer;
}

.imgStar, .imgStarOn, .imgStarOff:hover, .imgStarOnNoHover
{
    background: transparent url(../../img/icons/img_star-selected-icon.png) no-repeat;
    width: 18px;
    height: 18px;
    border: 0px;
    cursor: pointer;
    vertical-align: top;
}

.imgStarOnNoHover
{
    cursor: default;
}

.imgActivate
{
    background: transparent url(../../img/icons/database_add.gif) no-repeat;
    width: 16px;
    height: 16px;
    border: 0px;
    cursor: pointer;
}

.imgCancel
{
    background: transparent url(../../img/icons/database_delete.gif) no-repeat;
    width: 16px;
    height: 16px;
    border: 0px;
    cursor: pointer;
}

.imgStarOff, .imgStarOn:hover
{
    background: transparent url(../../img/icons/img_star-unselected-icon.png) no-repeat;
    width: 18px;
    height: 18px;
    border: 0px;
    cursor: pointer;
    vertical-align: top;
}

.iconViewMovements
{
    background: transparent url(../../img/iconsBP/9b.png) no-repeat;
    width: 18px;
    height: 18px;
    border: 0px;
    cursor: pointer;
}

.iconViewMovements:hover
{
    background: transparent url(../../img/iconsBP/9c.png) no-repeat;
}

.iconUser
{
    background: url("../../img/iconsBP/17b.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconGroup, .iconGroupLink
{
    background: url("../../img/iconsBP/19b.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconGroupLink:hover
{
    background: url("../../img/iconsBP/19a.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconDelete, .iconDeleteLink
{
    background: url("../../img/iconsBP/1b.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconDelete:hover, .iconDeleteLink:hover
{
    background: url("../../img/iconsBP/1c.png") no-repeat;
}

input.iconAdd, a.iconAdd img
{
    background: url("../../img/iconsBP/5b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconAddRest, a.iconAddRest img
{
    background: url("../../img/basket_put.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconAddDisabled, a.iconAddDisabled img 
{
    background: url("../../img/iconsBP/5a.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconAdd:hover, a.iconAdd:hover img
{
    background: url("../../img/iconsBP/5c.png") no-repeat;
}

input.iconAddLiquidity, a.iconAddLiquidity img
{
    background: url("../../img/iconsBP/7b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconAddLiquidity:hover, a.iconAddLiquidity:hover img
{
    background: url("../../img/iconsBP/7c.png") no-repeat;
}

input.iconCancel, a.iconCancel img, img.iconCancelEdit, input.iconCancelEdit, a.iconCancelEdit img
{
    background: url("../../img/iconsBP/12b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconCancel:hover, a.iconCancel:hover img, img.iconCancelEdit:hover, input.iconCancelEdit:hover, a.iconCancelEdit:hover img
{
    background: url("../../img/iconsBP/12c.png") no-repeat;
}

input.iconEdit, a.iconEdit img, input.iconEditGo, a.iconEditGo img, input.iconEditMoney, a.iconEditMoney img
{
    background: url("../../img/iconsBP/3b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconEdit:hover, a.iconEdit img:hover, input.iconEditGo:hover, a.iconEditGo img:hover, input.iconEditMoney:hover, a.iconEditMoney img:hover
{
    background: url("../../img/iconsBP/3c.png") no-repeat;
}

input.iconBell, img.iconBell, a.iconBell img, input.iconBellLink, a.iconBellLink img
{
    background: url("../../img/iconsBP/2b.png") no-repeat;
    width: 18px;
    height: 18px;
}

input.iconBell:hover, a.iconBell:hover img, input.iconBellLink:hover, a.iconBellLink:hover img
{
    background: url("../../img/iconsBP/2c.png") no-repeat;
}

.iconGroupLink, .iconDeleteLink, input.iconBellLink, a.iconBellLink img
{
    cursor: pointer;
}

input.iconCalendar, a.iconCalendar img
{
    background: url("../../img/iconsBP/11b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconCalendar:hover, a.iconCalendar:hover img
{
    background: url("../../img/iconsBP/11a.png") no-repeat;
}

input.iconSearch, a.iconSearch img
{
    background: url("../../img/iconsBP/13b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconSearch:hover, a.iconSearch:hover img
{
    background: url("../../img/iconsBP/13a.png") no-repeat;
}

input.iconInfoHTML, a.iconInfoHTML img
{
    background: url("../../img/iconsBP/16b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconInfoHTML:hover, a.iconInfoHTML:hover img
{
    background: url("../../img/iconsBP/16a.png") no-repeat;
}

input.iconCopy, a.iconCopy img
{
    background: url("../../img/iconsBP/18b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconCopy:hover, a.iconCopy:hover img
{
    background: url("../../img/iconsBP/18a.png") no-repeat;
}

input.iconViewDetail, a.iconViewDetail img
{
    background: url("../../img/iconsBP/4b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconViewDetail:hover, a.iconViewDetail:hover img
{
    background: url("../../img/iconsBP/4a.png") no-repeat;
}

.iconTickGreen
{
    background: url("../../img/iconsBP/15b.png") no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}

input.iconTickBlue, a.iconTickBlue img
{
    background: url("../../img/iconsBP/15c.png") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconTickBlue:hover, a.iconTickBlue:hover img
{
    background: url("../../img/iconsBP/15b.png") no-repeat;
}

input.iconCrossBlue, a.iconCrossBlue img
{
    background: url("../../img/crossBlue.png") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconCrossBlue:hover, a.iconCrossBlue:hover img
{
    background: url("../../img/cross.png") no-repeat;
}

.iconCrossRed
{
    background: url("../../img/cross.png") no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}

.iconLowAdjust
{
    background: url("../../img/iconsBP/8b.png") no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
}

.iconUpperAdjust
{
    background: url("../../img/iconsBP/6b.png") no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
}

input.iconLockOpen, a.iconLockOpen img
{
    background: url("../../img/iconsBP/21c.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconLockOpen:hover, a.iconLockOpen:hover img
{
    background: url("../../img/iconsBP/21b.png") no-repeat;
}

input.iconLockClose, a.iconLockClose img
{
    background: url("../../img/iconsBP/20c.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconLockClose:hover, a.iconLockClose:hover img
{
    background: url("../../img/iconsBP/20b.png") no-repeat;
}

input.iconTasks, a.iconTasks img
{
    background: url("../../img/iconsBP/14b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconTasks:hover, a.iconTasks:hover img
{
    background: url("../../img/iconsBP/14c.png") no-repeat;
}

input.iconInfo, a.iconInfo img
{
    background: url("../../img/iconsBP/22b.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconInfoRed, a.iconInfoRed img
{
    background: url("../../img/iconsBP/22d.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

input.iconInfo:hover, a.iconInfo:hover img
{
    background: url("../../img/iconsBP/22c.png") no-repeat;
}

input.iconFloppy, a.iconFloppy img, img.iconFloppy
{
    background: url("../../img/iconsBP/25c.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconFloppy:hover, a.iconFloppy:hover img, img.iconFloppy:hover
{
    background: url("../../img/iconsBP/25b.png") no-repeat;
}

input.iconClip, a.iconClip img
{
    background: url("../../img/iconsBP/23c.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconCog, a.iconCog img
{
    background: url("../../img/cog.gif") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;    
}

input.iconClasification, a.iconClasification img
{
    background: url("../../img/icons/resultado-encuesta.png") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;    
}

input.iconClip:hover, a.iconClip:hover img
{
    background: url("../../img/iconsBP/23b.png") no-repeat;
}

input.iconRefresh, a.iconRefresh img
{
    background: url("../../img/iconsBP/24c.png") no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.iconRefresh:hover, a.iconRefresh:hover img
{
    background: url("../../img/iconsBP/24b.png") no-repeat;
}

.iconHelp
{
    background: url("../../img/iconsBP/26b.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconProductAlert
{
    background: url("../../img/iconsBP/2b.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconNextStep
{
    background: url("../../img/iconsBP/img_next_arrow.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconPrevioustStep
{
    background: url("../../img/iconsBP/img_prev_arrov.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconTickOk
{
    background: url("../../img/iconsBP/10b.png") no-repeat;
    width: 18px;
    height: 18px;
}

.iconLock
{
    background: url("../../img/iconsBP/20d.png") no-repeat;
    width: 18px;
    height: 18px;
}


a.iconText, a.iconTextGrey {
    height: 18px;
    vertical-align: top;
    font-weight: bold;
    padding-right: 2px;
}

a.iconTextGrey 
{
    color: #776766;
}

a.buttonStyle, a.buttonListStyle, input.buttonStyle, input.buttonListStyle
{
    display: inline-block;
    margin-bottom: 10px !important;
    width: 200px !important;
}


a.buttonListStyle 
{
    float: right !important; 
}

a.buttonStyle span, a.buttonListStyle span {
    text-indent: 35px;
    text-align: left;
    display: block;
    height: 33px;
    margin-top: 8px;
}

a.buttonStyle .calculate, a.buttonListStyle .calculate {
    background: url(../../img/iconsBP/24c.png) no-repeat 8px top;
}

a.buttonStyle .save, a.buttonListStyle .save {
    background: url(../../img/iconsBP/25b.png) no-repeat 8px top;
}

a.buttonStyle .saveDraft, a.buttonListStyle .saveDraft {
    background: url(../../img/iconsBP/20b.png) no-repeat 8px top;
}

a.buttonStyle .preview, a.buttonListStyle .preview {
    background: url(../../img/iconsBP/16b.png) no-repeat 8px top;
}

a.buttonStyle .edit, a.buttonListStyle .edit {
    background: url(../../img/iconsBP/3b.png) no-repeat 8px top;
}

a.buttonStyle .new, a.buttonListStyle .new {
    background: url(../../img/iconsBP/5c.png) no-repeat 8px top;
}

a.buttonStyle .update, a.buttonListStyle .update {
    background: url(../../img/iconsBP/25b.png) no-repeat 8px top;
}

a.buttonStyle .cancel, a.buttonListStyle .cancel {
    background: url(../../img/iconsBP/12b.png) no-repeat 8px top;
}

div.twrEvolucion  span
{ 
    border: red thin solid;
    padding: 10px;    
    font-weight: bold; 
}

.botonera 
{
    display:inline-block; 
    clear:both;
    float:left;
    *float:right;
}

.login-logo {
    background: url("../../img/bestportfolio.png") no-repeat scroll 0 20px transparent;
    height: 68px;
    margin: 0 auto;
    width: 215px;
}

.menu-perfilador-tercer-nivel-div
{
    box-shadow: 0 2px rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
    padding-left: 25px;
}

.menu-perfilador-tercer-nivel-div div.first
{
    margin-bottom: 5px;
    margin-top: -5px;
}

a.menu-perfilador-tercer-nivel
{
    font-size: 18px;
    margin-right: 20px;
    color: #838ea8;
}

.menu-perfilador-tercer-nivel-separador 
{
    font-size: 18px;
    margin-right: 20px;
    color: #bbb;
}

a.menu-perfilador-tercer-nivel:hover
{
    text-decoration: none;
    color: #214497;
    font-weight: bold;
    cursor: pointer;
}

a.menu-perfilador-tercer-nivel-checked
{
    color: #214497;
    font-weight: bold;
}

a.menu-perfilador-tercer-nivel-checked:hover
{
    cursor: pointer;
    color: #214497;
}

.menu-perfilador-tercer-nivel-enlaces
{
    padding-bottom: 5px;
}


.perfil-configuracion-estilo
{
    margin-bottom: 30px;
}

.perfil-configuracion-estilo-preview 
{
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    float: left;
    height: 150px;
    width: 17%;
    cursor: pointer;
}
.perfil-configuracion-estilo-preview:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.perfil-configuracion-estilo-preview-selected, .perfil-configuracion-estilo-preview-selected:hover
{
    box-shadow: 0 0 22px rgba(0, 0, 120, 0.5);
}

.perfil-configuracion-estilo-preview-separator
{
    float: left;
    height: 150px;
    width: 9%;
}
.preview1
{
    background: url(../../img/perfilador/mini1.png) no-repeat bottom;
    background-size: contain;
}
.preview2
{
    background: url(../../img/perfilador/mini2.png) no-repeat bottom;
    background-size: contain;
}
.preview3
{
    background: url(../../img/perfilador/mini3.png) no-repeat bottom;
    background-size: contain;
}
.preview4
{
    background: url(../../img/perfilador/mini4.png) no-repeat bottom;
    background-size: contain;
}

.previewRisk1
{
    background: url(../../img/indicadorRiesgoColores.png) no-repeat bottom;
    background-size: contain;
}

.previewRisk2
{
    background: url(../../img/indicadorRiesgoNumerico.png) no-repeat bottom;
    background-size: contain;
}

.perfil-configuracion-estilo-titulo 
{
    float: left;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    width: 17%;
}
.perfil-configuracion-estilo-titulo-separator
{
    float: left;
    width: 9%;
    height: 1px;
}
.titulo-encuesta {
  text-align: center;
  font-weight:bold;
}

.perfilador-nueva-pregunta {
    margin-top: 20px;
}

.perfilador-edicion-pregunta {
    margin-top: 14px;
}
input.perfil-titulo-personalizado {
    width: 420px;
}

.datagrid-header-alternative {
    display: none;
}
.alternative-footer-1 {display: none;}
.reporting-header-boton-recalcular 
{
    float: right; 
    margin-bottom: 10px;
    width: 200px;
}
.reporting-header-boton-whatif 
{
    float: right; 
    margin-bottom: 10px;
    width: 200px;
}
input.reporting-header-boton-pdf 
{
    float: right;
    width: 209px;
}
.iconQuesitoLink {
    background: rgba(0, 0, 0, 0) url("../../img/quesito.gif") no-repeat scroll 0 0;
}
.excel-export, .nueva-tarea
{
    vertical-align: text-bottom;
}
.nueva-tarea-panel
{
    float:right; padding-top: 2px;
}
.excel-export-panel
{
    float:right;
}
.error-logo-entidad {
    display:none;
}

.questionProfiler 
{
    margin-bottom: 15px;    
}

.questionProfilerTitle 
{
    margin-bottom: 5px;
}

.questionProfilerTitle span, .questionProfilerTitle label
{
    font-weight: bold;
}

.answersProfiler 
{
    padding-left: 15px;    
}

.answersProfiler .answer 
{
    margin-bottom: 3px;    
}
.menu-cliente-cliente {
    display:none;
}
.perfil-cliente-opciones-alternativo {
    display: none;
}
.ocultarFechaEvolucion {
    display: none;
    text-align: left;
    width: 130px;
}

.mostrarFechaEvolucion {
    display: inline-block;
    text-align: left;
    width: 130px;
}

.panelBenchmarkEvolucion {
    display: inline-block;
    text-align: left;
}

.panelPeriodoEvolucion {
    display: inline-block;
    text-align: left;
}

.tabla-separador {
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    min-height: 55px;
    vertical-align: middle;
    margin-bottom: 0px;
}

.tabla-separador-bottom {
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
}

#centerContent.centerValidation {
    padding-top: 5%;       
}

.centerValidation {
    margin: auto;
    width: 415px;
    color: #888;
    padding: 10px;
}

.tabla-separador .titleBigSelect {
    margin-bottom: 0px;
}
.tabla-separador span {
    line-height: 50px;
    padding-left: 10px;
}

.tabla-separador img.iconHelp {
    margin-top: 17px;
}

.tabla-separador input[type="text"], .tabla-separador input[type="tel"], .tabla-separador input[type="email"], .tabla-separador input[type="password"] {
    margin-top: 9px;
    padding-left: 10px;
}

.negrita {
    font-weight: bold;
}

.panelGrupos {
    padding: 0 0 0 35px;
}

.imgComercializableOn, .imgComercializableOff:hover
{
    background: transparent url(../../img/icons/award_star_gold.gif) no-repeat;
    width: 18px;
    min-height: 16px;
    border: 0px;
    cursor: pointer;
}

.imgComercializableOff, .imgComercializableOn:hover
{
    background: transparent url(../../img/icons/award_star_silver.gif) no-repeat;
    width: 18px;
    min-height: 16px;
    border: 0px;
    cursor: pointer;
}

.contenedor-campos-no-size {
    display: inline-flex;
}

.contenedor-campos
{
    display: inline-flex;
    min-width: 380px;
    /*min-height: 30px;*/
}

.cargador
{
    display: inherit;
}

span.label_doble {
    line-height: 17px;
    vertical-align: text-top;
}

.vinyeta-lista-riesgos {
    background: transparent url(../../img/PUNTO.gif) no-repeat;
}

.clearfix-height {
    clear: both;
	display: block;
	height: 10px;
	width:100%;
}

.tres-col{
    min-width: 318px;
    width: 32%;
}

.next-row {
    margin-top: 0px;
}

@media screen and (max-width: 1212px) { 
      .next-row {
          margin-top: 10px;
      }
}
@media screen and (max-width: 1610px) { 
      .next-row2 {
          margin-top: 10px;
      }
}

.propuesta-importe-box{
    min-width: 184px !important;
}

.carteras-composiciones {
    display: inline;
}

.reporting-header1 {
    width: 18%;
}
.reporting-header1 .contenedor-campos
{
    display: inline-block;
}
.reporting-header1 .contenedor-campos div {
    margin-bottom: 8px;
}
.reporting-header2 {
    width: 43%;
}
.reporting-header3 {
    width: 19%;
}
.reporting-header3 .contenedor-campos {
    min-width: 230px;
}

.propuestas-planificacion {
    width: 225px;
}
.config-calculo-tipo-cliente {
    margin-bottom: 30px;
}
.config-calculo-tipo-cliente .segunda-op {
    height: 1px;
    width: 30px;
    display: inline-block;
}

.gdc_titular_principal { margin-bottom: 10px;}
.gdc_contratoprop_left { float: left; width: 60%; }
.gdc_titulares_secundarios {}
.gdc_perfil, .gdc_cartera, .gdc_benchmark, .gdc_tarifa, .gdc_UmbralInversion, .gdc_periodicidadInforme, .gdc_horizonte, .gdc_divisa, .gdc_tipocontrato { margin-top: 10px; margin-bottom: 10px; }
.gdc_perfil { margin-top: 40px;}
.gdc_perfil span, .gdc_cartera span, .gdc_benchmark span, .gdc_tarifa span, .gdc_UmbralInversion span, .gdc_periodicidadInforme span,  .gdc_horizonte span, .gdc_divisa span, .gdc_tipocontrato span  { float: left; width: 140px; }
.gdc_perfil .styled-select, .gdc_cartera .styled-select, .gdc_benchmark .styled-select, .gdc_tarifa .styled-select, .gdc_UmbralInversion .styled-select, .gdc_periodicidadInforme .styled-select,  .gdc_horizonte .styled-select, .gdc_divisa .styled-select, .gdc_tipocontrato .styled-select { float: left; }
.gdc_comisiones { margin-top: 40px; }
.gdc_comisiones_gestion { float: left; width: 49%; }
.gdc_comisiones_exito { float: left; width: 49%; }
.gdc_contratoprop_right { float: left; width: 39%; }
.gdc_comisiones_gestion span, .gdc_comisiones_exito span { width: 140px; display: inline-block; }
.gdc_comisiones_gestion input, .gdc_comisiones_exito input { width: 40px; }
span.gdc_comisiones_perc { width: 10px; }
.gdc_contratoprop_right span { display: inline-block; width: 115px; }
.gdc_contratoprop_guardar { margin-top: 60px; }
input.gdc_titulares_add { vertical-align: middle; }
.gdc_titular_principal_title { font-weight: bold; }
.gdc_cuentas_numcontrato { float: right; min-width: 350px; }
.gdc_cuentas_fondos { margin-top: 45px; }
.gdc_cuentas_fondos_add_combo { float: left; }
.gdc_cuentas_fondos_add_btn { float: left; margin-left: 10px; padding-top: 9px; }
.gdc_contratos_busqueda input { margin-right: 20px; }
.gdc-botones-buscador { margin-top: 10px; }
.gdc-buscador-rebalanceo-titulo { margin-bottom: 30px; }
.gdc_ordenes_filtros { }
.gdc_ordenes_filtros_estado, .gdc_ordenes_filtros_tipo_producto, .gdc_ordenes_filtros_fecha_desde { float: left; display: inline-flex; margin-right: 30px; }
.gdc_ordenes_filtros_estado span, .gdc_ordenes_filtros_tipo_producto span, .gdc_ordenes_filtros_fecha_desde span { margin-right: 10px; padding-top: 8px; }
.gdc_ordenes_filtros_fecha_desde span { min-width: 75px; }
.gdc_ordenes_filtros_fecha_desde img.calendar { margin-top: 8px; }
.gdc_ordenes_resultados_titulo { margin-top: 20px; }
input.iconGdcEnvioOrden, a.iconGdcEnvioOrden img, input.iconGdcEnvioOrden, a.iconGdcEnvioOrden img { background: url("../../img/iconsBP/img_next_arrow.png") no-repeat; width: 18px; height: 18px; cursor: pointer; }
.gdc_rebalanceo_contrato { font-weight: bold; margin-bottom: 15px; margin-top: 15px; }
.gdc_rebalanceo_ordenes_mercado {}
.gdc_rebalanceo_ordenes_mercado_title, .gdc_rebalanceo_ordenes_dependientes_title, .gdc_rebalanceo_ordenes_canceladas_title { margin-bottom: 5px; margin-left: 25px; }
.gdc_rebalanceo_ordenes_mercado_list, .gdc_rebalanceo_ordenes_dependientes_list, .gdc_rebalanceo_ordenes_canceladas_list { margin-bottom: 20px; margin-left: 25px; }
.gdc_rebalanceo_ordenes_canceladas_list { margin-bottom: 40px; }
input.but.green.gray { background-color: #ccc; }
input.but.green.red { background-color: #c54141 !important; }
input.iconGdcEjecucionOrden, a.iconGdcEjecucionOrden img, input.iconGdcEjecucionOrden, a.iconGdcEjecucionOrden img { background: rgba(0, 0, 0, 0) url("../../img/iconsBP/7c.png") no-repeat scroll 0 3px; width: 18px; height: 18px; cursor: pointer; }
.gdc_ordenes_masivo_title{}
.gdc_ordenes_masivo_ordenes{}
.gdc_ordenes_masivo_title_ordenes { }
.gdc_ordenes_masivo_ordenes_dependientes { margin-bottom: 20px; }
.gdc_ordenes_masivo_title_ordenes_dependientes { margin-top: 40px; }
.gdc_ordenes_masivo_title_ordenes_list { }
.gdc_ordenes_masivo_title_dependientes_list { }
.gdc_ordenes_masivo_title_ordenes_list_col { float: left; min-height: 1px;}
.gdc_ordenes_masivo_title_ordenes_list_col.contrato { width: 85px; }
.gdc_ordenes_masivo_title_ordenes_list_col.tipo_operacion { width: 110px; }
.gdc_ordenes_masivo_title_ordenes_list_col.fondo { width: 132px; }
.gdc_ordenes_masivo_title_ordenes_list_col.num_part { width: 100px; }
.gdc_ordenes_masivo_title_ordenes_list_col.importe { width: 90px; }
.gdc_ordenes_masivo_title_ordenes_list_col.valor_liquid { width: 0px; display: none;}
.gdc_ordenes_masivo_title_ordenes_list_col.fondo_dest { width: 133px; }
.gdc_ordenes_masivo_title_ordenes_list_col.fecha { width: 70px; }
.gdc_ordenes_masivo_title_ordenes_list_col.num_part_edit {  width: 100px; }
.gdc_ordenes_masivo_title_ordenes_list_col.valor_liquid_edit { width: 85px; }
.gdc_ordenes_masivo_title_ordenes_list_headers { font-weight: bold; }
.gdc_ordenes_masivo_contain { min-height: 285px; }
.gdc_ordenes_masivo_title_ordenes_list_row { margin-top: 6px; }
.gdc_ordenes_masivo_title_ordenes_list_col.num_part_edit input { width: 53px; text-align: right; height: 20px; margin-left: 6px; }
.gdc_ordenes_masivo_title_ordenes_list_col.valor_liquid_edit input { width: 90px; text-align: right; height: 20px; }
.gdc_ordenes_masivo_importe_calculado { color: #666; font-size: 12px; font-style: italic; margin-top: -7px; padding-right: 4px; text-align: right; }
.gdc_ordenes_rebalanceo_nopermitido { color: #999; font-style: italic; }
.gdc_ordenes_confirmar_numpart { margin-right: 4px; min-height: 30px; text-align: right; }
.gdc_alta_ordenes_contenedor_campos { margin-top:5px; margin-bottom:5px; }
.gdc_ordenesindividuales_posicion_en_vuelo { color: #999; font-style: italic; }

/*******************/
/******* KYC *******/

.menukyc {
    box-shadow: 0 2px rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
    padding-left: 25px;
    padding-right: -25px;
    width: 100%;
}

.kyc {
    
}

.blockKyc {
    clear: both;
    margin-bottom: 20px;
    padding-top: 20px;
}

.blockKyc label {
    font-size: 14px;
}

.blockKycQuestion  {
    padding-top: 10px;
    clear: both;

}

.blockKycQuestion span, .blockKycQuestion label {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 5px;
    float: left;
}

.blockKycAnswer {
    clear: both;
    margin-left: 30px;

}

.blockKycAnswer .styled-select, .blockKycAnswer input, .blockKycAnswer img,.blockKycAnswer label, .blockKycAnswer span, .blockKycAnswer textarea, .kycElement input[type=image] {
    float: left;
    margin-right: 10px;    
}

.blockKycAnswer .styled-select {
    margin-bottom: 6px;
}

.blockKycAnswer textarea {
    background-color: #F1F2F2;
    border: 1px solid #D1D3D4;
    border-radius: 0 0 0 0 !important;
    height: 33px;
    margin-bottom: 9px;
    padding-right: 2%;
    padding-left: 1%; 
    width: 185px;
    color: Black;
    min-height: 130px;
}


.divKycBlock-title {
    box-shadow: 0 3px rgba(0, 0, 0, 0.18);
    font-size: 24px;
    font-weight: normal;
}

.blockKycQuestion .divKycBlock-title {
    border-bottom: medium none;
    color: #777;
    font-size: 16px;
    font-weight: bold;
}

.blockKycAnswer .regular-checkbox + label.before
{
    margin-right: 10px;
    margin-top: 7px;
}

.blockKycAnswer span 
{
    min-width: 100px;
}

.blockKycAnswer select[multiple]
{
    border: medium none;
    width: 100%;
    display: ruby;
}

.blockKycAnswer select[multiple] option, .optionMultipleKyc, .optionMultiple
{
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    margin: 6px;
    padding: 5px;
    min-width: 100px;
    float: left;
    text-align: center;
    cursor: pointer;
}
.optionMultipleKyc span, .optionMultiple span {
    padding: 0px;
    margin: 0px;
}

.optionMultipleKyc.selected, .optionMultiple.selected {
    background: #3399FF;
}
.kycElement{
    padding-left: 20px;
}
.kyc-nuevo-elemento
{
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    float: left;
    font-style: italic;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0px;
    width: 112px;
    display: inline-flex;
    opacity: 0.4;
    overflow: hidden;
    height: 30px;
    margin-left: 20px;
}
.kyc-nuevo-elemento:hover {
    opacity: 1;
    width: auto;
    height: auto;
    padding-top: 9px;
}


.SliderHeaderKyc
{
    cursor: pointer;
    box-shadow: 0 3px rgba(0, 0, 0, 0.18);
    font-size: 24px;
    font-weight: normal;
}
    
.SliderContentKyc 
{
    padding-left: 20px; 
}

.kyc-nuevo-elemento .SliderHeaderKyc span {
    font-size: 15px;
    font-weight: normal;
}
.kyc-nuevo-elemento input.iconAdd, .kyc-nuevo-elemento a.iconAdd img {
    margin-left: 9px;
    margin-top: 9px
}
.kyc-nueva-respuesta 
{
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    float: left;
    font-style: normal;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0px;
    width: 120px;
    display: inline-flex;
    opacity: 0.4;
    overflow: hidden;
    height: 30px;
    margin-top: 10px;
}
.kyc-nueva-respuesta:hover {
    opacity: 1;
    width: auto;
    height: auto;
    padding-top: 9px;
}
.kyc-nueva-pregunta
{
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    float: right;
    font-style: normal;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0px;
    width: 120px;
    display: inline-flex;
    opacity: 0.4;
    overflow: hidden;
    height: 30px;
    margin-top: 10px;
}
.kyc-nueva-pregunta:hover {
    opacity: 1;
    width: auto;
    height: auto;
    padding-top: 9px;
}
.kyc-nueva-pregunta .SliderHeaderKyc span, .blockKycQuestion .SliderHeaderKyc label, .kyc-nuevo-bloque .SliderHeaderKyc span {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 5px;
    float: none;
    display: ruby;
}

.kyc-nuevo-bloque
{
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    float: right;
    font-style: normal;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0px;
    width: 165px;
    display: inline;
    opacity: 0.4;
    overflow: hidden;
    height: 33px;
    margin-top: 10px;
}
.blockKyc .kyc-nuevo-bloque, .blockKyc .kyc-nueva-pregunta {
    float: left;
}
.kyc-nuevo-bloque:hover {
    opacity: 1;
    width: 97%;
    min-width: 644px;
    height: auto;
    padding-top: 9px;
}
.kyc-nuevo-bloque .SliderHeaderKyc {
    float: left;
    box-shadow: none;
}

.blockKycQuestion .SliderHeaderKyc {
    border-bottom: medium none;
    color: #777;
    font-size: 16px;
    font-weight: bold;
    box-shadow: none;
    padding-top: 6px;
}

.blockKycQuestion .SliderHeaderKyc span, .blockKycQuestion .SliderHeaderKyc label {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 5px;
    float: none;
    display: ruby;
}

.kyc-nuevo-elemento .SliderHeaderKyc {
    float: left;
}
.kyc-nuevo-elemento .SliderContentKyc, .kyc-nuevo-bloque .SliderContentKyc {
    float: left;
    display: inline-flex;
}
.kyc-nueva-respuesta .SliderHeaderKyc span
{
    float: left;
    padding-top: 0;
    width: 200px;
    font-weight: normal;
}
.kyc-nuevo-elemento .SliderContentKyc .styled-select  {
    margin-right: 10px;
}
.kyc-nueva-respuesta .SliderHeaderKyc input.iconAdd, a.iconAdd img
{
    float: right;
}
.kyc-nueva-pregunta .SliderContentKyc span, .kyc-nuevo-bloque .SliderContentKyc span {
    float: left;
    margin-top: 9px;
}
.kyc-nueva-pregunta .SliderContentKyc input[type="text"], .kyc-nuevo-bloque .SliderContentKyc input[type="text"]
{
    margin-left: 30px;
    width: 370px;
    float: left;
    margin-right: 10px;
}
.kyc-nueva-pregunta .SliderContentKyc .styled-select, .kyc-nuevo-bloque .SliderContentKyc .styled-select {
    float: left;
}
.kyc-nueva-pregunta .SliderContentKyc .add-question, .kyc-nuevo-bloque .SliderContentKyc .add-block {
    float: left;
    margin-left: 5px;
    padding-top: 9px;
}
.kyc-nueva-pregunta .SliderHeaderKyc {
    border-bottom: medium none;
    box-shadow: none;
    color: #777;
    font-size: 16px;
    font-weight: bold;
    padding-top: 6px;
}

.kyc-nueva-pregunta .SliderContentKyc {
    display: inline-flex;
    padding-left: 20px;
}
.kyc-nuevo-bloque-divider {
    box-shadow: 0 3px rgba(0, 0, 0, 0.18);
    height: 4px;
    margin-bottom: 12px;
    margin-top: -8px;
}
.blockKycAnswerAdmin {

}
.blockKycAnswerAdmin .answer-border {
    float: left;
}
.blockKycAnswerAdmin .answer-info {

}

.blockKycAnswer .regular-radio + label 
{
    padding-bottom: 9px;
    padding-right: 9px;
}

.blockKycAnswer .infoErrorBallonContainer span {
    line-height: 0px;
}


.blockKycQuestion .infoErrorBallonContainer span, .blockKycQuestion .infoErrorBallonContainer label {
    padding-top: 0px;
}

.blockKycAnswer .infoErrorBallon {
    margin-top: -33px;
    margin-left: -240px;
}

.blockKycAnswer input[type="text"][date] + img   {
    margin-right: 144px
}


/******* FIN KYC *******/
/***********************/


.chkanualizar {
    text-align: left;
    margin-left: 15%;
    margin-top: 13px;
}

.medios-cliente {
    font-size: 20px;
    text-align: center;
}
.medios-seleccione {
    display: inline-flex;
    margin-bottom: 200px;
    margin-top: 25px;
}
.medios-seleccione span {
    padding-top: 10px;
    margin-right: 25px;
}

.fp-styled-select, .fp-styled-select.small, .fp-styled-select.currency
{
   width: 290px;
   height: 33px;
   overflow: hidden;
   background: url(../../img/down_arrow_select.jpg) no-repeat right #F1F2F2;
   border: 1px solid #ccc;
}

.fp-styled-select select, .fp-styled-select.small, .fp-styled-select.currency select 
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    
   background: transparent;
   width: 320px;
   padding: 8px 64px 8px 8px ;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
}

input.small, input.smallMoney{width:80px !important}
input.smallInt, input.smallPercent{width:50px !important}
.parametro .botones{box-sizing:border-box;padding-top:0.5em;}        

@media (max-width:600px){
    .parametro{ width:100%; }
}

@media (min-width:601px){
    .parametro .botones{padding-left:1em;}
    .parametro{width:90%; max-width:800px;}
}

.titleBuscadorEmisor
{
    width: 255px !important;
}
.medio-check-obligatorio
{
    margin-bottom: 30px;
}

.fecha-actualizacion-label, .fecha-actualizacion-value {
    color: #888;
    font-style: italic;
}

.nombreCarteraExacto
{
    margin-bottom: 5px;
}

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

.coutasMensuales{
    display: inline-block;
    vertical-align:top;
    margin-top: 1em;
}

@media (min-width:1114px)
{
    .coutasMensuales {
        margin-left: 100px;
    }
}

.buscador-cliente-monitor-nombre, .buscador-cliente-monitor-dni {
    float: left;
}

.buscador-cliente-monitor-nombre input, .buscador-cliente-monitor-nombre2 input, .buscador-cliente-monitor-apellido1 input, .buscador-cliente-monitor-apellido2 input, .buscador-cliente-monitor-dni input {
    padding-left: 10px;
    padding-right: 10px;
}

.buscador-cliente-monitor-nombre input, .buscador-cliente-monitor-nombre2 input, .buscador-cliente-monitor-apellido1 input, .buscador-cliente-monitor-apellido2 input, .buscador-cliente-monitor-dni input {
    padding-left: 10px;
    padding-right: 10px;
}

.buscador-cliente-monitor-nombre2, .buscador-cliente-monitor-apellido1, .buscador-cliente-monitor-apellido2 {
    float: left;
    margin-left: 20px;
}

.buscador-cliente-monitor-apellido2-sep, .buscador-cliente-monitor-dni-sep {
    clear: both;
}

.busca-cliente-caracteristicas .title {
    display: table;
}

.buscador-cliente-avanzado-nombre, .buscador-cliente-avanzado-dni, .buscador-cliente-avanzado-tipo-cliente {
    float: left;
}

.caracteristica-repeater-list { display: inherit; }

 span.normal {
    line-height: normal;
}
.buscador-cliente-avanzado-nombre2, .buscador-cliente-avanzado-apellido, .buscador-cliente-avanzado-apellido2, .buscador-cliente-avanzado-segundo-titular, .buscador-cliente-avanzado-idCliente, .buscador-cliente-avanzado-representante {
    float: left;
    margin-left: 15px;
}

.buscador-cliente-avanzado-tipo-experiencia {
    float: left;
    margin-left: 5px;
}

.buscador-cliente-avanzado-segundo-titular-sep, .buscador-cliente-avanzado-representante-sep, .buscador-cliente-avanzado-tipo-experienci7a-sep, .buscador-cliente-avanzado-apellido2-sep, .buscador-cliente-avanzado-idCliente-sep {
    clear: both;
}

.caracteristica-repeater-list {
    display: inherit;
}

.filter-statistics-selector {
    width: 350px;
    height: 170px;
    float: left;
}

.filter-statistics-fechas {
    width: 300px;
    height: 170px;
    float: left;
}

.filter-statistics-fechas .styled-select {
    width: 100px;
    background: #e5e5e5 url("../../img/Colombia/combo.png") no-repeat scroll 80px center;
}

.filter-statistics-fechas .month, .filter-statistics-fechas .year {
    float: left;
}

.filter-statistics-fechas .month {
    margin-left: 10px;
}

.filter-statistics-fechas .titleSmall {
    padding-top: 7px;
}

.filter-statistics-campany {
    width: 280px;
    height: 170px;
    float: left;
}

.filter-statistics-segment {
    width: 260px;
    height: 170px;
    float: left;
}

.filter-statistics-campany .campany {
    margin-top: 20px;
}

.statistics-section{
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}
.statistics-module {
    width: 47%;
    padding-bottom: 20px;
    margin-right: 3%;
}
.perfilesClientesModule
{
    order:1;
}
.situacionClientesModule {
    order: 2;
}
.segmentosClientesModule {
    order: 3;
}
.saldoClientesModule {
    order: 4;
}
.propuestasClientesModule {
    order: 5;
}
.controlRiesgosModule {
    order: 6;
}


.filter-statistics-selector-mivista {
    margin-bottom: 17px;
}
.filter-statistics-selector-usuario input[type="text"]{
    width: 187px !important;
}
input.iconCampany, a.iconCampany img {
    background: url("../../img/icon-calendar-read.gif") no-repeat;
    width: 21px;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}
a.num-alerta::before {
    content: none;
    background: none;
    margin-right: 0px;
    vertical-align: inherit;
}
.icon-min-width {
    min-width: 23px;
    display: inline-block;
}
.admin-productos-icons {
    min-width: 41px;
}
.neweventCheck {
padding-left:2%;
padding-bottom:20px;
}


/* PosicionEnDivisa.ascx */
@media (min-width: 1226px)
{
    #infoEfectoDivisa{display:inline;}
}

@media (max-width: 1225px)
{
    #infoEfectoDivisa{display:block;}
}

.headerEfectoDivisa, .rowEfectoDivisa
{
    table-layout:fixed;
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-style:none;
}

.headerEfectoDivisa .colNombre, .rowEfectoDivisa .colNombre
{
    width:30%;
}
.headerEfectoDivisa .colImporteCompra, .rowEfectoDivisa .colImporteCompra,
.headerEfectoDivisa .colValorActual, .rowEfectoDivisa .colValorActual,
.headerEfectoDivisa .colRevalorizacionAbs, .rowEfectoDivisa .colRevalorizacionAbs
{
    width:13%;
}
.headerEfectoDivisa .colSeparador, .rowEfectoDivisa .colSeparador
{
    width:3%;
    text-align:center;
}
.headerEfectoDivisa .colRevalorizacionPct, .rowEfectoDivisa .colRevalorizacionPct
{
    width:12%;
}
.headerEfectoDivisa .colEfectoDivisa, .rowEfectoDivisa .colEfectoDivisa,
.headerEfectoDivisa .colRentabilidadAnualizada, .rowEfectoDivisa .colRentabilidadAnualizada
{
    width:8%;
}

th.colNombre, td.colNombre
{
    text-align:left;
}

th.colSeparador, td.colSeparador
{
    text-align:center;
}

th.colImporteCompra, td.colImporteCompra,
th.colValorActual, td.colValorActual,
th.colRevalorizacionAbs, td.colRevalorizacionAbs,
th.colRevalorizacionPct, td.colRevalorizacionPct,
th.colEfectoDivisa, td.colEfectoDivisa,
th.colRentabilidadAnualizada, td.colRentabilidadAnualizada
{
    text-align:right;
}

th.colNombre, td.colNombre,
th.colImporteCompra, td.colImporteCompra,
th.colValorActual, td.colValorActual,
th.colRevalorizacionAbs, td.colRevalorizacionAbs,
th.colRevalorizacionPct, td.colRevalorizacionPct,
td.colEfectoDivisa,
td.colRentabilidadAnualizada
{
    white-space:nowrap;
}
/* End PosicionEnDivisa.ascx */

.campaing-nueva-campaing {
    margin-top: 20px;
}

.campaing-nueva-campaing-descripcion{
    width: 590px; 
    height: 200px;
}

.campaing-nueva-campaing-fileUpload{
    padding-top: 2px; 
    height: 22px;
}

.campaing-nueva-space-between-fields {
    width: 30px;
}


input[type="text"].campaing-nueva-campaing-titulo {
    padding-left: 0; 
    padding-right: 0;
    Width:265px;
}

.campaing-nueva-fields-padding-left {
    padding-left: 10px;
}

.campaing-nueva-h3 {
    margin-bottom:0;
}

.estadisticaRiesgo 
{
    padding-top:17px; 
    padding-left:2%; 
    padding-right:2%;
}

.margin-bottom-0 {
    margin-bottom:0;
}

/* InformeComparativo.ascx */

.tblInformeComparativo
{
    table-layout:fixed;
    width: 100%;
    border-style: none;
    border-spacing: 0;
    border-collapse: collapse;
}

.tblInformeComparativo col.colProducto { width: 20%; }
.tblInformeComparativo col.colFechaVencimiento { width: 9%; }
.tblInformeComparativo col.colImporteInicial { width: 12%; }
.tblInformeComparativo col.colPesoInicial { width: 10%; }
.tblInformeComparativo col.colEntradasSalidasPeriodo { width: 11%; }
.tblInformeComparativo col.colImporteFinal { width: 12%; }
.tblInformeComparativo col.colPesoFinal { width: 10%; }
.tblInformeComparativo col.colRentabilidad { width: 11%; }
.tblInformeComparativo col.colTIR { width: 5%; }

/* End InformeComparativo.ascx */

.tarifa-editar {
    float:left; 
    width: 27px;
}



/* ********************************************* */
/*          ENCUESTAS / PERFILADOR               */
/* ********************************************* */

.quizContent 
{
    margin-top: 30px; 
    width: 99%;
}

.quizItem 
{
    margin-bottom: 25px;   
}

.quizBlock 
{
    margin-bottom: 40px;
}

.quizBlock h3
{
    margin-bottom: 0px;
}

.quizBlockQuestion 
{
    margin-left: 20px;
    vertical-align: middle;
    padding-top: 10px; 
    padding-bottom: 10px;
    padding-left: 10px;
}

.quizBlockQuestion:nth-child(odd) 
{
    background-color: #F6F6F6;
}

.quizBlockQuestion:nth-child(even) 
{
    background-color: white;
}

.quizBlockSelector, .quizBlockAnswer 
{
    margin-bottom: 20px;
    float: left;
    min-width: 80px;
    text-align: center;
}

.quizAnswer 
{
    margin-bottom: 5px;
    margin-left: 20px;
}

.quizQuestion, .quizQuestionBlock 
{
    padding-right: 15px;
    
}

.quizQuestion 
{
    margin-bottom: 10px;
}

.quizQuestionBlock
{
    width: 75%;
    float: left;
}

.testTermometro {
    float: left; 
    width: 15%;
    min-width: 320px;
    margin-bottom: 30px;
    margin-right: 2%;
}

.testResultado {
    float: left; 
    width: 54%;  
    margin-right: 2%;  
}

.testResultadoContent, .testHistoricoContent {
    margin: 0 auto;
    width: 96%;
}

.testHistoricoContent {
    margin-top: 50px;
}

.testOpciones {
    float: left; 
    width: 15%;
}

.testOpcionesContent {
    margin: 0 auto;
    width: 180px;
}

.testOpciones .opcionesBottom {
    margin-top: 117px;
    float: right;
}

.opcionesBottom .bottom {
    margin-top: 6px;
}

.testTermometro span {
    font-style: italic;
}

.testCaducidad, .testCaducado {
    padding-top: 10px;
}

.testCaducidad {
    padding-left: 56px;
    color: #777;
}

.testCaducado {
    padding-left: 42px;
    color: red;
}

img.avisoTest {
  vertical-align: text-top;
  padding-left: 5px;
}

.titleTest {
    padding-top: 13px;
}

.titleResultado {
    font-size: 150%;
    margin-bottom: 20px;
}

.familias {
    margin-bottom: 32px;
}

.familias span {
    font-style: normal;
}

.familias span.titleFamilias {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}

.listaFamilias {
    margin-top: 10px;
    margin-bottom: 10px;
}

.listaFamilias .titleFamilia {
    float: left;
    font-size: 14px;
    width: 230px;
}

.listaFamilias .iconFamilia {
    float: right;
    margin-right: 23px;
}

.itemFamilia {
    padding-top: 5px;
    padding-bottom: 22px;
}

.resultadoIdoneidad 
{
    float: left;
    margin-top: 10px;
}

.resultadoIdoneidad .item
{
    padding-top: 5px;
}

.resultadoIdoneidad .item .titleRiesgo {
    float: left;
    width: 150px;
}

.resultadoIdoneidad .item .resultRiesgo {
    float: left;
    min-width: 250px;    
}
    
.but.green.submit.buttonTest 
{
    display: inline-block;
    margin-bottom: 10px !important;
    width: 180px;
    margin: 0px;
    padding: 0px;
}

.datagrid-monitor-avisos
{
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

.monitor-avisos ol, .monitor-avisos ul {
  padding-left: 0;
  list-style-position: inside;
}

.monitor-avisos li {
  padding-left: 1.25rem;
  position: relative;
}
@media screen and (max-width: 1300px) {
    .testResultado {
        width: 51%;
    }
}
@media screen and (max-width: 1200px) {
    .testResultado {
        width: 49%;
    }
}
@media screen and (max-width: 1150px) {
    .testResultado {
        width: 47%;
    }
}
@media screen and (max-width: 1100px) {
    .testResultado {
        width: 45%;
    }
}
@media screen and (max-width: 950px) {
    .testResultado {
        width: 41%;
    }
}
@media screen and (max-width: 850px) {
    .testResultado {
        width: 37%;
    }
}

.sepInferior {
  margin-bottom: 9px;
}

.itemBox {
    display:flex;
    flex-wrap:wrap;
    padding-top:20px;
}

.itemBox .item {
    padding:4px;
    justify-content:space-between; 
    border-bottom: 1px dashed;
    margin-right:30px;
    margin-bottom:15px;
}
.itemBox .item span:nth-child(1) {
    float:left;
 }
.itemBox .item span:nth-child(2) {
    float: right;
    padding-left: 20px;
}

.quizAnswerOptions 
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.quizImage > div 
{
    flex-grow: 1;
    order: 1;
}

.quizImage 
{
    order: 2;
    min-width: 400px;
    margin-left: 2%;
    flex-basis: 43%;
    max-width: 43%;
}


.quizImage + .quizAnswersGroup 
{
    min-width: 460px;
    max-width: 50%;
}

.quizImage img 
{
    min-width: 400px;
}

@media screen and (max-width: 985px) 
{
    .quizImage + .quizAnswersGroup 
    {
        order: 2;
        flex-basis: 100%;
        min-width: 100%;
    }

    .quizImage 
    {
        min-width: 100%;
        margin-left: 0;
    }
}

.container_flex {
    display: flex;
}

    .container_flex.wrap, 
    .contenedor-campos-no-size.wrap 
    {
        flex-wrap: wrap;
    }

    .container_flex.row, 
    .contenedor-campos-no-size.row
    {
        flex-direction: row;
    }
    
    .container_flex.column, 
    .contenedor-campos-no-size.column
    {
        flex-direction: column;
    }

.contenedor-campos-no-size.align-center,
.container_flex.align-center
{
    align-items: center;
}

.amountevolution_grafico {
    padding-bottom: 10px;
}

.amountevolution_imagen {
    margin-right: 5%;
}

.amountevolution_leyenda_color {
    min-width: 250px;
    margin-bottom: 10px;
}

    .amountevolution_leyenda_color > img {
        margin-right: 10px;
        border-radius: 50%;
        width: 1em;
        height: 1em;
        vertical-align: middle;
    }

.operacionesCompromisos
{
    margin-top:1.5em;
    width: 40%;
}

.operacionesCompromisos table
{
    min-width: 400px;
}

.informemasivo-diasemana {
    margin-left: 30px;
}

.informemasivo-panelMensual {
    margin-left: 5%;

}

}

@media screen and (max-width: 1280px)
{
    .operacionesCompromisos
    {
        width: 50%;
        width: 50vw;
    }
}

@media screen and (max-width: 850px)
{
    .operacionesCompromisos
    {
        width: 60%;
        width: 95vw;
    }
}

@media screen and (max-width: 450px)
{
    .operacionesCompromisos
    {
        overflow-x:scroll;
    }
}

#calendar
{
    float: left;
    max-width: 1000px;
    width: 100%;
}

.collapse
{
    visibility: collapse;
}

.hidden
{
    display: none;
}

table[id$=optionTable]
{
    width: 100%;
    max-width: 1000px;
    margin-bottom: 20px;
}
/* PWA ***************************************/
.popup-html
{
    overflow: hidden;
}

.popup-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.popup-close {
    position: fixed;
    right: 20px;
    top: 20px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    body {
        font-size: 12px;
    }

    .regular-checkbox:checked + label.before::after, .regular-checkbox:checked + label.after + label.after::after {
        top: -5px;
        left: 0px;
    }

    .popup-body #contenedor
    {
        padding-bottom: 175px;
    }

    .SliderContent {
        overflow: auto;
    }

    html:not(.popup-html) {
        min-width: 960px;
    }

    .regular-checkbox:checked + label.before:after
    {
        content: '\2713';
        font-weight: bold;
        top: -5px;
        font-size: 1.5rem;
        left: -2px;
    }

    #calendar
    {
        max-width: 775px;
    }

    table[id$=optionTable]
    {
        max-width: 775px;
    }
}

/* PWA/ ***************************************/

#infoEvento
{
    margin-left: 2%;
}

#detalleEvento
{
    margin-right: 10vw;
}

/* Mensaje descarga APP Movil */
div[id$=divMsgDescargaAppMovil]
{
    border: solid 1px #6f6f6f;
    background-color: #aaa;
    background-color: rgba(170, 170, 170, 0.8);
    padding: 1em;
    position: fixed;
    bottom: 0;
    width: 98vw;
    justify-content: space-around;
    color:white;
}

div[id$=divMsgDescargaAppMovil] #divCierre
{
    margin-right: 1em;
}

div[id$=divMsgDescargaAppMovil] #divCierre strong
{
    font-family: Multicolore;
    font-size: 0.8rem;
    background-color: #b40000;
    padding: 0.2rem 0.4rem 0.3rem 0.4rem;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}

div[id$=divMsgDescargaAppMovil] #divMsgPregunta
{
    flex-basis: 0;
    flex-grow: 15;
    font-size:1.4rem;
}

div[id$=divMsgDescargaAppMovil] #divBotonDescarga
{
    flex-basis: 0;
    flex-grow: 3;
    justify-content: center;
}

div[id$=divMsgDescargaAppMovil] #divBotonDescarga a
{
    width:150px;
    line-height:30px;
}

#panelBuscadorInfoProductos{
    max-width: 1024px;
}

#panelBuscadorInfoProductos #panelDDL .contenedor-campos .title {
    width: 208px !important;
}

#panelBuscadorInfoProductos #panelDDL .contenedor-campos .titleBig .styled-select{
    width: 207px;
}

.panelNewItemToListAdminProductos{
    float: left;
}

.iconAddAdminProductos {
    float: left !important;
    margin-top: -2px;
}

.submitAdminProductos
{
    margin: 1.5em 0 0 0 !important;
}

.overflow-unset {
    overflow: unset !important;
}
.divCargador{
    width:100%;
    float: left;
}

/* FIN Mensaje descarga APP Movil*/

/* CSS Osvaldas tooltip */
#tooltip {
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

#tooltip:after /* triangle decoration */ {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}
/* FIN CSS Osvaldas tooltip */

a[class*=icon]
{
    display:inline-block;
}

a[class*=icon] img
{
    vertical-align:bottom;
}

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

.divCargadorFichero
{
    max-width: 40%;
    float:left;
}

.alertaClienteDatos_Carteras {
    border: 1px solid #808080;
    width: 450px;
    height: 200px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

.googleLogin {
    width: 191px;
    height: 46px;
    cursor: pointer;
    background: url("../../img/Colombia/btn_google_signin_light_normal_web.png") no-repeat;
}

    .googleLogin:hover {
        background: url("../../img/Colombia/btn_google_signin_light_focus_web.png") no-repeat;
    }

.filter-report-recommendation-selector-usuario input[type="text"] {
    width: 187px !important;
}

.filter-report-recommendation-selector {
    width: 350px;
    height: 170px;
    float: left;
}
.filter-report-recommendation-fechas {
    width: 300px;
    height: 170px;
    float: left;
}

.filter-report-recommendation-selector-tipoProd {
    width: 160px !important;
}
.filter-report-recommendation-selector-tipoProd-descripcion {
    width: 135px !important;
}
.filter-report-recommendation-selector-tipoProd-nemotecnico {
    width: 140px !important;
}