/**
 * Bootstrap Fonts
 */

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/**
 *Font Awesome Fonts
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('../bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
    url('../bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),
    url('../bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
    url('../bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * App-wide Styles
 */

/*NUEVO DISENO -> XPECTRA-WHITE*/

.logo {
    height: auto !important;
}

.login-page, .register-page {
    /* background: #d2d6de; */
    background-color: transparent;
}

.logo-lg img, .logo-mini img {
    max-height: 60px;
    display: inline-block;
    position: relative;
    margin-top: 5px;
}

.xpectra-logo path {
    fill: #fff !important;
    /*fill: red;*/
}

.logo-mini img {
    max-height: 40px;
    display: inline-block;
}

.col-height-md {
    height: 10px;
}

/*.navbar-nav>.user-menu>.dropdown-menu>li>span.user-header{*/
/*height: 30px;*/
/*padding: 0px;*/
/*color: #005C9C;*/
/*}*/

.skin-blue .main-header .navbar .nav > li > a {
    /*color: #ffffff;*/
    color: #00529c;
}

.skin-blue .main-header .logo {
    position: relative;
    background: #F2F2F2 !important;
    /*background: #00529c !important;*/
}

/*NAVBAR-TOP*/

.main-header {
    height: 70px;
}

.hr-client {
    border-bottom: 4px solid #005C9C;
}

.hr-default {
    border-bottom: 4px solid transparent;
}

.hr-technician {
    border-bottom: 4px solid #ff6600;
}

.skin-blue .main-header .navbar {
    /*background: #00529c !important;*/
    background: #F2F2F2 !important;
}

.skin-blue .main-header li.user-header {
    background: #00529c !important;

}

/* <-- FIN NUEVO DISEÑO -> XPECTRA-WHITE*/

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.hideme {
    display: none;
}

a {
    text-decoration: none !important;
}

.animate-if.ng-enter, .animate-if.ng-leave {
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
    opacity: 0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
    opacity: 1;
}

.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}

@keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

.loader {
    position: relative;
    margin: 0px auto;
    width: 50px;
    /*height: 50px;*/
    zoom: 1.3;
}

.loader2 {
    position: relative;
    margin: 0px auto;
    width: 100px;
    /*height: 50px;*/
    zoom: 1.3;
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 50px;
    position: relative;
    width: 50px;
}

.circular2 {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100px;
    position: relative;
    width: 100px;
}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@-webkit-keyframes color {
    100%, 0% {
        stroke: #00529c;
    }
    /*40% {
      stroke: #0057e7;
    }
    66% {
      stroke: #008744;
    }
    80%, 90% {
      stroke: #ffa700;
    }*/
}

@keyframes color {
    100%, 0% {
        stroke: #00529c;
    }
    /*40% {
      stroke: #0057e7;
    }
    66% {
      stroke: #008744;
    }
    80%, 90% {
      stroke: #ffa700;
    }*/
}

table {
    width: 100% !important;
    text-align: center;
}

th {
    text-align: center;
}

.nav.nav-tabs li {
    opacity: .7;
}

.nav.nav-tabs li.active {
    opacity: 1;
}

/*TAB PRINCIPAL*/

.tab-content {
    /*border:2px solid #7F7F7F;*/
    border-top-color: transparent;
}

.tab-content .tab-pane {
    border: 1px solid #d1d1d1;
    max-width: 100% !important;
    padding: 1em;
    background: white;
    border-top-color: transparent;
}

.tabs {
    padding: 5px;
}

.tab-content .tab-pane h3 {
    display: inline-block;
}

/*TABS -ESTILO TITULO*/

.nav-tabs {
    background: #f7f7f7;
}

.nav-tabs > li {
    padding: 0px;
    background: #f7f7f7;
}

.nav-tabs > li > a uib-tab-heading {
    font-size: 120%;
}

.nav-tabs > li.active > a uib-tab-heading {
    font-weight: bold;
    font-size: 130%;
}


.ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li.active > a{
    color: white !important;
    border: 1px solid #d1d1d1 !important;
    background-color: #00529c !important;
}

/*FIN TABS -ESTILO TITULO*/

/*FORMULARIOS */
.checkbox-slider--b-flat.byside-right label span {
    padding-left: 55px;
}

label, input, select {
    cursor: pointer;
}

fieldset {

    border: 1px solid #d1d1d1;
    border-radius: .3em;
    padding: 0 2.5em 2.5em 2.5em;
    margin: 2em .5em .5em .5em;
}

fieldset fieldset {
    margin: .5em 1em 1em 1em;
}

fieldset fieldset.child-not-fieldset {
    margin: .5em 0;
    padding: 0;
    border: 0;
}

fieldset legend {
    padding-left: .2em;
    padding-right: .5em;
    border: 0;
    width: auto;
    margin-top: -2.5em;
}

.checkbox label:first-of-type {
    margin-left: 0;
}

.checkbox.horizontal label {
    margin-left: 1em;
}

.checkbox.horizontal label:first-of-type {
    margin-left: .5em;
}

.checkbox input[type=checkbox] {
    border: 1px solid #d1d1d1;
    padding: .5em;
}

.checkbox input[type=checkbox]:checked {
    background: black;
}

.form-actions-bottom, .nav-actions-bottom {
    text-align: right;
    margin: 1em;
}

.form-actions-center .btn, .nav-actions-center .btn {
    margin-right: 8px;
}

.form-actions-center, .nav-actions-center {
    text-align: right;
    margin: 1em;
    display: block;
}

.nav-actions-center {
    margin-right: 0 !important;
}

.form-actions-top, .nav-actions-top {
    text-align: right;
    margin: 0 1em 1em 1em;
}

.form-actions-top a, .form-actions-top button, .form-actions-bottom a, .form-actions-bottom button {
    text-transform: uppercase;
}

div.row.form-schedule .form-schedule-day {
    margin-bottom: 1.8em;
}

.form-schedule .vds-multirange-mk2-container {
    height: auto;
}

.form-schedule .vds-multirange-mk2-labels-container {
    display: none;
}

/*FIN DE FORMULARIOS*/

/* BOTONES / BUTTONS */
.form-actions-bottom .btn {
    text-transform: uppercase;
}

/*.btn {
  !*color: white;*!
  color: #7F7F7F;
}*/

.btn:hover {
    opacity: .8;
    /*box-shadow: inset 0px 0px 15px rgba(0,0,0, .1);*/
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    /* color: white;*/
}

.btn:focus {
    box-shadow: inset 0 0 20px rgba(43, 43, 43, .1);
    color: #7F7F7F;
}

.btn i {
    margin-right: .2em;
}

.btn-help {
    background: none;
    color: #CCC;
    border: none;
    opacity: .9;
    margin-left: .2em;
}

.btn-help i {
    /*color: #e1ae5b;*/
    color: #CCC !important;;
    font-size: 10px;
}

.btn-back, .btn-forward {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #555 !important;
}

.btn-new {
    background-color: #2cb76b;
    border-color: #2cb76b;
    color: white !important;;
}

.btn-save, .btn-update, .btn-success {
    background-color: #2cb76b;
    border-color: #2cb76b;
    color: white !important;
}

.btn-edit, .btn-search {
    background-color: #335b7e;
    border-color: #335b7e;
    color: white !important;
}

.btn-erase {
    background-color: #d20417;
    border-color: #d20417;
    color: white !important;
}

.btn-reset {
    background-color: #555;
    border-color: #555;
    color: white !important;
}

.btn-cancel {
    background-color: #fc4128;
    border-color: #fc4128;
    color: white !important;
}

.btn-default, .btn-dropdown, .btn-config {
    background-color: #dddddd !important;
    border-color: #dddddd !important;
    color: #555 !important;
}

.btn.btn-default:hover, .btn.btn-dropdown:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #555 !important;
}

.btn.btn-config:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #555 !important;
}

/* FIN DE BOTONES */

/*CSS DATATABLES */

table.dataTable .btn {
    padding: 0 1px;
    margin: 1px;
    text-align: center;
}

table.dataTable .btn-group .btn {
    padding: 0;
    margin: 1px;
    text-align: center;
}

table.dataTable {
    border: 1px solid #CCC;
    margin-top: 10px;
}

table.dataTable thead {
    background-color: #e0e0e0;
}

table.dataTable.no-footer {
    border: 1px solid #e0e0e0;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #CCC;
}

table.dataTable thead tr th {
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #CCC;
    padding: 5px 10px;
}

table.dataTable thead {
    min-height: 300px;
}

table.dataTable thead tr th:last-of-type {
    border-right: none;
    min-width: 65px;
}

table.dataTable thead tr {
    border: 1px solid #d1d1d1;
}

table.dataTable tr td {
    width: 50px;
    vertical-align: middle;
}

table.dataTable tr td:first-child {
    text-align: center;
}

table.dataTable tr td:last-child {
    vertical-align: middle;
}

table.dataTable .btn-danger {
    padding: 0 4px;
}

.table-striped .btn {
    padding: 0 4px;
}

.table-striped .btn-danger {
    padding: 0 6px;
}

table.dataTable tbody td {
    padding: 0px 0px;
}

.dataTables_paginate .last {
    opacity: 1;
}

/*FIN DE DATATABLES*/

