/********************************
    GENERALS
*/

:root {
    --color-principal: #FFD500;
  }

  
body, #form_popup
{
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 8.5pt;
    margin: 0px 0px 0px 0px;  
    font-weight: 100;  
}
body a
{
    text-decoration: none;
    color: black;
}
.ui-widget-content
{
    background-color: White;
}

.loading_small{background: url('core/images/ic_loading_small.gif') no-repeat 4px center;padding: 8px;padding-left: 26px !important;position: absolute; left: 0px; top: 0px; font-size: 12; border: 2px solid black;z-index:100000;background-color:white;display:none;}
.loading_big{background: url('images/ic_loading.gif') no-repeat center center;}

#content
{

    background-repeat: no-repeat;
    background-position: 60px 0px;
    /*background-image: url('images/TopShape.jpg');*/
}


.content_inner
{
    background-color: white;
    width: 100%;
    border: solid 1px #f8f8f8;
    padding: 8px;
}

.content_title
{
    padding: 6px 6px 6px 0px;
    font-size: 22pt;
    /* background: url(images/bg_underline_title.png) no-repeat left bottom; */
    text-align: left;
    color:#324D99;
}
div#content_path
{
    text-transform:capitalize;
    padding: 6px 6px 0px 14px;
    text-align: left;
    
    font-size: 8pt;
    color: #666;
}
div#content_path i
{
    border:0px solid #cccccc;
    width:10px;
    margin:5px;
    text-indent:-10000px;
    background:url('images/ic_arrow_right_black.gif') no-repeat center center;
}



div#page_header_bar
{
    height: 20px;
    padding-left: 36px;   
    background-repeat: no-repeat;
    background-position: 6px 4px;
    font-size: 11pt;
    color: #00ABC7;/*#0033A0;*/
    padding-top: 4px;
}




/********************************
    DATAGRID
*/


.textbox1{ background: url('images/bg_textbox.gif') repeat-x left top white;}


