/** **********
*** LAYOTS **
********** **/

/** LAYOUTS **/
.contenedor_layouts_editar_plantilla {
position: relative;
max-width: 1100px;
margin: 0 auto;
}
.contenedor_imagen_contenido_objeto_plantilla {
position: relative;
width: 100%;
overflow: hidden;
}

.layouts {
    background-color: #f5f5f5;
}
.layouts  .contenedores_hover {
   
    min-height: 90px;
    width: 100%;
    position:relative;
    float:left;
    margin:15px 0;
    background-color: rgb(205, 205, 205);
border: rgb(124, 124, 124) dashed 3px;
    
}  
.layouts  .elementos_hover {
    
    min-height: 90px;
    width: 100%;
    position:relative;
    float:left;
    margin:15px 0;
    background-color: rgb(205, 205, 205);
border: rgb(124, 124, 124) dashed 3px;
} 
.contenido_contenedor li{
    float:left;
    width:100%;
}

li.dd-item.dd2-item.col-xs-12 {
cursor: -webkit-grab;
cursor: move;
}

li.dd-item.dd2-item.col-xs-12:active {
cursor: -webkit-grabbing !important;
}

.layouts .dd {
    max-width: 100%;
}
.layouts .dd-item, .layouts .dd-empty, .layouts .dd-placeholder {
    line-height: 20px;
    min-height: 20px;
    padding: 0;
}
.layouts .dd2-handle, .layouts .dd-dragel > li > .dd2-handle {
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 !important;
    width: 24px;
}
.layouts .dd-handle, .layouts .dd2-content {
    min-height: 24px;
    padding: 0;
}
.layouts li {
    list-style: none;
}
.sin_padding{
    padding:0 !important;
}

.contenedor_referencia_columna {
position: relative;
width: 100%;
background-color: rgb(219, 218, 218);
margin: 10px 0;
border: rgb(237, 236, 236) dashed 3px;
}

.titulo_referencia_columna {
position: relative;
width: 94%;
background-color: rgb(194, 192, 192);
margin: 2% 3%;
padding: 5px;
color: white;
font-size: 13px;
text-transform: uppercase;
}

.imagen_noticia_referencia_columna {
position: relative;
width: 90%;
background-color: rgb(240, 240, 240);
height: 250px;
margin-top: 10px !important;
margin: 5%;
border: rgb(184, 184, 184) solid 2px;
margin-bottom: 20px !important;
padding-top: 94px;
font-size: 30px;
text-transform: uppercase;
color: rgb(215, 213, 213);
}
.titulo_noticia_referencia_columna {
position: relative;
width: 90%;
margin: 0 auto;
border: rgb(139, 139, 139) solid 6px;
height: 27px;
border-left: none;
border-right: none;
margin-top: 20px;
}
.contenido_noticia_referencia_columna {
position: relative;
width: 90%;
background-color: rgb(234, 234, 234);
margin: 0 auto;
margin-top: 10px;
padding: 2%;
margin-bottom: 20px;
padding-bottom: 4px;
}
.linea_contenido_noticia_referencia_columna {
position: relative;
width: 100%;
border: rgb(163, 161, 161) solid 3px;
height: 15px;
border-right: none;
border-left: none;
margin-bottom: 10px;
}


/** LAYOUTS COLUMNAS **/

.layouts_columnas {
    border: 1px solid #D5D5D5;
    margin: 10px 0px;
    text-align: center;
    background-color: white;
    padding: 5px;
}

.cabecera_objeto_plantilla {
    position: relative;
width: 100%;
background-color: #f0f0f0;
border-bottom: 1px solid #ddd;
margin: 4px 0 0;
padding: 3px 10px;
}

.cabecera_objeto_plantilla .rotulo {
    color: #777;
    font-size: 11px;
    font-weight: bold;
    width: 100%;    
    line-height: 20px;
}

.cabecera_objeto_plantilla .herramientas {
min-width: 70px;
float: right;
text-align: right;
position: absolute;
right: 0;
top: 0;
}

