html,body{
              width: 99.5%;
              height: 100%;
          }
          .ignore{
               opacity: 0;
           }
           .ignore:hover{
               cursor: default;
           }
           .table-header {
               display: table;
           }

           .custom-pagination{
               display: table-cell;
               padding-left: -1px;
           }
           .cell-header {
               display: table-cell;
           }
           .cell-header .saludo{
               padding: 0;
               margin-left: 0px;
           }
           .cell-header:nth-child(1) {
               width: 10%;
           }

           .cell-header:nth-child(2) {
               padding-left: 20px;
               font-size: 1.9em;
               font-weight: bold;
               text-align: center;
           }
            .cell-header:nth-child(3) {
                width: 15%;
            }
           .cell-header:nth-child(4) {
                    width: 10%;
           }

           .img-header {
               width: 70%;
               height: 4%;
           }

           .header-content {
               border-bottom: 1px solid #CFD8DC;
           }

           .cell-footer {
               display: table-cell;
               padding-left: 15px;
           }

           .main-container {
               background: #FAFAFA;
           }

           .footer-container {
               border-top: 1px solid #CFD8DC;
               height: 20%;
               background: url('');
           }

           .container-login {
               border: 1px solid #CFD8DC;
           }

           .copyright-footer {
               padding-left: 15px;
               color: #90A4AE;
           }

            .container-border {
                    border: 1px solid #CFD8DC;
            }

            .vertical-menu {
                height: 150px;
                overflow-y: auto;
            }

            .vertical-menu a {
                color: black;
                display: block;
                padding: 1px;
                text-decoration: none;
            }

            .vertical-menu a:hover {
                background-color: #ccc;
                cursor: pointer;
            }

            .vertical-menu a.active {
                background-color: #4CAF50;
                color: white;
            }

            /*  Estilo para jqValidation msj error */
            .error{
                color: red;
                font-weight: normal
            }


            /*  styles when panel pedidos is minimized  */
            #flyin {
                z-index: 100;
                border-radius: 10px 0 0;
                -moz-border-radius: 10px 0 0;
                -webkit-border-radius: 10px 0 0;
                background: #fff url(//cdn.elegantthemes.com/images/flyin-bg.png) no-repeat 0 127px;
                box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                width: 260px;
                padding: 10px;
                position: fixed;
                bottom: 0;
                right: 0;
                -webkit-backface-visibility: visible !important;
                -ms-backface-visibility: visible !important;
                backface-visibility: visible !important;
                -webkit-animation: flipInY 1s cubic-bezier(0.77, 0, .175, 1);
                -moz-animation: flipInY 1s cubic-bezier(0.77, 0, .175, 1);
                -o-animation: flipInY 1s cubic-bezier(0.77, 0, .175, 1);
                animation: flipInY 1s cubic-bezier(0.77, 0, .175, 1);
                -webkit-transition: bottom .5s ease, background-position .5s ease;
                transition: bottom .5s ease, background-position .5s ease;
            }

            #flyin:hover{
                cursor: pointer;
            }

            .overlay{
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  background: rgba(0, 0, 0, 0);
                  transition: background 0.5s ease;
            }

            .thumbnail-producto:hover .overlay {
                display: block;
                background: rgba(0, 0, 0, .3);
            }

            .thumbnail-producto:hover .title {
                top: 90px;
            }

            .thumbnail-producto:hover .button-ver-img {
                opacity: 1;
            }
            .thumbnail-producto:hover .button-act-img {
                opacity: 1;
            }

            .button-ver-img {
                position: absolute;
                width: 200px;
                left: 0;
                top: 50px;
                text-align: center;
                opacity: 0;
                transition: opacity .35s ease;
            }

            .button-act-img {
                position: absolute;
                width: 200px;
                left: 0;
                top: 100px;
                text-align: center;
                opacity: 0;
                transition: opacity .35s ease;
            }

            .button-ver-img .contBtnImg {
                width: 100px;
                padding: 12px 48px;
                text-align: center;
                color: white;
                font-size: 2em;
                z-index: 1;
            }

            .button-act-img .contBtnImg {
                width: 100px;
                padding: 12px 48px;
                text-align: center;
                color: white;
                font-size: 2em;
                z-index: 1;
            }
    .button-ver-img .contBtnImg i:hover{
        color: #c40000
    }
            .button-act-img .contBtnImg i:hover{
    color: #c40000

            }