@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html, body {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    background: repeat right bottom #EEE;
    width: 100%;
    height: 100%;
}

body.login, html.login {
    background: url("imagenes/fondoHTML.png") repeat right bottom #1F1F1F;
    display: table;
}

a {
    text-decoration: none;
    color: #416C9B
}

a:hover {
    color: #333
}

img {
    border: none
}

article, aside, figure, footer, header, hgroup, nav, section {
    display: block
}

textarea {
    resize: none
}

input:focus {
    outline: none
}

select, input, textarea {
    width: 100%;
    font-size: 12px;
    padding: 8px 8px;
    color: #3A454D;
    border: 1px solid #D1D1D1;
}

select[readonly], input[readonly], textarea[readonly] {
    color: #CCC;
}

select {
    padding: 8px 8px
}

input[type=file] {
    padding: 5px 8px
}

input[type=checkbox], input[type=button], input[type=submit], input[type=radio] {
    width: initial
}

input[type=button], input[type=submit] {
    cursor: pointer;
    font-weight: normal;
    border-radius: 3px;
    background-color: #19B293;
    color: #FFF;
    transition: .25s;
}

.fabutton:hover, input[type=button]:hover {
    background-color: #2E5075;
    transition: .25s;
}

input[type=submit]:hover {
    background-color: #1F7313 !important;
    transition: .25s;
}

input[type=text][readonly=readonly] {
    background-color: #DDD;
}

.text-nowrap {
    white-space: nowrap;
}

.text-align-left {
    text-align: left;
}

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

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

.hide {
    display: none;
}

.clear {
    width: 100%;
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.none {
    display: none
}

.doPrint {
    cursor: pointer;
}

ul.menu-active {
    display: inherit
}

.centrado {
    text-align: center
}

.opaco {
    -moz-opacity: .30 !important;
    filter: alpha(opacity=30) !important;
    opacity: 0.30 !important
}

.box {
    margin: 10px;
    padding: 10px;

    background-color: #FFF;
}

.botonera_pie {
    text-align: center
}

#formMod input#titulo {
    font-size: 22px
}

.cont-login-outter {
    width: 100%;
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#loginForm {
    width: 300px;
    box-shadow: 0 12px 20px #000;
    background: #FFF;
    margin: -55px 0 0 0;
    display: inline-block;
    text-align: left;
    position: relative;
}

#loginForm .centrado img {
    margin: 20px 0
}

#loginForm fieldset {
    margin: 0 0 12px 0;
    display: block;
    border: 0;
    padding: 0
}

#loginForm fieldset#body {
    padding: 10px 13px;
    margin: 0
}

#loginForm #recordar {
    width: auto;
    margin: 1px 9px 0 0;
    float: left;
    padding: 0;
    border: 0
}

#body label {
    color: #3A454D;
    margin: 9px 0 0 0;
    display: block;
    float: left
}

#loginForm #body fieldset label {
    display: block;
    float: none;
    margin: 0 0 6px 0
}

.cont_btnLogin {
    text-align: right;
    margin-top: 10px;
}

#loginForm #btnLogin {
    float: right;
    margin-left: 10px;
}

.btnButton {
    cursor: pointer;
    border-radius: 3px;
    margin: 0 5px
}

input.btnButtonNoRight {
    float: none
}

#loginForm span {
    text-align: center;
    display: block;
    padding: 7px 0 4px 0
}

#loginForm span a {
    color: #3A454D;
    text-shadow: 1px 1px #FFF;
    font-size: 12px
}

.editable {
    cursor: pointer;
    width: 80%;
    display: block
}

.client-logo {
    width: 120px;
}

#topbar {
    background: none repeat scroll 0 0 #050505;
    border-bottom: 1px solid #333;
    box-shadow: 0 60px 75px #202020 inset;
    color: #DDD;
    padding: 5px 1%;
    min-height: 42px;
}