.dropdown-menu li {
min-width: 70px;
}
ul.dropdown-menu {
min-width: 70px !important;
border-radius: 2px !important;
margin-top: 1px;
}
.dropdown-menu li a {
font-size: 12px;
}

.individual_herramienta {
padding: 2px 4px;
width: 20px;
height: 18px;
line-height: 12px;
font-size: 12px;
border-radius: 3px;
float: right;
background-color: rgba(0, 0, 0, 0.03);
color: rgb(151, 151, 151);
border: rgb(218, 218, 218) solid 1px;
margin-left: 3px;
}
.individual_herramienta:hover,
.herramientas.open .individual_herramienta {
background-color: rgb(109, 170, 218);
color: white;
border: rgb(74, 148, 216) solid 1px;
cursor: pointer;
}

.layouts_columnas .contenido_columna {
    margin: 10px 0;
}
.agregar_contenedor a {
    color: #777;
    display:block;
    font-size: 10px;
}
.agregar_elemento a:link, .agregar_elemento a:visited, .agregar_elemento a:hover {
    font-size: 11px;
    font-weight: bold;
}
.layouts_columnas .contenido_columna .contenedor {
    background-color: #f0f0f0;
    border: 1px solid #fff;
    margin: 2px 0;
}


/** ELEMENTOS **/

li .elemento {
    position: relative;
    width: 100%;
    padding: 5px;
    margin: 3px 0;
    background-color: white;
}

.elemento .cabecera_objeto_plantilla {
border: none;
margin: 0;
padding: 3px;
}
.elemento .cabecera_objeto_plantilla .herramientas {
margin-top: 4px;
margin-right: 3px;
}
.elemento .cabecera_objeto_plantilla .herramientas .individual_herramienta {
background-color: rgba(255, 255, 255, 0.49);
border: rgb(203, 203, 203) solid 1px;
}
.elemento .cabecera_objeto_plantilla .herramientas .individual_herramienta:hover {
background-color: rgb(47, 148, 196);
border: rgb(37, 114, 150) solid 1px;
}

.elemento.elemento_1 .cabecera_objeto_plantilla,
.elemento.elemento_2 .cabecera_objeto_plantilla,
.elemento.elemento_3 .cabecera_objeto_plantilla  {
background-color: rgb(214, 235, 244);
border: rgb(177, 195, 218) solid 1px;
}

.elemento.elemento_5 .cabecera_objeto_plantilla {
background-color: rgba(241, 234, 209, 0.67);
border: rgb(234, 227, 198) solid 1px;
}

.elemento.elemento_1,
.elemento.elemento_2,
.elemento.elemento_3{
    border: rgb(150, 187, 205) solid 1px;
}

.elemento.elemento_5{
    border: rgb(207, 197, 160) solid 1px;
}

.elemento.elemento_1 .cabecera_objeto_plantilla .rotulo,
.elemento.elemento_2 .cabecera_objeto_plantilla .rotulo,
.elemento.elemento_3 .cabecera_objeto_plantilla .rotulo {
color: rgb(102, 145, 181);
}

.elemento.elemento_5 .cabecera_objeto_plantilla .rotulo {
color: #B2A419;
}

.contenedor ul {
margin: 0;
}
.elemento .cabecera_objeto_plantilla .rotulo {
text-align: left;
font-weight: normal;
}
.contenido_objeto_plantilla {
position: relative;
width: 98%;
margin: 1%;
}
.imagen_contenido_objeto_plantilla {
position: relative;
width: 100%;
}
.imagen_contenido_objeto_plantilla img {
width: 100%;
}

.contenido_objeto_plantilla h4{
    color: #373737;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0em;
    line-height: 24px;
    text-decoration: none;
}
h4.titulo_contenido_objeto_plantilla {
margin: 2px 0;
text-align: left;
}

.volanta_contenido_objeto_plantilla {
text-align: left;
margin-top: 5px;
font-size: 12px;
}

.copete_contenido_objeto_plantilla {
text-align: left;
color: rgb(145, 145, 145);
}

.titulo_contenido_objeto_plantilla.titulo_noticia_destacada {
font-size: 30px;
line-height: 30px;
}
.agregar_contenedor {
position: relative;
width: 100%;
float: left;
background-color: rgb(237, 237, 237);
border: transparent dashed 1px;
margin-top: 3px;

}

