.nuoSt #spinner {
    margin-top: 25px;
  }

  select.form-control,
  .nuoSt .form-group select.form-control {
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url(../img/arrowSelects.jpg) right top no-repeat;
  }
  .form-group select::-ms-expand,
  select::-ms-expand {
  display: none;
  }

  select.form-control[disabled],
  .nuoSt .form-group select.form-control[disabled] {
  background: #fff url(../img/arrowSelectsDisabled.jpg) right top no-repeat;
  }

/*    ***********************************************************************************   iconos de la interfaz de nuoGo*/


      @charset "UTF-8";

      @font-face {
        font-family: "nuo";
        src:url("../fonts/nuo/nuo.eot");
        src:url("../fonts/nuo/nuo.eot?#iefix") format("embedded-opentype"),
          url("../fonts/nuo/nuo.woff") format("woff"),
          url("../fonts/nuo/nuo.ttf") format("truetype"),
          url("../fonts/nuo/nuo.svg#nuo") format("svg");
        font-weight: normal;
        font-style: normal;

      }

      @font-face {
          font-family: "nuo2";
          src:url("../fonts/nuo/nuo2.eot");
          src:url("../fonts/nuo/nuo2.eot?#iefix") format("embedded-opentype"),
          url("../fonts/nuo/nuo2.woff") format("woff"),
          url("../fonts/nuo/nuo2.ttf") format("truetype"),
          url("../fonts/nuo/nuo2.svg#nuo2") format("svg");
          font-weight: normal;
          font-style: normal;

      }

      [data-icon]:before {
        font-family: "nuo", "nuo2" !important;
        content: attr(data-icon);
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
     
      [class^="icon-"]:before,
      [class*=" icon-"]:before {
        font-family: "nuo", "nuo2" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

      }

      /*abecedario */          

          .icon-nuo-01:before {
              content: "\e900";
          }
          .icon-nuo-02:before {
              content: "\e901";
          }
          .icon-nuo-03:before {
              content: "\e902";
          }
          .icon-nuo-04:before {
              content: "\e903";
          }
          .icon-nuo-05:before {
              content: "\e904";
          }
          .icon-nuo-06:before {
              content: "\e905";
          }
          .icon-nuo-07:before {
              content: "\e906";
          }
          .icon-nuo-08:before {
              content: "\e907";
          }
          .icon-nuo-09:before {
              content: "\e908";
          }
          .icon-nuo-10:before {
              content: "\e909";
          }
          .icon-nuo-11:before {
              content: "\e90a";
          }
          .icon-nuo-12:before {
              content: "\e90b";
          }
          .icon-nuo-13:before {
              content: "\e90c";
          }
          .icon-nuo-14:before {
              content: "\e90d";
          }
          .icon-nuo-15:before {
              content: "\e90e";
          }
          .icon-nuo-16:before {
              content: "\e90f";
          }
          .icon-nuo-17:before {
              content: "\e910";
          }
          .icon-nuo-18:before {
              content: "\e911";
          }
          .icon-nuo-19:before {
              content: "\e912";
          }
          .icon-nuo-20:before {
              content: "\e913";
          }
          .icon-nuo-21:before {
              content: "\e914";
          }
          .icon-nuo-22:before {
              content: "\e915";
          }
          .icon-nuo-23:before {
              content: "\e916";
          }
          .icon-nuo-24:before {
              content: "\e917";
          }
          .icon-nuo-25:before {
              content: "\e918";
          }
          .icon-nuo-26:before {
              content: "\e919";
          }
          .icon-nuo-27:before {
              content: "\e91a";
          }
          .icon-nuo-28:before {
              content: "\e91b";
          }
          .icon-nuo-29:before {
              content: "\e91c";
          }
          .icon-nuo-30:before {
              content: "\e91d";
          }
          .icon-nuo-31:before {
              content: "\e91e";
          }
          .icon-nuo-22:hover:before,
          .icon-nuo-32:before {
              content: "\e91f";
          }
          .icon-nuo-23:hover:before,
          .icon-nuo-33:before {
              content: "\e920";
          }
          .icon-nuo-24:hover:before,
          .icon-nuo-34:before {
              content: "\e921";
          }
          .icon-nuo-25:hover:before,
          .icon-nuo-35:before {
              content: "\e922";
          }
          .icon-nuo-26:hover:before,
          .icon-nuo-36:before {
              content: "\e923";
          }
          .icon-nuo-27:hover:before,
          .icon-nuo-37:before {
              content: "\e924";
          }
          .icon-nuo-28:hover:before,
          .icon-nuo-38:before {
              content: "\e925";
          }
          .icon-nuo-30:hover:before,
          .icon-nuo-39:before {
              content: "\e926";
          }
          .icon-nuo-31:hover:before,
          .icon-nuo-40:before {
              content: "\e927";
          }
          .icon-nuo-29:hover:before,
          .icon-nuo-41:before {
              content: "\e928";
          }
          .icon-nuo-42:before {
              content: "\e929";
          }
          .icon-nuo-43:before {
              content: "\e92a";
          }
          .icon-nuo-44:before {
              content: "\e92b";
          }
          .icon-nuo-45:before {
              content: "\e92c";
          }
          .icon-nuo-46:before {
              content: "\e92d";
          }
          .icon-nuo-47:before {
              content: "\e92e";
          }
          .icon-nuo-48:before {
              content: "\e92f";
          }
          .icon-nuo-49:before {
              content: "\e930";
          }
          .icon-nuo-50:before {
              content: "\e931";
          }
          .icon-nuo-51:before {
              content: "\e932";
          }
          .icon-nuo-52:before {
              content: "\e933";
          }
          .icon-nuo-53:before {
              content: "\e934";
          }
          .icon-nuo-54:before {
              content: "\e935";
          }
          .icon-nuo-55:before {
              content: "\e936";
          }
          .icon-nuo-56:before {
              content: "\e937";
          }
          .icon-nuo-57:before {
              content: "\e938";
          }
          .icon-nuo-58:before {
              content: "\e939";
          }
          .icon-nuo-59:before {
              content: "\e93a";
          }
          .icon-nuo-60:before {
              content: "\e93b";
          }
          .icon-nuo-61:before {
              content: "\e93c";
          }
          .icon-nuo-62:before {
              content: "\e93d";
          }
          .icon-nuo-63:before {
              content: "\e93e";
          }
          .icon-nuo-64:before {
              content: "\e93f";
          }
          .icon-nuo-65:before {
              content: "\e940";
          }
          .icon-nuo-66:before {
              content: "\e941";
          }
          .icon-nuo-67:before {
              content: "\e942";
          }
          .icon-nuo-68:before {
              content: "\e943";
          }
          .icon-nuo-69:before {
              content: "\e944";
          }
          .icon-nuo-70:before {
              content: "\e945";
          }
          .icon-nuo-71:before {
              content: "\e946";
          }
          .icon-nuo-72:before {
              content: "\e947";
          }
          .icon-nuo-73:before {
              content: "\e948";
          }
          .icon-nuo-74:before {
              content: "\e949";
          }
          .icon-nuo-75:before {
              content: "\e94a";
          }
          .icon-nuo-76:before {
              content: "\e94b";
          }
          .icon-nuo-77:before {
              content: "\e94c";
          }
          .icon-nuo-78:before {
              content: "\e94d";
          }
          .icon-nuo-79:before {
              content: "\e94e";
          }
          .icon-nuo-80:before {
              content: "\e94f";
          }
          .icon-nuo-81:before {
              content: "\e950";
          }
          .icon-nuo-82:before {
              content: "\e951";
          }
          .icon-nuo-83:before {
              content: "\e952";
          }
          .icon-nuo-84:before {
              content: "\e953";
          }
          .icon-nuo-85:before {
              content: "\e954";
          }
          .icon-nuo-86:before {
              content: "\e955";
          }
          .icon-nuo-87:before {
              content: "\e956";
          }
          .icon-nuo-88:before {
              content: "\e957";
          }
          .icon-nuo-89:before {
              content: "\e958";
          }
          .icon-nuo-90:before {
              content: "\e959";
              -moz-border-radius: 50%;
              -webkit-border-radius: 50%;
              border-radius: 50%;
              border: 2px solid #ccc;
              padding: 5px;
          }
          .icon-nuo-90:hover:before{
            border-color: #aaa;
            color: #9a0000;
          }
          .icon-nuo-902:before {
              content: "\e95a";
          }
          .icon-nuo-91:before {
              content: "\e95b";
          }
          .icon-nuo-92:before {
              content: "\e95c";
          }
          .icon-nuo-93:before {
              content: "\e95d";
          }
          .icon-nuo-94:before {
              content: "\e95e";
          }
          .icon-nuo-95:before {
              content: "\e95f";
          }
          .icon-nuo-96:before {
              content: "\e960";
          }
          .icon-nuo-97:before {
              content: "\e961";
          }
          .icon-nuo-98:before {
              content: "\e962";
          }
          .icon-nuo-903:before {
              content: "\e963";
          }
          .icon-nuo-99:before {
              content: "\e964";
          }
          .icon-nuo-100:before {
              content: "\e965";
          }
          .icon-nuo-101:before {
              content: "\e966";
          }
          .icon-nuo-102:before {
              content: "\e967";
          }
          .icon-nuo-103:before {
            content: "\e96a";
          }
          .icon-nuo-104:before {
            content: "\e969";
          }
          .icon-nuo-105:before {
            content: "\e96b";
            font-size: 1.05em;
          }
          .icon-nuo-107:before {
            content: "\e96c";
          }
          .icon-nuo-108:before {
            content: "\e96d";
          }
          .icon-nuo-109:before {
              content: "\e800";
          }
          .icon-nuo-110:before {
               content: "\e801";
          }
          .icon-nuo-111:before {
              content: "\e802";
          }
          .icon-nuo-112:before {
              content:"\e96e";
          }


/*    ***********************************************************************************   error */
      .error {
          position: absolute;
          right: 0;
          top: -10px;
          width: 130px;
          z-index: 1999;
      }

      .error i {
          font-size: 1.1em;
          padding: 5px;
          background-color: #fff;
          border: solid 1px #ee0000;
          color: #ee0000;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          float: right;
          padding: 3px 7px;
      }

      .error i.fa.fa-info {
          cursor: pointer;
      }

      .error small {
          background-color: #f3f3f3;
          border: 1px solid #e00;
          display: block;
          border: solid 1px #ee0000;
          -moz-border-radius: 5%;
          -webkit-border-radius: 5%;
          border-radius: 5%;
          padding: 3px 7px;
          color: #ee0000;
          font-size: 0.85em;
      }

      .error.yes small {
          display: none;
      }

      .error.border {
          right: -10px;
      }

      /**** Errores de campos por defecto ****/
      .empty-default,
      .empty-default label {
          color: red !important;
          font-weight: 700;
      }
      .empty-default-border,
      .empty-default input,
      .empty-default input:focus,
      .empty-default select,
      .empty-default select:focus {
          border: 4px red solid !important;
          color: #555;
          font-weight: normal;
      }

/*    ***********************************************************************************   checkboxs ducks*/
      .checkDck{
        width: 20px;
        height: 20px;
        display: block;
        border: 2px solid #e5e6e7;
        float: left;
        margin-right: 3px;
      }
      .checkDck:hover{
        background: #e5e6e7;
      }
      .input-check{
          text-decoration: none;
          display: block;
          width: 100%;
          height: 100%;
          margin: 0px;
          padding: 0px;
          background: rgb(255, 255, 255);
          border: 0px;
          opacity: 0;
      }
/*    ***********************************************************************************   FLEXBOX  */

        /* content styles */

          .inside {
            margin-top: 20px;
            margin-bottom: 20px;
          }
          .inside-full-height {
            
            height: 100%;
            margin-top: 0;
            margin-bottom: 0;
          }

          .fullH{
            height: 100%;
          }
          .fullH .ibox-content{
            height: 83%;
          }
          .gpoAccDoors .fullH .ibox-content{
            height: 82%;
          }

          .specialIboxContent{
            overflow: hidden;
            margin-bottom: 25px;
          }
          /* columns of same height styles */

          .row-height {
            display: table;
            table-layout: fixed;
            height: 100%;
            width: 100%;
          }
          .col-height {
            display: table-cell;
            float: none;
            height: 100%;
          }
          .col-top {
            vertical-align: top;
          }
          .col-middle {
            vertical-align: middle;
          }
          .col-bottom {
            vertical-align: bottom;
          }

        /* media queries de intentar el flexbox*/

          @media (min-width: 480px) {
            .row-xs-height {
              display: table;
              table-layout: fixed;
              height: 100%;
              width: 100%;
            }
            .col-xs-height {
              display: table-cell;
              float: none;
              height: 100%;
            }
            .col-xs-top {
              vertical-align: top;
            }
            .col-xs-middle {
              vertical-align: middle;
            }
            .col-xs-bottom {
              vertical-align: bottom;
            }
          }

          @media (min-width: 768px) {
            .row-sm-height {
              display: table;
              table-layout: fixed;
              height: 100%;
              width: 100%;
            }
            .col-sm-height {
              display: table-cell;
              float: none;
              height: 100%;
            }
            .col-sm-top {
              vertical-align: top;
            }
            .col-sm-middle {
              vertical-align: middle;
            }
            .col-sm-bottom {
              vertical-align: bottom;
            }
          }

          @media (min-width: 992px) {
            .row-md-height {
              display: table;
              table-layout: fixed;
              height: 100%;
              width: 100%;
            }
            .col-md-height {
              display: table-cell;
              float: none;
              height: 100%;
            }
            .col-md-top {
              vertical-align: top;
            }
            .col-md-middle {
              vertical-align: middle;
            }
            .col-md-bottom {
              vertical-align: bottom;
            }
          }

          @media (min-width: 1200px) {
            .row-lg-height {
              display: table;
              table-layout: fixed;
              height: 100%;
              width: 100%;
            }
            .col-lg-height {
              display: table-cell;
              float: none;
              height: 100%;
            }
            .col-lg-top {
              vertical-align: top;
            }
            .col-lg-middle {
              vertical-align: middle;
            }
            .col-lg-bottom {
              vertical-align: bottom;
            }
          }
/*    ***********************************************************************************   version demo */

      .nuoSt #waitingModal .spinner {
        text-align: center;
      }

      .nuoSt #waitingModal .spinner i {
        color: white;
        font-size: 10em;
      }

      .nuoSt .input-group.clockpicker-with-callbacks .form-control{
        height: 40px;
      }
      .nuoSt .input-group.clockpicker-with-callbacks .input-group-addon.clock-disabled{
        display: none;
      }
      .nuoSt .ibox-tools{
        visibility: hidden;
      }
      .nuoSt .ibox-tools.hiddenForDemo{
        display: none;
      }
      .nuoSt .nav .fa.arrow,
      .nuoSt .table th .fa-search{
        display: none;
      }

      .cut-text-ellipsis {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
      }
      
      #fechaDesde, #fechaHasta {
        margin-bottom: 0;
      }
      /* **** alturas fijas de fichas */

      /*usuarios*/
          /*.opciones{
            height: 192px;
          }
          .credenciales{
            height: 159px;
          }
          .modoAcceso{
            height: 194px;
          }*/

        /* puertas */
          .fichaPuertasModo{
            height: 159px;
          }
          .stateHeight,
          .fichaPuertasCerraduraYtipo,
          .fichaPuertasOpciones,
          .alarmTamper .stateHeight,
          .alarmTamper .fichaPuertasCerraduraYtipo,
          .alarmTamper .fichaPuertasOpciones {
              height: 218px;
          }
          .stateHeight,
          .fichaPuertasCerraduraYtipo {
            padding: 20px 0 0 0;
          }

          .fichaPuertasModo .i-checks{
              padding-top: 14px;
          }
          .fichaPuertasOpciones .i-checks{
              padding-top: 8px;
              padding-bottom: 8px;
          }
          .alarmTamper .fichaPuertasOpciones .i-checks {
              padding-top: 5px;
              padding-bottom: 3px;
          }
          .fichaPuertasConsolas {
              border: 1px solid #e7eaec;
              padding-top: 10px;
              padding-bottom: 5px;
          }
          .fichaPuertasConsolas>label {
              padding-bottom: 15px;
          }
          .fichaPuertasConsolas .form-group {
              display: inline-flex;
              width: 100%;
              margin-bottom: 0px;
          }
          .fichaPuertasConsolas .form-group label {
              margin-top: 5px;
          }
          .fichaPuertasConsolas .form-control {
              width: 83%;
              margin-bottom: 16px;
              margin-right: 10px;
              display: inline;
          }
      /* ficha*/
          /*imagen de formulario a ancho fijo*/
          .borderGreyUserFicha{
           border: 1px solid #aeafb0; 
          }
          .borderGreyUserFicha.editingMode{
          cursor: pointer;
          }
          .borderGreyUserFicha .fixedH{
            border:none;
            background: #fff url(../img/users/avatar.png) no-repeat;
            background-size: 131px 131px;
            background-position: center top;
          }
          .fixedH{
            height: 139px;
            padding: 5px;
            margin: 0 auto;
            border: 1px solid #aeafb0;
          }
          /* altura del select multiselect en el formulario */
          .nuoSt  select[multiple], select[size] {
              min-height: 290px;
          }
          #small-chat,
          .small-chat-box {
            display: none;
          }
/*    ***********************************************************************************   TOOLTIPS  */
      /* Tooltip */
/*    ***********************************************************************************   MENUS  */

      .navbar-static-top {
          margin-bottom: 0;
          min-height: 65px;
      }

    /* submenus pantallas */
      .nuoSt .submenu{
        margin: 5px 0;
      }
      .nuoSt .submenu.m-t-xl{
        margin-top: 50px;
      }
      .nuoSt  .boxBtn{
        border: 1px solid #a4a6a7;     
        margin:  20px auto;
        overflow: hidden;
        background: #FFF;
        display: block;
        width: 300px;        
        height: 250px;
      }
      .nuoSt .boxBtn.empty{
        background-color: #f2f2f2;
      }
      .loadingImportCopy .boxBtn{
       
        max-width: 400px;        
      }
      .nuoSt  .boxBtn.disabled{
        border: 1px solid #ccc;
        cursor: crosshair;
      }
      .nuoSt  .boxBtn.disabled h4, 
      .nuoSt  .boxBtn.disabled h4 small,
      .nuoSt .submenu.reportsSubmenu .disabled.boxBtn span{
        color: #ccc;
      }
      .nuoSt  .boxBtn.disabled:hover{
        background-color: rgba(158,39,39,0.3);
      }
      .nuoSt  .boxBtn.disabled:hover h4, 
      .nuoSt  .boxBtn.disabled:hover h4 small,
      .nuoSt .submenu.reportsSubmenu .boxBtn.disabled:hover span{
            color: #FFF;
          }

          .nuoSt .submenu.reportsSubmenu .boxBtn{
            height: 90px;
            display: table;
            text-align: center;
            vertical-align: middle;
            position: relative;
            
          }
          .nuoSt .submenu.reportsSubmenu .boxBtn.disabled {
              cursor: not-allowed;
          }
          .nuoSt .submenu.reportsSubmenu .boxBtn h4{
            height: 80px;
            display: table-cell;
            margin: 0;
            padding: 0;
            text-align: center;
            vertical-align: middle;
          }
          .nuoSt .submenu.reportsSubmenu .boxBtn span{
            display: table-cell;
            font-size: 3.8em;
            vertical-align: middle;
            padding:  0 0 0 15px;
            color: #676a6c;           
          } 
          .nuoSt .submenu.reportsSubmenu .boxBtn:hover span{
            color: #FFF;
          }
          .nuoSt .submenu.reportsSubmenu .boxBtn small{
            line-height: 1.3em;
            margin-top: 0;
          }
          .nuoSt .submenu.reportsSubmenu .boxBtn h4 small,
          .nuoSt .submenu.reportsSubmenu .boxBtn h4{
            border-bottom: none;
          }
          .nuoSt  .boxBtn h4, .nuoSt  .boxBtn h4 small{
            text-align: center;
            text-transform: uppercase;
            color: #676a6c;
            font-weight: 100;
            font-size: 1.6em;
            padding:8px 15px;
            margin: 4px 0 0 0;
            width: 100%;
            border-bottom: 1px solid #a4a6a7;
           
          }
           .nuoSt  .boxBtn h4 small{
            font-size: 0.9em;
            float: left;
            padding-right: 15px;
           }
           .nuoSt  .boxBtn i{
              width: 100%;
              text-align: center;
              font-size: 7em;
              margin: 35px 0;
              color: #676a6c;
              display: block;
           }
            .nuoSt  .loadingImportCopy .boxBtn i{
              font-size: 9em;
              line-height: 1em;
              margin: 5px 0 35px;
            }
           .nuoSt  .boxBtn .nuoGoIConInf{
              width: 80px;
           }

           .nuoSt  .boxBtn img{
              width: 98px;
              margin: 35px auto;
              opacity: 0.7;
              filter: alpha(opacity=70);
              
           }
           .nuoSt  a.boxBtn:hover{
            border-color: #cecece;
            background-color: rgba(158,39,39,0.77);
            color: #fff;
           }
          .nuoSt  a.boxBtn:hover h4,
           .nuoSt  a.boxBtn:hover h4 small{
            color: #fff;
           }

           .nuoSt  a.boxBtn:hover i{
            color: #fff;
           }
           /* submenu sistema */
           .nuoSt .subSystem .boxBtn h4{
              font-size: 1.4em;
           }

           .nuoSt  .boxBtn.empty{
           
            background-color: #eee;
           }

    /*header */
        .nuoSt .nav .nav-header {
            margin-bottom: 10px;      
        }
        body.mini-navbar.nuoSt .nav-header {
            background-color: #9a0000;
            padding: 0;
        }
        body.mini-navbar .navbar-default .nav > li.nav-header > a{
          padding: 16px 2px;
          background-color: #fff;
        }

    /*general */
      /* MENU */
          .nuoSt .nav > li > a {      
            font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 1.2em;
            font-weight: 100;
            padding: 14px 10px;
            line-height: 35px;
            color: #FFF;
          }

          .nuoSt .nav-second-level{
            background-color: #fff;
          }
          .nuoSt .nav-second-level > li > a{
            color: #9a0000;
          }
          
          .nuoSt .nav > li > a i {
            margin-right: 6px;
            font-size: 2.2em;
          }
          .nuoSt .nav-second-level > li > a i {
          
            font-size: 1.8em;
          }
          .nuoSt .nav-third-level > li > a i {
          
            font-size: 2.0em;
          }

          /*2*/
          .nuoSt .nav.nav-second-level > li > a{       
            font-size: 1.1em;       
            padding: 12px 10px;
            line-height: 33px;
           
          }
          .nuoSt .nav.nav-second-level{
            padding-left: 10px;
          }
          /*3*/
          .nuoSt .nav.nav-third-level > li > a{       
            font-size: 1.0em;       
            padding: 10px 10px;
            line-height: 31px;
           
          }
          .nuoSt .nav.nav-third-level{
            padding-left: 10px;
          }
          /* alinear el icono al texto */
             .nuoSt .nav > li > a {
                float: none;
                overflow: hidden;
             }
              .nuoSt .nav > li > a i{
              display: block;
              float: left;
             }
              .nuoSt .nav > li > a span{
              float: left;
             }
              .nuoSt.mini-navbar .nav > li > a {
                float: none;
                overflow: hidden;
             }
              .nuoSt.mini-navbar .nav > li > a i,
              .nuoSt.mini-navbar .nav > li > a span{
              float: none;
             }

    /* *** mini nav bar *** */

        .nuoSt .metismenu .arrow {
          line-height: 2.129;
          font-size: 0.8em;
        }
        .nuoSt.mini-navbar .navbar-default .nav > li > a{
          text-align: center;      
        }
        .nuoSt.mini-navbar .nav-second-level > li > a{          
          padding: 10px 3px;
          font-size: 1.2em;
        }
        body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
        .mini-navbar .nav li:focus > .nav-second-level {       
          min-width: 40px;
        }
        .nuoSt.mini-navbar .nav.nav-third-level,
        .nuoSt.mini-navbar .nav.nav-second-level{
          padding-left: 0px;
        }

    /*actives y hovers*/  

        .nuoSt .nav > li.active{
          background-color: #FFF;
          border-left: 4px solid #9a0000;
        }        
        .nuoSt .nav > li.active  > a,
        .nuoSt .navbar-default .nav > li > a:hover,
        .nuoSt .navbar-default .nav > li > a:focus {
          background-color: #fff;
          color: #9a0000;
        }

        /*3*/
          .nuoSt .nav.nav-second-level > li.active{           
            border-left: 4px solid #ffffff;
          } 
          .nuoSt .nav.nav-second-level > li.active  > a,
          .nuoSt .nav.nav-second-level > li > a:hover,
          .nuoSt .nav.nav-second-level > li > a:focus,
          .nuoSt .nav.nav-second-level > li.active, .nuoSt .nav.nav-third-level{
            background-color: #ecd4d4;
          }
          .nuoSt .nav.nav-second-level > li.active > a, .nuoSt .nav.nav-third-level > li > a{
            color: #9a0000;
          }

          /* mini */
            .nuoSt.mini-navbar .nav > li.active {
                  border-left: none;
                }
             .nuoSt.mini-navbar .nav > li.active{
              border: 3px solid #9a0000;
            }
             .nuoSt.mini-navbar .nav-second-level > li.active{
              border: 3px solid #fff;
            }
            .nuoSt.mini-navbar .nav.nav-second-level > li.active  > a,
            .nuoSt.mini-navbar .nav.nav-second-level > li > a:hover,
            .nuoSt.mini-navbar .nav.nav-second-level > li > a:focus,
            .nuoSt.mini-navbar .nav.nav-second-level > li.active, .nuoSt.mini-navbar .nav.nav-third-level{
              background-color: #ecd4d4;
              border-radius: 0;
              -moz-border-radius: 0;
              -webkit-border-radius: 0;
            }

    /* logo by*/
        .body-small .logoBy {
          display: none;
        }

        .body-small.mini-navbar .logoBy{
            display: block;
        }
        .logoBy{
          position: fixed;
          bottom: 5px;
          left: 0;
          width: 220px;
        }
        .bxInfoNav{
          width: 90%;
          float: left;
          padding: 5px 5% ;
          font-weight: 100;
          color: #fff;
        }
        .bxInfoNav p{
          margin: 0 0 5px 0;
          color: rgba(255, 255, 255, 0.8);
        }
        body.viewOff.nuoSt .bxInfoNav,
        body.mini-navbar .bxInfoNav{
          display: none;
          
        }
        body.mini-navbar .logoBy{
          width: 70px;
        } 
        .logoBy img{   
          margin: 15% 35%;
          width: 30%;
        }
        body.mini-navbar .logoBy img{   
          margin: 5% 15%;    
          width: 70%;
        }
      /*dashboard botones diferentes */
          /*btn dash*/

      .nuoSt .btnDash {
          background-color: #ffffff;
          border: 1px solid #999;
          width: 100%;
          color: inherit;
          padding: 15px 2px 20px;
          text-transform: uppercase;
          margin-bottom: 15px;
          font-weight: 700;
      }

      .nuoSt.btnDash.active {
          box-shadow: none;
          border: 1px solid #fefefe;
      }

      .nuoSt .btnDash:hover {
          box-shadow: none;
          border: 1px solid #999;
          background-color: rgba(158,39,39,.77);  
          color: #fff;
      }

      .nuoSt .btnDash.disabled {
          background-color: #fefefe;
          border: 1px solid #ccc;
          cursor: crosshair;
          font-weight: 400;
      }

      .nuoSt .btnDash.disabled:hover {
          background-color: rgba(158,39,39,0.3);
          color: #fff;
          font-weight: 400;
      }

      .nuoSt .emergencyBtn {
          background-color: rgba(28, 170, 24, 0.3);
          color: #fff;
          padding: 15px 2px 20px;
          box-shadow: none;
          border: 1px solid rgba(28, 170, 24, 1);
      }

      .nuoSt .emergencyBtn:hover {
          background-color: rgba(28, 170, 24, 0.8);
          color: #fff;
          border: 1px solid rgba(28, 170, 24, 1);
      }
      .greenTxt{
         color: rgba(28, 170, 24, 1);
         font-weight: 700;
      }
      .whiteTxt{
        font-weight: 700;
        color: #FFF; 
      }




      /* ***********  RIGHT SIDEBAR  */
        .sidebar-container ul.nav-tabs li img {
          width: 90%;
          margin-left: 5%;
          margin-right: 5%;
          margin-top: -1px;
        }
        .sidebar-container ul.nav-tabs li {
          border: none;
        }
        .nuoSt .sidebar-container ul.nav-tabs li:nth-child(2){
          padding-top: 0;
        
        }
        .nuoSt .sidebar-container ul.nav-tabs li.active {
          background: #9e2727 none repeat scroll 0 0;
          border-left: none;
        }

        .sidebar-container ul.nav-tabs li a {
          border: none;
          padding: 12px 15px;
          margin: 0;
          border-radius: 0;
          background: #9a0000;
          color: #fff;
          text-align: center;
          border-right: 1px solid #fff;
          font-size: 0.95em;
          font-weight: 100;
          padding: 15px 0;
          text-align: center;
        }    