@media (min-width: 768px) {
    .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
        background-color: #F2F3F2;
        /*background-color: #e1e1e1;*/
    }

    .sidebar {
        padding-bottom: 0;
    }

    .main-sidebar, .left-side {
        width: 220px;
    }

    /*ARBOL (LADO IZQUIERDO)*/
    .main-sidebar .sidebar {
        margin-top: 23px;
        background: #F2F3F2;
        height: 476.99px;
        /*height: 120px;*/
        /*margin-right: .7em;*/
        /*border-top: 1px solid #d1d1d1;*/
        /*border-right: 1px solid #d1d1d1;*/
        /*border-bottom: 1px solid #d1d1d1;*/
    }

    /*INICIO DE ESTILO DE ICONOS DE LA PARTE SUPERIOR DERECHA*/
    .icon-Header {
        color: #005C9C !important;
        line-height: 36px !important;
        margin-right: 20px;
        text-align: right;
        cursor: pointer;
    }

    .notify {
        float: right;
        width: 250px;
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: -4px;
        text-align: right;
    }

    .Usuario {
        margin-top: -8px;
        margin-left: 10px;
        margin-right: -5px;
        font-size: 12px;
        color: #005C9C;
        background: #F2F2F2 !important;
    }

    .navbar-static-top {
        padding: 0px;
        margin-bottom: -10px;
    }

    .navbar-custom-menu {
        width: 150px;
    }

    .user-height {
        float: right;
    }

    .user-image {
        float: left;
        width: 25px;
        height: 25px;
        margin-bottom: -40px;
    }

    .hidden-xs {
        float: right;
        margin-left: 10px;
    }

    /*FIN DE ESTILO DE ICONOS DE LA PARTE SUPERIOR DERECHA*/
    /*INICIO DE DROPDOWN-MENU*/
    /*<!--width: 195px;-->*/
    .dropdown-menu {
        width: 250px;
    }

    .open > .dropdown-menu {
        background: #F2F2F2 !important;
        /*border: 2px solid #7F7F7F;*/
    }

    .dropdown-item {
        margin-left: 10px;
        color: #7F7F7F;
        cursor: pointer;
    }

    .hr-menu-min {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    /*FIN DE DROPDOWN-MENU*/
    hr {
        margin-top: 0px;
        margin-bottom: 0px;
        border: 0;
        border-top: 1px solid #7F7F7F;
    }

    /*INICIO DEL CONTENEDOR DEL TAB DE LAS ALARMAS*/
    .account-data {
        margin-top: -30px;
    }

    .account-data .account-type {
        height: 30px;
    }

    .central-data hr {
        margin-top: 25px;
        border-top: 1px solid #7F7F7F;
    }

    .central-data h2 {
        color: black;
        font-size: 18px;
        cursor: pointer;
    }

    .central-data h2 .iconos {
        /*color: #FF0000;*/
        font-size: 30px;
    }

    .central-data .form-group .alarms {
        width: 100%;
        margin-top: 10px;
    }

    .central-data .account-type {
        height: 20px;
        float: left;
        margin-left: 60%;
        /*margin-top: 6px;*/
        position: relative;
        background-color: transparent;
        color: red;
    }

    .central-data .img-account-type {
        padding: 0px;
    }

    .central-data .inf-ubication {
        padding: 0px;
    }

    .central-data .pull-right {
        color: #A6A6A6;
        margin-top: 10px;
        font-size: 18px;
    }

    .central-data .form-group .alarms .pull-right {
        color: #A6A6A6;
        margin-top: 0px;
        font-size: 100%;
        float: right;
    }

    .central-data .alarm-ubication {
        margin-left: 5px;
        color: #A6A6A6;
        /*  margin-left: -60px;*/
        float: left;
        position: relative;
    }

    .alarmsListContainer {
        margin: 0px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 5px;
    }

    /*FIN DEL CONTENEDOR DE LAS ALARMAS*/
    /*INICIO DE ESTILO DE TAB DE CUENTAS*/
    .centroM hr {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 5px;
        background: #BFBFBF;
    }

    .centroM .infocm {
        margin: 0px;
        padding: 0px;
        padding-right: 0px;
        width: 7%;
    }

    .centroM .infcm-ubi {
        padding: 0px;
    }

    .centroM .infocm .imgCM {
        display: block;
        max-width: 90%;
        height: 70px;
        margin-top: 0px;
        margin-left: 15px;
        padding-right: 5px;
        margin-right: 7px;
    }

    .centroM .infcm-ubi hr {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 10px;
    }

    .centroM h3 {
        color: black;
        margin: 0px;
        margin-left: 10px;
    }

    .centroM p {
        color: black;
        margin-top: 0px;
        margin-left: 10px;
        margin-bottom: 0px;
    }

    .centroM .contact {
        color: black;
    }

    .accountInfo .nameAccount {
        width: 100%;
        margin-top: 10px;
        cursor: pointer;
        margin-bottom: 4px;
    }

    .accountInfo hr {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 7%;
        margin-right: 10px;
    }

    .accountInfo .nameAccount .img-account-type .account-type {
        height: 27px;
        float: left;
        margin-right: 5%;
        margin-left: 120%;
        margin-top: 6px;
        /*position: relative;*/
    }

    .accountInfo .nameAccount .img-account-type .statusPanel {
        height: 27px;
        float: left;
        margin-right: 10px;
        margin-left: 120%;
        margin-top: 0px;
        position: relative;
        background: blue;
    }

    .statusPanel {
        color: #A6A6A6;
    }

    /*.statusPanel{*/
    /*margin-left: 10px;*/
    /*max-width: 140%;*/
    /*}*/
    .accountInfo {
        margin-top: -10px;
    }

    .dataAccount {
        margin-top: 2px;
    }

    .accountInfo .nameAccount .inf-name .name-account {
        margin-left: 18px;
        font-size: 18px;
        margin-top: 4px;
        margin-bottom: 0px;

    }

    .accountInfo .inf-name a {
        color: #A6A6A6;
        margin-top: 5px;
        margin-left: 5px;
    }

    .accountInfo .nameAccount .inf-name a {
        color: #A6A6A6;
        margin-left: 2%;
        margin-top: 0px;
        width: auto;
    }

    .accountInfo .dataAccount {
        width: 100%;
        margin-top: 0px;
    }

    .accountInfo .dataAccount .img-account-type .account-type {
        height: 30px;
        width: 20px;
        float: left;
        margin-right: 5px;
        margin-left: 120%;
        position: relative;
        margin-top: -5px;
    }

    .accountInfo .dataAccount .img-account-type .armed {
        height: 30px;
        width: 20px;
        float: left;
        margin-right: 5px;
        margin-left: 120%;
        position: relative;
        margin-top: -10px;
    }

    .icon-ico-apertura:before {
        font-size: 25px;
        color: green;
    }

    .icon-ico-cierre-parcial:before {
        font-size: 20px;
        color: red;
        margin-left: 5px;
    }

    .accountInfo .dataAccount .inf-name {
        margin-top: 0px;
    }

    .accountInfo .dataAccount .inf-name p {
        color: #A6A6A6;
        margin-left: 16px;
        margin-top: 10px;
    }

    .accountInfo .nameAccount .inf-name p {
        color: black;
        margin-left: 16px;
        margin-top: 10px;
    }

    /*FIN DE ESTILO DE TAB DE CUENTAS*/
    /*Estilos de Soporte (Solicitudes y Tickets */
    .supportInfo .nameAccount {
        width: 100%;
        margin-top: 10px;
        cursor: pointer;
    }

    .supportInfo hr {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 7%;
        margin-right: 2%;
    }

    .supportInfo .nameAccount .img-account-type .account-type {
        height: 27px;
        width: 25px;
        float: left;
        margin-right: 5px;
        margin-top: 0px;
    }

    .row-title {
        padding-left: 0;
    }

    .row-title p {
        font-size: 18px;
        color: black;
    }

    .row-title i {
        font-size: 27px;
        margin-right: 5px;
        color: #A6A6A6;
    }

    .row-title a {
        font-size: 14px;
        color: #A6A6A6;
    }

    .row-title span {
        font-size: 14px;
        color: #A6A6A6;
    }

    /*-------------- Fin -----------*/
    /*INICIO DE ESTILO DE MODALES*/
    .modal-cloud {
        font-family: Century Gothic, sans-serif;
        border: 5px solid #7F7F7F;
        border-radius: 5px;
    }

    .modal-content{
        border-radius: 10px !important;
    }

    .modal-cloud .modal-header {
        background-color: #7F7F7F;
        color: white;
        height: 50px;
    }

    .modal-cloud .modal-header h3 {
        font-size: 120%;
        margin-top: 0px;
    }

    .modal-cloud .modal-footer {
        text-align: center;
        margin-top: 20px;
    }

    .modal-cloud .modal-body {
        padding-top: 15px;
        color: black;
    }

    /*INICIO DEL ENCABEZADO DE LOS MODALES -INFORMACION DEL CENTRO*/
    .modal-cloud .modal-body .info-cm {
        margin-top: 0px;
        background-color: #F2F3F2;
        height: 100px;
    }

    .modal-cloud .modal-body .info-cm img {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 150%;
        height: 90px;
    }

    .modal-cloud .modal-body .info-cm p {
        margin: 0px;
        font-size: 14px;
    }

    .modal-cloud .modal-body .info-cm h3 {
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 120%;
    }

    .modal-cloud .modal-body .info-cm a > i {
        margin-left: 25px;
    }

    .modal-cloud .modal-body hr {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .modal-cloud .modal-body .element i {
        font-size: 30px;
        margin-left: 15px;
    }

    .modal-cloud .modal-body .element .help i {
        font-size: 15px;
        margin-left: 0px;
    }

    .modal-cloud .modal-body .lista i {
        font-size: 15px;
        margin-left: 0px;
    }

    .modal-cloud .modal-body .info-image {
        margin-top: 0px;
        height: 100px;
        width: 100%;
    }

    .zoom {
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 2s, height 2s, transform 2s;
        -moz-transition: width 2s, height 2s, -moz-transform 2s;
        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
        -o-transition: width 2s, height 2s, -o-transform 2s;
    }

    .zoom:hover {
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform: scale(2);
        -moz-transform: scale(2); /* Firefox */
        -webkit-transform: scale(2); /* Chrome - Safari */
        -o-transform: scale(2); /* Opera */
    }

    /*FIN DEL ENCABEZADO DE LOS MODALES -INFORMACION DEL CENTRO*/
    /*INCIO DEL ESTILO DEL MODAL DE DETALLES DE CUENTAS*/
    .modal-cloud .modal-body .element .alarms-name h2 {
        font-size: 20px;
        margin-bottom: 0px;
        margin-left: 2px;
        margin-top: 0px;
    }

    .modal-cloud .modal-body .account-ubication p {
        font-size: 14px;
        color: #A6A6A6;
    }

    .modal-cloud .modal-body .info-fact p {
        font-size: 14px;
        color: black;

    }

    .modal-cloud .modal-body .account-ubication .info-fact .account-typeIcon {
        height: 20px;
        width: 30px;
    }

    .alarms-name i {
        /*color: #A6A6A6;*/
    }

    /*FIN DEL ESTILO DEL MODAL DE DETALLES DE CUENTAS*/
    /*INCIO DEL ESTILOS DEL MODAL DE ALARMAS*/
    .modal-cloud .modal-body .element .alarms-name h2 {
        font-size: 20px;
        margin-bottom: 0px;
        margin-left: 2px;
        margin-top: 0px;
    }

    .modal-cloud .modal-body .element .localizacion i {
        font-size: 30px;
        margin-left: 12px;
        margin-top: 5px;
        color: #7F7F7F;
    }

    .modal-cloud .modal-body .element .alarms-name p {
        font-size: 14px;
        margin-bottom: 0px;
        margin-left: 2px;
        margin-top: 5px;
        color: #A6A6A6;
    }

    .modal-cloud .modal-body .element .plan {
        margin-top: 5px;
    }

    .modal-cloud .modal-body .element .app p {
        font-size: 14px;
        margin-bottom: 0px;
        margin-left: 2px;
        margin-top: 4px;
        color: #A6A6A6;
    }

    .modal-cloud .modal-body .element .ubication-panico p {
        font-size: 14px;
        margin-bottom: 0px;
        margin-left: 2px;
        margin-top: 0px;
        color: black;
    }

    .modal-cloud .modal-body .element .plan p {
        font-size: 14px;
        margin-bottom: 0px;
        margin-left: 2px;
        margin-top: 0px;
        color: black;
    }

    /*FIN DE ESTILO DEL MODAL DE ALARMAS*/
    .modal-cloud .modal-body .element .time {
        margin-top: 5px;
    }

    .modal-cloud .modal-body .element .account-type {
        height: 25px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 3px;
        float: left;
        position: relative;
    }

    .modal-cloud .modal-body .element .account-type-account {
        height: 25px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 13px;
        float: left;
        position: relative;
    }

    .modal-cloud .modal-body .element .alarms .alarm-ubication {
        float: left;
        margin-top: 5px;
        position: relative;
    }

    .modal-cloud .modal-body .element .pull-left {
        float: right;
        position: relative;
    }

    .modal-cloud .modal-body .element .alarms-name {
        margin-top: 10px;
    }

    .modal-cloud .modal-body .alarms .inf-ubication .n-account {
        float: right;
        position: relative;
        margin: 0px;
        padding-right: 15px;
    }

    .modal-cloud .modal-body .inf-ubication p {
        margin-left: 20px;
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .modal-info {
        margin-top: 10px;
    }

    /*FIN DE ESTILO DE MODALES*/
    /*.central-data  .account-type .alarm-ubication{*/
    /*height: 30px;*/
    /*float: left;*/
    /*margin-left: -120px;*/
    /*}*/
    .content-wrapper {
        margin-top: .2em;
        margin-left: 220px;
        border: 3px solid #7F7F7F;
        background: #f7f7f7;
    }

    section.content-header {
        background: #f9f9f9 !important;
        /*padding: 15px 15px 10px 15px;*/
        padding: 0 !important;
        border-bottom: 1px solid #d1d1d1;
    }

    .skin-blue .sidebar-menu > li.header {
        color: #040404;
        background: #f9f9f9;
        text-align: center;
        border-bottom: 1px solid #d1d1d1;
        padding-top: 1.1em;
        padding-bottom: 1.1em;
        text-transform: uppercase;
    }

    .skin-blue .sidebar-menu > li > .treeview-menu {
        background: #f9f9f9;
    }

    .skin-blue .sidebar-menu > li > a {
        border-left: 8px solid white;
        border-right: 3px solid transparent;
        border-bottom: 1px solid #efefef;
        border-top: 1px solid #f5f5f5;
        background: #F2F2F2;
        /*background: #f9f9f9;*/
    }

    /*SELECCIÓN DEL MENU*/
    .treeview i {
        border: 3px;
        font-size: 25px;
    }

    .skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
        /*background: #00529c;*/
        color: white;
        background: #00529c !important;
        border-left: 8px solid white;
        border-right-color: white !important;
    }



    .skin-blue .sidebar a {
        color: #757575;
        /*text-transform: uppercase;*/
        font-size: 100%;
    }

    /*FIN DE SELECCIÓN DEL MENU*/
    .skin-blue .treeview-menu > li > a {
        color: #8c908f;

        font-size: 90%;
    }

    .skin-blue .treeview-menu > li > a:hover {
        color: #757575;
    }

    .content-header > .breadcrumb {
        position: initial;
        margin-right: 1em;
        padding-bottom: 1em;
        padding-top: 1em;
    }

    .content-header > h1 {
        font-size: 1em;
        text-transform: uppercase;
        margin: 0;
        padding: 1.1em 25px 1.1em 15px;
        color: #4b4b4b;
        font-weight: normal;
        opacity: .8;
        /*letter-spacing: .01em;*/
        letter-spacing: .1em;
        display: inline-block;
        line-height: 1em;
        vertical-align: middle;
        /*background: url("/images/header-arrow-bg.png") center right no-repeat;*/
    }

    .margin-content-tab {
        margin: 1em;
    }

    /*ESTILOS DE LOS ICONOS*/
    /*.central-data .icon-ico-alarmas{*/
    /*color: #FF0000;*/
    /*font-size: 20px;*/
    /*}*/
    uib-tab-heading .icon-ico-alarmas {
        color: #005C9C;
        font-size: 20px;
    }

    .btn .icon-ok {
        width: 30px;
    }

    .icon-ico-apps-panico:before {
        font-size: 20px;
        color: #000;
    }

    .main-footer {
        border: 0;
        text-align: center;
        font-weight: normal;
        width: 100%;
        margin-left: 0px;
        background: #00529c
    }

    .footer-client {
        background: #00529c;
    }

    .footer-technician {
        background: #ff6600;
    }

    .footer-default {
        background: transparent;
    }

    .text-footer {
        color: white;
        font-weight: bold;
    }

    #map_canvas {
        height: 500px;
        margin-left: 1em;
        margin-right: 1em;
        background-color: #f7f7f7;
    }

    .full_map {
        height: 500px;
        margin-left: 1em;
        margin-right: 1em;
        background-color: #f7f7f7;
    }

    /*FIN ESTILOS DE LOS ICONOS*/
    /*INICIO DE ESTILO DE FACTURACIÓN*/
    .centroM-billing {
        margin-left: 10px;
    }

    .centroM-billing .infocm {
        margin: 0px;
        padding: 0px;
        padding-right: 0px;
        width: 7%;
    }

    .inf-name-receipts p {
        margin-left: -15px;
        margin-top: 0px;
        font-size: 18px;
        margin-bottom: 4px;
    }

    .accountInfo-receipt .dataAccount .img-account-type .account-type {
        height: 30px;
        width: 20px;
        float: left;
        margin-right: 5px;
        margin-left: 120%;
        position: relative;
        margin-top: 2px;
    }

    .total-receipts {
        margin-top: 0px;
    }

    .totalizacion {
        width: 140px;
    }

    .totalizacion > hr {
        margin-top: -30px;
    }

    .input-group {
        margin-left: 40px;
    }

    .newMethod {
        text-align: center;
    }

    .centroM-billing .infocm .imgCM {
        display: block;
        max-width: 120%;
        height: 70px;
        margin-top: 4px;
        margin-left: 0px;
    }

    .accountInfo .nameAccount {
        width: 100%;
        margin-top: 10px;
        cursor: pointer;
        margin-bottom: 4px;
    }

    .accountInfo .nameAccount .input-group-addon {
        margin-right: 5px;
        margin-left: 5px;
        text-align: right;
    }

    .accountInfo .nameAccount hr {
        margin-top: -20px;
    }

    .centroM-billing .infcm-ubi-billing h3 {
        margin-top: 0px;
    }

    .payment-method {
        margin-right: -20px;
    }

    .total {
        position: relative;
        margin-bottom: 10px;
    }

    .total-cuenta {
        margin-top: 10px;
    }

    .pay-all {
        margin-top: -10px;
        margin-right: -20px;
        margin-left: 15px;
        position: relative;
    }

    .payment-account {
        margin-top: -10px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .inf-billing p {
        margin-top: 0px;
        margin-left: 5px;
        font-size: 18px;
        margin-bottom: -4px;
        cursor: pointer;
    }

    .inf-billing a {
        color: #A6A6A6;
        margin-top: 0px;
    }

    .accountInfo .nameAccount .receipt p {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .accountInfo .nameAccount .receipt a {
        margin-top: 0px;
        color: #A6A6A6;
    }

    .hr-billings {
        margin-top: 10px;
    }

    .billingsListContainer {
        margin: 0px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 5px;
    }

    .title {
        font-weight: bold;
        font-size: 16px;
    }

    .number-receipt {
        font-weight: normal;
        font-size: 16px;
    }

    .date {
        margin-top: -5px;
    }

    .receipt-account {
        margin-bottom: 0px;
    }

    .subtotal {
        font-size: 16px;
        margin-right: 40px;
    }

    .total {
        font-size: 20px;
        margin-right: 0px;
    }

    .total1 {
        font-size: 20px;
        margin-right: -100px;
    }

    .totalPagar {
        margin-top: 10px;
        margin-right: 20px;
        font-size: 18px;
    }

    .tag-item-list {
        background: #DDDDDD !important;
        margin-top: 15px;
        display: inline-block;
        line-height: 25px;
        border: 1px solid #DDDDDD;
        border-radius: 3px;
    }

    /*FIN DE ESTILO DE FACTURACIÓN*/
    /* FIN DE NUEVO DISEÑO -> XPECTRA-WHITE*/
    /*.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), */
    /*.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {*/
    /*display: block!important;*/
    /*position: absolute;*/
    /*width: 220px;*/
    /*left: 41px;*/
    /*border: 1px solid #CCC;*/
    /*margin-left: -1px;*/
    /*}*/
    /*.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {*/
    /*padding-left: 12px;*/
    /*}*/
    /*.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {*/
    /*background: #00529c!important;*/
    /*color: white;*/
    /*/!*border: 2px solid #000;*!/*/
    /*}*/
    /*.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a {*/
    /*border-right: 0!important;*/
    /*}*/
    /*.skin-blue .sidebar-menu>li>a .icon {*/
    /*font-size: 150%;*/
    /*}*/

}

/*VALIDACION DE FORMULARIOS*/
.img-file-upload {
    display: block;
    max-height: 225px;
    max-width: 100%;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

.ui-select-container .btn.btn-default:not([disabled]) {
    background: #FFF !important;
}

.btn-link {
    padding: 0px;
}

textarea {
    resize: vertical;
}

.input-element {
    margin: 0;
}

div.loading-app img {
    max-width: 50%;
    padding-left: 10%;
    padding-right: 10%;
    position: absolute;
    margin: auto;
    left: 0;
    top: 10%;
    right: 0;
}

div.loading-app {

    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    z-index: 8888888;
    background-color: #ffffff;

}

svg#main-loading circle {
    fill: none;
    stroke: #355989;
    stroke-linecap: round;
    stroke-width: 7;
    -webkit-animation: circley 8s ease infinite, rotaty 2.2s linear infinite;
    -moz-animation: circley 8s ease infinite, rotaty 2.2s linear infinite;
    transform-origin: center center;
}

svg#main-loading circle.colored {
    -webkit-animation: dash 0.9s ease infinite, colors 5.6s ease-in-out infinite;
    -moz-animation: circley 8s ease infinite, rotaty 2.2s linear infinite, colored 5.3333s ease infinite;

}

svg#main-loading circle.colored.slow-as-fuck {
    -webkit-animation: circley 216s ease infinite, rotaty 59.4s linear infinite, colored 144s ease infinite;
    -moz-animation: circley 216s ease infinite, rotaty 59.4s linear infinite, colored 144s ease infinite;
}