.datagrid { border: 1px solid #868B91; }
.datagrid tr th {
	background: url('images/ActionBarBg.gif') repeat-x left top #00ABC7;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #A5ACB5;
	border-width: 0px 1px 1px 0px;
	white-space: nowrap;
	padding: 5px 5px 4px 5px;
	text-align:left;
}

.datagrid_thead_tr_th
{
 background-color: #324D99 !important;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
    border: 1px solid #A5ACB5;
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 5px 5px 4px 5px;
    text-align:left;    
}
table{
    border-collapse: separate;
}
.datagrid_thead_tr_th2
{
    background-color: #fff;
    color: #324D99;
    font-size: 12px;
    font-weight: normal;
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 10px;
    text-align: left;
    border: solid 1px #919CB5;
    border-radius: 5px;
}

.datagrid_thead_tr_th3
{
   
    background-color: #00ABC7;
    border: 1px solid #cccccc;
    color: #3C3C3C;
    font-size: 9px ;
    font-weight: bold;    
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 2px 2px 3px 2px;
    text-align:left; 
}

.datagrid_thead_tr_th4
{
   
    background-color: var(--color-principal);;
    border: 1px solid #cccccc;
    color: #000000;
    font-size: 9px;
    font-weight: bold;    
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 5px 10px 5px 10px;
    text-align:left; 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.datagrid_thead_tr_th_bg
{
    background-color: #ECF1F8;
}

.datagrid_thead_tr_td
{
    background-color:#e5e5e5;    
    color: #3C3C3C;
    font-size: 11px ;
    font-weight: bold;
    border: 1px solid #A5ACB5;
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 5px 5px 6px 5px;
    text-align:left;    
}
.datagrid tr td{
    overflow: hidden;
    border-bottom: 1px solid #DBDEE1;
    border-right: 1px solid #DBDEE1;
    border-top: 0;
    border-left: 0;
	font-size: 11px ;
    padding: 4px 6px;
    font-weight: normal;
    background-color: #FFFFFF;
}
.datagrid_tbody_tr_td{
    overflow: hidden;
    border-bottom: 1px solid #DBDEE1;
    border-right: 1px solid #DBDEE1;
    border-top: 0;
    border-left: 0;
    font-size: 11px ;
    padding: 4px 6px;
    font-weight: normal;
    background-color: #FFFFFF;
}
.datagrid_tbody_tr_td2{
    background-color: #EEEEEE;
    color: #000000;
    overflow: hidden;
    border-bottom: 1px solid #DBDEE1;
    border-right: 1px solid #DBDEE1;
    border-top: 0;
    border-left: 0;
    font-size: 11px ;
    padding: 4px 6px;
    font-weight: bold;
}

.datagrid_tfoot_tr_td
{
    background: url('images/ActionBarBg.jpg') repeat-x left top #e7eaee;
    background-color: #e7eaee !important;
    padding:5px;
}

/********************************
    FORMULARIES
*/
.form_min
{
}
.form_min_input
{
    font-size: 10px;
}
.form2
{
    border: 1px solid #868B91;
}
.form_thead_tr_th{    
    background-color:var(--color-principal);
    color: black;
    font-size: 12pt;
    font-weight: normal;
    border: 1px solid #A5ACB5;
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 3px!important;
    text-align: left;
    border: none;
    border-radius: 5px 5px 0 0;   
}
.form_tbody_tr_th
{    
    width:115px;
    height:16px;
    color: #333333;
    font-size: 11px;
    text-align: left;    
    border-bottom: 1px solid #dddddd;    
    padding:3px 6px 3px 6px;
   
}
.form_tbody_tr_td
{ 
    font: 11px arial;
    border-bottom: 1px solid #e5e5e5;  
    padding: 5px;

    background-color:white;
}
.form_tfoot_tr_td
{     
    padding:10px;
}
.form_tbody_tr_td select,.form_tbody_tr_td input,.form_tbody_tr_td textarea
{ 
    font: 11px arial;
    border: 1px solid #7C89A0;
    padding: 10px 5px;
    border-radius: 5px;
    width: 100%!important;
}
.form_tbody_tr_td_span
{
   font: 9px arial; 
   color:#666666;
}

.dib_catalogo_greenbox
{    
    width:183px;
    height:84px;
    color: #fff;
    font-weight:bold;
    font-size: 14px;
    text-align: center;    
    border-bottom: 0px;    
    /* padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    margin-left: 10px;
    margin-right: 10px;
    background: url('images/box_green_183x84.png' ) right center no-repeat;
}
.dib_catalogo_redbox
{    
    width:183px;
    height:84px;
    color: #fff;
    font-weight:bold;
    font-size: 14px;
    text-align: center;    
    border-bottom: 0px;    
   /*  padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    background: url('images/box_red_183x84.png' ) right center no-repeat;
}
.dib_catalogo_silverbox
{    
    width:183px;
    height:84px;
    color: #fff;
    font-weight:bold;
    font-size: 14px;
    text-align: center;    
    border-bottom: 0px;    
   /*  padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    background: url('images/box_silver_183x84.png' ) right center no-repeat;
}
.dib_catalogo_rightarrow
{    
    width:69px;
    height:19px;
    /* color: #333333; */
    font-size: 11px;
    text-align: center;    
    border-bottom: 0px;    
   /*  padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    background: url('images/flecha_right_69x19.png' ) right center no-repeat;
}
.dib_catalogo_leftarrow
{    
    width:69px;
    height:19px;
    /* color: #333333; */
    font-size: 11px;
    text-align: center;    
    border-bottom: 0px;    
   /*  padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    background: url('images/flecha_left_69x19.png' ) right center no-repeat;
}
.dib_catalogo_leftarrowup
{    
    width:63px;
    height:70px;
    /* color: #333333; */
    font-size: 11px;
    text-align: center;    
    border-bottom: 0px;    
   /*  padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    background: url('images/flecha_der_up_63x70.png' ) right bottom no-repeat;
}
.dib_catalogo_leftarrowdown
{    
    width:63px;
    height:70px;
    /* color: #333333; */
    font-size: 11px;
    text-align: center;    
    border-bottom: 0px;    
   /*  padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    background: url('images/flecha_der_down_63x70.png' ) right top no-repeat;
}
.dib_catalogo_rightarrowup
{    
    width:63px;
    height:70px;
    /* color: #333333; */
    font-size: 11px;
    text-align: center;    
    border-bottom: 0px;    
   /*  padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    background: url('images/flecha_izq_up_63x70.png' ) right bottom no-repeat;
}
.dib_catalogo_rightarrowdown
{    
    width:63px;
    height:70px;
    /* color: #333333; */
    font-size: 11px;
    text-align: center;    
    border-bottom: 0px;    
   /*  padding:3px 6px 3px 6px; */
    /* background-color:#f0f0f0; */
    background: url('images/flecha_izq_down_63x70.png' ) right top no-repeat;
}



/************OTROS**********/

.form_label
{    
    color: #333333;
    font-size: 11px;
    text-align: left;          
    padding:3px 6px 3px 6px;
    /*background-color:#f0f0f0;*/
}

.head2
{    
    font-size: 11px;
    text-align: left;          
    
}






.plan_selected{float: left;list-style: none;margin-right:5px;margin-bottom:5px}
.plan_selected .ic_draggable{display:none}
.plan_table{width:160px;}

#carro_planes{padding:10px;margin:4px;width:770px;height:80px;border:1px solid #CCCCCC}
#mensaje_drop{font-size:18px;color:#cccccc;padding:10px;text-align:center}

.dragable{cursor:move;}
/*.ui-droppable{border:3px dashed #CCCCCC !important}*/
.drag_over{border:1px dashed black !important}

.tabletree_option_menu:hover{background-color:#e5e5e5}




.step_container .step{
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
    padding:6px;
    font-size:16px;
    
}
.step_container .step .active{
    background-color: #e7eff8;
    border: 1px solid #cccccc;
    padding:6px;
    font-weight:bold;
    
    
}
.step_container .step a:hover{
    text-decoration:underline;
}
.step_container .step .complete{
    
    padding:6px;
    font-weight:bold;
    background: url('images/tick.png' ) right center no-repeat;
}

.head{
    border: solid 1px #324D99;
    /* background-image: url(images/bg_table_title.gif); */
    background-repeat: repeat-x;
    background-color: #324D99;
    text-align: left;
    padding: 0px;
    color: #fff;
    padding: 5px 0;
}

.view_columns_font{

color:#FFFFFF;
}

.view_columns_font{

color:#FFFFFF;
}

.PROCESANDO{
    z-index: 100; 
    border: 1px solid #CCCCCC; 
    padding: 0px;
    font-weight:bold;
    background: url(images/loading8.gif) no-repeat center #FFFFFF;
}



/****************************
    PADDING
*****************************/

.pr0{
    padding-right:0px !important;
}
.pl0{
    padding-left:0px !important;
}
.pt0{
    padding-top:0px !important;
}
.pb0{
    padding-bottom:0px !important;
}
.pa0{
    padding:0px !important;
}


.pr5{
    padding-right:5px !important;
}
.pl5{
    padding-left:5px !important;
}
.pt5{
    padding-top:5px !important;
}
.pb5{
    padding-bottom:5px !important;
}
.pa5{
    padding:5px !important;
}


.pr10{
    padding-right:10px !important;
}
.pl10{
    padding-left:10px !important;
}
.pt10{
    padding-top:10px !important;
}
.pb10{
    padding-bottom:10px !important;
}
.pa10{
    padding:10px !important;
}

.pr15{
    padding-right:15px !important;
}
.pl15{
    padding-left:15px !important;
}
.pt15{
    padding-top:15px !important;
}
.pb15{
    padding-bottom:15px !important;
}
.pa15{
    padding:15px !important;
}






.mr0{
    margin-right:0px !important;
}
.ml0{
    margin-left:0px !important;
}
.mt0{
    margin-top:0px !important;
}
.mb0{
    margin-bottom:0px !important;
}
.ma0{
    margin:0px !important;
}

.mr5{
    margin-right:5px !important;
}
.ml5{
    margin-left:5px !important;
}
.mt5{
    margin-top:5px !important;
}
.mb5{
    margin-bottom:5px !important;
}
.ma5{
    margin:5px !important;
}

.mr10{
    margin-right:10px !important;
}
.ml10{
    margin-left:10px !important;
}
.mt10{
    margin-top:10px !important;
}
.mb10{
    margin-bottom:10px !important;
}
.ma10{
    margin:10px !important;
}


.mr15{
    margin-right:15px !important;
}
.ml15{
    margin-left:15px !important;
}
.mt15{
    margin-top:15px !important;
}
.mb15{
    margin-bottom:15px !important;
}
.ma15{
    margin:15px !important;
}


.mt-5{
    margin-top:-5px !important;
}
.mt-10{
    margin-top:-10px !important;
}
.mt-15{
    margin-top:-15px !important;
}
.mt-20{
    margin-top:-20px !important;
}
.mt-25{
    margin-top:-25px !important;
}
.mt-30{
    margin-top:-30px !important;
}
.mt-35{
    margin-top:-35px !important;
}





.fz9{
    font-size: 9px;
}

.fz10{
    font-size: 10px;
}

.fz11{
    font-size: 11px;
}

.fz12{
    font-size: 12px;
}

.fz16{
    font-size: 16px;
}


.fade50{
    -webkit-opacity: 0.50;
  -moz-opacity: 0.50;
  opacity: 0.50;
}
.fade25 {
    -webkit-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 0.25;
}


/********************* BUTTONS *****************************/

/*####### AMARILLO cliente ######*/

.btn-cliente {
    color: #fff;
    background-color: #324D99;
    border-color: #324D99;   
    font-weight: bold;
    border:2px solid #324D99;
    z-index: 999;
    text-transform: uppercase;
    min-width: 300px;
}
.btn-cliente {
    font-weight: bold;
    z-index: 999;
    text-transform: uppercase;
    display: inline-block;
    float: right;
}
.btn-cliente2 {
    font-weight: bold;
    z-index: 999;
    text-transform: uppercase;
}


    .btn-cliente:active, .btn-cliente.active, .open > .dropdown-toggle.btn-cliente {
        background-image: none;
    }

    .btn-cliente.disabled, .btn-cliente[disabled], fieldset[disabled] .btn-cliente, .btn-cliente.disabled:hover, .btn-cliente[disabled]:hover, fieldset[disabled] .btn-cliente:hover, .btn-cliente.disabled:focus, .btn-cliente[disabled]:focus, fieldset[disabled] .btn-cliente:focus, .btn-cliente.disabled:active, .btn-cliente[disabled]:active, fieldset[disabled] .btn-cliente:active, .btn-cliente.disabled.active, .btn-cliente[disabled].active, fieldset[disabled] .btn-cliente.active {
        background-color: #E4E4E4;
        border-color: #E4E4E4;
        color: #615F5F;
    }

    .btn-cliente .badge {
        color: #5cb85c;
        background-color: #fff;
    }

/*####### BLANCO CON LINEAS AZULES ######*/

.btn-cliente-line {
    color: #324D99;
    background-color: #FFFFFF;
    border-color: #324D99;   
    font-weight: bold;
    border:2px solid #324D99;
    z-index: 999;
    box-shadow:inset 0px 0px 2px #324D99;
    /*text-transform: uppercase;*/
}

    .btn-cliente-line:hover, .btn-cliente-line:focus, .btn-cliente-line:active, .btn-cliente-line.active, .open > .dropdown-toggle.btn-cliente-line {
        color: #324D99;
        background-color: #FFFFFF;
        border-color: #324D99;
    }

    .btn-cliente-line:active, .btn-cliente-line.active, .open > .dropdown-toggle.btn-cliente-line {
        background-image: none;
    }

    .btn-cliente-line.disabled, .btn-cliente-line[disabled], fieldset[disabled] .btn-cliente-line, .btn-cliente-line.disabled:hover, .btn-cliente-line[disabled]:hover, fieldset[disabled] .btn-cliente-line:hover, .btn-cliente-line.disabled:focus, .btn-cliente-line[disabled]:focus, fieldset[disabled] .btn-cliente-line:focus, .btn-cliente-line.disabled:active, .btn-cliente-line[disabled]:active, fieldset[disabled] .btn-cliente-line:active, .btn-cliente-line.disabled.active, .btn-cliente-line[disabled].active, fieldset[disabled] .btn-cliente-line.active {
        background-color: #FFFFFF;
        border-color: #9B9B9B;
        color: #9B9B9B;
    }


/*####### AZUL CON LINEAS BLANCAS ######*/

.btn-cliente-line2 {
    color: #FFFFFF;
    background-color: #129AB0;
    border:1px solid #FFFFFF;
    z-index: 999;
    /*text-transform: uppercase;*/
}

    .btn-cliente-line2:hover, .btn-cliente-line2:focus, .btn-cliente-line2:active, .btn-cliente-line2.active, .open > .dropdown-toggle.btn-cliente-line2 {
        color: #DDD;
        background-color: #276FBC;
        border-color: #DDD;
    }

    .btn-cliente-line2:active, .btn-cliente-line2.active, .open > .dropdown-toggle.btn-cliente-line2 {
        background-image: none;
    }

    .btn-cliente-line2.disabled, .btn-cliente-line2[disabled], fieldset[disabled] .btn-cliente-line2, .btn-cliente-line2.disabled:hover, .btn-cliente-line2[disabled]:hover, fieldset[disabled] .btn-cliente-line2:hover, .btn-cliente-line2.disabled:focus, .btn-cliente-line2[disabled]:focus, fieldset[disabled] .btn-cliente-line2:focus, .btn-cliente-line2.disabled:active, .btn-cliente-line2[disabled]:active, fieldset[disabled] .btn-cliente-line2:active, .btn-cliente-line2.disabled.active, .btn-cliente-line2[disabled].active, fieldset[disabled] .btn-cliente.active {
        background-color: #276FBC !important;
        border-color: #615F5F !important;
        color: #615F5F !important;
    }

/*####### BLANCO CON LINEAS AZULES ######*/

.btn-cliente-line3 {
    color: #129AB0;
    background-color: #FFFFFF;
    border-color: #129AB0;   
    font-weight: bold;
    border:1px solid #129AB0;
    z-index: 999;
    box-shadow:inset 0px 0px 2px #129AB0;
    /*text-transform: uppercase;*/
}

    .btn-cliente-line3:hover, .btn-cliente-line3:focus, .btn-cliente-line3:active, .btn-cliente-line3.active, .open > .dropdown-toggle.btn-cliente-line3 {
        color: #276FBC;
        background-color: #FFFFFF;
        border-color: #276FBC;
    }

    .btn-cliente-line3:active, .btn-cliente-line3.active, .open > .dropdown-toggle.btn-cliente-line3 {
        background-image: none;
    }

    .btn-cliente-line3.disabled, .btn-cliente-line3[disabled], fieldset[disabled] .btn-cliente-line3, .btn-cliente-line3.disabled:hover, .btn-cliente-line3[disabled]:hover, fieldset[disabled] .btn-cliente-line3:hover, .btn-cliente-line3.disabled:focus, .btn-cliente-line3[disabled]:focus, fieldset[disabled] .btn-cliente-line3:focus, .btn-cliente-line3.disabled:active, .btn-cliente-line3[disabled]:active, fieldset[disabled] .btn-cliente-line3:active, .btn-cliente-line3.disabled.active, .btn-cliente-line3[disabled].active, fieldset[disabled] .btn-cliente-line3.active {
        background-color: #FFFFFF;
        border-color: #9B9B9B;
        color: #9B9B9B;
    }

/**********************************************************/

/*********************************************************/
.oferta_producto{
    padding: 0 6px 10px;
    text-transform:capitalize; 
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;

}

.oferta_producto2{
    height: 40px;   
    padding: 0 6px 10px;
    text-transform:capitalize; 
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    background-color: #3339FF;
    color: #FFFFFF;
}

.oferta_producto2 p{
    padding: 12px;
}


.oferta_coberturas{
    height: 20px;
    padding: 0 6px 10px;
    text-transform:capitalize; 
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
}

.oferta_coberturas a:hover{
    opacity:10;
    cursor: pointer;
}

.oferta_prima{
    height: 30px;
    color: #C53D39;
    /* margin: 5px 0; */
    /* font-family: inherit; */
    font-size: 16px;
    vertical-align: text-top;
    text-align: center;
    font-weight: bold;
}

.oferta_prima2{
    color: #C53D39;
    /* margin: 5px 0; */
    /* font-family: inherit; */
    font-size: 14px;
    vertical-align: text-top;
    text-align: center;
    font-weight: bold;
}

.oferta_moneda{
    font-size: 14px;
    text-align: center;
}

.oferta_plan {
    height: 65px;
    padding: 0 6px 10px;
    text-transform:capitalize; 
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    vertical-align: text-top;
    text-align: center;
}

.vr
{
  display:inline;
  height:100%;
  width:1px;
  border:1px inset;
  margin:5px
}

.multi-item-carousel{
  .carousel-inner{
    > .item{
  transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
  left:-33%;
      }
      &.right{
  left:33%;
      }
    }
    .next{
  left: 33%;
    }
    .prev{
  left: -33%;
    }
    @media all and (transform-3d), (
  -webkit-transform-3d) {
      > .item{
        transition: 500ms ease-in-out left;
  transition: 500ms ease-in-out all;
  backface-visibility: visible;
  transform: none!important;
      }
    }
  }
  .carouse-control{ 
    &.left, &.right{
  background-image: none;
    }
  }
  background: rebeccapurple;
  background: rgba(185, 192, 214, 0.54);
}

.carousel-inner {
    position: relative;
    width: 70%;
    overflow: hidden;
    left: 15%;
    padding: 5px;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to left,rgba(222, 227, 236, 0) 0,rgb(124, 140, 160) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(222, 227, 236, 0) 0,rgb(124, 140, 160) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

.box-oferta{
    border-radius: 5px;
    border: 5px solid #eeecff;
    padding: 0px 15px 0px 15px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    box-shadow: 0px 0px 12px #1a3e63;
    background: #FFFFFF;
}

.box-oferta:hover,.box-oferta:active{
    border-radius: 5px;
    border: 5px solid #b3bbca;
    padding: 0px 15px 0px 15px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    box-shadow: 0px 0px 12px #080203;
    background: #e6edf5;
}

.box-oferta-act{
    border-radius: 5px !important;
    border: 5px solid #b3bbca !important;
    padding: 0px 15px 0px 15px !important;
    background: #e6edf5; !important;
    -ms-transform: scale(1.05);    
    -moz-transform: scale(1.05);  
    -webkit-transform: scale(1.05);  
    -o-transform: scale(1.05);  
    transform: scale(1.05);    
    position:relative;      
    z-index:100 !important;  
    box-shadow: 0px 0px 15px #080203 !important;
}

.box-oferta-act2{
    /*border-radius: 10px !important;*/
    border: 5px solid #b3bbca !important;
    margin:-10px;
    padding: 15px !important;
    background: #e6edf5; !important;
    /*-ms-transform: scale(1.2);    
    -moz-transform: scale(1.1);  
    -webkit-transform: scale(1.1);  
    -o-transform: scale(1.1);  
    transform: scale(1.1);   */ 
    position:relative;      
    z-index:100 !important;  
    box-shadow: 0px 0px 15px #080203 !important;
    /*height: 115% !important;*/
}

.zoom:hover,  
.zoom:active,   
.zoom:focus {
    -ms-transform: scale(1.05);    
    -moz-transform: scale(1.05);  
    -webkit-transform: scale(1.05);  
    -o-transform: scale(1.05);  
    transform: scale(1.05);    
    position:relative;      
    z-index:100;  
    box-shadow: 0px 0px 15px #2a2a2a;

}

.zoom2:hover,  
.zoom2:active,   
.zoom2:focus {
    -ms-transform: scale(1.05);    
    -moz-transform: scale(1.05);  
    -webkit-transform: scale(1.05);  
    -o-transform: scale(1.05);  
    transform: scale(1.05);    
    position:relative;      
    z-index:100;  
    box-shadow: 0px 0px 15px #2a2a2a;
    height: 110%;
    background: #FFFFFF;
}


.oferta-grilla:hover,  
.oferta-grilla:active,   
.oferta-grilla:focus {
    position:relative;      
    z-index:100;  
    height: 110%;
    border-radius: 5px;
    color: #2e240a !important;
    background-color: #F8971D;
    border: 3px solid #F8971D !important;   
    font-weight: bold;
    border:2px solid #F8971D;
    z-index: 999;
}



/* DivTable.com */
.divTable{
    display: table;
    width: 100%;
    color: #000000;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    background-color: #f8f8f8;
    display: table-header-group;
}
.divTableCell, .divTableHead {
    border: 1px solid #ddd;
    display: table-cell;
    padding: 3px 10px;
    font-size: 11px;
    vertical-align: middle;
}
.divTableHeading {
    background-color: #f8f8f8;
    display: table-header-group;
    font-weight: bold;
    font-size: 14px;
}
.divTableFoot {
    background-color: #f8f8f8;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
    color:#555;
}
.divTableCell_2 {
    display: table-cell;
    padding: 5px 5px;
    font-size: 11px;
}
.divTableCell_2 a {
    color: #555;
}

/*-----CALERT-----*/
.wrapper{
    padding:5px;
    width: 100%; 
    overflow-x:hidden;
}
.wrapper-dialog{
    padding:10px;  
}
/*-----CALERT-----*/

.loading-overlay {
  background:white;
  position:fixed;
  top:0; bottom:0;
  left:0; right:0;  
  z-index:9999;  
  opacity:0.8;  
  border-radius: inherit;
}


/* BUTTON LOADER */
.loading .fa {
  display: none;
}
.loading::before {
  display: inline-block;
  content: "\f110";
  font-family: FontAwesome;
  margin-right: 5px;
  animation: 1s steps(8) 0s normal none infinite running fa-spin;
}

/*
    SPINNER
*/
.spinner-container-fullscreen {
    opacity: 1;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 700px;
    height: 250px;
    text-align: center;
    z-index: 9999;
    /*border: 10px solid #CCCCCC;    */
    padding-top: 60px;
    border-radius: 10px;
    /*background-color: white;    */
}
.spinner-container-fullscreen .spinner div{
    height: 200px;
    width: 25px;
}

.spinner-container{
    padding-left: 8px;
}
.spinner-container .text{
    vertical-align: top;
    display: inline-block;
    height: 30px;
    color:#777;
    padding: 15px 0px 0px 5px;
}
.spinner {  
  height:40px;
  text-align: center;
  font-size: 10px;
  padding-top: 10px;
 display: inline-block;
}

.spinner > div {
  background-color: #FFFFFF;
  height: 100%;
  width: 6px;
  display: inline-block;  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}


/*TOOLTIP*/
.tooltiptext {
    visibility: hidden;
    width: auto;
    height: auto;
    background-color: #D9EDF7;
    color: #44748A;
    text-align: left;
    border-radius: 6px;

    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 25%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    overflow: hidden;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

label:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*TOOLTIP*/
.a-switch {
    display: inline-block;
    border: 1px solid black;
    background-color: red;
    width: 70px;
    border-radius: 20px;
}

.a-switch__wrapper {
    display: flex;
    padding: 3px 4px;
    cursor: pointer;
}

.a-switch--active .a-switch__wrapper {
    justify-content: flex-end;
}

.a-switch__selector {
    border: 1px solid #b1b1b1;
    background-color: #b1b1b1;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    /* padding: 3px 0 0 6px; */
    padding-top: 2px;
    color: #fff;
    font-size: 11px;
    text-align: center;
}

.a-switch--active .a-switch__selector {
    background-color: black;
    color: var(--color-principal);;
}

.a-switch--active {
    background-color: white;
}
/*==================================================*/
#body > .navbar-default > div > .pageheader{
    background-color: var(--color-principal);
    color: #000000!important;
    padding-top: 10px;
    
}
.logobox{
    display: table-cell;
    padding: 3px 10px;
    width: 250px;
    margin-left: 1cm;
    top:-10px;
}
.logobox img{
    margin-left: 30px;
    width: 100%;
}
.nav-fokus .nav > li > a{
    color: #9F9F9F!important;
    font-family: Asap,sans-serif!important;
    font-size: 14px!important;
    margin-right:70px;
}
.content_outer #content{
    border: 0px solid #999999;
    display: table-cell;
    background: #fff!important;
    border-radius: 4px;
    padding: 3px 10px;
}
.content_outer {
    /*background-color: #DCDDDE;*/
    padding: 30px;
    /*border-top: 1px solid #cccccc;*/
    border-bottom: 1px solid #cccccc;
    padding-top:0px;
}

.datagrid tr th,
.datagrid>div:first-child>div>div {
    background-image: none;
    background-color: #fff!important;
    color: #324D99!important;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    padding: 10px!important;
    text-align: left;
    min-height: 41px!important;
    text-transform: capitalize;
    border: none!important;
    border-bottom: 4px solid #E9ECF2!important;
}
#calendario,
#economicos {
    background-color: var(--color-principal);;
}
#calendario.datagrid tr th,
#economicos.datagrid tr th{
    background: var(--color-principal);
    text-transform: capitalize;
  
}
#calendario.datagrid tr td,
#economicos.datagrid tr td{
    background: var(--color-principal);
    border: none!important;
}
.datagrid tr th img:nth-child(2),
.datagrid>div:first-child>div>div>span>img:nth-child(2){
    display: none;
}
.datagrid tr th span strong,
.datagrid tr th span b,
.datagrid>div:first-child>div>div>span>strong,
.datagrid>div:first-child>div>div>span>b{
    font-weight: 500!important;
    font-size: 18px;
}
.datagrid>div:nth-child(2)>div>div{
    border: none!important;
}
.datagrid {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    border-color: #ddd;
    border-collapse: inherit;
}
.price{
    font-size: 52px;
    font-weight: bold;
}
.simbol{
    font-size: 22px;
}
/*===================================================================*/
#divTarificarMod #numbercase{
    color: #747B8C;
    font-weight: 500;
    font-size: 16px;
}
.title-img img{
    padding-right: 5px;
}
h6.subtitle{
    padding-left: 40px;
}
.steps{
    text-align: center;
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: -10px;
}
.steps li{
    list-style-type: none;
    display: inline-block;
    width: 25%;
    text-align: center;
    position: relative;
}
.steps li span{
    z-index: 3;
    position: absolute;
    left: 25%;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    background-color: #CDCFD6;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    margin-top:-5px;
    font-weight: bold;
    font-size:15px !important;
}
.steps li:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 75px;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #CDCFD6;
    z-index: 0;
}
.steps li:last-child:after{
    content: none;
}
.steps li.active span {
    background-color: var(--color-principal);;
    color: #2F2F30;
}
.ui-dialog{
    padding: 0!important;
    box-shadow:none!important;
    border: 1px solid #39435E!important;
}
.ui-dialog .ui-dialog-title {
    color: #324D99;
    font-weight: 500;
}
.panel-default>.panel-heading {
    color: #39435E;
    background-color: var(--color-principal);;
    border-color: #ddd;
}
.table-offers {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5px;
    border-radius: 20px;
    border: 1px solid #D6D6D6;
}
.alet-buttons{
    width: 80%;
    margin: 0 auto;
}
.table-offers thead{
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #D6D6D6;
}
.table-offers tbody{
    border-radius: 0 0 10px 10px;
}