#topbar > div {
    float: right;
    padding-left: 5px;
    text-align: right;
    margin-top: 22px;
}

.mainWrapper {
}

#adminMenu {
    background: #2F4050;
    position: relative;
    z-index: 2;
    transition: .5s;

}

#adminMenu .navigation {

}

#contentWrapper {
    overflow: hidden;
    padding: 12px;
    background: #EEE;
    margin-left: 0;
}

input#adminMenuButton {
    display: none;
}

label[for=adminMenuButton] {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    background: transparent;
    color: #FFF;
    border: none;
    font-size: 32px;
    cursor: pointer;

}

label[for=adminMenuButton] i {
    text-shadow: 0px 0px 1px #000;
}

label[for=adminMenuButton]:hover i {
    text-shadow: 1px 1px 1px #000;
}

nav ul li {
    background: none repeat scroll 0 0 #050505;
    border-bottom: 1px solid #333;
    box-shadow: 0 60px 75px #202020 inset;
    display: block;
    width: 100%;
    position: relative
}

nav ul li a {
    display: block;
    width: 100%;
    padding: 5px 0 5px 7px;
    color: #DDD;
    text-shadow: -2px 2px 5px #222;
    white-space: nowrap;
}

nav ul li a span {
    opacity: 0.5;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 10px 0 10px;
    vertical-align: middle
}

.menuclosed nav ul li a {
    text-align: center;
    padding: 0;
}

.menuclosed nav > ul > li.menu-active, nav ul li a:hover, nav ul li a.activo {
    box-shadow: 0 0 20px #183046 inset;
    text-shadow: 0 0 5px #183046;
    background-color: #183046;
    color: #FFF
}

nav ul li a:hover span {
    opacity: 1
}

nav ul li ul {
    width: 100%
}

a.full {
    display: inline-block;
    width: 100%;
    height: 100%
}

.submenu {
    display: none;
    width: 100%;
    background: #555
}

.submenu li {
    background: #283948;
}

.submenu li a {
    width: 100%;
    text-indent: 10px;
}

.submenu li a:hover, .submenu li a.active {
    /*! color : #F0FF00 */
}

.submenu a span {
    opacity: 0.3
}

#adminMenu nav .submenu > li.submenutitle {
    display: none
}

.openclose {
    text-align: center;
    display: none;
}


form h3 {
    color: #416C9B;
    font-weight: normal;
    margin: 0 0 10px;
    font-size: 14px
}

#filtros fieldset {
    border: none;
    display: inline;
    margin-right: 8px;
    padding: 8px;
    float: left;

    /*background   : #FFF;
    box-shadow   : 0 -10px 20px #EEE inset
  */
}

#filtros fieldset legend {
    padding: 6px;
    border-radius: 5px;
    background-color: #FAFAFA
}

#filtros fieldset span {
    float: left
}

#filtros fieldset > h3 {
    margin: 0
}

#filtros fieldset > label {
    position: relative;
    display: block;
    float: left
}

#filtros fieldset.cont-buscador input[type=text] {
    width: 68%;
}

#filtros fieldset.cont-buscador input[type=button], #filtros fieldset.cont-buscador input[type=submit] {
    width: 30%;
}

.resultados {
    margin-bottom: 10px
}

#contentWrapper h2 {
    font-weight: normal;
    font-size: 25px;
    margin: 30px 0 15px 0;
    padding: 0 0 0 11px;
    color: #2B588A
}

#contentWrapper h3 {
    font-weight: normal;
    font-size: 18px;
    margin: 10px 0;
    padding: 0;
    color: #2B588A
}

#contentWrapper h2 small {
    font-size: .5em;
    display: block;
}

.resultados h2 span, .resultados h4 span {
    font-size: 10px;
    float: right
}

.tabla {
    background-color: #CCC;
    width: 100%;
    margin: 10px 0;
    min-width: 0;
}