.icon {
    width: 25px;
    height: 25px;
}

.dropdown-container {
    position: relative;
}

.switch {
    width: 35px;
    height: 20px;
    background: #dadada;
}

.switch small {
    border-radius: 100%;
    width: 20px;
    height: 20px;
}

.switch.checked small {
    left: 15px;
}

.switch:focus {
    outline: none;
}

.frame {
    border: 1px solid #ddd !important;
    xmin-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding-left: 10px !important;
}

.title-bordered {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;

    border: 1px solid #ddd !important;
    border-radius: 4px;
    padding: 5px 5px 5px 10px !important;
    background-color: #ffffff;
}



.main-header{
    background-color:#00529c !important;
}


.no-data{
    text-align: center;
    font-weight: bolder;
    padding-top: 20px;
}

.no-data img{
    width: 50px;

}


.ui-tabs-scrollable > .spacer > div:first-child > .tab-content > .active{
    overflow: visible !important;
}
.trash { color:rgb(209, 91, 71); }

.thing-form {
    margin: 20px 0;
}

#banner {
    border-bottom: none;
    margin-top: -20px;
}

#banner h1 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
}

.hero-unit {
    position: relative;
    padding: 30px 15px;
    color: #F5F5F5;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background: #4393B9;
}

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid #E5E5E5;
}

.navbar-text {
    margin-left: 15px;
}
div.pages{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    z-index: 99999999;
    background-color: white;
}

div.pages img{
    max-width: 50%;
    padding-left: 10%;
    padding-right: 10%;
    position: relative;
    margin: auto;
    left: 0;
    top:50%;
    margin-top:50px;
    right: 0;
}


div.pages h1{
    font-weight:bolder;
    color:#000000;
    margin-top: 50px;
    margin-bottom: 50px;
}

div.pages button {
    position: relative;

    display: block;
    margin: 30px auto;
    padding: 0;

    overflow: hidden;

    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);

    background-color: #ff1744;
    color: #ecf0f1;

    transition: background-color .3s;
}

div.pages button:hover, div.pages button:focus {
    background-color: #ff616f;
}

div.pages button > * {
    position: relative;
}

div.pages button span {
    font-weight: bold;
    display: block;
    padding: 12px 24px;
}