.table-offers tbody tr{
    border-bottom: 1px solid #D6D6D6;
}
.pbt-title{
    color: #39435E;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
}
.ps{
    color: #39435E;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
}
.pns{
    color: #39435E;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
}
.pbt-text{
    color: #39435E;
    font-size: 12px;
}
input[type="radio"]:checked + *::before {
  background: var(--color-principal); 
  border-color: var(--color-principal);;
}
select.descuento{
    display: block;
    margin: 0 auto;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #5C5F66;
}
.progress {
    height: 4px;
    border-radius: 0;
    width: 65%;
    margin: 0 auto;
}
.progress-bar {
    background-color: var(--color-principal);;
}
.progress-bar:after{
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--color-principal);;
    border-radius: 10px;
}
.number-cuota{
    font-size: 16px;
    color: #747474;
    margin-bottom: 5px;
}
.uf-mount{
    margin-top: 0;
    color:#39435E;
    font-size: 16px;
    margin-bottom: 20px;
}
.view-cobert{
    font-size: 11px;
    color: #2397F3;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: block;
}
.title-grid-strong{
    color: #3C4661;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.title-grid{
    color: #7C89A0;
    font-size: 14px;
}
label.radio-plan{
    cursor: pointer;
}
label.radio-plan > input[type="radio"] {
  display: none;
}
label.radio-plan > input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
}
label.radio-plan > input[type="radio"]:checked + * {
  /*color: teal;*/
}
label.radio-plan > input[type="radio"]:checked + *::before {
  background-color: var(--color-principal); 
  /* border-color: var(--color-principal);; */
}
label.radio-plan > input[type="radio"] + * {
  display: inline-block;
  padding: 0.5rem 1rem;
}
label.radio-plan input[type="radio"]:checked - label{
    background-color: #F7F7F7;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.data-box{
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 0 15px;
}
.head-data-box {
    border-bottom: 1px solid #eee;
    padding: 0 15px;
}
.head-data-box h2{
    font-size: 14px;
    color: #324D99;
}
.head-data-box h2 img{
    margin-right: 5px;
}
.body-data-box{
    padding: 15px 20px;
}
.body-data-box .label{
    color: #7C89A0;
    font-size: 14px;
    padding: 0;
}
.body-data-box .valor{
    font-size: 22px;
    color: #333333;
    padding: 0;
    margin-top: 0;
}
.body-data-box .placa{
    text-transform: uppercase;
}
.body-data-box .propuesta{
    font-size: 26px;
    color: #39435E;
    padding: 0;
    margin-bottom: 30px;
    margin-top: 0;
}
.data-box-featured img{
    display: block;
    margin-bottom: 40px;
}
.title-table-resejecvent{
    display: table-cell;
    border-bottom: 1px solid #DDDDDD;
    padding: 3px 10px;
    color: #7C89A0;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
}
.val-table-resejecvent{
    display:table-cell;
    border-bottom: 1px solid #DDDDDD;
    padding: 3px 10px;
    font-size: 18px;
    color: #333333;
}
.view-more{
    border: 1px solid #324D99;
    background-color: #fff;
    color: #324D99;
    margin-bottom: 20px;
}
.quote-here{
    border: 1px solid #324D99;
    background-color: #324D99;
    color: #ffffff;
    margin-bottom: 20px;
}
.img-desktop{
    border-bottom: 8px solid var(--color-principal);
    width: 100%;
}
p.desc{
    font-size: 18px;
    color: #333333;
    text-align: left;
    
}
#divFilters{
    width: 257px!important;
    padding-right: 5px;
}
#divFilters button.button {
    background-color: #fff;
    color: #324D99;
    height: 22px;
    text-align: right;
    font-family: 'Arial Narrow',tahoma;
    font-size: 14px;
    margin: 8px 3px;
    border: none;
}
#list .form_thead_tr_th{
    background: #324D99;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    border-radius: 0;
}
#list .form_thead_tr_th ul.dropdown > li > a{
    border: none;
}
#list .form_thead_tr_th ul.dropdown > li:first-child > a img.ic_arrow_down {
    background: url(images/icon-view.png) no-repeat;
    width: 24px;
    height: 18px;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    background-size: 100%;
}
#list .form_thead_tr_th ul.dropdown > li:nth-child(2) > a img.ic_arrow_down {
    background: url(images/icon-view.png) no-repeat;
    width: 20px;
    height: 18px;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
    background-size: 100%;
}
#list .form_thead_tr_th ul.dropdown > li > a b{
    font-weight: normal;
}
#list .row_header th {
    background-color: #fff;
    color: #7C89A0;
    border: none;
    padding: 15px 5px;
    border-top: 2px solid #7C89A0;
    border-bottom: 2px solid #7C89A0;
    text-transform: uppercase;
}