.agregar_contenedor:hover{
    cursor:pointer;
    background-color: rgb(225, 240, 225);
    border: rgb(177, 213, 188) dashed 1px;
}

.agregar_contenedor a:hover {
color: rgb(50, 169, 75);
text-decoration: none;
}
.contenedor_contenido_columna {
position: relative;
width: 100%;
float: left;
}

.contenedor_herramientas_imagen_contenido_objeto_plantilla {
    position: absolute;
    top: 0;
    color: white;
    z-index: 1000000;
    right: 0;   
   
}


.herramienta_confirmar {
    padding: 5px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: rgba(109, 150, 174, 1);
    border: rgba(255, 255, 255, 0.55) solid 2px;
    border-radius: 5px;
    cursor: pointer;
    float:left;
    display:none;
}
.herramienta_confirmar:hover{
    background-color: rgb(47, 148, 196);    
}

.herramienta_cancelar{
    padding: 5px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: rgba(210, 95, 74, 1);
    border: rgba(255, 255, 255, 0.55) solid 2px;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    display:none;
}

.herramienta_cancelar:hover{
    background-color:rgba(234, 125, 105, 1);    
}


.mensaje_ubicacion_imagen_contenido_objeto_plantilla {
position: absolute;
width: 100%;
color: white;
margin-top: -31px;
z-index: 1000000000000000;
font-size: 15px;
display:none;
}
/** BANNERS **/

.contenedor_muestra_banner {
position: relative;
width: 100%;
background-color: rgb(237, 223, 80);
padding: 15px;
border: rgb(192, 190, 33) dashed 2px;
}
.titulo_muestra_banner {
position: relative;
width: 100%;
background-color: rgba(255, 255, 255, 0.49);
padding: 5px;
color: rgb(140, 126, 29);
border: rgb(215, 206, 43) solid 1px;
}
.contenedor_banners_muestra_banner {
position: relative;
width: 100%;
padding: 5px;
overflow:hidden;
}
.individul_banner_muestra_banner {
position: relative;
min-width: 150px;
float: left;
background-color: rgba(0, 0, 0, 0.1);
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 4px;
border: rgb(161, 147, 49) dashed 1px;
color: rgb(113, 91, 2);
font-size: 11px;
font-weight: bold;
cursor: default;
}
.ui-sortable-helper {

overflow: hidden;
background-color: rgba(255, 255, 255, 0.37);
opacity: 0.8;
border: rgb(218, 218, 218) dashed 2px;
}
.acciones_imagen_contenido_objeto_plantilla {
position: absolute;
width: 100%;
height: 50px;
}
.elemento.separador {
background-color: rgb(228, 157, 157);
border: rgb(210, 104, 104) solid 1px;
}
.separador .cabecera_objeto_plantilla {
background-color: rgb(242, 198, 198);
border: rgb(208, 136, 136) solid 1px;
}
.separador .cabecera_objeto_plantilla .rotulo {
color: white;
}
.contenedor_muestra_separador {
position: relative;
width: 100%;
background-color: rgb(211, 94, 94);
padding: 4px;
color: white;
font-size: 18px;
}

.elemento.otros {
background-color: rgb(207, 223, 151);
border: rgb(158, 200, 56) solid 1px;
}
.otros .cabecera_objeto_plantilla {
background-color: rgb(226, 245, 182);
border: rgb(171, 207, 139) solid 1px;
}
.otros .cabecera_objeto_plantilla .rotulo {
color: rgb(112, 144, 36);
}
.contenedor_muestra_otros {
position: relative;
width: 100%;
background-color: rgba(255, 255, 255, 0.47);
border: rgb(170, 200, 119) dashed 2px;
padding: 80px 5px;
color: rgb(69, 137, 14);
font-size: 18px;
}
.mensaje_noticia_no_activa_objeto_plantilla {
position: relative;
width: 100%;
background-color: rgb(247, 250, 130);
padding: 5px;
margin-bottom: 10px;
border: rgb(208, 206, 21) solid 1px;
color: rgb(131, 115, 7);
}