div.pages button:before {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;
    width: 0;
    padding-top: 0;

    border-radius: 100%;

    background-color: rgba(236, 240, 241, .3);

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.pages button:active:before {
    width: 120%;
    padding-top: 120%;

    transition: width .2s ease-out, padding-top .2s ease-out;
}


.ui-tabs-scrollable {
  position: relative; }
  .ui-tabs-scrollable > .spacer:not(.hidden-buttons) {
    margin-left: 0;
    margin-right: calc(20px + 20px); }
    .ui-tabs-scrollable > .spacer:not(.hidden-buttons) > div:first-child > .tab-content {
      margin-left: 0px;
      margin-right: calc(-20px - 20px); }
  .ui-tabs-scrollable > .spacer.hidden-buttons > div:first-child > .nav-tabs > li:last-child > a {
    border-right-color: #d9d9d9; }
  .ui-tabs-scrollable > .spacer.hidden-buttons > div:first-child > .nav-tabs > li:last-child.active > a {
    border-right-color: #999; }
  .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs {
    white-space: nowrap;
    overflow: hidden;
    border: none; }
    .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li {
      float: none;
      display: table-cell;
      margin: 0; }
      .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li.active > a {
        border-radius: 3px 3px 0 0;
        border-color: #999;
        border-bottom-color: transparent;
        background-color: #FBFBFB;
        color: #000; }
      .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li.active + li > a {
        border-left-color: #F2F2F2; }
      .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li.active + li > a:hover {
        border-left-color: #e5e5e5; }
      .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li:not(.active) > a {
        border-bottom-color: #999; }
        .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li:not(.active) > a:hover {
          background-color: #e5e5e5; }
      .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li.disabled:not(.active) > a {
        color: #9d9d9d; }
        .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li.disabled:not(.active) > a:hover {
          background-color: #F2F2F2; }
      .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li > a {
        line-height: 35px;
        height: 35px;
        font-size: 12px;
        overflow: hidden;
        background-color: #F2F2F2;
        border: 1px solid #d9d9d9;
        border-right-color: transparent;
        border-radius: 0;
        padding: 0 15px;
        margin: 0;
        color: #666666; }
  .ui-tabs-scrollable > .spacer > div:first-child > .tab-content {
    margin-top: -1px;
    border-top: 1px solid #999; }
  .ui-tabs-scrollable > .nav-button {
    position: absolute;
    width: 20px;
    line-height: 35px;
    height: 35px;
    top: 0;
    cursor: pointer;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-bottom-color: #999;
    border-radius: 0;
    padding: 0;
    background-color: #fff;
    z-index: 10;
    box-shadow: none; }
    .ui-tabs-scrollable > .nav-button:hover, .ui-tabs-scrollable > .nav-button:active {
      background-color: #e5e5e5; }
    .ui-tabs-scrollable > .nav-button:before {
      font-family: 'Glyphicons Halflings';
      color: #8c8c8c;
      font-size: 10px; }
    .ui-tabs-scrollable > .nav-button:disabled:before {
      color: #c5c5c5; }
    .ui-tabs-scrollable > .nav-button.left-nav-button {
      right: 20px;
      border-right: 0; }
      .ui-tabs-scrollable > .nav-button.left-nav-button:before {
        content: '\e079'; }
    .ui-tabs-scrollable > .nav-button.right-nav-button {
      right: 0; }
      .ui-tabs-scrollable > .nav-button.right-nav-button:before {
        content: '\e080'; }
  .ui-tabs-scrollable > .dropdown {
    position: absolute;
    top: 0;
    right: 0; }
    .ui-tabs-scrollable > .dropdown > .dropdown-toggle {
      width: 20px;
      line-height: 35px;
      height: 35px;
      font-size: 10px;
      color: #8c8c8c;
      text-align: center;
      border: 1px solid #ddd;
      border-left-width: 0;
      padding: 0;
      background-color: #fff;
      z-index: 10;
      border-radius: 0;
      border-bottom-color: #999; }
      .ui-tabs-scrollable > .dropdown > .dropdown-toggle:before {
        font-family: 'Glyphicons Halflings';
        content: '\e114';
        font-size: 10px; }
  .ui-tabs-scrollable.show-drop-down > .spacer:not(.hidden-buttons) {
    margin-right: calc(20px + 20px + 20px); }
    .ui-tabs-scrollable.show-drop-down > .spacer:not(.hidden-buttons) > div:first-child > .tab-content {
      margin-right: calc(-20px - 20px - 20px); }
  .ui-tabs-scrollable.show-drop-down > .nav-button.right-nav-button {
    right: 20px; }
  .ui-tabs-scrollable.show-drop-down > .nav-button.left-nav-button {
    right: calc(20px + 20px); }

.dropdown-menu {
  min-width: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }
  .dropdown-menu > li > a {
    padding: 3px 15px; }
    .dropdown-menu > li > a > .dropDownTabActiveMark:before {
      font-family: 'Glyphicons Halflings';
      content: '\e072';
      padding-right: 7px;
      font-size: 10px;
      color: #777; }
  .dropdown-menu > li.active > a {
    color: inherit;
    background-color: inherit; }
    .dropdown-menu > li.active > a:hover {
      color: inherit;
      background-color: #f5f5f5; }

/*make the tabs content be height 100%*/
.ui-tabs-scrollable > .spacer {
  height: 100%; }
  .ui-tabs-scrollable > .spacer > div:first-child {
    height: 100%; }
    .ui-tabs-scrollable > .spacer > div:first-child > .tab-content {
      height: 100%; }
      .ui-tabs-scrollable > .spacer > div:first-child > .tab-content > .active {
        height: 100%;
        overflow: auto; }

.ui-tabs-scrollable {
  position: relative; }
  .ui-tabs-scrollable > .spacer:not(.hidden-buttons) {
    margin-left: 25px;
    margin-right: 25px; }
    .ui-tabs-scrollable > .spacer:not(.hidden-buttons) > div:first-child > .nav-tabs > li:first-child.active a, .ui-tabs-scrollable > .spacer:not(.hidden-buttons) > div:first-child > .nav-tabs > li:first-child a:hover {
      border-top-left-radius: 0;
      border-left: 1px solid transparent; }
    .ui-tabs-scrollable > .spacer:not(.hidden-buttons) > div:first-child > .nav-tabs > li:last-child.active a, .ui-tabs-scrollable > .spacer:not(.hidden-buttons) > div:first-child > .nav-tabs > li:last-child a, .ui-tabs-scrollable > .spacer:not(.hidden-buttons) > div:first-child > .nav-tabs > li:last-child a:hover {
      border-top-right-radius: 0;
      border-right: 1px solid transparent;
      margin-right: -1px; }
    .ui-tabs-scrollable > .spacer:not(.hidden-buttons) > div:first-child > .tab-content {
      margin-left: -25px;
      margin-right: -25px; }
  .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs {
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 0; }
    .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li {
      float: none;
      display: table-cell; }
      .ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li > a {
        height: 42px; }
  .ui-tabs-scrollable > .spacer > div:first-child > .tab-content {
    margin-top: -1px;
    border-top: 1px solid #ddd; }
  .ui-tabs-scrollable > .nav-button {
    position: absolute;
    width: 25px;
    height: 42px;
    line-height: 42px;
    top: 0;
    color: #428bca;
    cursor: pointer;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 0;
    background-color: #fff;
    z-index: 10; }
    .ui-tabs-scrollable > .nav-button:hover {
      background-color: #eee; }
    .ui-tabs-scrollable > .nav-button.left-nav-button {
      left: 0;
      border-top-left-radius: 4px; }
      .ui-tabs-scrollable > .nav-button.left-nav-button:before {
        font-family: 'Glyphicons Halflings';
        content: '\e079'; }
    .ui-tabs-scrollable > .nav-button.right-nav-button {
      right: 0;
      border-top-right-radius: 4px; }
      .ui-tabs-scrollable > .nav-button.right-nav-button:before {
        font-family: 'Glyphicons Halflings';
        content: '\e080'; }
  .ui-tabs-scrollable > .dropdown {
    position: absolute;
    top: 0;
    right: 0; }
    .ui-tabs-scrollable > .dropdown > .dropdown-toggle {
      width: 25px;
      height: 42px;
      line-height: 42px;
      color: #428bca;
      text-align: center;
      border: 1px solid #ddd;
      border-left-width: 0;
      padding: 0;
      background-color: #fff;
      z-index: 10;
      border-radius: 0 4px 0 0; }
      .ui-tabs-scrollable > .dropdown > .dropdown-toggle:before {
        font-family: 'Glyphicons Halflings';
        content: '\e114'; }
  .ui-tabs-scrollable.show-drop-down > .spacer:not(.hidden-buttons) {
    margin-right: calc(25px + 25px); }
    .ui-tabs-scrollable.show-drop-down > .spacer:not(.hidden-buttons) > div:first-child > .tab-content {
      margin-right: calc(-25px - 25px); }
  .ui-tabs-scrollable.show-drop-down > .nav-button.right-nav-button {
    right: 25px;
    border-radius: 0; }

.dropdown-menu > li > a .dropDownTabActiveMark:before {
  font-family: 'Glyphicons Halflings';
  content: '\e013';
  padding-right: 10px;
  font-size: 12px; }

/*make the tabs content be height 100%*/
.ui-tabs-scrollable > .spacer {
  height: 100%; }
  .ui-tabs-scrollable > .spacer > div:first-child {
    height: 100%; }
    .ui-tabs-scrollable > .spacer > div:first-child > .tab-content {
      height: 100%; }
      .ui-tabs-scrollable > .spacer > div:first-child > .tab-content > .active {
        height: 100%;
        overflow: auto; }

.modal-primary .modal-header,
.modal-info .modal-header,
.modal-success .modal-header,
.modal-warning .modal-header,
.modal-danger .modal-header {
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.modal-primary .modal-header {
  background: #428bca;
}
.modal-info .modal-header {
  background: #5bc0de;
}
.modal-success .modal-header {
  background: #5cb85c;
}
.modal-warning .modal-header {
  background: #f0ad4e;
}
.modal-danger .modal-header {
  background: #d9534f;
}

.login-page {
  /*background-color: white;*/
  background-color: #F2F3F2;
}

.login-page .bg-login-animate {
  background-image: url("/images/Nevula-Fondo (2).png");
  background-position-x: 105%;
  background-position-y: center;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
  position: absolute;
  width: 107%;
  height: 100%;
  animation: animate-bg-move 10s linear 0s infinite alternate;
  z-index: -1;
  margin-top: -60px;
}

.login-box-body .form-control-feedback {
  color: white;
  opacity: .5;
}

@keyframes animate-bg-color{
  0% {
    background-color: #000;
  }
}

@keyframes animate-bg-move{
  0% {
    transform: translateX(-1%) translateY(-1%);
  }
  25% {
    transform: translateX(0) translateY(-2%);
  }
  50% {
    transform: translateX(1%) translateY(-1%);
  }
  75% {
    transform: translateX(0%)  translateX(0%);
  }
  100% {
    transform: translateX(0%) translateX(-1%);
  }
}

.login-page .login-box{
  max-width: 380px;
  border: solid #7F7F7F;
  background: white;
  /*background: #00529c;*/
  padding: 2em;
  margin: 3em auto 2em auto;
}


.login-box h1, .login-box h2, .login-box h3, .login-box h4,  .login-box p{
  color: black;
}

.login-page .apptitle{
  text-align: center;
  margin-top: 2em;
}

.login-box-body, .register-box-body {
  background: none;
}

.has-feedback .form-control-feedback {
  top:0;
}

.login-logo{
  color: #ffffff;
  margin-bottom: 0;
}

.material-form {
  background: #2d507d;
}

/*FORMULARIO PARA INICIAR SESIÓN*/
.material-form input, .material-form .select-material button {
  background: none;
  border: none;
  border-bottom: 2px solid #005c9c;
  color: black;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: none;
  /*opacity: .5;*/
  /*filter: alpha(opacity=50);*/
  /*-moz-opacity:0.5;*/
}

.material-form input, .material-form select, .material-form button,.material-form textarea, .select-material button {
  letter-spacing: .05em;
  font-weight: lighter;
  font-size: 1em;
  width: 100%;
}

.material-form input[type=text]:hover, .material-form input[type=password]:hover, .material-form .select-material button:hover {
  background: none!important;
  border-bottom:2px solid #005c9c;
  /*border-bottom: 1px solid white;*/
  box-shadow: 0 1px 0 0 white;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity:1;
}


.material-form .select-material button {
  text-align: left;
}

.material-form .select-material button .caret{
  position: relative;
  float: right;
  top: .5em;
}

.login-box .btn-default:active, .login-box .btn-default.active, .login-box .open > .dropdown-toggle.btn-default {
  background: none!important;
  border-bottom: 1px solid white;
  box-shadow: 0 1px 0 0 white;
  color: white!important;
}

.material-form .select-material button:active:hover, .material-form .select-material button.active:hover, .open > .dropdown-toggle.material-form .select-material button:hover,
.material-form .select-material button:active:focus, .material-form .select-material button.active:focus, .open > .dropdown-toggle.material-form .select-material button:focus,
.material-form .select-material button:active.focus, .material-form .select-material button.active.focus, .open > .dropdown-toggle.material-form .select-material button.focus {
  background: none!important;
  border-bottom: 1px solid white;
  box-shadow: 0 1px 0 0 white;
  color: white!important;
}

.material-form input:focus, .material-form select:focus {
  border-bottom: 2px solid #005c9c;
  box-shadow: 0 1px 0 0 white;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

.material-form .select-material button {
  background: none;
  border-radius:0;
}

.material-form .btn-primary {
  background: #005c9c;
  text-transform: capitalize;
  padding: .7em;
  color: white!important;
}

.material-form ::-webkit-input-placeholder {
  color: #7f7f7f;
}

.material-form :-moz-placeholder { /* Firefox 18- */
  color: black;
}

.material-form ::-moz-placeholder {  /* Firefox 19+ */
  color: black;
}

.material-form :-ms-input-placeholder {
  color: black;
}

.material-form .error-message {
  min-height: 4em;
  color: #ff8d98;
  padding: 1em;
  text-align: center;
}

.material-form select option {
  max-width: 90%;
  background: black;
  color: #333333;
  cursor: pointer;
}

.login-page .watermark {
  text-align: center;
  padding-right: 2em;
  /*font-weight: bold;*/
  /*color: white;*/
}

.login-page .watermark a{
  color: #3588c5;
}


/* CSS PARA BOTON DE LOGIN */

button.loadingButton.default-state > .circle, button.loadingButton.error-state > .circle {
  display: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

button.loadingButton.loading-state > .circle {
  display: block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

button.loadingButton.loading-state > .default-text {
  display: none;
}

button.loadingButton.success-state {
  background: #2cb76b;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

button.loadingButton.success-state > .default-text {
  display: none;
}

button.loadingButton.error-state {
  background: #fc4128;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

button.loadingButton.error-state:hover {
  background: #fc4128;
}

button.loadingButton.success-state:hover {
  background: #2cb76b;
}

.circle {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: -.3em auto -.3em auto;
  display: block;
  background: none;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  overflow: hidden;
  border: .25em solid #FFF;
  border-bottom: .25em solid transparent;

}

.ani-spin {
  -webkit-animation: spin 1.2s linear 0s infinite normal;
  -moz-animation: spin 1.2s linear 0s infinite normal;
  -o-animation: spin 1.2s linear 0s infinite normal;
  animation: spin 1.2s linear 0s infinite normal;
}

@-webkit-keyframes rolling {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rolling {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moztransform: rotate(360deg);
  }
}
@-o-keyframes rolling {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rolling {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}







/*

.login-page {

  background:url('/images/xpectra-wallpaper.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  background-position: right 0px center;

}

.login-box{

  width: 450px;

}

.has-feedback .form-control-feedback {
  top:0px;
}

.login-logo {

  color: #ffffff;
}
*/



.supermini {
  padding: 0 2px;
  margin-left: 2px;
  margin-right: 2px;
}

.btn-pickcolor, .btn-pickcolor:hover, .btn-pickcolor:focus {
  color: grey;
  outline: none!important;
  border: 1px solid #d2d6de;
  width: 34px;
  height: 34px;
}

.has-success .btn-pickcolor {
  border-color: #00a65a !important;
  box-shadow: none;
}

.has-error .btn-pickcolor {
  border-color: #dd4b39 !important;
  box-shadow: none;
}

.icon-without-icon:before {
  display: none;
  /*content: " ";
  width: 12px;
  height: 20px;
  float: left;*/
}

.icon-without-icon {
}

.btn.is-loading[disabled] {
  opacity: 1;
}

.btn {
  position: relative;
  overflow: hidden;

  /*  -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;*/
}

.btn-add{
  background-color: #ddd !important;
  color: #555;
  margin-top: 3px;
  margin-right: 10px;
}

.btn-tag{
  margin-top: 3px;
  margin-right: 10px;
}

a.btn.btn-help {
  padding: 0;
  margin-top: -4px;
}

.is-loading > span.progress .progress-inner {
  display: block;
  animation: isloadingprogress 2s linear .2s infinite;
}

span.progress .progress-inner {
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  background: rgba(0,0,0,.2);
  left: 0;
  display: none;
}

@keyframes isloadingprogress {
  0% {
    left: 0;
  }
  100% {
    width: 10%;
    left: 100%;
  }
}


fieldset[disabled] a.btn.btn-help, fieldset[disabled] button.btn.btn-help {
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
  padding: 0;
  margin-top: -4px;
}

.loading-screen {
  position: relative;
  z-index: 99998;
  min-width: 300px;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  background: white;
  display: block;
  text-align: center;
}

.loading-screen .loading-text {
  text-transform: uppercase;
  color: #9a9a9a;
}

.loading-animation {
  padding: 0;
  margin: 2em auto .5em auto;
}

.loading-animation circle {
  margin: 1em auto .3em auto;
  fill: none;
  /*stroke: #355989;*/
  stroke: #9a9a9a;
  stroke-linecap: round;
  stroke-width: 7;
  -webkit-animation: circley 8s ease infinite, rotaty 2.2s linear infinite;
  -moz-animation: circley 8s ease infinite, rotaty 2.2s linear infinite;
  transform-origin: center center;
  text-align: center
}

.loading-animation circle.colored {
  -webkit-animation: circley 8s ease infinite, rotaty 2.2s linear infinite, colored 5.3333s ease infinite;
  -moz-animation: circley 8s ease infinite, rotaty 2.2s linear infinite, colored 5.3333s ease infinite;
}


.loading-animation circle.colored.slow-as-fuck {
  -webkit-animation: circley 216s ease infinite, rotaty 59.4s linear infinite, colored 144s ease infinite;
  -moz-animation: circley 216s ease infinite, rotaty 59.4s linear infinite, colored 144s ease infinite;
}

.loading-animation circle.white-loading{
  stroke: white !important;
}

@keyframes circley {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0 314.159;
  }

  8.3% {
    stroke-dashoffset: 0;
    stroke-dasharray: 261.79 52.35;
  }

  16.6% {
    stroke-dashoffset: -261.79;
    stroke-dasharray: 0 314.159;
  }

  25% {
    stroke-dashoffset: -261.79;
    stroke-dasharray: 261.79 52.35;
  }

  33.3% {
    stroke-dashoffset: -523.58;
    stroke-dasharray: 0 314.159;
  }

  41.6% {
    stroke-dashoffset: -523.58;
    stroke-dasharray: 261.79 52.35;
  }

  50% {
    stroke-dashoffset: -785.37;
    stroke-dasharray: 0 314.159;
  }

  58.3% {
    stroke-dashoffset: -785.37;
    stroke-dasharray: 261.79 52.35;
  }

  66.6% {
    stroke-dashoffset: -1047.16;
    stroke-dasharray: 0 314.159;
  }

  75% {
    stroke-dashoffset: -1047.16;
    stroke-dasharray: 261.79 52.35;
  }

  83.3% {
    stroke-dashoffset: -1308.95;
    stroke-dasharray: 0 314.159;
  }

  91.6% {
    stroke-dashoffset: -1308.95;
    stroke-dasharray: 261.79 52.35;
  }

  100% {
    stroke-dashoffset: -1570.74;
    stroke-dasharray: 0 314.159;
  }
}

@-webkit-keyframes circley {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0 314.159;
  }

  8.3% {
    stroke-dashoffset: 0;
    stroke-dasharray: 261.79 52.35;
  }

  16.6% {
    stroke-dashoffset: -261.79;
    stroke-dasharray: 0 314.159;
  }

  25% {
    stroke-dashoffset: -261.79;
    stroke-dasharray: 261.79 52.35;
  }

  33.3% {
    stroke-dashoffset: -523.58;
    stroke-dasharray: 0 314.159;
  }

  41.6% {
    stroke-dashoffset: -523.58;
    stroke-dasharray: 261.79 52.35;
  }

  50% {
    stroke-dashoffset: -785.37;
    stroke-dasharray: 0 314.159;
  }

  58.3% {
    stroke-dashoffset: -785.37;
    stroke-dasharray: 261.79 52.35;
  }

  66.6% {
    stroke-dashoffset: -1047.16;
    stroke-dasharray: 0 314.159;
  }

  75% {
    stroke-dashoffset: -1047.16;
    stroke-dasharray: 261.79 52.35;
  }

  83.3% {
    stroke-dashoffset: -1308.95;
    stroke-dasharray: 0 314.159;
  }

  91.6% {
    stroke-dashoffset: -1308.95;
    stroke-dasharray: 261.79 52.35;
  }

  100% {
    stroke-dashoffset: -1570.74;
    stroke-dasharray: 0 314.159;
  }
}

@keyframes rotaty {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotaty {
  0% {
    transform: rotate(0deg);

  }

  100% {
    transform: rotate(360deg);

  }
}

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

.message-view img {
  max-width: 250px;
  width: 100%;
  margin: .3em auto;
  clear: both;
  opacity: .3;
}

.message-view span {
  clear: both;
  padding: .5em;
  font-size: 130%;
  opacity: .5;
}

/* #### - corrects 'unfixing' bug in Safari - #### */
@media screen and (-webkit-min-device-pixel-ratio:0) { .containermenu { -webkit-transform:none !important } }

body { overflow-x:hidden; -webkit-animation:androidbugfix infinite 1s } /* http://timpietrusky.com/advanced-checkbox-hack */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */

[id$="-menu"] label
{ padding:0 0.25em;
  font-size: 2em;
}
[id$="-menu"] .sub-nav .toggle { padding:0 0.3125em; /*font:2em/2em Arial;*/ top:0; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) }
#header label:hover, [id$="-menu"] label:hover { color:#ccc }
[id$="-main-nav-check"], [id$="-menu"] .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
[id$="-menu"] .toggle { position:absolute; right:0.15em; cursor:pointer; color:#fff }
.containermenu { background:#fff; min-height:100%; padding:0; margin:0 }

[id$="-menu"]
{
  margin-top: 3px;
  margin-bottom: 7px;
}

[id$="-menu"], [id$="-menu"] .sub-nav { position:absolute; top:0; bottom:0; width:13.75em; background:#3b3b3d; z-index:9999; left:-13.75em }
.containermenu, [id$="-menu"], [id$="-menu"] .sub-nav {
  -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
  -webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease
}
[id$="-menu"] ul { background:#3b3b3d; line-height:2.75em; text-decoration:none; padding:0; list-style:none;/* margin-top:4.0625em;*/ margin-top:3.3em; border-top:1px solid #444 }
[id$="-menu"] li { border-bottom:1px solid #444 }
[id$="-menu"] li a { background:#3b3b3d; display:block; /*font-size:0.875em;*/ padding-left:1.5em; color:#fff; text-decoration:none; text-transform: capitalize; cursor: pointer; }
[id$="-menu"] li a:hover, [id$="-menu"] .toggle-sub:hover { background:#333 }
[id$="-menu"] .sub-nav { margin-top:-1px }
[id$="-menu"] .sub-heading { /*margin-top:4.0625em;*/ margin-top:3.3em; padding-left:1.3125em; color:#00add8; text-transform: uppercase; }
[id$="-menu"] .sub-heading:before { content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#3b3b3d; }
[id$="-menu"] .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#3b3b3d; float:right; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center }
.containermenu, [id$="-menu"], [id$="-menu"] .sub-nav { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */

/* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside .containermenu - #### */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .containermenu { -webkit-transform:none !important } } */

/* #### - define ids of animated containermenu, menu and sub-menus here - #### */
[id$="-main-nav-check"]:checked ~ .containermenu,
[id$="-main-nav-check"]:checked ~ [id$="-menu"],
[id$="-menu"] .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ {
  -webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0)
}

.widgetZone .box-primary, .widget-settings .box-primary {
   border: 1px solid #DDDDDD;
}

.widgetZone .box-primary .box-header,.widget-settings .box-primary .box-header {
  border-bottom: 1px solid #DDDDDD;
  background: #ededed;
  margin-bottom: .5em;
}

.widgetZone .box-primary .box-header h3, .widget-settings .box-primary .box-header h3 {
  font-size: 90%;
}

.widgetZone .box-primary .box-header .btn, .widget-settings .box-primary .box-header .btn  {
  font-size: 90%;
}


.indicator-filters-center {
  margin-bottom: 1em;
  padding-bottom: .5em;
  border-bottom: 1px solid #DDDDDD;
}

.indicator-filters-center  .pull-left {
  margin-left: 1em;
}

.widgetZone .drag {
  position: absolute;
  z-index: 1;
  width: 100%;
  cursor: move;
  cursor: -webkit-grab;
  height: 15px;
  display: none;
}
.widgetZone .drag:hover {
  background: #CCC;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.widgetZone .drag:active {
  cursor: -webkit-grabbing;
}

.widgetZone .bg-black {
  background-color: #3e3e3e!important;
}

.widgetZone .bg-green {
  background-color: #2cb76b!important;
}

.widgetZone .bg-red {
  background-color: #fc4128!important;
}

.widgetZone .bg-orange {
  background-color: #e1ae5b!important;
}

.widgetZone .bg-blue {
  background-color: #355989!important;
}

.widgetZone .bg-yellow {
  background-color: #ffc400!important;
}

.widgetZone .empty-widget a{
  border: 4px dashed #CCCCCC;
  border-radius: 5px;
  padding: 2.5em;
  font-size: 2.5em;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  color: #CCCCCC;
  text-align: center;
}

.widgetZone .empty-widget a:hover {
  border-color: #72afd2;
  color: #72afd2;
}

.widgetZone .widget {
  margin-top: 10px;
  margin-bottom:  10px;
}

.widgetZone .widget-4 a {
  padding: 1em!important;
}

.widgetZone .small-box .icon {
  font-size: 35px;
  top: -5px;
  right: 5px;
}

.widgetZone .small-box:hover .icon {
  font-size: 40px;
}

.widgetZone .widgetEscalarItem {
  padding-right: 5px;
  padding-left: 5px;
  animation: loaded-animation 1.4s;
  /* min-width: 150px;*/
}

.widgetZone .highcharts-container {
  animation: loaded-animation 1.4s ease-in-out;
}

@keyframes loaded-animation{
  from {
    top: 50px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.widgetZone .widgetEscalarItem h3{
  text-align: center;
}

.widgetZone .widgetEscalarItem .title{
  margin: 0;
  height: 50px;
  overflow: hidden;
}

.widgetZone .widgetEscalarItem .title{
  margin: 0;
  /*height: 62px;*/
  overflow: hidden;
}

.widgetZone .widgetEscalarItem .small-box-footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}


.widgetZone .widgetChartItem{
  padding-right: 5px;
  padding-left: 5px;
}

.widgetZone .small-box, .widgetZone .box {
  margin-bottom: 10px;
}

.widgetZone .highcharts-button {
  display: none;
}

.highcharts-container {
  width: 100%!important;
}

.highcharts-container svg{
  width: 100%!important;
}

.highcharts-background {
  width: 100%!important;
}


.chart-wrapper {
  position: relative;
  padding-bottom: 40%;
}

.chart-inner {
  position: absolute;
  width: 100%; height: 100%;
}

.highcharts-grid {
  width: 100%!important;
}

.widgetZone .minichart .box-title {
  font-size: 0.8em;
  white-space:pre;
}

.widgetZone .minichart .box-title span{
  clear: left;
  font-size: 3em;
  font-weight: 600;
}

.widgetZone .dropdown-menu, .widgetZone .dropdown-submenu{
  background: #3b3b3d;
  color: #FFF;
  border-color: #545454;
}
.widgetZone .dropdown-menu > .divider {
  background-color: #5c5c5c;
}

.widgetZone .dropdown-menu > li > a {
  color: #b8c7ce;
}

.widgetZone .dropdown-menu > li > a:hover {
  color: #1e282c;
}

.widgetZone .dropdown-header, .widgetZone .dropdown-menu > li > a.dropdown-subheader {
  color: #00add8;
  text-transform: uppercase;
  font-size: .85em;
}

.widgetZone .dropdown-submenu>a.dropdown-subheader:after {
  border-left-color: #00add8;
}

.widgetZone .overFade:hover > .box-header .overFadeItem {
  opacity: 1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.widgetZone .box-header .overFadeItem {
  /*.indicators .box-header i.fa {*/
  opacity: 0.2;
}

.widgetZone .charts-container {
  position: relative;
}

/*
.widgetZone .datapicker-indicator-container {
  float: left;
  width: 100%;
  height: 100%;
  background-color: #3b3b3d;
}

.widgetZone .datapicker-indicator-container .datepicker-indicator {
  -ms-transform: scale(.91,.91);  IE 9
  -webkit-transform: scale(.91,.91);  Safari
  transform: scale(.91,.91);
}*/

/*Just add this css for responsive gridster */
.dashboard .gridster > * {
  padding: 0;
  width: 100% !important;
}
.dashboard .gridster .gs-w {
  list-style: none;
}
.dashboard .gridster .gs-w[data-sizex="1"] {
  width: 8.34091%;
}
.dashboard .gridster .gs-w[data-col="1"] {
  left: 0;
}
.dashboard .gridster .gs-w[data-sizex="2"] {
  width: 17.43182%;
}
.dashboard .gridster .gs-w[data-col="2"] {
  left: 9.09091%;
}
.dashboard.gridster .gs-w[data-sizex="3"] {
  width: 26.52273%;
}
.dashboard .gridster .gs-w[data-col="3"] {
  left: 18.18182%;
}
.dashboard .gridster .gs-w[data-sizex="4"] {
  width: 35.61364%;
}
.dashboard .gridster .gs-w[data-col="4"] {
  left: 27.27273%;
}
.dashboard .gridster .gs-w[data-sizex="5"] {
  width: 44.70455%;
}
.dashboard.gridster .gs-w[data-col="5"] {
  left: 36.36364%;
}
.dashboard .gridster .gs-w[data-sizex="6"] {
  width: 53.79545%;
}
.dashboard.gridster .gs-w[data-col="6"] {
  left: 45.45455%;
}
.dashboard .gridster .gs-w[data-sizex="7"] {
  width: 62.88636%;
}
.dashboard.gridster .gs-w[data-col="7"] {
  left: 54.54545%;
}
.dashboard .gridster .gs-w[data-sizex="8"] {
  width: 71.97727%;
}
.dashboard .gridster .gs-w[data-col="8"] {
  left: 63.63636%;
}
.dashboard .gridster .gs-w[data-sizex="9"] {
  width: 81.06818%;
}
.dashboard .gridster .gs-w[data-col="9"] {
  left: 72.72727%;
}
.dashboard .gridster .gs-w[data-sizex="10"] {
  width: 90.15909%;
}
.dashboard .gridster .gs-w[data-col="10"] {
  left: 81.81818%;
}
.dashboard .gridster .gs-w[data-sizex="11"] {
  width: 99.25%;
}
.dashboard .gridster .gs-w[data-col="11"] {
  left: 90.90909%;
}

/*Work around for devices less than 768px*/
@media screen and (max-width: 1024px) {
  .dashboard .gridster > * {
    padding: 0;
    width: 100% !important;
  }
  .dashboard .gridster .gs-w {
    list-style: none;
  }
  .dashboard .gridster .gs-w[data-sizex="1"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="1"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="2"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="2"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="3"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="3"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="4"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="4"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="5"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="5"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="6"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="6"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="7"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="7"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="8"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="8"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="9"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="9"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="10"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="10"] {
    left: 0!important;
  }
  .dashboard .gridster .gs-w[data-sizex="11"] {
    width: 100%!important;
  }
  .dashboard .gridster .gs-w[data-col="11"] {
    left: 0!important;
  }
}

@media (min-width: 768px) {
  .accumulator-totals {
    border: 2px solid #dddddd;
    margin:.5em 1em;
    padding: 1.5em;
    border-radius: .5em;
  }
  .accumulator-totals h4{
    border-bottom: 1px solid #dddddd;
    margin: 0 0 .3em 0;
    padding: 0 0 .3em 0;
  }
  .accumulator-totals .accumulator-totals-item{
    border-bottom: 1px solid #dddddd;
    padding: .7em;
    text-align: right;
  }
  .accumulator-totals .accumulator-totals-item span{
    font-weight: bold;
    float: left;
    color: #6a6c6f;
  }
}

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

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'font-xpectra-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon {
  /*display: inline-block;*/
  font-size: inherit;
  vertical-align: middle;
  line-height: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.icon-2x {
  font-size: 150%;
}

.icon-ico-ed-alarma:before {
  content: "\61";
}
.icon-ico-ed-sensor-calor:before {
  content: "\62";
}
.icon-ico-ed-sensor-congelamiento:before {
  content: "\63";
}
.icon-ico-ed-boton-panico:before {
  content: "\64";
}
.icon-ico-ed-camara:before {
  content: "\65";
}
.icon-ico-ed-sensor-fuego:before {
  content: "\66";
}
.icon-ico-ed-sensor-gas:before {
  content: "\67";
}
.icon-ico-ed-camara-ip:before {
  content: "\68";
}
.icon-ico-ed-camara-ip-wifi:before {
  content: "\69";
}
.icon-ico-ed-sensor-inundacion:before {
  content: "\6b";
}
.icon-ico-ed-camara-ptz:before {
  content: "\6c";
}
.icon-ico-ed-camara-ptz-ip:before {
  content: "\6d";
}
.icon-ico-ed-sensor-presencia:before {
  content: "\6e";
}
.icon-ico-ed-sensor-rotura:before {
  content: "\6a";
}
.icon-ico-ed-camara-ptz-ip-wifi:before {
  content: "\6f";
}
.icon-ico-ed-dvr:before {
  content: "\70";
}
.icon-ico-ed-sirena:before {
  content: "\71";
}
.icon-ico-ed-teclado:before {
  content: "\72";
}
.icon-ico-ed-nvr:before {
  content: "\73";
}
.icon-ico-ed-panel:before {
  content: "\74";
}
.icon-ico-ed-rociador-agua:before {
  content: "\75";
}
.icon-ico-ed-sensor-apertura:before {
  content: "\76";
}
.icon-ico-ea-alarma:before {
  content: "\77";
}
.icon-ico-ea-armado-auto-falla:before {
  content: "\78";
}
.icon-ico-ea-calor-zc:before {
  content: "\79";
}
.icon-ico-ea-congelamiento:before {
  content: "\7a";
}
.icon-ico-ea-falla-baterias:before {
  content: "\41";
}
.icon-ico-ea-falla-comunicacion:before {
  content: "\42";
}
.icon-ico-ea-congelamiento-zc:before {
  content: "\43";
}
.icon-ico-ea-cambio-programacion:before {
  content: "\44";
}
.icon-ico-ea-armado-automatico:before {
  content: "\45";
}
.icon-ico-ea-alarma-zc:before {
  content: "\46";
}
.icon-ico-ea-apertura:before {
  content: "\47";
}
.icon-ico-ea-armado-falla:before {
  content: "\48";
}
.icon-ico-ea-cierre:before {
  content: "\49";
}
.icon-ico-ea-desarmado:before {
  content: "\4c";
}
.icon-ico-ea-falla-netbox:before {
  content: "\4d";
}
.icon-ico-ea-falla-potencia:before {
  content: "\4e";
}
.icon-ico-ea-armado-fuera-horario:before {
  content: "\4f";
}
.icon-ico-ea-armado-parcial:before {
  content: "\50";
}
.icon-ico-ea-cierre-automatico:before {
  content: "\51";
}
.icon-ico-ea-desarmado-automatico:before {
  content: "\4a";
}
.icon-ico-ea-desarmado-falla:before {
  content: "\4b";
}
.icon-ico-ea-cierre-falla:before {
  content: "\52";
}
.icon-ico-ea-armado-remoto:before {
  content: "\53";
}
.icon-ico-ea-apertura-falla:before {
  content: "\54";
}
.icon-ico-ea-apertura-fuera-horario:before {
  content: "\55";
}
.icon-ico-ea-armado-tardio:before {
  content: "\56";
}
.icon-ico-ea-cierre-fuera-horario:before {
  content: "\57";
}
.icon-ico-ea-desarmado-fuera-horario:before {
  content: "\58";
}
.icon-ico-ea-fuego:before {
  content: "\59";
}
.icon-ico-ea-falla-zona:before {
  content: "\5a";
}
.icon-ico-ea-falla-receptora:before {
  content: "\30";
}
.icon-ico-ea-intrusion-zc:before {
  content: "\31";
}
.icon-ico-ea-inundacion:before {
  content: "\32";
}
.icon-ico-ea-inundacion-zc:before {
  content: "\33";
}
.icon-ico-ea-medico:before {
  content: "\34";
}
.icon-ico-ea-medico-zc:before {
  content: "\35";
}
.icon-ico-ea-panico:before {
  content: "\36";
}
.icon-ico-ea-panico-fuego:before {
  content: "\37";
}
.icon-ico-ea-panico-fuego-zc:before {
  content: "\38";
}
.icon-ico-ea-fuego-zc:before {
  content: "\39";
}
.icon-ico-ea-desarmado-remoto:before {
  content: "\21";
}
.icon-ico-ea-cierre-parcial:before {
  content: "\22";
}
.icon-ico-ea-armado-temprano:before {
  content: "\23";
}
.icon-ico-ea-apertura-remoto:before {
  content: "\24";
}
.icon-ico-ea-apertura-tarde:before {
  content: "\25";
}
.icon-ico-ea-asistencia:before {
  content: "\26";
}
.icon-ico-ea-cierre-remoto:before {
  content: "\27";
}
.icon-ico-ea-desarmado-tardio:before {
  content: "\28";
}
.icon-ico-ea-gas:before {
  content: "\29";
}
.icon-ico-ea-panico-inundacion:before {
  content: "\2a";
}
.icon-ico-ea-panico-inundacion-zc:before {
  content: "\2b";
}
.icon-ico-ea-gas-zc:before {
  content: "\2c";
}
.icon-ico-ea-desarmado-temprano:before {
  content: "\2d";
}
.icon-ico-ea-cierre-tarde:before {
  content: "\2e";
}
.icon-ico-ea-asistencia-zc:before {
  content: "\2f";
}
.icon-ico-ea-apertura-temprano:before {
  content: "\3a";
}
.icon-ico-ea-aperturas-cierres:before {
  content: "\3b";
}
.icon-ico-ea-bypass:before {
  content: "\3c";
}
.icon-ico-ea-emergencia:before {
  content: "\3d";
}
.icon-ico-ea-cierre-temprano:before {
  content: "\3e";
}
.icon-ico-ea-co2:before {
  content: "\3f";
}
.icon-ico-ea-bypass-normalizacion:before {
  content: "\40";
}
.icon-ico-ea-armado:before {
  content: "\5b";
}
.icon-ico-ea-calor:before {
  content: "\5e";
}
.icon-ico-ea-co2-zc:before {
  content: "\5f";
}
.icon-ico-ea-falla:before {
  content: "\60";
}
.icon-ico-ea-emergencia-zc:before {
  content: "\5d";
}
.icon-ico-ea-intrusion:before {
  content: "\7b";
}
.icon-ico-ea-panico-movil:before {
  content: "\7c";
}
.icon-ico-ea-panico-medico-zc:before {
  content: "\7d";
}
.icon-ico-ea-panico-medico:before {
  content: "\7e";
}
.icon-ico-ea-panico-robo-zc:before {
  content: "\5c";
}
.icon-ico-ea-panico-zc:before {
  content: "\e000";
}
.icon-ico-ea-reporte:before {
  content: "\e001";
}
.icon-ico-ea-tamper:before {
  content: "\e002";
}
.icon-ico-ea-supervisor:before {
  content: "\e003";
}
.icon-ico-ea-sometido-zc:before {
  content: "\e004";
}
.icon-ico-ea-sometido:before {
  content: "\e005";
}
.icon-ico-ea-senal-test:before {
  content: "\e006";
}
.icon-ico-ea-senal-no-configurada:before {
  content: "\e007";
}
.icon-ico-ea-senal-desconocida:before {
  content: "\e008";
}
.icon-ico-ea-rociador-zc:before {
  content: "\e009";
}
.icon-ico-ea-rociador:before {
  content: "\e00a";
}
.icon-ico-ea-robo-zc:before {
  content: "\e00b";
}
.icon-ico-ea-robo:before {
  content: "\e00c";
}
.icon-ico-ea-reporte-cona:before {
  content: "\e00d";
}
.icon-ico-ea-panico-movil-alt:before {
  content: "\e00e";
}
.icon-ico-ea-panico-movil-asistencia:before {
  content: "\e00f";
}
.icon-ico-ea-panico-movil-asistencia-alt:before {
  content: "\e010";
}
.icon-ico-ea-panico-movil-fuego-alt:before {
  content: "\e011";
}
.icon-ico-ea-panico-movil-medico:before {
  content: "\e012";
}
.icon-ico-ea-panico-movil-medico-alt:before {
  content: "\e013";
}
.icon-ico-ea-panico-movil-robo:before {
  content: "\e014";
}
.icon-ico-ea-panico-movil-robo-alt:before {
  content: "\e015";
}
.icon-ico-ea-panico-robo:before {
  content: "\e016";
}
.icon-ico-ea-panico-movil-fuego:before {
  content: "\e017";
}
.icon-ico-cloud-actualizar:before {
  content: "\e018";
}
.icon-ico-cloud-facturacion-pagos:before {
  content: "\e019";
}
.icon-ico-cloud-solicitud:before {
  content: "\e01a";
}
.icon-ico-cloud-solicitud-cancelada:before {
  content: "\e01b";
}
.icon-ico-cloud-idioma:before {
  content: "\e01c";
}
.icon-ico-cloud-ajustes:before {
  content: "\e01d";
}
.icon-ico-cloud-alarmas-eventos:before {
  content: "\e01e";
}
.icon-ico-cloud-localizacion-en-mapa:before {
  content: "\e01f";
}
.icon-ico-cloud-soporte-t-ecnico-alt:before {
  content: "\e020";
}
.icon-ico-cloud-soporte-tecnico:before {
  content: "\e021";
}
.icon-ico-cloud-mapa:before {
  content: "\e022";
}
.icon-ico-cloud-borrar:before {
  content: "\e023";
}
.icon-ico-cloud-calendario:before {
  content: "\e024";
}
.icon-ico-cloud-notificaciones:before {
  content: "\e025";
}
.icon-ico-cloud-telefono:before {
  content: "\e026";
}
.icon-ico-cloud-ticket:before {
  content: "\e027";
}
.icon-ico-cloud-nueva-solicitud:before {
  content: "\e028";
}
.icon-ico-cloud-camara:before {
  content: "\e029";
}
.icon-ico-cloud-cliente:before {
  content: "\e02a";
}
.icon-ico-cloud-pagos:before {
  content: "\e02b";
}
.icon-ico-cloud-ticket-en-proceso:before {
  content: "\e02c";
}
.icon-ico-cloud-ticket-finalizado:before {
  content: "\e02d";
}
.icon-ico-cloud-panel-armado:before {
  content: "\e02e";
}
.icon-ico-cloud-configuracin-cuenta:before {
  content: "\e02f";
}
.icon-ico-cloud-cuenta:before {
  content: "\e030";
}
.icon-ico-cloud-panel-desarmado:before {
  content: "\e031";
}
.icon-ico-cloud-ticket-planificado:before {
  content: "\e032";
}
.icon-ico-cloud-panel-zonas-alarma:before {
  content: "\e033";
}
.icon-ico-cloud-cuenta-alt:before {
  content: "\e034";
}
.icon-ico-cloud-detalle-cuenta:before {
  content: "\e035";
}
.icon-ico-cloud-panel-zonas-bypass:before {
  content: "\e036";
}
.icon-ico-cloud-reportes:before {
  content: "\e037";
}
.icon-ico-cloud-email:before {
  content: "\e038";
}
.icon-ico-cloud-facturacion:before {
  content: "\e039";
}
.icon-ico-cloud-salir:before {
  content: "\e03a";
}
.icon-ico-cloud-apps-panico:before {
  content: "\e03b";
}
.icon-ico-cancelar:before {
  content: "\e042";
}
.icon-ico-pausar:before {
  content: "\e043";
}
.icon-aceptar:before {
  content: "\e03c";
}
.icon-atender:before {
  content: "\e03d";
}
.icon-detalle:before {
  content: "\e03e";
}
.icon-historial:before {
  content: "\e03f";
}
.icon-nota:before {
  content: "\e040";
}
.icon-pausar:before {
  content: "\e041";
}
.icon-rechazar:before {
  content: "\e044";
}
.icon-terminar:before {
  content: "\e045";
}
.icon-ico-ea-apertura-ausencia:before {
  content: "\e046";
}
.icon-ico-ea-armado-ausencia:before {
  content: "\e047";
}
.icon-ico-ea-cierre-ausencia:before {
  content: "\e048";
}
.icon-ico-ea-desarmado-ausencia:before {
  content: "\e049";
}
.icon-ico-ea-humo:before {
  content: "\e04a";
}
.icon-ico-ea-humo-zc:before {
  content: "\e04b";
}
.icon-ico-senal-desconocida:before {
  content: "\e04d";
}
.icon-ico-sec-ayuda:before {
  content: "\e04c";
}

@charset "UTF-8";

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

}

[data-icon]:before {
  font-family: "font-xpectra-icons" !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: "font-xpectra-icons" !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;
}
.icon-ico-ed-alarma:before {
  content: "\61";
}
.icon-ico-ed-sensor-calor:before {
  content: "\62";
}
.icon-ico-ed-sensor-congelamiento:before {
  content: "\63";
}
.icon-ico-ed-boton-panico:before {
  content: "\64";
}
.icon-ico-ed-camara:before {
  content: "\65";
}
.icon-ico-ed-sensor-fuego:before {
  content: "\66";
}
.icon-ico-ed-sensor-gas:before {
  content: "\67";
}
.icon-ico-ed-camara-ip:before {
  content: "\68";
}
.icon-ico-ed-camara-ip-wifi:before {
  content: "\69";
}
.icon-ico-ed-sensor-inundacion:before {
  content: "\6b";
}
.icon-ico-ed-camara-ptz:before {
  content: "\6c";
}
.icon-ico-ed-camara-ptz-ip:before {
  content: "\6d";
}
.icon-ico-ed-sensor-presencia:before {
  content: "\6e";
}
.icon-ico-ed-sensor-rotura:before {
  content: "\6a";
}
.icon-ico-ed-camara-ptz-ip-wifi:before {
  content: "\6f";
}
.icon-ico-ed-dvr:before {
  content: "\70";
}
.icon-ico-ed-sirena:before {
  content: "\71";
}
.icon-ico-ed-teclado:before {
  content: "\72";
}
.icon-ico-ed-nvr:before {
  content: "\73";
}
.icon-ico-ed-panel:before {
  content: "\74";
}
.icon-ico-ed-rociador-agua:before {
  content: "\75";
}
.icon-ico-ed-sensor-apertura:before {
  content: "\76";
}
.icon-ico-ea-alarma:before {
  content: "\77";
}
.icon-ico-ea-armado-auto-falla:before {
  content: "\78";
}
.icon-ico-ea-calor-zc:before {
  content: "\79";
}
.icon-ico-ea-congelamiento:before {
  content: "\7a";
}
.icon-ico-ea-falla-baterias:before {
  content: "\41";
}
.icon-ico-ea-falla-comunicacion:before {
  content: "\42";
}
.icon-ico-ea-congelamiento-zc:before {
  content: "\43";
}
.icon-ico-ea-cambio-programacion:before {
  content: "\44";
}
.icon-ico-ea-armado-automatico:before {
  content: "\45";
}
.icon-ico-ea-alarma-zc:before {
  content: "\46";
}
.icon-ico-ea-apertura:before {
  content: "\47";
}
.icon-ico-ea-armado-falla:before {
  content: "\48";
}
.icon-ico-ea-cierre:before {
  content: "\49";
}
.icon-ico-ea-desarmado:before {
  content: "\4c";
}
.icon-ico-ea-falla-netbox:before {
  content: "\4d";
}
.icon-ico-ea-falla-potencia:before {
  content: "\4e";
}
.icon-ico-ea-armado-fuera-horario:before {
  content: "\4f";
}
.icon-ico-ea-armado-parcial:before {
  content: "\50";
}
.icon-ico-ea-cierre-automatico:before {
  content: "\51";
}
.icon-ico-ea-desarmado-automatico:before {
  content: "\4a";
}
.icon-ico-ea-desarmado-falla:before {
  content: "\4b";
}
.icon-ico-ea-cierre-falla:before {
  content: "\52";
}
.icon-ico-ea-armado-remoto:before {
  content: "\53";
}
.icon-ico-ea-apertura-falla:before {
  content: "\54";
}
.icon-ico-ea-apertura-fuera-horario:before {
  content: "\55";
}
.icon-ico-ea-armado-tardio:before {
  content: "\56";
}
.icon-ico-ea-cierre-fuera-horario:before {
  content: "\57";
}
.icon-ico-ea-desarmado-fuera-horario:before {
  content: "\58";
}
.icon-ico-ea-fuego:before {
  content: "\59";
}
.icon-ico-ea-falla-zona:before {
  content: "\5a";
}
.icon-ico-ea-falla-receptora:before {
  content: "\30";
}
.icon-ico-ea-intrusion-zc:before {
  content: "\31";
}
.icon-ico-ea-inundacion:before {
  content: "\32";
}
.icon-ico-ea-inundacion-zc:before {
  content: "\33";
}
.icon-ico-ea-medico:before {
  content: "\34";
}
.icon-ico-ea-medico-zc:before {
  content: "\35";
}
.icon-ico-ea-panico:before {
  content: "\36";
}
.icon-ico-ea-panico-fuego:before {
  content: "\37";
}
.icon-ico-ea-panico-fuego-zc:before {
  content: "\38";
}
.icon-ico-ea-fuego-zc:before {
  content: "\39";
}
.icon-ico-ea-desarmado-remoto:before {
  content: "\21";
}
.icon-ico-ea-cierre-parcial:before {
  content: "\22";
}
.icon-ico-ea-armado-temprano:before {
  content: "\23";
}
.icon-ico-ea-apertura-remoto:before {
  content: "\24";
}
.icon-ico-ea-apertura-tarde:before {
  content: "\25";
}
.icon-ico-ea-asistencia:before {
  content: "\26";
}
.icon-ico-ea-cierre-remoto:before {
  content: "\27";
}
.icon-ico-ea-desarmado-tardio:before {
  content: "\28";
}
.icon-ico-ea-gas:before {
  content: "\29";
}
.icon-ico-ea-panico-inundacion:before {
  content: "\2a";
}
.icon-ico-ea-panico-inundacion-zc:before {
  content: "\2b";
}
.icon-ico-ea-gas-zc:before {
  content: "\2c";
}
.icon-ico-ea-desarmado-temprano:before {
  content: "\2d";
}
.icon-ico-ea-cierre-tarde:before {
  content: "\2e";
}
.icon-ico-ea-asistencia-zc:before {
  content: "\2f";
}
.icon-ico-ea-apertura-temprano:before {
  content: "\3a";
}
.icon-ico-ea-aperturas-cierres:before {
  content: "\3b";
}
.icon-ico-ea-bypass:before {
  content: "\3c";
}
.icon-ico-ea-emergencia:before {
  content: "\3d";
}
.icon-ico-ea-cierre-temprano:before {
  content: "\3e";
}
.icon-ico-ea-co2:before {
  content: "\3f";
}
.icon-ico-ea-bypass-normalizacion:before {
  content: "\40";
}
.icon-ico-ea-armado:before {
  content: "\5b";
}
.icon-ico-ea-calor:before {
  content: "\5e";
}
.icon-ico-ea-co2-zc:before {
  content: "\5f";
}
.icon-ico-ea-falla:before {
  content: "\60";
}
.icon-ico-ea-emergencia-zc:before {
  content: "\5d";
}
.icon-ico-ea-intrusion:before {
  content: "\7b";
}
.icon-ico-ea-panico-movil:before {
  content: "\7c";
}
.icon-ico-ea-panico-medico-zc:before {
  content: "\7d";
}
.icon-ico-ea-panico-medico:before {
  content: "\7e";
}
.icon-ico-ea-panico-robo-zc:before {
  content: "\5c";
}
.icon-ico-ea-panico-zc:before {
  content: "\e000";
}
.icon-ico-ea-reporte:before {
  content: "\e001";
}
.icon-ico-ea-tamper:before {
  content: "\e002";
}
.icon-ico-ea-supervisor:before {
  content: "\e003";
}
.icon-ico-ea-sometido-zc:before {
  content: "\e004";
}
.icon-ico-ea-sometido:before {
  content: "\e005";
}
.icon-ico-ea-senal-test:before {
  content: "\e006";
}
.icon-ico-ea-senal-no-configurada:before {
  content: "\e007";
}
.icon-ico-ea-senal-desconocida:before {
  content: "\e008";
}
.icon-ico-ea-rociador-zc:before {
  content: "\e009";
}
.icon-ico-ea-rociador:before {
  content: "\e00a";
}
.icon-ico-ea-robo-zc:before {
  content: "\e00b";
}
.icon-ico-ea-robo:before {
  content: "\e00c";
}
.icon-ico-ea-reporte-cona:before {
  content: "\e00d";
}
.icon-ico-ea-panico-movil-alt:before {
  content: "\e00e";
}
.icon-ico-ea-panico-movil-asistencia:before {
  content: "\e00f";
}
.icon-ico-ea-panico-movil-asistencia-alt:before {
  content: "\e010";
}
.icon-ico-ea-panico-movil-fuego-alt:before {
  content: "\e011";
}
.icon-ico-ea-panico-movil-medico:before {
  content: "\e012";
}
.icon-ico-ea-panico-movil-medico-alt:before {
  content: "\e013";
}
.icon-ico-ea-panico-movil-robo:before {
  content: "\e014";
}
.icon-ico-ea-panico-movil-robo-alt:before {
  content: "\e015";
}
.icon-ico-ea-panico-robo:before {
  content: "\e016";
}
.icon-ico-ea-panico-movil-fuego:before {
  content: "\e017";
}
.icon-ico-cloud-actualizar:before {
  content: "\e018";
}
.icon-ico-cloud-facturacion-pagos:before {
  content: "\e019";
}
.icon-ico-cloud-solicitud:before {
  content: "\e01a";
}
.icon-ico-cloud-solicitud-cancelada:before {
  content: "\e01b";
}
.icon-ico-cloud-idioma:before {
  content: "\e01c";
}
.icon-ico-cloud-ajustes:before {
  content: "\e01d";
}
.icon-ico-cloud-alarmas-eventos:before {
  content: "\e01e";
}
.icon-ico-cloud-localizacion-en-mapa:before {
  content: "\e01f";
}
.icon-ico-cloud-soporte-t-ecnico-alt:before {
  content: "\e020";
}
.icon-ico-cloud-soporte-tecnico:before {
  content: "\e021";
}
.icon-ico-cloud-mapa:before {
  content: "\e022";
}
.icon-ico-cloud-borrar:before {
  content: "\e023";
}
.icon-ico-cloud-calendario:before {
  content: "\e024";
}
.icon-ico-cloud-notificaciones:before {
  content: "\e025";
}
.icon-ico-cloud-telefono:before {
  content: "\e026";
}
.icon-ico-cloud-ticket:before {
  content: "\e027";
}
.icon-ico-cloud-nueva-solicitud:before {
  content: "\e028";
}
.icon-ico-cloud-camara:before {
  content: "\e029";
}
.icon-ico-cloud-cliente:before {
  content: "\e02a";
}
.icon-ico-cloud-pagos:before {
  content: "\e02b";
}
.icon-ico-cloud-ticket-en-proceso:before {
  content: "\e02c";
}
.icon-ico-cloud-ticket-finalizado:before {
  content: "\e02d";
}
.icon-ico-cloud-panel-armado:before {
  content: "\e02e";
}
.icon-ico-cloud-configuracin-cuenta:before {
  content: "\e02f";
}
.icon-ico-cloud-cuenta:before {
  content: "\e030";
}
.icon-ico-cloud-panel-desarmado:before {
  content: "\e031";
}
.icon-ico-cloud-ticket-planificado:before {
  content: "\e032";
}
.icon-ico-cloud-panel-zonas-alarma:before {
  content: "\e033";
}
.icon-ico-cloud-cuenta-alt:before {
  content: "\e034";
}
.icon-ico-cloud-detalle-cuenta:before {
  content: "\e035";
}
.icon-ico-cloud-panel-zonas-bypass:before {
  content: "\e036";
}
.icon-ico-cloud-reportes:before {
  content: "\e037";
}
.icon-ico-cloud-email:before {
  content: "\e038";
}
.icon-ico-cloud-facturacion:before {
  content: "\e039";
}
.icon-ico-cloud-salir:before {
  content: "\e03a";
}
.icon-ico-cloud-apps-panico:before {
  content: "\e03b";
}
.icon-ico-cancelar:before {
  content: "\e042";
}
.icon-ico-pausar:before {
  content: "\e043";
}
.icon-aceptar:before {
  content: "\e03c";
}
.icon-atender:before {
  content: "\e03d";
}
.icon-detalle:before {
  content: "\e03e";
}
.icon-historial:before {
  content: "\e03f";
}
.icon-nota:before {
  content: "\e040";
}
.icon-pausar:before {
  content: "\e041";
}
.icon-rechazar:before {
  content: "\e044";
}
.icon-terminar:before {
  content: "\e045";
}
.icon-ico-ea-apertura-ausencia:before {
  content: "\e046";
}
.icon-ico-ea-armado-ausencia:before {
  content: "\e047";
}
.icon-ico-ea-cierre-ausencia:before {
  content: "\e048";
}
.icon-ico-ea-desarmado-ausencia:before {
  content: "\e049";
}
.icon-ico-ea-humo:before {
  content: "\e04a";
}
.icon-ico-ea-humo-zc:before {
  content: "\e04b";
}
.icon-ico-sec-ayuda:before {
  content: "\e04c";
}

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

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'font-xpectra-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon {
  /*display: inline-block;*/
  font-size: inherit;
  vertical-align: middle;
  line-height: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.icon-2x {
  font-size: 150%;
}

.icon-ico-ed-alarma:before {
  content: "\61";
}
.icon-ico-ed-sensor-calor:before {
  content: "\62";
}
.icon-ico-ed-sensor-congelamiento:before {
  content: "\63";
}
.icon-ico-ed-boton-panico:before {
  content: "\64";
}
.icon-ico-ed-camara:before {
  content: "\65";
}
.icon-ico-ed-sensor-fuego:before {
  content: "\66";
}
.icon-ico-ed-sensor-gas:before {
  content: "\67";
}
.icon-ico-ed-camara-ip:before {
  content: "\68";
}
.icon-ico-ed-camara-ip-wifi:before {
  content: "\69";
}
.icon-ico-ed-sensor-inundacion:before {
  content: "\6b";
}
.icon-ico-ed-camara-ptz:before {
  content: "\6c";
}
.icon-ico-ed-camara-ptz-ip:before {
  content: "\6d";
}
.icon-ico-ed-sensor-presencia:before {
  content: "\6e";
}
.icon-ico-ed-sensor-rotura:before {
  content: "\6a";
}
.icon-ico-ed-camara-ptz-ip-wifi:before {
  content: "\6f";
}
.icon-ico-ed-dvr:before {
  content: "\70";
}
.icon-ico-ed-sirena:before {
  content: "\71";
}
.icon-ico-ed-teclado:before {
  content: "\72";
}
.icon-ico-ed-nvr:before {
  content: "\73";
}
.icon-ico-ed-panel:before {
  content: "\74";
}
.icon-ico-ed-rociador-agua:before {
  content: "\75";
}
.icon-ico-ed-sensor-apertura:before {
  content: "\76";
}
.icon-ico-ea-alarma:before {
  content: "\77";
}
.icon-ico-ea-armado-auto-falla:before {
  content: "\78";
}
.icon-ico-ea-calor-zc:before {
  content: "\79";
}
.icon-ico-ea-congelamiento:before {
  content: "\7a";
}
.icon-ico-ea-falla-baterias:before {
  content: "\41";
}
.icon-ico-ea-falla-comunicacion:before {
  content: "\42";
}
.icon-ico-ea-congelamiento-zc:before {
  content: "\43";
}
.icon-ico-ea-cambio-programacion:before {
  content: "\44";
}
.icon-ico-ea-armado-automatico:before {
  content: "\45";
}
.icon-ico-ea-alarma-zc:before {
  content: "\46";
}
.icon-ico-ea-apertura:before {
  content: "\47";
}
.icon-ico-ea-armado-falla:before {
  content: "\48";
}
.icon-ico-ea-cierre:before {
  content: "\49";
}
.icon-ico-ea-desarmado:before {
  content: "\4c";
}
.icon-ico-ea-falla-netbox:before {
  content: "\4d";
}
.icon-ico-ea-falla-potencia:before {
  content: "\4e";
}
.icon-ico-ea-armado-fuera-horario:before {
  content: "\4f";
}
.icon-ico-ea-armado-parcial:before {
  content: "\50";
}
.icon-ico-ea-cierre-automatico:before {
  content: "\51";
}
.icon-ico-ea-desarmado-automatico:before {
  content: "\4a";
}
.icon-ico-ea-desarmado-falla:before {
  content: "\4b";
}
.icon-ico-ea-cierre-falla:before {
  content: "\52";
}
.icon-ico-ea-armado-remoto:before {
  content: "\53";
}
.icon-ico-ea-apertura-falla:before {
  content: "\54";
}
.icon-ico-ea-apertura-fuera-horario:before {
  content: "\55";
}
.icon-ico-ea-armado-tardio:before {
  content: "\56";
}
.icon-ico-ea-cierre-fuera-horario:before {
  content: "\57";
}
.icon-ico-ea-desarmado-fuera-horario:before {
  content: "\58";
}
.icon-ico-ea-fuego:before {
  content: "\59";
}
.icon-ico-ea-falla-zona:before {
  content: "\5a";
}
.icon-ico-ea-falla-receptora:before {
  content: "\30";
}
.icon-ico-ea-intrusion-zc:before {
  content: "\31";
}
.icon-ico-ea-inundacion:before {
  content: "\32";
}
.icon-ico-ea-inundacion-zc:before {
  content: "\33";
}
.icon-ico-ea-medico:before {
  content: "\34";
}
.icon-ico-ea-medico-zc:before {
  content: "\35";
}
.icon-ico-ea-panico:before {
  content: "\36";
}
.icon-ico-ea-panico-fuego:before {
  content: "\37";
}
.icon-ico-ea-panico-fuego-zc:before {
  content: "\38";
}
.icon-ico-ea-fuego-zc:before {
  content: "\39";
}
.icon-ico-ea-desarmado-remoto:before {
  content: "\21";
}
.icon-ico-ea-cierre-parcial:before {
  content: "\22";
}
.icon-ico-ea-armado-temprano:before {
  content: "\23";
}
.icon-ico-ea-apertura-remoto:before {
  content: "\24";
}
.icon-ico-ea-apertura-tarde:before {
  content: "\25";
}
.icon-ico-ea-asistencia:before {
  content: "\26";
}
.icon-ico-ea-cierre-remoto:before {
  content: "\27";
}
.icon-ico-ea-desarmado-tardio:before {
  content: "\28";
}
.icon-ico-ea-gas:before {
  content: "\29";
}
.icon-ico-ea-panico-inundacion:before {
  content: "\2a";
}
.icon-ico-ea-panico-inundacion-zc:before {
  content: "\2b";
}
.icon-ico-ea-gas-zc:before {
  content: "\2c";
}
.icon-ico-ea-desarmado-temprano:before {
  content: "\2d";
}
.icon-ico-ea-cierre-tarde:before {
  content: "\2e";
}
.icon-ico-ea-asistencia-zc:before {
  content: "\2f";
}
.icon-ico-ea-apertura-temprano:before {
  content: "\3a";
}
.icon-ico-ea-aperturas-cierres:before {
  content: "\3b";
}
.icon-ico-ea-bypass:before {
  content: "\3c";
}
.icon-ico-ea-emergencia:before {
  content: "\3d";
}
.icon-ico-ea-cierre-temprano:before {
  content: "\3e";
}
.icon-ico-ea-co2:before {
  content: "\3f";
}
.icon-ico-ea-bypass-normalizacion:before {
  content: "\40";
}
.icon-ico-ea-armado:before {
  content: "\5b";
}
.icon-ico-ea-calor:before {
  content: "\5e";
}
.icon-ico-ea-co2-zc:before {
  content: "\5f";
}
.icon-ico-ea-falla:before {
  content: "\60";
}
.icon-ico-ea-emergencia-zc:before {
  content: "\5d";
}
.icon-ico-ea-intrusion:before {
  content: "\7b";
}
.icon-ico-ea-panico-movil:before {
  content: "\7c";
}
.icon-ico-ea-panico-medico-zc:before {
  content: "\7d";
}
.icon-ico-ea-panico-medico:before {
  content: "\7e";
}
.icon-ico-ea-panico-robo-zc:before {
  content: "\5c";
}
.icon-ico-ea-panico-zc:before {
  content: "\e000";
}
.icon-ico-ea-reporte:before {
  content: "\e001";
}
.icon-ico-ea-tamper:before {
  content: "\e002";
}
.icon-ico-ea-supervisor:before {
  content: "\e003";
}
.icon-ico-ea-sometido-zc:before {
  content: "\e004";
}
.icon-ico-ea-sometido:before {
  content: "\e005";
}
.icon-ico-ea-senal-test:before {
  content: "\e006";
}
.icon-ico-ea-senal-no-configurada:before {
  content: "\e007";
}
.icon-ico-ea-senal-desconocida:before {
  content: "\e008";
}
.icon-ico-ea-rociador-zc:before {
  content: "\e009";
}
.icon-ico-ea-rociador:before {
  content: "\e00a";
}
.icon-ico-ea-robo-zc:before {
  content: "\e00b";
}
.icon-ico-ea-robo:before {
  content: "\e00c";
}
.icon-ico-ea-reporte-cona:before {
  content: "\e00d";
}
.icon-ico-ea-panico-movil-alt:before {
  content: "\e00e";
}
.icon-ico-ea-panico-movil-asistencia:before {
  content: "\e00f";
}
.icon-ico-ea-panico-movil-asistencia-alt:before {
  content: "\e010";
}
.icon-ico-ea-panico-movil-fuego-alt:before {
  content: "\e011";
}
.icon-ico-ea-panico-movil-medico:before {
  content: "\e012";
}
.icon-ico-ea-panico-movil-medico-alt:before {
  content: "\e013";
}
.icon-ico-ea-panico-movil-robo:before {
  content: "\e014";
}
.icon-ico-ea-panico-movil-robo-alt:before {
  content: "\e015";
}
.icon-ico-ea-panico-robo:before {
  content: "\e016";
}
.icon-ico-ea-panico-movil-fuego:before {
  content: "\e017";
}
.icon-ico-cloud-actualizar:before {
  content: "\e018";
}
.icon-ico-cloud-facturacion-pagos:before {
  content: "\e019";
}
.icon-ico-cloud-solicitud:before {
  content: "\e01a";
}
.icon-ico-cloud-solicitud-cancelada:before {
  content: "\e01b";
}
.icon-ico-cloud-idioma:before {
  content: "\e01c";
}
.icon-ico-cloud-ajustes:before {
  content: "\e01d";
}
.icon-ico-cloud-alarmas-eventos:before {
  content: "\e01e";
}
.icon-ico-cloud-localizacion-en-mapa:before {
  content: "\e01f";
}
.icon-ico-cloud-soporte-t-ecnico-alt:before {
  content: "\e020";
}
.icon-ico-cloud-soporte-tecnico:before {
  content: "\e021";
}
.icon-ico-cloud-mapa:before {
  content: "\e022";
}
.icon-ico-cloud-borrar:before {
  content: "\e023";
}
.icon-ico-cloud-calendario:before {
  content: "\e024";
}
.icon-ico-cloud-notificaciones:before {
  content: "\e025";
}
.icon-ico-cloud-telefono:before {
  content: "\e026";
}
.icon-ico-cloud-ticket:before {
  content: "\e027";
}
.icon-ico-cloud-nueva-solicitud:before {
  content: "\e028";
}
.icon-ico-cloud-camara:before {
  content: "\e029";
}
.icon-ico-cloud-cliente:before {
  content: "\e02a";
}
.icon-ico-cloud-pagos:before {
  content: "\e02b";
}
.icon-ico-cloud-ticket-en-proceso:before {
  content: "\e02c";
}
.icon-ico-cloud-ticket-finalizado:before {
  content: "\e02d";
}
.icon-ico-cloud-panel-armado:before {
  content: "\e02e";
}
.icon-ico-cloud-configuracin-cuenta:before {
  content: "\e02f";
}
.icon-ico-cloud-cuenta:before {
  content: "\e030";
}
.icon-ico-cloud-panel-desarmado:before {
  content: "\e031";
}
.icon-ico-cloud-ticket-planificado:before {
  content: "\e032";
}
.icon-ico-cloud-panel-zonas-alarma:before {
  content: "\e033";
}
.icon-ico-cloud-cuenta-alt:before {
  content: "\e034";
}
.icon-ico-cloud-detalle-cuenta:before {
  content: "\e035";
}
.icon-ico-cloud-panel-zonas-bypass:before {
  content: "\e036";
}
.icon-ico-cloud-reportes:before {
  content: "\e037";
}
.icon-ico-cloud-email:before {
  content: "\e038";
}
.icon-ico-cloud-facturacion:before {
  content: "\e039";
}
.icon-ico-cloud-salir:before {
  content: "\e03a";
}
.icon-ico-cloud-apps-panico:before {
  content: "\e03b";
}
.icon-ico-cancelar:before {
  content: "\e042";
}
.icon-ico-pausar:before {
  content: "\e043";
}
.icon-aceptar:before {
  content: "\e03c";
}
.icon-atender:before {
  content: "\e03d";
}
.icon-detalle:before {
  content: "\e03e";
}
.icon-historial:before {
  content: "\e03f";
}
.icon-nota:before {
  content: "\e040";
}
.icon-pausar:before {
  content: "\e041";
}
.icon-rechazar:before {
  content: "\e044";
}
.icon-terminar:before {
  content: "\e045";
}
.icon-ico-ea-apertura-ausencia:before {
  content: "\e046";
}
.icon-ico-ea-armado-ausencia:before {
  content: "\e047";
}
.icon-ico-ea-cierre-ausencia:before {
  content: "\e048";
}
.icon-ico-ea-desarmado-ausencia:before {
  content: "\e049";
}
.icon-ico-ea-humo:before {
  content: "\e04a";
}
.icon-ico-ea-humo-zc:before {
  content: "\e04b";
}
.icon-ico-senal-desconocida:before {
  content: "\e04d";
}
.icon-ico-sec-ayuda:before {
  content: "\e04c";
}

@charset "UTF-8";

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

}

[data-icon]:before {
  font-family: "font-xpectra-icons" !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: "font-xpectra-icons" !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;
}
.icon-ico-ed-alarma:before {
  content: "\61";
}
.icon-ico-ed-sensor-calor:before {
  content: "\62";
}
.icon-ico-ed-sensor-congelamiento:before {
  content: "\63";
}
.icon-ico-ed-boton-panico:before {
  content: "\64";
}
.icon-ico-ed-camara:before {
  content: "\65";
}
.icon-ico-ed-sensor-fuego:before {
  content: "\66";
}
.icon-ico-ed-sensor-gas:before {
  content: "\67";
}
.icon-ico-ed-camara-ip:before {
  content: "\68";
}
.icon-ico-ed-camara-ip-wifi:before {
  content: "\69";
}
.icon-ico-ed-sensor-inundacion:before {
  content: "\6b";
}
.icon-ico-ed-camara-ptz:before {
  content: "\6c";
}
.icon-ico-ed-camara-ptz-ip:before {
  content: "\6d";
}
.icon-ico-ed-sensor-presencia:before {
  content: "\6e";
}
.icon-ico-ed-sensor-rotura:before {
  content: "\6a";
}
.icon-ico-ed-camara-ptz-ip-wifi:before {
  content: "\6f";
}
.icon-ico-ed-dvr:before {
  content: "\70";
}
.icon-ico-ed-sirena:before {
  content: "\71";
}
.icon-ico-ed-teclado:before {
  content: "\72";
}
.icon-ico-ed-nvr:before {
  content: "\73";
}
.icon-ico-ed-panel:before {
  content: "\74";
}
.icon-ico-ed-rociador-agua:before {
  content: "\75";
}
.icon-ico-ed-sensor-apertura:before {
  content: "\76";
}
.icon-ico-ea-alarma:before {
  content: "\77";
}
.icon-ico-ea-armado-auto-falla:before {
  content: "\78";
}
.icon-ico-ea-calor-zc:before {
  content: "\79";
}
.icon-ico-ea-congelamiento:before {
  content: "\7a";
}
.icon-ico-ea-falla-baterias:before {
  content: "\41";
}
.icon-ico-ea-falla-comunicacion:before {
  content: "\42";
}
.icon-ico-ea-congelamiento-zc:before {
  content: "\43";
}
.icon-ico-ea-cambio-programacion:before {
  content: "\44";
}
.icon-ico-ea-armado-automatico:before {
  content: "\45";
}
.icon-ico-ea-alarma-zc:before {
  content: "\46";
}
.icon-ico-ea-apertura:before {
  content: "\47";
}
.icon-ico-ea-armado-falla:before {
  content: "\48";
}
.icon-ico-ea-cierre:before {
  content: "\49";
}
.icon-ico-ea-desarmado:before {
  content: "\4c";
}
.icon-ico-ea-falla-netbox:before {
  content: "\4d";
}
.icon-ico-ea-falla-potencia:before {
  content: "\4e";
}
.icon-ico-ea-armado-fuera-horario:before {
  content: "\4f";
}
.icon-ico-ea-armado-parcial:before {
  content: "\50";
}
.icon-ico-ea-cierre-automatico:before {
  content: "\51";
}
.icon-ico-ea-desarmado-automatico:before {
  content: "\4a";
}
.icon-ico-ea-desarmado-falla:before {
  content: "\4b";
}
.icon-ico-ea-cierre-falla:before {
  content: "\52";
}
.icon-ico-ea-armado-remoto:before {
  content: "\53";
}
.icon-ico-ea-apertura-falla:before {
  content: "\54";
}
.icon-ico-ea-apertura-fuera-horario:before {
  content: "\55";
}
.icon-ico-ea-armado-tardio:before {
  content: "\56";
}
.icon-ico-ea-cierre-fuera-horario:before {
  content: "\57";
}
.icon-ico-ea-desarmado-fuera-horario:before {
  content: "\58";
}
.icon-ico-ea-fuego:before {
  content: "\59";
}
.icon-ico-ea-falla-zona:before {
  content: "\5a";
}
.icon-ico-ea-falla-receptora:before {
  content: "\30";
}
.icon-ico-ea-intrusion-zc:before {
  content: "\31";
}
.icon-ico-ea-inundacion:before {
  content: "\32";
}
.icon-ico-ea-inundacion-zc:before {
  content: "\33";
}
.icon-ico-ea-medico:before {
  content: "\34";
}
.icon-ico-ea-medico-zc:before {
  content: "\35";
}
.icon-ico-ea-panico:before {
  content: "\36";
}
.icon-ico-ea-panico-fuego:before {
  content: "\37";
}
.icon-ico-ea-panico-fuego-zc:before {
  content: "\38";
}
.icon-ico-ea-fuego-zc:before {
  content: "\39";
}
.icon-ico-ea-desarmado-remoto:before {
  content: "\21";
}
.icon-ico-ea-cierre-parcial:before {
  content: "\22";
}
.icon-ico-ea-armado-temprano:before {
  content: "\23";
}
.icon-ico-ea-apertura-remoto:before {
  content: "\24";
}
.icon-ico-ea-apertura-tarde:before {
  content: "\25";
}
.icon-ico-ea-asistencia:before {
  content: "\26";
}
.icon-ico-ea-cierre-remoto:before {
  content: "\27";
}
.icon-ico-ea-desarmado-tardio:before {
  content: "\28";
}
.icon-ico-ea-gas:before {
  content: "\29";
}
.icon-ico-ea-panico-inundacion:before {
  content: "\2a";
}
.icon-ico-ea-panico-inundacion-zc:before {
  content: "\2b";
}
.icon-ico-ea-gas-zc:before {
  content: "\2c";
}
.icon-ico-ea-desarmado-temprano:before {
  content: "\2d";
}
.icon-ico-ea-cierre-tarde:before {
  content: "\2e";
}
.icon-ico-ea-asistencia-zc:before {
  content: "\2f";
}
.icon-ico-ea-apertura-temprano:before {
  content: "\3a";
}
.icon-ico-ea-aperturas-cierres:before {
  content: "\3b";
}
.icon-ico-ea-bypass:before {
  content: "\3c";
}
.icon-ico-ea-emergencia:before {
  content: "\3d";
}
.icon-ico-ea-cierre-temprano:before {
  content: "\3e";
}
.icon-ico-ea-co2:before {
  content: "\3f";
}
.icon-ico-ea-bypass-normalizacion:before {
  content: "\40";
}
.icon-ico-ea-armado:before {
  content: "\5b";
}
.icon-ico-ea-calor:before {
  content: "\5e";
}
.icon-ico-ea-co2-zc:before {
  content: "\5f";
}
.icon-ico-ea-falla:before {
  content: "\60";
}
.icon-ico-ea-emergencia-zc:before {
  content: "\5d";
}
.icon-ico-ea-intrusion:before {
  content: "\7b";
}
.icon-ico-ea-panico-movil:before {
  content: "\7c";
}
.icon-ico-ea-panico-medico-zc:before {
  content: "\7d";
}
.icon-ico-ea-panico-medico:before {
  content: "\7e";
}
.icon-ico-ea-panico-robo-zc:before {
  content: "\5c";
}
.icon-ico-ea-panico-zc:before {
  content: "\e000";
}
.icon-ico-ea-reporte:before {
  content: "\e001";
}
.icon-ico-ea-tamper:before {
  content: "\e002";
}
.icon-ico-ea-supervisor:before {
  content: "\e003";
}
.icon-ico-ea-sometido-zc:before {
  content: "\e004";
}
.icon-ico-ea-sometido:before {
  content: "\e005";
}
.icon-ico-ea-senal-test:before {
  content: "\e006";
}
.icon-ico-ea-senal-no-configurada:before {
  content: "\e007";
}
.icon-ico-ea-senal-desconocida:before {
  content: "\e008";
}
.icon-ico-ea-rociador-zc:before {
  content: "\e009";
}
.icon-ico-ea-rociador:before {
  content: "\e00a";
}
.icon-ico-ea-robo-zc:before {
  content: "\e00b";
}
.icon-ico-ea-robo:before {
  content: "\e00c";
}
.icon-ico-ea-reporte-cona:before {
  content: "\e00d";
}
.icon-ico-ea-panico-movil-alt:before {
  content: "\e00e";
}
.icon-ico-ea-panico-movil-asistencia:before {
  content: "\e00f";
}
.icon-ico-ea-panico-movil-asistencia-alt:before {
  content: "\e010";
}
.icon-ico-ea-panico-movil-fuego-alt:before {
  content: "\e011";
}
.icon-ico-ea-panico-movil-medico:before {
  content: "\e012";
}
.icon-ico-ea-panico-movil-medico-alt:before {
  content: "\e013";
}
.icon-ico-ea-panico-movil-robo:before {
  content: "\e014";
}
.icon-ico-ea-panico-movil-robo-alt:before {
  content: "\e015";
}
.icon-ico-ea-panico-robo:before {
  content: "\e016";
}
.icon-ico-ea-panico-movil-fuego:before {
  content: "\e017";
}
.icon-ico-cloud-actualizar:before {
  content: "\e018";
}
.icon-ico-cloud-facturacion-pagos:before {
  content: "\e019";
}
.icon-ico-cloud-solicitud:before {
  content: "\e01a";
}
.icon-ico-cloud-solicitud-cancelada:before {
  content: "\e01b";
}
.icon-ico-cloud-idioma:before {
  content: "\e01c";
}
.icon-ico-cloud-ajustes:before {
  content: "\e01d";
}
.icon-ico-cloud-alarmas-eventos:before {
  content: "\e01e";
}
.icon-ico-cloud-localizacion-en-mapa:before {
  content: "\e01f";
}
.icon-ico-cloud-soporte-t-ecnico-alt:before {
  content: "\e020";
}
.icon-ico-cloud-soporte-tecnico:before {
  content: "\e021";
}
.icon-ico-cloud-mapa:before {
  content: "\e022";
}
.icon-ico-cloud-borrar:before {
  content: "\e023";
}
.icon-ico-cloud-calendario:before {
  content: "\e024";
}
.icon-ico-cloud-notificaciones:before {
  content: "\e025";
}
.icon-ico-cloud-telefono:before {
  content: "\e026";
}
.icon-ico-cloud-ticket:before {
  content: "\e027";
}
.icon-ico-cloud-nueva-solicitud:before {
  content: "\e028";
}
.icon-ico-cloud-camara:before {
  content: "\e029";
}
.icon-ico-cloud-cliente:before {
  content: "\e02a";
}
.icon-ico-cloud-pagos:before {
  content: "\e02b";
}
.icon-ico-cloud-ticket-en-proceso:before {
  content: "\e02c";
}
.icon-ico-cloud-ticket-finalizado:before {
  content: "\e02d";
}
.icon-ico-cloud-panel-armado:before {
  content: "\e02e";
}
.icon-ico-cloud-configuracin-cuenta:before {
  content: "\e02f";
}
.icon-ico-cloud-cuenta:before {
  content: "\e030";
}
.icon-ico-cloud-panel-desarmado:before {
  content: "\e031";
}
.icon-ico-cloud-ticket-planificado:before {
  content: "\e032";
}
.icon-ico-cloud-panel-zonas-alarma:before {
  content: "\e033";
}
.icon-ico-cloud-cuenta-alt:before {
  content: "\e034";
}
.icon-ico-cloud-detalle-cuenta:before {
  content: "\e035";
}
.icon-ico-cloud-panel-zonas-bypass:before {
  content: "\e036";
}
.icon-ico-cloud-reportes:before {
  content: "\e037";
}
.icon-ico-cloud-email:before {
  content: "\e038";
}
.icon-ico-cloud-facturacion:before {
  content: "\e039";
}
.icon-ico-cloud-salir:before {
  content: "\e03a";
}
.icon-ico-cloud-apps-panico:before {
  content: "\e03b";
}
.icon-ico-cancelar:before {
  content: "\e042";
}
.icon-ico-pausar:before {
  content: "\e043";
}
.icon-aceptar:before {
  content: "\e03c";
}
.icon-atender:before {
  content: "\e03d";
}
.icon-detalle:before {
  content: "\e03e";
}
.icon-historial:before {
  content: "\e03f";
}
.icon-nota:before {
  content: "\e040";
}
.icon-pausar:before {
  content: "\e041";
}
.icon-rechazar:before {
  content: "\e044";
}
.icon-terminar:before {
  content: "\e045";
}
.icon-ico-ea-apertura-ausencia:before {
  content: "\e046";
}
.icon-ico-ea-armado-ausencia:before {
  content: "\e047";
}
.icon-ico-ea-cierre-ausencia:before {
  content: "\e048";
}
.icon-ico-ea-desarmado-ausencia:before {
  content: "\e049";
}
.icon-ico-ea-humo:before {
  content: "\e04a";
}
.icon-ico-ea-humo-zc:before {
  content: "\e04b";
}
.icon-ico-sec-ayuda:before {
  content: "\e04c";
}

/*# sourceMappingURL=app.css.map */