.btn 
{
    padding:10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
}

.panel-default
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.alerta-dialog
{
    width:550px;height:380px;padding:0px; overflow:hidden;
}

.alert-warning
{
    color:black !important;
    border:none !important;
    background-color: white !important;
    font-size:20px;
    text-align: center;
    padding-top:2px !important;
    padding-bottom: 5px !important;
}

.alerta-centrar
{
    margin: 0;

  display: flex;
  justify-content: center;

}

.ui-dialog
{
    border-radius: 10px;
    border-color:white !important;
    box-shadow: 1px 1px 1px 1px #EFF0F4 !important;
}

.titulo-filtro
{
    margin-bottom:1px !important;
}
.tabla_opciones
{
    display: none;
}
.datagrid_thead_tr_th2
{
    
}
.filtro-cabecera
{
    background: #324D99;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    border-radius: 0;
    width: 100%;
    padding: 4.5px;
}
#titulo_mod
{
    font-size:30px;
    color: #324D99;
}

#myNavbar_ ul 
{
    float:right; margin-top:15px; font-size:18px;
}
.sp-original-input-container
{
    top: 10px;
}
.descuentoplan 
{
    text-align: center;
    width: 90%;
    padding-left: 20px;
}

input[type=range] {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
  
    background:#f2f2f2;
    border-radius: 5px;
    
    opacity:0.6;
  }
  input[type=range]::-webkit-slider-thumb {

    -webkit-appearance: none;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 30px;
    background: black;
    box-shadow: 0px 2px 10px -2px black(1);
    position: relative;
    z-index: 2;
    box-shadow: 1.1px 1.1px 6.8px rgba(0, 0, 0, 0), 0px 0px 1.1px rgba(13, 13, 13, 0);
    border: 0px solid #000000;
    background: url("/app/sbfidensbase/shared/images/baby-car.svg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
margin-top:-20px;

  
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: var(--color-principal);
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: silver;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    background: var(--color-principal);
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  }
  input[type=range]::-ms-fill-upper {
    background: var(--color-principal);
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  }
  input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
    background:var(--color-principal);
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #367ebd;
  }

  .output-descuento {
      display: inline !important;
  }
  .txtblue th {
      background-color: #324D99 !important;
  }
  .radioecualizacion {
      padding:10px;
      display: inline;
      margin-top:18px;
  }

  .titulo-radio 
  {
      padding-left:10px;
  }

  .ui-droppable div 
  {
      border-radius: 10px !important;
  }

  .ui-droppable div div
  {
      border-radius: 10px !important;
  }
  .ui-droppable div div table
  {
      border-radius: 10px !important;
  }
  .ui-droppable div div table thead tr th
  {
      border-top-left-radius: 10px !important;
      border-top-right-radius: 10px !important;
  }