.tabla th {
    background-color: #3F3F3F;
    color: #DDD;

    font-size: 12px;
    padding: 0 6px;
    line-height: 30px
}

.tabla th span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle
}

.tabla td {
    padding: 2px;
    background-color: #FFF;
    vertical-align: top
}

.tabla td {
    padding: 2px;
    background-color: #FFF;
    vertical-align: top
}

.tabla tbody tr:nth-child(odd) td {
    background-color: #F5F5F5;
    transition-duration: .25s
}

.tabla tbody tr:nth-child(odd):hover td {
    background-color: #FAFFA8;
    transition-duration: .25s
}

.tabla tbody tr td {
    transition-duration: .25s
}

.tabla tbody tr:hover td {
    background-color: #FAFFA8;
    transition-duration: .25s
}

div.acciones {
    display: block;
    height: 20px;
    padding: 0
}

td span .ui-icon-pencil {
    margin: 8px 10px 0 0
}

h2 span {
    color: #252525
}

.paginacion {
    text-align: center;
    margin: 20px 0;
}

.paginacion a,
.paginacion span {
    display: inline-block;
    text-align: center;
    float: none;
    padding: 7px;
    border: 1px dashed #AAA;
    margin: 0 5px;
    border-radius: 2px;
}

.paginacion span,
.paginacion a:hover {
    background-color: #AAA;
    color: white;
}

.readonly1 {
    display: none
}

#pickArchsUploadButton, #pickImgsUploadButton, #pickImgsUploadButton2, .ayuda {
    display: none
}

.ayuda {
    opacity: 0;
    display: none;
    transition: .5s
}

.ayuda.opened {
    opacity: 1;
    display: block;
    transition: .5s
}

.limitcc {
    font-size: 0.8em
}

.destacado1 .fotosBtnPortada i,
.destacado1 .BTarticulosDestacadoImagen,
.destacado1 {
    background-color: #FAA;
    transition-duration: .5s;
    color: red;
}

.portada1 .fotosBtnDestacado i,
.portada1 .BTarticulosDestacadoImagen,
.portada1 {
    background-color: #FAA;
    transition-duration: .5s;
    color: red;
    font-weight: bold;
}

#col_left {
    display: block;
    width: 29%;
    float: left
}

#col_right {
    display: block;
    width: 70%;
    float: left;
    margin: 0
}

hr {
    border: none;
    margin: 20px 0;
    border-bottom: 1px dotted #666
}

ul.form {
    list-style: none;
    width: 95%;
    margin: auto;
    padding: 0
}

ul.form li {
    padding: 0;
    margin: 0;
    margin-bottom: 10px
}

ul.form li.half {
    width: 48%;
    margin-right: 12px;
    float: left
}

ul.form li.trd {
    width: 30%;
    margin-right: 12px;
    float: left
}

ul.form label {
    cursor: pointer;
    font-weight: bold;
    display: block
}

ul.form label.c {
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    margin-right: 10px;
    width: 120px;
    display: block;
    float: left
}

ul.form li label span.w {
    clear: both;
    display: block
}

ul.form .field {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 99%;
    padding: 3px;
    border: 1px solid #999;
    margin-top: 5px
}

ul.ui-autocomplete {
    padding: 0;
    margin: 0;
    width: 50%
}

ul.ui-autocomplete li {
    list-style: none;
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 0
}

ul.ui-autocomplete li a {
    display: block;
    cursor: pointer;
    padding: 2px;
    transition-duration: .25s
}

ul.ui-autocomplete li a em {
    display: block;
    padding: 2px
}

ul.ui-autocomplete li a:hover {
    font-weight: normal !important;
    transition-duration: .25s
}

input[type="submit"], #BTguardar {
    background: #19B293;
    /*! box-shadow : 0 1px 3px #36C61F inset; */
    color: #FFF;
    padding: 10px;
    font-size: 1.2em;
}