.mensaje_noticia_no_activa_objeto_plantilla span {
color: rgb(216, 100, 29);
font-size: 16px;
}

.mensaje_noticia_no_activa_objeto_plantilla.activado {
border: rgb(109, 178, 70) solid 1px;
color: rgb(255, 255, 255);
background-color: rgb(154, 199, 63);
}
.mensaje_noticia_no_activa_objeto_plantilla a {
color: rgb(255, 255, 255);
background-color: rgb(127, 203, 31);
padding: 2px 7px;
border-radius: 3px;
font-weight: normal;
margin-left: 8px;
border: rgb(108, 176, 23) solid 1px;
display: block;
max-width: 119px;
margin: 0 auto;
}
.mensaje_noticia_no_activa_objeto_plantilla a:hover{
background-color: rgb(167, 219, 100);
text-decoration:none !important;
}


.mensaje_noticia_no_activa_objeto_plantilla a span {
color: rgb(122, 152, 103);
font-size: 14px;
padding-right: 4px;
}
.mensaje_noticia_no_activa_objeto_plantilla.activado span {
color: rgb(231, 255, 211);
}

.visor_video_youtube {
position: relative;
width: 640px;
margin: 0 auto;
margin-top: 25px;
}
form#form_editar .form-group {
margin-top: 9px;
}
.numero_orden{
    font-size: 15px;
    font-weight: bold;
}

.table_orden_pedido .items {
    font-size: 11px;
    padding: 5px;
}
.table_orden_pedido .individual_item {
    float: left;
    width: 31%;
    text-align: center;
    padding: 1px 0px;
    margin: 2px 2px;
    background-color: #F7F7F7;
    border: #ECECEC solid 1px;
}
.info_extra_orden_pedido li {
    float: left;
    padding-right: 11px;
    margin: 2px 0px;
}
.contenedor_orden_pedido {
    padding: 7px !important;
}
.info_extra_orden_pedido {
    overflow: hidden;
    padding-left: 4px;
}
.contenedor_orden_pedido .space,
.contenedor_orden_pedido .space-6,
.contenedor_orden_pedido .hr.hr8.hr-double.hr-dotted {
    margin: 1px;
}
.contenedor_orden_pedido .well {
    margin: 0;
    padding: 6px 10px;
}
td.cantidad,
td.producto,
td.subrubro {
    width: 30px !important;
    text-align:center;
    font-size: 12px;

}
td.items {
    background-color: white !important;
}


@media print {
    #modal_generico{
        position:absolute;
        display:none;
    }
    
    body, 
    .modal,
    .modal-dialog, 
    div#modal_generico, 
    .modal-body, 
    .modal-header, 
    .modal-body,
    .widget-box.transparent {
        width: 100% !important;
        padding: 0 !important;
    }
    
    h3.widget-title.grey.lighter {
        font-size: 17px !important;
    }
    .info_extra_orden_pedido{
        font-size:12px !important;
    }
    thead {
        font-size: 10px !important;
    }
    .table_orden_pedido {
        margin-bottom: 0;
    }
   
    tbody, td.cantidad, td.producto, td.subrubro,td.items,.table_orden_pedido .individual_item{
        font-size:9px !important;
    }
    .hr.hr8.hr-double.hr-dotted,
    .space-6{
        display:none;
    }
    .well {
        font-size: 8px;
        padding: 2px 10px !important;
        margin-top: 2px;
    }
    
    @page :pseudo-class {
        margin:2in;
    }
    
}


#mensajes_recibidas ul.dropdown-menu,
#mensajes_archivadas ul.dropdown-menu,
#notificaciones_archivadas ul.dropdown-menu,
#notificaciones_recibidas ul.dropdown-menu {
    min-width: 70px !important;
    border-radius: 2px !important;
    margin-top: 1px;
    margin-left: -104px!important;
}

/**** Paddings y Márgenes Camilianos ****/
/****/