.contenedordescuento {
    font-size: 14px;
}

html
{
    font-family: 'Asap' !important;
}
body{
    font-family: 'Asap' !important;
}
.table-offers 
{
  
    border-radius:10px !important;
}
.table-offers > thead > tr > th
{
    border-bottom: 1px solid #D6D6D6;
}
.table-offers > tbody > tr >td
{
    border-bottom: 1px solid #D6D6D6;
  
}

.table-offers > tbody > tr:last-child > td
{
    border-bottom: none
  
}

.cabecera-seccion i
{
margin-right:10px;
margin-left:10px;
}

.form-control
{
    height:38px !important;
}

.btn i 
{
    margin-right:10px;
}

.datos-cotizacion
{
    margin-top:-10px;
}
.menu-arriba 
{

    justify-content: center;
}
.ui-dialog .ui-dialog-titlebar
{
    margin-top: 10px !important;
}

.submessage
{
    text-align:center;
    max-height: 50px !important;
    margin-top: -10px;
    margin-bottom: 40px !important;
}

.archivos
{
    padding:5px 30px 5px 30px !important;
}

#dialog-1
{
    overflow: hidden;
}

/* BOTONES EN GENERAL*/
button.button {
    background-color: black;
    color: #ffd701;
    height: 22px;
    text-align: left;
    font-family: 'Arial Narrow',tahoma;
    font-size: 8.5pt;
    margin: 3px;
}
button.button:hover{
	background-color:#004D95;
	border:1px solid #024583; 
	color:#fff;
	cursor:pointer;
	cursor: hand;
}


button.button i
{
  padding-left:12px;
  margin:4px
}


/* BOTONES QUE SON SOLO UN ICONO*/
button.button_icon {
	cursor: hand;
	cursor: pointer;
	font-family: 'Lucida Grande' , Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid transparent;
	width: 22px !important;
	height: 22px !important;
	background-position: center center !important;
	background-color: transparent !important;
	background-repeat: no-repeat;
	margin: 0px;
}
/* BOTONES DEL ENCABEZADO DEL MANTENEDOR*/
.button_action {
	background-color: transparent;
    border: 1px solid transparent;
    color: #fff;
    text-align: left;
    font-family: 'Arial Narrow',tahoma;
    font-size: 14px;
    margin: 2px;
    font-weight: normal;
    padding: 2px;
}
.button_action i{
  padding-left:13px;
  margin:4px
}
.button_action:hover{	
	/* border: 1px solid #C2DBE8; */
    cursor: pointer;
    cursor: hand;
    /* background-image: url(images/TabsInactiveTab.gif); */
    /* background: #C2DBE8; */
    color: #ffffff;
}

/* BACKGROUND IMAGES */
.add_new{background-image: url('images/icon-new.png' );}
.edit{background-image: url('images/icon-edit.png' );}
.filter_on{background-image: url('images/Filter.gif' );}
.filter_off{background-image: url('images/filteroff.gif' );}
.sortaz{background-image: url('images/sortaz.gif' );}
.sortza{background-image: url('images/sortza.gif' );}
.checkmark{background:url('images/checkmark.gif') no-repeat 3px 3px}