.miniThumbnails .cont {
    float: left;
    box-shadow: 1px 1px 10px #AAA;
    display: block;
    margin-bottom: 6px;
    margin-right: 4px;
    position: relative;
    width: 67px
}

.miniThumbnail {
    background-color: #FFF;
    overflow: hidden;
    position: relative;
    width: 100%
}

.miniThumbnails div.pieDeImagen {
    box-shadow: 1px 1px 10px #000;
    left: 7px;
    position: absolute;
    top: 8px;
    z-index: 200;
    display: none;
    background-color: #FFF;
    width: 150px;
    padding: 3px
}

.miniThumbnails div.pieDeImagen a:hover {
    background-color: #333;
    transition-duration: .25s
}

.miniThumbnails div.pieDeImagen a {
    transition-duration: .25s;
    position: absolute;
    right: 8px;
    top: 10px
}

.miniThumbnail a.cbox img {
    border: none;
    width: 100%
}

.miniThumbnail .BTs a {
    float: left;
    box-shadow: 1px 1px 2px #000;
    margin: 2px;
    transition-duration: .25s
}

.miniThumbnail .BTs a:hover {
    background-color: #AAA;
    transition-duration: .25s
}

.miniThumbnail .BTs {
    top: 0;
    left: 0;
    width: 80px;
    position: absolute
}

.articulosArchivosList a.BTdelArch {
    transition-duration: .25s;
    position: absolute;
    top: -1px;
    right: 0
}

.articulosArchivosList a:hover {
    background-color: #333;
    transition-duration: .25s;
    color: #FFF
}

.articulosArchivosList a.articulosArchivo {
    transition-duration: .25s
}

.articulosArchivosList a.articulosArchivo {
    overflow: hidden;
    width: 92%;
    margin-left: 1px;
    display: inline-block;
}

#pickImgsFileList div, #pickArchsFileList div {
    border-bottom: 1px dotted #AAA;
    margin-bottom: 11px;
    overflow: hidden;
    padding-bottom: 3px;
    text-align: left;
    width: auto
}

#pickImgsFileList > div > i,
#pickArchsFileList > div > i {
    content: " ";
    display: block;
    margin-top: 3px;
    width: 0;
    height: 1px;
    background-color: green;
}

.miniThumbnails div.pieDeImagen input, .articulosArchivosList input.archivoTitulo, #pickArchsFileList input.archivoTitulo, #pickImgsFileList input.inputPieDeImagen {
    font-size: 10px;
    line-height: normal;
    padding: 4px;
    margin: 3px 0 0 0
}

.articulosArchivosList > div {
    border-bottom: 1px dotted #AAA;
    margin-bottom: 8px;
    padding-bottom: 3px;
    position: relative
}

.fotosWrapper {
    text-align: center;
    position: relative;
}

.fotosWrapper .cont_checkall {
    text-align: left;
}

.fotosWrapper .fotosBox {
    position: relative;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 6px;
    transition-duration: .5s;
    margin-top: 10px;
}

.fotosWrapper .fotosBox:nth-child(4n+1) {
    margin-left: 0
}

.fotosWrapper .fotosBox .fotosThumb .fotosBts {
    background-color: #FFF;
    position: relative;
    width: 100%;
    text-align: center;
    height: 21px;
    margin-bottom: 5px;
}

.fotosWrapper .fotosBox .fotosThumb .fotosBts a {
    /*! background-color    : #FFF; */
    margin: 1px 2px;
    transition-duration: .25s
}

.fotosWrapper .fotosBox .fotosThumb .fotosBts a:hover {
    background-color: #AAA;
    transition-duration: .5s
}

.fotosWrapper .fotosBox .fotosThumb .fotosBts a:first-child {
    position: relative;
    top: 3px
}

.fotosWrapper .fotosBox .fotosThumb {
    position: relative;
    border: 1px solid #F0F0F0;
    width: 100%;
    overflow: hidden;
    transition-duration: .25s;
    padding: 5px;
}

