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

:root{
    --primary-color: red;
}


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_outer
{
    background-image: url('images/TabsBar.gif');
    background-repeat: repeat-x;
    background-color: #C2DBE8;
    padding-top: 4px;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

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

.content_title
{
    padding: 0px 6px 1px 2px;
    
    font-size: 16pt; /*background: url(images/bg_underline_title.png) no-repeat left bottom;*/
    text-align: left;
}
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_thead_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_th2
{
   
	background-color: #00ABC7;
	border: 1px solid #cccccc;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;    
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 2px 10px 3px 10px;
    text-align:left; 
}

.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: #f8f8f8;
    border: 1px solid #cccccc;
    color: #000000;
    font-size: 9px;
    font-weight: bold;    
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 2px 10px 3px 10px;
    text-align:left; 
}


.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_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
{    
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
    border: 1px solid #A5ACB5;
    border-width: 0px 1px 1px 0px;
    white-space: nowrap;
    padding: 3px;
    text-align:left;    
}
.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;
    background-color:#f0f0f0;
}
.form_tbody_tr_td
{ 
	font: 11px arial;
    border-bottom: 1px solid #e5e5e5;  
    padding:2px 6px 2px 6px;  
	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 #CCCCCC;  
}
.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
{
    background-color: var(--color-primary);
    color: var(--color-light);
    text-align: left;
    padding: 0px;
}

.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: #2e240a;
    background-color: #F8971D;
    border-color: #F8971D;   
    font-weight: bold;
    border:2px solid #F8971D;
    z-index: 999;
    text-transform: uppercase;
}
.btn-cliente2 {
    font-weight: bold;
    z-index: 999;
    text-transform: uppercase;
}

    .btn-cliente:hover, .btn-cliente:focus, .btn-cliente:active, .btn-cliente.active, .open > .dropdown-toggle.btn-cliente {
        color: #2e240a;
        background-color: #F7CA56;
        border-color: #F7CA56;
    }

    .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: #129AB0;
    background-color: #FFFFFF;
    border-color: #129AB0;   
    font-weight: bold;
    border:2px solid #129AB0;
    z-index: 999;
    box-shadow:inset 0px 0px 2px #129AB0;
    /*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: #276FBC;
        background-color: #FFFFFF;
        border-color: #276FBC;
    }

    .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:auto;
}
.wrapper-dialog{
    padding:10px;  
}
/*-----CALERT-----*/

.loading-overlay {
  background: #96969e;
  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: 400px;
    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*/