/* IMAGES INCLUDES */
img.ic_arrow_right{background:url('images/ic_arrow_right.gif') no-repeat; width:4px;height:7px;}
img.ic_arrow_left{background:url('images/ic_arrow_left.gif') no-repeat; width:4px;height:7px;}
img.img_reserva{background:url('/images/bestado/img_reserva.jpg') no-repeat; width:167px;height:110px;border:1px solid #333333}
img.ic_expand2{background:url('images/chevron-down.png') no-repeat; width:12px;height:12px;float: right;margin-top: 2px;}
img.ic_collapse2{background:url('images/chevron-up.png') no-repeat; width:12px;height:12px;float: right;margin-top: 2px;}
img.ic_arrow_down{background:url('images/ic_arrow_down.gif') no-repeat; width:7px;height:5px;}
img.ic_arrow_right_black{background:url('images/ic_arrow_right_black.gif') no-repeat; width:4px;height:7px;}

img.ic_arrow_down2{background:url('images/ic_arrow_down2.gif') no-repeat; width:16px;height:16px;}
img.ic_arrow_up2{background:url('images/ic_arrow_up2.gif') no-repeat; width:16px;height:16px;}
img.ic_sort_down{background:url('images/ic_sort_down.gif') no-repeat; width:7px;height:10px;}
img.ic_sort_up{background:url('images/ic_sort_up.gif') no-repeat; width:7px;height:10px;}
img.ic_no_next_child{background:url('images/ic_no_next_child.gif') no-repeat; width:20px;height:20px;}
img.ic_maximize{background:url('images/ic_maximize.gif') no-repeat; width:13px;height:13px;}
img.ic_draggable{background:url('images/ic_draggable.gif') no-repeat; width:10px;height:16px;cursor:move;_cursor:move;}
img.ic_arrow_right{background:url('images/ic_arrow_right.gif') no-repeat; width:4px;height:7px;}
img.ic_user{background:url('images/ic_user.gif') no-repeat; width:10px;height:13px;}
img.ic_sitemap{background:url('images/ic_sitemap.jpg') no-repeat; width:18px;height:18px;}
img.ic_login{background:url('images/ic_login.jpg') no-repeat; width:18px;height:18px;}
img.ic_contact{background:url('images/ic_contact.jpg') no-repeat; width:18px;height:18px;}
img.ic_tools{background:url('images/ic_tools.jpg') no-repeat; width:18px;height:18px;}
.head img.ic_arrow_down2{background:url('images/icon-arrow.png') no-repeat; width:16px;height:16px;}




/*BACKGROUND IMAGE- ICONS 16x16*/
img.size16{background-repeat:no-repeat;width:16px;height:16px;}
img.dd_icon{background-repeat:no-repeat;width:16px;height:16px;}
img.file_extension_pdf{background: url('images/16x16/file_extension_pdf.png' ) no-repeat; width:16px;height:16px;}

.add{background-image: url('images/16x16/add.png' );}
.add_file {background-image: url('images/16x16/file_manager.png' );}
.advertising{background-image: url('images/16x16/advertising.png' );}
.application_view_detail{background-image: url('images/16x16/application_view_detail.png');}
.application_view_list{background-image: url('images/16x16/icon-sponsor.png' );}
.arrow_left{background-image: url('images/16x16/arrow_left.png' );}
.arrow_up{background-image: url('images/16x16/arrow_up.png');}
.attach{background-image: url('images/16x16/attach.png' );}
.beneficiaries{background-image: url('images/16x16/participation_rate.png' );}
.bin{background-image: url('images/16x16/bin.png' );}
.bullet_arrow_down{background-image: url('images/16x16/bullet_arrow_down.png' );}
.bullet_arrow_up{background-image: url('images/16x16/bullet_arrow_up.png' );}
.bullet_go{background-image: url('images/16x16/bullet_go.png' );}
.bullet_key{background-image: url('images/16x16/bullet_key.png' );}
.cancel{background-image: url('images/16x16/delete.png' );}
.change_password{background-image: url('images/16x16/change_password.png' );}
.chart_line{background-image: url('images/16x16/chart_line.png' );}
.chart_bar{background-image: url('images/16x16/chart_bar.png' );}
.chart_pie_alternative{background-image: url('images/16x16/chart_pie_alternative.png' );}
.client_account_template{background-image: url('images/16x16/client_account_template.png' );}
.clipboard_sign{background-image: url('images/16x16/clipboard_sign.png' );}
.clock_select_remain{background: url('images/16x16/clock_select_remain.png') }
.coins_in_hand{background-image: url('images/16x16/coins_in_hand.png');}
.comment_add{background-image: url('images/16x16/comment_add.png' );}
.commissions{background-image: url('images/16x16/coins_in_hand.png' );}
.control_panel_access{background-image: url('images/16x16/control_panel_access.png' );}
.coverages{background-image: url('images/16x16/application_form_magnify.png' );}
.copy_flujo{background-image: url('images/16x16/document_copies.png' );}
.copy_endoso{background-image: url('images/16x16/document_copies.png' );}
.date{background-image: url('images/16x16/date.png' );}
.delete{background-image: url('images/16x16/icon-close.png' );}
.directory_listing{background-image: url('images/16x16/directory_listing.png');}
.document_page_next{background-image: url('images/16x16/document_page_next.png' );}
.endorsements{background-image: url('images/16x16/group_edit.png' );}
.export_excel{background-image: url('images/16x16/export_excel.png' );}
.factory{background-image: url('images/16x16/factory.png' );}
.file_extension_bmp{background: url('images/16x16/file_extension_bmp.png' ) }
.file_extension_css{background: url('images/16x16/file_extension_css.png' ) }
.file_extension_docx{background-image: url('images/16x16/file_extension_docx.png' );}
.file_extension_docx{background: url('images/16x16/file_extension_doc.png') }
.file_extension_doc{background-image: url('images/16x16/file_extension_doc.png' );}
.file_extension_doc{background: url('images/16x16/file_extension_doc.png' ) }
.file_extension_gif{background: url('images/16x16/file_extension_gif.png' ) }
.file_extension_html{background: url('images/16x16/file_extension_html.png' ) }
.file_extension_jpg{background: url('images/16x16/file_extension_jpg.png' ) }
.file_extension_js{background-image: url('images/16x16/file_extension_js.png' );}
.file_extension_js{background: url('images/16x16/file_extension_js.png' ) }
.file_extension_pdf{background-image: url('images/16x16/file_extension_pdf.png' );}
.file_extension_pdf{background: url('images/16x16/file_extension_pdf.png' ) }
.file_extension_php{background: url('images/16x16/page_white_php.png' ) }
.file_extension_png{background: url('images/16x16/file_extension_png.png' ) }
.file_extension_tif{background: url('images/16x16/file_extension_tif.png' ) }
.file_extension_txt{background-image: url('images/16x16/file_extension_txt.png' );}
.file_extension_txt{background: url('images/16x16/file_extension_txt.png' )  }
.file_extension_xlsx{background-image: url('images/16x16/file_extension_xlsx.png' );}
.file_extension_xlsx{background: url('images/16x16/file_extension_xls.png' ) }
.file_extension_xls{background-image: url('images/16x16/file_extension_xls.png' );}
.file_extension_xls{background-image: url('images/16x16/file_extension_xls.png' );}
.file_extension_xls{background: url('images/16x16/file_extension_xls.png' ) }
.file_extension_xml{background-image: url('images/16x16/file_extension_xml.png' );}
.file_extension_xml{background: url('images/16x16/document_index.png' ) }
.file_extension_wav{background: url('images/16x16/file_extension_wav.png' ) }
.file_extension_mp3{background: url('images/16x16/file_extension_mp3.png' ) }
.filter{background-image: url('images/16x16/filter.png' );}
.firewall_burn{background: url('images/16x16/firewall_burn.png') }
.gadgets_document{background-image: url('images/16x16/document_info.png' );}
.google_custom_search{background-image: url('images/16x16/google_custom_search.png' );background-repeat: no-repeat;}
.google_webmaster_tools{background: url('images/16x16/google_webmaster_tools.png') }
.heart{background: url('images/16x16/heart.png') }
.help{background: url('images/16x16/help.png') }
.house{background-image: url('images/16x16/house.png' );}
.image_link{background-image: url('images/16x16/image_link.png');}
.info_rhombus{background-image: url('images/16x16/info_rhombus.png' );}
.information{background-image: url('images/16x16/information.png' );}
.key{background-image: url('images/16x16/key.png' );}
.license_management{background-image: url('images/16x16/license_management.png' );}
.license_management{background: url('images/16x16/license_management.png') } 
.lightning{background: url('images/16x16/lightning.png') }
.listar_endoso{background: url('images/16x16/list.png') }
.lorry_go{background-image: url('images/16x16/lorry_go.png');}
.map{background-image: url('images/16x16/google_map.png' );}
.money{background-image: url('images/16x16/money_dollar.png' );}
.move{background-image: url('images/16x16/transform_move.png' );}
.new{background-image: url('images/16x16/new.png' );}
.new{background-image: url('images/16x16/new.png' );}
.notes{background-image: url('images/16x16/comment_add.png' );}
.ok{background-image: url('images/16x16/accept.png' );}
.option{background-image: url('images/16x16/gear_in.png' );}
.page_code{background-image: url('images/16x16/page_code.png');}
.page_white_copy{background-image: url('images/16x16/page_white_copy.png' );}
.page_white_copy{background-image: url('images/16x16/page_white_copy.png' );}
.payments{background-image: url('images/16x16/account_balances.png' );}
.pencil{background-image: url('images/16x16/pencil.png' );}
.pencil{background: url('images/16x16/pencil.png') }
.premium_support{background-image: url('images/16x16/premium_support.png') }
.premium_support{background-image: url('images/16x16/premium_support.png');}
.printer{background-image: url('images/16x16/printer.png' );}
.printer{background: url('images/16x16/printer.png') }
.profiles{background-image: url('images/16x16/profiles.png');}
.process{background-image: url('images/16x16/cog_add.png');}
.apli_process{background-image: url('images/16x16/gear_in.png');}
.arrow_refresh{background-image: url('images/16x16/arrow_refresh.png' );}
.arrow_refresh_small{background-image: url('images/16x16/arrow_refresh_small.png' );}
.report_user{background-image: url('images/16x16/report_user.png' );}
.risks{background-image: url('images/16x16/support.png' );}
.save{background-image: url('images/16x16/save_as.png' );}
.sitemap{background: url('images/16x16/sitemap.png') }
.states{background-image: url('images/16x16/document_prepare.png' );}
.svs_icon{background-image: url('images/16x16/svs_ico.png' );}
.sifc_icon{background-image: url('images/16x16/svs_ico.png' );}
.table_add{background-image: url('images/16x16/table_add.png');}
.table_chart{background-image: url('images/16x16/table_chart.png' );}
.table_money{background-image: url('images/16x16/table_money.png' );}
.table_money{background: url('images/16x16/table_money.png') }
.table_tab_search{background-image: url('images/16x16/table_tab_search.png');}
.tagseccion{background-image: url('images/16x16/application_tile_vertical.png');}
.tick{background-image: url('images/16x16/tick.png' );}
.tracking{background-image: url('images/16x16/application_cascade.png' );}
.treeview{background-image: url('images/16x16/node-tree.png' );}
.undo{background-image: url('images/16x16/arrow_undo.png' );}
.user{background-image: url('images/16x16/icon-user.png' );}
.video{background-image: url('images/16x16/movies.png' );}
.visa_2{background-image: url('images/16x16/visa_2.png' );}
.view_cartera_cancelar_mora{background-image: url('images/16x16/table_go.png');}
.weather_cloudy{background: url('images/16x16/weather_cloudy.png') }
.wishlist_add{background-image: url('images/16x16/wishlist_add.png' );}
.zoom_selection{background-image: url('images/16x16/zoom_selection.png' );}
.diamond{background-image: url('images/16x16/diamond.png' );}
.select_by_color{background-image: url('images/icon-gadgets.png' );}
.process{background-image:url('images/16x16/cog_go.png');}
.reveseprocess{background-image:url('images/16x16/cog_delete.png');}
.viewdoc{background-image:url('images/16x16/document_inspector.png');}
.view_notes{background-image: url('images/16x16/comments.png' );}
.ok{background-image: url('images/16x16/accept.png' );}
.appligo{background-image: url('images/16x16/application_go.png' );}
.appliview{background-image: url('images/16x16/application.png' );}
.add_app{background-image: url('images/16x16/application_add.png' );}
.arrow_left{background-image: url('images/16x16/arrow_turn_left.png' );}
.email_go{background-image: url('images/16x16/email_go.png' );}
.document_break{background-image: url('images/16x16/document_break.png' );}
.shape_square_go{background-image: url('images/16x16/shape_square_go.png' );}

/* IMAGES CUSTOM SIZE */
.help12{background: url('images/16x16/help.png') no-repeat; width:12px;height:12px;}
.license_management12{background: url('images/16x16/license_management.png') no-repeat; width:12px;height:12px;}
.printer12{background: url('images/16x16/printer.png') no-repeat; width:12px;height:12px;}

.loader {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.car__body {
    animation: shake 0.2s ease-in-out infinite alternate;
}
.car__line {
    transform-origin: center right;
    stroke-dasharray: 22;
    animation: line 0.8s ease-in-out infinite;
    animation-fill-mode: both;
}
.car__line--top {
    animation-delay: 0s;
}
.car__line--middle {
    animation-delay: 0.2s;
}
.car__line--bottom {
    animation-delay: 0.4s;
}
@keyframes shake {
    0% {
        transform: translateY(-1%);
   }
    100% {
        transform: translateY(3%);
   }
}
@keyframes line {
    0% {
        stroke-dashoffset: 22;
   }
    25% {
        stroke-dashoffset: 22;
   }
    50% {
        stroke-dashoffset: 0;
   }
    51% {
        stroke-dashoffset: 0;
   }
    80% {
        stroke-dashoffset: -22;
   }
    100% {
        stroke-dashoffset: -22;
   }
}
.mostrar_label {
    display: flex;
    justify-content: space-between;
    color: black;
    margin-top:-20px;
    
  }
  
  /*CUSTOM DROPDOWN*/
.custom_dropdown_left ul
{
   left:-109px !important;
   top: 15px !important;     
}
.li_width_image a{padding:5px!important}
.li_width_image a img{padding-right:25px!important}


/*DROPDOWN*/

.div_menu
{
}

#table_dropdown
{
    position: relative;
    z-index:120;
    white-space: nowrap;
    /*height: 24px;
    padding-left: 5px;*/
}
.dropdown-menu{
    border: none !important; 
}
ul.dropdown_clean > li{
   /*border:1px solid white !important;*/
   border:1px solid transparent !important;
}
ul.dropdown_clean > li > a
{
    background:none !important;
    border:1px solid transparent !important;
	vertical-align:baseline;
}
ul.dropdown_clean > li:hover
{    
    /*border:1px solid #CCCCCC !important;*/
}

ul.dropdown, ul.dropdown li, ul.dropdown ul
{
    list-style: none;
    margin: 0;
    padding: 0;
	color: #000000;
    text-decoration: none;
	
}
ul.dropdown > li > a
{
    padding: 1px 8px 3px 8px;
    border-right: solid 1px #D3C2FF;
    border-top: solid 1px #D3C2FF;
    /*background-image: url('images/TabsInactiveTab.gif');*/
    /*background-color: #00ABC7;*/
    border-left: white 1px solid;
    white-space: nowrap;
    cursor: pointer;
	color: #000000;
    text-decoration: none;
}

ul.dropdown > li > a:link, ul.dropdown > li > a:visited
{
    color: #000000;
}
ul.dropdown > li:hover
{
   /* border-right: solid 1px #c2a770;
    border-top: solid 1px #c2a770;*/
}
ul.dropdown > li > a:active
{
    color: #3764A0;
}


ul.dropdown
{
   position: relative;  
    float: left;
}

ul.sub
{    
   /* z-index: 102 !important;    */
}
ul.sub > li > a
{    
   font-size:11px !important;
   background:none !important;
   border:1px solid transparent !important
}
ul.sub2
{    
    z-index: 104 !important;    
}
ul.dropdown li
{
	
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}

ul.dropdown li.hover, ul.dropdown li:hover
{
    position: relative;
    z-index: 106;
    cursor: default;
}

ul.dropdown ul
{
    z-index:120;
    display:none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 108;
    width: 100%;
}

ul.dropdown ul li
{
    float: none;
}

ul.dropdown ul ul
{
    top: 1px;
    left: 99%;
}

ul.dropdown li:hover > ul
{
    display:block;
}

ul.dropdown li
{
    padding: 0;
}


ul.dropdown li.dir
{
    /*padding: 7px 20px 7px 12px;*/
}


ul.dropdown li
{
}


/* Especially for IE6 or lower */

/* DEFAULT */


/* ----- ALL LEVELS (incl. first) */

ul.dropdown li
{
    /*background-color: #0489CE;	   color: #fff; font-family: 'Segoe UI Semibold','Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 14px; */
}

ul.dropdown li.hover
{
    /*background:url(images/menu_back.jpg);  border:1px solid white*/
}

ul.dropdown a
{
    margin: 0px;
    white-space: nowrap;
    cursor: pointer;
    display: block;
}

ul.dropdown a.sub
{
    background: url('images/ic_arrow_right.gif') no-repeat right center;
}
/* ----- END LEVEL */


/* ----- NON-FIRST LEVEL */

ul.dropdown ul
{
    top: 19px;
    left: 0px;
    min-width: 218px;
    max-width: 400px;  
    font-size: 8.5pt;
    border: 1px solid #868686;
    z-index: 110;

    background-repeat: repeat-y;
    background-color: #FAFAFA;
    cursor: default;
    padding: 1px 0px 0px 1px;
    font-size: 11px;  
    border-radius: 5px;;
}




ul.dropdown ul li
{
    /*background-color: transparent;*/
}

ul.dropdown ul li.hover, ul.dropdown ul li:hover
{
    /*background-color: transparent;*/
}
ul.dropdown ul a
{
    margin: 1px 1px 1px 0px;
    display: block;
    color: #003399;
    cursor: pointer;
    padding: 3px 19px 3px 32px;

    white-space: nowrap;
    font-weight: normal;
    text-decoration: none;
}
ul.dropdown ul a:link, ul.dropdown ul a:visited
{
    color: #313131;
}
ul.dropdown ul a:hover
{
    
    background-color:#e6e6e6;
}
ul.dropdown ul a:active
{
   
}

ul.dropdown ul ul
{
    border-top: 1px #000000 solid;
}

ul.dropdown ul ul li a
{
}





#nav-right .nav > li > a:focus{
    color:black;
    background-color: transparent;
}
#nav-main{
    font-family: 'Asap';   
    background-color:white;
    min-height: inherit;
    margin-bottom: 0px !important; 
    min-width:330px;

}
#nav-main .navbar-header{
    color:#b9c2cf;
    font-family: 'Asap';   
}
#nav-main .navbar-header .navbar-brand{
    font-size:22px;
    padding: 15px 10px;
    outline:none;
}
.nav-fokus .dropdown-menu>li
{   position:relative;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */    
    -o-user-select: none;/* Rules below not implemented in browsers yet */
    user-select: none;
    cursor:pointer;    
}
.nav-fokus .nav > li > a{
    color:#002355; 
    font-weight: bold;
    font-family: 'Asap'    
}