.fotosWrapper .fotosBox .fotosThumb > a {
    width: 100%;
    padding: 34% 0;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.fotosWrapper .fotosBox:hover {
    box-shadow: 0 0 6px 2px #AAA;
    transition-duration: .25s
}

.fotosWrapper .fotosBox .fotosThumb a img {
    width: 180px
}

.fotosWrapper .fotosBox .fotosAlbum, .fotosWrapper .fotosBox .fotosPie {
    text-align: center;
    overflow: hidden;
    font-size: 0.8em;
    cursor: default;
    display: inline-block;
}

.fotosWrapper .fotosBox .fotosAlbum {
    margin: 3px 0
}

.fotosThumb a {
    transition-duration: .25s
}

.fotosThumb a.activa0 {
    opacity: .3;
    transition-duration: .5s
}

.fotosBox .fotosPieDeImagen {
    box-shadow: 1px 1px 10px #000;
    left: 40px;
    position: absolute;
    top: 2px;
    z-index: 200;
    display: none;
    background-color: #FFF;
    width: 150px;
    padding: 3px
}

.fotosBox .fotosPieDeImagen a:hover {
    background-color: #333;
    transition-duration: .25s
}

.fotosBox .fotosPieDeImagen a {
    transition-duration: .25s;
    position: absolute;
    right: 9px;
    top: 11px
}

.portada-modulo {
    background-color: #FFF;
    border: 1px dashed #CCC;
    float: left;
    height: 200px;
    list-style: none outside none;
    margin: 5px;
    padding: 8px;
    width: 444px
}

.portada-modulo-info {
    list-style: none
}

.portada-modulo-info li {
    clear: both;
    padding: 5px;
    border-bottom: 1px dashed #EEE
}

.cabezalesWrapper .cabezalesBox {
    width: 128px;
    float: left;
    position: relative;
    margin: 10px
}

.cabezalesWrapper .cabezalesBox .cabezalesThumb .cabezalesBts {
    background-color: #FFF;
    left: 0;
    position: absolute;
    top: 0;
    width: 128px
}

.cabezalesWrapper .cabezalesBox .cabezalesThumb .cabezalesBts a {
    background-color: #FFF;
    float: left;
    margin: 1px 2px;
    transition-duration: .25s
}

.cabezalesWrapper .cabezalesBox .cabezalesThumb .cabezalesBts a:hover {
    background-color: #AAA;
    transition-duration: .25s
}

.cabezalesWrapper .cabezalesBox .cabezalesThumb {
    position: relative;
    border: 1px solid #F0F0F0;
    width: 128px;
    height: 85px;
    overflow: hidden;
    transition-duration: .25s
}

.cabezalesWrapper .cabezalesBox .cabezalesThumb:hover {
    box-shadow: 0 0 6px 2px #AAA;
    transition-duration: .25s
}

.cabezalesWrapper .cabezalesBox .cabezalesThumb a img {
    width: 180px
}

.cabezalesWrapper .cabezalesBox .cabezalesAlbum, .cabezalesWrapper .cabezalesBox .cabezalesPie {
    width: 128px;
    text-align: center;
    height: 13px;
    overflow: hidden;
    font-size: 0.8em;
    cursor: default
}

.cabezalesWrapper .cabezalesBox .cabezalesAlbum {
    margin-bottom: 3px
}

.cabezalesThumb a {
    transition-duration: .25s
}

.cabezalesThumb a.activa0 {
    opacity: .3;
    transition-duration: .5s
}

.cabezalesBox .cabezalesPieDeImagen {
    box-shadow: 1px 1px 10px #000;
    left: 40px;
    position: absolute;
    top: 2px;
    z-index: 200;
    display: none;
    background-color: #FFF;
    width: 150px;
    padding: 3px
}

.cabezalesBox .cabezalesPieDeImagen a:hover {
    background-color: #333;
    transition-duration: .25s
}

.cabezalesBox .cabezalesPieDeImagen a {
    float: left;
    width: 16px;
    transition-duration: .25s
}

.cabezalesBox .cabezalesPieDeImagen input {
    float: left;
    width: 125px
}

#filtros fieldset h3 {
    margin-right: 15px
}