.mb0 {
    margin-bottom: 0px !important
}
.mb5 {
    margin-bottom: 5px!important
}
.mb10 {
    margin-bottom: 10px!important
}
.mb15 {
    margin-bottom: 15px!important
}
.mb20 {
    margin-bottom: 20px!important
}
.mb25 {
    margin-bottom: 25px!important
}
.mb30 {
    margin-bottom: 30px!important
}
.mb35 {
    margin-bottom: 35px!important
}
.mb40 {
    margin-bottom: 40px!important
}
.mb50 {
    margin-bottom: 50px!important
}
.mb60 {
    margin-bottom: 60px!important
}
.mb70 {
    margin-bottom: 70px!important
}
.mb80 {
    margin-bottom: 80px!important
}
.mb90 {
    margin-bottom: 90px!important
}
.mb100 {
    margin-bottom: 100px!important
}
.mb150 {
    margin-bottom: 150px!important
}
.mb200 {
    margin-bottom: 200px!important
}
.mt0 {
    margin-top: 0px!important
}
.mt5 {
    margin-top: 5px!important
}
.mt10 {
    margin-top: 10px!important
}
.mt15 {
    margin-top: 15px!important
}
.mt20 {
    margin-top: 20px!important
}
.mt25 {
    margin-top: 25px!important
}
.mt30 {
    margin-top: 30px!important
}
.mt35 {
    margin-top: 35px!important
}
.mt40 {
    margin-top: 40px!important
}
.mt50 {
    margin-top: 50px!important
}
.mt60 {
    margin-top: 60px!important
}
.mt70 {
    margin-top: 70px!important
}
.mt80 {
    margin-top: 80px!important
}
.mt90 {
    margin-top: 90px!important
}
.mt100 {
    margin-top: 100px!important
}
.ml0 {
    margin-left: 0px!important;
}
.ml5 {
    margin-left: 5px!important
}
.ml10 {
    margin-left: 10px!important
}
.ml15 {
    margin-left: 15px!important
}
.ml20 {
    margin-left: 20px!important
}
.ml25 {
    margin-left: 25px!important
}
.ml30 {
    margin-left: 30px!important
}
.ml35 {
    margin-left: 35px!important
}
.ml40 {
    margin-left: 40px!important
}
.ml50 {
    margin-left: 50px!important
}
.ml60 {
    margin-left: 60px!important
}
.ml70 {
    margin-left: 70px!important
}
.ml80 {
    margin-left: 80px!important
}
.ml90 {
    margin-left: 90px!important
}
.ml100 {
    margin-left: 100px!important
}
.mr0 {
    margin-right: 0px!important
}
.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px!important
}
.mr15 {
    margin-right: 15px!important
}
.mr20 {
    margin-right: 20px!important
}
.mr25 {
    margin-right: 25px!important
}
.mr30 {
    margin-right: 30px!important
}
.mr35 {
    margin-right: 35px!important
}
.mr40 {
    margin-right: 40px!important
}
.mr50 {
    margin-right: 50px!important
}
.mr60 {
    margin-right: 60px!important
}
.mr70 {
    margin-right: 70px!important
}
.mr80 {
    margin-right: 80px!important
}
.mr90 {
    margin-right: 90px!important
}
.mr100 {
    margin-right: 100px!important
}
.m0 {
    margin: 0px!important;
}
.m5 {
    margin: 5px!important
}
.m10 {
    margin: 10px!important
}
.m15 {
    margin: 15px!important
}
.m20 {
    margin: 20px!important
}
.m25 {
    margin: 25px!important
}
.m30 {
    margin: 30px!important
}
.m35 {
    margin: 35px!important
}
.m40 {
    margin: 40px!important
}
.m50 {
    margin: 50px!important
}
.m60 {
    margin: 60px!important
}
.m70 {
    margin: 70px!important
}
.m80 {
    margin: 80px!important
}
.m90 {
    margin: 90px!important
}
.m100 {
    margin: 100px!important
}