.nav-fokus .nav > li.open > a{
    background-color: #004B9B;
    color:#FFF;
    border-bottom: 3px solid #073678;
    border-bottom: none;
}
.nav-fokus .nav > li > a:hover{ 
    background-color: #FFFFFF;
    color:black;
}
.nav-fokus .nav > li.dropdown a:hover{
     background-color: #E5E5E5;
     color:black;
}
.nav-fokus .nav > li > a:hover {   
    text-decoration: none;
    color: black;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;

}
.nav-fokus .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;  
    margin-top:-6px; 
   
}
.nav-fokus .dropdown-menu {
    box-shadow: none !important;
    border-radius: 0px !important;     
    background-color:white !important;
}
.nav-fokus .dropdown-menu > li > a {
    padding: 6px 6px;
    font-size: 12px;

}
.navbar-header .navbar-toggle i{
    color:white;
}
.navbar-header .navbar-toggle:hover{
    background-color:#666666;
}

/* ----- END LEVEL */


/********************************
    ALERT BOX
*/

.tip_info
{
    background: url('/images/32x32/confirmacion-alerta.png') center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 8px 20px 8px 60px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    min-height: 35px;
    vertical-align: middle;
}
.tip_info_s
{
    background:  url('/images/16x16/confirmacion-alerta.png') center no-repeat;
    background-position: 5px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 8px 10px 8px 30px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    min-height: 20px;
    vertical-align: middle;
}