#filtros fieldset#importEmails {
    display: none
}

.jcrop-holder #preview-pane {
    cursor: all-scroll;
    display: block;
    position: absolute;
    z-index: 2000;
    padding: 6px;
    border: 1px rgba(0, 0, 0, .4) solid;
    background-color: white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    top: -54px;
    left: 618px
}

#preview-pane p {
    text-align: center
}

#preview-pane .preview-container {
    width: 250px;
    height: 170px;
    overflow: hidden
}

.fabutton {
    border-radius: 3px;
    display: inline-block;
    padding: 4px 6px;
    opacity: 1;
    background-color: #19B293;
    line-height: 12px;
    font-size: 9px;
    color: #FFF;
    cursor: pointer;
    transition: .25s;
    margin: 0 1px;
}

.BTdel {
    margin-left: 10px;
}

.fabutton:hover {
    color: #FFF;
    background-color: #19B29380;
    transition: .25s
}

div.tagsinput input {
    box-shadow: none
}

#pickArchsFileList > div, #pickImgsFileList > div {
    position: relative
}

#pickArchsFileList a, #pickImgsFileList a {
    position: absolute;
    top: 0;
    right: 0
}

.sysmsg {
    padding: 20px;
    font-size: 1.2em
}

.sysmsg.sysmsg-error {
    background-color: #C84B4B;
    color: #FFF
}

.sysmsg.sysmsg-msg {
    background-color: #FFFB9F
}

.cont_croppie {
    margin: 30px auto
}

.stats .col.box {
    text-align: center;
    min-height: 200px;
    padding: 20px;
    margin: 0
}

.stats .col.box .details {
    margin-bottom: 20px
}

.stats .col.box .details .valor {
    font-size: 2em
}

.stats .col.box .details .icon {
    font-size: 2em;
    margin-right: 10px
}

.stats .col.box .details .icon .fa-send, .stats .col.box .details .icon .fa-send-o, .stats .col.box .details .icon .fa-hand-pointer-o, .stats .col.box .details .icon .fa-envelope-open-o {
    color: green
}

.stats .col.box .details .icon .fa-trash, .stats .col.box .details .icon .fa-user-times, .stats .col.box .details .icon .fa-thumbs-down, .stats .col.box .details .icon .fa-thermometer-full {
    color: red
}

label.radio {
    margin-right: 20px
}

label.radio input[type=checkbox], label.radio input[type=radio] {
    margin-right: 10px
}

#col_left .box.infobox {
    padding: 10px
}

.tabla-articulos .thumbnail a img {
    width: 50px;
}

.tabla-articulos .subtitulo {
    font-size: .9em;
}

.tabla-articulos .categorias {
    font-size: .8em;
    color: #888;
    display: inline-block;
    margin-top: 10px;
}

.sortable-ghost {
    opacity: .3;
}

.sortable-chosen {
    cursor: grabbing;
}

.opaque {
    opacity: .6;
}

.inpuTop {
    margin-top: 3px;
}

#col-margin-left {
    display: block;
    width: 70%;
    float: left;
    margin: 15px 0 0 175px;
}

.btnTop {
    margin-top: 15px;
}

.orden_view {
    height: 400px;
    width: 300px;
    padding: 20px;
    background-color: #FFF;
}

#table_view {
    border: 1px #9C9C9C solid;
}

#table_view th {
    background-color: #9C9C9C;
}

#table_view tr:nth-child(even) {
    background-color: #DDD;
}

.grid-row {
    margin-bottom: 5px;
}