/*    *********************************************************************************** FIRST CONNECTION */

.modal-open .dialog-modal-manual {
    display: block;
    padding-right: 9px;
}

.modal-open .dialog-modal-manual #inputEscapeClose,
.modal-open .dialog-modal-manual .inputEscapeClose,
.modal-open .dashMod .inputEscapeClose {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.modal-open .dashMod button.close:focus,
.modal-open .dashMod button.close>span:focus,
.modal-open .dialog-modal-manual button.close:focus,
.modal-open .dialog-modal-manual button.close>span:focus {
    outline-color: white;
}

.firstConnection p {
  
}
.firstConnection .progress{
    margin: 15px 0;
    background: #e2e2e2;
}        
/*    ***********************************************************************************   sweet alert */
        .sweet-alert h2 {
          color: #676a6c;
          font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
          font-weight: 100;
          font-size: 20px;
          line-height: 27px;
        }
        .nuoSt .sweet-alert button{      
         background-color: #9a0000;
            border-color: #570303;
            color: #ffffff;
        }
        .nuoSt .sweet-alert button:hover,
        .nuoSt .sweet-alert button:focus,
        .nuoSt .sweet-alert button:active,
        .nuoSt .sweet-alert button.active {
          background-color: #570303;
          border-color: #570303;
          color: #FFFFFF;
        }
/*    ***********************************************************************************   BUTTONS */
      
      .nuoSt .btnArea {
        margin-top: 20px;
      }
      .nuoSt .btnArea .btn-danger{
        margin-left: 5px;
      }
      .nuoSt .areaAction{
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 15px 10px;
        overflow: hidden;
      }
      .btn.dim.btn-large-dim{
        text-align: center;
        font-size: 11px;
        white-space: normal;
        border-color: #cc0000;
        color: #cc0000;
      }
      .btn.dim.btn-large-dim i{
          font-size: 2.8em;
          text-align: center;
          width: 100%;
      }
      .nuoSt .areaAction label{
        font-weight: 300;
      }
      .nuoSt .sidebarBtnTop{
        padding: 5px 0;       
        margin-bottom: 5px;
      }

      /* botones generales */
        .nuoSt .btn-primary {
            background-color: #9a0000;
            border-color: #570303;
            color: #ffffff;
        }
        .nuoSt .btn-primary:hover,
        .nuoSt .btn-primary:focus,
        .nuoSt .btn-primary:active,
        .nuoSt .btn-primary.active,
        .nuoSt .open .dropdown-toggle.btn-primary,
        .nuoSt .btn-primary:active:focus,
        .nuoSt .btn-primary:active:hover,
        .nuoSt .btn-primary.active:hover,
        .nuoSt .btn-primary.active:focus {
          background-color: #570303;
          border-color: #570303;
          color: #FFFFFF;
        }
        .nuoSt .btn-white:hover,
        .nuoSt .btn-white:focus,
        .nuoSt .btn-white:active,
        .nuoSt .btn-white.active,
        .nuoSt .btn-white:active:focus,
        .nuoSt .btn-white:active:hover,
        .nuoSt .btn-white.active:hover,
        .nuoSt .btn-white.active:focus {
          border-color: #570303;
          color: #570303;
        }

        /* no style*/
        .noStyleBtn{
          border: none;
          background: transparent;
        margin: 0;
        padding: 0;
        }

      /* dejamos estos btn-circle hechos por si hicieran falta en la versión 2 */
          .nuoSt .btn-danger.btn-circle:hover,
          .nuoSt .btn-danger.btn-circle.active {
             background-color: #cc0000;
             border-color: #cc0000;
             color: #FFFFFF;
          }

          .nuoSt .btn-circle.btn-danger {
             background-color: #ffffff;
             /*-webkit-box-shadow: inset 0px 0px 1px 1px rgba(204,0,0,1);
                -moz-box-shadow: inset 0px 0px 1px 1px rgba(204,0,0,1);
                box-shadow: inset 0px 0px 1px 1px rgba(204,0,0,1);*/
             border: 2px solid #cc0000;
             color: #cc0000;
          }

          .nuoSt .btn-danger.btn-circle i {
             font-size: 1.4em;
          }

          .nuoSt .btn-danger.btn-circle.btn-lg {
             line-height: 1.33;
             padding: 10px 13px;
          }
          /*disabled*/

          .nuoSt .btn-circle.btn-danger.disabled {
             border: 2px solid #b59999;
             color: #b59999;
          }

          .nuoSt .btn-danger.disabled.btn-circle:hover,
          .nuoSt .btn-danger.disabled.btn-circle.active {
             background-color: #b59999;
             border-color: #b59999;
             color: #FFFFFF;
          }
          .nuoSt .btnImg {
            min-width: 170px;
          }
          .nuoSt .btnImg span{
            font-size: 0.9em;
          }
          .nuoSt .btnImg img{
            margin: 5px auto;
            opacity: .7;
            filter: alpha(opacity=70);
          }
          .icoDoorDck{
            width: 30px;
            display: block;
            margin: 0 auto;
            opacity: .7;
            filter: alpha(opacity=70);
          }
          .fichTerm.icoDoorDck{
              font-size: 2.5em;
          }
          .btnGo{
            width: 30px;
            height: 30px;
            float: right;
            line-height: 15px;
          }
          .nuoSt .fa-eye {
              cursor: pointer;
          }

      /* ************toolbar btn circles con img****** */

          .nuoSt .btn-duckNuo {
              background-color: transparent;
              border: none;
              background-repeat: no-repeat;
              background-size: cover;
              display: inline-block;
              margin: 2px 6px 0 6px;
              padding: 0;
              vertical-align: middle;
              white-space: nowrap;
              width: 45px;
              text-indent: -9999px;
              height: 45px;
              float: left;
            }

            .btn-duckNuo.disabled {
                opacity: 0.4;
                filter: alpha(opacity=40);
            }

            .btn-duckNuo.disabled:hover,
            .btn-duckNuo.disabled.active {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

          /* estilos de cada uno*/
              .nuoSt .btn-duckNuo.closeDck{
                  background-image: url("../img/buttons/close.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.controller{
                  background-image: url("../img/buttons/controller.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.delete{
                  background-image: url("../img/buttons/close.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.delete{
                  background-image: url("../img/buttons/delete.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.department{
                  background-image: url("../img/buttons/department.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.door{
                  background-image: url("../img/buttons/door.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.edit{
                  background-image: url("../img/buttons/edit.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.editDoor{
                  background-image: url("../img/buttons/editDoor.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.export{
                  background-image: url("../img/buttons/export.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.group{
                  background-image: url("../img/buttons/group.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.import{
                  background-image: url("../img/buttons/import.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.new{
                  background-image: url("../img/buttons/new.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.ok{
                  background-image: url("../img/buttons/ok.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.operador{
                  background-image: url("../img/buttons/operador.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.oscar{
                  background-image: url("../img/buttons/oscar.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.reader{
                  background-image: url("../img/buttons/reader.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.refresh{
                  background-image: url("../img/buttons/refresh.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.return{
                  background-image: url("../img/buttons/return.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.save{
                  background-image: url("../img/buttons/save.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.usuario{
                  background-image: url("../img/buttons/usuario.png");
                  background-position: 0px 0;
              }
              .nuoSt .btn-duckNuo.imprimir{
                  background-image: url("../img/buttons/imprimir.png");
                  background-position: 0px 0; 
              }
              .nuoSt .btn-duckNuo.download{
                  background-image: url("../img/buttons/download.png");
                  background-position: 0px 0;
              }
              .nuoSt .btn-duckNuo.discovery{
                  background-image: url("../img/buttons/discovery.png");
                  background-position: 0px 0; 
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discovery_en{
                  background-image: url("../img/buttons/discovery_en.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discovery_fr{
                  background-image: url("../img/buttons/discovery_fr.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discovery_zh{
                  background-image: url("../img/buttons/discovery_zh.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discovery_pt{
                  background-image: url("../img/buttons/discovery_pt.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discovery_ch{
                  background-image: url("../img/buttons/discovery_ch.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discovery_de{
                  background-image: url("../img/buttons/discovery_de.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discovery_ru{
                  background-image: url("../img/buttons/discovery_ru.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discover_consoles{
                  background-image: url("../img/buttons/discover_consoles.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discover_consoles_en{
                  background-image: url("../img/buttons/discover_consoles_en.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discover_consoles_fr{
                  background-image: url("../img/buttons/discover_consoles_fr.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discover_consoles_zh{
                  background-image: url("../img/buttons/discover_consoles_zh.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discover_consoles_pt{
                  background-image: url("../img/buttons/discover_consoles_pt.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discover_consoles_ch{
                  background-image: url("../img/buttons/discover_consoles_ch.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discover_consoles_de{
                  background-image: url("../img/buttons/discover_consoles_de.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.discover_consoles_ru{
                  background-image: url("../img/buttons/discover_consoles_ru.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.online{
                  background-image: url("../img/buttons/online.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.online_zh{
                  background-image: url("../img/buttons/online_zh.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.online_ch{
                  background-image: url("../img/buttons/online_ch.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.online_ru{
                  background-image: url("../img/buttons/online_ru.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.offline{
                  background-image: url("../img/buttons/offline.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.offline_zh{
                  background-image: url("../img/buttons/offline_zh.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.offline_ch{
                  background-image: url("../img/buttons/offline_ch.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.offline_ru{
                  background-image: url("../img/buttons/offline_ru.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo.wm{
                  background-image: url("../img/buttons/wm.png");
                  background-position: 0px 0;
                  width: 94px;
              }
              .nuoSt .btn-duckNuo:hover,
              .nuoSt .btn-duckNuo.active{
                  background-position: 0 -45px ; 
              }
              .nuoSt .btn-duckNuo.disabled:hover,
              .nuoSt .btn-duckNuo.disabled.active{
                  cursor: not-allowed;
              }

              .nuoSt .formUser .btn-duckNuo,
              .nuoSt .fichaGroup .btn-duckNuo{
                  float: right;
                  width: 35px;
                  height: 35px;
                  margin-top: -10px;
              }
              .nuoSt .formUser .btn-duckNuo:hover,
              .nuoSt .formUser .btn-duckNuo.active,
              .nuoSt .fichaGroup .btn-duckNuo:hover,
              .nuoSt .fichaGroup .btn-duckNuo.active{
                  background-position: 0 -35px ;
              }
              .nuoSt .formUser .btn-duckNuo.online,
              .nuoSt .formUser .btn-duckNuo.offline,
              .nuoSt .fichaGroup .btn-duckNuo.online,
              .nuoSt .fichaGroup .btn-duckNuo.offline,
              .nuoSt .formUser .btn-duckNuo.online_zh,
              .nuoSt .formUser .btn-duckNuo.offline_zh,
              .nuoSt .fichaGroup .btn-duckNuo.online_zh,
              .nuoSt .fichaGroup .btn-duckNuo.offline_zh {
                  width: 75px;
              }

              .nuoSt .formUser .btn-nuo,
              .nuoSt .fichaGroup .btn-nuo {
                  float: right;
                  width: 36px;
                  height: 36px;
                  font-size: 2em;
                  margin-top: -8px;
                  margin-left: 10px;
                  color: red;
                  border: solid 1px;
                  border-radius: 50%;
                  padding-left: 4px;
                  font-weight: 800;
              }
              .nuoSt .formUser .btn-nuo.active,
              .nuoSt .formUser .btn-nuo:hover,
              .nuoSt .fichaGroup .btn-nuo.active,
              .nuoSt .fichaGroup .btn-nuo:hover {
                  color: white;
                  background-color: red;
              }

              .nuoSt .formUser .btn-nuo:before,
              .nuoSt .fichaGroup .btn-nuo:before {
              }

              .nuoSt .popGrupoAcceso #formGroupCtrl {
                 min-width: initial;
              }

              .nuoSt #formUserCtrl,
              .nuoSt #formGroupCtrl {
                  min-width: 350px;
              }


          /* boton  toggle grid/list */
              .togglebx {
                
                float: left;
              }
              .separador{
                border-right: 2px solid #ee0000;
                float: left;
                margin-right: 12px;
                margin-top: 5px;
                padding-right: 16px;
                width: 3px; 
                height: 36px;
              }

              .togglebx .btn-danger.btn-bitbucket{
                float: left;
                margin-top: 6px;
                border-color: #ee0000;
                background: #FFF;
                color: #ee0000;
              }
          /* Botones en terminals y controllers*/
            .botoneraFirmDck .btnBigIcon{
              max-width: 280px;
              height: 145px;
            }
             .botoneraFirmDck .btnBigIcon:hover{
              font-weight: 700;
            }
              .botoneraFirmDck .btnBigIcon i{
              }
           /* Botones grandes*/
              .btnBigIcon{
                width: 100%;
                padding: 5px;
                height: 120px;
              }
              .btnBigIcon span{
                text-align: center;
                width: 100%;
                display: block;
                font-size: 1em;
                margin: 8px 0 0 0;
              }
              .btnBigIcon i{
                text-align: center;
                font-size: 5.4em;
              }
              .btnBigIcon i.smallSz{
                text-align: center;
                font-size: 4.6em;
              }
              

              .dashPic {
                  display: block;
                  margin: 0 auto;
                  max-width: 192px;
              }


             .nuoSt  .btn-duckNuo.rounded{    
              background-clip: padding-box;         
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                -webkit-background-clip: padding-box;

                border: 1px solid #ee0000;
                padding: 5px;
              
                color: #ee0000;
                background: none;
                width: 50px;
                height: 50px;
              }
               .nuoSt  .btn-duckNuo.rounded i{
                text-indent: 0;
               
                float: left;
                font-size: 2.8em;
                color: #ee0000;
               }

             .nuoSt  .btn-duckNuo.rounded:hover{             
               
                border: 1px solid #ee0000;
              
                color: #fff;
                background: #ee0000;
              }
               .nuoSt  .btn-duckNuo.rounded:hover i{
               
                color: #fff;
               }

      /* ********** botones a tipografia ************* */
              .nuoSt .nuoIco:hover, .nuoSt .nuoIco{
                font-size: 1.4em;
                color: #EE0000;
              }
              .nuoSt .nuoIco.disabled:hover, .nuoSt .nuoIco.disabled{
                color: #FAB6B6;
              }
              .iconsInToolBar{
                  float: right;          
              }
              .iconsInToolBar .nuoIco,
              .iconsInToolBar  .nuoIco:hover{
                  font-size: 22px;
                  line-height: 1px;
                  color: #666;
                  margin-left: 5px;
              }
              .iconsInToolBar  .nuoIco:hover{
                color: #EE0000;
              }
              .nuoSt .nuoIco.btnGoTxt{
                font-size: 4em;
              }


  /*    ***********************************************************************************   toggle-switch  */
    /* The switch - the box around the slider */
    .toggle-switch {
        position: relative;
        display: inline-block;
        width: 35px;
        height: 22px;
        margin-bottom: 0px;
        margin-right: 7px;
        margin-left: 7px;
    }

    /* Hide default HTML checkbox */
    .toggle-switch input {
        display:none;
    }

    /* The slider */
    .toggle-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ddd;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .toggle-slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 0px;
        bottom: -2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border: #aeafb0 1px solid;
    }

    input + .toggle-slider {
        background-color: #ddd;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    input + .toggle-slider.disabled {
        background-color: #fff;
        cursor: default;
    }

    input:focus + .toggle-slider {
        box-shadow: 0 0 1px #e20072;
    }

    input:checked + .toggle-slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }

    input:checked + .toggle-slider.disabled:before,
    input + .toggle-slider.disabled:before {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

  input + .toggle-slider:before {
      -webkit-transform: initial;
      -ms-transform: initial;
      transform: initial;
  }

    /* Rounded sliders */
    .toggle-slider.toggle-round {
        width: 100%;
        border-radius: 34px;
    }

    .toggle-slider.toggle-round.disabled {
        width: 0%;
        background-color: #fff;
    }

    input + .toggle-slider.toggle-round:before,
    input + .toggle-slider.toggle-round.disabled:before {
        border-radius: 50%;
        background-color: #fff;
    }

    input:checked + .toggle-slider.toggle-round:before {
        background-color: #e20072;
        border-color: #e20072;
    }

    input:checked + .toggle-slider.toggle-round.disabled:before {
        background-color: #e20072;
        border-color: #e20072;
}


/*    ***********************************************************************************   DATEPICKER  */
      .nuoSt [date-picker] td,
      .nuoSt [date-picker] th {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
      }
      .nuoSt [date-picker] .active:active
      .nuoSt [date-picker] .active.active,
      .nuoSt [date-picker] .now.active {
        color: #ffffff !important;
        background-color: #9a0000;
      }


      .nuoSt [date-picker] span.disabled.now {
        background-color: #ccc !important;
      }

      .nuoSt [date-picker] .now,
      .nuoSt [date-picker] .now:active {
        background-color: #dae2f1;
        color: #666 !important;
        font-weight: 600;
        text-shadow: none;
      }

      .nuoSt [date-picker] td,
      .nuoSt [date-picker] th {
        font-weight: 100;
      }

      .nuoSt [date-picker] td {
        font-size: 0.85em;
      }

      .nuoSt [date-picker] th:hover,
      .nuoSt [date-picker] [ng-switch-when="date"] td span:hover {
          background: #eeeeee;
          color: #333;
          cursor: pointer;
      }


/*    ***********************************************************************************   GENERAL  */

      .capitalize {
          text-transform: capitalize;
      }
      .default-cursor {
          cursor: default;
      }
      .pointer-cursor {
          cursor: pointer;
      }

    .contact-box .colLessPAd .col-md-12,
    .contact-box .colLessPAd .col-md-6,
    .contact-box .colLessPAd .col-md-3,
    .contact-box .colLessPAd .col-md-9,
    .contact-box .colLessPAd .col-md-4,
    .contact-box .colLessPAd .col-md-8,
    .contact-box .colLessPAd .col-lg-12,
    .contact-box .colLessPAd .col-lg-6,
    .contact-box .colLessPAd .col-lg-3,
    .contact-box .colLessPAd .col-lg-9,
    .contact-box .colLessPAd .col-lg-4,
    .contact-box .colLessPAd .col-lg-8,
    .contact-box .colLessPAd .col-sm-12,
    .contact-box .colLessPAd .col-sm-6,
    .contact-box .colLessPAd .col-sm-3,
    .contact-box .colLessPAd .col-sm-9,
    .contact-box .colLessPAd .col-sm-4,
    .contact-box .colLessPAd .col-sm-8,
    .contact-box .colLessPAd .col-xs-3,
    .contact-box .colLessPAd .col-xs-9{
      padding-left: 5px;
      padding-right: 5px;
    }
    .contact-box .colLessPAd .row{
      margin-left: -5px;
      margin-right: -5px;
    }
    .breakWord{

      word-break: break-all;
    }
    .vcenteredBox{
      margin-top: 140px;
      overflow: hidden;
    } 
    .network  .vcenteredBox{
      margin-top: 90px;
      overflow: hidden;
    }
    .vcenteredBox.enrollerCenterBx{
      margin-top: 200px;
      overflow: hidden;
    }
    .nuoSt .btn-default, 
    .nuoSt .bordert,
    .nuoSt .form-control, .nuoSt .form-control.inputFormDNI,
    .nuoSt .reports  .dateForm  .input-group .input-group-addon,
    .nuoSt .reports  .dateForm  .input-group input{
      border-color: #aeafb0;
    }
    .nuoSt .btn-default:focus,
    .nuoSt .btn-default:active:focus,
    .nuoSt .btn-default.active:focus {
        background-color: white;
    }
    .nuoSt .btn-default:focus:hover,
    .nuoSt .btn-default:active:focus:hover,
    .nuoSt .btn-default.active:focus:hover {
        background-color: #e6e6e6;
    }
    .nuoSt .btn-default.disabled,
    .nuoSt .btn-default.disabled:active,
    .nuoSt .btn-default.disabled.active {
        border-color: #ccc;
    }
    .nuoSt .reports .input-group-addon{
      cursor: pointer;
    }
    body.nuoSt{
      background-color: #9e2727;
      color: #58595a;
    } 
    body.nuoSt.navNoLogado{
      background-color: #c04343;
      color: #58595a;
    }
    body.nuoSt .nav-header {
      background: #fff; 
      padding: 26px 33px 16px; 
    }
    body.nuoSt .nav-header a{
     padding: 0;
    }
    body.nuoSt .nav-header img{
     max-width: 100%;
    }
    .nuoSt .table-striped.listView th,
    body.nuoSt .btn,
    body.nuoSt label{
      font-size: 1.1em;
    }
    .iconBreadCrumb i{
      float: left;
      font-size: 1.6em;
      margin-top: -13px;
      padding: 0 5px 0 0;
    }
    .breadcrumb > li.first {
      text-decoration: underline;
    }
    .breadcrumb > li.first:hover,
    .breadcrumb > li.first a:hover{
      color: #570303;
      font-weight: 700;
    }
    .nuoSt .pace .pace-progress {
      background: #9a0000; 
    }
    .nuoSt .red,
    .nuoSt .red.default-cursor,
    .nuoSt .red.default-cursor:hover {
      color: #9a0000;
    }
    .nuoSt .gray{
        color: #58595a;
    }
    .nuoSt  a:focus, .nuoSt a:hover,
    .nuoSt .red:hover{
      color: #570303;
    }
    .nuoSt .gray:hover{
        color: #58595a;
    }
    .modal-xl {
      width: 90%;      
    }
    .modal-xl2  {
      width: 80%;      
    }

    .nuoSt .tableIcon{
      font-size: 1.2em;
    }
    .nuoSt .text-navy {
        color: #9a0000;
    }

    .nuoSt .borderRed {
      border: 1px solid #9a0000;
    }
    .nuoSt .borderGrey {
      border: 1px solid #ccc;
    }
    .nuoSt .nuoBox{
        border: 1px solid #9a0000;
        background-color: #fff;

    }
    .nuoSt .lh22{
      line-height: 22px;
    }

    .nuoSt .label-primary, .badge-primary {
        background-color: #9a0000;
        color: #ffffff;
    }
    .nuoSt .label-info, .badge-info {
        background-color: #c86b07;
        color: #ffffff;
    }
    

    .nuoSt .open-small-chat {
        background: #9a0000; 
      }
    .nuoSt .small-chat-box .heading {
        background: #9a0000; 
      }
    .nuoSt .small-chat-box .content .chat-message.active {
        background: #9e2727;
    }

    .nuoSt .icheckbox_square-green, .nuoSt  .iradio_square-green{
      background-image:  url("../img/red.png");
      margin-right: 7px;
    }

    .nuoSt .progress-bar {
      background-color: #9a0000;
    }

    /*Datepicker*/
      .nuoSt .datepicker table tr td.active:hover, 
      .nuoSt .datepicker table tr td.active:hover:hover, 
      .nuoSt .datepicker table tr td.active.disabled:hover, 
      .nuoSt .datepicker table tr td.active.disabled:hover:hover, 
      .nuoSt .datepicker table tr td.active:focus, 
      .nuoSt .datepicker table tr td.active:hover:focus, 
      .nuoSt .datepicker table tr td.active.disabled:focus, 
      .nuoSt .datepicker table tr td.active.disabled:hover:focus, 
      .nuoSt .datepicker table tr td.active:active, 
      .nuoSt .datepicker table tr td.active:hover:active, 
      .nuoSt .datepicker table tr td.active.disabled:active, 
      .nuoSt .datepicker table tr td.active.disabled:hover:active, 
      .nuoSt .datepicker table tr td.active.active, 
      .nuoSt .datepicker table tr td.active.active:hover, 
      .nuoSt .datepicker table tr td.active.disabled.active, 
      .nuoSt .datepicker table tr td.active.disabled.active:hover, 
      .nuoSt .open .dropdown-toggle.datepicker table tr td.active, 
      .nuoSt .open .dropdown-toggle.datepicker table tr td.active:hover, 
      .nuoSt .open .dropdown-toggle.datepicker table tr td.active.disabled, 
      .nuoSt .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
          background-color: #9a0000;
          border-color: #9e2727;
          color: #ffffff;
      }

    .nuoSt .spin-icon {
      background: #9a0000;
    }
    .nuoSt .transparent {
      visibility: hidden;
      
    }
    .nuoSt .bordert{
      padding-top: 3px;
      margin-top: 3px;
      border-top: 1px solid #ddd;
    }
     .label.label-danger{
      background: transparent;
      color: #960000;
     }
     .simulateSelect {
       

     }

    .simulateSelect .dropdown-toggle{
      width: 100%;
      text-align: left;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
    }
    .simulateSelect .open > .dropdown-toggle.btn-default.focus, 
    .simulateSelect .open > .dropdown-toggle.btn-default:focus, 
    .simulateSelect .open > .dropdown-toggle.btn-default:hover,
    .simulateSelect .dropdown-toggle.open,
    .simulateSelect .dropdown-toggle:hover{
      background-color: #fff;
      border: 1px solid #9a0000 !important;
     } 

     .simulateSelect .dropdown-toggle span{
      float: left;
      
     }
     .simulateSelect .dropdown-toggle .caret{
      float: right;
      margin-top: 8px;
      
     }
      

     .simulateSelect .dropdown-menu{
        width: 100%;
     }
     .simulateSelect .dropdown-menu > li{
      display: block;
      clear: both;
     }
     .simulateSelect .dropdown-menu > li > a{
        float: left;
        clear: none;
     }
     .simulateSelect .dropdown-menu > li > a.red.tableIcon{
      float: left;
      padding: 0 0 0 12px;
      
     }


      body.nuoSt.mini-navbar .profile-element{
        display: block;
      }
      .nuoSt .center {
        text-align: center;
      }
     
      .nuoSt .navbar-top-links a, .nuoSt .navbar-top-links a:link, .nuoSt .navbar-top-links a:visited {
        color: #9a0000;
      }

      .dropdown-menu .divider {
          margin: 0px;
      }

      /*pager */
        .paginationDuck{
          margin-top: 34px;
          padding: 0;
          margin-left: -15px;
          margin-right: -15px
        }
        .paginationDuck .btn{
         padding: 5px 8px;
        }
        .paginationDuck .txtPag{
          font-size: 0.9em;
          padding: 5px 4px;
        }
        .paginationDuck .btn-white.txtPag:hover,
        .paginationDuck .btn-white.txtPag:focus,
        .paginationDuck .btn-white.txtPag:active {
            border-color: #e7eaec;
            color: #58595a;
            cursor: default;
        }
        .paginationDuck .txtPagsmall{
          font-size: 0.8em;
        }
  
      /*widget */

          .widgetMargin{
            margin: 20px;
            padding: 0 0 30px 0;
          }
          .widgetMargin  .titleAndLogo,
          .widgetMargin h2{
             border-bottom: 1px solid #ccc;
            margin-bottom: 30px;
            padding: 10px 20px;
            text-align: left;
          }
          .widgetMargin h2.titleBtns{
            float: left;
            width: 100%;
          }
          
          .widgetMargin  .specialSizeTitle{
            min-height: 57px;
          }
          .widgetMargin  .specialSizeTitle img{
            float: right;
            max-width: 150px;            
          }
          .widgetMargin  .titleAndLogo{
            padding: 20px 15px 15px 15px;
            overflow: hidden;
            
          }
          .widgetMargin  .titleAndLogo h3{
            float: left;
            font-size: 1.4em;
            font-weight: 100;
            line-height: 1.9em;
            margin-bottom: 20px;
          }
          .widgetMargin  .titleAndLogo{
            padding-bottom: 5px;

          }
          .widgetMargin  .titleAndLogo h2{
              float: left;
              border-bottom: none;
              margin: 0;
              padding: 0;
              line-height: 26px;
              font-size: 18px;
          }
          .widgetMargin  .titleAndLogo h2 small{
              font-weight: 600;
              font-size: 17px;
          }
          .widgetMargin  .titleAndLogo img{
            float: right;
            max-width: 130px;        
          }
          .widgetMargin  .centerLogo img{
           margin: 60px auto;
            max-width: 200px;            
          }

          .widgetMargin  .text {
          font-size: 1.4em;
          line-height: 1.8em;
          margin: 15px;
          text-align: center;       
          font-weight: 100;               
          }
          .asistenteIco{
            font-size: 6em;
            color: #676a6c;
            float: right;
            
          }          
          .miniProgress{
            height: 5px;
          }
          .widgetMargin .txtNorm{
            font-weight: 100;
          }
/*    ***********************************************************************************   DRAG AND DROP  */

/**** flex zone ***/



  .flex-container {
      display:flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content: center;
      align-items: flex-start;
  }
      


  .flex-items-default {
     border: 1px solid #ccc;
     margin: 15px;
      height: 85px;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 0;
  }
      

  .flex-item-1 {
      width: 50px;
      height: 85px;
       flex-grow: 0;
  }


  .flex-item-2 {
    align-items: center;
      
      display: flex;
      justify-content: center;
      padding: 1.5em 1em;
      position: relative;
      text-align: center;

      height: 85px;
      flex-grow: 1;
      flex-shrink: 0;
  }
  
  

/*** V2 list Door and dashboard ***/  

  .slimbx {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a4a6a7;
    display: block;
    margin: 20px;
  }
  .slimbx img {
    margin: 9px 5px 3px 3px;
    width: 34px;
  }
  .onlyMv{
    display: none;    
  }

  .normalBx{
      background: #fff none repeat scroll 0 0;
      border: 1px solid #a4a6a7;
      display: block;
      margin: 20px;
      padding: 0;
      height: 85px;
      overflow: hidden;
      color: #58595a;
      word-break: break-all;
  }
  .modal-body .bigNum,
  .ibox-content .bigNum {
      font-size: 3.3em;
      text-align: center;
      padding: 0;
      height: 85px;
      border-right: 1px solid #a4a6a7;
      overflow: hidden;
      width: 20%;
      float: left;
      margin: 0;
      font-weight: 100;
      color: #58595a;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .normalBx.filled {
      cursor: pointer;
  }
  .dashboard_1 .normalBx.active,
  .dashboard_1 .normalBx.filled:hover {
    background-color: #fbfbfb;
    border: 1px solid #960000;
    color: #960000;
  }
  .dashboard_1 .normalBx.filled {
    cursor: pointer;
    text-decoration: none;
  }
  .dashboard_1 .normalBx.active .bigNum,
  .dashboard_1 .normalBx.filled:hover .bigNum {
    color: #960000;
    border-right-color: #960000;
  }
  .dashboard_1 .normalBx.active .doorbxwarning,
  .dashboard_1 .normalBx:focus .doorbxwarning,
  .dashboard_1 .normalBx.focus .doorbxwarning,
  .dashboard_1 .normalBx.focus .doorbxmode,
  .dashboard_1 .normalBx:focus .doorbxmode{
    border-left-color: #960000; 
    outline: none;
  }
  .dashboard_1 .normalBx.active .doorbxwarning,
  .dashboard_1 .normalBx:hover .doorbxwarning,
  .dashboard_1 .normalBx:hover .doorbxmode{
    border-left-color: #960000; 
  }

  .imgbx{
    width: 20%;
    border-left: 1px solid #a4a6a7;
    float: right;
    position: relative;
    height: 85px;
    padding-top: 15px;
  }
  .imgbx img{
    margin-top: 10px;
    height: 70%;
    float: none;
    max-width: 65px;
  }
  .dotBx{
    position: absolute;
    left: 5%;
    right: 5%;
    width: 90%;
    top: 3%;
  }
  .dot{
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ccc;
    float: left;
    margin-left: 5px;
  }
  .nameDoor {
      text-align: center;
      float: left;
      width: 60%;
      height: 85px;
      padding: 5px;
      font-size: 1.1em;
      display: flex;
      align-items: center;
      justify-content: center;

    }
    /* dashboard */  
      .dashHeader{

      }
      .dashHeader .infoBx{
        margin: 40px 0 75px 0;
      }
      .widget.nuo-bg{
        background-color: #FFF;
        border: 1px solid  #ccc;
      }
      .infoDash{
        width: auto;
        margin: 0;
        float: right;
      }
      .dateBx{
        padding-top: 15px;
      }
      .widget.nuo-bg .infoDash p{
        display: inline-flex;
        margin: 0;
      }
      .widget.nuo-bg .infoDash i{
        font-size: 2.8em;
        text-align: center;  
        color: #676a6c;
        padding:0 15px;
      }
      .widget.nuo-bg .infoDash span {
          color: #676a6c;
          font-weight: 100;
          font-size: 1.8em;
          margin-top: 13px
      }
      .nuoSt .dashboard_1 .emergencyBtn{
        float: right;
        max-width: 250px;
        height: 82px;
        margin-top: 10px;
        padding-top: 27px;
        font-size: 1.3em;
        color: #fff;
      }

      .nuoSt .dashboard_1 .flex-item-1 {
          width: 70px;
          display: inline-flex;
      }

      .nuoSt .dashboard_1 .doorbxwarning .statusLedGroup {
          margin: 0px;
      }
      .nuoSt .dashboard_1 .flex-item-1 .statusLedGroup {
          margin: 5px 0px 5px 10px;
          white-space: nowrap;
      }

      .nuoSt .dashboard_1 .doorbxwarning .imageIncidence {
          width: 23px;
          height: 23px;
          float: initial;
          margin-top: 0px;
          display: block;
      }
      .nuoSt .dashboard_1 .doorbxwarning .statusLed,
      .nuoSt .dashboard_1 .flex-item-1 .statusLed {
          width: 12px;
          height: 12px;
          display: block;
          margin: 2px 0px 0px 4px;
          padding: 0px;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
      }

      .nuoSt .dashboard_1 .doorbxwarning .statusLed {
          margin: 3px 6px 6px;
      }

      .nuoSt .dashboard_1 .doorbxwarning .redBr .statusLed,
      .nuoSt .dashboard_1 .flex-item-1 .redBr .statusLed  {
          background-color: #9e2727;
      }
      .nuoSt .dashboard_1 .doorbxwarning .greenBr .statusLed,
      .nuoSt .dashboard_1 .flex-item-1 .greenBr .statusLed {
          background-color: #008b07;
      }
      .nuoSt .dashboard_1 .doorbxwarning .orangeBr .statusLed,
      .nuoSt .dashboard_1 .flex-item-1 .orangeBr .statusLed {
          background-color: orange;
      }
      .nuoSt .dashboard_1 .doorbxwarning .greyBr .statusLed,
      .nuoSt .dashboard_1 .flex-item-1 .greyBr .statusLed {
          background-color: grey;
      }

      .nuoSt .dashboard_1 .flex-item-1 .imageName {
          margin-bottom: 9px; margin-left: 0px;
      }

      .nuoSt .dashboard_1 .flex-item-1 .imageName.aloneImage {
          margin: 9px 18px;
      }
      /**/
      .ibox-content .bigNum{
        width: 15%;
        font-size: 2.2em;
      }
      .ibox-content .bigNum.two-lines {
          display: block;
          padding-top:5px;
          word-break: keep-all;
      }
      .doorbxmode {
          width: 16%;
          border-left: 1px solid #a4a6a7;
          float: right;
          position: relative;
          height: 85px;
          display: flex;
    align-items: center;
    justify-content: center;
      }
      .doorbxwarning {
          width: 13%;
          border-left: 1px solid #a4a6a7;
          float: right;
          position: relative;
          height: 85px;
          display: flex;
    align-items: center;
    justify-content: center;
      }
      .doorbxmode img,
      .doorbxwarning img {
          width: 100%;
          float: left;
      }
      .doorbxwarning img {
          width: 75%;
      }
      .nameDoor {    
        width: 55%;
      }
      .listDoor .nameDoor {    
        width: 65%;
      }

      .doorInterlock {
          position: absolute;
          height: 85px;
          width: 70%;
          text-align: right;
      }
      .doorInterlock img {
          width: 60px;
      }

      /*clases y colores */
      .ibox-content .bigNum.bGreen{
        border-bottom: 8px solid #008b07;
      }
      .ibox-content .bigNum.bRed{
        border-bottom: 8px solid #9a0b00;
      }
      .ibox-content .bigNum.bGrey{
          border-bottom: 8px solid #a4a6a7;
      }
      .ibox-content .bigNum.bgEmergency{
        background-color: rgba(0, 139, 7, 0.2);
      }
      .ibox-content .bigNum.bgRed{
        background-color: rgba(154, 11, 0, 0.3);
      }


      /*** Clases concretas para formatear los mensajes ***/
      .reload-msg {
       +   text-align: justify;
          width: 320px;
      }

      .backup-msg {
          width: 400px;
          padding-left: 40px;
          text-align: justify;
      }

      .idented-msg {
          text-indent: -10px;
      }
      
      /* modal      */
      @media (min-width: 768px){

          .dashMod .modal-dialog.modal-sm {
              width: 500px;
          }

      }

      .dashMod .modal-dialog.modal-sm .row {
          margin: 0px;
      }

      .dashMod .modal-dialog.modal-sm .col-xs-12 {
          margin-top: 15px;
      }

      .dashMod .modal-dialog.modal-sm .col-xs-5,
      .dashMod .modal-dialog.modal-sm .col-xs-6,
      .dashMod .modal-dialog.modal-sm .col-xs-7 {
          padding: 0px;
      }

      .dashMod .modal-dialog.modal-sm hr {
          border-color: #999;
      }

      .dashMod .modal-dialog.modal-sm .action-buttons {
          background: #e4e4e5;
          padding: 22px 0px;
          border-radius: 5px 0px 0px 5px;
      }

      .dashMod .modal-dialog.modal-sm.one-box .action-buttons,
      .dashMod .modal-dialog.modal-sm.two-boxes .action-buttons {
          padding: 8px 0px;
      }

      .dashMod .modal-dialog.modal-sm.one-box .modal-body {
          padding-top: 90px;
          padding-bottom: 90px;
      }

      .dashMod .modal-dialog.modal-sm.two-boxes .modal-body {
          padding-top: 47px;
          padding-bottom: 45px;
      }

      .dashMod .modal-dialog.modal-sm.four-boxes .action-buttons {
          padding: 68px 0px;
      }

      .dashMod .modal-dialog.modal-sm.five-boxes .action-buttons {
          padding: 113px 0px;
      }

     .dashMod .modal-dialog.modal-sm .modal-body {
          padding:  10px 20px;
      }

      .dashMod .modal-body .normalBx{
        width: 100%;
        height: 75px;
        margin: 20px 0;
      }
      .dashMod .modal-body .normalBx .nameDoor,
      .dashMod .modal-body .normalBx .bigNum,
      .dashMod .modal-body .normalBx .bxMod{  
        height: 75px;
      }
      .dashMod .modal-body .normalBx .nameDoor{
        width: 75%;
        padding: 15px;
        word-break: normal;
      }
      .dashMod .modal-body .normalBx .bigNum{
        font-size: 3.0em;
        width: 25% !important;
      }
      .dashMod .modal-body .normalBx .bxMod{       
        padding: 0;
        border-right: 1px solid #a4a6a7;
        overflow: hidden;
        width: 25% !important;
        float: left;
        margin: 0;
      }
      .dashMod .modal-body .normalBx .bxMod img{       
        padding: 5px 0 0 0;
        margin: 0 10%;
        width: 80%;
      }
      .btnDash.freeEntryBtn:hover, .btnDash.freeEntryBtn.active{
        background-color: #008b07;
        color: white;
        box-shadow: none;
        -webkit-box-shadow: none;
      }
      .btnDash.blockedBtn:hover, .btnDash.blockedBtn.active{
        background-color: #9a0b00;
        color: white;
        box-shadow: none;
        -webkit-box-shadow: none;
      }
      .btnDash.controlBtn:hover, .btnDash.controlBtn.active{
        background-color: #0e9ee3;
        color: white;
        box-shadow: none;
        -webkit-box-shadow: none;
      }
      .btnDash.openBtn:hover, .btnDash.openBtn.active{
        background-color: #09b012;
        color: white;
        box-shadow: none;
        -webkit-box-shadow: none;
      }

      .dashMod .modal-footer button.close {
          margin: 0px;
          color: #58595a;
          font-size: 1.3em;
          font-weight: 600;
          opacity: 1;
      }
      .dashMod .modal-footer button.close:hover{
          color: #570303;
      }
      .dashMod .modal-footer button.close i {
          padding-left: 10px;
      }

/*Dashboard estyilos rescatados de la vista 14/12/16*/
        .dashboard_1 .normalBx .modal .normalBx,
        .dashboard_1 .normalBx .modal .normalBx.active,
        .dashboard_1 .normalBx .modal .normalBx:hover{
            background-color: #fff;
            border: 1px solid #a4a6a7;
            color: #58595a;
        }

        .dashboard_1 .normalBx .modal .normalBx .bigNum,
        .dashboard_1 .normalBx .modal .normalBx.active .bigNum,
        .dashboard_1 .normalBx .modal .normalBx:hover .bigNum,
        .dashboard_1 .normalBx .modal .normalBx.active .bigNum,
        .dashboard_1 .normalBx .modal .normalBx.filled:hover .bigNum{
            color: #58595a;
            width: 70px;
            border-right-color: #a4a6a7;
        }
        .dashboard_1 .normalBx .modal .normalBx.active .doorbxwarning,
        .dashboard_1 .normalBx .modal .normalBx:focus .doorbxwarning,
        .dashboard_1 .normalBx .modal .normalBx.focus .doorbxwarning,
        .dashboard_1 .normalBx .modal .normalBx.focus .doorbxmode,
        .dashboard_1 .normalBx .modal .normalBx:focus .doorbxmode{
            border-left-color: #58595a;
            outline: none;
        }
        .dashboard_1 .normalBx .modal .normalBx.active .doorbxwarning,
        .dashboard_1 .normalBx .modal .normalBx:hover .doorbxwarning,
        .dashboard_1 .normalBx .modal .normalBx:hover .doorbxmode{
            border-left-color: #58595a;
        }
        .nuoSt .btnDash {
            color: #58595a;
        }

        .bxMod.bGreen {
            border-bottom: 8px solid #008b07;
        }

        .bxMod.bRed {
            border-bottom: 8px solid #9a0b00;
        }

        .bxMod.bGrey {
            border-bottom: 8px solid #a4a6a7;
        }

/*    ***********************************************************************************   DASHBOARD  revisar para borrar*/

    .dashboard_1{
      overflow: hidden;
      
    }
    .dashboard_1{

    }
    .dashboard_1 .list-group{
      margin-bottom: 0;
    }
    .areaPuertasBx .puertaBx,
    .areaPuertasBx .ibox-content{
      
      height: 190px;
    }

    .dashboard_1 .infoBx p{
      line-height: 20px;
      font-size: 1.4em;
    }
    .dashboard_1 .infoBx i{
 
     margin-right: 10px;
     font-size: 2.2em;
    }
    .dashboard_1 .infoBx span{
      font-size: 1.2em;
      line-height: 15px;

    }
    .areaPuertasBx .ibox-content{
      padding: 0;
      overflow: hidden;
    }
    .puertaBx{
      border: 3px solid #fff;
      width: 100%;
      float: left;
    }
    .areaPuertasBx{
      color: #666;
      padding: 0;
      overflow: hidden;
      border: none;
    }
    .areaPuertasBx.activeGreen.active .puertaBx,
    .areaPuertasBx.activeGreen .puertaBx{
      border-color: #76AC1C;
      /*background-color: rgba(118,172,28,0.7);*/
    }
    .areaPuertasBx.activeRed .puertaBx{
      border-color: #9e2727;
       /*background-color: rgba(158,39,39,0.7);*/
    }
    .areaPuertasBx.active:hover .puertaBx{
      border-color: #9e2727;
      color: #570303;
    }
    .areaPuertasBx.active .puertaBx{
      border-color: #9e2727;
      color: #9a0000;
    }  
    .areaPuertasBx:hover .puertaBx{
      border-color: rgba(158,39,39,0.3);
      color: #570303;
    }  
     .areaPuertasBx.activeGreen{
      border-color: #ccc;
    }    

    .puertaBx h4{
      border-bottom: 1px solid #cecece;
      float: left;
      font-size: 1.2em;
      font-weight: 100;
      width: 100%;
      margin: 0;
      text-transform: uppercase;
        
      
    }
    .puertaBx .num{
      float: left;
      width: auto;
      padding: 6px;
      text-align: center;      
      color: #58595a;
     position: relative; 
    }

    .puertaBx .nomb{
      float: left;
      border-left: 1px solid #e7eaec ;
      display: inline;
      text-align: center;
       padding: 7px 5px 5px 5px ; 
    }
    .puertaBx img{
      margin: 5px auto;
      max-width: 105px;
      width: 100%;
    }
    .puertaBx .descript{
      text-align: center;
      padding: 5px;
      margin: 10px 0 5px 0;
      text-transform: uppercase;
    }
    .areaPuertasBx .btn{
      padding: 12px 10px 10px 10px;
      text-transform: uppercase; 
      text-align: center;
      width: 100%;
      color: #ccc;
      margin-bottom: 0;
      font-size: 1.1em;
    }

    .areaPuertasBx .btn:hover{
      
      background-color: #f2f2f2;
    }
    .nuoSt .slick-track .ibox-content{
      margin: 15px;
    }
  
    /* disabled mode */
    
       .viewOff .dashboard_1 .slick-slider,
       .viewOff .dashboard_1 .puertaBx,
       .viewOff.dashboard_1 .infoBx span {
           visibility: hidden;
       }
       
       .viewOff .dashboard_1 .areaPuertasBx .btn:hover {
           color: #ccc;
       }
       
       .viewOff .dashboard_1 .emergencyBtn {
           background-color: #ccc;
           border: medium none #ccc;
       }
       
       .viewOff .dashboard_1 .emergencyBtn {}
       
       body.viewOff.nuoSt .nav > li {
           display: none;
       }
       
       body.viewOff.nuoSt .nav > li.nav-header {
           display: block;
       }

       .viewOff .pseudoCarrEvent {
           display: none;
       }

       .nuoSt .list-group.clear-list .list-group-item {
           font-size: 1.2em;
       }

    /*blink*/
        .puertaBx .num{
          width: 32px;
          height: 32px;
        }
        .puertaBx .num b{
          bottom: 100%;
          display: block;
          float: left;
          height: 32px;
          left: 0px;
          position: absolute;
          right: 100%;
          top: 0px;
          width: 32px;
        }
        .blink_me{

          color: #FFF;
          font-weight: 700;
        }
        .blink_me.rojo b{
          background-color: #FF5200;
        }
        .blink_me.amarillo b{
          background-color: #FEE123;
        }
        .blink_me.verde b{
          background-color: #7BC610;
        }
        .blink_me.rojo i,
        .blink_me.amarillo i,
        .blink_me.verde i{
         color: #fff;
        }
      
      .blink_me b{
          -webkit-animation-name: blinker;
          -webkit-animation-duration: 1500ms;
          -webkit-animation-timing-function: linear;
          -webkit-animation-iteration-count: infinite;
          
          -moz-animation-name: blinker;
          -moz-animation-duration: 1500ms;
          -moz-animation-timing-function: linear;
          -moz-animation-iteration-count: infinite;
          
          -ms-animation-name: blinker;
          -ms-animation-duration: 1500ms;
          -ms-animation-timing-function: linear;
          -ms-animation-iteration-count: infinite;
          
          -o-animation-name: blinker;
          -o-animation-duration: 1500ms;
          -o-animation-timing-function: linear;
          -o-animation-iteration-count: infinite;
          
          animation-name: blinker;
          animation-duration: 1500ms;
          animation-timing-function: linear;
          animation-iteration-count: infinite;
      }
      @-keyframes blinker {  
          0% { opacity: 1.0; }
          33% { opacity: 1.0; }
          34% { opacity: 0.0; }          
          100% { opacity: 0.0; }
      }
      @-o-keyframes blinker {  
          0% { opacity: 1.0; }
          33% { opacity: 1.0; }
          34% { opacity: 0.0; }          
          100% { opacity: 0.0; }
      }
      @-ms-keyframes blinker {  
          0% { opacity: 1.0; }
          33% { opacity: 1.0; }
          34% { opacity: 0.0; }          
          100% { opacity: 0.0; }
      }
      @-moz-keyframes blinker {  
          0% { opacity: 1.0; }
          33% { opacity: 1.0; }
          34% { opacity: 0.0; }          
          100% { opacity: 0.0; }
      }
      @-webkit-keyframes blinker {  
          0% { opacity: 1.0; }
          33% { opacity: 1.0; }
          34% { opacity: 0.0; }          
          100% { opacity: 0.0; }
      }
       .blink_me i{
          -webkit-animation-name: blinkerTxt;
          -webkit-animation-duration: 1500ms;
          -webkit-animation-timing-function: linear;
          -webkit-animation-iteration-count: infinite;
          
          -moz-animation-name: blinkerTxt;
          -moz-animation-duration: 1500ms;
          -moz-animation-timing-function: linear;
          -moz-animation-iteration-count: infinite;          
          
          -o-animation-name: blinkerTxt;
          -o-animation-duration: 1500ms;
          -o-animation-timing-function: linear;
          -o-animation-iteration-count: infinite;
                    
          -ms-animation-name: blinkerTxt;
          -ms-animation-duration: 1500ms;
          -ms-animation-timing-function: linear;
          -ms-animation-iteration-count: infinite;
          
          animation-name: blinkerTxt;
          animation-duration: 1500ms;
          animation-timing-function: linear;
          animation-iteration-count: infinite;
      }

      @-o-keyframes blinkerTxt {  
          0% { color: #FFF; }
          33% { color: #FFF; }
          34% { color: #58595a; }    
          100% { color: #58595a; }
      }

      @-ms-keyframes blinkerTxt {  
          0% { color: #FFF; }
          33% { color: #FFF; }
          34% { color: #58595a; }    
          100% { color: #58595a; }
      }

      @-moz-keyframes blinkerTxt {  
          0% { color: #FFF; }
          33% { color: #FFF; }
          34% { color: #58595a; }    
          100% { color: #58595a; }
      }

      @-webkit-keyframes blinkerTxt {  
          0% { color: #FFF; }
          33% { color: #FFF; }
          34% { color: #58595a; }    
          100% { color: #58595a; }
      }

      @-keyframes blinkerTxt {  
          0% { color: #FFF; }
          33% { color: #FFF; }
          34% { color: #58595a; }    
          100% { color: #58595a; }
      }
      .num i,
      .blink_me i{
          display: block;
          float: left;    
          left: 0;
          position: absolute;    
          top: 6px;
          width: 32px;
          z-index: 2025;
          font-style: normal;
      }
    .pseudoCarrEvent {
      margin: 10px 0 30px 0;
      
    }
    .pseudoCarrEvent .user{
      min-height: 160px;
    }
    .pseudoCarrEvent .idLockZone{
      padding-right: 5px;
    }
    .pseudoCarrEvent .apellido {
      font-size: 1.1em;
      font-weight: 300;
      padding-bottom: 5px;     
    }
    .pseudoCarrEvent .bxEvent{
      background-color: #fff;
      padding: 10px;
      border: 3px solid;
      border-color: #fff;
      cursor: pointer;
      height: 100%;
    }
    .pseudoCarrEvent .bxEvent:hover{
      border-color: rgba(158,39,39,0.3);
      color: #570303;
    }
    .borderEventCarr{
      margin: 5px 0 10px 0;
      border-bottom: 1px solid #ccc;
      float: left;
      width: 100%;
    }
    .pseudoCarrEvent .profile_idBx img{
      border: 2px solid #ccc;
    }
    /* *** dashboard  margin top en graficos dinamicos*/
       /* .nuoSt .statistic-box.m-t-none{
          margin-top: 0;
        }
        .nuoSt .ibox-title .titleDashb{
          width: auto;
          float: left;
          margin: 5px 0 10px 0;
        }
        .nuoSt .ibox-title .hourDashb{
          width: auto;
          float: right;
        }

        .statistic-box canvas{ 
          display: inline-block;
          vertical-align: baseline;
        }
        .dashboardImg{
          float: right;
          height: 165px;
        }
        .nuoSt .slick-slide {
          margin: 0 10px;
        }

        .idiomaMod .modal-header{
          padding: 12px;

        }
         .idiomaMod .modal-body{
          padding: 0 12px;

        }
        .idiomaMod .inmodal .modal-title{
          font-size: 20px;
          font-weight: 300;          
        }

        
        .idiomaMod .language {
          line-height: 70px;
        }
        .idiomaMod .language:first-child {
        
          border-bottom: 1px solid #f2f2f2;
        }

        .idiomaMod .language.active {
          color: #9a0000;
        }
        .idiomaMod  .dropdown-alerts {
            min-width: 0;
            width: 135px;
        }
        .idiomaMod  span {
          font-weight: 100;
          font-size: 1.4em;
        }
        .idiomaMod i {
          font-size: 1.2em;
          margin-right: 3px;
        }*/
        /*ajustes para login como administrador*/
        .loginAdministrador .dckbackdrop.modal-backdrop {
          background-color: #fff;
        }
/*    ***********************************************************************************   DASHBOARD  WIZARD  */
        .wizardDashboard .botoneraProgress {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            right: 0;
            height: 65px;
        }
        .wizardDashboard .space-5 {
            margin: 5px 0;
        }
        .wizardDashboard .boxWizardMauto {
            width: 920px;
            margin: auto;
        }

        .wizardDashboard .widgetMargin.widget {
            height: 410px;
            position: relative;
            padding-bottom: 0;
        }
          

        .wizardDashboard .widgetMargin .titleAndLogo{
          padding-top: 10px;
          margin-bottom: 20px;
        }


        .wizardDashboard .centerClockPicker{
          margin: 15px 0 0 10%;
          float: left;
          width: 40%;
        }

        .wizardDashboard .progress.miniProgress{
            margin-bottom: 12px;
        }

        .wizardDashboard .progress.importing {
            height: 5px;
            margin-top: -20px;
            /*width: 80%;
            margin-left: 10%;*/
        }

        .wizardDashboard .clockpicker-plate,
        .wizardDashboard .calendarDck {
            border: 1px solid #9e2727;
        }

        .wizardDashboard .calendarDck {
            margin-top: 10px;
            float: left;
        }

        .wizardDashboard .calendarDck.sixWeeks {
            margin-top: -5px;
        }

        .wizardDashboard .calendarDck th {
            font-size: 1.2em;
            margin-bottom: 3px;
            border-bottom: 1px solid #ccc;
            width: 14.2857%;
        }

        .wizardDashboard .calendarDck td {
            padding: 3px 1px;
        }

        .wizardDashboard .calendarDck td a {
            color: #999;
            display: block;
            padding: 1px 0;
            width: 100%;
        }
        .wizardDashboard .calendarDck td.selected a,
        .wizardDashboard .calendarDck td:hover a {
          color: #FFF;
        }
        .wizardDashboard .calendarDck td.selected,
        .wizardDashboard .calendarDck td:hover {
            background-color: #9e2727;
            color: #FFF;
            font-weight: 700;
        }
        .wizardDashboard .calendarDck td:hover {
            background-color: #570303;
        }

        .wizardDashboard .calendarDck th span {
            margin-bottom: 2px;
            float: left;
            width: 100%;
        }


        .wizardDashboard .digitalHour {
            font-size: 1.6em;
            text-align: center;
            color: #999;
            margin: 35px 0 0 0;
            float: left;
            width: 32%;
            margin-left: 10%;
        }

        .wizardDashboard .digitalHour h4 {
            margin: 0 0 10px 0;
            width: 100%;
            float: left;
            text-align: left;

        }
        .wizardDashboard .digitalHour .bxBtnMasMenos{
          float: left;
          width: 54%;
          margin: 0 0% 0 8%;
        } 
        .wizardDashboard .digitalHour .bxBtnMasMenos .btn{
            float: left;
            margin: 5px 50% 5px 0;
            line-height: 1em;
            border: 1px solid #ddd;
            width: 44%;
            height: 36px;

        }
        .wizardDashboard .digitalHour span {
            margin-top: 25px;
            float: left;
            width: 38%;
            padding: 5px;
            border: 1px solid #ddd;

        }

        .wizardDashboard .mes {
          margin: 0;
          min-height: auto;
          width: 100%;
          padding: 0;
          float: left;
        }
        .wizardDashboard .ibox .mes{
          height: 248px;
          float: left;
         }
        .wizardDashboard .control-label{
          text-align: right;
          line-height: 32px;
        }   
        .wizardDashboard .personalFG .control-label{
          font-weight: normal;
          width: 20%;
          padding-right: 10px;
          float: left;
        }     
        .wizardDashboard .personalFG  select{
          width: 80%;
          float: left;
          font-size: 1em;
        }    

        .wizardDashboard .bxBtnMasMenos{
          width: 30px;
        }       
        .wizardDashboard .bxBtnMasMenos .btn{
          width: 50px;
          height: 30px;
          padding: 0px 10px;
          font-size: 1.5em;
        }        
        .wizardDashboard .bxBtnMasMenos .btn.minus{         
          font-size: 1.7em;
          line-height: 0.1em;
        }        
        .nuoSt .wizardDashboard .horaPc{
          float: left;
          font-size: 0.8em;
          margin-top: 10px;
        }
        .wizardDashboard .onoffswitch-inner::before{
          padding-left: 0;
        }

        .wizardDashboard  .labelForMvl{
          margin-top: 30px;
        }

        .wizardDashboard .w80.form-control{
          width: 85%;
          float: left;
        }
        
         .wizardDashboard .changePwTxtIcon .red{
            width: 12%;
            margin: 6px 0 0 3%;
            float: left;
          }
        .wizardDashboard .changePwTxtIcon .red.m-t-sm{
            margin-top: 16px;
        }
        .wizardDashboard .ntpServer {
            margin-top: 80px;
        }
        .wizardDashboard .ntpServer .form-group {
            display: inline-flex;
            width: 100%;
        }
        .wizardDashboard .ntpServer .control-label {
            margin: 0px 15px;
            font-weight: normal;
        }
/*    ***********************************************************************************   GRIDS AND LISTS  */
        /* ******************************************************  grid and list zone */

          .gridViewBx{
            /*display: none;*/
          }
          .togglebx .listView{
            display: none;
          }

         
          .togglebx .btn-danger.btn-bitbucket:hover{
            border-color: #cc0000;
            background: #cc0000;
            color: #FFF;
          }

        /* ******************************************************  grid */
          .gridLinkToFicha { 
            cursor: pointer;
            color: #CCC;
          }

          .gridLinkToFicha.default-cursor {
              cursor: default;
          }

          .gridLinkToFicha .contact-box {
            min-height: 165px;
          }

          .contact-box h3{
            margin-top: 4px;
            font-size: 1.3em;
            font-weight: 400;
            color: #333;
            margin-bottom: 3px;
          }
          .contact-box h3.m-b-xs{
            margin-bottom: 8px;
          }
           .contact-box h4{
            margin-bottom: 1px;
            padding-bottom: 1px;
            border-bottom: 1px solid #ddd;
            font-size: 1em;
            color: #333;
          }
          .contact-box .profile_idBx h4{
            font-weight: 100;
          }
          .contact-box .user p {
            margin-bottom: 1px;
          }
          .contact-box .user .name p {
              font-size: 1em;
              font-weight: 400;
              width: 85% !important;
          }
          .contact-box .user .name span {
              margin-top: -19px;
          }
          .contact-box .user .apellido {
              font-weight: 400;
              font-size: 1.1em;
              margin-bottom: 7px;
              border-bottom: 1px solid #ddd;
              padding-bottom: 7px;
          }
          .contact-box .user .text-cut {
              width: 100%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
          }
          .contact-box .colLessPAd{
            padding-left: 10px;
            padding-right: 10px;
          }
          .contact-box h4.noBorderBot{
            border: none;
          }
          .contact-box p {
            margin-bottom: 5px;
            color: #333;
            font-weight: 100;
            font-size: 1.1em;
          }
          .contact-box p.blockTxt{
            font-size: 0.8em;
            text-align: left;
            color: #666;
            margin-top: 8px;
          }
          

          .gridLinkToFicha:hover .contact-box{
            border: 1px solid #666;
            background-color: #f2f2f2;
          }
          .gridLinkToFicha.blockUser .contact-box{
            background-color: #fbf3f3;
          }
          .gridLinkToFicha.blockUser:hover .contact-box{
            border: 1px solid #570303;
            background-color: #fcecec;
          }

        /* ******************************************************  list */
            .nuoSt  .table td {
              vertical-align: middle;
            }
            .nuoSt  .table .filter:before {
                opacity:0.2;
                content:"\f0dc";
                float: right;
                font-size: 1.3em;
                cursor: pointer;
                display: block !important;
            }
            .nuoSt  .table .sortorder:before {
              content:"\f160";    
              float: right;
              font-size: 1.3em;
              cursor: pointer;
              display: block !important;
                            
            } 
            /*filters */
            .filterBx{
              margin: 9px 0 0 0;
               color: #aaa;
            }
            .filterBx:hover i{
               color: #9a0000;
               cursor: pointer;
            }
            .filterBx strong{
              padding: 15px 0 0 0;
              font-weight: 300;
              font-size: 1.1em;
              color: #676a6c;
            }
            .filterBx span{
              border-radius: 0.25em;
              -moz-border-radius: 0.25em;
              -webkit-border-radius: 0.25em;
              font-size: 1.1em;
              border: 1px solid #ccc;

             
              display: inline;
              font-weight: 100;
              line-height: 1;
              margin-left: 5px;
              padding: 3px 8px;
              text-align: center;
              vertical-align: baseline;
              white-space: nowrap;
            }
            .filterBx span i{
              padding-left: 3px;
            }

            .inmodal .modal-header{
              padding: 15px;
            }
            .inmodal .modal-title{
              font-size: 20px;
              font-weight: 400;

            }
            .modal-body .title{
              font-size: 1.2em;
              line-height: 24px;
              margin: 33px 0 10px;
              text-align: center;
            }
            /* popup into popup */
              .nuoSt .modal-dialog{
                margin-top: 80px;
              }

            .nuoSt .table-striped.listView th i{
              font-size: 1.7em;
              float: left;
            }
            .nuoSt .table-striped.listView th small{
              font-size: 1.0em;
              line-height: 0.8em;
              float: left;
            }
            .nuoSt .table-striped.listView .thDoorCenter{
             display: block;
            margin: 0 auto;
            text-align: center;
            width: 44px;
            }
            
            .nuoSt  .table .sortorder.reverse:before {
              content: "\f161";
            }
            
            .nuoSt   .thTableImg {
              max-width: 40px;

              margin: 1px auto;
            }
            .nuoSt   .tableImg {
              max-width: 58px;
              display: block;
              border: 1px solid #ccc;
              margin: -6px auto;
            }
            .nuoSt   .toSeeIconTh{
              max-width: 60px;
              width: 60px;
              margin: 1px auto;
            }
            .nuoSt   .toSeeIconTh2{
              max-width: 30px;
              margin: 1px auto;
            }
            .nuoSt   .toBlockTh{
              max-width: 50px;
              margin: 1px auto;
            }
            .nuoSt  .table > thead > tr > th, .table > tbody > tr > th, 
            .nuoSt .table > tfoot > tr > th, 
            .nuoSt .table > thead > tr > td, .table > tbody > tr > td, 
            .nuoSt .table > tfoot > tr > td{
              vertical-align: middle;
            }
           
            .nuoSt .idLockZone span{
              font-weight: 400;

            }
            .nuoSt .yes .h33{
              height: 33px;
            }
            

            .nuoSt .idLockZone i{
              color: #9a0000;
              font-size: 1.4em;
              margin-left: 5px;
              line-height: 14px;
            }
            .nuoSt .idLockZone .icoEmergency{
              width: 15px;
            }
            
            .nuoSt .alert.nuoBox {
              color: #9a0000;
              overflow: hidden;
              
            }
            .nuoSt .alert.nuoBox .fa{
              color: #ccc;
            }
            .nuoSt .alert.nuoBox .progressImpUser{
              border: 1px solid #ccc;
            }
            
              .fichaDoor{
                border: 1px solid #ccc;
                position: relative;
                width: 50%;
                padding: 0;
                background-color: #fff;
              }
              .fichaDoor.cls1{
                margin-left: -1px;
              }
              .fichaDoor.cls2{
                margin-top: -1px;
              }
              .fichaDoor.cls3{
                margin-left: -1px;
                margin-top: -1px;
                
              }
               .fichaDoor .lblDoor{
                border-bottom: 1px solid #ccc;
                width: 100%;
                text-transform: uppercase;
                text-align: center;
                color: #676a6c;
                font-weight: 100;
                padding: 3px 0;
                }
              .fichaDoor .lblDoor i {
                font-size: 0.9em;
              }
              .fichaDoor .lblDoor img {
                  opacity: 0.5;
                  width: 20px;
              }
              .txtDoor{
                width: 100%;
                float: left;
                padding: 0px;
                display: block;
                height: 90px;
              }
               .blockCheck{
                width: 40px;
                float: left;
               }
              .blockCheck span{
                width: 100%;
                text-align: center;
                float: left;
              }
              .blockCheck .icheckbox_square-green{
                margin-left: 8px;
               margin-top: 3px;
              }
             
              .slimDuckProgressBar.progress{
                height: 10px;
                margin-top: 10px;
                 background-color: #ccc;
              }
              .duckProgressError.slimDuckProgressBar.progress:before,
              .duckProgressError.progress:before{
                 font-family: "nuo" !important;
                  content: attr(data-icon);
                  font-style: normal !important;
                  font-weight: normal !important;
                  font-variant: normal !important;
                  text-transform: none !important;
                  speak: none;
                  line-height: 1;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e953";
                
                  position: absolute;
                  left: 490%;
                  font-size: 1.3em;
                  padding: 5px 10px;
                  color: #e00;
                  background-color: rgba(255,255,255, 0.4);
                  top: 57%;
                  border-radius: 25%;
                  -moz-border-radius: 25%;
                  -webkit-border-radius: 25%;

              }


            /*v2 ficha*/
              .sduFormDoorBx{
                height: 123px;
                margin-bottom: 20px;
                display: -webkit-box;
                display: -moz-box;
                display: box;

                -webkit-box-orient: horizontal;
                -moz-box-orient: horizontal;
                box-orient: horizontal;

                -webkit-box-pack: start;
                -moz-box-pack: start;
                box-pack: start;

                -webkit-box-direction: normal;
                -moz-box-direction: normal;
                box-direction: normal;

                -webkit-box-align: end;
                -moz-box-align: end;
                box-align: end;
              }
              .sduFormDoorBx .sdu{
                   width: 110px;
                   margin: 0 0 0px 15px;
                  border: 1px solid #ddd;
                  padding: 8px;
                  -webkit-box-ordinal-group: 1;
                  -moz-box-ordinal-group: 1;
                  box-ordinal-group: 1;

                  -webkit-box-flex: 0;
                  -moz-box-flex: 0;
                  box-flex: 0;
              }
              .sduFormDoorBx div.interphone {
                  height: 110px;
                  width: 110px;
                  margin-left: 15px;
                  border: 1px solid #ddd;
              }
              .sduFormDoorBx div.interphone .sdu {
                  height: 110px;
                  width: initial;
                  border: initial;
              }
              .sduFormDoorBx .inptCell .form-group{
                margin: 0 0 0 15px;

              }
              .sduFormDoorBx .tCell{
                -webkit-box-ordinal-group: 1;
                -moz-box-ordinal-group: 1;
                box-ordinal-group: 1;

                -webkit-box-flex: 0;
                -moz-box-flex: 0;
                box-flex: 0;
              }
              .sduFormDoorBx .inptCell{
                  -webkit-box-flex: 2;
                  -moz-box-flex: 2;
                  box-flex: 2;
              }
              .title2{                              
                border-bottom: 1px solid #e7eaec;
                color: inherit;
                margin-bottom: 0;
                padding: 14px 0 7px;
                min-height: 48px;
                margin: 5px 0 10px 0;
                float: left;
                width: 100%;
              }
              .title2 h5{
                font-size: 14px;
              }
              .btnSenaliz,
              .imgLect {
                  width: 24%;
                  float: left;
                  border: 1px solid #ccc;               
                  background-color: #fff;                 
              }
              .btnSenaliz{
                border: none;
                
              }
              .btnSenaliz .btn{
                float: none;
                width: 50px;
                padding: 3px;
                margin: 15px auto 1px auto;
                display: block;                
              }              
              .btnSenaliz .btn i{
                  font-size: 1.8em;
                  color: #960000;
                  padding: 5px;
              }
              .btnSenaliz .btn.calibrate {
                  color: #960000;
                  padding: 10px;
                  width: auto;
              }
              .imgLect.oneImgLect {
                  margin-left: 32%;
                  width: 34%;
              }
              .imgLect.firstLect,
              .btnSenaliz.firstLect {
                  margin-left: 9%;
                  margin-right: 14%;
                  width: 34%;
              }
              .imgLect.secondLect,
              .btnSenaliz.secondLect {
                  margin-right: 9%;
                  width: 34%;
              }
              .imgLect.firstLect.threeImgLect,
              .btnSenaliz.firstLect.threeImgLect,
              .imgLect.secondLect.threeImgLect,
              .btnSenaliz.secondLect.threeImgLect {
                  margin-right: 3%;
                  margin-left: 0px;
                  width: 32%;
              }
              .btnSenaliz.firstLect,
              .btnSenaliz.secondLect {
                  display: inline-flex;
              }
              .imgLect img{
                    margin: 10px auto 0 auto;
                    width: 60px;
                   height: 60px;
              }

              .imgLect .txtDoor  {
                border-bottom: 1px solid #ccc;
                border-top: 1px solid #ccc;
              }
              .imgLect .lblDoor  {
                width: 100%;
                float: left;
                text-transform: uppercase;
                text-align: center;
                color: #676a6c;
                font-weight: 100;
                padding: 3px 0;
              }
              .interphone .imgLect,
              .interphone.btnSenaliz {
                  width: 30%;
                  margin-right: 0px;
              }
              .interphone .imgLect .lblDoor:first-of-type {
                  margin: 6px 0px;
                  font-size: 1.1em;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  padding-left: 5px;
                  padding-right: 5px;
              }
              .interphone .imgLect .doorTitle {
                  display: inline-flex;
                  align-content: center;
                  width: 100%;
              }
              .interphone .imgLect img {
                  width: initial;
                  height: 70px;
              }
              .interphone .imgLect img.warning,
              .imgLect img.warning,
              .doorModules img.warning {
                  width: 20px;
                  height: 20px;
                  margin: 7px 3px 0px;
              }
              .doorModules img.warning {
                  margin-left: 5px;
                  margin-top: -5px;
              }
              .imgLect .lblDoor.select-teminal-type {
                  padding: 2px;
                  display: inline-flex;
              }
              .imgLect .lblDoor.select-teminal-type i {
                  margin-top: 8px;
                  margin-left: 8px;
              }
              .imgLect .lblDoor select.terminal-type {
                  text-transform: uppercase;
                  border: 0px;
              }
                .nuoSt .arrowBtns{
                  width: 14%;
                  float: left;
                  padding-top: 34px;
                }
                .nuoSt .arrowBtns .mAutoBx{
                  display: block;
                  float: none;
                  margin: auto;
                  width: 46px;
                }
                .nuoSt .arrowBtns .btn{
                  padding: 0px 8px;
                  display: block;
                  font-size: 2.2em;
                  line-height: 36px;
                  margin: 0;

                }
                .nuoSt .arrowBtns .arrowL.btn{
                  border-color: #ddd;
                }
                .nuoSt .arrowBtns .arrowR.btn{
                    border-color: #ddd;
                    margin-bottom: -1px;
                }
                .nuoSt .btnSenaliz .btn.active,
                .nuoSt .btnSenaliz .btn:hover,
                .nuoSt .arrowBtns .btn.active,
                .nuoSt .arrowBtns .btn:hover{
                  background: #FFF;
                  color: #960000;
                  border-color: #960000;
                }
                .btnSenaliz .btn.disabled i,
                .nuoSt .btnSenaliz .btn.disabled,
                .nuoSt .btnSenaliz .btn.disabled:hover{
                  color: #cacaca;
                  border-color: #ddd;
                  cursor: not-allowed;
                }
                .btnBxFormDoor,
                .alarmTamper.btnBxFormDoor {
                    height: 123px;
                    padding-top: 30px;
                }
                .btnBxFormDoor .btn{
                    margin-top: 14px;
                }
                .fichaDoors .btnBxFormDoor .btn.freeEntryBtn.disabled,
                .fichaDoors .btnBxFormDoor .btn.blockedBtn.disabled,
                .fichaDoors .btnBxFormDoor .btn.controlBtn.disabled,
                .fichaDoors .btnBxFormDoor .btn.openBtn.disabled,
                .fichaDoors .btnBxFormDoor .btn.freeEntryBtn.disabled:hover,
                .fichaDoors .btnBxFormDoor .btn.blockedBtn.disabled:hover,
                .fichaDoors .btnBxFormDoor .btn.controlBtn.disabled:hover,
                .fichaDoors .btnBxFormDoor .btn.openBtn.disabled:hover {
                    background-color: white;
                    color: #cacaca;
                    border-color: #ccc;
                }
                .fichaDoors .btnBxFormDoor .btn.freeEntryBtn:hover,
                .fichaDoors .btnBxFormDoor .btn.freeEntryBtn.active {
                    background-color: #008b07;
                    color: white;
                    box-shadow: none;
                    -webkit-box-shadow: none;
                }
                .fichaDoors .btnBxFormDoor .btn.blockedBtn:hover,
                .fichaDoors .btnBxFormDoor .btn.blockedBtn.active {
                    background-color: #9a0b00;
                    color: white;
                    box-shadow: none;
                    -webkit-box-shadow: none;
                }
                .fichaDoors .btnBxFormDoor .btn.controlBtn:hover,
                .fichaDoors .btnBxFormDoor .btn.controlBtn.active {
                    background-color: #0e9ee3;
                    color: white;
                    box-shadow: none;
                    -webkit-box-shadow: none;
                }
                .fichaDoors .btnBxFormDoor .btn.openBtn:hover,
                .fichaDoors .btnBxFormDoor .btn.openBtn.active {
                    background-color: #09b012;
                    color: white;
                    box-shadow: none;
                    -webkit-box-shadow: none;
                }
                .fichaDoors .btnBxFormDoor .col-sm-3.border {
                  border-left: solid 1px #e7eaec;
                }

                .fichaDoors .lighting-tooltip.tooltip-content {
                    margin-left: 5px;
                    margin-top: -5px;
                    float: left;
                }
                .fichaDoors .position-color,
                .fichaDoors .lighting-color {
                    width: 100%;
                    display: inline-flex;
                }
                .fichaDoors .position-color select,
                .fichaDoors .lighting-color select {
                    margin-right: 10px;
                }
                .fichaDoors .square {
                    height: 34px;
                    width: 34px;
                    border: 1px solid #aeafb0;
                }
                .fichaDoors .square.unknown {
                    background-color: transparent;
                }
                .fichaDoors .square.blue {
                    background-color: blue;
                }
                .fichaDoors .square.turquoise {
                    background-color: turquoise;
                }
                .fichaDoors .square.violet {
                    background-color: #B788FF;
                }
                .fichaDoors .square.yellow {
                    background-color: yellow;
                }
                .fichaDoors .square.magenta {
                    background-color: magenta;
                }
                .fichaDoors .square.white {
                    background-color: white;
                }
                .fichaDoors .position-info,
                .fichaDoors .lighting-info {
                    font-weight: 800;
                    float: right;
                    font-size: 1.1em;
                }
                .fichaDoors .module-info {
                    border: 1px solid #e7eaec;
                    padding: 15px 15px 0px 15px;
                    background-color: #f3f3f3;
                }
                .fichaDoors .module-info .form-group:first-child {
                    margin-bottom: 0px;
                }
                .fichaDoors .module-info .form-group {
                    margin-bottom: 5px;
                }
                .fichaDoors .module-info label,
                .fichaDoors .module-info span {
                    width: 50%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .fichaDoors .module-info label {
                    padding-rigth: 5px;
                }
                .fichaDoors .module-info span {
                    text-align: right;
                }
                .fichaDoors .module-photo {
                    height: 60px;
                    width: 60px;
                    border: 1px solid #ddd;
                    margin-bottom: 10px;
                    cursor: pointer;
                }
/*    ***********************************************************************************   FICHA  */
   .nuoSt input.form-control.idDisabled {
       background-color: #f3f3f3;
       cursor: not-allowed;
       padding-left: 0;
   }
   
   .inputSmall {
       height: 25px;
       padding: 0;
   }
   .inputAlarm.inputSmall {
      margin: 3px 0 3px 32px;
      width: 130px;
   }
   .formGroupSmall.form-group {
       margin: 0;
       float: right;
       height: 25px;
   }
   
   .smallDck .form-control {
       padding: 2px 0;
       height: 28px;
       text-align: center;
   }
   
   .smallDck .input-group-addon {
       padding: 6px 9px;
       height: 20px;
   }
   
   .smallDck th {
       text-align: center;
   }
   
   .miniMarg {
       margin-bottom: 3px;
   }
   
   .miniMarg select {
       padding: 2px 12px;
       height: 30px;
   }
   
   .miniMarg input {
       padding: 3px 12px;
       height: 28px;
   }
   
   .imgDoorCenter,
   .imgCenter img {
       margin: 0 auto;
   }
   /*toggle btn*/
   
   .flNo {
       display: block;
       float: none;
       margin-top: 0;
       padding: 0;
       position: relative;
       text-align: right;
   }
   
   .onoffswitch-label {
       border: 2px solid #cc0000;
   }
   
   .onoffswitch-switch {
       border: 2px solid #cc0000;
   }
   
   .onoffswitch-inner::before {
       background-color: #cc0000;
   }
   
   .ibox-title .onoffswitch {}
   
   .ibox-title .onoffswitch label {
       margin: 0;
   }
   
   .network .onoffswitch-inner:before {
       padding-left: 0;
   }
   /* slider */
   
   .irs-with-grid {
       margin-top: 10px;
   }
   
   .irs-from,
   .irs-to,
   .irs-single {
       background: #cc0000 none repeat scroll 0 0;
   }
   
   .irs-from::after,
   .irs-to::after,
   .irs-single::after {
       border-color: #cc0000;
   }
   /*select picker time */
   
   .timeInput {
       font-weight: 300;
       padding: 3px 4px;
       margin: 0;
   }
   
   .nuoSt .list-group-item {}
   
   .nuoSt .imgDoorFicha {
       margin: 0 auto;
       max-width: 100px;
       border: 1px solid #ccc;
   }
   
   .nuoSt .specialMArgin {
       margin: -5px 0 3px 0;
       font-size: 0.9em
   }
  /* estilos formulario disabled */
   
     .nuoSt .form-control[disabled],
     .nuoSt .form-control[readonly],
     .nuoSt fieldset[disabled] .form-control {
         background-color: #fff;
     }
     
     .nuoSt input.form-control[disabled],
     .nuoSt input.form-control[readonly],
     .nuoSt fieldset[disabled] .form-control {
         border-color: transparent;
         border-bottom-color: #e7eaec;
         /*height: 24px;
              margin-bottom: 30px;
              padding-bottom: 3px;*/
         padding-left: 0;
     }
     
     .nuoSt .inicioFin input.form-control[disabled],
     .nuoSt .inicioFin input.form-control[readonly] {
         border-color: #e7eaec;
         padding-left: 0;
     }
     
     .nuoSt select.form-control[disabled] {
         background-color: transparent;
     }
     
     .nuoSt .input-group.date {
         height: 28px;
     }
     
     .nuoSt .input-group.date input {
         border-color: #e7eaec;
         background-color: #fff;
         box-shadow: none;
         margin-top: 0;
         margin-bottom: 0;
         padding-left: 3px;
         height: 34px;
     }
     
     .nuoSt .input-group.date .calendar-disabled {
         visibility: hidden;
         cursor: default;
     }
     
     .nuoSt .input-group.date .input-group-addon {
         background-color: #fff !important;
         border-color: #e7eaec;
         padding: 3px 12px;
         cursor: pointer;
     }
  /* usuario */
   .nuoSt  .backdropShadow {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      background: rgba(0,0,0,0.4);
   }
   .nuoSt .formUser .checkbox-inline {
       cursor: auto;
   }
   
   .nuoSt .formUser .editingMode .checkbox-inline,
   .nuoSt .formUser .editingMode .red {
       cursor: pointer;
   }
   
   .formUser .list-group-item {
       padding:7px 15px;
   }
   
   .formUser label {
       font-weight: normal;
   }
   .formUser .assigned,
   .formUser .assigned label {
      font-weight: 700;
   }
   .formUser .credencIcon {
    margin: -2px 0 0 5px; 
   }
   .formUser .credencIcon:before {
    font-size: 2.0em;
   }
   .formUser .credencIcon.icon-nuo-07 {
    cursor: pointer;
   }
   .formUser .default-cursor .credencIcon.icon-nuo-07 {
      cursor: default;
   }
   .formUser .lblDateHour{
     float: left;
     width: 100%;
   }
   .formUser .date{
     float: left;
     width: 69%;
     margin-right: 1%;
   }
   .formUser .input-group-addon.tooltip-demo {
       border: 0px;
       padding-right: 0px;
   }
   .formUser .input-group-addon.tooltip-demo .icon-nuo-83,
   .formUser .tooltip-content.tooltip-demo .icon-nuo-83,
   .fichaDoors .tooltip-content.tooltip-demo .icon-nuo-83,
   .wizardDashboard .tooltip-content.tooltip-demo .icon-nuo-83 {
       font-size: 1.4em; color: #bbb;
   }
   .formUser .tooltip-previous,
   .fichaDoors .tooltip-previous,
   .wizardDashboard .tooltip-previous {
       display: inline-block;
       margin-right: 10px;
   }
   .formUser .tooltip-content.tooltip-demo,
   .fichaDoors .tooltip-content.tooltip-demo,
   .wizardDashboard .tooltip-content.tooltip-demo {
      display: inline;
   }
   .editingMode{

   }
   .nuoSt .formUser .input-group.date input.form-control,
   .nuoSt .formUser .hourBx .dayBx input.form-control{    
     border-color: transparent transparent #e7eaec transparent;
     height: 35px;
   }

   .nuoSt .formUser .editingMode .input-group.date input.form-control,
   .nuoSt .formUser .editingMode .hourBx .dayBx input.form-control{    
     border-color: #e7eaec;
   }

   
   .formUser .hourBx{
    
     float: left;
     width: 30%;
   }
   .formUser .opciones [class^="col-"],
   .formUser .credenciales .i-checks,
   .formUser .credenciales p {
       padding-top: 10px;
   }
   
   .formUser .modoAcceso .i-checks {
       padding-top: 0;
   }
   
   .formUser .opciones .switch {
       float: right;
       margin-top: 5px;
   }
   
   .formUser .opciones .btn-default {
       float: left;
       margin-top: 15px;
   }
   .formUser .bxCredencialesHeight .small {
       display: inline-table;
       margin-left: 20px;
   }
   .formUser .bxCredencialesHeight,
   .formUser .modoAcceso,
   .formUser .bxOpcionesHeight {
       height: 415px;
   }
  .formUser .inColumn .bxCredencialesHeight,
  .formUser .inColumn .modoAcceso{
      height: 170px;
  }
   .formUser .bxOpcionesHeight .groupTitle {
       margin-left: 20% !important;
   }
   .formUser .bxOpcionesHeight .groupIconColumn {
       padding-left: 0px;
       padding-right: 0px;
       padding-top: 0px;
       padding-bottom: 10px;
   }
   .formUser .bxOpcionesHeight .groupIconColumn .groupIcon {
       border: 1px solid #d2d2d2;
       border-radius: 15px;
       padding: 5px;
       width: 50px;
       margin-left: 20%;
   }
   .formUser .bxPermisosHeight {
       height: 788px;
       overflow-y: auto;
   }   
   .formUser .bxOpcionesHeight .onoffswitch-label {
       cursor: not-allowed;
   }   
   .formUser .disabledTxt {
       color: #aaa;
   }
   .formUser .disabled {
      color: #ccc;
   }
  .formUser .yesNoSwitch .onoffswitch-inner::before {
       content: "ON";
       font-weight: 1.1em;
   }
   .formUser .yesNoSwitch .onoffswitch-inner::after {
       content: "OFF";
       font-weight: 1.1em;
   }

  .formUser .credenciales .fa.fa-2x {
      float: right;
      margin-top: 6px;
      margin-right: 10px;
      cursor: pointer;
  }


/*    ***********************************************************************************   HEADER */
        .nuoSt .loginNav{
          padding: 15px;
          float: left;
        }
        .nuoSt .profile-element .profileHeader{
          max-width: 50px;
        }
         /*usuario header login*/
        .nuoSt .dropdown.profile-element  {
          float: left;
          padding: 0;
          margin: 0 20 0 0;
          line-height: 55px;
        }
        .nuoSt .dropdown.profile-element img {
          float: left;
            height: 40px;
            margin: 10px;
            width: 40px;
            border: 1px solid #666;
        }

        .nuoSt .dropdown.profile-element .usernameDck{
          float: left;
        }
        .nav.navbar-top-links .logoutBx{
          float: left;
          margin: 18px 10px 0 0;
        }
        .nav.navbar-top-links  .logoutBx a{
          font-size: 2.0em;
          padding: 10px 15px;
          line-height: 8px;
        }
        .nuoSt .dropdown.profile-element .dropdown-menu{

        }
        .nuoSt .dropdown.profile-element .dropdown-menu img{
          border: 3px solid rgba(255, 255, 255, 0.2);
            height: 90px;
            width: 90px;
            z-index: 5;
        }
        .nuoSt .dropdown.profile-element .dropdown-menu p{
         color: #960000;
            font-size: 17px;
            margin-top: 10px;
            z-index: 5;
        }
        /*flag*/
          .nuoSt .dropdown.flag-element  {
            float: left;
            padding: 0;
            margin: 0 5px 0 0;
            line-height: 55px;
          }
          .nuoSt .dropdown.flag-element .dropdown-alerts {
              min-width: 0;
              width: 135px;
          }
          .nuoSt .dropdown.flag-element .language{
            cursor: pointer;
          }
          .nuoSt .dropdown.flag-element a.dropdown-toggle {
            font-weight: 600;
            line-height: 65px;
            padding: 10px;
          }
          .nuoSt .dropdown.flag-element i {
            font-size: 1.2em;
            margin-right: 3px;
          }
/*    ***********************************************************************************   TABLES NO DATATABLES */
    .nuoSt .table-striped.listView th{
      background-color: #FFF;
      padding: 8px;
      font-size: 1.1em;
    }
    .nuoSt .table-striped.listView th.smallThDck{
     width: 80px;
    }
    .nuoSt .table-striped.listView .blockedSize{
      width: 111px;
    }
/*  *********************************************************************************   FAST FILTER */

  .fast-filter.ibox-title {
      min-height: 69px;
  }

  .fast-filter .filterBx {
      float: left;
      width: 70%;
  }

  .fast-filter .filterBx span {
      padding-left: 5px;
  }

  .fast-filter .fast-filter-content {
      float: right !important;
      display: inline-flex;
  }

  .fast-filter .fast-filter-content input {
      padding-right: 30px;
  }

  .fast-filter .fast-filter-content i {
      font-size: 1.6em;
      margin-top: 7px;
      margin-left: -40px;
      padding-left: 15px;
      cursor: pointer;
  }

  /***************************************** PANTALLAS AYUDA ***********************/
  #faqsList tr {
      cursor: pointer;
  }

  /***************************************** FILTRO AYUDA *************************/
  .help-filter h2 p {
      margin: 0;
  }
  .help-filter .help-filter-group {
      padding-top: 15px;
      width: 300px;
      display:inline-flex;
  }
  .help-filter .help-filter-group i {
      margin-left: -23px;
      margin-top: 8px;
      font-size: 0.8em;
      cursor: pointer;
  }

  .help-filter .help-filter-group .fa-times:hover {
      color: #9a0000;
  }

  .help-filter .highlighted {
      background-color: rgba(0, 194, 255, 0.18);
  }


  /***************************************** INDICE AYUDA *************************/

  .help-filter .navbar-minimalize {
      margin: 10px 10px 10px 0px;
      padding: 0px 8px 0px 12px;
      float: initial;
      font-size: 1.2em !important;
  }

  .help-filter.widgetMargin {
      background-color: #f3f3f4;
  }

  .help-filter.widgetMargin.index-minimalize {
      background-color: #9e2727;
  }

  .help-filter.widgetMargin h2.titleBtns {
      float: inherit;
      background-color: white;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      margin-top: 0px;
      padding-top: 15px;
  }

  .index {
      padding-left: 20px;
      width: 450px;
      transition: all 0.4s;
      position: absolute;
  }

  .index label {
      color: #9e2727;
  }

  .index-minimalize .index{
      width: 30px;
  }

  .index .fa.fa-bars {
      color: white;
      margin: 10px 5px 10px 0px;
  }

  .index-minimalize .index .fa.fa-bars {
      margin-left: -11px;
      cursor: pointer;
  }

  .index .indexLink {
      cursor: pointer;
  }

  .index ul li {
      padding-top: 5px;
      padding-bottom: 0px;
  }

  .index .separated {
      padding-bottom: 10px;
  }

  .manualPage {
      margin: 0 0 0 450px;
  }

  .index-minimalize .manualPage {
      margin: 0 0 0 30px;
  }

  .manualPage .manualContent {
      border-left: solid 1px #9e2727;
      border-top: 0px;
      height: 100%;
      background-color: white;
      padding: 20px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 0px;
  }

  .index,
  .manualPage,
  .manualPage .manualContent {
      min-height: 600px;
  }

  .manualPage .manualContent .paginationDuck {
      margin-top: 0px;
  }

  .manualPage .manualContent p {
      text-align: justify;
  }

  .manualPage .manualContent .alignedInline {
      display: inline-flex;
      margin-top: 20px;
      margin-bottom: 20px;
      width: 100%;
      overflow-x: auto;
  }

  .manualPage .manualContent .alignedInline .square {
      width: 100px;
      margin: 0px 10px;
  }

  .manualPage .manualContent .alignedInline .arrows {
      margin-top: 30px;
  }

  .manualPage .manualContent .bigSquare {
      display: inline-flex;
      margin-right: 20px;
      margin-bottom: 10px;
  }

  .manualPage .manualContent .manualTitle1 {
      font-weight: 700;
      font-size: 1.3em;
  }

  .manualPage .manualContent .manualTitle2 {
      font-size: 1.2em;
  }

  .manualPage .manualContent .manualTitle3 {
      font-size: 1.1em;
  }

  .manualPage .manualContent .manualTitle4 {
      font-size: 1.1em;
  }

  .manualPage .manualContent .smallText {
      font-size: 0.8em;
  }

  .manualPage .manualContent .identation1 {
      padding-left: 15px;
  }

  .manualPage .manualContent .identation2 {
      padding-left: 30px;
  }

  .manualPage .manualContent .identation3 {
      padding-left: 45px;
  }

  .manualPage .manualContent .separatedTop {
      padding-top: 15px;
  }

  .manualPage .manualContent .separatedBottom {
      padding-bottom: 15px;
  }

  .manualPage .manualContent .bordered {
      border: 1px solid;
  }

  .manualPage .manualContent .contentCentered,
  .manualPage .manualContent .image {
      text-align: center;
  }

  .manualPage .manualContent .image img {
      width: 50%;
  }

  .manualPage .manualContent .image img.halfWidth {
      width: 200px;
  }

  .manualPage .manualContent .fa {
      font-size: 1.5em;
      padding: 0px 5px;
  }

  .manualPage .manualContent .fa.fa-info-circle {
      padding-right: 11px;
      border-right: solid 1px #58595a;
      margin-right: 8px;
      color: #3362b7;
  }

  .manualPage .manualContent .fa.fa-exclamation-triangle {
      padding-right: 8px;
      border-right: solid 1px #58595a;
      margin-right: 8px;
      color: #9a0000;
  }

  .manualPage .manualContent img.button {
      height: 35px;
      padding: 0px 5px;
  }

  .manualPage .manualContent img.mediumButton {
      height: 70px;
  }

  .manualPage .manualContent img.bigButton {
      height: 100px;
  }

  .manualPage .manualContent img.hugeButton {
      height: 150px;
      width: 150px;
  }

  .manualPage .manualContent .tableState {
      width: 100%;
      margin: 20px 0px 0px 0px;
      border-left: 1px solid black;
  }

  .manualPage .manualContent .tableState .mainHead {
      width: 100%;
      background-color: rgba(0, 128, 0, 0.4);
      font-weight: 600;
      border: 1px solid black;
      border-left: 0px;
      text-transform: uppercase;
      text-align: center;
      padding: 5px;
  }

  .manualPage .manualContent .tableState .secondHead,
  .manualPage .manualContent .tableState .normalRow {
      display: inline-flex;
      width: 100%
  }

  .manualPage .manualContent .tableState .normalRow div,
  .manualPage .manualContent .tableState .secondHead div {
      border: 1px solid black;
      border-left: 0px;
      border-top: 0px;
      width: 15%;
      text-align: center;
      padding: 5px;
      overflow: hidden;
  }

  .manualPage .manualContent .tableState .secondHead div {
      background-color: #ddd;
  }

  .manualPage .manualContent .tableState .normalRow div.red {
      background-color: #ff00001a;
      color: red;
  }

  .manualPage .manualContent .tableState .normalRow div.green {
      background-color: #0080001a;
      color: green;
  }

  .manualPage .manualContent .tableState .normalRow div.orange {
      background-color: #ffa5001a;
      color: #ffa500;
  }

      /*    ***********************************************************************************   ENROLAR HUELLA  */
        .bxTerminalResp{
          position: relative;
          width: 100%;
          border: 1px solid #ccc;
        }
        .btnBxEnroler{
          padding-top: 15px;
          margin-top: 20px;
          width: 100%;
          float: left;
          
        }
        .imgLiteral{
          width: 100%;
          background-color: #FFF;
          border-bottom: 1px solid #ccc;
          font-weight: 100;
          text-transform: uppercase;
          padding: 5px;
          font-size: 1.1em;
        }
        .imLBottom{
         border-bottom:none;
          border-top: 1px solid #ccc;
        }


        .bxTerminalResp .picTerminal {

          margin: 20px auto;
        }
        .huellaTxt{
          padding: 5px 0;
          height: 440px;
        }
        .infoFingerPrint .huellaTxt{
          height: 34px;
          margin-bottom: 10px;
        } 
        .infoFingerPrint .huellaTxt p{
         text-align: center;
         font-size: 1.4em;
        } 
        .huellaTxt p{
          padding: 9px 0 8px 0;
          font-size: 1.3em;
          font-weight: 400;
        }
        .huellaTxt span{
           color: #bbb;
            font-size: 1.6em;
            line-height: 0;
            padding: 0;
        }
        .huellaTxt small {
          color: #666;
          float: left;
          font-size: 1em;
          margin-top: 11px;
        }
        .infoFingerPrint{
          border: 1px solid #ccc;
          padding: 5px;
          height: 387px;
          width: 100%;
        }

        .smallInfoFingerPrint {
            height: 287px;
        }
        .print {
            
        }
        .print p{
          margin-top: 15px;
          font-size: 1.4em;
        }
        
        .print img{
          margin: 0px auto 30px auto ;
          max-width: 190px;

        }

        .tarjeta.print p{
          margin-top: 150px;
        }
        .countDown {
          text-align: center;
          color: #999;
            padding: 32px 0 0 0;
        }
        .countDownBx{
          border: 1px solid #ccc;
        }
        .countDownBx p{
          font-size: 5em;
          font-weight: 400;
          color: #ccc;
          display: inline;
          font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        }
        .countDownBx small{
          font-size: 1.4em;
          font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
          font-weight: 600;
          color: #ccc;
        }
        .timeOutAlert{
          width: 100%;
          position: relative;
          
          margin: 2px 3px 5px 3px;
        }
        .timeOutAlert p{
          color: #9a0000;
          font-size: 1.6em;
          text-align: center;
          font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
          padding: 3px 0 0 0;
        }
        .nuoSt .progress-ok .progress-bar {
          background-color: #7BC610;
        }
        .nuoSt .progress-med .progress-bar {
          background-color: #F7921E;
        }
        .nuoSt .progress-ko .progress-bar {
          background-color: #9a0000;
        }
        .nuoSt .percCalidad{
          text-align: center;
          font-size: 2.4em;
          color: #ccc;
          float: left;
          margin-top: 13px;
        }
        .nuoSt .progress-ko .percCalidad{
          color:#9a0000;
        }
        .nuoSt .progress-ok .percCalidad{
          color:#7BC610;
        }
       
        /*asistente */
          .asistentePrint i{
            float: left;
          font-size: 4em;
          margin-top: 15px;
          width: 100%;
          }
         .asistentePrint .widgetMargin h2.titleBtns{
            float: left;
            font-size: 1.7em;
            line-height: 1.4em;
            font-weight: 100;
            text-align: center;
            width: 100%;
            border-bottom: none;
            margin-top: 20px;
          }
          
          .asistentePrint  a span{
              float: none;
          }
          .asistentePrint  a:hover{
            text-decoration: none;  
          }
          /*
          .asistentePrint .btnDashDck span{
            text-align: center;
            color: #CCC;
            text-decoration: none;
            border-bottom: none;
            margin-bottom: 15px;
          }
          .asistentePrint .btnDashDck:hover span{
            color: #570303;
          }*/
          .asistentePrint  a.btnDashDck img{
             float: none;
             margin: 0 auto;
          }
          .asistentePrint  .linkTo{
            display: block;
            font-size: 1.4em;
            text-align: center;
            width: 100%;
            float: left;
            margin: 30px 0 10px 0;
          }
          .asistentePrint  .linkTo a{
            color: #9a0000;
            text-align: center;
            text-decoration: underline;
           
         
            display: inline;
            font-size: 0.9em;
          }
         /* 
          .asistentePrint .br{
            border-left: 10px solid #F3F3F4;
          }
          */

         .step2 .step2Tit .titleBtns {
             margin-bottom: 5px;
         }

         .step2 .step2Tit .titleBtns2 {
             margin-bottom: 30px;
             font-weight: normal;
         }
         
         .step4 h2 {
           padding: 0;
           margin: 0;
          }
          .step4 select {
            margin-top: 20px;
          }
          .nuoSt .step4 .nuoIco.btnGoTxt{
            font-size: 3em;
            margin-top: 5px;
          }
          /* botoner */
         

           .btnAsistEnrol{
              border-top: 1px solid #ccc;
              padding-top: 5px;
              margin-top: 5px;
            }
            .btnAsistEnrol .btnGoTxt,
            .btnAsistEnrol .btn{
              float: right;
              text-transform: uppercase;
              color: #570303;
              border-color: transparent;
            }
            .btnAsistEnrol .btn:hover{
              color: #333;
            }
            .step5 h3{
              border-bottom: medium none;
              float: left;
              font-size: 1.2em;
              font-weight: 100;
              margin: 20px 0;
              text-align: center;
              width: 100%;
              padding: 0;
            }
            .step5 h2.titleBtns{
              margin: 10px 0;
              padding: 0;
            }
            .step5 .kindImg{
              border-right: 1px solid #ccc;
              float: left;
              margin: 10px 0;
              width: 100%;
            }

            .step5 .kindImg i{
              font-size: 5.6em;
              margin: 0;
            }
            .infoFingerPrintBtnZone .btn{
              float: right;              
            }
            .infoFingerPrintBtnZone .btn.acept {
              float: left;              
            }
/*    ***********************************************************************************   FOTOS */
        /*USUARIOS*/
          .profile_idBx img{
            text-indent: -9999px;
            width: 100%;
          }
          .userList .profile_idBx {
            border: 1px solid #ddd ;
            background: #fff url(../img/users/avatar.png) 0 0 no-repeat;
            -webkit-background-size: cover;
            background-size: cover;
            overflow: hidden;
          }

          .gridViewBx .userList .profile_idBx img {
              min-height: unset;
          }

        /*user list*/
          .nuoSt table.userList .profile_idBx {         
            width: 38px;
            height: 38px;
            margin: 0 auto;
         
          }
           .nuoSt table.userList .profile_idBx img{
               border: none;
               width: 100%;
               margin: 0;

           }
        /*user grid*/
          .userList .profile_idBx {           
            width: 100%;
          }
          .opciones .onoffswitch-switch,
          .opciones .onoffswitch-label{
            border-color: #DAE2F1;
          }
          .opciones .onoffswitch-inner::before{
            background-color: #DAE2F1;
          }


/* ***********************************************************************************   Lista PUERTAS */

        /* listview */
        .doorList .profile_idBx .tableImg{
        border: 1px solid #dedede;
        }
        .doorList .icoEmergency{
        max-width: 20px;
        display: block;
        margin: -3px auto;
        }

        .discover-modal.inmodal .modal-body {
            /*background: white;*/
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .discover-modal .pagination  {
            display: block;
            margin-top: 0px;
            margin-bottom: 35px;
        }

        .discover-modal .pagination .fa-angle-double-left,
        .discover-modal .pagination .fa-angle-double-right {
            font-size: 1.3em;
            font-weight: bold;
        }

        .discover-modal .pagination .btn-white.txtPag:hover,
        .discover-modal .pagination .btn-white.txtPag:focus,
        .discover-modal .pagination .btn-white.txtPag:active {
              border-color: #e7eaec;
              color: #58595a;
              cursor: default;
        }

        .discover-modal .progress {
            margin-top: 20px;
        }

        .discover-modal .knobsListTable {
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

        .discover-modal .discover-error {
            color: #9a0000;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .discover-modal .btnArea {
            margin-top: -8px;
        }
          
/*    ***********************************************************************************   FICHA Y lista TERMINALS  */

      .terminalList .table .check-link,
      .ibox.terminaBxMode .check-link {
          cursor: auto;
      }
      .fichaControladorDck  .slimDuckProgressBar.progress{
        margin-bottom: 0;
      }
      .fichaTerminals .imgCenter{
       border: 1px solid #f2f2f2;
        margin-bottom: 15px;
        padding: 12px;
      }
      .fichaTerminals .imgCenter img{
        width: 80%;
        max-width: 230px;
      }
      .fichaTerminals .onoffswitch{}
      .fichaTerminals .onoffswitch-inner::before{
        padding: 0;
      }
      .volBtns {
        height: 145px;
        max-width: 280px;
        background-color: #fff;
        margin: 0 auto;
        padding-top: 35px;
      }
      .volBtns button span{
       font-size: 2.4em;
       color: #676a6c;
       padding: 5px;
      }
       .volBtns button:hover,
       .volBtns button:hover span{
       color: #9a0000;
      }
      .ibox.terminaBxMode .ibox-content{
        height: 290px;
      }

    /* v2 lista terminal grid mode "tabs" **/
      .terminalList .titleNumber .col-xs-3 {
          padding: 0px;
      }
      .terminalList .tabs-container {
        margin-top: 15px;
        margin-bottom: 15px;
      }
      .tabs-container .tab-pane .panel-body{
        border-top: 1px solid #58595a;
        border-bottom: none;
      }
      .tabs-container .panel-body{
        border-color:  #58595a;
        padding: 0;
      }
      .nuoSt .nav-tabs > li {
        width: 25%;        
        float: left !important;  
      }
      .nuoSt .tabs-container .nav-tabs > li.staticTab.active,
      .nuoSt.mini-navbar .nav.nav-tabs > li,
      .nuoSt .nav.nav-tabs > li {
        color: #58595a;  
        border-width: 1px 1px 4px 0;
        border-style: solid;
        border-color: #960000 #ddd #eee #fff;            
      }
      .nuoSt.mini-navbar .nav.nav-tabs > li:first-child,
      .nuoSt .nav.nav-tabs > li:first-child {
        border-left: 1px solid #ddd;
      }
      .nuoSt .tabs-container .gridLinkToFicha{
        color: #58595a;
      }
      .nuoSt .tabs-container .nav-tabs {
            border-bottom:none;
        }
      .nuoSt.mini-navbar .nav.nav-tabs > li.active,
      .nuoSt .nav.nav-tabs > li.active {
        color: #58595a;  
        border-width: 0 1px 4px 1px;
        border-color: #FFF #58595a #960000 #58595a;       
      }
      .nuoSt .tabs-container .nav-tabs > li.staticTab span{
        float: left;
        width: 100%;  
        font-size: 1.2em;
        font-weight: 100;
        padding: 14px 10px;
        line-height: 35px;
        background-color: #f5f5f5;
      }
      .nuoSt .tabs-container .nav-tabs > li.staticTab span,
      .nuoSt .tabs-container .nav-tabs > li > a{
        border: none; 
        text-align: center;
        color: #58595a;
      }
      .nuoSt .tabs-container .nav-tabs > li > a:hover{
        color: #960000;
      }
      .tabs-container .nav-tabs > li {
        float: left;
        margin-top: -1px;
        border-bottom-color: 1px solid #ddd;
        border-left-color: 1px solid #ddd;
      }
      .nuoSt .tabs-container .nav-tabs > li > a{
        border:none;
        color: #58595a;
        cursor: pointer;
      } 
      .nuoSt .tabs-container .nav-tabs > li.active > a,
      .nuoSt .tabs-container .nav-tabs > li > a:hover, 
      .nuoSt .tabs-container .nav-tabs > li > a:focus {
        border:none;
        color: #960000;
      }
      
      .nuoSt .tabs-container .nav-tabs > li.staticTab span i,
      .nuoSt .tabs-container .nav-tabs > li > a i{
        margin-right: 0;
        margin-top: 5px;
        font-size: 1.8em;
      }
      .nuoSt .tabs-container .nav-tabs > li.staticTab span i{
        float: left;
        width: 100%;
        display: block;
      }
      .nuoSt .tabs-container .nav-tabs > li > a i:before {
        font-weight: bold !important;
      }

      .nuoSt .tabs-container .colLessPAd.row{
        margin-right: 0px;
        margin-left: 0px;
      }
      .nuoSt .tabs-container .colLessPAd .col-xs-10,
      .nuoSt .tabs-container .colLessPAd .col-xs-2{
        padding-right: 0;
        padding-left: 0;
      }
      .dispTable{
        display: table;
        height: 50px;
      }
      .dispTable  h3 {
        display:table-cell;
        padding: 0 5px;
        text-align:center;
        vertical-align:middle;
      }
      .titleNumber{
        border-bottom: 1px solid #ccc;
      }
      .titleNumber .num{
        border-right: 1px solid #ccc;
        font-size: 2em;
        padding: 5px;
        width: 100%;
        text-align: center;
        float: left;
        height: 50px;
      }
      .titleNumber h3{
        padding: 5px;
        font-weight: 100;
      }
      .greyZone{
        background-color: #ededed;
        padding: 10px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
      }
      .greyZone h4{
        text-transform: uppercase;
        font-size: 1.2em;
        padding: 8px 0;
        border-bottom: 1px solid #ccc;
      }
      .greyZone span,
      .greyZone strong{
        text-align: left;
        padding: 0 10px 0 0;
      }
      .greyZone p{
        margin: 0 0 5px 0;
      }

      .terminalList .centTxt .senalizado{
        margin: auto;
        width: 20px;
        float: none;
      }
      .terminalList .centTxt .senalizado .dot{
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        float: left;  
        width: 20px;
        height: 20px;
        background-color: #960000;
      }
      .terminalList .centTxt .senalizado .dot.green {
        background-color: green;
      }
      .terminalList .centTxt .senalizado .dot.grey {
        background-color: grey;
      }
      .terminalList .centTxt .senalizado .dot.orange {
        background-color: orange;
      }
      
      .terminalList .hExtratermList{
        height: 50px;
      }
      .terminalList .profile_idBx img{
        width: 100%;
        margin: 10px 0 0 0;
        background-color: #FFF;
        border: 1px solid #ccc;
        padding: 5px;
      }
      .terminalList .terminalButtons {
          display: inline-flex;
          padding: 25px 15px 10px 15px;
          width: 100%;
      }
      .terminalList .volLT{
          margin: 0px auto 0px auto;
          float: none;
          display: block;
          padding: 0px;
      }
      .terminalList .volLT .btn-group {
          width: 165px;
      }
      .terminalList .volLT span {
        font-size: 2em;
      }
      .terminalList .calibrate {
          margin: 0px auto 0px 0px;
      }
      .terminalList .calibrate .btn.btn-default {
          padding: 15px;
          font-size: 1.2em;
          color: #9a0000;
          background-color: white;
          border: 1px solid #e7eaec;
      }
      .terminalList .calibrate .btn.btn-default.disabled,
      .terminalList .calibrate .btn.btn-default.disabled:hover {
          color: #cacaca;
      }
      .terminalList .calibrate .btn.btn-default:hover {
          color: #570303;
          border-color: #570303;
      }
      .terminalList .installedSky {
           float: left;
           margin: auto;
           width: 100%;
           text-align: center;
           height: 50px;
           padding-top: 5px;
      }
      .terminalList .installedSky label {
           font-weight: 400;
      }
      .terminalList .installedSky label span {
           margin-right: 10px;
       }
      .terminalList .centTxt span {
          width: 100%;
          text-align: center;
          margin: 10px 0 5px 0;
          float: left;
          font-size: 1.2em;
          font-weight: 400;
      }
      .terminalList .centTxt .check-link{
          font-size: 2.1em;  
          display: block;
          line-height: 13px;
          text-align: center;
          width: 100%;
      }

      .terminalList .btn.selected {
          color: #9a0000;
          background-color: #ddd;
      }

      .terminalList .btn.selected:hover {
          color: #570303;
          border-color: #570303;
      }

      /* Modificaciones pastillas consolas */
      #mainListaConsoles.terminalList .tabs-container .tab-pane .panel-body{
          border-bottom: 1px solid #58595a;
      }
      #mainListaConsoles.terminalList .tab-pane .panel-body:hover {
          cursor: pointer;
          border: 1px solid #000;
          background-color: #f2f2f2;
      }
      #mainListaConsoles.terminalList .centTxt {
          min-height: 100px;
      }

/*    ***********************************************************************************   LISTA CONTROLADOR */
    .terminalController .nP{
      padding: 0;
    }
    .terminalController .itemCtrlBx{
      padding: 0;
      float: left;
      margin-bottom: 40px;
      border: 1px solid #999;
      width: 100%
    }
    .terminalController .controlerLbx{
      padding: 10px 0 5px 0;
      background-color: #f2f2f2;
      float: left;
      width: 100%;
      border-bottom: 1px solid #ddd;
    }
     .terminalController .titleNumber{
      border-bottom: 1px solid #fafafa;
     }
     .terminalController .greyZone{
      background-color: #fafafa;
     }
    .terminalController .ctrlLbx,
    .terminalController .titleNumber,
    .terminalController .titleNumber .num,
    .terminalController .greyZone{
      background-color: #fff;
      border: none;
    }
    .terminalController .interphone .titleNumber .col-xs-3 {
        padding: 0px;
    }
    .terminalController .interphone .titleNumber .num,
    .titleNumber .interphone .num  {
        font-size: 1.2em;
        padding-top: 12px;
        padding-left: 0px;
        padding-right: 0px;
        font-weight: 600;
    }
    .terminalController .controlerLbx input {
      cursor: default;
    }
    .terminalController .controlerLbx input.form-control[disabled] {
        background-color: #f2f2f2;
    }
    .terminalController .titleNumber  h3{
      text-align: left;
    }
    .terminalController .ctrlLbx{
      padding: 0 0 5px 0;
      margin:  0;
      border-right: 1px solid #ddd;
      width: 100%;
      float: left;
    }
    .terminalController .form-group{
      margin-bottom: 0;
    }
    .nuoSt .terminalController .colLessPAd.row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .nuoSt .terminalController .colLessPAd .col-xs-10, 
    .nuoSt .terminalController .colLessPAd .col-xs-2 {
        padding-right: 0;
        padding-left: 0;
    }
    .nuoSt .terminalController .colLessPAd .col-lg-3, 
    .nuoSt .terminalController .colLessPAd .col-lg-9 {
        padding-right: 5px;
        padding-left: 5px;
    }
    .terminalController .m-t{
      margin-top: 15px;
    }

    .terminalController .pd0 input{
      font-size: 13px;
      padding: 0;
      margin-top: 15px;
      background: transparent;
      border: none;
      border-left: none;
      border-right: none;
    }
    .terminalController .centTxt{
      width: 100%;
      float: left;
    }
    .terminalController .greyZone p {
        margin:  5px 0;
    }
    .terminalController .form-group label,
    .terminalController .centTxt label{      
      text-align: center;     
      float: left;
      display: inline-block;
      font-size: 1.0em;
      max-width: 100%;
      margin-bottom: 0px;
      font-weight: 600;
    }
    .terminalController .centTxt label{
      width: 100%;
      margin-bottom: 10px;
    }
     .terminalController .centTxt .text-center{
      width: 100%;
      float: left;
      margin-bottom: 5px;
     }
    .terminalController .centTxt .senalizado {
          margin: auto;
          width: 20px;
          float: none;
      }
      .terminalController .centTxt .check-link {
          font-size: 2.1em;
          display: block;
          line-height: 13px;
          text-align: center;
          width: 100%;
      }

      .terminalController .centTxt .check-link.signaling{
        -webkit-box-shadow: 0px 0px 5px 0px rgba(154,0,0,1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(154,0,0,1);
        box-shadow: 0px 0px 5px 0px rgba(154,0,0,1);
      } 
      .terminalController .centTxt .check-link.noSignaling{
        color: #aaa;
      } 
      .terminalController .centTxt .senalizado .dot.green {
          background-color: green;
      }
      .terminalController .centTxt .senalizado .dot.red {
          background-color: #960000;
      }
      .terminalController .centTxt .senalizado .dot.grey {
          background-color: grey;
      }
      .terminalController .centTxt .senalizado .dot.orange{
          background-color: orange;
      }

      .terminalController .centTxt .senalizado .dot {
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          float: left;
          width: 20px;
          height: 20px;
    }
    .terminalController .sdu{
      padding: 6px;
      background-color: #FFF;
      border: 1px solid #ddd;
      width: 90%;
      margin: 5%;
    }
    .ethernet{
      width: 42px;
      height: 37px;
      margin: 20px auto 0 auto;
      float: none;
    }

    .ethernet a{
      width: 42px;
      height: 37px;
      margin:  0;
      float: left;
      background: url('../img/ethernet.jpg') no-repeat 0 0 ;
      background-size: 42px auto;
    }
    .ethernet a:hover{
      background: url('../img/ethernet.jpg') no-repeat 0 -74px ;
      background-size: 42px auto;
    }
    .ethernet span{
      visibility: hidden;
    }

/*    ***********************************************************************************   FICHA CONTROLADOR */
      .fichaControladorDck .imgCenter {
        border: 1px solid #f2f2f2;
        margin-bottom: 26px;
      }
      .fichaControladorDck .imgCenter img{
         height: 124px;
         padding: 10px;
      }
      .fichaControladorDck .imgPower{
        width: 100%;
      }
      .fichaControladorDck .imgPower img{
        width: auto;
        margin: 0 auto;
        display: block;        
        height: 152px;
      } 
      .fichaControladorDck .switch{
        width: auto;
        float: right;
        padding: 15px 0 0 0;
      }
      .fichaControladorDck .boxFichaController{
        background-color: #f2f2f2;
        padding: 15px;
        float: left;
        width: 90%;
        margin: 5%;        
      }

      .fichaControladorDck  .onoffswitch-label{
        cursor: not-allowed;
      } 
      .fichaControladorDck  .botoneraFirmDck .btnBigIcon:disabled:hover{
        color: #cacaca;
        border-color: #cacaca;
        font-weight: normal;
        
      } 
      .popoverBx{
        position: relative;
      }
      .popoverBx #popoverContent{
       display: none;
        position: absolute;
        top: 0;
        left: 0;
      }

      #popoverContent .dropdown-menu{
          padding: 15px;
          width: 100%;
      }

      #popoverContent .dropdown-menu li{
          float: left;
          padding: 5px 0;
          font-size: 1.1em;
          width: 100%;
          border-bottom: 1px solid #fcfcfc;
      }

      #popoverContent .dropdown-menu strong{
          float: left;
          font-weight: 700;
          padding: 0 10px 0 0;;
      }

      #popoverContent .dropdown-menu span{
          float: right;
          font-weight: 100;
          padding:  0 10px 0 0;
      }
/*    ***********************************************************************************   FICHA PUERTAS    */
      body.nuoSt .fichaDoors label{
        font-weight: normal;
      }
      .fichaDoors .checkCol .centerCheck div{
        margin-top: 5px;
        font-weight: normal;
      }
      .fichaDoors .scheduDoor{
      }
      .fichaDoors .scheduDoor .schedArea {
      }
      .fichaDoors .scheduDoor .schedArea .error.main {
          right: 15px;
      }
      .fichaDoors .scheduDoor .schedArea .error {
        top: -50px;
        width: 160px;
      }
      .fichaDoors .scheduDoor .schedArea .error .error{
          top: -54px;
          width: 160px;
      }
      .fichaDoors .scheduDoor .schedArea .error.free,
      .fichaDoors .scheduDoor .schedArea .error .error.free {
          top: -20px;
      }
      .fichaDoors .scheduDoor .schedArea .posR{
        position: relative;
        height: 80px;
      }
      .fichaDoors .scheduDoor .schedArea .bloqBx{
        position: absolute;
        top: 0;
        left: 0;
        width: 20%;
      }
      .fichaDoors .scheduDoor .schedArea .weekBx{
        position: absolute;
        top: 0;
        left: 20%;
        width: 50%;
      }
      .fichaDoors .scheduDoor .schedArea .bloqBx .centerCheck{
        text-align: center;
      }
      .fichaDoors .scheduDoor .schedArea .bloqBx .centerCheck label div{
        margin-top: 11px;
      }
      
      .fichaDoors .scheduDoor .schedArea .hourBx{
        position: absolute;
        top: 0;
        left: 70%;
        width: 30%;
      }
      .fichaDoors .scheduDoor .schedArea .hourBx.error{
          border: red 4px solid;
          padding-bottom: 10px;
      }
      .fichaDoors .scheduDoor .schedArea .weekBx.error {
          border: red 4px solid;
          padding-bottom: 5px;
          margin-left: -10px;
          padding-left: 10px;
      }
      .fichaDoors .scheduDoor .schedArea .weekBx .dayBx{
        width: 12%;
        float: left;
        margin: 0.25%;
      }
      .fichaDoors .scheduDoor .schedArea  .dayBx p{
        width: 100%;
        float: left;
        margin: 2px 0 0 5px;
      }
      .fichaDoors .scheduDoor .schedArea .weekBx .dayBx div{
       
        float: left;
        margin: 6px 0 0 0;
      }
      .fichaDoors .scheduDoor .schedArea .weekBx .dayBx.festDay p{
        width: 100%;
        float: left;
        margin: 2px 0 0 0;
      }

      .fichaDoors .scheduDoor .schedArea .hourBx .dayBx{
        width: 50%;
        float: left;
        padding: 0 20px;
      }

      .fichaDoors .checkCol {
        padding: 0;
      }
      .fichaDoors .checkCol .centerCheck{
          margin: 0;
          padding: 0;
      }

      .scheduDoor .clockpicker-with-callbacks input.form-control[disabled]{
          margin: 0;
          padding: 10px 0 3px 0;
      }

      .nuoSt .input-group.clockpicker-with-callbacks .input-group-addon.clock-disabled{
          cursor: default;
      }
      .nuoSt .input-group.clockpicker-with-callbacks .input-group-addon{
          cursor: pointer;
      }
      .fichaDoors .input-group-addon{
          border-left: 1px solid #e5e6e7;
        
      }

      .fichaDoors h5 div.tooltip-content.tooltip-demo img {
          padding-left: 8px;
          width: 32px;
      }
      .fichaDoors h5 div.tooltip-content.tooltip-demo i.icon-nuo-83 {
          padding-left: 5px;
          font-size: 1.3em;
      }

/*    ***********************************************************************************   FICHA DEPARTAMENTOS */ 
      .nuoSt .fichaDepartament input.form-control,
      body.nuoSt .fichaDepartament label{
          font-size: 1.2em;
      }
/*    ***********************************************************************************   FICHA GRUPOS DE ACCESO  */
      .fichaConsole .right {
          float: right;
      }
      .fichaConsole .senalizado .dot {
          margin-top: 10px;
          width: 15px;
          height: 15px;
          background-color: #960000;
      }
      .fichaConsole .senalizado .dot.green {
          background-color: green;
      }
      .fichaConsole .onoffswitch-label.disabled .onoffswitch-inner::before {
          background-color: #dae2f1;
      }
      .fichaConsole .onoffswitch-label.disabled .onoffswitch-switch,
      .fichaConsole .onoffswitch-label.disabled {
          border-color: #dae2f1;
          cursor: not-allowed;
      }
/*    ***********************************************************************************   FICHA GRUPOS DE ACCESO  */


    .fichaGroup .asignadas .icheckbox_square-green{
      background-image: url("../img/green.png");
    }
    .fichaGroup .noAsignadas .icheckbox_square-green{
      background-image: url("../img/red.png");
    }
    .fichaGroup .specialIboxContent{
      height: 315px;
    }

      .formUser .door-filter h5,
      .fichaGroup .door-filter h5 {
            margin-right: 20px;
      }

      .formUser .door-filter input[type="text"],
      .fichaGroup .door-filter input[type="text"] {
            width: 40%;
            display: inline;
            float: left;
            margin-top: -8px;
            padding-right: 30px;
      }

      .formUser .door-filter .door-buttons,
      .fichaGroup .door-filter .door-buttons {
          float: right;
      }

      .formUser .door-filter .fa,
      .fichaGroup .door-filter .fa {
            font-size: 1.5em;
            float: left;
            cursor: pointer;
            margin-left: -25px
      }
      .formUser .door-filter .fa-times:hover,
      .fichaGroup .door-filter .fa-times:hover {
          color: #9a0000;
      }
      .gpoAccDoors{
            height: 586px;  
      }
      .maxHeightFichaGroupsDck{
        overflow-y: auto; 
        /*padding-right: 15px;*/
        height: 480px;
      }
      ::-webkit-scrollbar {
          width:9px;
      }

      ::-webkit-scrollbar-track {
          -webkit-border-radius:5px;
          border-radius:5px;
          background:rgba(0,0,0,0.1);
      }

      ::-webkit-scrollbar-thumb {
          -webkit-border-radius:5px;
          border-radius:5px;
          background:rgba(0,0,0,0.2);
      }

      ::-webkit-scrollbar-thumb:hover {
          background:rgba(0,0,0,0.4);
      }

      ::-webkit-scrollbar-thumb:window-inactive {
          background:rgba(0,0,0,0.05);
      }
      .maxHeightFichaGroupsDck .list-group-item {
        padding: 7px 15px;
        float: left;
        width: 100%;
      }
      .checkList{

      }

      .checkList i{
        font-size: 2.0em;
        color: #999;
      }
      .alignLbl div{
        float: left;
      }
      .alignLbl span{
        display: inline;
      }

      .group-doors-filter {
          float: left;
          margin-top: 15px;
          margin-bottom: 15px;
          width: 100%;
      }

      .sub-list-group {
          padding-left: 20px;
          margin-top: 10px;
          margin-bottom: 15px;
      }
      .sub-list-group-item {
          position: relative;
          display: block;
          padding: 5px 15px 0px 15px;
          margin-bottom: -1px;
          background-color: #fff;
      }

/*    ***********************************************************************************   HORARIO Y CALENDARIOS  */
    /* *** list *** */
      .listScheduler .checkDck {
        cursor: auto;
      }
      .mailbox-content.duckMailBx {
         background-color: #ffffff;
          border-color: 1px solid #e7eaec;
          padding: 25px;
      }
      .nuoSt .table-striped.listView th{
        text-align: center;
      }
      .nuoSt .table-striped.listView th.colorKindOfCAl{
        width: 45px;
        border-right-color: transparent;
      }
      .nuoSt .table-striped.listView td.colorKindOfCAl{
        width: 45px;
        border-right-color: transparent;
        padding-right: 0;
      }
      .nuoSt .table-striped.listView td.colorKindOfCAl .kindOfCal{

        float: left;
        margin: 0 0 5px;
      }
      .scheduleList .weekBx{
       
      }

      .scheduleList .weekBx .col-md-6{
        height: 25px;
        text-align: center;
        
      }
     
    /* *** grid *** */
      .bxNombreHorarioHeight{
        height: 104px;
      }
   
      .selectYearBx .oneYear{
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        height: 102px;
      }
      .selectYearBx a{
        font-size: 1.2em;
        font-weight: 100;
        color: #676a6c;
        line-height: 110px;
      }
      .selectYearBx a:hover,
      .selectYearBx a.active,
      .selectYearBx a.active.disabled,
      .selectYearBx a.active.disabled:hover {
        color: #820917;
      }

      .selectYearBx a.disabled,
      .selectYearBx a.disabled:hover {
          color: #676a6c;
          cursor: default;
      }
  
      .horarioDck .ibox{
          margin-top: 12px;
          margin-bottom: 12px;
      }
      .step2HorariosDck .clockIco{
        font-size: 3.2em;
        width: 100%;
        line-height: 14px;
        text-align: right;
        margin: 7px 0;
        padding: 0 5px 5px 0;

      }
      .step2HorariosDck .kindCAlendar{
        padding: 0 5px 0 0;
        width: 100%;  
        text-align: right;
        margin: 2px 0 5px 0;
        line-height: 20px;
        
      }
      .step2HorariosDck .dia{
        width: 13%;
        float: left;
        padding: 0 0.5%;
      }
      .step2HorariosDck .dia h4{
        text-align: center;
        font-weight: 600;        
      }
      .step2HorariosDck .inicioFin{
        width: 50%;
        float: left;
        
      }
      .step2HorariosDck .inicioFin label {
        font-weight: 700;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        
      }
      .step2HorariosDck .inicioFin .form-control{
        padding: 1px;
        margin: 1px;
        text-align: center;
        font-size: 0.9em;
        height: 26px;
      }
      .step2HorariosDck .inicioFin p{
        font-size: 0.9em;
        text-align: center;
      }
      .step2HorariosDck .titleDays{
        width: 8%;
        float: left;
      }
      .step2HorariosDck .titleDays {
        width: 8%;
        float: left;        
      }
      .step2HorariosDck .contentDays{
        width: 92%;
        float: left;
      }
      .specialCal, .normalCal{
        margin-top: 0px;
        width: 100%;
        float: left;
      }
      .titleDays.smallView .clockIco,
      .step2HorariosDck .specialCal .inicioFin label,
      .step2HorariosDck .specialCal .dia h4{
        display: none;
      }
      .ajCalendar{
        margin-left: -20px;
        margin-right: -20px;
      }
      .ajCalendar .tooltip-demo{
        float: left;
        width: 22px;
        margin-top: 0px;
      }      
      .ajCalendar .tooltip-demo .inf{
        font-size: 1.2em;
        color: #bbb;
        line-height: 30px;
        padding: 0 5px 0 0;
      }
      .kindOfCal{
        font-size: 1.1em;
        margin: 6px 0;
      }
      .kindOfCal span{
        float: left;
      }
      .kindOfCal .groupPencils{
        float: right;
      }
      .kindOfCal i{
        float: right;
      }      
      .dualClock{
        position: absolute; 
        top: 10px; 
        width: 100%;
      }
      
      
      /*main */
        /*.nuoSt .inicioFin input.form-control[disabled], .nuoSt .inicioFin input.form-control[readonly]*/
        .openmain .normalCal .inicioFin input.form-control[disabled],
        .openmain .normalCal .inicioFin input.form-control[readonly]{
          border-color: #41C8F2;         
        }
        .nuoSt .checkDck:hover{
          -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
          -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
          box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        }
        .nuoSt .dckCheckOff,
        .main .checkDck{
          border-color: #41C8F2;  
        }
        .nuoSt .dckCheckOn,
        .main .checkDck.active{
          background-color: #41C8F2;  
        }
        .category-list .fa.main,
        .main{
          color: #41C8F2;
          cursor: pointer;
        }
        .kindOfCal.main.disabled {
          cursor: default;
        }

      /*especial  */
        .openspecial .specialCal .inicioFin input.form-control[disabled],
        .openspecial .specialCal .inicioFin input.form-control[readonly]{
          border-color: #FF76B7;
        }
        .openspecial .ibox-content {
          border: 1px solid #FF76B7;
        }
        .openspecial .ibox-title {
          color: white;
          background-color: #FF76B7;
          border: 1px solid #FF76B7;
        }
        .category-list .fa.special,
        .special{
          color: #FF76B7;
          cursor: pointer;
        }
        .kindOfCal.special.disabled {
          cursor: default;
        }
        .special .checkDck{
          border-color: #FF76B7;  
        }
        .special .checkDck:hover,
        .special .checkDck.active{
          background-color: #FF76B7;  
        }

        .fest .popover, #popover784391{
          border-color: #7BC610;  
        }
         .noAcc .popover, #popover784391{
          border-color: #999;  
        }
        .special .popover, #popover784391{
          border-color: #FF76B7;  
        }

      /* fest*/
        .openfest .ibox-content {
          border: 1px solid #7BC610;
        }
        .openfest .ibox-title{
          color: white;
          background-color: #7BC610;
          border: 1px solid #7BC610;
        }

        .category-list .fa.fest,
        .fest{
          color: #7BC610;
          cursor: pointer;
        }
        .kindOfCal.fest.disabled {
          cursor: default;
        }
        .fest .checkDck{
          border-color: #7BC610;  
        }
        .fest .checkDck:hover,
        .fest .checkDck.active{
          background-color: #7BC610;  
        }
      /*no acc */
        
        .opennoacc .ibox-content {
          border: 1px solid #999;
        }
        .opennoacc .ibox-title{
          color: white;
          background-color: #999;
          border: 1px solid #999;
        }

        .kindOfCal.noAcc .noStyleBtn.noAcc1,
        .noAcc{
          color: #999;
          cursor: pointer;
        }
        .kindOfCal.noAcc .noStyleBtn.noAcc2{
          color: #999;
          cursor: pointer;
        }
        .kindOfCal.noAcc .noStyleBtn.noAcc3{
          color: #999;
          cursor: pointer;
        }
        .kindOfCal.noAcc.disabled {
          cursor: default;
        }
        .noAcc .checkDck{
          border-color: #999;  
        }
        .noAcc .checkDck:hover,
        .noAcc .checkDck.active{
          background-color: #999;  
        }
        .noAcc .noStyleBtn .fa{
          padding: 3px;
        }

        .opennoacc2 .ibox-content {
          border: 1px solid #999;
        }
        .opennoacc2 .ibox-title{
          color: white;
          background-color: #999;
          border: 1px solid #999;
        }      
        .opennoacc3 .ibox-content {
          border: 1px solid #999;
        }
        .opennoacc3 .ibox-title{
          color: white;
          background-color: #999;
          border: 1px solid #999;
        }

        .category-list .noStyleBtn ,
        .noAcc{
          color: #999;
          cursor: pointer;
        }
        .noAcc .checkDck{
          border-color: #999;  
        }
        .noAcc .checkDck:hover,
        .noAcc .checkDck.active{
          background-color: #999;  
        }
        .noAcc .noStyleBtn{
          float: none;
        }
        .noAcc .noStyleBtn .fa{
          padding: 3px;
        }
      /*botonera en title */
        .openspecial .iconsInToolBar a,
        .opennoacc .iconsInToolBar a,
        .opennoacc2 .iconsInToolBar a,
        .opennoacc3 .iconsInToolBar a,
        .openfest  .iconsInToolBar a{
          color: white;
        }
        .openspecial .iconsInToolBar a:hover,
        .opennoacc .iconsInToolBar a:hover,
        .opennoacc2 .iconsInToolBar a:hover,
        .opennoacc3 .iconsInToolBar a:hover,
        .openfest  .iconsInToolBar a:hover {
          color: #676a6c;
        }
  /* Ajustes de calendario icono */
          .ajCalendar .kindOfCal i.fa{
            color: #676a6c; margin-left: 10px;
            font-size: 1.1em;
          }
          .ajCalendar .kindOfCal i.fa.main{
            color: #41C8F2;
          }
          .ajCalendar .kindOfCal i.fa.special{
            color: #FF76B7;
          }
          .ajCalendar .kindOfCal i.fa.fest{
            color: #7BC610;
          }
          .ajCalendar .kindOfCal i.fa.noAcc{
            color: #999;
          }
          .ajCalendar .kindOfCal i.fa.noAcc1{
            color: #999;
          }
          .ajCalendar .kindOfCal i.fa.noAcc2{
            color: #999; 
          }
          .ajCalendar .kindOfCal i.fa.noAcc3{
            color: #999; 
          }
      /*minicals*/
       
        .mes{
          padding: 3px;
          margin-bottom: 15px;
          min-height: 240px;
        }
        .mes h4{
          font-size: 1.2em;
          color: #999;
          font-weight: 100;
          text-align: center;
          margin-bottom: 15px;
          
        }
        .calendarDck{
          width: 100%;
          padding: 5px;
        }
        .openspecial .calendarDck  .start.main {
          border: 2px solid #e14f95;
          color: #666;
          background-color: #FFF;
        }
        /* cuando se haga rango en no acceso activar esta clase
          .calendarDck .selectedDay.noAcc {
            border: 1px solid #7a7979;
          }
        */
        .calendarDck .selectedDay{
          color: #FFF;
          font-weight: bold;
          border: 1px solid #FFF;
          cursor: default;
        }
        .editingMonth .mes,
        .editingMonth .calendarDck .selectedDay{
          cursor: pointer;
        }
        .calendarDck .selectedDay.main{
          background: #41C8F2;
        }
        .calendarDck .selectedDay.special{
          background: #FF76B7;
        }
        .calendarDck .selectedDay.noAcc{
          background: #999;
        }
        .calendarDck .selectedDay.fest{
          background: #7BC610;
        }      

        .calendarDck .selectedDay.main.fest{
          background: -moz-linear-gradient(-45deg,  #41c8f2 1%, #41c8f2 51%, #7bc610 51%, #7bc610 100%);
          background: -webkit-linear-gradient(-45deg,  #41c8f2 1%,#41c8f2 51%,#7bc610 51%,#7bc610 100%);
          background: linear-gradient(135deg,  #41c8f2 1%,#41c8f2 51%,#7bc610 51%,#7bc610 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41c8f2', endColorstr='#7bc610',GradientType=1 );

        }
        .calendarDck .selectedDay.special.fest{
            background: -moz-linear-gradient(-45deg,  #ff76b7 1%, #ff76b7 51%, #7bc610 51%, #7bc610 100%);
            background: -webkit-linear-gradient(-45deg,  #ff76b7 1%,#ff76b7 51%,#7bc610 51%,#7bc610 100%);
            background: linear-gradient(135deg,  #ff76b7 1%,#ff76b7 51%,#7bc610 51%,#7bc610 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff76b7', endColorstr='#7bc610',GradientType=1 );

        }
        .calendarDck .selectedDay.special.noAcc{
            background-color: #999;            
        }
        .calendarDck .selectedDay.noAcc.fest{
            background: #7bc610;    
        }
       .mes h4{
          font-size: 1em;
          color: #999;
          font-weight: 100;
          text-transform: uppercase;
          
        }
        .calendarDck .nextMonth,
        .calendarDck .prevMonth{
          color: #f3f3f3;
        }
        .calendarDck th{
          color: #999;
          font-weight: 600;
          text-align: center;
          padding: 3px 0;
        }
        .calendarDck th span{
          margin-bottom: 5px;
        }
        .calendarDck td{
          font-size: 0.9em;
          margin-bottom: 3px;
          padding: 5px;
          text-align: center;          
        }
        .posR{
          position: relative;
          
        }
        .popCalendar {
          background-color: white; 
          width: 100%; 
          position: absolute; 
          top: 0px;
          border: 2px solid #999;
          z-index: 9999;
        }
        .popCalendar .prevMonth:hover{
          background-color: transparent;
        }
        .popCalendar .mes{
          height: 190px;
        }
        .popCalendar .mes h4{
          font-size: 1.1em;
          margin: 10px 12px 20px 12px;
        }
        .popCalendar .calendarDck td{
          margin: 1px;

          font-weight: bold;
          font-size: 1.1em;
        }

      /* colores month*/

      /* miniclock*/

        #modalClock .modal-dialog{
          -webkit-box-shadow: 0px 0px 900px 900px rgba(0,0,0,0.35);
          -moz-box-shadow: 0px 0px 900px 900px rgba(0,0,0,0.35);
          box-shadow: 0px 0px 900px 900px rgba(0,0,0,0.35);
        }
        .clockModalBx{

        }
        .clockModalBx h4{
          font-weight: 100;
          font-size: 1.3em;
          margin: 5px 0 15px 0;
        }
        .clockModal{
          border: none;
          background: transparent;
          font-size: 1.5em;
          font-weight: 400;
          margin: 0 auto;
          text-align: center;
          width: 90px;
        }
        .weekBtns{
          width: 100%;
          display: block;
          margin-top: 25px;
        }
        .weekBtns .linkDayWeek{
          width: 14.28%;
          font-size: 1.2em;
          border-bottom: 2px solid transparent;
          color: #676a6c;
          text-align: center;
          padding: 5px;
          float: left;
        }
        .weekBtns .linkDayWeek:hover{
          background: #fff;
          border-color: #f5f8f9;
          color: #333;
        }
        .weekBtns .linkDayWeek.active{
          background: #fff;
          border-color: #9a0000;
          color: #333;
        }
      /** ** ** ** TOUR ** ** ** **/
        .stepsAsistDck h2{
          margin: 0 0 25px 0;
        }
        .stepsAsistDck .close-link{
          color: #c4c4c4;
          cursor: pointer;
          margin-left: 5px;
        }
      /* Tour */
        .tour-tour .btn.btn-default {
          background-color: #ffffff;
          border: 1px solid #d2d2d2;
          color: inherit;
        }
        .tour-step-backdrop {
         
        }
        .tour-step-background{
          background-color: #f3f3f4;

        }
        /*.tour-backdrop {
          z-index: 2100;
          opacity: .7;
        }*/
        .popover[class*=tour-] {
          z-index: 2100;
        }
        body.tour-open .animated {
          animation-fill-mode: initial;
        }
        .nuoSt .tour-backdrop{
        opacity: 0.3;
        filter: alpha(opacity=3);
        }
        .tour-step-backdrop{

        }

        .tour-tour-0-element .ibox,
        .tour-tour-1-element .ibox,
        .tour-tour-2-element .ibox{
        z-index: 2101;
        }
        .tour-tour-0-element .ibox {
        border: 2px solid #9a0000;
        }
        .tour-tour-1-element .ibox {
         border: 2px solid #9a0000;
        }
        .tour-tour-2-element .ibox {
         border: 2px solid #9a0000;
        }
        .tour-tour-3-element .ibox {
         border: 2px solid #9a0000;
        }

        .popDck.popover{
          border-color: #9a0000;
        }
        .popDck .popover-title {
            padding: 8px 14px;
            margin: 0;
            font-size: 1.4em;
            font-weight: 100;
            background-color: #f7f7f7;
            border-bottom: 1px solid #ebebeb;
            border-radius: 5px 5px 0 0;
        }
/*    ***********************************************************************************   SETTINGS > SISTEM > PUESTA EN HORA */
    .clockpicker-tick,
    .timeSettings.editingMode .clockpicker-tick,
    .timeSettings.editingMode .calendarDck td a {
      cursor: pointer;
    }
    .timeSettings .clockpicker-tick {
      cursor: default;
    }
    .timeSettings .typeTimeSelect {
        padding-top: 10px;
    }
    .wizardDashboard .typeTimeSelect {
        padding: 0px;
    }
    .wizardDashboard .typeTimeSelect button,
    .wizardDashboard .typeTimeSelect button:focus,
    .wizardDashboard .typeTimeSelect button:active,
    .timeSettings .typeTimeSelect button,
    .timeSettings .typeTimeSelect button:focus,
    .timeSettings .typeTimeSelect button:active {
        margin-right: 0px;
        border-radius: 60px;
        background: white;
        border: 1px solid #9a0000;
        color: #9a0000;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 120px;
        font-weight: 400;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .wizardDashboard .typeTimeSelect button,
    .wizardDashboard .typeTimeSelect button:focus,
    .wizardDashboard .typeTimeSelect button:active {
        margin-top: 10px;
    }
    .timeSettings .typeTimeSelect button.manualBtn {
        margin-right: 50px;
    }
    .wizardDashboard .typeTimeSelect button.manualBtn {
        margin-right: 10px;
    }
    .wizardDashboard .typeTimeSelect button:hover,
    .wizardDashboard .typeTimeSelect button.active:hover,
    .wizardDashboard .typeTimeSelect button.active:active,
    .wizardDashboard .typeTimeSelect button.active:focus,
    .wizardDashboard .typeTimeSelect button.active,
    .timeSettings .typeTimeSelect button:hover,
    .timeSettings .typeTimeSelect button.active:hover,
    .timeSettings .typeTimeSelect button.active:active,
    .timeSettings .typeTimeSelect button.active:focus,
    .timeSettings .typeTimeSelect button.active {
        background: #9a0000;
        border: 1px solid #9a0000;
        color: white;
    }
    .wizardDashboard .typeTimeSelect button[disabled],
    .timeSettings .typeTimeSelect button[disabled] {
        opacity: 0.5;
    }
    .centerClockPicker{
      margin: 28px auto 10px auto;
      float: none;
      width: 203px;
    }
    .timeSettings .centerClockPicker {
      margin-top: 16px;
    }
    .timeSettings.ts .widgetMargin{
      min-height: 600px;
    }
    .ibox .centerClockPicker{
      margin-bottom: 20px;
     }
    .timeSettings .widgetMargin  .simulateSelect  {
      border-radius: 0;
      text-align: left;
      width: 80%;
      margin: 5px 10%;
    }
    .timeSettings .clockpicker-plate,
    .timeSettings .calendarDck{
      border: 1px solid #9e2727;
    }
    .timeSettings .calendarDck{
      margin: 38px 0;
      float: left;
    }
    .ts.timeSettings .calendarDck{
      margin: 93px 0 93px 0;
    }
    .timeSettings .calendarDck th {
      font-size: 1.3em;
      margin-bottom: 3px;
      border-bottom: 1px solid #ccc;
      width: 14.2857%;
    }
    .timeSettings .calendarDck td{
     padding:  3px 1px;
    }
    .timeSettings .calendarDck td a{
      color: #999;
      display: block;
      padding: 5px;
      width: 100%;
      cursor: default;
    }

    .editingMode.timeSettings .calendarDck td.selected a:hover,
    .editingMode.timeSettings .calendarDck td a:hover {
      background-color: #570303; /*#ee0000;*/
      color: #FFF;
      font-weight: 700;
      cursor: pointer;
    }
    .timeSettings .calendarDck td.selected a,
    .editingMode.timeSettings .calendarDck td.selected a {
        background-color: #9a0000;
        color: #FFF;
        font-weight: 700;
        cursor: pointer;
    }
    .editingMode.timeSettings .calendarDck td a.emptyDay:hover {
        cursor: default;
        background-color: white;
    }
    .timeSettings .calendarDck td.selected a,
    .timeSettings .calendarDck td a:hover {
      cursor: default;
    }

    .timeSettings .calendarDck td.selected{
    }
     .timeSettings .calendarDck th span{
      margin-bottom: 5px;
      float: left;
      width: 100%;
     }
    .timeSettings .mes {
      margin: 15px 15% 0 15%  ;
      min-height: auto;
      width: 70%;
    }
    .timeSettings .ibox .mes{
      height: 248px;
      float: left;
     }
    .timeSettings .mes td:hover{
      color: #333;
    }
    .timeSettings .digitalHour{
      font-size: 1.6em;
      text-align: center;
      color: #999;
      margin: 30px auto 0;
      display: block;
    }
    .timeSettings .digitalHour h4{
      margin-top: 0px;
    }
    .timeSettings .digitalHour span{
      float: right;
      line-height: 38px;
    }
    .timeSettings .digitalHour .horaPc {
        font-size: 0.8em;
        margin-top: 10px;
    }
    .bxBtnMasMenos{     
      float: left;
    }

    .bxBtnMasMenos .btn{
      border: none;
      float: left;
      height: 20px;
      line-height: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      background-color: transparent; 
    }
/*    ***********************************************************************************   SETTINGS > SISTEM > PASSWORD */
    .changepass {
        margin-top: 50px;
    }

    .changepass .fixedWidth {
        width: 660px;
        margin: auto;
    }

    .changepass .form-horizontal {
        margin: 20px;
    }

    .changepass .space-25.bordert {
        margin: 25px 0;
    }
    .changepass .changePwTxtIcon .red{
      width: 12%;
      margin: 6px 0 0 3%;
      float: left;
    }
    .changepass .changePwTxtIcon .form-control{
      width: 85%;
      float: left;
    }
/*    ***********************************************************************************   SETTINGS > SISTEM > SECURITY COPY */
      .loadingImportCopy {

      }
      .loadingImportCopy {
        margin-top: 30px;
      }

      .loadingImportCopy h2 {
          margin-bottom: 0px;
      }

      .loadingImportCopy .copy-progress {
          padding-top: 30px;
      }

      .loadingImportCopy .percentage {
          height: 55px;
          padding-top: 14px;
          padding-left: 0px;
          font-size: 2.4em;
          font-weight: 300;
          color: #bbb;
      }
/*    ***********************************************************************************   SETTINGS > SISTEM > NETWORK */
      .network .yesNoSwitch .onoffswitch-label{
        cursor: not-allowed;
      }
      .editingMode.network .yesNoSwitch .onoffswitch-label{
        cursor: pointer;
      }
      .network .yesNoSwitch .onoffswitch-inner::before{
        content: "ON";
        font-weight: 1.1em;
      }
      .network .yesNoSwitch .onoffswitch-inner::after{
         content: "OFF";
        font-weight: 1.1em;
      }
/*    ***********************************************************************************   SETTINGS > SISTEM > UPDATE FW */

        .updateFw .nuoBox {
            padding: 30px 20px 30px 20px;
        }
        .updateFw. .btnOut {
            padding-rigth: 30px;
            text-align: right;
        }
        .updateFw .btnDash {
            font-weight: 100;
            width: 125px;
            padding: 10px 15px;
            margin: 15px 10px 0 10px;
            float: right;
        }
        .updateFw h4 {
            font-weight: 400;
            text-align: center;
            margin:10px 0 20px 0;
            font-size: 1.4em;
        }
        .updateFw h5 {
            text-align: center;
            font-size: 16px;
            font-weight: 100;
        }
        .updateFw h4.capital {
            text-transform: uppercase;
            text-align: left;
        }
        .updateFw .row.updating {
            margin-top: -20px;
            margin-left: 0px;
            margin-right: 0px;
            background-color: #f8efef;
            text-align: center;
            height: 75px;
            padding-top: 15px;
        }
        .updateFw .row.updating.higher {
            height: 100px;
        }
        .updateFw .list-group {
            width: 250px;
            float: none;
            margin: 6px auto;
            border: 1px solid #ddd;
            padding: 0 20px;
        }
        .updateFw #terminalesListTable.table-striped tr.disabled {
            background-color: #ddd !important;
        }
        .updateFw #terminalesListTable.table-striped tr.disabled .icheckbox_square-green.disabled {
            background-color: #999;
        }
        .updateFw .progress {
            margin-bottom: 0px;
        }

/*    ***********************************************************************************   INFORMES */
      
      .reports  .ibox-title h5 span{
        margin-left: 5px;
        font-size: 1.1em;
        font-weight: 100;
      }
      .reports .formHour,
      .reports .formDate{
        width: 47%;
        margin-right: 1%;
        float: left;

      }


      .reports .readView .form-group .form-control,
      .reports .readView .form-group .input-group-addon{
        border-right: none;
        border-top: none;
        border-left: none;
        padding-left: 0;
      }
      .reports .readView .form-group select.form-control,
      .reports .readView select.form-control{
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        background: #fff;
      }
     .reports .readView .form-group select::-ms-expand,
     .reports .readView select::-ms-expand {
        display: none;
      }
      .reports .readView .input-group .input-group-addon .fa,
      .reports .readView .input-group .input-group-addon .glyphicon{
        opacity: 0.4;
        filter: alpha(opacity=40);
      }
      .reports .readView .bordert{
        border: none;
      }
      .listReportUser{
        padding-bottom: 10px;
      }
      .listReportUser .table-striped > tbody > tr{
        background-color: #fff;
      }
      .listReportUser .table-striped > tbody > tr:nth-of-type(2n+1) {
          background-color: #f9f9f9;
      }

      .listReportUser .paginationDuck {
          margin: -38px 0px 0px 0px;
      }
      
      .reports .itemListUser{
        border-bottom: 1px solid #ccc;
        margin: 10px 0 3px 0;
        float: left;
        width: 100%;
        padding: 5px 0;

      }
      .reports .readViewListUser .form-control{
        border: none;
      }
      .reports .itemListUser .listUsRep{
        width: 98%;
        margin: 0 1%;
        
      }
      .reports .dniForm .control-label{
       padding: 5px 0 0 0;
      }
      .reports  .readViewListUser {
          
      }
      .reports  .readViewListUser .iradio_square-green{
          display: none;
          
      }
      .listUsRep .i-checks{
        margin-top: 5px;
      }
      .reports .mr17{
        margin-top: 7px;
      }
      .reports .widget.nuoBox{
        margin-top: 80px;
        min-height: 130px;
        padding: 37px 0px;
      }
      .reports .progress{
        margin: 15px;
        border:  1px solid #ddd;
      }
      .hide-clock>div {
        display: none;
      }
/*    ***********************************************************************************   RECOVERY PASS */

      .recoveryPass{
        
      }

      .recoveryPass .title{
        font-size: 1.4em;
        font-weight: 100;
        line-height: 1.9em;
        margin-bottom: 20px;
        text-align: center;
        
      }
      .recoveryPass .mailto{
        color: #676a6c;
        display: block;
        font-size: 1.2em;
        text-align: center;
        text-decoration: underline;
        margin: 20px 0 30px 0;

      }
      .recoveryPass .mailto:hover{
        text-decoration: none;
        color: #333;
      }
      .recoveryPass .tel{
        text-align: center;
        margin: 20px 0 30px 0;
         display: block;
         font-size: 1.2em;
      }
      .recoveryPass .expireKey{
        width: 100%;
        float: left;
        text-align: left;
        color: #333;
        font-size: 1.1em;
      }
      .recoveryPass .expireKey small{
        line-height: 36px;
        font-size: 1.1em;
      }
      .recoveryPass .hourBx{
     
        text-align: center;
        line-height: 15px;
      }
/*    ***********************************************************************************   ABOUT US    */
      .aboutUs .fixedWidth {
        width: 70%;
        margin: 80px 15% 20px 15%;
      }
      .aboutUs .bxCenter{
        width: 250px;
        display: block;
        margin: 10px auto;
      }
      .aboutUs a{
       
        font-weight: 700;
        margin: 15px 0 20px 0;
        color: #76AC1C;
      }
      .aboutUs a:hover{
       text-decoration: underline;
       color: #58595a ;
      }
      .aboutUs p{
        font-size: 1.46em;
        font-weight: 100;
        margin: 25px 0 20px 0;
      }
      .aboutUs .txt2{
        font-weight: 100;
        margin: 10px 0 15px 0;
      }
      .aboutUs .txt2 span{
        display: block;
        width: 100%;
      }
      .aboutUs p strong{
        color: #9E2727;
      }
      .aboutUs p.version{
        margin: 10px 0 10px 0;
      }  

      .aboutUs img.pic{
       border: 1px solid #9e2727;
        margin: 100px 0 15px 0;
      }

/*    ***********************************************************************************   HELP    */
      .help .widgetMargin {
          padding: 0;
      }
      .help .widgetMargin h2{
          margin-bottom: 0px;
      }
      .help .table td {
          padding: 15px 20px;
      }

/*    ***********************************************************************************   IMAGE CROP    */
      .modalCrop .modal-dialog{
        z-index: 9999 !important;
      }
      .modalCrop h3{
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px; 
      }
      .modalCrop p{
        
      }
      .modalCrop .info{
        
      }
      .modalCrop .form-group input.form-control[type="file"]{
        border: none;
        padding: 0;
        margin-top: 10px;
      }
      .modalCrop .imgCropper-container{
        width: 80%;
        margin: 10%;
        border: 1px solid #e00;
      }
      .modalCrop .cont{
        width: 253px;
        height: 253px;
        margin: 10px 0 0 0;
        border: 1px solid #9a0000;
      }
      .modalCrop .imgFinnished{
        width: 160px;
        height: 160px;
        border: 1px solid #9a0000;
        float: right;
        margin-top: 10px;
        background: url('../img/users/avatar.png') 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
      }
      .modalCrop .txtResultadoCrop{
        text-align: right;
        margin-top: 63px;
      }
      .modalCrop{
        
      }
/*    ***********************************************************************************   x  LOGIN NEW  */
    .login{
        width: 100%;
        min-width: 100%;
        min-height: 800px !important;
        height: 100%;
        position: fixed; 
        top: 0; 
        left: 0; 
        right: 0;
        bottom: 0;
        background: url('../img/loginBg.jpg') 0 0 no-repeat;
        webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      .login-box-body{
        width: 400px;
        position: absolute;
        padding: 20px;
        background-color: rgba(255,255,255, 0.55);
        top: 30px;
        right: 30px;
        border: 1px solid #ddd;
      }
      .conecting{
        width: 100%;
        margin-top: 20px;
      }
      .conecting p{
        color: #676a6c;
        font-weight: 600;
      }
      .conecting .ml{
       margin-left: 30px;
      }

/*    ***********************************************************************************   x    */
/*    ***********************************************************************************   x    */
/*    ***********************************************************************************   x    */


/*    ***********************************************************************************    */
/*    ************************************** MEDIA QUERIES  EXPLORER ******************************    */
  
  /*     CSS para IE9, IE10, IE11  */

      @media screen and (min-width:0\0) { 
        .flex-items-default{
          flex-basis: 40px;
        }
        .nameDoor span{
          display: block;
          max-width: 100%; /* 1 */
        }
      }    

/*    ***********************************************************************************    */
/*    ************************************** MEDIA QUERIES ******************************    */
/*    ***********************************************************************************    */
/*1700*/  
      @media only screen and (max-width : 1700px) {
        .maxHeightFichaGroupsDck .list-group-item span {
            width: 70%;
            float: left;
            word-break: break-all;
        }
        .fichaDoors .scheduDoor .schedArea .bloqBx{
          width: 10%;
        }
        .fichaDoors .scheduDoor .schedArea .weekBx{
          left: 10%;
        }
        .fichaDoors .scheduDoor .schedArea .hourBx{
          left: 60%;
          width: 40%;
        }
        .fichaGroup .sub-list-group {
          float: inherit;
        }
          .formUser .door-filter input[type="text"] {
              width: 30%;
          }
      }
/*1550*/
      @media only screen and (max-width : 1550px) {
        .doorbxwarning img {
            width: 90%;
        }

              .bxCredencialesHeight .col-lg-4,
              .bxCredencialesHeight .col-lg-8{
                width: 100%;
              }
              .bxCredencialesHeight .i86{ font-size: 0.9em; }
              .bxCredencialesHeight .i103{font-size: 0.9em;}
              .formUser .credenciales .calidadHuellaTxt{ margin-top: 3px; padding: 0;  }
               .maxHeightFichaGroupsDck .list-group-item span {
                  width: 80%;
                  float: left;
                  word-break: break-all;
              }

        .fichaDoors .scheduDoor .schedArea .bloqBx{
          width: 10%;
          font-size: 0.8em;
          margin-top: 5px;
        }
        .fichaDoors .scheduDoor .schedArea .weekBx .dayBx{
          margin: 0;
        }
        .fichaDoors .scheduDoor .schedArea  .hourBx .input-group-addon{
          padding: 6px;
        }

      }

/*1400*/
      @media only screen and (max-width : 1400px) {
          .aboutUs .fixedWidth {
            width: 90%;
            margin: 20px 5%;
          }
          .statistic-box canvas{
            height: 100% !important;
            width: 100%  !important;
          }
          .fixedH{
            height: 124px;
            padding: 0;
          }
          .borderGreyUserFicha{
            margin-bottom: 14px;
          }
          /*calendario*/
          .step2HorariosDck .titleDays{

          }
          .calendarDck .selectedDay{
            padding: 3px;
            font-weight: 300;
          }
          /*gpo usuario ficha */
          .nuoSt .list-group-item{
            padding: 7px 10px;
          }
          .bxCredencialesHeight .col-lg-4,
          .bxCredencialesHeight .col-lg-8{
            width: 100%;
          }
          .puertaBx img{
            max-width: 80px;
            margin-top: 40px;
          }
          .formUser .fiveBoxUser label{
            font-weight: 100;
          }
          .formUser .fiveBoxUser{
            
          }
          .reports .itemListUser .listUsRep {
            margin: 0;
            width: 100%;
          }
          .reports .formHour input,
          .reports .formDate input{
            font-size: 12px;
          }
          .reports .formHour{
            width: 40%;
            
          } 
          .reports .formDate{
            width: 56%;
            padding-left: 3px;
            padding-right: 0px;
            
          }
          .calendarBxOverFlow .dropdown-toggle,
          .calendarBxOverFlow .close-link{
              display: none;
          }
          .terminalList .centTxt span{
            font-size: 1.0em;
          }
          .sidebar-open .fichaDoor .lblDoor i {
            display: none;
            
          }
          /* submenu */
            .nuoSt  .boxBtn{              
              width: 270px;        
              height: 220px;
            }
          /* v2 listpuertas*/
            .slimbx,
            .normalBx{ margin: 20px 10px; }
              .ibox-content .bigNum {
                  font-size: 2.2em;
              }
              .dotBx{
                top: 5%;
              }
              .dot{
                width: 6px;
                height: 6px;                
                background: #58595a;
                margin: 0 3px;
              }
              /*huella*/
              .huellaTxt p {
                padding: 6px 0 5px 0;
                font-size: 1.1em;
                font-weight: 400;
            }

          .formUser .door-filter input[type="text"] {
              width: 20%;
          }
          .fichaGroup .door-filter input[type="text"] {
              width: 30%;
          }

      }
/*1300*/
      @media only screen and (max-width : 1300px) {
            .statistic-box canvas{
              height: 100% !important;
              width: 100%  !important;
            }
            .fixedH{
              height: 107px;
              padding: 0;
            }
            .borderGreyUserFicha{
              margin-bottom: 25px;
            }
            .puertaBx h4{
              font-size: 1.0em;
            }
            .puertaBx img{
              max-width: 85px;
              margin-top: 15px;
            }  
            .puertaBx .descript{
              font-size: 0.9em;
            }
            .formUser .ibox-title h5{
              font-size: 12px;
            }
            .timeSettings .simulateSelect .dropdown-toggle{
              font-size: 0.9em;
            }
            .reports .itemListUser .listUsRep  {            
              margin-left: -15px;
            }
            .kindOfCal span{
              font-size: 0.9em;
            }
            .checkDck {
              height: 15px;
              width: 15px;
            }
            .fichaDoor .lblDoor{
              font-size: 0.9em;
            }            
            .areaPuertasBx .puertaBx, .areaPuertasBx .ibox-content {
                height: 186px;
            }

             
            /* v2 listpuertas*/

              .ibox-content .bigNum {
                  font-size: 2em;                 
              }
              .imgbx img {           
            
                max-width: 77px;
              }
              /*v2 dashboard */              
                .ibox-content .bigNum {
                    width: 15%;
                    font-size: 2.0em;
                }
                .doorbxmode {
                    width: 19%;
                }
                .doorbxwarning {
                    width: 15%;
                }
                .doorInterlock {
                    width: 66%;
                }
                .nameDoor {
                    width: 55%;
                }
                .dashboard_1 .nameDoor {
                    width: 50%;
                }

                /* submenu sistema */

                .nuoSt .boxBtn {
                    width: 240px;
                    height: 210px;
                }

                .nuoSt .subSystem .boxBtn h4 {
                    font-size: 1.4em;
                }

                .nuoSt .boxBtn i {
                    margin: 15px 0;
                }

                .titleNumber .num {
                    font-size: 1.6em;
                }

                .titleNumber h3 {
                    font-size: 1.1em;
                }

                .greyZone span,
                .greyZone strong {
                    font-size: 0.9em;
                }
                .opciones .i-checks label{
                  font-size: 1.0em;
                }

              .formUser .door-filter h5,
              .fichaGroup .door-filter h5 {
                  margin-right: 15px;
              }

              .loadingImportCopy .percentage {
                  font-size: 1.5em;
                  padding-top: 25px;
              }

              .nuoSt .submenu.reportsSubmenu .boxBtn {
                  width: 300px;
              }

      }

/*1200-1600*/
      @media only screen and (min-width: 1200px) and (max-width: 1600px) {
          .fichaDoors .btnBxFormDoor,
          .fichaDoors .alarmTamper.btnBxFormDoor {
              padding-top: 0px;
          }
          .fichaDoors .btnBxFormDoor .col-sm-3 {
              width: 33%;
          }
          .fichaDoors .btnBxFormDoor .col-sm-3.border {
              margin-top: 7px;
              padding-top: 0px;
              border-top: solid 1px #e7eaec;
              border-left: 0px;
              width: 100%;
          }
      }

/*1200-1370*/
      @media only screen and (min-width: 1200px) and (max-width: 1370px) {
          .colLessPAd .col-xs-3.minW{
            padding: 0;
          }
          .colLessPAd .col-xs-3.minW img{
            max-width: 12px;
          }
          .colLessPAd .col-sm-8, .colLessPAd .col-md-8, .colLessPAd .col-lg-8,
           .colLessPAd .col-sm-4, .colLessPAd .col-md-4, .colLessPAd .col-lg-4{
            padding: 0 5px;
           }

          .widget.nuo-bg .infoDash span {
              font-size: 1.4em;
          }
          .timeSettings .typeTimeSelect button {
              width: 115px;
          }
          .timeSettings .typeTimeSelect button.manualBtn {
              margin-right: 15px;
          }
      }
/*1200*/      
      @media only screen and (max-width : 1200px) {

          .fichaDoors .btnBxFormDoor .col-sm-3,
          .fichaDoors .btnBxFormDoor .col-sm-3.border {
              width: 25%;
          }
          .fichaDoors .btnBxFormDoor .col-sm-3.border {
              margin-top: 0px;
              padding-top: 0px;
              border-left: solid 1px #e7eaec;
              border-top: 0px;
          }

          .aboutUs .fixedWidth {
              width: 100%;
              margin: 20px 0;
          }

          .statistic-box canvas {
              height: 80% !important;
              width: 80% !important;
              margin-top: 15px;
          }

          .m-t-onlyMEdiaQ {
              margin-top: 5px;
          }

          .sideRightWrapper.sidebar-open .containersidebarCol {
              width: 75%;
          }

          .sideRightWrapper.sidebar-open .sidebarCol {
              width: 25%;
          }

          .btnDashDck {
              height: 140px;
          }

          .nuoSt .bordert {
              border: none;
              margin-top: 0;
              padding-top: 0;
          }

          .ajCalendar [class^="col-"] {
              border-right: 1px solid #ccc;
          }

          .ajCalendar [class^="col-"]:last-child {
              border-right: none;
          }

          .emergencyBtn {
              font-size: 1em;
              padding-left: 0;
              padding-right: 0;
          }

          .puertaBx h4 {
              font-size: 0.95em;
          }

          .puertaBx .num {
              padding: 6px 3px;
              margin-right: 3px;
          }

          .puertaBx img {
              max-width: 70px;
              margin-top: 15px;
          }

          .puertaBx .descript {
              font-size: 0.8em;
          }

          .fichaDoors .btnBxFormDoor,
          .fichaDoors .alarmTamper.btnBxFormDoor {
              height: 85px;
              padding-top: 15px;
          }

          .ibox-title h5 {
              font-size: 14px;
          }

          .timeSettings .calendarDck {
              float: left;
              margin: 10px 0;
          }

          .calendarDck .selectedDay {
              padding: 3px;
              font-size: 0.9em;
              font-weight: 300;
          }

          .selectYearBx a {
              line-height: 22px;
          }

          .selectYearBx .oneYear {
              height: auto;
          }

          .bxNombreHorarioHeight {
              height: 61px;
          }

          .ajCalendar .checkDck {
              height: 15px;
              margin: 0px 5px 0 0;
              width: 15px;
          }

          .kindOfCal span {
              font-size: 0.9em
          }

          .ajCalendar .tooltip-demo {
              margin-top: 6px;
          }

          .vcenteredBox.enrollerCenterBx,
          .vcenteredBox {
              margin-top: 55px;
              overflow: hidden;
          }

          .nuoSt .table-striped.listView th {
              font-size: 0.9em;
          }

          .listView td .scheduleList .row,
          .listView td .scheduleList .col-md-6 {
              padding: 0 2px;
              margin: 0;
          }

          .kindOfCal .groupPencils {
              float: right;
              width: 30px;
          }

          .kindOfCal .groupPencils a {
              width: 100%;
          }

          .terminalList .profile_idBx img {
              margin: 0 10% 20px 10%;
          }

          .areaPuertasBx .puertaBx,
          .areaPuertasBx .ibox-content {
              height: 180px;
          }

          .dualClock {
              position: absolute;
              top: 120px;
              width: 100%;
          }

          .nuoSt .updateFw .list-group-item {
              width: 100%;
          }

          .nuoSt .list-group-item {
              width: 100%;
              float: left;
              border-radius: 0;
              -moz-border-radius: 0;
              -webkit-border-radius: 0;
          }
        /* v2 listpuertas*/
          .slimbx,
          .normalBx {
              margin: 20px 8px;
          }
          .ibox-content .bigNum {
              width: 16%;
          }
          .nameDoor {
              font-size: 1em;
          }
          .listDoor .nameDoor {
              width: 60%;
          }
          .ibox-content .bigNum {
              font-size: 1.7em;
          }
          .imgbx {
              width: 24%;
          }

          .imgbx img {
              max-width: 77px;
          }

          .doorbxmode,
          .doorbxwarning {
              width: 17%;
          }

          .widget.nuo-bg .infoDash i {
              padding: 0 5px;
              font-size: 2.2em;
          }

          .widget.nuo-bg .infoDash span {
              font-size: 1.2em;
          }

          .nuoSt .dashboard_1 .emergencyBtn {
              height: 68px;
              padding-top: 22px;
          }

          .dateBx {
              padding-top: 10px;
          }


        /* submenu sistema */

          .nuoSt .subSystem .boxBtn h4 {
              font-size: 1.1em;
          }

          .nuoSt .boxBtn {
              width: 210px;
              height: 190px;
          }

          .nuoSt .boxBtn i {
              margin: 15px 0;
          }

          .titleNumber .num {
              font-size: 1.9em;
          }

          .col-xs-4.pd0 {
              padding: 3px;
          }

          .col-xs-4.pd0 input {
              padding: 3px;
          }

          .terminalController .ctrlLbx.mb1200 {
              border-bottom: 1px solid #ddd;
          }

          .fichaGroup .specialIboxContent {
              height: 315px;
          }

          .fichaGroup .specialIboxContent.sIbC1 {
              height: auto;
          }
          .gpoAccDoors,
          .maxHeightFichaGroupsDck {
              height: auto;
          }
          .formUser .bxPermisosHeight,
          .bxPermisosHeight {
              height: auto;
          }
          .fichaGroup .inside {
              margin-bottom: 0px;
          }
          .fichaGroup .sub-list-group {
              float: inherit;
          }

          .nuoSt .loadingImportCopy .boxBtn i {
              font-size: 7em;
          }

          .nuoSt .submenu.reportsSubmenu .boxBtn {
              width: 300px;
          }
      }

/*1024*/
      @media only screen and (max-width : 1024px) {
        .nuoSt .list-group.clear-list .list-group-item {
           font-size: 1.0em;
       }
       .nuoSt .list-group-item {
              width: 100%;
            }
         .breadcrumb > li {
          margin-bottom: 5px;
         }
          .overfXTable{
            overflow-x: scroll;
            width: 100%;
          }
          .one-line {
              width: 100%;
          }
          .dashboardTable .table > thead > tr > th, 
          .dashboardTable .table > tbody > tr > th, 
          .dashboardTable .table > tfoot > tr > th, 
          .dashboardTable .table > thead > tr > td, 
          .dashboardTable .table > tbody > tr > td, 
          .dashboardTable .table > tfoot > tr > td{
            font-size: 0.8em;
            padding: 3px 1px;
          }
          .nuoSt .hidden-sm-duck{
            display: none;
          }

          /*calendarios */

              .smallView {
                  display: block;
              }
              .horarioDck .step2HorariosDck .dia h4{
                margin-top: 15px;
              }
              .step2HorariosDck .inicioFin {
                  float: left;
                  width: 100%;
              }
              .clockIco{
                display: none;            
              }
              .step2HorariosDck .dia{
                width: 14%;
              }
              .step2HorariosDck .inicioFin .form-control,
              .step2HorariosDck .inicioFin label {
                  text-align: left;
                  margin: 6px 0 0 0;
              }
              .step2HorariosDck .inicioFin .form-control{
                margin: 0;
              }
              .specialCal, .normalCal{
                margin-top: 15px;
                width: 100%;
                float: left;
              }
              .specialCal{
                margin-top: 15px;
                width: 100%;
                float: left;
              }
              .step2HorariosDck .dia h4.smallView {
                  display: block;
                  
              }
              .step2HorariosDck .kindCAlendar {
                  line-height: 20px;
                  margin: 2px 0 5px;
                  padding: 0 5px 0 0;
                  text-align: left;
                }
              .step2HorariosDck .titleDays{
                font-size: 1.1em;
                width: 100%;
                color: #666;
                text-align: left;
                border-bottom: 1px solid #f2f2f2;
              }
               .step2HorariosDck .specialCal .inicioFin label {
                  display: block;
              }
              .specialCal{
                
              }

              .nuoSt .table-striped.listView th i{
                font-size: 1.3em;
              }     

              .ajCalendar .tooltip-demo{
                position: relative;
                width: 5px;
              }
              .ajCalendar .tooltip-demo .inf{
                position: absolute;
                top: -20px;
                left: -5px;
                font-size: 1.15em
              }
            
      
        .nuoSt .loadingImportCopy .boxBtn i {
          font-size: 7em;
        }
          /* submenu sistema */
                .nuoSt  .boxBtn{              
                    width: 100%;        
                    height: 220px;
                  }
                 .nuoSt  .boxBtn i{
                  margin: 15px 0;
                 }
                .nuoSt  .boxBtn h4{
                  font-size: 1.4em;
                  padding-bottom: 15px;
                  margin: 15px 0 0 0;
                  min-height: 44px;
                }
                .nuoSt  .boxBtn i{
                  font-size: 6em;
                  margin: 15px 0;
                }
            
            .nuoSt .toSeeIconTh {
              width: 60px;
              max-width: 60px;
             }

            .reports .itemListUser .listUsRep span,
            .reports .itemListUser .listUsRep label {            
              font-weight:  100;
            }
            .nuoSt .help .table-striped.listView td {
               padding: 15px 20px;
            }
            .nuoSt .table-striped.listView td {
              padding: 8px 3px;
              font-size: 0.9em;
            }
            .nuoSt .table-striped.listView td.colorKindOfCAl,
            .nuoSt .table-striped.listView th.colorKindOfCAl{
                padding: 0 0 0 4px;
                width: 20px;
             }
             .nuoSt .volBtns .btn-group .btn{
           
              padding: 5px 3px;
              margin-top: 15px;
             }
        
            .volBtns {       
              max-width: 100%;
              padding-top: 35px;
            }
            .volBtns button span{
             font-size: 2.2em;
            }
            .step2HorariosDck .dia h4{
              text-align: left;
            }
            .recoveryPass .widgetMargin {
                margin: 0px 0 20px 0;
                padding: 0 0 15px;
            }
            .recoveryPass .widgetMargin .titleBtns {
                margin: 0px 0 20px 0;
                padding: 9px 20px 4px 20px;
            }
            .recoveryPass .mailto,
            .recoveryPass .tel{           
              margin: 8px 0 20px 0;
            }
            .recoveryPass .hourBx{
              width: auto;
              float: none;
              margin-top: 5px            
            }
            .recoveryPass .expireKey{
              margin-top: 9px;
            }
            .recoveryPass .expireKey small {
              font-size: 1em;
            }

            .ibox.terminaBxMode .ibox-content {
                height: auto;
            }
            .infoFingerPrint{
              border: 1px solid #ccc;
              padding: 5px;
              height: 327px;
              width: 100%;
            }
            
            .print img{
              margin: 10px auto 0px auto ;
              max-width: 190px;
            }

            .areaPuertasBx .puertaBx, .areaPuertasBx .ibox-content {
                height: 176px;
            }
            .txtPag  small{
              font-size: 80%;
            }
            .dualClock{
              position: absolute; 
              top: 320px; 
              width: 100%;
            }
          
          /* v2 listpuertas*/
            .slimbx,
            .normalBx{ margin: 20px 10px; }
            .ibox-content .bigNum{
              width: 16%;
            }
            .nameDoor{
              font-size: 1em;
            }
              .ibox-content .bigNum {
                  font-size: 1.7em;
              }
              .imgbx {
                width: 24%;
              }
              .doorbxmode img, 
              .doorbxwarning img,
              .imgbx img { 
                max-width: 77px;
              }

          .nuoSt .submenu.reportsSubmenu .boxBtn {
              width: 100%;
          }
      }
/*768-992*/      
      @media only screen and (min-width:768px) and (max-width: 992px)  {
          .widgetMargin .titleAndLogo img {              
              max-width: 100px;
          }
          .widgetMargin .titleAndLogo h2{
            font-size: 17px;
          }
          .contact-box{
            padding: 10px;
          }         
          .reports .formDate,
          .reports .formHour{
            width: 100%;
          }
          .reports .formHour{
           margin-top: 5px;
          }
          .nuoSt .dashboard_1 .emergencyBtn {
              font-size: 1.1em;
          }
      }
/*992*/      
      @media only screen and (max-width : 992px) {

          .loadingImportCopy .percentage {
              font-size: 2.4em;
              padding-left: 15px;
              padding-bottom: 10px;
              padding-top: 0px;
          }
      
        .pseudoCarrEvent .bxEvent{
          min-height: 190px;
        }
        .nuoSt .boxBtn h4 {
            font-size: 1.1em;
        }
        .dashboardTable {
          font-size: 0.8em;
        }
        .dashboardTable .table > thead > tr > th, 
        .dashboardTable .table > tbody > tr > th, 
        .dashboardTable .table > tfoot > tr > th, 
        .dashboardTable .table > thead > tr > td, 
        .dashboardTable .table > tbody > tr > td, 
        .dashboardTable .table > tfoot > tr > td{
          font-size: 0.8em;
          padding: 3px;
        }
        #step2.pull-right {
          float: none !important;
        }
        .selectYearBx a{
          font-size: 1.0em;
        }
        .list-group{
           border-top: 1px solid #f2f2f2;
        }
        .dashboard_1 .infoBx{        
          margin: 0;
          padding: 5px;
        }
        .dashboard_1 .infoBx p{
          margin-bottom: 0;
          text-align: right;        
        }
        .dashboard_1 .infoBx i{
          font-size: 2.0em;
        }
        .widgetMargin .titleAndLogo, .widgetMargin h2{
          font-size: 20px;
        }
        .ajCalendar{
          margin: 0;
        }
        .ajCalendar [class^="col-"]{
         border-right: none;
         padding: 0 5px;
        }
        .ajCalendar .checkDck{
          height: 20px;
          margin: 0px 5px 0 0;
          width: 20px;
        }
        .kindOfCal span{
          font-size: 1.1em;
        }
        .ajCalendar .tooltip-demo{
          margin-top: 6px;       
          position: unset;
          width: 35px;
        }
        .ajCalendar .tooltip-demo .inf{
          position: unset;          
          font-size: 1.25em;
          padding: 0 0 0 9px;
        }
        .kindOfCal i {
          font-size: 1.4em;
        }

        .reports .readView .readOnlyBxRight{
          float: right;
          width: 98%;
        }
        .mdForm .control-label{
          text-align: left;
          width: auto;
          margin-left: 44px;
        }
        .mdForm .form-control{
          text-align: left;
        }
        .form-inline.dniForm .form-group{
          margin-bottom: 10px;
        }
        .readViewListUser .form-horizontal .control-label{
          width: auto;
          padding: 6px 0 0 20px;
        }
        .nuoSt .table-striped.listView td.colorKindOfCAl .kindOfCal{
          margin: 11px 0 16px 5px;
        }
        .fichaTerminals .imgCenter{
            width: 40%;
            margin: 15px 30%;
        }

        .kindOfCal .groupPencils {
            float: right;
            width: auto;
        }
        .kindOfCal .groupPencils a{
            width: auto;
        }
        .nuoSt .toSeeIconTh {
          width: 60px;
          max-width: 60px;
        }
        .botoneraFirmDck .volBtns {
          max-width: 100%;
          padding-top: 35px;
          margin-bottom: 10px;
        }
        .botoneraFirmDck .btn, 
        .botoneraFirmDck .volBtns {       
          max-width: 280px;
          margin-bottom: 10px;
        }
        .botoneraFirmDck .volBtns button span{
          font-size: 1.9em;
        }
        .wizardDashboard .boxWizardMauto {
          margin: auto;
          width: 100%;
        }
        .wizardDashboard .typeTimeSelect button {
          width: 45%;
        }
        .wizardDashboard .centerClockPicker{
          width: 210px;
          margin-left: 0px;
        }
        .wizardDashboard .digitalHour span{
          width: auto;
          font-size: 0.8em;
          margin-top: 25px;
        }
        .wizardDashboard .digitalHour {
          width: 42%;
          margin-left: 0%;
        }
        .wizardDashboard .bxBtnMasMenos .btn{
          font-size: 1.0em;
          height: 20px;
          width: 20px;
        }
        .wizardDashboard .mes{
          width: 90%;
          margin: 0 5%;
        }
        .wizardDashboard .form-control.w80{
          width: 70%;
        }

        .areaPuertasBx .puertaBx, .areaPuertasBx .ibox-content {
            height: 175px;
        }
        .reports .mr17{
          margin-top: 40px;
        }

        .fichaDoors .btn-w-m {
          min-width: 100%;
        }
        .puertaBx .num {
          width: 27px;
          height: 27px;
        }
        .puertaBx .num b{
          bottom: 100%;
          display: block;
          float: left;
          height: 28px;
          left: -2px;
          position: absolute;
          right: 100%;
          top: -2px;
          width: 31px;
        }
        .dualClock{
          position: absolute; 
          top: 320px; 
          width: 100%;
        }
        .sideRightWrapper.sidebar-open .containersidebarCol{
          width: 70%;
        }
        .sideRightWrapper.sidebar-open .sidebarCol{
            width: 30%;
        }

        /* v2 listpuertas*/
            .slimbx,
            .normalBx{ 
              margin:  0px; 
              flex: none; 
              
              width: 100%;              
            }
             .slimbx{
              margin-top: 20px;
             }

            .nuoSt .dashboard_1 .flex-item-1 {
              width: 100%;
            }
            .nuoSt .dashboard_1 .flex-item-1 .statusGroup {
              display: inline-flex;
              width: 16%;
            }

          .nuoSt .dashboard_1 .flex-item-1 .statusLedGroup {
              border-left: #a4a6a7 1px solid;
              height: auto;
              margin-top: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              padding: 10px;
              width: 50%;
          }

          .nuoSt .dashboard_1 .flex-item-1 .statusLedGroup.redBr  {
              border-left: 5px solid #9e2727;
          }
          .nuoSt .dashboard_1 .flex-item-1 .statusLedGroup.greenBr {
              border-left: 5px solid #008b07;
          }
          .nuoSt .dashboard_1 .flex-item-1 .statusLedGroup.orangeBr {
              border-left: 5px solid orange;
          }
          .nuoSt .dashboard_1 .flex-item-1 .statusLedGroup.greyBr {
              border-left: 5px solid grey;
          }

          .nuoSt .dashboard_1 .flex-item-1 .statusLed {
              display: none;
          }

            .normalBx{
              border-top: 1px solid white;
            }
            .slimbx{
               height: auto;
            }
            .onlyMv{
               display: block;
               font-size: 1.1em;
               padding: 10px 5px 5px 20px;
               text-transform: uppercase;
               border-left: #a4a6a7 1px solid;
               margin-left: -1px;
            }
            .slimbx img {
              display: none;
            }
            .ibox-content .bigNum{
              width: 16%;
            }
            .nameDoor{
              font-size: 1em;
            }
              .ibox-content .bigNum {
                  font-size: 2em;

    
              }
              .imgbx {
                width: 24%;
              }
              .doorbxmode img,
              .doorbxwarning img{
                margin: auto;
                float: none;
                width: 60px;
                
              }
              .imgbx img {           
             
                max-width: 77px;
              }

            .fichaGroup .specialIboxContent{
              height: auto;
            }

            .fichaPuertasConsolas {
                margin-bottom: 15px;
            }

            .fichaPuertasConsolas .form-control {
                width: 90%;
            }

            /* Ayuda */
           .index {
              position: relative;
           }
           .index-minimalize .index {
              position: absolute;
           }
           .manualPage {
              margin-left: 0px;
           }
           .manualPage .manualContent {
              border-left: 0px;
              border-top: solid 1px #9e2727;
              border-bottom-left-radius: 5px;
           }
      }
/*768*/      
      @media only screen and (max-width : 768px) {

        .changepass .fixedWidth{
          width: 100%;
        }
          .step2HorariosDck .dia h4{
            font-size: 0.9em;
          }
          .step2HorariosDck  .inicioFin label{
            font-size: 0.8em;
          
          }
          .selectYearBx a{
            font-size: 1.4em;
            line-height: 15px;
            text-align: center;
            
          }
          .labelForMvl .control-label {
              float: left;
              margin: 0;
              text-align: left;
              width: 100%;
          }          
          .widgetMargin {
            margin: 0 0 25px 0;
          }
          .dniForm .form-group{
           float: left;
          }
          .dniForm .control-label {
            margin-left: 44px;
            text-align: left;
            width: auto;
            line-height: 20px;
          }
          .nuoSt .boxBtn h4{
            min-height: 36px;
          }
          .btnBxEnroler{
            margin: 0 0 20px 0;
            padding: 0;
          }
          .containersidebarCol .profile_idBx{
            width: 70%;
          }
          /* f. door calendar modo */
            .fichaDoors .scheduDoor .schedArea .weekBx {
                left: 0;
                position: absolute;
                top: 120px;
                width: 100%;

            }
            .fichaDoors .scheduDoor .schedArea .bloqBx{
              width: auto;
            }
            .fichaDoors .scheduDoor .schedArea .hourBx{
              width: 50%;
              left: 50%;
            }

            .fichaDoors .scheduDoor .schedArea .posR {
              height: 190px;
              margin-top: 15px;
            }
            .fichaDoors .scheduDoor .schedArea{
              border-bottom: 1px solid #ccc;
            }
            .fichaDoors .scheduDoor .schedArea.b2{
              border-bottom:none;
            }
            .fichaDoors .scheduDoor .schedArea .hourBx,
            .fichaDoors .scheduDoor .schedArea .bloqBx{
              padding: 5px;
              border:   1px solid #ccc;
            }

            .fichaDoors .btnBxFormDoor,
            .fichaDoors .alarmTamper.btnBxFormDoor {
              height: 260px;
              padding-top: 15px;
            }

            .fichaDoors .btnBxFormDoor .col-sm-3,
            .fichaDoors .btnBxFormDoor .col-sm-3.border {
              width: 100%;
            }

            .fichaDoors .btnBxFormDoor .col-sm-3.border {
              margin-top: 12px;
              padding-top: 5px;
              border-top: solid 1px #e7eaec;
              border-left: 0px;
            }

            .asistentePrint .widgetMargin h2.titleBtns{
              float: left;
              font-size: 1.4em;
              line-height: 1.0em;
            }
        
            .terminalList .profile_idBx img{
              margin: 0 35% 20px 35%;
              width: 30%;
            }



          /* wizard dashboard*/
            .wizardDashboard .digitalHour {
              width: 145px;
            }
            .wizardDashboard .labelForMvl{
              margin-top: 0;
            }
            .wizardDashboard .widgetMargin.widget{
              min-height: 410px;
              height: auto;            
            }
            .wizardDashboard .labelForMvl .form-group{
             width: 50%;
             float: left;
             margin: 0;
            }
            .nuoSt .wizardDashboard .horaPc {
              width: 100%;
            }
            .reportXs .readView .readOnlyBxRight.xsBx.informeXincidencia{
                float: right;
                width: 100%;
            }
            .dashboard_1 .infoBx p{
              line-height: 50px;
            }
            .fichaPuertasCerraduraYtipo,
            .fichaPuertasOpciones,
            .alarmTamper .fichaPuertasCerraduraYtipo,
            .alarmTamper .fichaPuertasOpciones {
              height: auto;
            }
            .alarmTamper .stateHeight {
              height: 182px;
            }
            .reports .formHour {
                margin-right: 0;
                width: 43%;
            }
            .reports .mr17 {
                margin: 5px 0px 0 0;
            }
            .fichaGroup .specialIboxContent {
                height: auto;
            }
          /* *** */  
            .sideRightWrapper.sidebar-open .containersidebarCol{
              width: 60%;
            }
            .sideRightWrapper.sidebar-open .sidebarCol{
                width: 40%;
            }

            .terminalList .profile_idBx img{
              margin: 0 20% 20px 20%;
              width: 60%;
            }
            .controlerLbx img{
              max-width: 80px;
              margin-bottom: 10px;
            }

            .imgLect.oneImgLect {
              margin-left: 28%;
              width: 42%;
            }
      }
/*480*/
      @media only screen and (max-width : 480px) {
          .hidden-xs {
              display: none;
          }

          .wrapper-content {
              padding-left: 0;
              padding-right: 0;
          }

          .updateFw .row.updating.higher {
              height: 155px;
          }
        .step2HorariosDck .dia h4{
          font-size: 1.1em;
          text-align: left;
        }
        .step2HorariosDck  .inicioFin label{
          font-size: 1em;      
        }
        .step2HorariosDck .dia{
          width: 100%;
        }
        .step2HorariosDck .inicioFin{
          width: 50%;
        }
        .widgetMargin .titleAndLogo img {              
           display: none;
        }
        .listUsRep{
          margin-left: -15px;
          margin-right: -15px;
        }
        .listUsRep label{
         font-weight: 100;
        }
        .reports .itemListUser .col-xs-4,
        .reports .itemListUser .col-xs-8{        
          margin: 0 0 0 45px;
          width: 89%;      
        }
        .reports .form-horizontal .form-group,
        .reports .form-inline .form-group{
          margin-left: 0;
          margin-right: 0;
        }
        .reports .dniForm .control-label{
          padding-left: 15px;
          padding-right: 15px;
        }
        .readViewListUser .form-horizontal .control-label{
          width: auto;
          padding: 6px 0 0 5px;
        }
        .nuoSt .boxBtn h4 {
          min-height: 56px;
        }
        .reports .readView .dateForm,
        .reportXs .readView .readOnlyBxRight.xsBx {
            width: 100%;
        }
          .col-xs-6.fichaDoor,
          .containersidebarCol .profile_idBx{
            width: 100%;
          }

          .doorbxwarning img {
            width: 70%;
            margin-top: 20px;
          }

          .formUser .door-filter h5,
          .fichaGroup .door-filter h5 {
              margin-right: 10px;
          }
          .formUser .door-filter input[type="text"] {
              width: 5%;
          }
          .fichaGroup .door-filter input[type="text"] {
              width: 30%;
          }

          .imgLect.oneImgLect,
          .imgLect.firstLect,
          .imgLect.firstLect.threeImgLect,
          .btnSenaliz.firstLect,
          .btnSenaliz.firstLect.threeImgLect {
              margin-left: 15%;
              margin-right: 15%;
              width: 70%;
          }
          .interphone .imgLect,
          .imgLect.secondLect,
          .imgLect.secondLect.threeImgLect,
          .btnSenaliz.secondLect,
          .btnSenaliz.secondLect.threeImgLect,
          .btnSenaliz.interphone {
              margin-left: 15%;
              margin-right: 15%;
              width: 70%;
              margin-top: 80px;
          }
          .btnSenaliz.firstLect,
          .btnSenaliz.firstLect.threeImgLect {
              margin-top: -470px;
          }
          .btnSenaliz.secondLect,
          .btnSenaliz.secondLect.threeImgLect {
              margin-top: -235px;
          }
          .btnSenaliz.interphone {
              margin-top: 0px;
          }
      }

/* hack para explorer */
@media all and (-ms-high-contrast:none) { 

.fichaGroup .specialIboxContent{ height: auto;}
.maxHeightFichaGroupsDck{ height: auto;}

*::-ms-backdrop, .fichaGroup .specialIboxContent{ height: auto;}
*::-ms-backdrop, .maxHeightFichaGroupsDck{ height: auto;}
 
}

 
    /* Custom, iPhone Retina */ 
      @media only screen and (max-width : 320px) {
        /*submenus */
        .nuoSt  .boxBtn h4{           
          font-size: 1.0em;
          padding-bottom: 15px;
          margin: 15px 0 0 0;
        }
        .nuoSt  .boxBtn i{
          font-size: 4.4em;
          margin: 5px 0;
        }
        .nuoSt .boxBtn h4 {
          min-height: 36px;
        }
      }
    /* ipad retina vertical*/
      @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: portrait),only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: portrait),only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1024px) and (orientation: portrait),only screen and ( min-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: portrait),only screen and ( min-resolution: 192dpi) and (min-width: 1024px) and (orientation: portrait),only screen and ( min-resolution: 2dppx) and (min-width: 1024px)  and (orientation: portrait){
       
        .modal-content {
          box-shadow: 0 0 799px rgba(0, 0, 0, 0.6);
        }
        .modal-dialog {
          z-index: 9999;
        }
        .modal-backdrop {
          z-index: 888 !important;
          position: relative;
        }
        .vcenteredBox.enrollerCenterBx,
        .vcenteredBox {
          margin-top: 240px;
          overflow: hidden;
        }
        .aboutUs .fixedWidth {
          margin-top: 280px;
        }
      }
    /* galaxy retina ladscape*/
      @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: landscape),only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: landscape),only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1024px) and (orientation: landscape),only screen and ( min-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: landscape),only screen and ( min-resolution: 192dpi) and (min-width: 1024px) and (orientation: landscape),only screen and ( min-resolution: 2dppx) and (min-width: 1024px) and (orientation: landscape) {
         /* header */
         .page-heading{
          padding-bottom: 10px;
         }
         .iconBreadCrumb i{
          font-size: 1.2em;
          margin-top: -5px;
         }
          .nuoSt .toSeeIconTh {
              width: 60px;
              max-width: 60px;
          }
          .vcenteredBox.enrollerCenterBx,
          .vcenteredBox {
              margin-top: 60px;
          }
          .vcenteredBox .ajSistMenu{
            margin-top: -20px;
          }
          #submenuSystem.submenu{
            margin-top: -25px;
          }
          .changepass .vcenteredBox,
          .loadingImportCopy .vcenteredBox,
          .aboutUs .vcenteredBox,
          .timeSettings .vcenteredBox,
          .network .vcenteredBox {
              margin-top: -10px;
          }
          .wizardDashboard .space-30 {
              margin: 15px 0;
          }
          .wizardDashboard .space-15 {
              margin: 5px 0;
          }
          .wizardDashboard .vcenteredBox {
              margin-top: 0px;
          }
          .wizardDashboard .boxWizardMauto .widgetMargin {
            padding: 0;
            margin: 0;
          }
          .wizardDashboard {}

          .aboutUs .fixedWidth {
            margin-top: 10px;
          }
          .reportXs .readView .readOnlyBxRight.xsBx {
     
          }
          .reportXs .readView .readOnlyBxRight.xsBx label,
          .reportXs .readView .readOnlyBxRight.xsBx .form-control{
          
          }
      }
    /*ipad retina horizonal*/
      @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1366px),only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1366px),only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1366px),only screen and ( min-device-pixel-ratio: 2) and (min-width: 1366px),only screen and ( min-resolution: 192dpi) and (min-width: 1366px),only screen and ( min-resolution: 2dppx) and (min-width: 1366px) {
       
          .aboutUs .fixedWidth {
            margin-top: 90px;
          }

          .nuoSt .nav > li > a {
              font-size: 1.2em;
              padding: 14px 5px 14px 14px;
          }
          .nuoSt .tabs-container .nav-tabs > li.staticTab span,
          .nuoSt.mini-navbar .nav > li > a {
              padding: 14px 10px;
          }
          .nuoSt .table > thead > tr > th,
          .nuoSt .table > tbody > tr > th,
          .nuoSt .table > tfoot > tr > th,
          .nuoSt .table > thead > tr > td,
          .nuoSt .table > tbody > tr > td,
          .nuoSt .table > tfoot > tr > td {
              font-size: 0.80em;
              padding: 8px 6px;
          }
          .nuoSt.mini-navbar .navbar-default .nav > li > a {
              padding-left: 20px;
          }
          .nuoSt #page-wrapper {
              margin: 0 0 0 210px;
          }
          .nuoSt .navbar-static-side {
              width: 210px;
          }
          .nuoSt .ibox-content {
              padding: 15px 15px 20px;
          }
          .nuoSt .wrapper-content {
              padding: 20px 0 40px;
          }
          .nuoSt label {
              font-size: 0.9em;
          }
          .nuoSt select.multiple.form-control {
              height: 100px;
              background: #fe0;
              width: 50%;
          }
          .areaPuertasBx .ibox-content {
              padding: 0;
              overflow: hidden;
          }
          .vcenteredBox {
              margin-top: 160px;
              overflow: hidden;
          }
          .vcenteredBox.enrollerCenterBx {
              margin-top: 200px;
              overflow: hidden;
          }
          .timeSettings .vcenteredBox {
              margin-top: 90px;
              overflow: hidden;
          }
          .network .vcenteredBox {
              margin-top: 90px;
              overflow: hidden;
          } 
          .wizardDashboard .vcenteredBox {
              margin-top: 60px;
              overflow: hidden;
          }
          #submenuSystem.submenu{
            margin-top: 85px;
          }
          .changepass .vcenteredBox,
          .loadingImportCopy .vcenteredBox{
              margin-top: 190px;
          }

           .updateFw {
              /*margin-top: -50px;*/
            }
          /*,
          .aboutUs .vcenteredBox,
          .timeSettings .vcenteredBox,
          .network .vcenteredBox */

          .modal-content {
              box-shadow: 0 0 799px rgba(0, 0, 0, 0.6);
          }
          .modal-dialog {
              z-index: 9999;
          }
          .modal-backdrop {
              z-index: 888 !important;
              position: relative;
          }
      }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: portrait),only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: portrait),only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1024px) and (orientation: portrait),only screen and ( min-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: portrait),only screen and ( min-resolution: 192dpi) and (min-width: 1024px) and (orientation: portrait),only screen and ( min-resolution: 2dppx) and (min-width: 1024px) and (orientation: portrait) {

    }


 @media only screen and (min-width : 2000px) {}
    /* impresion */

@page vista {size: portrait;}

@page {
    size: A4;
    margin: 10pt 0 15pt 0;
    padding: 0;
}

@page :first {
    margin: 0 0 15pt 0;
}

@media print {

    /* Esto sirve para que firefox imprima todas las páginas, sino solo imprime la primera */
    body, #wrapper {
        overflow:visible !important;
    }
    /***************************************************************************************/

    .navbar.navbar-static-top,
     [class*="date-picker"],
     [class^="date-picker"],
    .date-picker-date-time,
    .row.wrapper.border-bottom.white-bg.page-heading,
    body.mini-navbar .navbar-static-side,
    .row.wrapper.border-bottom.white-bg.page-heading,
    .navbar,
    .logoBy,
    .navbar-default,
    .page-heading,
    .verInformeBtn,
    .listReportUser .paginationDuck {
        display: none !important;
    }
    .ibox.float-e-margins,
    body.mini-navbar #page-wrapper {
        margin: 0;
    }
    * {
        font-size: 9pt;
    }
    body.mini-navbar .logoBy {
        width: 60px;
        bottom: 0;
        left: 0;
        position: absolute;
    }
    .reports {
        border: initial;
        border-radius: initial;
        /*width: initial;*/
        width: 210mm;
        height: 297mm;
        min-height: initial;
        box-shadow: initial;
        background: initial;
    }
    .reports .col-md-12.col-lg-10.col-lg-offset-1 .col-xs-12,
    .reports .col-md-12.col-lg-10.col-lg-offset-1 {
        margin: 0;
        width: 98%;
        padding: 0;
    }
    .nuoSt .table-striped.listView th,
    .reports .table > thead > tr > th,
    .reports .table > tbody > tr > th,
    .reports .table > tfoot > tr > th,
    .reports .table > thead > tr > td,
    .reports .table > tbody > tr > td,
    .reports .table > tfoot > tr > td {
        line-height: auto;
        padding: 2px;
        font-size: 8pt;
    }
    /* Para que corte las páginas bien en la impresión. De momento solo funciona en Opera */
    /*-.reports  table { page-break-inside:auto }
    .reports  tr    { page-break-inside:avoid; page-break-after:auto }
    .reports  thead { display:table-header-group }
    .reports  tfoot { display:table-footer-group }
    */
    .ibox-title {
        padding: 5px 0;
        border-color: #f3f3f3;
    }
    .row{
      margin: 0;
    }
    .noPaddPrint,
    .ibox {
        padding: 0;
    }
    .ibox-content {
        padding: 5px 0 0 0;
    }
    .ibox-title {
        padding: 12px 0 0 0;
        min-height: auto;border: none;
    }
    .space-15 {
        margin: 0;
    }
    .m-l-xs {
        margin-left: 0;
    }
    .mt10Print{
      margin-top: 10px;
    }
    .reports  input,
    .reports label{

        font-size: 8pt;
    line-height: normal;
    margin: 0;
    }
    .listUsRep .col-md-6{
      width: 49%;
      float: left;
    }
    .form-group{
      margin: 0;
    }
    .form-control{
      padding: 0;
    }
       .autoWPrint .form-control.inputFormDNI {
      padding-top: 3px;
    }

    /*.printSize{
      width: auto;
      float: left;
    }*/
    .printHide{
      display: none;
    }
    .listReportUser{
      padding-top: 10px;
    }
    .footer {
        border-top: 0px;
        padding: 0px;
    }

}