.tip_info_v1
{
   background: #fff6bf center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 60px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    min-height: 30px;
    vertical-align: middle;
}

.tip_ok
{
    background: #fff6bf url('images/32x32/accept.png') center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 60px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    min-height: 30px;
    vertical-align: middle;
}

.tip_error
{
    background: #F5A9A9 url('images/32x32/exclamation.png') center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 60px;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    min-height: 30px;
    vertical-align: middle;
}


/********************************
    MISC
*/

/*input[type=text]{background:url(images/bg_textbox.gif) !important}*/


.input_valid
{
    background: #C2DBE8;
    border: 1px solid #CCCCCC;
}
.input_error
{
    background-color: #F5A9A9;
    border: 1px solid #FF0000;
}
.input_number
{
    text-align: right;
}
.hidden
{
    display: none !important;
}
.invisible
{
    visibility:hidden !important;
}
.transparent20
{
    /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */
    width: 100%; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */
    filter: alpha(opacity=20); /* Older than Firefox 0.9 */
    -moz-opacity: 0.2; /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.2; /* Modern!         /* Firefox 0.9+, Safari 2?, Chrome any?         /* Opera 9+, IE 9+ */
    opacity: 0.2;
}
.disabled
{
	background-color:#e5e5e5;
    color:#666666;
}




/*
	FLUJO - PASOS
*/


.aa-step-indicator{margin:0px auto 8px;padding:0;width:904px;list-style:none;font-size:13px;}
.aa-step-indicator li{float:left;width:113px;height:88px;background:transparent url(images/aa-bkg-step-indicator.png) 50% -67px no-repeat;text-align:center;}
.aa-step-indicator.three{width:339px;}
.aa-step-indicator.four{width:452px;}
.aa-step-indicator.five{width:565px;}
.aa-step-indicator.six{width:678px;}
.aa-step-indicator.seven{width:791px;}
.aa-step-indicator.nine{width:909px;}
.aa-step-indicator.nine li{width:101px;}
.three,.four,.five,.six,.seven,.eight,.nine{background:none;height:auto;}
.aa-step-indicator li.previous{background-position:50% 8px;}
.aa-step-indicator li:first-child{background-position:left 8px;}
.aa-step-indicator li.current:first-child{background-position:left -142px;}
.aa-step-indicator li.current{background-position:50% -142px;}
.aa-step-indicator li:last-child{background-position:right -67px;}
.aa-step-indicator li.current:last-child{background-position:right 8px;}
.aa-step-indicator li.current.last{background-position:right 8px;}
.aa-step-indicator li.last{background-position:right -67px;}
.aa-step-indicator li a,#contentMain .aa-step-indicator li a{position:relative;display:block;height:100%;text-decoration:none;text-align:center;background:transparent url(images/aa-bkg-step-indicator-step.png) 50% -67px no-repeat;color:gray;cursor:default;line-height:1.2;}
.aa-step-indicator li a:hover{text-decoration:none;}
.aa-step-indicator li.previous a,#contentMain .aa-step-indicator li.previous a{background-position:50% 8px;cursor:pointer;}
.aa-step-indicator li.current a,#contentMain .aa-step-indicator li.current a{background-position:50% -142px;}
/*.aa-step-indicator a[href],#contentMain .aa-step-indicator a[href],.step-back-allowed .aa-step-indicator li.previous a{color:#1877BC;}*/
.aa-step-indicator a[href]:hover,#contentMain .aa-step-indicator a[href]:hover,.step-back-allowed .aa-step-indicator li.previous a:hover{text-decoration:underline;}
.aa-step-indicator li.current a,#contentMain .aa-step-indicator li.current a{color:#173279;font-weight:bold;}
span.step-number,#contentMain span.step-number{position:absolute;top:0;left:1px;width:100%;color:#9d9d9d;background:transparent;font-size:18px;font-weight:bold;line-height:87px;text-align:center;}
li.previous span.step-number,#contentMain li.previous span.step-number,li.current span.step-number,#contentMain li.current span.step-number{color:#fff;}


.btn-cliente.focus, .btn-cliente:focus, .btn-cliente:hover{
    color:white !important;
}
.btn-cliente-line, .btn-cliente-line:focus, .btn-cliente-line:hover{
    color:#324D99 !important;
}
.flujo{
	margin-bottom:8px;
}
.flujo td{
	
	text-align:center;
}
.flujo .noseparado{
	width:25% !important;
}
td.separador {
	width: 19px !important;
	height: 32px;
	line-height: 32px;
	background: url(images/bg_flujo_sep.gif) left top no-repeat;
	border:0px solid white !important;
}
td.incompleto {
	color: #A0A0A0;
	background: url(images/bg_flujo.gif) top left no-repeat;
}
td.completado {
	background: url(images/bg_flujo.gif) top left no-repeat;
}
td.actual {
	font-weight:bold;
	background: url(images/bg_flujo_actual.gif) top right no-repeat;
}
td.ultimo {
	border-right:1px solid #e5e5e5 !important;
}




.droptree tr:hover
{
    background-color:#F6F6F6;
}



/* MANAGER */
.onlyheader .remove_row{display:block !important}

:root {
    --color-principal: #FFD500;
  }

/********************************
    DIALOG BOX
*/
.txtblue
{
    background-color:var(--color-principal); ;
    color: black !important;
}
.ui-dialog{
    box-shadow: rgb(0, 0, 0) 4px 4px 4px; 
}
.ui-dialog-titlebar
{
    background-color: #fff;
    border-width: 1px 1px 0px 1px;
    border-color: black;
    border-style: solid;
    color: black;
    padding: 10px;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #C4C0C0;
}
.ui-widget-header
{
}
.ui-dialog-content
{
    border-width: 0px 1px 1px 1px;
    border-color: #3a4c79;
    border-style: solid;
}

.ui-widget-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-dialog-title{
    width:40px;
}

.ui-dialog-titlebar-close 
{
 position: absolute;
right: 6px;
top: 19px;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-widget-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-widget-overlay
{
    background: #aaaaaa /*{bgColorOverlay}*/ none /*{bgImgUrlOverlay}*/ 0 /*{bgOverlayXPos}*/ 0 /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
}
.ui-widget-shadow
{
    margin: -4px /*{offsetTopShadow}*/ 0 0 -4px /*{offsetLeftShadow}*/;
    padding: 4px /*{thicknessShadow}*/;
    background: #aaaaaa /*{bgColorShadow}*/ none /*{bgImgUrlShadow}*/ 0 /*{bgShadowXPos}*/ 0 /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
    opacity: .35;
    filter: Alpha(Opacity=35) /*{opacityShadow}*/;
    -moz-border-radius: 4px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 4px /*{cornerRadiusShadow}*/;
}
.ui-dialog-titlebar-close:hover{
    /*border:1px solid black;
    background-color:white;*/
}
.ui-dialog-titlebar-close
{
    border:1px solid #004D95;
    background: url('images/ic_close_blanco.png' ) no-repeat center center;
    cursor: hand;
    cursor: pointer;
    font-family: 'Lucida Grande' , Tahoma, Verdana, Arial, sans-serif;
  
    max-width: 14px !important;
    width: 14px !important;
    max-height: 14px !important;
    text-indent: -99999px;
    border: none;
}
/**************************************
TABS
*/

.tab_error{	
	border-top:1px solid red;
	border-left:1px solid red;
	border-right:1px solid red;
	
}
.tab_error a{
	color:red !important;
}
.tab_ok{
	background-color:#D0F5A9 !important;
	border:#CCCCCC !important;
}
.tab_disabled{
    color:#666666 !important;
    
}


ul.tabs
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 23px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs li
{
    z-index:10;
    float: left;
    margin: 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}
ul.tabs li a
{
    text-decoration: none;
    color: #000;
    display: block;
    padding: 0 10px;
    border: 1px solid #fff;
    outline: none;
}
ul.tabs li a:hover
{
    background-color: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover
{
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
.tab_container
{
    z-index:10px;
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
   /* float: left;*/
    width: 100%;
    background: #fff;
}
.tab_content
{
    padding: 10px;
}




.titulo-popup-detalle
{
    color: #324D99;
    background-color: white !important;
    padding-bottom:10px;
}

.titulo-datos-popup-detalle
{
    font-size: 10px !important;
    margin-bottom:2px !important;
    color: #7C89A0;
}

.tabla-detalle-popup
{
    font-size:12px !important;
    text-align: center !important;
}

#list .form_thead_tr_th ul.dropdown > li:nth-child(3) > a img.ic_arrow_down {
    background: url(images/icon-column.png) no-repeat;
    width: 20px;
    height: 18px;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
    background-size: 100%;
}
.parent {
    position: relative;
    top: 0;
    left: 0;
  }
  
  .image1 {
    position: relative;
    top: 0;
    left: 0;

  }
  
  .image2 {
    position: absolute;
    top: -22px;
    left: 223px;

  }