.incidencias, #formMod {

}

.pad20 {
    padding: 20px !important;
}

.pad10 {
    padding: 10px !important;
}

.brand-logo-login {
    position: absolute;
    bottom: 19px;
    left: 21px;
    width: 68px;
    text-align: left;
}

.brand-logo-login a {
}

.brand-logo-login a img {
    width: 100%;
}

.client-logo-login {
    text-align: center;
}

.client-logo-login img {
    width: 215px;
    display: block;
    margin: 0 auto;
}

.cont_notifyUser {
    display: none;
}

ul .cont_notifyUser label {
    font-weight: normal;
    font-size: x-small;
}

.con_editImgPerfil {
    text-align: center;
}

con_editImgPerfil a {
}

.con_editImgPerfil img {
    max-width: 400px;
    width: 50%;
    border-radius: 50%;
}

#contentWrapper header {
    min-height: 42px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

#formMod .tabla {
    border: none;
    width: 100%;
    color: #2B588A;
    border-collapse: collapse;
}

#formMod .tabla tr {
}

#formMod .tabla tr th, #formMod .tabla tr td {
    vertical-align: middle;
    border: none;
}

#formMod .tabla tr td {
}

#formMod .tabla tr th {
}

.tabla tbody tr:nth-child(2n+1) th[scope=row] {
    background-color: #F5F5F5 !important;
}

#formMod .tabla tr th[scope=col] {
    background-color: #FFF;
    color: #2B588A;
}

#formMod .tabla tr th[scope=row] {
    width: 100px;
    text-align: left;
    background-color: #FFF;
    color: #2B588A;

}

.cont_cobrar h3 input[type=checkbox] {
    margin-left: 10px;

}

.cont_cobrar select,
.cont_cobrar input {
    width: auto;
    display: inline;
}

.cont_moneda {
    display: none;
}

.wrapper {
    background-color: #FFF;
    margin-top: 20px;
}

#BTimprimir {
    font-size: 1.2em;
    padding: 10px;
    display: inline-block;
}

#BTvolver {
    font-size: 1.2em;
    padding: 10px;
    display: inline-block;
}

@media (max-width: 1024px) {
    .fotosWrapper .fotosBox:nth-child(4n+1) {
        margin-left: 1.6%
    }

    .fotosWrapper .fotosBox:nth-child(3n+1) {
        margin-left: 0
    }

    .fotosWrapper .fotosBox {
        width: 32.2666666667%;
    }
}

@media (max-width: 908px) {
    #adminMenu {
        position: absolute;
        top: 0;
        left: -500px;
        width: 100%;
        transition: .5s;
        opacity: 0;
        z-index: 0;
    }

    input#adminMenuButton:checked + .mainWrapper #adminMenu {
        transition: .5s;
        opacity: 1;
        left: 0;
        z-index: 2;
    }

    #adminMenu .navigation nav {

    }

    #topbar {
        text-align: center;
    }

    #topbar img.logo {
        width: 105px;
        margin-left: 29px;
    }

    #topbar > div {
        display: none;
    }

    #formListado {
        width: 100%;
    }

    label[for=adminMenuButton] {
        display: inline-block;

    }

    .navigation nav ul li a {
        text-align: left;
        padding: 10px;
    }

    .navigation .submenu li a {
        padding: 10px;
    }

    #contentWrapper {
        width: 100%;
    }

    .submenu {
        display: block;
    }

    #col_left,
    #col_right {
        float: none !important;
        width: 100% !important;
    }

    #filtros fieldset {
        width: 100%;
        margin-bottom: 5px;
    }

    #filtros fieldset > label {
        width: 100%;
    }

    label[for="adminMenuButton"] {
        top: 8px;
        left: 13px;
        font-size: 19px;
    }

    table.tabla {
        width: 100%;
        display: block;
        min-width: unset;
    }

    table.tabla thead {
        display: none;
    }

    table.tabla tbody {
        display: block;
    }

    table.tabla tbody tr {
        display: block;
        width: 100%;
        margin-bottom: 10px;

        border: solid 1px #DDD;
        border-radius: 5px;
    }

    table.tabla tbody td {
        display: block;
        width: 100%;
        padding: 5px;
    }
}