.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.p0 {
    padding: 0px!important;
}
.p5 {
    padding: 5px!important
}
.p10 {
    padding: 10px!important
}
.p15 {
    padding: 15px!important
}
.p20 {
    padding: 20px!important
}
.p25 {
    padding: 25px!important
}
.p30 {
    padding: 30px!important
}
.p35 {
    padding: 35px!important
}
.p40 {
    padding: 40px!important
}
.p50 {
    padding: 50px!important
}
.p60 {
    padding: 60px!important
}
.p70 {
    padding: 70px!important
}
.p80 {
    padding: 80px!important
}
.p90 {
    padding: 90px!important
}
.p100 {
    padding: 100px!important
}
.pb0 {
    padding-bottom: 0px!important
}
.pb5 {
    padding-bottom: 5px!important
}
.pb10 {
    padding-bottom: 10px!important
}
.pb15 {
    padding-bottom: 15px!important
}
.pb20 {
    padding-bottom: 20px!important
}
.pb25 {
    padding-bottom: 25px!important
}
.pb30 {
    padding-bottom: 30px!important
}
.pb35 {
    padding-bottom: 35px!important
}
.pb40 {
    padding-bottom: 40px!important
}
.pb50 {
    padding-bottom: 50px!important
}
.pb60 {
    padding-bottom: 60px!important
}
.pb70 {
    padding-bottom: 70px!important
}
.pb80 {
    padding-bottom: 80px!important
}
.pb90 {
    padding-bottom: 90px!important
}
.pb100 {
    padding-bottom: 100px!important
}
.pb150 {
    padding-bottom: 150px!important
}
.pb200 {
    padding-bottom: 200px!important
}
.pt0 {
    padding-top: 0px!important
}
.pt5 {
    padding-top: 5px!important
}
.pt10 {
    padding-top: 10px!important
}
.pt15 {
    padding-top: 15px!important
}
.pt20 {
    padding-top: 20px!important
}
.pt25 {
    padding-top: 25px!important
}
.pt30 {
    padding-top: 30px!important
}
.pt35 {
    padding-top: 35px!important
}
.pt40 {
    padding-top: 40px!important
}
.pt50 {
    padding-top: 50px!important
}
.pt60 {
    padding-top: 60px!important
}
.pt70 {
    padding-top: 70px!important
}
.pt80 {
    padding-top: 80px!important
}
.pt90 {
    padding-top: 90px!important
}
.pt100 {
    padding-top: 100px!important
}
.pt150 {
    padding-top: 150px!important
}
.pt200 {
    padding-top: 200px!important
}
.pr0 {
    padding-right: 0px!important
}
.pr5 {
    padding-right: 5px!important
}
.pr10 {
    padding-right: 10px!important
}
.pr15 {
    padding-right: 15px!important
}
.pr20 {
    padding-right: 20px!important
}
.pr25 {
    padding-right: 25px!important
}
.pr30 {
    padding-right: 30px!important
}
.pr35 {
    padding-right: 35px!important
}
.pr40 {
    padding-right: 40px!important
}
.pr50 {
    padding-right: 50px!important
}
.pr60 {
    padding-right: 60px!important
}
.pr70 {
    padding-right: 70px!important
}
.pr80 {
    padding-right: 80px!important
}
.pr90 {
    padding-right: 90px!important
}
.pr100 {
    padding-right: 100px!important
}
.pl0 {
    padding-left: 0px!important
}
.pl5 {
    padding-left: 5px!important
}
.pl10 {
    padding-left: 10px!important
}
.pl15 {
    padding-left: 15px!important
}
.pl20 {
    padding-left: 20px!important
}
.pl25 {
    padding-left: 25px!important
}
.pl30 {
    padding-left: 30px!important
}
.pl35 {
    padding-left: 35px!important
}
.pl40 {
    padding-left: 40px!important
}
.pl50 {
    padding-left: 50px!important
}
.pl60 {
    padding-left: 60px!important
}
.pl70 {
    padding-left: 70px!important
}
.pl80 {
    padding-left: 80px!important
}
.pl90 {
    padding-left: 90px!important
}
.pl100 {
    padding-left: 100px!important
}
.bootbox.modal{
    z-index: 3000!important;
}

label .estado_actual  {
    color:#91b97c !important;
}
label .siguiente_estado{
    color:#c85f41 !important;
}

/****/