@media (max-width: 550px) {
    .fotosWrapper .fotosBox:nth-child(3n+1) {
        margin-left: 0
    }

    .fotosWrapper .fotosBox {
        width: 100%;
    }
}

#contentWrapper {
    padding: 0;
}

#topbar {
    background: #FFF; /*#4187DD;*/
    box-shadow: none;
    border: none;

}

#topbar > div {
    display: inline-block;
    float: right;
    padding: 0;
    margin: 0;
}

nav ul li a span.fa, nav ul li a svg {
    /*! float        : right; */
    /*
     margin-right : 10px
     */
}

nav ul.submenu li a span.fa, nav ul.submenu li a svg {
    /*
    float        : right;
    margin-right : 20px
    */
}

.menuInfoBox {
}

.menuInfoBox header {
    text-align: center;
    color: #FFF;
    padding: 20px 0;
}

.menuInfoBox .contUserImage {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.menuInfoBox .contName {
    color: #FFF;
    text-align: center;
    font-size: x-small;
}

.menuInfoBox .contUserImage img {
    width: 50%;
    border-radius: 50%;
}

.menuInfoBox .contBtns {
    margin: 10px 0;
    text-align: center;
    padding: 0 10px;

}

.menuInfoBox .contBtns a {
    color: #DDD;
    margin: 0 5px;
}

.menuInfoBox .contBtns a:hover {
    color: #FFF;
}

.menuInfoBox footer {
    /*! border-bottom: 1px solid #fff; */
    /*! margin: 10px 0 0 0; */
}

nav ul li {
    background: none;
    box-shadow: none;
}

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

.text-left {
    text-align: left;
}

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

.fecha-kactus {
    float: right;
}

.fecha-kactus span {

    margin-left: 5px;
    line-height: 42px;
}

.fecha-kactus span i {
    /*! margin-right : -26px; */
    position: relative;
    z-index: 1;

    line-height: 30px;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    border-left: 1px solid #D1D1D1;
    width: 29px;
    display: inline-block;
    top: -1px;
    text-align: center;
}

.fecha-kactus span input {
    width: auto;
    /*! margin-left : 10px; */
    /*! text-indent : 13px; */

}

.trademark {
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
}

.trademark a {
    color: #276BB1;
}

.bodymask {
    background-color: #FFF;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .7;
}

.productoSeleccionado .grid-row.nombre_producto .tabla tr td {
    width: 33%;
    border: 1px solid;
}

.productoSeleccionado .grid-row.nombre_producto .tabla tr td input {
    width: 100%;
}

.addClienteSug {
    width: 64%;
    display: inline-block;
}

#buscadorToggle {
    width: 35%;
    vertical-align: top;
    display: inline-block;
}


.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.w50 {
    flex: 0 0 auto;
    width: 50%!important;
}
.w100{
    flex: 0 0 auto;
    width: 100%!important;
}
.ml-0{
    margin-left:0!important;
}
.mr-0{
    margin-right:0!important;
}
.pr-0{
    padding-right:0!important;
}
.w-100{
    width:100%!important;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex!important;
    flex-wrap: wrap!important;
    margin-top: calc(-1 * var(--bs-gutter-y))!important;
    margin-right: calc(-.5 * var(--bs-gutter-x))!important;
    margin-left: calc(-.5 * var(--bs-gutter-x))!important;
}

    .row > * {
        flex-shrink: 0!important;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5)!important;
        padding-left: calc(var(--bs-gutter-x) * .5)!important;
        margin-top: var(--bs-gutter-y)!important;
    }